#content-area{background:#0d1117}.notebook-post{max-width:min(100%,920px)}#content-area .notebook-back{position:sticky;top:1rem;z-index:10;display:inline-flex;align-items:center;min-height:2.5rem;margin-bottom:1.35rem;padding:.42rem .9rem;color:var(--text);background:#080d16c7;border:1px solid rgb(148 163 184 / .22);border-radius:999px;font-size:.9rem;text-decoration:none;box-shadow:0 18px 45px #00000052;backdrop-filter:blur(14px);transition:border-color .18s ease,transform .18s ease,background .18s ease}#content-area .notebook-back:hover,#content-area .notebook-back:focus-visible,#content-area .notebook-pager a:hover,#content-area .notebook-pager a:focus-visible{background:#0f172ae0;border-color:#7dd3fc9e;text-decoration:none}#content-area .notebook-back:focus-visible,#content-area .notebook-pager a:focus-visible,#content-area .notebook-tags a:focus-visible{outline:3px solid rgb(125 211 252 / .24);outline-offset:4px}.notebook-hero{position:relative;margin-bottom:1.75rem;padding:clamp(2rem,5vw,4.25rem);overflow:hidden;background:#0f172af0;border:1px solid rgb(148 163 184 / .18);border-radius:28px;box-shadow:0 28px 80px #0000006b,inset 0 1px #ffffff0a}.notebook-kicker,.notebook-tags,.notebook-hero h1,.notebook-hero p{position:relative;z-index:1}.notebook-kicker{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;color:#94a3b8;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}.notebook-kicker span{display:inline-flex;align-items:center;gap:.55rem;color:#7dd3fc;font-weight:700}.notebook-kicker span:before{width:.5rem;height:.5rem;content:"";background:#2dd4bf;border-radius:999px;box-shadow:0 0 18px #2dd4bfb8}#content-area .notebook-hero h1{max-width:46rem;margin:0;color:#f8fafc;font-size:clamp(2.2rem,5.5vw,4.5rem);line-height:1.08;letter-spacing:-.055em}#content-area .notebook-hero p{max-width:44rem;margin:1.05rem 0 0;color:#b6c2d2;font-size:clamp(1rem,1.8vw,1.2rem)}.notebook-badge{display:inline-flex;margin-left:.7rem;padding:.18rem .6rem;color:#fde68a;background:#f59e0b1a;border:1px solid rgb(245 158 11 / .28);border-radius:999px;font-size:.78rem;font-weight:600;letter-spacing:0;vertical-align:middle}.notebook-badge-pinned{color:#bae6fd;background:#0ea5e91f;border-color:#7dd3fc4d}.notebook-tags{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.35rem}.notebook-tags a{padding:.3rem .72rem;color:#cbd5e1;background:#0f172aad;border:1px solid rgb(148 163 184 / .2);border-radius:999px;font-size:.8rem;font-weight:600;text-decoration:none;transition:background .18s ease,border-color .18s ease,color .18s ease}#content-area .notebook-tags a:hover,#content-area .notebook-tags a:focus-visible{color:#e0f2fe;background:#0f172af5;border-color:#7dd3fc75;border-bottom-color:#7dd3fc75!important;text-decoration:none!important}.notebook-body{counter-reset:notebook-section;padding:clamp(1.25rem,3vw,2.25rem);color:#d7dee8;background:#0f172ab8;border:1px solid rgb(148 163 184 / .18);border-radius:26px;box-shadow:0 22px 60px #00000047,inset 0 1px #ffffff09}#content-area .notebook-body>:first-child{margin-top:0}#content-area .notebook-body h2{counter-increment:notebook-section;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.85rem;margin-top:2.8rem;margin-bottom:1rem;padding:0;color:#f8fafc;border:none;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.22;letter-spacing:-.03em}#content-area .notebook-body h2:before{content:counter(notebook-section,decimal-leading-zero);min-width:2.65rem;padding:.22rem .45rem;color:#7dd3fc;background:#58a6ff1c;border:1px solid rgb(125 211 252 / .28);border-radius:10px;font-family:var(--font-mono);font-size:.78rem;text-align:center}#content-area .notebook-body h3{margin-top:1.9rem;margin-bottom:.7rem;color:#bae6fd;font-size:1.08rem;letter-spacing:-.015em}#content-area .notebook-body p,#content-area .notebook-body li{color:#cbd5e1;font-size:1rem;line-height:1.8}#content-area .notebook-body a{color:#7dd3fc;border-bottom:1px solid rgb(125 211 252 / .28);text-decoration:none;transition:color .18s ease,border-color .18s ease}#content-area .notebook-body a:hover{color:#bfdbfe;border-color:currentColor;text-decoration:none}#content-area .notebook-body ul,#content-area .notebook-body ol{display:grid;gap:.45rem;margin:1rem 0 1.25rem}#content-area .notebook-body li::marker{color:#7dd3fc}#content-area .notebook-body blockquote{margin:1.4rem 0;padding:1rem 1.1rem;color:#e2e8f0;background:#0891b217;border:1px solid rgb(125 211 252 / .22);border-left:4px solid #2dd4bf;border-radius:16px}#content-area .notebook-body code:not(pre code){padding:.16rem .42rem;color:#bae6fd;background:#080d16e0;border:1px solid rgb(148 163 184 / .16);border-radius:8px;font-size:.9em}#content-area .notebook-body pre{position:relative;overflow-x:auto;margin:1.35rem 0;padding:2.35rem 1.1rem 1.1rem;background:#05070b;border:1px solid rgb(125 211 252 / .2);border-radius:18px;box-shadow:inset 0 1px #ffffff0d,0 22px 48px #00000057}#content-area .notebook-body pre:before{position:absolute;top:.78rem;left:1rem;width:.64rem;height:.64rem;content:"";background:#ff5f56;border-radius:50%;box-shadow:1.05rem 0 #ffbd2e,2.1rem 0 #27c93f}#content-area .notebook-body pre code{color:#e0f2fe;background:transparent}#content-area .notebook-body img{display:block;width:100%;height:auto;margin:1.25rem 0 1.6rem;padding:.55rem;background:#080d16eb;border:1px solid rgb(148 163 184 / .2);border-radius:22px;box-shadow:0 20px 48px #00000052}#content-area .notebook-body table{overflow:hidden;border:1px solid rgb(148 163 184 / .22);border-radius:14px}#content-area .notebook-body th{color:#f8fafc;background:#0f172af5}#content-area .notebook-body td,#content-area .notebook-body th{border-color:#94a3b82e}#mascot-container{position:sticky}#live2d-canvas{position:relative;z-index:1}.article-toc{position:absolute;top:1.25rem;left:1rem;right:1rem;z-index:20;max-height:calc(50vh - 1.75rem);overflow:auto;padding:1rem;color:#cbd5e1;background:#0f172ae6;border:1px solid rgb(148 163 184 / .18);border-radius:18px;box-shadow:0 16px 38px #0000003d;scrollbar-color:rgb(71 85 105 / .9) rgb(15 23 42 / .6);scrollbar-width:thin}.article-toc::-webkit-scrollbar{width:.55rem}.article-toc::-webkit-scrollbar-track{background:#0f172a99;border-radius:999px}.article-toc::-webkit-scrollbar-thumb{background:#475569e6;border:2px solid rgb(15 23 42 / .9);border-radius:999px}.article-toc::-webkit-scrollbar-thumb:hover{background:#64748bf2}#content-area>.article-toc:not(.is-mounted){opacity:0;pointer-events:none}#mascot-container .article-toc{display:block;opacity:1;pointer-events:auto}.article-toc strong{display:block;margin-bottom:.75rem;color:#e2e8f0;font-size:.9rem}.article-toc ol{display:grid;gap:.4rem;margin:0;padding:0;list-style:none}.article-toc li.depth-3{padding-left:.9rem}.article-toc a{display:block;padding:.28rem .45rem;color:#94a3b8;border-radius:9px;font-size:.82rem;line-height:1.35;text-decoration:none!important;transition:background .18s ease,color .18s ease}.article-toc a:hover,.article-toc a:focus-visible{color:#e0f2fe;background:#0f172af5;text-decoration:none!important}.notebook-pager{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:min(100%,920px);margin-top:1.35rem}#content-area .notebook-pager a{display:flex;flex-direction:column;gap:.35rem;min-height:5.4rem;padding:1.05rem;color:var(--text);background:#0f172ad6;border:1px solid rgb(148 163 184 / .18);border-radius:18px;text-decoration:none;transition:border-color .18s ease,transform .18s ease,background .18s ease}#content-area .notebook-pager a:hover{transform:translateY(-2px)}.notebook-pager span{color:#94a3b8;font-size:.78rem}.notebook-pager strong{color:#e2e8f0;font-size:.96rem;font-weight:600}.notebook-pager a:last-child{text-align:right}@media (max-width: 767px){#content-area{padding:1rem}.notebook-hero,.notebook-body{padding:1.15rem;border-radius:20px}.notebook-kicker{align-items:flex-start;flex-direction:column;gap:.45rem}#content-area .notebook-body h2{grid-template-columns:1fr;gap:.55rem}#content-area .notebook-body h2:before{width:max-content}.article-toc{display:none}.notebook-pager{grid-template-columns:1fr}.notebook-pager a:last-child{text-align:left}}@media (prefers-reduced-motion: reduce){#content-area .notebook-back,#content-area .notebook-pager a,#content-area .notebook-body a{transition-duration:.01ms}}