*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}:root{--text: #3a3a4a;--text-muted: rgba(60, 60, 80, .55);--glass-bg: rgba(255, 255, 255, .6);--glass-border: rgba(255, 255, 255, .35);--glass-shadow: rgba(0, 0, 0, .06);--overlay-bg: rgba(255, 255, 255, .55);--accent: #8b5cf6;--accent-hover: #7c3aed;--accent-subtle: rgba(139, 92, 246, .08);--nav-active-text: #7c3aed;--sidebar-w: 200px;--page-pad-x: 40px;--page-pad-top: 80px}@media(prefers-color-scheme:dark){:root{--text: #e0e0ea;--text-muted: rgba(220, 220, 240, .45);--glass-bg: rgba(18, 18, 32, .55);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: rgba(0, 0, 0, .2);--overlay-bg: rgba(10, 10, 22, .6);--accent: #a78bfa;--accent-hover: #c4b5fd;--accent-subtle: rgba(167, 139, 250, .1);--nav-active-text: #c4b5fd}}body{font-family:Mochiy Pop One,Source Han Sans,system-ui,sans-serif;font-weight:500;color:var(--text);min-height:100dvh;overflow-x:hidden;line-height:1.6}html.fonts-loading .page-wrapper,html.fonts-loading .sidebar,html.fonts-loading .top-pill,html.fonts-loading .user-btn{opacity:0!important;transition:none!important}.page-wrapper,.sidebar,.top-pill,.user-btn{transition:opacity .35s ease}.bg-layer{position:fixed;top:0;left:0;width:100vw;height:100dvh;z-index:-2;background:url(/images/background.webp) center / cover no-repeat;will-change:transform}.chara-layer{position:fixed;top:0;left:0;width:100vw;height:100dvh;z-index:-1;background:url(/images/chara.webp) center / cover no-repeat;opacity:0;transition:opacity .6s ease;pointer-events:none;will-change:opacity,transform}.chara-layer.visible{opacity:1}.glass{background:var(--glass-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border);box-shadow:0 4px 24px var(--glass-shadow)}.top-pill{position:fixed;top:14px;left:16px;z-index:1000;display:flex;align-items:center;gap:10px;padding:5px 18px 5px 5px;border-radius:999px;text-decoration:none;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease,opacity .35s ease}.top-pill:hover{transform:scale(1.06);box-shadow:0 8px 32px #8b5cf626}.top-pill:active{transform:scale(.97);transition-duration:.12s}.top-pill .avatar{width:38px;height:38px;border-radius:50%;object-fit:cover}.top-pill .title-img{height:44px;margin:-4px 0;width:auto;object-fit:contain}@media(max-width:768px){.top-pill{left:50%;transform:translate(-50%)}.top-pill:hover{transform:translate(-50%) scale(1.06)}.top-pill:active{transform:translate(-50%) scale(.97)}}.user-btn{position:fixed;top:16px;right:16px;z-index:1000;width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;font-size:1.2rem;color:var(--text);display:flex;align-items:center;justify-content:center;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease,opacity .35s ease}.user-btn:hover{transform:scale(1.12);box-shadow:0 6px 20px var(--glass-shadow)}.user-btn:active{transform:scale(.92);transition-duration:.12s}.sidebar{position:fixed;left:14px;top:50%;transform:translateY(-50%);z-index:900;display:flex;flex-direction:column;gap:2px;padding:10px;border-radius:18px;min-width:170px;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s ease}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:12px;text-decoration:none;font-size:.88rem;color:var(--text);transition:background .2s ease,color .2s ease,transform .15s ease;white-space:nowrap}.nav-item:hover{background:var(--accent-subtle);color:var(--accent);transform:translate(2px)}.nav-item.active{color:var(--nav-active-text);background:var(--accent-subtle)}.nav-item i{width:20px;text-align:center;font-size:1rem;flex-shrink:0}.nav-toggle{display:none;position:fixed;top:16px;left:16px;z-index:1001;width:40px;height:40px;border-radius:12px;border:none;cursor:pointer;font-size:1.1rem;color:var(--text);align-items:center;justify-content:center;transition:transform .2s ease}.nav-toggle:hover{transform:scale(1.08)}.nav-overlay{position:fixed;inset:0;background:#00000040;z-index:899;opacity:0;pointer-events:none;transition:opacity .3s ease}.nav-overlay.open{opacity:1;pointer-events:auto}@media(max-width:768px){:root{--sidebar-w: 0px;--page-pad-x: 20px;--page-pad-top: 68px}.nav-toggle{display:flex}.sidebar{left:0;top:0;transform:translate(-110%) translateY(0);height:100dvh;border-radius:0 18px 18px 0;padding:76px 14px 20px;min-width:200px;opacity:0}.sidebar.open{transform:translate(0) translateY(0);opacity:1}}.page-wrapper{margin-left:calc(var(--sidebar-w) + 28px);display:flex;flex-direction:column;min-height:100dvh}@media(max-width:768px){.page-wrapper{margin-left:0}}#swup{flex:1;padding:var(--page-pad-top) var(--page-pad-x) 40px}.hero-section{min-height:calc(100dvh - var(--page-pad-top) - 40px);display:flex;align-items:flex-end;justify-content:center;padding-bottom:48px}.scroll-hint{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted);font-size:.75rem;animation:float 2.5s ease-in-out infinite;user-select:none}.scroll-hint i{font-size:1.1rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.home-content{position:relative;background:var(--overlay-bg);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border-radius:28px;padding:56px 48px 72px}@media(max-width:768px){.home-content{padding:36px 24px 48px;border-radius:20px}}.content-card{max-width:860px;margin:0 auto;padding:48px;border-radius:24px}@media(max-width:768px){.content-card{padding:28px 20px;border-radius:16px}}.content-card h1,.home-content h1{font-size:2rem;margin-bottom:.6em;color:var(--accent)}.content-card h2,.home-content h2{font-size:1.5rem;margin-bottom:.5em;margin-top:1.5em}.content-card h3,.home-content h3{font-size:1.2rem;margin-bottom:.4em;margin-top:1.2em}.content-card p,.home-content p{line-height:1.8;margin-bottom:1em}.content-card ul,.content-card ol,.home-content ul,.home-content ol{padding-left:1.5em;margin-bottom:1em}.content-card li,.home-content li{margin-bottom:.3em;line-height:1.7}.content-card a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;transition:color .2s ease}.content-card a:hover{color:var(--accent-hover)}.content-card code,.home-content code{background:var(--accent-subtle);padding:2px 6px;border-radius:4px;font-size:.88em}.content-card pre,.home-content pre{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:16px 20px;overflow-x:auto;margin-bottom:1em}.content-card pre code,.home-content pre code{background:none;padding:0}.content-card blockquote,.home-content blockquote{border-left:3px solid var(--accent);padding-left:16px;margin:1em 0;color:var(--text-muted)}.content-card img,.home-content img{max-width:100%;height:auto;border-radius:12px}.content-card hr,.home-content hr{border:none;border-top:1px solid var(--glass-border);margin:2em 0}.site-footer{width:fit-content;max-width:90%;margin:24px auto 28px;padding:10px 28px;text-align:center;font-size:.78rem;color:var(--text);background:var(--glass-bg);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--glass-border);border-radius:999px;box-shadow:0 2px 12px var(--glass-shadow)}@media(max-width:768px){.site-footer{max-width:95%;padding:8px 20px}}.i18n-block{display:none}html[data-locale=en] .i18n-block[data-lang=en],html[data-locale=zh-cn] .i18n-block[data-lang=zh-cn i],html[data-locale=ja] .i18n-block[data-lang=ja]{display:block}html[data-locale=en] span.i18n-block[data-lang=en],html[data-locale=zh-cn] span.i18n-block[data-lang=zh-cn i],html[data-locale=ja] span.i18n-block[data-lang=ja]{display:inline}::selection{background:#8b5cf638;color:inherit}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}