:root{color-scheme:dark;--bg:#101311;--panel:#171c18;--panel2:#1d241f;--line:#303832;--ink:#eef1eb;--muted:#a1aaa0;--accent:#d8f34d;--accent-ink:#20251a;--serif:Georgia,"Noto Serif TC",serif;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7}.seo-top{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,80px);border-bottom:1px solid var(--line);background:#121613}.seo-brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:22px;font-weight:700;letter-spacing:-.04em;text-decoration:none}.seo-brand img{width:32px;height:32px}.seo-brand span{margin-left:4px;padding:2px 8px;border:1px solid #455132;border-radius:99px;color:#d0e67a;font-size:11px;font-weight:500;letter-spacing:0}.seo-top nav{display:flex;align-items:center;gap:28px}.seo-top nav a,.seo-footer a{color:var(--muted);font-size:14px;text-decoration:none}.seo-top nav a:hover,.seo-footer a:hover{color:var(--accent)}.seo-top nav .seo-cta{padding:9px 16px;border:1px solid #4b563d;border-radius:8px;color:var(--accent)}.seo-wrap{width:min(1120px,calc(100% - 48px));margin:0 auto}.seo-intro{max-width:850px;margin:0 auto;padding:80px 0 62px}.seo-intro.compact{padding:42px 0 34px}.seo-eyebrow{display:block;margin-bottom:14px;color:#bdcf7e;font:600 12px/1.4 ui-monospace,SFMono-Regular,monospace;letter-spacing:.14em;text-transform:uppercase}.seo-intro h1{margin:0 0 20px;font:500 clamp(38px,6vw,68px)/1.12 var(--serif);letter-spacing:-.045em}.seo-intro p{max-width:66ch;margin:0 0 28px;color:var(--muted);font-size:17px;line-height:1.9}.seo-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:46px;padding:0 19px;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:var(--accent-ink);font-weight:700;text-decoration:none;transition:transform .18s ease,background .18s ease}.seo-button:hover{transform:translateY(-2px);background:#e4fa69}.seo-button.secondary{border-color:var(--line);background:var(--panel);color:var(--ink)}.seo-catalog{padding:34px 0 70px;border-top:1px solid var(--line)}.seo-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:19px}.seo-section-heading h2,.seo-about h2,.seo-content-section h2{margin:0;font:500 clamp(25px,3vw,36px)/1.2 var(--serif);letter-spacing:-.025em}.seo-section-heading>span{color:var(--muted);font-size:13px}.seo-genres,.seo-tags{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 28px}.seo-chip{display:inline-flex;align-items:center;min-height:34px;padding:5px 13px;border:1px solid #39423a;border-radius:99px;background:var(--panel);color:#d1d7cf;font-size:13px;text-decoration:none;transition:border-color .18s ease,color .18s ease,background .18s ease}.seo-chip:hover{border-color:#82964b;color:var(--accent)}.seo-chip.static{cursor:default}.seo-story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 19px}.seo-story-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:inherit;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.seo-story-card:hover{transform:translateY(-4px);border-color:#657342;box-shadow:0 16px 36px #0004}.seo-cover{position:relative;aspect-ratio:2/3;display:grid;place-items:center;background:#0b0e0c;overflow:hidden}.seo-cover img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain!important;object-position:center;transition:none}.seo-story-card:hover .seo-cover img{transform:none}.seo-art-mark{position:absolute;inset:0;display:grid;place-items:center;color:var(--accent);font-size:32px}.seo-card-copy{padding:16px 17px 18px}.seo-kicker{color:#b7c87c;font:11px ui-monospace,monospace;letter-spacing:.08em}.seo-card-copy h2{overflow:hidden;margin:8px 0 6px;font:500 21px/1.3 var(--serif);text-overflow:ellipsis;white-space:nowrap}.seo-card-copy p{display:-webkit-box;overflow:hidden;min-height:51px;margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.65;-webkit-line-clamp:2;-webkit-box-orient:vertical}.seo-card-copy small{color:#858f86;font-size:11px}.seo-pagination{display:flex;justify-content:center;gap:12px;margin-top:32px}.seo-empty{padding:46px 22px;border:1px dashed var(--line);border-radius:12px;text-align:center}.seo-empty h2{font:500 25px var(--serif)}.seo-empty p,.seo-about p{color:var(--muted)}.seo-about{max-width:850px;margin:0 auto;padding:36px 0 76px;border-top:1px solid var(--line)}.seo-about p{font-size:15px;line-height:1.9}.seo-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:23px;min-height:72px;padding:16px 24px;border-top:1px solid var(--line)}.seo-footer>a:first-child{color:var(--ink);font-weight:700}.seo-breadcrumb{display:flex;gap:10px;padding:28px 0;color:#818b81;font-size:13px}.seo-breadcrumb a,.seo-back{color:#bdcf7e;text-decoration:none}.seo-story-hero{display:grid;grid-template-columns:minmax(250px,.78fr) minmax(0,1.22fr);gap:clamp(28px,5vw,65px);align-items:center;padding:10px 0 52px;border-bottom:1px solid var(--line)}.seo-detail-cover{width:100%;max-height:580px;aspect-ratio:4/5;object-fit:cover;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.seo-story-hero h1{margin:8px 0 14px;font:500 clamp(34px,5vw,58px)/1.12 var(--serif);letter-spacing:-.04em}.seo-hook{color:#c1c9c0;font-size:17px}.seo-tags{margin:17px 0}.seo-author{margin:18px 0 24px;color:#929d93;font-size:13px}.seo-content-section{padding:42px 0;border-bottom:1px solid var(--line)}.seo-content-section h2{margin:5px 0 20px}.seo-content-section h3{margin:22px 0 10px;font:500 22px var(--serif)}.seo-content-section p{max-width:78ch;color:#c0c8bf;font-size:16px;line-height:1.9}.seo-inline-image{display:block;width:100%;height:auto;max-height:640px;margin:18px auto;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:#0b0e0c}.seo-scenarios{display:flex;flex-wrap:wrap;gap:9px;padding:0;list-style:none}.seo-scenarios li{padding:8px 14px;border:1px solid var(--line);border-radius:99px;background:var(--panel);color:#d6ddd4}.seo-story-grid.related{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:22px}.seo-back{display:inline-block;margin-bottom:22px;font-size:13px}.seo-guide{padding-bottom:72px}.seo-guide .seo-content-section{max-width:850px;margin:0 auto}.seo-guide .seo-content-section p{max-width:72ch}.changelog-list{display:grid;gap:14px;max-width:980px}.changelog-entry{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.changelog-entry-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid #475538;border-radius:50%;color:var(--accent)}.changelog-entry-meta{display:flex;align-items:center;gap:15px;margin-bottom:12px}.changelog-entry-meta span{color:var(--accent);font:600 15px ui-monospace,monospace}.changelog-entry-meta time,.changelog-entry small{color:var(--muted);font-size:12px}.changelog-entry ul{margin:0;padding-left:18px;color:#d4dbd2}.changelog-entry li+li{margin-top:5px}.changelog-empty{padding:64px 24px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);text-align:center}.changelog-empty>span{color:var(--accent);font-size:30px}.changelog-empty h2{color:var(--ink);font:500 26px var(--serif)}
@media(max-width:800px){.seo-story-grid,.seo-story-grid.related{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-story-hero{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px}.seo-top{padding:0 20px}.seo-top nav{gap:13px}.seo-top nav a{font-size:12px}}
@media(max-width:560px){body{font-size:15px}.seo-top{height:64px}.seo-brand{font-size:19px}.seo-brand img{width:28px;height:28px}.seo-top nav{gap:10px}.seo-top nav a:not(.seo-cta){display:none}.seo-wrap{width:calc(100% - 34px)}.seo-intro{padding:54px 0 42px}.seo-intro h1{font-size:39px}.seo-intro p{font-size:15px}.seo-story-grid,.seo-story-grid.related{grid-template-columns:1fr;gap:14px}.seo-cover{aspect-ratio:2/3}.seo-card-copy h2{font-size:19px}.seo-story-hero{grid-template-columns:1fr;padding-bottom:34px}.seo-detail-cover{max-height:420px;aspect-ratio:1.25}.seo-story-hero h1{font-size:38px}.seo-content-section{padding:30px 0}.seo-content-section p{font-size:14px}.seo-footer{gap:13px;font-size:12px}.seo-footer a,.seo-footer span{font-size:11px}.changelog-entry{padding:18px;grid-template-columns:30px 1fr;gap:11px}.changelog-entry-mark{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}