.h1,.h2,.h3,.h4,.lead,body,h1,h2,h3,h4,h5,h6{font-family:tahoma,arial,"Microsoft YaHei","Hiragino Sans GB","\5b8b\4f53",sans-serif;font-weight:400} body{font-size:14px} p{line-height:26px;font-size:14px} body>.container{margin-top:20px;margin-bottom:60px} footer{margin:0;bottom:0;left:0;right:0;z-index:5;box-shadow:0 0 10px #202020} #main{padding-top:80px} ul.nav.navbar-nav{margin-left:-5px} .nav .fa-home{font-size:16px;margin-right:3px} .navbar.navbar-inverse{border:0;box-shadow:0 0 10px #000;background-color:rgba(63,81,181,.92)} .navbar-nav>li>a:focus{outline:none} .billboard{background:#b8d9fa url(../img/billboard.jpg) center center repeat-x;background-size:cover;padding:180px 0px 120px 0px;box-shadow:0 2px 8px rgba(0,0,0,.25),0 2px 8px rgba(0,0,0,.12)} .billboard .intro{color:#fff;text-shadow:0 0 15px #202020} .billboard.billboard-custom-background{background-image:var(--billboard-background-image)} .col-md-9{position:static} .col-md-9,.col-md-3{padding-right:10px;padding-left:10px} .post-meta{color:#999;font-size:0.9em;margin:10px 5px} .post-meta span{margin-right:5px} .post-meta span:first-child{margin-left:0;padding-left:0;border:none} .post-title{font-size:28px;line-height:1.7em;margin-top:5px} .post-content,.post-meta,.post-title{padding:0 30px} .post-update{color:#999;font-size:0.9em;margin:10px 5px} .arctags{padding:15px 8px 0} .arctags-left{float:left} .arctags-rignt{float:right} .post-title a{text-decoration:none} .post-content{overflow:visible;word-wrap:break-word;line-height:28px;font-size:14px;padding-bottom:5px} .more{text-align:right;margin-top:10px} .post-content h3,h4,h5,h6{font-weight:bold} ol,ul{margin-top:0;margin-bottom:0} .post-content ul{margin-left:-10px} ul ul{margin-left:-15px} table{padding:0;word-break:break-all;width:100%} .post-content table tr:nth-child(2n),.post-content thead{background:#f8f8f8;} table tr th{border:1px solid #dfe2e5;text-align:left;margin:0;padding:6px 13px} table tr td{border:1px solid #dfe2e5;text-align:left;margin:0;padding:6px 13px} #smiliesbox::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#f5f5f5} #smiliesbox::-webkit-scrollbar{width:6px;background-color:#f5f5f5} #smiliesbox::-webkit-scrollbar-thumb{background-color:#009688} #smiliesbox{display:block;width:98%;height:110px;overflow-y:auto;margin-bottom:10px;margin-top:-5px;padding:0 0 0 93px} .face{background:#fff;padding:5px;display:inline-block;cursor:pointer} .face:hover{background:#eee;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);-webkit-animation:a 2s infinite ease-in-out;animation:a 2s infinite ease-in-out;transform:scale(1.2,1.2)} .face img{width:30px;height:30px;margin:2px} li p{margin:0} .post-content img{-ms-transform:all .2s ease-out;-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;-moz-transition:all .2s ease-out} img[loading="lazy"]{background-color:#f5f5f5;background-image:url(../img/loading.svg);background-repeat:no-repeat;background-position:center;background-size:32px 32px} .post-content img:not(.smilies,.meta-bak){display:block;margin:1.4em auto;border-radius:2px;box-shadow:0 1px 6px 0 rgb(0 0 0 / 0.12),0 1px 6px 0 rgb(0 0 0 / 0.12)} .post-content img:not(.smilies,.meta-bak):hover{box-shadow:0 3px 10px rgba(0,0,0,0.2),0 6px 10px rgba(0,0,0,0.22);transition:all .2s ease-in-out;transform:scale(1.03);-ms-transform:scale(1.03);-webkit-transform:scale(1.03);-o-transform:scale(1.03);-moz-transform:scale(1.03)} #search-btn{padding:10px;border-radius:25px;height:32px;width:32px;font-size:12px} .input-group{height:36px;margin:-4px -14px 0px -20px} .post-content input[type=text],.post-content input[type=password],.post-content input[type=number]{margin:0;outline:0;-webkit-appearance:none;tap-highlight-color:rgba(255,255,255,0);line-height:1.2142em;padding:.67861429em 0.7em;background:#FFF;border:1px solid rgba(34,36,38,.15);color:rgba(0,0,0,.87);border-radius:.28571429rem;box-shadow:0 0 0 0 transparent inset;-webkit-transition:color .1s ease,border-color .1s ease;transition:color .1s ease,border-color .1s ease} .post-content input:focus{border-style:solid;border-color:#009688} .post-content input[type=submit]{cursor:pointer;display:inline-block;min-height:1em;outline:0;border:none;vertical-align:baseline;background:#009688;color:rgb(255,255,255);margin:0 5px;padding:.78571429em 1.2em;text-transform:none;text-shadow:none;font-weight:700;font-size:14px;line-height:1em;font-style:normal;text-decoration:none;border-radius:.28571429rem;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;-webkit-tap-highlight-color:transparent} .post-content input[type=submit]:hover{background-color:#007368;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset} .form-control-wrapper .form-control:invalid{background-image:linear-gradient(#009688,#009688),linear-gradient(#d2d2d2,#d2d2d2)} img{max-width:100%;height:auto} blockquote{border-left:4px solid #4caf50;margin:0px 0px 0px 0px;padding:0px 15px;padding-right:0px;font-size:14px;color:#777} @charset "UTF-8";/*! normalize.css v3.0.1 | MIT License | git.io/normalize **/ .fa,.glyphicon{-moz-osx-font-smoothing:grayscale} pre{padding:12px;line-height:1.45;background-color:#f7f7f7;border-radius:5px;border:1px solid #eee} .hljs{display:block;padding:.5em;color:rgba(0,0,0,.84);font-size:14px;background-color:#f7f7f7} .fa,.fa-stack{display:inline-block} .diff .hljs-header,.hljs-comment,.hljs-doctype,.hljs-javadoc,.hljs-pi,.hljs-template_comment,.lisp .hljs-string{color:#93a1a1} .css .hljs-tag,.hljs-addition,.hljs-keyword,.hljs-request,.hljs-status,.hljs-winutils,.method,.nginx .hljs-title{color:#859900} .hljs-command,.hljs-hexcolor,.hljs-link_url,.hljs-number,.hljs-phpdoc,.hljs-regexp,.hljs-rules .hljs-value,.hljs-string,.hljs-tag .hljs-value,.tex .hljs-formula{color:#2aa198} .css .hljs-function,.hljs-built_in,.hljs-chunk,.hljs-decorator,.hljs-id,.hljs-identifier,.hljs-localvars,.hljs-title,.vhdl .hljs-literal{color:#268bd2} .haskell .hljs-type,.hljs-attribute,.hljs-class .hljs-title,.hljs-constant,.hljs-link_reference,.hljs-parent,.hljs-variable,.lisp .hljs-body,.smalltalk .hljs-number{color:#b58900} .clojure .hljs-title,.css .hljs-pseudo,.diff .hljs-change,.hljs-attr_selector,.hljs-cdata,.hljs-header,.hljs-pragma,.hljs-preprocessor,.hljs-preprocessor .hljs-keyword,.hljs-shebang,.hljs-special,.hljs-subst,.hljs-symbol,.hljs-symbol .hljs-string{color:#cb4b16} .hljs-deletion,.hljs-important{color:#dc322f} .hljs-link_label{color:#6c71c4} .tex .hljs-formula{background:#eee8d5} @font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal} .fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .fa-weibo:before{content:"\f18a"} .fa-qq:before{content:"\f1d6"} .fa-telegram:before{content:"\f2c6"} .fa-wechat:before,.fa-weixin:before{content:"\f1d7"} .fa-github-square:before{content:"\f092"} .fa-github:before{content:"\f09b"} .fa-github-alt:before{content:"\f113"} .fa-feed:before,.fa-rss:before{content:"\f09e"} .fa-rss-square:before{content:"\f143"} .fa-list-alt:before{content:"\f022"} .fa-list:before{content:"\f03a"} .fa-list-ul:before{content:"\f0ca"} .fa-list-ol:before{content:"\f0cb"} .fa-angle-up:before{content:"\f106"} .fa-envelope-o:before{content:"\f003"} .fa-envelope:before{content:"\f0e0"} .fa-envelope-square:before{content:"\f199"} .fa-envelope-open:before{content:"\f2b6"} .fa-envelope-open-o:before{content:"\f2b7"} .fa-home:before{content:"\f015"} .fa-angle-up:before{content:"\f106"} .fa-search:before{content:"\f002"} .fa-reply:before{content:"\f112"} .fa-close:before{content:"\f00d"} code,kbd,pre,samp{font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;overflow:auto;word-break:break-word} code{padding:2px 4px;background:#EEE;color:#c7254e;font-size:13px;border-radius:2px} .col-md-3 .panel .item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;border:1px solid #EEE;color:#555;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all} .col-md-3 .panel a.panel-heading{display:block;text-decoration:none} .border-right{border-right:1px solid #f4f4f4} .description-block{display:block;margin:5px 0;text-align:center} .user-footer{padding:8px 20px 10px} .clearfix a{color:#ffffff} .clearfix a:hover{color:#b7b6b6} .clearfix .pf_intro a:hover{color:#f5f5f5} .top_weibo{height:20px} #kratos .widget .amadeus_about{padding:0} .photo-background{height:auto;overflow:hidden;padding:14px 0 12px} .photo-wrapper{width:100%;position:relative} .photo-wrapper img{display:block;margin:0 auto;max-height:110px;border:rgba(255,255,255,.4) 4px solid;border-radius:50%} .micro-social-row{display:flex;text-align:center} .micro-social-item{flex:1 1 0;float:none;vertical-align:top} .photo-wrapper img:hover{border:#399ceaa1 4px solid} .Weibo_icon_logo{width:20px;height:20px;border-radius:50%;box-shadow:0 0 4px rgba(0,0,0,0.3);vertical-align:-2px} .Weibo_icon{display:inline-block;background-image:url(../img/V_icon_lite.png);background-repeat:no-repeat} .Weibo_icon_position{position:absolute;left:calc(50%+34px);top:78px} .Weibo_icon{display:inline-block;background-image:url(../img/china_flag_32x28.png);background-repeat:no-repeat} .Weibo_icon_logo{width:40px;height:40px;border-radius:unset;box-shadow:none} .photo-background .fa{font-size:18px} .pf_username{margin-top:6px;color:#fff;text-align:center;text-shadow:0 0 4px rgba(0,0,0,0.5);vertical-align:text-bottom} .username{font-size:22px;display:inline} .pf_username .icon_bed{margin-left:3px} .icon_pf_male{background-position:-100px -50px} .icon_pf_male{width:16px;height:16px;vertical-align:-2px;margin-left:2px} .pf_intro{margin-top:4px;text-align:center;color:#fff;line-height:18px;text-shadow:0 0 4px rgba(0,0,0,0.5)} a:hover.item{background-color:#eee} footer .footer-bottom{background:rgba(27,33,34,.92)} footer .footer-bottom{color:#aaa;padding:10px 0;font-size:12px} .footer-bottom{height:50px} div.copyright,ul.footer-nav{padding:6px 0} .pull-left{float:left!important} div.copyright,ul.footer-nav{padding:6px 0} .pull-right{float:right!important} footer .footer-bottom ul.footer-nav li:first-child{border-left:0} footer .footer-bottom ul.footer-nav li{list-style:none;display:inline-block;padding:0 12px;border-left:1px solid #fff} footer .footer-bottom ul.footer-nav li a{color:#aaa;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease} footer .footer-bottom ul.footer-nav li a:hover{color:#fff;text-decoration:none} .post-copyright{background-color:#f6f6f6;color:#999;font-size:14px;display:block;padding:6px 10px;text-align:center} .post-copyright a{color:#7396a7;text-decoration:none} #comments,.tags{padding:16px} #comments .avatar{border-radius:32px;margin-right:5px} .comment-list{list-style:none;border-radius:0;padding-left:0;margin-bottom:0} #comments .comment-list li{position:relative;display:block;background-color:#FFF;padding:15px 20px 10px;box-shadow:0 3px 12px rgba(0,0,0,.1),0 3px 10px rgba(0,0,0,.07);border:0;border-radius:0;margin-bottom:15px;line-height:1.5em;overflow:hidden} #comments .reply-button{border-radius:25px;padding:10px;margin:0 0 10px;font-size:16px} #comments .comment-list .cancel-comment-reply .btn{border-radius:25px;padding:10px;margin-top:0;height:45px;width:45px;font-size:20px} .comment-author{float:left} cite.fn{font-weight:bolder;font-style:normal} .comment-meta{float:right;margin:5px 0} .comment-content{content:" ";display:table;clear:both;font-size:14px;padding:10px 0;overflow:auto;word-wrap:break-word;word-break:break-all} .cancel-comment-reply,.comment-reply{text-align:right;margin:0px 0px 10px 0} h3#response{padding-left:20px} #comment_form{padding:5px 30px 10px 20px} .hitokoto{font-size:15px;font-weight:300;-webkit-font-smoothing:antialiased} #reply-button{border-radius:25px;padding:10px;margin-top:0;font-size:16px} #logo{display:none} .c-a{width:200px;min-width:200px;height:max-content;position:fixed;left:160px;top:160px;border-radius:2px;border:0;box-shadow:0 1px 6px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.12);background-color:#fff} .index-box-title{width:100%;display:block;box-sizing:border-box;text-align:center;background-color:#009688;color:rgba(255,255,255,.84);padding:4px 8px 4px 12px;cursor:pointer;word-break:break-all} .iframe_video{position:relative;width:100%} @media only screen and (max-width:456px){.iframe_video{height:15em}} @media only screen and (min-width:456px) and (max-width:700px){.iframe_video{height:20em}} @media only screen and (min-width:700px) and (max-width:991px){.iframe_video{height:25em}} @media only screen and (min-width:992px) and (max-width:1199px){.iframe_video{height:30em}} @media only screen and (min-width:1200px){.iframe_video{height:35em;width:55em}} .iframe_cross{position:relative;width:100%;height:0;padding-bottom:75%} .iframe_cross iframe{position:absolute;width:100%;height:100%;left:0;top:0} .index-box-title:hover,.index-box-title:focus{color:rgba(255,255,255,.84);text-decoration:none} .index-box{width:100%;height:auto;background-color:transparent;overflow-y:auto;overflow-x:hidden} .index-box ul{padding:0;list-style:none} .index-box .index-subItem-box{display:none} .index-box .index-item,.index-box .index-link{width:100%;display:block;color:#333333;text-decoration:none;box-sizing:border-box} .index-box .index-link{padding:4px 8px 4px 12px;cursor:pointer;-webkit-transition:background-color 0.3s,border-left-color 0.3s;-moz-transition:background-color 0.3s,border-left-color 0.3s;-o-transition:background-color 0.3s,border-left-color 0.3s;transition:background-color 0.3s,border-left-color 0.3s;border-left:3px solid transparent;word-break:break-all} .index-box .index-item.current>.index-link{background-color:rgba(238,238,238,1);border-left:3px solid #ff6651} .index-box .index-link:hover{background-color:rgba(0,0,0,0.1)} .index-box .index-subItem-box .index-item{padding-left:1em} @media (max-width:767px){#logo{display:inline} .panel.panel-default>.panel-body>.post-content>p>img{max-width:100%} .post-content,.post-meta,.post-title{padding:0 5px} .billboard{background:#b8d9fa url(../img/billboard.jpg) center center repeat-x;background-size:cover;padding:200px 0 100px;box-shadow:0 2px 8px rgba(0,0,0,.25),0 2px 8px rgba(0,0,0,.12)} .billboard .intro{color:#fff;text-shadow:0 0 15px #202020} pre{padding:1px} #smiliesbox{width:95%;padding:0 0 0 0px;margin-left:5px} .post-title{font-size:25px} .post-content ul{margin-left:-20px} ul ul{margin-left:-25px} .col-md-9{overflow-x:hidden} .col-md-9,.col-md-3{padding-right:0;padding-left:0} #comments .panel-body{padding:0}} @media (max-width:991px){footer .footer-bottom ul.footer-nav{margin:-90px 0 0 0;color:#555555} footer .footer-bottom ul.footer-nav li{padding:0 5px;border-left:1px solid #2c3132} footer .footer-bottom ul.footer-nav li a{color:#555555}} @media (max-width:742px){footer .footer-bottom ul.footer-nav{margin:-90px 0 0 0}} @media (max-width:367px){footer .footer-bottom ul.footer-nav{margin:-110px 0}} .space space:after{content:" ";display:inline;font-family:Arial;font-size:0.89em} .space code space,.space footer space,.space table space,.space pre space,.space kbd space,.space .post-content li space,.space samp space{display:none} #scrollUp{bottom:20px;right:20px} #bilibili{width:100%} .link-box{overflow:hidden;padding:50px 25px;margin:-30px;display:flex;flex-direction:row;flex-wrap:wrap} .link-box a{width:33.75rem;background:#fff;float:left;margin:0 0 4.375rem;color:#2E2E2E;text-decoration:none;border-bottom:none;border-radius:.25rem;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-shadow:0 0.0625rem 0.0625rem rgba(0,0,0,0.1);-moz-box-shadow:0 0.0625rem 0.0625rem rgba(0,0,0,0.1);box-shadow:0 0.0625rem 0.0625rem rgba(0,0,0,0.1);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .link-box a:hover,.link-box a:active{-webkit-box-shadow:0 1.375rem 2.6875rem rgba(0,0,0,0.15);-moz-box-shadow:0 1.375rem 2.6875rem rgba(0,0,0,0.15);box-shadow:0 1.375rem 2.6875rem rgba(0,0,0,0.15);-webkit-transform:translateY(-0.25rem);-moz-transform:translateY(-0.25rem);-ms-transform:translateY(-0.25rem);-o-transform:translateY(-0.25rem);transform:translateY(-0.25rem);-moz-transform:none} .link-box a .thumb{font-size:0;overflow:hidden;background-color:#fff;margin:0;border-top-left-radius:.25rem;border-top-right-radius:.25rem} .link-box a .thumb img{width:100%;height:auto;position:relative;margin:0;padding:0;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;transition:.4s} .link-box a .content{text-align:center;background-color:#fff} .link-box a .content .title{text-align:center;padding:1rem .25rem;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0} a.no-underline{border-bottom:none!important} .loadErr{color:#ff5722} .commit-author{background-color:#f44336} a.no-underline:hover:after{width:0!important} @media (min-width:1200px){.container{width:1200px}} @media (min-width:2250px){.container{width:1800px}} @media (min-width:3200px){.container{width:2700px}} @media (min-width:992px){.col-md-9{width:76%} .col-md-3{width:24%}} @media screen and (max-width:318px){.link-box{overflow:visible;margin:0;padding-left:0.625rem;padding-right:0.625rem}} @media screen and (max-width:710px) and (min-width:319px){.link-box{padding:30px 30px;margin:-15px}} @media screen and (max-width:319px){.link-box a{width:100%;margin:0 auto 3.75rem;max-width:25rem;float:none;display:block}} @media screen and (max-width:340px) and (min-width:319px){.link-box a{margin:0 0 2rem}} @media screen and (max-width:384px) and (min-width:341px){.link-box a{margin:0 0 2.5rem}} @media screen and (max-width:450px) and (min-width:385px){.link-box a{margin:0 0 3rem}} @media screen and (max-width:500px) and (min-width:319px){.link-box a{margin:0 0.75rem 1.5rem;width:-webkit-calc(50% - 1.5rem);width:calc(50% - 1.5rem)}} @media screen and (max-width:767px) and (min-width:501px){.link-box a{margin:0 0.9375rem 3.75rem;width:-webkit-calc(100% / 3 - 1.9rem);width:calc(100% / 4 - 1.9rem)}} @media screen and (max-width:1599px) and (min-width:768px){.link-box a{margin:0 0.9375rem 3.75rem;width:-webkit-calc(100% / 4 - 1.9rem);width:calc(100% / 5 - 1.9rem)}} @media screen and (min-width:1600px){.link-box a{margin:0 0.9375rem 3.75rem;width:-webkit-calc(100% / 5 - 1.9rem);width:calc(100% / 6 - 1.9rem)}}