nav#nav::-webkit-scrollbar{display:none}@media(min-width:1060px){nav#nav{position:fixed;width:360px;height:100%;top:0;left:0;padding:30px 0 500px;background-color:#f6f6f6;border-right:1px solid #ccc;overflow-y:auto}nav#nav a{display:block;padding:5px 30px;color:#1014ec}nav#nav a:hover{background-color:#f0f0f0}nav#nav a.active{font-family:Open Sans Bold}#mask{display:none}}@media(max-width:1060px){nav#nav{position:fixed;width:290px;height:100%;top:0;left:0;padding:20px 0 200px;background-color:#fff;overflow-y:auto;transition:transform .2s linear;z-index:10001}nav#nav.hide{transform:translateX(-100%)}nav#nav.show{transform:translateX(0)}nav#nav a{display:block;padding:5px 20px;color:#0f12d5}nav#nav a.active{font-family:Open Sans Bold}#mask{position:fixed;width:100%;height:100%;top:0;right:0;background-color:rgba(0,0,0,.2);color:rgba(0,0,0,0);opacity:0;z-index:-1}#mask.show{animation:mask-show .2s forwards}#mask.hide{animation:mask-hide .2s forwards}@keyframes mask-show{0%{opacity:0;z-index:10000}to{opacity:1;z-index:10000}}@keyframes mask-hide{0%{opacity:1;z-index:10000}99%{z-index:10000}to{opacity:0;z-index:-1}}}#article article{overflow-y:auto}#article article::-webkit-scrollbar{display:none}@media(min-width:1060px){#article article{position:fixed;width:700px;height:100%;top:0;left:360px;padding:30px 50px 300px;border-right:1px solid #ccc}}@media(max-width:1060px){#article>nav{position:fixed;width:100%;height:50px;background-color:#fff;border-bottom:1px solid #ccc;z-index:1}#article>nav button{position:relative;width:50px;height:50px}#article>nav button span{position:absolute;width:20px;height:2px;top:24px;left:15px;background-color:#000}#article>nav button span:nth-child(2){top:18px}#article>nav button span:nth-child(3){top:30px}article{padding:75px 20px 200px}}article{scroll-behavior:smooth}article>*{margin-bottom:20px}article h1{font-size:36px}article #time{font-size:13.6px;color:#aaa}article h2{font-size:30px;margin-bottom:30px}article h2,article h3{font-family:Cheltenham Normal\ 300}article h3{font-size:18px}article img{max-width:100%}article p{word-spacing:1px}article strong{font-family:Open Sans Bold}article ul{margin-bottom:30px}article ul li{position:relative;word-spacing:1px;padding-left:15px;margin-bottom:3px}article ul li:before{position:absolute;left:0;content:"■ ";color:#eee}article ul.menu li{padding-left:25px}article ul.menu li:before{content:" ✅ "}article ul.menu li a{color:blue}article table{display:block;margin-bottom:25px;overflow:auto}article table::-webkit-scrollbar{display:none}article table th{background-color:#f6f6f6;text-align:left;font-family:Open Sans Bold}article table td,article table th{padding:10px 15px;border:1px solid #ccc}article pre{position:relative;margin-bottom:25px}article pre *{font-family:Dank Mono Regular}article pre button{position:absolute;top:10px;right:10px;padding:5px;background-color:#dfdfdf;border-radius:5px;font-size:13px;color:blue}article pre button:hover{cursor:pointer}article pre code{padding:30px 25px!important;background-color:#f3f3f3!important;border-radius:15px;line-height:22px}article pre code::-webkit-scrollbar{display:none}article :not(pre) code{padding:3px;background-color:#efefef;border-radius:5px;font-family:Dank Mono Regular}