:root{--font-serif: "Songti SC", "STSong", "SimSun", "Noto Serif SC", "Source Han Serif SC", Georgia, serif;--font-kai: "Kaiti SC", "STKaiti", "KaiTi", "楷体", var(--font-serif);--font-hei: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--maxw: min(1280px, 100%);--read-w: 720px;--gutter: 24px;--radius: 12px;--radius-sm: 8px;--border: 1px solid var(--line-soft);--ease: cubic-bezier(.22, .61, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-1: .18s;--dur-2: .26s;--dur-3: .42s;--glow: none;--grain: 0;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px);--z-bar: 50;--z-fab: 55;--z-scrim: 65;--z-drawer: 70;--z-toast: 90}html[data-style=ink]{--bg: #0b0c0f;--bg-soft: #101218;--surface: #14161d;--surface-2: #1b1e27;--line: #2b2f3c;--line-soft: #20242e;--text: #ece7dc;--text-2: #b6b0a3;--text-3: #837e73;--text-4: #5e5a52;--accent: #c8a04a;--accent-2: #e8c979;--accent-soft: rgba(200, 160, 74, .14);--gold: #c8a04a;--draft: #d98b3a;--draft-soft: rgba(217, 139, 58, .14);--shadow: 0 10px 34px -14px rgba(0, 0, 0, .9);--shadow-lg: 0 30px 80px -28px rgba(0, 0, 0, .95);--radius: 14px;--radius-sm: 9px;--glow: 0 0 0 1px rgba(200, 160, 74, .25), 0 8px 40px -12px rgba(200, 160, 74, .18);--grain: .035;--body-font: var(--font-serif);color-scheme:dark}html[data-style=neon]{--bg: #06070d;--bg-soft: #0a0c16;--surface: #10131f;--surface-2: #171b2b;--line: #262c44;--line-soft: #1b2032;--text: #e4e9ff;--text-2: #a6b0d4;--text-3: #6f7899;--text-4: #4b5372;--accent: #00e5c0;--accent-2: #ff4d9d;--accent-soft: rgba(0, 229, 192, .14);--gold: #7cf3ff;--draft: #ffb347;--draft-soft: rgba(255, 179, 71, .15);--shadow: 0 0 0 1px rgba(0, 229, 192, .16), 0 12px 40px -16px rgba(0, 229, 192, .3);--shadow-lg: 0 0 0 1px rgba(0, 229, 192, .2), 0 30px 90px -30px rgba(0, 229, 192, .34);--radius: 4px;--radius-sm: 2px;--glow: 0 0 22px -4px rgba(0, 229, 192, .55);--grain: .05;--body-font: var(--font-sans, -apple-system);color-scheme:dark}html[data-style=neon] .btn,html[data-style=neon] .card{border-radius:3px}html[data-style=neon] .hero-title{text-shadow:0 0 26px rgba(0,229,192,.45)}html[data-style=plain]{--bg: #ffffff;--bg-soft: #fafafa;--surface: #ffffff;--surface-2: #f4f4f5;--line: #e4e4e7;--line-soft: #eeeef0;--text: #18181b;--text-2: #52525b;--text-3: #8b8b93;--text-4: #b4b4bb;--accent: #18181b;--accent-2: #52525b;--accent-soft: rgba(24, 24, 27, .07);--gold: #71717a;--draft: #a16207;--draft-soft: rgba(161, 98, 7, .1);--shadow: 0 1px 2px rgba(0, 0, 0, .05);--shadow-lg: 0 12px 32px -18px rgba(0, 0, 0, .22);--radius: 6px;--radius-sm: 4px;--grain: 0;--body-font: var(--font-serif);color-scheme:light}html[data-style=plain] .card:hover{transform:none;box-shadow:var(--shadow)}html[data-style=grit]{--bg: #17181a;--bg-soft: #1d1f22;--surface: #222427;--surface-2: #2b2e32;--line: #3d4147;--line-soft: #31353a;--text: #e6e6e6;--text-2: #b3b3b3;--text-3: #858585;--text-4: #5f5f5f;--accent: #ff6a1f;--accent-2: #ffa14a;--accent-soft: rgba(255, 106, 31, .16);--gold: #d7d7d7;--draft: #ffc53d;--draft-soft: rgba(255, 197, 61, .16);--shadow: 4px 4px 0 rgba(0, 0, 0, .5);--shadow-lg: 8px 8px 0 rgba(0, 0, 0, .55);--radius: 0;--radius-sm: 0;--glow: none;--grain: .07;--body-font: var(--font-hei);color-scheme:dark}html[data-style=grit] .card{border-width:2px}html[data-style=grit] .card:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--accent)}html[data-style=grit] .btn{border-width:2px;font-weight:600;letter-spacing:.04em}html[data-style=grace]{--bg: #f4f1f6;--bg-soft: #eeeaf2;--surface: #fdfcfe;--surface-2: #f2eef6;--line: #e0d9e8;--line-soft: #ebe5f1;--text: #2f2a35;--text-2: #5d5468;--text-3: #8d8298;--text-4: #b3a9bd;--accent: #b57ba6;--accent-2: #d79ab8;--accent-soft: rgba(181, 123, 166, .13);--gold: #a9843f;--draft: #b4782e;--draft-soft: rgba(180, 120, 46, .13);--shadow: 0 8px 26px -14px rgba(80, 60, 90, .32);--shadow-lg: 0 26px 64px -26px rgba(80, 60, 90, .4);--radius: 20px;--radius-sm: 12px;--glow: 0 0 0 1px rgba(181, 123, 166, .16);--grain: .025;--body-font: var(--font-serif);color-scheme:light}html[data-style=grace] .card:hover{transform:translateY(-4px)}html[data-style=verse]{--bg: #f2ecdd;--bg-soft: #ece4d1;--surface: #faf6ea;--surface-2: #f0e9d8;--line: #ddd2b8;--line-soft: #e7ddc8;--text: #2f2a20;--text-2: #5c5343;--text-3: #8b8069;--text-4: #b0a48c;--accent: #4d6b52;--accent-2: #6d8f72;--accent-soft: rgba(77, 107, 82, .12);--gold: #9a7b2f;--draft: #a86a2c;--draft-soft: rgba(168, 106, 44, .13);--shadow: 0 8px 24px -14px rgba(90, 76, 48, .35);--shadow-lg: 0 26px 60px -26px rgba(90, 76, 48, .42);--radius: 3px;--radius-sm: 2px;--glow: none;--grain: .04;--body-font: var(--font-serif);color-scheme:light}html[data-style=verse] .content{letter-spacing:.06em}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-hei);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .4s var(--ease),color .4s var(--ease)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:var(--grain);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}#app{position:relative;z-index:1}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}h1,h2,h3,h4{margin:0;font-family:var(--font-serif);font-weight:600;line-height:1.35}p{margin:0}img,svg{display:block;max-width:100%}::selection{background:var(--accent-soft);color:var(--text)}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--text-4);background-clip:content-box}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding-left:max(var(--gutter),var(--sal));padding-right:max(var(--gutter),var(--sar))}.tnum{font-variant-numeric:tabular-nums}.muted{color:var(--text-3)}.row{display:flex;align-items:center;gap:8px}.row-wrap{flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 22px;border-radius:999px;font-size:14px;font-weight:500;background:var(--surface);color:var(--text-2);border:1px solid var(--line);transition:all .18s var(--ease);white-space:nowrap}.btn:hover{border-color:var(--text-4);color:var(--text);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:var(--glow)}.btn-primary:hover{background:var(--accent-2);border-color:var(--accent-2);color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-lg{padding:13px 30px;font-size:15px}.btn-sm{padding:7px 14px;font-size:13px}.tag{display:inline-flex;align-items:center;padding:2px 9px;border-radius:4px;font-size:11px;line-height:1.75;background:var(--surface-2);color:var(--text-3);border:1px solid var(--line-soft)}.tag-accent{background:var(--accent-soft);color:var(--accent);border-color:transparent}.tag-gold{background:transparent;color:var(--gold);border-color:currentColor}.tag-draft{background:var(--draft-soft);color:var(--draft);border-color:transparent}.card{background:var(--surface);border:var(--border);border-radius:var(--radius);transition:transform .24s var(--ease),border-color .24s var(--ease),box-shadow .24s var(--ease),background-color .4s var(--ease)}.card:hover{transform:translateY(-3px);border-color:var(--line);box-shadow:var(--shadow-lg)}.empty{padding:70px 24px;text-align:center;color:var(--text-3);border:1px dashed var(--line);border-radius:var(--radius);background:var(--surface)}.empty h3{font-size:17px;color:var(--text-2);margin-bottom:8px}.empty p{font-size:14px}.empty code{font-family:var(--font-mono);font-size:12px;background:var(--surface-2);padding:2px 6px;border-radius:4px;color:var(--text-2)}.section{margin-bottom:46px}.section-head{display:flex;align-items:baseline;gap:12px;margin-bottom:18px}.section-head h2{font-size:20px;display:flex;align-items:center;gap:9px;transition:color .4s var(--ease)}.section-head h2:before{content:"";width:3px;height:17px;border-radius:2px;background:var(--accent);display:inline-block}.section-head .count{font-size:13px;color:var(--text-4)}.section-head .rule{flex:1;height:1px;background:var(--line-soft)}.section-sub{font-size:13px;color:var(--text-3);margin:-10px 0 18px;line-height:1.7}.panel{background:var(--surface);border:var(--border);border-radius:var(--radius);padding:18px 20px}.panel-title{font-size:12px;letter-spacing:.14em;color:var(--text-4);margin-bottom:9px;text-transform:uppercase;font-family:var(--font-hei)}@keyframes shimmer{0%{background-position:-320px 0}to{background-position:320px 0}}.skeleton{background:linear-gradient(90deg,var(--surface) 8%,var(--line-soft) 22%,var(--surface) 36%);background-size:640px 100%;animation:shimmer 1.25s linear infinite;border-radius:var(--radius-sm)}.fade-enter-active,.fade-leave-active{transition:opacity .2s var(--ease)}.fade-enter-from,.fade-leave-to{opacity:0}.rise-enter-active{transition:opacity .5s var(--ease),transform .5s var(--ease)}.rise-enter-from{opacity:0;transform:translateY(14px)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width: 1024px){:root{--maxw: min(960px, 100%)}}@media (max-width: 820px){:root{--gutter: 16px;--read-w: 640px}.section{margin-bottom:36px}.section-head h2{font-size:18px}.empty{padding:48px 20px}}@media (max-width: 640px){body{font-size:14.5px}.section{margin-bottom:30px}.btn{padding:9px 18px}.btn-lg{padding:12px 24px;font-size:14.5px}}@media (max-width: 480px){:root{--gutter: 14px}.btn-lg{width:100%}}@media (hover: none),(pointer: coarse){.card:hover,.btn:hover{transform:none}}@media (max-height: 520px) and (orientation: landscape){.section{margin-bottom:26px}.empty{padding:30px 20px}}.hover-lift{transition:transform var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease)}@media (hover: hover){.hover-lift:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}}@media (hover: none),(pointer: coarse){.hover-lift:active{transform:translateY(-1px) scale(.99)}}.press{transition:transform var(--dur-1) var(--ease),opacity var(--dur-1) var(--ease)}.press:active{transform:scale(.97);opacity:.9}.reveal{opacity:0;transform:translateY(16px);transition:opacity var(--dur-3) var(--ease-out),transform var(--dur-3) var(--ease-out);transition-delay:var(--reveal-delay, 0ms);will-change:opacity,transform}.reveal.in{opacity:1;transform:none}.reveal-stagger>*{opacity:0;transform:translateY(12px);transition:opacity var(--dur-3) var(--ease-out),transform var(--dur-3) var(--ease-out)}.reveal-stagger.in>*{opacity:1;transform:none}.reveal-stagger.in>*:nth-child(1){transition-delay:0ms}.reveal-stagger.in>*:nth-child(2){transition-delay:45ms}.reveal-stagger.in>*:nth-child(3){transition-delay:90ms}.reveal-stagger.in>*:nth-child(4){transition-delay:135ms}.reveal-stagger.in>*:nth-child(5){transition-delay:.18s}.reveal-stagger.in>*:nth-child(6){transition-delay:225ms}.reveal-stagger.in>*:nth-child(n+7){transition-delay:.26s}.rise-enter-active{transition:opacity var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out)}.rise-leave-active{transition:opacity var(--dur-1) var(--ease),transform var(--dur-1) var(--ease)}.rise-enter-from{opacity:0;transform:translateY(10px)}.rise-leave-to{opacity:0;transform:translateY(-6px)}.count-up{animation:countUp var(--dur-3) var(--ease-out)}@keyframes countUp{0%{opacity:.4;transform:translateY(-2px)}to{opacity:1;transform:none}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.55}}.pulse{animation:pulse-soft 1.6s ease-in-out infinite}.toast{position:fixed;left:50%;bottom:calc(24px + var(--sab));transform:translate(-50%);z-index:var(--z-toast);padding:9px 18px;border-radius:999px;font-size:13px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);color:var(--text);pointer-events:none;max-width:calc(100vw - 32px)}.toast-enter-active,.toast-leave-active{transition:opacity var(--dur-2) var(--ease),transform var(--dur-2) var(--ease-out)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,10px)}.fab{position:fixed;right:calc(18px + var(--sar));z-index:var(--z-fab);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font-size:17px;background:var(--surface);border:1px solid var(--line);color:var(--text-2);box-shadow:var(--shadow-lg);transition:transform var(--dur-2) var(--ease-out),opacity var(--dur-2) var(--ease)}.fab:hover{color:var(--accent);border-color:var(--accent)}.fab:active{transform:scale(.92)}.safe-t{padding-top:var(--sat)}.safe-b{padding-bottom:var(--sab)}.only-mobile{display:none}@media (max-width: 820px){.only-mobile{display:initial}.hide-mobile{display:none!important}}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}@media (prefers-reduced-motion: reduce){.reveal,.reveal-stagger>*{opacity:1!important;transform:none!important}.live i,.pulse{animation:none!important}*{scroll-behavior:auto!important}}html[data-theme=dark]{--bg: #0b0c0f;--bg-soft: #101218;--surface: #14161d;--surface-2: #1b1e27;--line: #2b2f3c;--line-soft: #20242e;--text: #ece7dc;--text-2: #b6b0a3;--text-3: #837e73;--text-4: #5e5a52;--accent: #c8a04a;--accent-2: #e8c979;--accent-soft: rgba(200, 160, 74, .14);--gold: #c8a04a;--draft: #d98b3a;--draft-soft: rgba(217, 139, 58, .14);--shadow: 0 10px 34px -14px rgba(0, 0, 0, .9);--shadow-lg: 0 30px 80px -28px rgba(0, 0, 0, .95);--body-font: var(--font-serif);color-scheme:dark}html[data-theme=sepia]{--bg: #1b1712;--bg-soft: #221d16;--surface: #282219;--surface-2: #312a20;--line: #3d3427;--line-soft: #332c22;--text: #e6dcc8;--text-2: #c0b39a;--text-3: #93866e;--text-4: #6f6552;--accent: #d4743c;--accent-2: #e8925c;--accent-soft: rgba(212, 116, 60, .16);--gold: #d9a441;--draft: #e0a94a;--draft-soft: rgba(224, 169, 74, .16);--shadow: 0 10px 34px -14px rgba(0, 0, 0, .75);--shadow-lg: 0 30px 80px -28px rgba(0, 0, 0, .85);--body-font: var(--font-serif);color-scheme:dark}html[data-theme=light]{--bg: #f7f4ed;--bg-soft: #f1ece1;--surface: #fffdf8;--surface-2: #f8f4ea;--line: #e3dccb;--line-soft: #ece5d6;--text: #2a2620;--text-2: #57503f;--text-3: #857c68;--text-4: #a9a08b;--accent: #c0392b;--accent-2: #d9543f;--accent-soft: rgba(192, 57, 43, .1);--gold: #a97c3f;--draft: #b8791a;--draft-soft: rgba(184, 121, 26, .14);--shadow: 0 6px 24px -12px rgba(60, 48, 32, .35);--shadow-lg: 0 18px 50px -20px rgba(60, 48, 32, .45);--body-font: var(--font-serif);color-scheme:light}