/* 如果您觉得我的博客还行，请随意扒取，感谢您的赏识 —— by winyuan(wenyuanblog.com) */
@charset "utf-8";@media only screen and (max-width:601px){.container{width:95%}}@media only screen and (min-width:600px) and (max-width:992px){.container{width:90%}}@media only screen and (min-width:993px){.container{width:85%;max-width:1125px}.post-container{width:90%;margin:0 auto;max-width:1250px}}body{height:100%;background-color:#f7f7f7;margin:0;color:#333}h1{margin:48px 0 22px -5px;font-size:2.0rem;font-weight:bold;line-height:2.0rem}h2{margin:42px 0 18px -5px;font-size:1.8rem;font-weight:bold;line-height:1.8rem}h3{margin:38px 0 15px -4px;font-size:1.6rem;font-weight:bold;line-height:1.7rem}h4{margin:32px 0 12px -4px;font-size:1.45rem;font-weight:bold;line-height:1.45rem}h5{margin:28px 0 8px -4px;font-size:1.2rem;font-weight:bold;line-height:1.2rem}h6{margin:22px 0 4px -4px;font-size:1.1rem;line-height:1.1rem}/* 如果您觉得我的博客还行，请随意扒取，感谢您的赏识 —— by winyuan(wenyuanblog.com) */p{font-size:1rem;line-height:1.5rem}hr{margin:20px 0;border:0;border-top:1px solid #ccc}blockquote{border-left:5px solid #dce6f0;padding:1rem .8rem .2rem .8rem;color:#666;background-color:#f2f7fb}#artDetail blockquote p{text-indent:0}.line-numbers-rows{border-right-width:0!important}pre{padding:2.5rem 1.5rem 1.5rem 1.5rem!important;margin:1rem 0!important;background:#272822;overflow:auto;border-radius:.35rem;tab-size:4}pre::before{content:"";height:16px;margin-bottom:0;display:block}pre::after{content:" ";position:absolute;border-radius:50%;background:#ff5f56;width:12px;height:12px;top:0;left:1.5rem;margin-top:12px;-webkit-box-shadow:20px 0 #ffbd2e,40px 0 #27c93f;box-shadow:20px 0 #ffbd2e,40px 0 #27c93f;z-index:3}code{padding:1px 5px;font-family:Inconsolata,Monaco,Consolas,'Courier New',Courier,monospace;font-size:.91rem;color:#c7254e;background-color:#f8f8f8;border-radius:2px}pre code{padding:0;color:#e8eaf6;background-color:#272822}pre[class*="language-"]{padding:1.2em;margin:.5em 0}/* 如果您觉得我的博客还行，请随意扒取，感谢您的赏识 —— by winyuan(wenyuanblog.com) */code[class*="language-"],pre[class*="language-"]{color:#e8eaf6;white-space:pre-wrap!important}b,strong{font-weight:bold}dfn{font-style:italic}small{font-size:85%}cite{font-style:normal}mark{background-color:#fcf8e3;padding:.2em}.card{border-radius:10px;box-shadow:0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07)}/* 如果您觉得我的博客还行，请随意扒取，感谢您的赏识 —— by winyuan(wenyuanblog.com) */.card{border-radius:0}article .card{border-radius:10px;-webkit-box-shadow:none;box-shadow:none}article .card:hover{-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2)}.card .card-image img{border-radius:5px 5px 0 0}.container .row{margin-bottom:0}.bg-color{background:#1da7da}.bg-color:focus{background:#1da7da}.bg-color:hover{background:#1da7da}.post-cover{background:#1da7da}.about-cover{background:#1da7da}.text-color{color:#0f9d58!important}.white-color{color:#fff}.sidenav-overlay{z-index:500}.pd-header{margin-top:-64px}header .side-nav{width:240px;z-index:999;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 7px 10px 0 rgba(0,0,0,0.12)}/* 如果您觉得我的博客还行，请随意扒取，感谢您的赏识 —— by winyuan(wenyuanblog.com) */nav{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 7px 10px 0 rgba(0,0,0,0.12)}header .nav-transparent{background-color:transparent!important;background-image:none;box-shadow:none}header nav .brand-span{font-size:1.45rem}header .brand-logo{bottom:1px}header .brand-logo .logo-img{height:45px;vertical-align:middle;padding-bottom:6px}header .brand-logo .logo-span{font-size:2rem}header .button-collapse i{font-size:1.5rem}header .side-nav .mobile-head{padding:0 15px}header .side-nav .mobile-head img{margin-top:30px;width:75px;height:75px}header .side-nav .mobile-head .logo-name{margin-top:-30px;padding-left:10px;font-size:1.5rem}header .side-nav .mobile-head .logo-desc{margin-top:-10px;padding-left:10px;padding-bottom:10px;font-size:.8rem;line-height:1.3rem;color:#e3e3e3}header .side-nav .menu-list li{padding:0;margin-left:-15px}header .side-nav .menu-list a{height:50px;line-height:50px;color:#333!important}.mobile-menu-list a i{margin-left:8px!important;font-size:1.16rem;color:#333!important}header .side-nav .fa-fw{width:3.3rem;text-align:left}header .side-nav .social-link{position:absolute;bottom:45px;padding-left:15px}.social-link a{font-size:1.2rem;display:inline;padding:0 12px}.cover-btns{position:relative;top:10vh;text-align:center}.cover-btns a{margin:10px 15px;padding:0 35px;height:45px;line-height:45px;font-size:1rem;color:#fff;border:1px solid #fff;background-color:transparent;border-radius:30px;box-shadow:none}.cover-btns a:hover{border:1px solid #3dd07d;background-color:#3dd07d;box-shadow:0 14px 26px -12px rgba(233,30,99,0.42),0 4px 23px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(233,30,99,0.2)}.cover-btns a:focus{border:1px solid #3dd07d;background-color:#3dd07d;box-shadow:0 14px 26px -12px rgba(233,30,99,0.42),0 4px 23px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(233,30,99,0.2)}.cover-btns a i{font-size:1.1rem;padding-right:5px}.cover-social-link{position:relative;top:18vh;text-align:center}.cover-social-link a{padding:0 15px;font-size:1.35rem;color:#fff}header .go-back{float:left;position:relative;padding-left:5px;padding-right:5px;z-index:1;height:56px}header .go-back i{font-size:1.6rem;font-weight:200;line-height:56px}.bg-cover{position:relative;display:flex;align-items:center;height:60vh;padding:0;border:0;overflow:hidden;background-position:center center;background-size:cover;transform:translate3d(0px,0px,0px)}.index-cover{height:65vh}.post-cover{height:40vh!important}.bg-cover:before,.bg-cover:after{position:absolute;z-index:1;width:100%;height:100%;display:block;left:0;top:0;content:""}.bg-cover .container{position:relative;color:#fff;z-index:2}.bg-cover .title{font-size:4rem;font-weight:700;line-height:1.85em;margin-bottom:20px;position:relative}.bg-cover .description{font-size:1.25rem;font-weight:300;line-height:1.4em;color:#eee}.bg-cover .post-title{font-size:1.9rem;font-weight:normal!important}.carousel .indicators{padding-bottom:10px!important}.index-card{margin-top:-50px;padding-top:20px}/* 如果您觉得我的博客还行，请随意扒取，感谢您的赏识 —— by winyuan(wenyuanblog.com) */.carousel-post .title{font-size:2.6rem}.carousel-post .cover-btns a{margin-top:-30px}.dream{margin-top:20px;margin-bottom:40px}.dream .title,.music-player .title,.video-player .title{margin-bottom:20px;font-size:2rem;font-weight:700}.dream .text{opacity:.6;font-size:1.1rem}.music-player,.video-player{margin-top:10px;margin-bottom:50px}.music,.dplayer-video{box-shadow:0 5px 20px 0 rgba(0,0,0,.2),0 10px 20px -12px rgba(0,0,0,.5)!important}#recommend-sections{margin-top:-30px;padding-top:30px}.index-card .card .card-content{padding:20px 40px}@media only screen and (min-width:1418px){.recommend{margin-top:20px;padding:0 .75rem}}/* 如果您觉得我的博客还行，请随意扒取，感谢您的赏识 —— by winyuan(wenyuanblog.com) */@media only screen and (max-width:601px){.index-card .card .card-content{padding:10px 10px}}@media only screen and (min-width:600px) and (max-width:992px){.index-card .card .card-content{padding:20px 20px}}.recommend .row .col{padding:0 1.25rem}.recommend .title{margin-top:25px;margin-bottom:25px;text-align:center;font-size:1.8rem;font-weight:700;line-height:1.8rem}.recommend .post-card:before{position:absolute;z-index:0;width:100%;height:100%;display:block;left:0;top:0;content:"";background-color:rgba(0,0,0,.3);border-radius:10px}.recommend .post-card{position:relative;width:100%;height:300px;max-height:300px;margin-bottom:15px;margin-top:15px;text-align:center;border:0;border-radius:10px;color:rgba(0,0,0,.87);background:#fff 50%;background-size:cover;box-shadow:0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07)}.recommend .post-card .post-body{position:relative;margin:0 auto;padding:1.8rem 1.25rem;z-index:2}.recommend .post-card .post-categories{margin:10px auto}.recommend .post-card .post-categories .category{padding:0 8px;color:hsla(0,0%,100%,.7)!important;font-size:.75rem;font-weight:500}.recommend .post-card a{color:#fff}/* 如果您觉得我的博客还行，请随意扒取，感谢您的赏识 —— by winyuan(wenyuanblog.com) */.recommend .post-card .post-title{height:48px;margin-top:10px;margin-bottom:5px}.recommend .post-card .post-description{margin:20px auto;max-width:500px;height:65px;max-height:65px;font-size:14px;color:hsla(0,0%,100%,.78)!important}.recommend .post-card .read-more{height:40px;margin:.6rem 1px;font-size:.9rem;font-weight:400;line-height:40px;color:#fff;border-radius:30px;box-shadow:0 2px 2px 0 rgba(244,67,54,.14),0 3px 1px -2px rgba(244,67,54,.2),0 1px 5px 0 rgba(244,67,54,.12)}.recommend .post-card .read-more .icon{font-size:1.05rem;padding-right:10px}.archive-calendar{margin-top:-60px;max-width:820px}#post-calendar{width:100%;height:225px}.settings-content{margin-top:-10px}#articles{margin-top:20px;margin-bottom:10px}article a{margin-right:0!important;color:#525f7f;text-transform:none!important}article a:hover{font-weight:bold;color:#42b983;text-decoration:underline}.articles .row{margin-left:0;margin-right:0}article .card{border-radius:8px}article .card-image{background-color:#222}article .card-image img{height:220px;border-radius:.3rem;opacity:.7}#articles .card .card-image .card-title{font-weight:normal!important}article .tag-image img{height:220px}article .card .card-content{padding:15px 15px 12px 18px;min-height:100px}article .article-content .summary{padding-bottom:2px;padding-left:0;margin-bottom:6px;word-break:break-all;min-height:48px}article .article-content .publish-author{float:right}.publish-date .icon-date{padding-right:5px}.publish-author .icon-category{padding-left:10px}.article-content .publish-author .post-category{padding-left:5px}article .card .card-action{padding:10px 15px 10px 18px;border-radius:0 0 8px 8px!important}article .article-tags .chip{margin:2px;font-size:.8rem;font-weight:400;height:22px;line-height:22px;color:#fff;border-radius:10px}.prev-next{margin-left:-0.75rem}.prev-next .article-badge{min-width:3rem;margin-top:7px;padding:3px 10px 3px 8px;text-align:center;font-size:1rem;line-height:inherit;position:absolute;box-sizing:border-box;z-index:200;background-color:#fff;font-weight:500}.prev-next .left-badge{border-radius:0 5px 5px 0}.prev-next .right-badge{border-radius:5px 0 0 5px;right:10px}.paging{margin-bottom:15px}.paging .row{margin-left:0;margin-right:0}.paging .page-info{font-size:1.4rem;color:#888;padding-top:1rem}.paging i{font-size:2.5rem}.paging .disabled{background-color:#ccc!important}.paging .disabled i{color:#999!important}@media only screen and (max-width:550px){#articleContent table{table-layout:fixed}}@media only screen and (min-width:1418px){#artDetail{margin-top:-60px;padding:0 .75rem}}#artDetail{margin-top:-60px}#artDetail h2{padding-bottom:12px;font-size:24px;border-bottom:1px solid #ececec}#artDetail h1,#artDetail h2,#artDetail h3,#artDetail h4,#artDetail h5,#artDetail h6{color:#333;line-height:1.5;margin-top:35px;margin-bottom:10px;padding-bottom:5px}#artDetail .reference{text-align:right;font-size:14px!important;color:#9e9e9e!important}#artDetail .reference a{text-align:right;font-size:14px!important;color:#9e9e9e!important;pointer-events:none;text-decoration:none}#artDetail .card{box-shadow:0 10px 35px 2px rgba(0,0,0,.15),0 5px 15px rgba(0,0,0,.07),0 2px 5px -5px rgba(0,0,0,.1)!important}#artDetail .tag-cate{padding-bottom:15px}#artDetail a{margin-right:0!important;text-transform:none!important}#artDetail .article-info{padding:20px 30px 1px 40px;margin-bottom:-5px}#artDetail .article-tag{float:left}#artDetail .article-tag .chip{font-size:1rem;font-weight:400;height:25px;line-height:25px;color:#fff;border-radius:15px;margin-right:5px;margin-bottom:2px}#artDetail .post-cate{float:right;color:#42b983}#artDetail .post-cate a{padding-right:5px;color:#42b983;font-weight:500}#artDetail .post-cate a:hover{text-decoration:underline}#artDetail .post-info{color:#525f7f}#artDetail .post-info .post-category{padding-right:4px;color:#525f7f}#artDetail .post-info .post-category:hover{font-weight:bold;color:#42b983;text-decoration:underline}#artDetail .post-info .post-date{color:#525f7f}#artDetail .post-info .post-word-count{margin-left:15px}#artDetail .post-info .post-read{margin-left:15px;color:#525f7f}#artDetail .article-card-content{padding:0 15px 20px 18px}@media only screen and (max-width:601px){#artDetail .article-info{padding:15px 15px 1px 15px;margin-bottom:-5px}}@media only screen and (min-width:600px) and (max-width:992px){#artDetail .article-card-content{padding:0 30px 20px 32px}#artDetail .article-info{padding:15px 20px 0 28px;margin-bottom:-5px}}@media only screen and (min-width:993px){#artDetail .article-card-content{padding:0 50px 20px 50px}}#artDetail .reprint{margin:15px 0 5px 0}#artDetail .reprint .reprint-tip{margin-right:3px;font-size:1.05rem;font-weight:500}#artDetail .reprint a{font-size:1.05rem;color:#42b983;font-weight:500}#articleContent p{margin:2px 2px 10px;font-size:1.05rem;line-height:1.85rem}#articleContent>p{margin-top:20px;margin-bottom:20px}#articleContent blockquote p{text-indent:.2rem}#articleContent a{padding:0 2px;font-weight:500;text-decoration:underline;word-wrap:break-word}#articleContent .img-item{text-align:center}#articleContent img{max-width:100%;height:auto;cursor:pointer}#articleContent video{display:block;margin:30px auto;box-shadow:0 5px 35px 0 rgba(0,0,0,.2),0 10px 35px -11px rgba(0,0,0,.6);cursor:pointer}#articleContent ol,#articleContent ul{display:block;padding-left:2em!important;word-spacing:.05rem}#articleContent ul li,#articleContent ol li{display:list-item;line-height:1.8rem;font-size:1rem}#articleContent ul li{list-style-type:disc}#articleContent ul ul li{list-style-type:circle}#articleContent table,th,td{padding:12px 13px;border:1px solid #dfe2e5}table tr:nth-child(2n),thead{background-color:#fafafa}#articleContent table th{background-color:#f2f2f2;min-width:80px}#articleContent table td{min-width:80px}#articleContent [type="checkbox"]:not(:checked),[type="checkbox"]:checked{position:inherit;margin-left:-1.3rem;margin-right:.4rem;margin-top:-1px;vertical-align:middle;left:unset;visibility:visible}#article-share .social-share{text-align:center;margin:30px 0}@media only screen and (min-width:600px){#article-share .social-share a{margin-right:15px!important}}.chip-container{margin-top:-60px}.chip-container .tag-title{margin-bottom:10px;color:#3c4858;font-size:1.75rem;font-weight:400}.chip-container .tag-chips{margin:1rem auto .5rem;max-width:850px;text-align:center}.chip-container .tags-posts{margin-top:20px}.chip-container .chip-default{color:#333}.chip-container .chip-active{color:#FFF!important;background:linear-gradient(to bottom right,#ff5e3a 0,#ff2a68 100%)!important;box-shadow:2px 5px 10px #aaa!important}.chip-container .chip{margin:10px 10px;padding:0 14px;display:inline-block;height:38px;min-width:80px;line-height:39px;font-size:1rem;font-weight:500;border-radius:5px;word-wrap:break-word;cursor:pointer;box-shadow:0 3px 5px rgba(0,0,0,.12)}.chip-container .chip:hover{color:#fff;background:linear-gradient(to right,#4cbf30 0,#0f9d58 100%)!important}.chip .tag-length{margin-left:5px;margin-right:-2px;font-size:.5rem}.chip-default .tag-length{color:#e91e63}.chip-active .tag-length{color:#fff}#cd-timeline .year{position:relative;width:80px;height:80px;margin:10px 0 50px -20px;padding:21px 10px;background-color:#ff5722;color:#fff;font-size:1.8rem;font-weight:600}#cd-timeline .year a{color:#fff}#cd-timeline .month{position:relative;width:60px;height:60px;margin:10px 0 30px -10px;padding:14px 16px;background-color:#ef6c00;color:#fff;font-size:1.7rem;font-weight:600}#cd-timeline .month a{color:#fff}#cd-timeline .day{position:relative;padding:8px 10px;background-color:#ffa726;color:#fff;font-size:1.2rem;font-weight:500}#cd-timeline{max-width:820px;position:relative;margin-top:2rem;margin-bottom:2rem}#cd-timeline::before{content:'';position:absolute;top:0;left:18px;height:100%;width:4px;background:#0f9d58}@media only screen and (min-width:900px){#cd-timeline{margin-top:2rem;margin-bottom:2rem}#cd-timeline::before{left:50%;margin-left:-2px}#cd-timeline .year{margin:10px 0 50px -40px;padding:22px 11px}#cd-timeline .month{margin:10px 0 30px -30px;padding:14px 16px}}.cd-timeline-block{position:relative;margin:1em 0}.cd-timeline-block::after{clear:both;content:"";display:table}.cd-timeline-block:first-child{margin-top:0}.cd-timeline-block:last-child{margin-bottom:0}@media only screen and (min-width:870px){.cd-timeline-block{margin:1em 0}.cd-timeline-block:first-child{margin-top:0}.cd-timeline-block:last-child{margin-bottom:0}}.cd-timeline-img{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,0.08),0 3px 0 4px rgba(0,0,0,0.05)}@media only screen and (min-width:900px){.cd-timeline-img{width:40px;height:40px;left:50%;margin-left:-20px;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.cssanimations .cd-timeline-img.is-hidden{visibility:hidden}.cssanimations .cd-timeline-img.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 .6s;-moz-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s}}.cd-timeline-content{position:relative;margin-top:-40px;margin-left:60px;padding:0;border-radius:5px;background:#fff;box-shadow:0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07)!important}/* 如果您觉得我的博客还行，请随意扒取，感谢您的赏识 —— by winyuan(wenyuanblog.com) */.cd-timeline-content::after{clear:both;content:"";display:table}.cd-timeline-content .card{margin:0}.cd-timeline-content::before{content:'';position:absolute;top:18px!important;right:100%;height:0;width:14px;margin-left:2px;margin-right:2px;border:1px dashed #ffa726}@media only screen and (min-width:768px){.cd-timeline-content h2{font-size:1.25rem}.cd-timeline-content p{font-size:1rem}.cd-timeline-content .cd-read-more,.cd-timeline-content .cd-date{font-size:.875rem}}@media only screen and (min-width:900px){.cd-timeline-content{margin-left:0;padding:0;width:45%}.cd-timeline-content::before{top:24px;left:100%}.cd-timeline-content .cd-read-more{float:left}.cd-timeline-block:nth-child(even) .cd-timeline-content{float:right}.cd-timeline-block:nth-child(even) .cd-timeline-content::before{top:24px;left:auto;right:100%;border-color:#ffa726}.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more{float:right}.cssanimations .cd-timeline-content.is-hidden{visibility:hidden}.cssanimations .cd-timeline-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2 .6s;-moz-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s}}.guestbook-container,.about-container{width:90%;max-width:1225px;margin-top:-60px}@media only screen and (max-width:601px){.about-container{width:95%}}.post-statis{text-align:center}.post-statis .statis{display:inline-block;padding:.3rem .8rem;text-align:center;letter-spacing:.03rem}.post-statis .statis .count{display:block;font-size:1.3rem;font-weight:bold;text-decoration:underline}.post-statis .statis .count a{color:#1da7da}.post-statis .statis .name{font-size:.9rem;color:#777}#aboutme .social-link{margin:.5rem 0;text-align:center}#aboutme .social-link a{display:inline-block;width:2.3rem;height:2.3rem;line-height:2.2rem;margin:0 .5rem;padding:0;color:#fff;border:1px solid #1298da;background:#1da7da;font-size:.9rem;border-radius:50%;box-shadow:0 4px 6px rgba(50,50,93,.21),0 2px 3px rgba(0,0,0,.1)}.profile .avatar-img{max-width:160px;width:100%;margin:0 auto;transform:translate3d(0,-65%,0);border-radius:0}.profile .author{margin-top:-80px}.profile .author .post-statis{margin:.5rem 0 1.4rem 0}.profile .author .title{margin-bottom:.1rem;font-size:1.8rem;font-weight:500;color:#3c4858}.profile .author .career{margin:8px 0;font-size:.9rem;font-weight:400;color:#777}#aboutme .profile .social-link{margin:1.5rem 0 .8rem 0}#aboutme .introduction{margin:1.5rem auto 3rem;max-width:600px;color:#999}.post-charts,.my-projects,.my-contact,.my-skills,.post-charts{padding:3.8rem 1.5rem .8rem 1.5rem}.post-charts,.title,.my-projects .title,.my-skills .title,.my-gallery .title{font-size:2rem;margin-bottom:2.25rem}.my-projects .info{max-width:360px;margin:0 auto;padding:1rem 0 1rem}.my-projects .info .icon{display:inline-block;width:76px;height:76px;text-align:center;line-height:76px;color:#fff;font-size:1.75rem;border-radius:50%}.my-projects .info .info-title{margin:1.25rem 0 .875rem;font-size:1.25rem;font-weight:500;line-height:1.5em}.my-projects .info .info-title a{color:#333}.my-projects .info .info-desc{margin:0 0 10px;font-size:.9rem;color:#999}.my-skills .skillbar{position:relative;display:block;max-width:360px;margin:15px auto;background:#eee;height:30px;border-radius:35px;-moz-border-radius:35px;-webkit-border-radius:35px;-webkit-transition:.4s linear;-moz-transition:.4s linear;-o-transition:.4s linear;transition:.4s linear;-webkit-transition-property:width,background-color;-moz-transition-property:width,background-color;-o-transition-property:width,background-color;transition-property:width,background-color}.skillbar .skillbar-title{position:absolute;top:0;left:0;width:110px;font-size:.9rem;color:#fff;border-radius:35px;-webkit-border-radius:35px;-moz-border-radius:35px}.skillbar .skillbar-title span{display:block;background:rgba(0,0,0,0.15);padding:0 20px;height:30px;line-height:30px;border-radius:35px;-webkit-border-radius:35px;-moz-border-radius:35px}.skillbar .skillbar-bar{height:30px;width:0;border-radius:35px;-moz-border-radius:35px;-webkit-border-radius:35px}.skillbar .skill-bar-percent{position:absolute;right:10px;top:0;font-size:12px;height:30px;line-height:30px;color:#fff;color:rgba(0,0,0,0.5)}.my-skills .other-skills{margin-top:2rem}.other-skills .sub-title{font-size:1.5rem}.other-skills .tag-chips{max-width:600px}.other-skills .chip{background-color:#fff;border:1px solid #eee}.other-skills .chip:hover{color:#fff;background:linear-gradient(to right,#4cbf30 0,#0f9d58 100%);border:1px solid #4cbf30;box-shadow:0 5px 5px rgba(0,0,0,.25)}.my-gallery{margin:4.5rem auto 1rem;padding:0 1.2rem;max-width:1100px}.my-gallery .photo{margin:.5rem 0}.my-gallery .photo img{width:100%;height:200px;border-radius:10px;cursor:pointer}footer{padding-bottom:1px}footer .social-statis{margin-top:10px;position:relative}footer a{color:#fff}footer .copy-right{color:#dbdbdb}#searchIcon{font-size:1.2rem}#searchModal{min-height:500px;width:80%}#searchModal .search-header .title{font-size:1.6rem;color:#333}#searchResult{margin:-15px 0 10px 10px}#searchResult .search-result-list{margin-left:-8px;padding-left:0;color:#666}.search-result-list .search-result-title{font-size:1.4rem;color:#42b983}.search-result-list li{border-bottom:1px solid #e5e5e5;padding:15px 0 5px 0}.search-result-list .search-keyword{margin:0 2px;padding:1px 5px 1px 4px;border-radius:2px;background-color:#f2f2f2;color:#e96900;font-size:.9rem;white-space:pre-wrap}.top-scroll{display:none;position:fixed;right:20px;bottom:15px;padding-top:15px;margin-bottom:0;z-index:998}.top-scroll .btn-floating{background:#1da7da;width:48px;height:48px}.top-scroll .btn-floating i{line-height:48px;font-size:1.8rem}@media screen and (min-width:368px) and (max-width:767px){.info-break-policy{word-break:keep-all;float:left;width:50%}}@media screen and (min-width:768px){.info-break-policy{word-break:keep-all;float:left;margin-right:15px}}@media screen and (max-width:367px){.info-break-policy{word-break:keep-all;float:left;width:100%}.custom-card{padding:0 2px!important}}.info-break-policy{margin-bottom:8px}.clearfix{clear:left}.img-shadow{box-shadow:0 5px 25px 0 rgba(0,0,0,.2),0 10px 30px -11px rgba(0,0,0,.6)}.img-margin{margin:25px auto 10px auto}.caption{text-align:center;margin:0 auto 15px auto}.center-caption{color:#525f7f;padding:5px;border-bottom:1px solid #d9d9d9}.lg-sub-html .center-caption{color:#fff!important;border-bottom:0}.overflow-policy{overflow:hidden}.nav-menu li .sub-nav{position:absolute;list-style:none;margin-left:-20px;display:none}.nav-menu li .sub-nav li{text-align:center;clear:left;width:140px;height:35px;line-height:35px;position:relative}.nav-menu li .sub-nav li a{height:34px;line-height:34px;width:138px;padding:0;display:inline-block;border-radius:5px;color:#000}.nav-show i[aria-hidden=true]{-webkit-transform:rotate(180deg)!important;-moz-transform:rotate(180deg)!important;-o-transform:rotate(180deg)!important;-ms-transform:rotate(180deg)!important;transform:rotate(180deg)!important;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.menus_item_child{background-color:#fefefe;width:fit-content;border-radius:10px;-webkit-box-shadow:0 5px 20px -4px rgba(0,0,0,.5);box-shadow:0 5px 20px -4px rgba(0,0,0,.5);display:none;opacity:.98;-ms-filter:none;filter:none;-webkit-animation:sub_menus .3s .1s ease both;-moz-animation:sub_menus .3s .1s ease both;-o-animation:sub_menus .3s .1s ease both;-ms-animation:sub_menus .3s .1s ease both;animation:sub_menus .3s .1s ease both}.menus_item_child:before{content:"";position:absolute;top:-20px;left:50%;margin-left:-10px;border-width:10px;border-style:solid;border-color:transparent transparent rgba(255,255,255,.8)}.m-nav-item{position:relative;left:45px}.m-nav-item ul{display:none;background:rgba(255,255,255,.1)}.m-nav-item ul li{width:245px;height:50px;line-height:50px;text-align:center}.m-nav-show .m-icon{-webkit-transform:rotate(90deg)!important;-moz-transform:rotate(90deg)!important;-o-transform:rotate(90deg)!important;-ms-transform:rotate(90deg)!important;transform:rotate(90deg)!important;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.m-nav-show,.m-nav-item>a:hover{color:#FFF;background:rgba(255,255,255,.8)}.m-nav-show>a:before,.m-nav-item>a:hover:before{opacity:1}.m-nav-item .m-icon{position:absolute;right:65px;height:50px;padding:0;margin:0}::-webkit-scrollbar{width:13px;height:13px}::-webkit-scrollbar-track,::-webkit-scrollbar-thumb{border-radius:999px;border:5px solid transparent}::-webkit-scrollbar-track{box-shadow:1px 1px 5px rgba(0,0,0,.2) inset}::-webkit-scrollbar-thumb{min-height:20px;background-clip:content-box;box-shadow:0 0 0 5px rgba(0,0,0,.2) inset}::-webkit-scrollbar-corner{background:transparent}#rightClickMenu{display:none;position:fixed;z-index:99999;background-color:#fff;opacity:1;width:180px;height:200px;border-radius:10px}#rightClickMenu>ul>li{cursor:pointer;line-height:36px}#rightClickMenu>ul>li>span{width:65px}#rightClickMenu>ul>li.rightClickMenuActive{color:#39c}#rightClickMenu>ul>li.disabled{cursor:no-drop;color:#666}#vcomments .info{display:none}#vcomments .vinfo{display:flex!important}.recommend .tag-card{position:relative;width:98%;height:50px;max-height:300px;margin-bottom:10px;margin-top:10px;text-align:center;border:0;border-radius:10px;color:rgba(0,0,0,.87);background:#fff 50%;background-size:cover}.recommend .tag-card::before,.recommend .tag-card::after{position:absolute;top:0;right:0;bottom:0;left:0;transform:scale3d(0,0,1);transition:transform .3s ease-out 0s;background:rgba(255,255,255,0.1);content:'';pointer-events:none}.recommend .tag-card::before{transform-origin:left top}.recommend .tag-card::after{transform-origin:right bottom}.recommend .tag-card:hover::before,.recommend .tag-card:hover::after,.recommend .tag-card:focus::before,.recommend .tag-card:focus:after{transform:scale3d(1,1,1)}/* 如果您觉得我的博客还行，请随意扒取，感谢您的赏识 —— by winyuan(wenyuanblog.com) */.recommend .tag-card .tag-body{position:relative;margin:0 auto;line-height:50px;z-index:2}.recommend .tag-card a{font-size:18px;color:#fff}.recommend .tag-card{transition:transform .3s ease-in-out,box-shadow .3s cubic-bezier(.47,0,.745,.715),border .3s linear .1s}.card .card-title{font-size:22px}#artDetail .card{box-shadow:none!important;border-radius:0}pre{position:relative}pre .code-area-title{position:absolute;top:0;left:0;width:100%;height:34px;background:#e6ebf1;z-index:1}code[class*="language-"],pre[class*="language-"]{background:#f6f8fa!important;z-index:3}pre .code-area-title .code-lang{position:absolute;right:65px;line-height:34px;color:#90a4ae;font-weight:700;font-size:14px;z-index:3}pre .code-area-title .code-copy{display:inline-block;cursor:pointer;background-color:transparent;border:1px solid transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;font-size:14px;line-height:20px;color:#716d6d;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;padding:2px 6px;position:absolute;right:30px;top:5px;opacity:1;z-index:3}pre .code-area-title .code-copy span{margin-left:5px;font-size:14px}#articleContent pre:hover .code-copy{opacity:1}pre .code-area-title .code-shrink{position:absolute;right:15px;line-height:34px;color:#90a4ae;font-weight:700;font-size:16px;cursor:pointer;z-index:3}pre .code-area-title .code-shrink .code-expand{position:absolute;top:0;padding:7px 10px;z-index:1;cursor:pointer;transition:all .3s;transform:rotate(0deg)}.code-shrink .code-closed{transform:rotate(-90deg)!important;transition:all .3s}#articleContent pre code::selection{background:#ccc;color:#ff645d}#articleContent pre code::-moz-selection{background:#ccc;color:#ff645d}#articleContent pre code::-webkit-selection{background:#ccc;color:#ff645d}
/* 如果您觉得我的博客还行，请随意扒取，感谢您的赏识 —— by winyuan(wenyuanblog.com) */