@charset "UTF-8";

/* ----
Theme Name: Soda
Theme URI: https://soda.ink
Author: SodaYang
Description: A theme made for SodaYang's Blog
Last Update: 2021.04.18
Version: 0.0.1 alpha
---- */

:root{--bg:rgba(255,255,255,.95);--color:rgba(0,0,0,.8);--blur:5px;--accent:#ff4081;--success:#67c23a;--warning:#e6a23c;--error:#f56c6c;--info:#409eff;--col-1:8.333333%;--col-2:16.666667%;--col-3:25%;--col-4:33.333333%;--col-5:41.666667%;--col-6:50%;--col-7:58.333333%;--col-8:66.666667%;--col-9:75%;--col-10:83.333333%;--col-11:91.666667%;--col-12:100%;--box-shadow:0 0 20px -5px rgba(158,158,158,0.32)}::-webkit-scrollbar{display:none}*{margin:0;padding:0;border:0;outline:0;-webkit-tap-highlight-color:transparent}*,*:before,*:after{box-sizing:border-box;scrollbar-width:none}article,footer,header,section,main,nav,aside,hgroup{display:block}i,em{font-style:normal}html{background:var(--bg);color:var(--color);scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%}html.grayscale{-webkit-filter:grayscale(100%);filter:grayscale(100%)}html.night,.night h3{color:#aaa}html.night .comment-lists{background:var(--bg)!important;border:0}html.night .comments-header{background:rgba(0,0,0,.95);border:0}html.night .comment-content{border:0}html.night .reply{border:0}html.night .btn-group .btn{color:var(--color)}html.night .helper{background:var(--color)}html.night hr{border-bottom:1px solid var(--color)}html.night blockquote{border-left:4px solid var(--color)}body{position:relative;flex-wrap:wrap;display:flex!important;font-size:1.7rem;z-index:1;max-width:1440px;margin:0 auto;box-shadow:0 0 7px 3px rgba(0,0,0,0.2)}body:before{top:0;left:0;right:0;bottom:0;z-index:-1;display:block;position:fixed;opacity:0;background:#abb2bf center/cover no-repeat;content:'';-webkit-filter:blur(var(--blur));filter:blur(var(--blur));-webkit-transition:all .7s;transition:all .7s}ul,ol{list-style:none}a{text-decoration:none;color:inherit}h1,h2,h3,h4,h5,h6{font-weight:400;margin-bottom:1rem;line-height:1.6}h4{font-size:2.8rem}img{max-width:100%;border-style:none;-webkit-transition:all .7s;transition:all .7s;-webkit-backface-visibility:hidden;-webkit-filter:blur(5px);filter:blur(5px)}img:after{content:"\e7ac";font-family:"iconfont";font-size:2rem;color:#fff;display:flex;justify-content:center;align-items:center;position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;text-align:center;line-height:100%;background-color:#abb2bf}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset;-webkit-text-fill-color:#333}del{text-decoration:none;transition:filter .2s;-webkit-transition:filter .2s;filter:blur(2px);-webkit-filter:blur(2px)}del:hover{filter:none;-webkit-filter:none}hr{height:10px;margin-bottom:.8rem;border:0;border-bottom:1px solid rgba(0,0,0,.12)}code{padding:2px 6px;color:#c7254e;background-color:#f7f7f9;border-radius:2px;font-size:inherit;font-weight:400;font-style:normal}code,pre{font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace}u,ins{text-decoration:none;border-bottom:1px solid}mark{margin:0 5px;padding:2px;background:#fffdd1;border-bottom:1px solid #ffedce}abbr[title]{text-decoration:none;border-bottom:1px dotted;cursor:help}blockquote{margin:1rem 3rem 5rem 2rem;padding-left:1rem;font-weight:400;border-left:4px solid rgba(0,0,0,.12)}blockquote footer{font-size:86%}pre{position:relative;padding-top:30px;overflow-x:auto;border:1px solid rgba(0,0,0,.12);border-radius:5px;margin:20px 0;-webkit-overflow-scrolling:touch}pre:before{content:'';position:absolute;top:9px;left:10px;width:12px;height:12px;border-radius:50%;background:#fc625d;box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;z-index:1}pre:after{content:'';position:absolute;top:0;left:0;width:100%;height:30px;background:#2b2b2b;border-radius:4px 4px 0 0}pre:last-child{margin-bottom:20px}pre code{border-radius:0;position:relative}[class*=lang-]{padding:10px 0 10px 40px;line-height:1.6;color:#bababa;background:#2b2b2b;display:block;max-width:100%;overflow:auto}pre .copy{position:absolute;top:7px;right:15px;z-index:5;color:#909399;transition:color .35s;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}pre .copy i{font-size:20px}code ol{border-left:1px solid #eee}code ol li{padding-left:15px;list-style:decimal}[class*=lang-]::-webkit-scrollbar-track-piece,[class*=lang-]::-webkit-scrollbar-corner{background:transparent}[class*=lang-]::-webkit-scrollbar{display:block;width:8px;height:6px}[class*=lang-]::-webkit-scrollbar-thumb{border-radius:4px;background-color:#cbcbcb}[class*=lang-]::-webkit-scrollbar-thumb:hover{background-color:#bbb}code .Comments{color:#999}code .String{color:#7ec699}code .RegExp{color:#ea842b}code .Keywords{color:#f08d49}code .Number{color:#9c3583}code .Operator{color:#8cbbad}.clearfix:after{content:'';clear:both;display:block}.color{color:var(--accent)}.tl{text-align:left!important}.tr{text-align:right!important}
.tc{text-align:center!important}.fl{float:left!important}.fr{float:right!important;display:flex;justify-content:flex-end}.hide{display:none}.show{display:block}.click{cursor:pointer}.help{cursor:help}.wait{cursor:wait}.crosshair{cursor:crosshair}.sm-show{display:none!important}.blur{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.spacer{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin:0}.m-spacer{flex:1;text-align:left}.valign{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-align:center!important;-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important}.center{display:block!important;margin-right:auto!important;margin-left:auto!important}.hover{-webkit-transition:-webkit-box-shadow .25s cubic-bezier(.4,0,.2,1);transition:-webkit-box-shadow .25s cubic-bezier(.4,0,.2,1);transition:box-shadow .25s cubic-bezier(.4,0,.2,1);transition:box-shadow .25s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .25s cubic-bezier(.4,0,.2,1);will-change:box-shadow}.hover:hover{-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.footer{font-size:1.4rem;margin:40px auto 50px;text-align:center;line-height:1.75}.overlay{position:fixed;top:-5000px;right:-5000px;bottom:-5000px;left:-5000px;z-index:101;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.4);backface-visibility:hidden;visibility:hidden;opacity:0;transition-duration:.3s;transition-property:opacity,visibility;will-change:opacity;cursor:pointer}.overlay img{max-width:90vw;max-height:90vw;cursor:zoom-out}.overlay.open{visibility:visible;opacity:1}@-webkit-keyframes arrow-down{from{transform:translateY(20px)}to{transform:translateY(0px)}}.container-fluid{width:100%;padding-left:8px;padding-right:8px;margin-left:auto;margin-right:auto}.container{width:94%;max-width:1280px;margin:0 auto;position:relative;transition:all .5s;-webkit-transition:all .5s}.row,[class*=row-]{margin-right:-8px;margin-left:-8px}.row,[class*=row-].gapless{padding-left:0;padding-right:0}.row:after,[class*=row-]:after{display:table;clear:both;content:''}.col,[class*=col-sm-],[class*=col-xs-]{float:left;position:relative;min-height:1px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:8px;padding-left:8px}.row-xs-4 .col{width:var(--col-3);padding:0 0 8px 0}.row-xs-5 .col{width:20%}.col-xs-1{width:var(--col-1)}.col-xs-2{width:var(--col-2)}.col-xs-3{width:var(--col-3)}.col-xs-4{width:var(--col-4)}.col-xs-5{width:var(--col-5)}.col-xs-6{width:var(--col-6)}.col-xs-7{width:var(--col-7)}.col-xs-8{width:var(--col-8)}.col-xs-9{width:var(--col-9)}.col-xs-10{width:var(--col-10)}.col-xs-11{width:var(--col-11)}.col-xs-12{width:var(--col-12)}.col-offset-1{margin-left:var(--col-1)}[class*=row-].album{padding-top:70px;text-align:center;font-size:1.5rem}.album .col{box-shadow:var(--box-shadow);margin-left:10px}.album img{display:block;margin-bottom:10px}form{border-radius:5px}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}input[type=text],textarea{display:block;width:80%;height:auto;padding:10px 15px;margin:10px auto}input:focus,textarea:focus{box-shadow:0 0 5px rgba(0,0,0,0.3)}input[type=submit]{background-color:var(--accent);color:#fff;width:100px;max-width:150px;float:left}input[type=search]{width:100%;font-size:1.5rem;border-bottom:2px solid var(--accent)}input[type=search]:focus{box-shadow:none}button{display:block;background-color:var(--accent);color:#fff;width:80%;max-width:150px;height:40px;line-height:40px;text-align:center;border:1px solid #eee;transition:background .6s ease-out 0s}#toast{position:fixed;top:10px;right:20px;z-index:99999;width:300px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.toast{margin:20px 0;width:100%;background:var(--bg);border-radius:5px;box-shadow:0 5px 15px rgba(0,0,0,0.15);padding:20px;display:flex;transition:all .5s;opacity:0;visibility:hidden;-webkit-transform:translateX(300px);transform:translateX(300px)}.toast.on{opacity:1;visibility:visible;-webkit-transform:translateX(0);transform:translateX(0)}.toast .icon{padding-right:20px}.toast .content{flex:1;font-size:1.6rem}.toast .icon .iconfont{font-size:30px}.toast .icon-success{color:var(--success)}.toast .icon-warning{color:var(--warning)}.toast .icon-error{color:var(--error)}.toast .icon-info{color:var(--info)}.alt{width:100%;padding:10px 15px;border-radius:4px;position:relative;transition:opacity .2s;font-size:15px;margin:20px 0 40px}.alt.one{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:20px}.alt.info{background-color:#f4f4f5;color:#909399}.alt{font-family:"iconfont"}.alt:before{margin-right:.6rem}.alt.info:before{content:"\ebd0"}
.dialog{width:80%;max-height:80%;position:fixed;right:-9999px;top:-9999px;z-index:6000;visibility:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;width:92%;min-width:180px;max-width:728px;max-height:90%;margin:auto;overflow:hidden;color:#000;background-color:var(--bg);border-radius:2px;-webkit-transform:scale(.95);transform:scale(.95);opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity,visibility,-webkit-transform;transition-property:opacity,visibility,-webkit-transform;transition-property:transform,opacity,visibility;transition-property:transform,opacity,visibility,-webkit-transform;will-change:top,opacity,transform;-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)}.dialog.on{-webkit-transform:scale(1);transform:scale(1);opacity:1;left:0;right:0;visibility:visible}.card{display:block;margin:1rem 0 4rem;transition:all .7s ease-out 0s;-webkit-transition:all .7s ease-out 0s}.card .col-xs-4{height:181px}.archive #posts{margin-top:70px}.homepage #posts{margin-top:0}.card:hover{color:var(--color)}.card .post-content{padding-top:30px;font-size:1.5rem;line-height:1.7}.card.post{padding:20px 10px 10px}.card .col-xs-8{padding-right:8px;padding-left:8px}.body-fluid .card.post:first-of-type{padding-top:0}.post-thumb{overflow:hidden;height:100%;border-radius:5px;background:#abb2bf;display:block}.post-thumb img,.album img{width:100%;height:100%;-webkit-transition:all .7s ease-out 0s;-moz-transition:all .7s ease-out 0s;-o-transition:all .7s ease-out 0s;-ms-transition:all .7s ease-out 0s;transition:all .7s ease-out 0s;object-fit:cover}.card:hover .post-thumb img,.album img{width:120%;height:120%}.opacity{opacity:.5}.photo .img-wrap{width:100%;height:120px}.popup{display:none;position:absolute;z-index:9999;width:240px;max-height:70vh;overflow-y:scroll;padding:5px;background-color:var(--bg);border:1px solid #bbb;-moz-border-radius:11px;-webkit-border-radius:11px;-khtml-border-radius:11px;border-radius:11px;-moz-box-shadow:1px 3px 15px #bbb;-webkit-box-shadow:1px 3px 15px #bbb;-khtml-box-shadow:1px 3px 15px #bbb;box-shadow:1px 3px 15px #bbb}.search-wrap{position:fixed;z-index:1;width:100%;height:260px;z-index:5000;top:-350px;left:0;opacity:0;background-color:#f5f7fa;-webkit-transition-duration:500ms;transition-duration:500ms;padding-top:100px;padding-bottom:100px}.search-wrap.on{top:0;opacity:1}.search-content form{position:relative;z-index:1;box-shadow:0 0 5px rgba(0,0,0,0.075)}.search-content form input{width:100%;height:60px;border:0;padding-left:50px;font-size:14px;color:#6b6b6b}[type=search]{outline-offset:-2px;-webkit-appearance:none}.search-content form button{position:absolute;top:0;left:0;border:0;width:50px;height:60px;z-index:10;cursor:pointer;background-color:transparent;text-align:center;color:#333}.nav li a{font-size:1.6rem;position:relative;z-index:1;padding:20px 0;display:block;line-height:.9;font-weight:normal}.nav li a:before{font-family:"iconfont"!important;font-size:2rem!important;color:inherit;font-size:inherit;margin-right:1rem;display:inline-block}.nav li a:after{-webkit-transition-duration:500ms;transition-duration:500ms;width:30px;height:3px;position:absolute;top:50%;margin-top:-1.5px;left:-150px;background-color:var(--accent);z-index:10;content:'';opacity:0}.nav li a:hover:after{opacity:1}.nav li a:hover,.nav li a:focus{color:var(--accent)}.nav li:hover a:after,.nav li:focus a:after{left:-75px}.nav li.active a{color:var(--accent)}.nav li.active a:after{left:-75px;opacity:1}.social-info{margin-top:50px;justify-content:space-between;display:flex}.social-info a{color:#b5b5b5;display:inline-block}.social-info a:hover,.social-info a:focus{color:var(--accent)}.social-info a i{font-size:2rem!important}.list{padding:8px 0;margin:0;list-style:none;background-color:transparent}.list-item{display:flex;min-height:48px;padding:0 16px;transition:background-color .6s ease-out 0s;-webkit-box-align:center;align-items:center;cursor:pointer;user-select:none}.list-item:hover,.btn:hover,.more-btn:hover{background-color:rgba(0,0,0,.1)!important}.list-item:after{height:48px;visibility:hidden;content:' '}.list-item-one-line{height:20px;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.list-item-avatar{min-width:40px;max-width:40px;height:40px;margin-top:8px;margin-bottom:8px;line-height:40px;color:#fff;text-align:center;background-color:#eee;border-radius:50%}.list-item-avatar img{width:100%;height:100%;border-radius:50%}.list-item-avatar~.list-item-content{margin-left:16px}.list-item-content{padding-top:14px;padding-bottom:14px;font-size:16px;font-weight:400;line-height:20px;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.list-item-content img{width:24px;height:24px}
.list-item-title~.list-item-text{margin-top:4px}.list-item-text{font-size:1.4rem;opacity:.54}.progress{width:50px;height:100vh;position:fixed;top:0;right:25px;z-index:100;animation:arrow-down 1.5s infinite alternate;-webkit-animation:arrow-down 1.5s infinite alternate;-webkit-animation-fill-mode:both}#progress{width:2px;background-color:#444b54;max-height:90vh;margin:-20px auto 0;position:relative}.spider div{width:10px;height:10px;border-radius:50%;position:absolute;bottom:-30px;z-index:1;border:.2rem solid #fff}.spider .l{left:-15px}.spider .r{left:7px}#progress:after{font-family:"iconfont"!important;line-height:1;font-size:60px;color:#444b54;position:absolute;bottom:-50px;left:-29px;content:"\e60a"}.more-btn{border-radius:50px;max-width:200px;height:50px;line-height:50px;margin:5rem auto;box-shadow:0 0 5px rgba(0,0,0,0.2);transition:background .6s ease-out 0s;-webkit-transition:background .6s ease-out 0s}#header{-webkit-transition-duration:300ms;transition-duration:300ms;position:fixed;z-index:1;top:0;bottom:0;height:100%;-webkit-box-flex:0;-ms-flex:0 0 240px;flex:0 0 240px;width:240px;max-width:240px;padding:70px 75px;overflow-x:hidden;overflow-y:scroll}#header .logo{font-size:41px;height:100px;margin-left:-15px}.logo{font-weight:800;text-transform:Uppercase}.header{width:100%;height:60px;position:fixed;top:-80px;left:0;z-index:99;display:flex;line-height:60px;background-color:var(--bg);box-shadow:0 0 5px rgba(0,0,0,0.2);transition:all .3s;-webkit-transition:all .3s}.header .logo{font-size:26px}.header a:not(.logo){width:45px;height:100%;text-align:center;font-size:24px}.header a:first-of-type{margin-left:10px}.header a:last-child{margin-right:10px}.transparent{color:#FFF;height:80px;line-height:80px;background-color:transparent;box-shadow:none}#body{-webkit-box-flex:0;-ms-flex:0 0 calc(100% - 240px);flex:0 0 calc(100% - 240px);width:calc(100% - 240px);max-width:calc(100% - 240px);margin-left:240px}.body-fluid{flex:0 0 100%!important;max-width:100%!important}#main{padding:70px 6% 0}.post{padding:0 20px 7px}.post h1{font-size:3.2rem}.post h2{font-size:2.6rem}.post h4{font-size:2.3rem}.post h6{font-size:2rem}.post-content{overflow-x:hidden}.post-content h2{padding-top:40px}.post-content h4,.post-content h6{padding-top:25px}.post-content img{vertical-align:middle}.post-content img:not(.owo){display:block;width:90%;max-width:90%;margin:1.75rem auto;cursor:zoom-in}.post-content .owo{width:28px;height:28px;margin:0 5px}.post-content ul,.post-content ol{margin-left:15px;list-style:disc inside}.post-content a{position:relative;display:inline-block;overflow:hidden;color:var(--accent);vertical-align:top;outline:0}.post-content a:before{position:absolute;top:auto;bottom:2px;left:0;width:100%;height:1px;content:' ';background-color:var(--accent);-webkit-transition:all .2s;transition:all .2s;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;opacity:0}.post-content a:focus:before,.post-content a:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.post-content ul:last-child{margin-bottom:77px}.post-content li{line-height:1.8;font-size:1.6rem}.post-meta span{font-size:1.4rem;margin-right:1.2rem;display:inline-block}.post-meta span:before{font-size:inherit;margin-right:.4rem;display:inline-block;font-family:"iconfont"!important}.post-content{padding:70px 0 0}.post-content p{line-height:2;margin-bottom:1.75rem}.lazyload{width:100%;margin:30px auto;position:relative;padding-bottom:40px}.lazyload img{margin:0 auto!important}.lazyload:after{content:attr(title);position:absolute;bottom:0;left:0;width:100%;padding-top:10px;font-size:1.4rem;color:#888;text-align:center}.alt-hide{margin:0 auto 10px;padding-bottom:0}.alt-hide:after{display:none}.post-bottom span{font-size:1.4rem;color:inherit}.back,.forward{max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-near .fl{width:50%;max-width:60%}.post-near .fr{max-width:50%}.post-near .back:before,.post-near .forward:after{display:inline-block;font-family:"iconfont"!important}.post-near .back:before{margin-right:.4rem;content:"\ea6b"}.post-near .forward:after{margin-left:.4rem;content:"\ea70"}.navigator{padding:30px 0 20px 8px}.navigator li{float:left}.navigator li:hover{background:#f1f3f4}.navigator li.current{background:var(--accent);color:#fff}.navigator a{font-size:20px;padding:7px 10px}#login{width:100%;padding-top:20px}#login input{margin:10px 0}.login-bottom{font-size:1.6rem;padding-top:5px}.widget{padding:5rem 0 0}.widget:first-of-type{padding-top:7rem}.widget h1{font-size:2rem}.tags{display:flex;flex-flow:row wrap;padding:20px 0 30px}.tags li{margin:10px 5px}.tags a{font-size:1.4rem;background-color:#e0e0e0;border-radius:50px;padding:5px 10px}.night .tags a{background-color:transparent}
.tags a:before{font-size:inherit;margin-right:.2rem;display:inline-block;font-family:"iconfont"!important}.tags .typecho:before{content:"\e603"}.tags .raspberrypi:before{content:"\e602"}.tags .hash{cursor:pointer}.tags .hash:before{content:"\e6e2"}.keywords{padding:40px 0}.qrcode{padding:20px 0 40px}#qrcode img{max-width:128px;max-height:128px;margin:0 auto 7px}.btn{position:relative;display:inline-block;min-width:88px;height:36px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 16px;margin:0;overflow:hidden;font-size:14px;font-weight:500;line-height:36px;color:inherit;text-align:center;text-decoration:none;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;zoom:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:0;border:0;border-radius:2px;outline:0;-webkit-transition:all .2s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .2s cubic-bezier(.4,0,1,1);transition:all .2s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .2s cubic-bezier(.4,0,1,1);transition:all .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,1,1);transition:all .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,1,1),-webkit-box-shadow .2s cubic-bezier(.4,0,1,1);will-change:box-shadow;-webkit-user-drag:none}.btn-icon{width:36px;min-width:36px;height:36px;padding:0;margin-right:0;margin-left:0;overflow:hidden;font-size:24px;line-height:normal;border-radius:50%}#comment-btn{display:none}.btn-group{position:relative;display:inline-block;vertical-align:middle}.btn-group .btn{float:left;min-width:inherit;padding:0 8px;color:rgba(0,0,0,0.54);border-radius:0}.btn-group .btn i{font-size:2rem}#owo span{width:40px;font-size:23px;text-align:center}#owo img{width:32px;height:32px;margin:3px}.comment-loading{margin:30px 0;position:relative;height:20px;transition:all .2s;-webkit-transition:all .2s}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.loading{width:16px;height:16px;border-radius:100%;border:2px solid;border-bottom-color:transparent;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}#comments{max-width:700px;position:relative;margin:70px auto 50px;background:url(./images/bgipad.png) center no-repeat;background-size:100% 100%;transition:all .5s;-webkit-transition:all .5s}.comment-lists{position:relative;width:94%;height:calc(83% - 100px);margin:0 auto;border-top:1px solid #EEE;border-left:1px solid #EEE;border-right:1px solid #EEE;background:#eee}.comment-list{width:100%;height:100%;overflow-y:scroll}.comment-list .active{background-color:#fff9e8}.comment-list,.comment-list ol{list-style:none;margin:0;padding:0}.comment-list li{padding:14px}.comment-list li:first-of-type{padding-top:28px}.comment-list li .comment-reply{display:none}.comments-header{display:flex;width:94%;height:50px;line-height:50px;margin:10% auto 0;background-color:var(--bg);text-align:center;border-bottom:1px solid #eee;box-shadow:0 1px 1px rgba(0,0,0,0.1)}.comments-header .l,.comments-header .r{width:50px;height:50px;cursor:pointer}.comments-header i{font-size:2.4rem}.comments-header .l{float:left}.comments-header .c{flex:1;height:50px;float:left}.comments-header .r{float:left}.textarea{background-color:#eee;border-radius:7px;font-size:1.4rem}.reply{position:relative;width:94%;min-height:50px;height:auto;margin:0 auto;background:var(--bg);border-left:1px solid #EEE;border-right:1px solid #EEE;border-bottom:1px solid #EEE}.reply .tips{position:absolute;width:100%;height:49px;top:0;left:0;z-index:99;line-height:49px;text-align:center;background:var(--bg)}.reply .l,.reply .r{height:100%;text-align:center;line-height:50px;float:left}.reply .l{padding:0 3%;display:flex}.reply .l div{flex:1;cursor:pointer}.reply .l i{font-size:25px}.reply .c{height:100%;float:left;margin-top:9px;display:flex}.reply .c textarea{flex:1;background-color:#eee;width:auto;max-width:100%;padding:7px 10px;margin:0;border:0;resize:none;overflow:hidden;word-break:break-all}.reply .c textarea:focus{box-shadow:none}.comment-tips{position:absolute;top:50px;right:0;border-top-left-radius:50px;border-bottom-left-radius:50px;padding:3px 10px;font-size:15px;z-index:9;background-color:var(--bg);box-shadow:0 0 5px rgba(0,0,0,0.2)}.cancel-reply{position:absolute;bottom:0;right:0;z-index:9;padding:5px 10px;font-size:inherit;background-color:var(--bg);box-shadow:0 0 5px rgba(0,0,0,0.2)}.comment-msg{position:absolute;bottom:20px;left:10%;z-index:9;width:80%;padding:10px;text-align:center;border-radius:7px;background-color:var(--bg);box-shadow:0 0 7px rgba(0,0,0,0.3)}.comment-content{background-color:var(--bg);position:relative;max-width:80%;display:inline-block;padding:10px 15px;border-radius:7px;border:1px solid #EEE;box-shadow:0 0 1px rgba(0,0,0,0.2);line-height:26px}
.comment-author{display:block;margin-bottom:3px}.comment-author cite{font-weight:bold;font-style:normal}.comment-meta{font-size:1.4rem}.comment-meta a{color:#999}.badge{background:var(--accent);color:#fff}.sticky{padding:0 5px;border-radius:7px;font-size:17px;margin-right:7px;vertical-align:2px}.owner{padding:2px 5px;margin-left:3px;border-radius:2px;font-size:12px;font-weight:normal}.comment-by-user .comment-author .avatar{float:left;margin-right:10px;border-radius:50%}.comment-by-user .comment-meta{text-align:left}.comment-by-user .comment-content{margin:15px 0 15px 40px}.comment-by-author .comment-author{text-align:right}.comment-by-author .comment-author .avatar{float:right;margin-left:10px;border-radius:50%}.comment-by-author .comment-meta{text-align:right}.comment-by-author .comment-content{float:right;margin:15px 40px 15px 0}.comment-content a{color:var(--accent)}.comment-content p{word-wrap:break-word}.comment-content p:first-of-type{display:inline}.comment-content img{max-width:24px;max-height:24px;vertical-align:middle}#commentPanel input{border:1px solid #eee}#commentPanel button{margin:20px auto}.book .col{border:1px solid #eee;box-shadow:var(--box-shadow)}.error-page{padding-top:70px}.error-page input{margin:30px 0}#loading{position:relative;transition:all .3s;-webkit-transition:all .3s}.isLoading{max-width:50px}.load-more:before{content:'加载更多'}#links h2{padding-top:40px}#links img:after{display:none}#settings{-webkit-transition-duration:400ms;transition-duration:400ms;width:300px;max-width:300px;position:fixed;z-index:4000;top:0;right:-300px;opacity:0;height:100%;display:block;padding:40px 20px;background:var(--bg)}#settings ul{padding-top:30px}#settings ul li{display:flex;padding:10px 0}#settings ul li div{flex:1}.switch{display:inline-block;vertical-align:top;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.switch .helper{display:inline-block;position:relative;width:40px;height:16px;border-radius:8px;background:rgba(0,0,0,0.26);transition:background .28s cubic-bezier(0.4,0,0.2,1);vertical-align:middle;cursor:pointer}.switch .helper:before{content:'';position:absolute;top:-4px;left:-4px;width:24px;height:24px;background:#fafafa;box-shadow:0 2px 8px rgba(0,0,0,0.28);border-radius:50%;webkit-transition:left .28s cubic-bezier(0.4,0,0.2,1),background .28s cubic-bezier(0.4,0,0.2,1),box-shadow .28s cubic-bezier(0.4,0,0.2,1);transition:left .28s cubic-bezier(0.4,0,0.2,1),background .28s cubic-bezier(0.4,0,0.2,1),box-shadow .28s cubic-bezier(0.4,0,0.2,1)}.switch input{position:absolute;z-index:1;width:46px;margin:0 0 0 -4px;height:24px;opacity:0;filter:alpha(opacity=0);cursor:pointer}.switch input:checked+.helper{background:var(--accent)}.switch input:checked+.helper:before{left:20px}@media screen and (max-width:767.9px){.col-sm-1{width:var(--col-1)}.col-sm-2{width:var(--col-2)}.col-sm-3{width:var(--col-3)}.col-sm-4{width:var(--col-4)}.col-sm-5{width:var(--col-5)}.col-sm-6{width:var(--col-6)}.col-sm-7{width:var(--col-7)}.col-sm-8{width:var(--col-8)}.col-sm-9{width:var(--col-9)}.col-sm-10{width:var(--col-10)}.col-sm-11{width:var(--col-11)}.col-sm-12{width:var(--col-12)}.row-sm-2 .col{width:var(--col-6);padding:0 0 8px 0}#comment-btn{display:block}body{z-index:100}[class*=lang-]{padding-left:30px}.overlay img{max-width:100vw}.post{padding:0 0 5px}.qrcode{display:none}.sm-hide,.sm-hide:before,.sm-hide:after{display:none!important}.sm-show{display:block!important}.back,.forward{min-width:70px}.back:before{position:absolute;left:0}.back{padding-right:7px}.forward{padding-left:7px}.forward:after{position:absolute;right:0}.header{top:0}.comment-tips{top:70px}.post-near .fl{width:60%}.post-near .fr{width:40%}.btn-group{margin-right:-8px}.social-info{margin-top:30px}.nav li a{padding:15px 0}.col-sm-8{float:left;width:66.666667%}.col-sm-2{float:left;width:16.666667%}.col-sm-12{float:left;width:100%}.progress{width:0;height:2px;background-image:linear-gradient(to right,transparent,var(--accent));left:0;right:0;animation:none;-webkit-animation:none}#header{-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-box-flex:0;-ms-flex:0 0 240px;flex:0 0 240px;width:240px;max-width:240px;position:fixed;z-index:4000;top:0;left:-240px;opacity:0;height:100%;display:block;padding-top:20px}#header .logo{font-size:32px;height:70px;margin-top: 30px;}#body{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;width:100%;max-width:100%;padding-top:100px;margin:0;transition:all .5s;-webkit-transition:all .5s}#body:before{content:'';width:100%;height:190px;background-image:linear-gradient(transparent,var(--bg));position:fixed;top:-190px;left:0;z-index:-1}#body.linear{margin-top:450px;padding-top:0}#body.linear:before{top:260px}#body.card-mode{padding-top:77px}#main{padding:0 20px}#body.card-mode #main{border-radius:7px;padding:20px 17px 0;max-width:92%;margin-left:4%;background:var(--bg);box-shadow:var(--box-shadow)}
#comments{width:100vw;height:100vh;background:#eee;padding:0;margin:0;position:fixed;left:0;bottom:-100vh;right:0;z-index:4000;opacity:0;border-radius:0;transition:all .3s;-webkit-transition:all .3s}#settings{max-width:90%}.comment-lists{width:100%;height:calc(100% - 100px);border:0;margin:0}.comments-header,.reply{width:100%;margin:0;border:0}#toast{width:80%;right:10%}.gototop{position:fixed;bottom:85px;right:20px;z-index:99;width:56px;height:56px;line-height:56px;text-align:center;background:rgba(0,0,0,0.5);color:#fff;border-radius:50%;opacity:0;visibility:hidden;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}.gototop i{font-size:24px}.gototop.active{opacity:1;visibility:visible}.post-content{padding-top:40px}.post-content .owo{width:25px;height:25px;margin:0 4px}.card{border-radius:7px;background:var(--bg);box-shadow:var(--box-shadow);display:flex;flex-direction:column-reverse}.card.post{padding:0 0 10px}.card .post-content{padding-top:30px}.card .col-xs-8{padding:10px 10px}.card .col-xs-4{padding:0}.post-thumb{border-radius:7px 7px 0 0}.widget h1{padding:0 8px}#owo,#atUser{bottom:20px}}@media(min-width:768px) and (max-width:1439.9px){.col-md-1{width:var(--col-1)}.col-md-2{width:var(--col-2)}.col-md-3{width:var(--col-3)}.col-md-4{width:var(--col-4)}.col-md-5{width:var(--col-5)}.col-md-6{width:var(--col-6)}.col-md-7{width:var(--col-7)}.col-md-8{width:var(--col-8)}.col-md-9{width:var(--col-9)}.col-md-10{width:var(--col-10)}.col-md-11{width:var(--col-11)}.col-md-12{width:var(--col-12)}.md-hide,.md-hide:before,.md-hide:after{display:none}#main{padding:70px 0 0}}.body-fluid .container{max-width:1440px}.offset{width:calc(100vw - 240px)!important}#header,#body{background:var(--bg);min-height:100vh}#header.off{left:-240px}#header.on{left:0!important;opacity:1}#comments.on{bottom:0!important;opacity:1}#settings.on{right:0!important;opacity:1}#rose{padding:0 5px;cursor:pointer}