:root{--alertBackground:whitesmoke;--alertBorder:lightgrey;--alertShadow:darkgray;--anchorColor:#3366cc;--bodyBackground:white;--footerBackground:white;--lightBlue:#3d72d7;--midBlue:#3366cc;--textColor:#111;--topNavBackground:linear-gradient(#fff, #f4f5f5);--topNavBorder:#d0d0d0;--topNavShadow:#efefef;font-family:-apple-system,"PingFang SC","Hiragino Sans GB","Noto Sans SC",sans-serif}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;border:none;outline:0}body{display:flex;flex-direction:column;overflow-x:hidden;margin:0;font-size:1rem;color:var(--textColor);background-color:var(--bodyBackground);width:100vw;min-height:100vh}a{color:var(--midBlue)}a:hover{opacity:.8}blockquote{border-left:.2rem solid #d6d6d6;margin:1rem;padding-left:.5rem}h1{font-size:1.5rem;margin:1rem 0;font-weight:700}h2{font-size:1.5rem;margin:1rem 0;font-weight:600}h3{font-size:1.2rem;margin:1rem 0;font-weight:600}h4{font-size:1rem;margin:1rem 0;font-weight:600}ol,ul{margin:.5rem 0 .5rem 2rem}ol li,ul li{line-height:2rem}p{line-height:2rem;margin:1rem 0}pre{font-size:.9em;background-color:#272822;border-radius:.3rem;line-height:1.5rem;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;position:relative;overflow-x:auto;padding:.5rem}pre code span,pre span{flex-wrap:wrap!important;max-width:100%!important;word-break:break-word!important;overflow-wrap:break-word!important}header{display:flex;justify-content:space-between;align-items:center;align-content:center;width:100%;padding:1.5rem 9%;gap:2rem;border-bottom:.1rem solid var(--topNavBorder);box-shadow:0 .2rem 1.2rem 0 var(--topNavShadow)}.logo{font-size:1.125rem;color:var(--white-color);font-weight:700}nav a{color:var(--white-color);font-weight:500;margin-left:2rem;transition:.5s;font-size:1rem}nav a.active,nav a:hover{color:var(--midBlue)}.hamburger{font-size:2rem;width:2rem;height:2rem;fill:var(--white-color);display:none}main{display:flex;flex-direction:column;padding:1rem 9%;flex:1}table{width:100%;padding:1rem 0}table td:first-child code{display:block;background:0 0}td{padding:.75rem;text-align:left;border-bottom:.1rem solid #eee}th{padding:.75rem;text-align:left;border-bottom:.1rem solid #eee}td.linenos .normal{color:inherit;background-color:transparent;padding:0 .75rem}span.linenos{color:inherit;background-color:transparent;padding:0 .75rem}td.linenos .special{color:#000;background-color:#ffffc0;padding:0 .75rem}span.linenos.special{color:#000;background-color:#ffffc0;padding:0 .75rem}.btn{padding:1.5rem 3rem;background:var(--alertBackground);border-radius:1.5rem;cursor:pointer}.btn:hover{opacity:.8}.btn.primary{background:var(--midBlue);color:#fff}.btn.danger{color:#fff;background:#d9534f}.pull-right{display:-webkit-flex;display:flex;justify-content:end}.pagination{list-style:none;padding:1rem}.pagination li{border:none;display:inline-block}.pagination li a{color:var(--textColor);background:0 0;border:none;display:block;text-align:center;padding:.5rem 1rem}.pagination li span{color:var(--textColor);background:0 0;border:none}.pagination li a.active,.pagination li a:hover{color:var(--midBlue);border-radius:.5rem}.col-container{display:flex;gap:3rem;padding:1.5rem 0 0}.col-container .aside-box{position:sticky;flex:1;top:5rem}.col-container .category{position:sticky;top:0;overflow-y:auto}.col-container .category ul{list-style:none;margin:0}.col-container .category ul li ul{margin-left:1.5rem}.col-container .category ul li{list-style:none}.col-container .content{flex:2}.content img{max-width:100%;height:auto}.content .header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.post-item{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border-radius:.5rem;border:.1rem solid var(--topNavShadow);box-shadow:0 0 .5rem var(--topNavShadow)}.post-item:not(:first-child){margin:2rem 0}.post-item h1{font-size:1.5rem;margin:0;padding:1rem 0;font-weight:600;color:var(--midBlue)}.header h1,.post-item h1 a{display:block;text-align:center}.post-meta{display:flex;justify-content:center;align-items:center;gap:2rem;font-size:.875rem}.post-item .summary{color:var(--textColor);line-height:2rem;padding:1rem 0}.hottest-container{border-radius:.5rem;flex:1;padding:1rem;border:.1rem solid var(--topNavShadow)}.hottest{width:100%}.hottest:not(:first-child){margin-top:2rem}.hottest img{width:100%;height:auto;border:var(--second-bg-color);box-shadow:0 0 .5rem var(--bg-color);border-radius:.5rem;transition:.5s}.hottest img:hover{transform:translateY(-.2rem)}.hottest h2{font-size:1.5rem;text-align:center;padding:1rem;margin:0}.hottest ul{padding:0;margin:0}.hottest ul li{list-style:none;color:var(--bg-color)}.hottest ul li a{color:var(--midBlue);display:block;padding:.5rem;border-radius:.3rem;transition:.5s}.hottest ul li a:hover{color:var(--lightBlue)}.copy-source{position:absolute;top:.3rem;right:.3rem;margin:0;padding:.1rem;text-align:right;width:1.5rem;height:1.5rem;cursor:pointer;transition:.5s;fill:var(--white-color)}.copy-source:hover{fill:var(--main-color)}footer{display:flex;justify-content:center;align-items:center;gap:1.5rem;flex-wrap:wrap;padding:1rem;background-color:var(--footerBackground);font-size:.875rem}footer .links{display:flex;justify-content:center;align-items:center;gap:1.5rem;flex-wrap:wrap}.codehilite .hll{background-color:#49483e}.codehilite{background:#272822;color:#f8f8f2;overflow:auto;border-radius:.5rem;margin:1rem 0 1rem 0}.codehilite .c{color:#959077}.codehilite .err{color:#ed007e}.codehilite .esc{color:#f8f8f2}.codehilite .g{color:#f8f8f2}.codehilite .k{color:#66d9ef}.codehilite .l{color:#ae81ff}.codehilite .n{color:#f8f8f2}.codehilite .o{color:#ff4689}.codehilite .x{color:#f8f8f2}.codehilite .p{color:#f8f8f2}.codehilite .ch{color:#959077}.codehilite .cm{color:#959077}.codehilite .cp{color:#959077}.codehilite .cpf{color:#959077}.codehilite .c1{color:#959077}.codehilite .cs{color:#959077}.codehilite .gd{color:#ff4689}.codehilite .ge{color:#f8f8f2;font-style:italic}.codehilite .ges{color:#f8f8f2;font-weight:700;font-style:italic}.codehilite .gr{color:#f8f8f2}.codehilite .gh{color:#f8f8f2}.codehilite .gi{color:#a6e22e}.codehilite .go{color:#66d9ef}.codehilite .gp{color:#ff4689;font-weight:700}.codehilite .gs{color:#f8f8f2;font-weight:700}.codehilite .gu{color:#959077}.codehilite .gt{color:#f8f8f2}.codehilite .kc{color:#66d9ef}.codehilite .kd{color:#66d9ef}.codehilite .kn{color:#ff4689}.codehilite .kp{color:#66d9ef}.codehilite .kr{color:#66d9ef}.codehilite .kt{color:#66d9ef}.codehilite .ld{color:#e6db74}.codehilite .m{color:#ae81ff}.codehilite .s{color:#e6db74}.codehilite .na{color:#a6e22e}.codehilite .nb{color:#f8f8f2}.codehilite .nc{color:#a6e22e}.codehilite .no{color:#66d9ef}.codehilite .nd{color:#a6e22e}.codehilite .ni{color:#f8f8f2}.codehilite .ne{color:#a6e22e}.codehilite .nf{color:#a6e22e}.codehilite .nl{color:#f8f8f2}.codehilite .nn{color:#f8f8f2}.codehilite .nx{color:#a6e22e}.codehilite .py{color:#f8f8f2}.codehilite .nt{color:#ff4689}.codehilite .nv{color:#f8f8f2}.codehilite .ow{color:#ff4689}.codehilite .pm{color:#f8f8f2}.codehilite .w{color:#f8f8f2}.codehilite .mb{color:#ae81ff}.codehilite .mf{color:#ae81ff}.codehilite .mh{color:#ae81ff}.codehilite .mi{color:#ae81ff}.codehilite .mo{color:#ae81ff}.codehilite .sa{color:#e6db74}.codehilite .sb{color:#e6db74}.codehilite .sc{color:#e6db74}.codehilite .dl{color:#e6db74}.codehilite .sd{color:#e6db74}.codehilite .s2{color:#e6db74}.codehilite .se{color:#ae81ff}.codehilite .sh{color:#e6db74}.codehilite .si{color:#e6db74}.codehilite .sx{color:#e6db74}.codehilite .sr{color:#e6db74}.codehilite .s1{color:#e6db74}.codehilite .ss{color:#e6db74}.codehilite .bp{color:#f8f8f2}.codehilite .fm{color:#a6e22e}.codehilite .vc{color:#f8f8f2}.codehilite .vg{color:#f8f8f2}.codehilite .vi{color:#f8f8f2}.codehilite .vm{color:#f8f8f2}.codehilite .il{color:#ae81ff}@media (max-width:768px){header{padding:1rem}nav{display:none;position:absolute;right:1rem;top:4rem;border-radius:.5rem;box-shadow:0 0 .5rem var(--topNavShadow)}nav a{margin:0;display:block;padding:.5rem}nav.active{display:block;padding:1rem;background:var(--bodyBackground)}.hamburger{display:block;cursor:pointer}main{padding:1rem}.home-container{max-width:100%}.article-container,.articles-container,.docs-container{width:100%;gap:2rem;flex-wrap:wrap;flex-direction:column}.article-container .article{width:100%}.hottest-container{width:100%}.docs-container .contents{width:100%}}