@font-face{font-family:icomoon;src:url(../fonts/icomoon.woff);font-weight:400;font-style:normal}[class*=icon-]{font-family:icomoon!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1}.icon-search:before{content:"\f002"}.icon-user:before{content:"\f007"}.icon-home:before{content:"\f015"}.icon-download:before{content:"\f019"}.icon-tags:before{content:"\f02c"}.icon-shopping-cart:before{content:"\f07a"}.icon-folder:before{content:"\f07b"}.icon-comments:before{content:"\f086"}.icon-menu:before{content:"\f0c9"}.icon-email:before{content:"\f0e0"}.icon-quote-left:before{content:"\f10d"}.icon-quote-right:before{content:"\f10e"}.icon-rss-square:before{content:"\f143"}.icon-wordpress:before{content:"\f19a"}.icon-qq:before{content:"\f1d6"}.icon-wechat:before{content:"\f1d7"}.icon-clock:before{content:"\e94f"}.icon-close:before{content:"\f00d"}html{-webkit-text-size-adjust:100%}body{margin:0;font:1rem/1.5 system-ui,pingfang sc,helvetica neue,hiragino sans gb,microsoft yahei ui,microsoft yahei,sans-serif;color:#333}h1{font-size:2rem;margin:.67em 0}pre,code,kbd{font-family:monospace;font-size:1em}strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}button,input{font-family:inherit;font-size:100%;margin:0}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=text],[type=search],[type=submit],.btn{border:1px solid #eee;border-radius:.2rem;display:inline-block;font-weight:400;line-height:1;padding:.375rem .75rem;color:inherit;vertical-align:middle}[type=submit],.btn{background:0 0;text-align:center;text-decoration:none;cursor:pointer}a:focus,:focus{outline:none}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:color .5s}a:hover{color:#6086b4}img{max-width:100%;height:auto}#main .page-title,#main .search-title,.post.wordpress h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*,::before,::after{box-sizing:border-box}body{display:grid;grid-template-rows:auto auto auto auto}#navbar{grid-row:1/span 1}#secondary{grid-row:2/span 1}#main{grid-row:3/span 1;margin:3rem 0;padding:1rem 1.5rem;border-top:1px solid #eee;border-bottom:1px solid #eee;overflow:hidden}#colophon{grid-row:4/span 1}#navbar button{position:absolute;right:.75rem;top:.75rem;background:0 0;border:none;width:2rem;height:2rem;overflow:hidden;line-height:1;font-size:0}#navbar button::before{font-size:2rem}#navbar ul{width:100%;height:0;margin:0;padding:0;background-color:#fff;position:absolute;top:3.5rem;border-top:1px solid transparent;transition:height,border-color,.5s;overflow:hidden;z-index:9}#navbar ul.show{height:100vh;border-color:#eee}#navbar li:first-child{margin-top:1em}#navbar li{list-style-type:none;height:2em;line-height:2em;text-align:center}#navbar li a{display:block}#secondary{margin-top:4rem}.author-info{text-align:center}.author-info .logo{position:relative;margin:0 auto;width:7.875rem;height:7.875rem;border-radius:50%;overflow:hidden}.author-info .logo img{position:absolute;left:0;top:0;width:7.875rem;height:7.875rem;border-radius:50%;transition:opacity,transform,1s}.author-info .logo img:first-child{opacity:0;transform:scale(2)}.author-info .logo:hover img:last-child{opacity:0;transform:scale(2)}.author-info .logo:hover img:first-child{opacity:1;transform:scale(1)}.author-info .name{font-size:2rem;font-weight:700;margin:.5em 0 .25em}.author-info p{margin:0}.social ul{margin:1em 0;padding:0;display:flex;flex-wrap:wrap;gap:.25em;justify-content:center}.social li{list-style-type:none}.social li .wechat,.social li .qq,.social li .post-tags{display:none}.social li [class*=icon-]{font-size:0;width:2.3rem;height:2rem;overflow:hidden;display:inline-block;transition:color .5s}.social li [class*=icon-]::before{font-size:2rem}.social li [class*=icon-]:hover{color:#6086b4;cursor:pointer}#secondary .search{text-align:center}.search input{border-color:#ccc;max-width:15em}.search button{font-size:0;border-color:#6086b4;background-color:#6086b4;color:#fff;transition:border-color,background-color,.5s;padding:.25rem .75rem}.search button:hover{border-color:#3f6da5;background-color:#3f6da5}.search button::before{font-size:1.5rem}.entry{border-top:1px solid #eee;padding:1rem 0 .5rem;overflow:hidden;clear:both}.entry:first-of-type{border-top:0}.entry .post-thumbnail{float:right;width:33vw;max-width:10.5rem}.entry .post-thumbnail a{height:22vw;max-height:7rem;margin-bottom:1em;margin-left:1em;border-radius:.25rem;display:flex;flex-direction:column;overflow:hidden}.entry .post-thumbnail img{object-fit:cover;flex:1}.entry h2{font-size:1.25rem;margin:0}.entry .content p,#search-results p{color:#666;font-size:.875rem;line-height:1.75;height:3.5em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.post-meta{font-size:.75rem;color:#999;display:flex;gap:1em}.post-meta [class*=icon-]::before{padding-right:.25em}.post-meta [class*=icon-] a+a{margin-left:.5em;padding-left:.5em;border-left:1px solid #eee}.project .entry .post-thumbnail{width:100%;max-width:inherit;float:none;box-shadow:0 8px 16px #0a0a0a1a}.project .entry .post-thumbnail a{margin-left:0;height:40vw;max-height:inherit}.pagination{margin:1.5rem 0;padding:1rem 0 0;border-top:1px solid #eee;display:flex;gap:.25em}.pagination li{list-style-type:none;border:1px solid #eee;border-radius:.2em;width:2em;text-align:center}.pagination li a{display:block;transition:none}.pagination li.disabled{border-width:0;color:#999}.pagination li.prev.disabled,.pagination li.next.disabled{border-width:1px;cursor:default}.pagination li a:hover{border-color:#6086b4;border-radius:.2em;background-color:#6086b4;color:#fff}#colophon{font-size:.75rem;line-height:1.75;color:#999;text-align:center;padding-bottom:2em}#colophon a{font-size:.75rem}#colophon p{margin:0}#colophon img.gongan{width:1.5em;height:1.5em;vertical-align:text-bottom}.post h1{margin:1rem 0 .5em}.post .post-meta{line-height:1;font-size:.875rem;margin-bottom:1.5rem}.post .content{line-height:1.75}.post .content h2{margin:1em 0;padding-left:.25em;line-height:1;border-left:4px solid #6086b4}.post .content a{color:#6086b4}.post .content a:hover{color:#3f6da5}.post .content kbd{padding:.2em .375em;font-size:.875rem;color:#fff;background-color:#333;border-radius:.2em}.post .content pre{border-left:4px solid #ccc;background:#eee;padding:1em;overflow:auto;max-height:19.5em;tab-size:2em}.post .content p>code{padding:.2em .375em;background:#eee}.post .content blockquote{background:#eee;margin:1em 0;padding:.5em 3.5em;color:#999;position:relative;font-size:.875rem}.post .content blockquote::before,.post .content blockquote::after{content:"\f10d";font-family:icomoon!important;font-size:2em;color:#ccc;position:absolute;transform:rotate(10deg)}.post .content blockquote::before{left:.5em;top:0}.post .content blockquote::after{content:"\f10e";right:.5em;bottom:0}.post .content table{border-collapse:collapse;width:100%;border-style:solid;border-width:4px 0;border-color:#ccc;margin:1em 0}.post .content table caption{font-size:1.25rem;font-weight:400}.post .content th,.post .content td{border-style:solid;border-width:1px 0;border-color:#eee;padding:.5em}.post .content th{text-align:left}.post .content .download{padding-left:1.8em;position:relative;background-color:#6086b4;border-color:#6086b4;color:#fff;transition:border-color,background-color,.5s}.post .content .download:hover{color:#fff;border-color:#3f6da5;background-color:#3f6da5}.post .content .download::before{position:absolute;left:.5em}.replenish{border-top:1px solid #eee;padding-top:1rem;margin-top:1.5rem}.recommended ul{margin:0;padding-left:1.5em}.recommended h3{margin-top:0}.recommended li{line-height:1.75;font-size:.875rem}.replenish .ad{margin:1rem 0;overflow:hidden}.buycode{display:flex;border:1px solid #6086b4;background-image:linear-gradient(to right bottom,#3f6da5,#6086b4);background-size:9em;background-repeat:no-repeat;border-radius:.25rem;align-items:center}.buycode .board{width:9em;color:#fff;text-align:center;padding:0 1em}.buycode .board .price,.buycode .board .free{font-size:2em}.buycode .stated{width:calc(100% - 9em);padding:1em}.buycode .stated a{color:#6086b4}.buycode .stated a:hover{color:#3f6da5}.post.wordpress .content{margin-top:1em}.tab-nav ul{margin:0;padding:0;display:flex;gap:.25em}.tab-nav li{list-style-type:none;cursor:pointer}.tab-nav li.active{background-color:#6086b4;border-color:#6086b4;color:#fff;cursor:default}.tab-content{display:none}.post.wordpress .item{padding-top:1rem;margin-top:1rem;border-top:1px solid #eee}.post.wordpress .item:first-child{border:0}.post.wordpress h3{margin:0}.post .item li a{color:inherit}.page_404 h1{font-size:1.5rem}#modal{position:fixed;z-index:99;width:100%;height:100vh;background-color:rgba(0,0,0,.5);display:none;justify-content:center;align-items:center}#modal .inner{position:relative;background-color:#fff;border-radius:.5rem;width:auto;max-width:96%;padding:1rem;text-align:center}#modal .icon-close{font-size:2rem;color:#999;position:absolute;right:8px;top:5px}#modal .icon-close:hover{cursor:pointer}#modal .post-tags{max-width:28rem;text-align:left;padding-left:1rem}#modal .post-tags h3{border-bottom:1px solid #eee;padding-bottom:.2em}#modal .post-tags ul{padding:0;display:flex;flex-wrap:wrap;gap:.25em}#modal .post-tags li{list-style-type:none;background-color:#eee;border-radius:.25em}#modal .post-tags a{display:block;padding:.2em .5em}#modal .qqbox{background-color:none;padding:0}#modal .qqbox .qq{display:block;border-radius:.5rem}#modal .wechat{width:300px}@media screen and (min-width:48rem){body{display:block}#secondary,#colophon{width:40%;position:fixed;left:0}#main,#navbar{position:absolute;left:40%;width:60%}#secondary{top:0;height:100vh;border-right:1px solid #eee;margin:0;display:flex;flex-direction:column;justify-content:center}#main{max-width:50rem;border-top:0}#navbar{position:fixed;top:0;z-index:9;border-bottom:1px solid #eee;background-color:#fff;padding:0 1rem}#colophon{bottom:0}#navbar::after{content:"";display:block;width:100%;height:1rem;background-color:#fff;position:absolute;bottom:calc(-1rem - 1px)}#navbar button{display:none}#navbar ul{height:auto;position:static;display:flex;gap:.25em}#navbar li{height:auto;line-height:1}#navbar li:first-child{margin:0}#navbar li a{padding:1em .5em;position:relative}#navbar li.active a{color:#6086b4}#navbar li:not([class*=active]) a::after,#navbar li.active a::after{content:"";display:block;width:0;height:1px;position:absolute;left:0;bottom:0;background-color:#6086b4;transition:width .5s}#navbar li.active a::after{width:100%}#navbar li a:hover::after{width:100%}.replenish{display:flex}.replenish .recommended{flex:1}.replenish .ad{flex:1;padding-left:1.5rem;margin:0}.buycode .board .price{font-size:3rem}.buycode .board .free{font-size:2.6rem}#main.page_404{border-bottom:0}}@media screen and (min-width:62rem){.project .entry{position:relative;overflow:visible;margin:3rem auto;padding:0;border:0}.project .entry::before{content:"";position:absolute;top:10%;left:10%;bottom:20%;right:10%;border:1px solid #eee;border-radius:.5rem;z-index:-1}.project .entry .post-thumbnail{width:50%;height:auto;margin-left:45%;margin-top:-2rem;box-shadow:none}.project .entry .post-thumbnail a{height:auto}.project .entry .post-thumbnail img{border-radius:.5rem}.project .entry .content{width:50%;position:relative;left:5%;top:-4rem;background-color:#eee;padding:2rem 1.5rem 3.5rem;border-radius:.5rem;box-shadow:0 6px 6px #eee}.project .entry .content p{height:auto;overflow:visible;display:block}.project .entry footer{width:50%;position:relative;left:calc(5% + 1.5rem);top:-7rem}.project .entry:nth-child(even) .post-thumbnail{margin-left:5%}.project .entry:nth-child(even) .content{left:45%}.project .entry:nth-child(even) footer{left:calc(45% + 1.5rem)}.post.wordpress .tab-content{columns:2;column-gap:1.5rem;margin-top:2rem}.post.wordpress .item{break-inside:avoid;border:0;padding:0}.post.wordpress .item:first-child{margin:0}.post.wordpress .item h3{border-bottom:1px solid #eee}}@media screen and (min-width:1600px){html{font-size:calc(1rem + .15vw)}}.show{display:block!important}.hide{display:none!important}.fadeIn{animation:fadeIn 1s linear;display:block!important}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeOut{animation:fadeOut 1s linear;animation-fill-mode:forwards}@keyframes fadeOut{from{opacity:1}to{opacity:0;display:none!important}}.flyin{display:flex!important}.flyin .inner{animation:flyin .5s cubic-bezier(.6,.1,.6,1.5)}@keyframes flyin{from{transform:scale(0)}to{transform:scale(1)}}