:root{--green: #9ae600;--blue: #00bdff;--bg: #09172b;--bg-box: #18293d;--text: #f3f4f6}*,*::before,*::after{box-sizing:inherit}html{font-family:sans-serif;font-size:10px;box-sizing:border-box;padding:24px;min-width:360px;min-height:100vh;tab-size:4;line-height:1.5;color:var(--text);background-color:var(--bg)}body{font-size:16px;margin:0}a{color:var(--blue);text-decoration:none;transition:filter .3s,text-decoration .3s}a:hover{text-decoration:underline;filter:brightness(1.2)}.layout{margin-inline:auto;max-width:1280px}.layout2{display:flex;flex-direction:column;gap:24px}.header{z-index:50;width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center}.logo{width:96px;transition:filter .3s;vertical-align:bottom}.logo:hover{filter:brightness(1.1)}@media(min-width: 640px){.logo{width:128px}}.nav{font-size:18px;margin-left:12px;display:flex;gap:12px;flex:1;justify-content:flex-end}.nav-link.active{text-decoration:none;filter:brightness(1);color:var(--green)}.content{max-width:100%}.box{padding:12px;background-color:var(--bg-box);border-radius:6px}.custom-html p{margin-block:16px}.custom-html ul{list-style-type:disc}.custom-html ol{list-style-type:decimal}.custom-html :is(ol,ul){margin-block:16px;margin-left:16px;list-style-position:inside;padding:0}.custom-html :is(ol,ul,p,h1,h2,h3,h4,h5,h6):first-child{margin-top:0}.custom-html :is(ol,ul,p,h1,h2,h3,h4,h5,h6):last-child{margin-bottom:0}