:root{color-scheme:light;--bg:#f7f5ef;--surface:#fffefb;--ink:#252c35;--muted:#616870;--accent:#3e537e;--line:#d9d8d0;--wash:#e9eaf0;--radius:8px;--width:1120px;font-family:system-ui,-apple-system,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;line-height:1.8}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.wrap{width:min(var(--width), calc(100% - 64px));margin-inline:auto}.skip-link{z-index:10;background:var(--surface);padding:8px 16px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:94px;display:flex}.wordmark{letter-spacing:.09em;align-items:center;gap:12px;font-size:16px;font-weight:750;display:inline-flex}.brand-symbol{color:var(--accent);font-size:30px;line-height:1}.site-header nav{gap:30px;font-size:14px;display:flex}.site-header nav a{color:var(--muted);border-bottom:2px solid #0000;padding-block:8px}.site-header nav a[aria-current=page]{color:var(--ink);border-color:var(--accent)}main{min-height:68vh}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance;font-weight:650;line-height:1.35}h1{letter-spacing:-.045em;margin-bottom:24px;font-size:clamp(34px,4.8vw,58px)}h2{margin-bottom:16px;font-size:27px}h3{margin-bottom:12px;font-size:23px}.eyebrow{letter-spacing:.14em;color:var(--accent);margin-bottom:18px;font-size:11px;font-weight:650}.accent{color:var(--accent)}.muted{color:var(--muted)}.hero{grid-template-columns:1.3fr 1fr;align-items:center;gap:48px;min-height:540px;padding-block:64px;display:grid}.hero-description{max-width:440px;color:var(--muted);font-size:17px}.actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px;display:flex}.button{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:4px;justify-content:center;align-items:center;gap:18px;padding:11px 20px;font-size:14px;display:inline-flex}.button:hover{background:#2d4068}.text-link{color:var(--accent);font-size:14px}.text-link:hover{text-underline-offset:4px;text-decoration:underline}.world-mark{background:var(--wash);border:1px solid var(--line);border-radius:160px 160px 6px 6px;height:360px;position:relative;overflow:hidden}.mark-caption,.mark-foot{text-align:center;color:var(--accent);letter-spacing:.2em;font-size:10px;position:absolute;left:24px;right:24px}.mark-caption{top:35px}.mark-foot{bottom:24px}.orbit{border:1px solid #99a4bb;border-radius:50%;width:210px;height:210px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-two{height:92px;transform:translate(-50%,-50%)rotate(-35deg)}.orbit-three{height:92px;transform:translate(-50%,-50%)rotate(35deg)}.orbit-star{color:var(--accent);font-size:74px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.section{border-top:1px solid var(--line);padding-block:48px}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:12px;display:flex}.section-heading .eyebrow{margin-bottom:10px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px;display:grid}.character-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:border-color .18s;display:block;overflow:hidden}.character-card:hover{border-color:var(--accent)}.portrait,.portrait-placeholder{aspect-ratio:4/3;object-fit:cover;background:#e9e7e0;width:100%}.portrait-placeholder{color:#606770;background-image:linear-gradient(135deg,#0000 48%,#d6d7d8 48.2% 48.5%,#0000 48.7%);justify-content:space-between;align-items:end;padding:24px;display:flex}.portrait-placeholder>:first-child{font-family:Georgia,serif;font-size:64px;line-height:1}.portrait-placeholder>:last-child{letter-spacing:.18em;font-size:10px}.card-body{padding:25px}.card-body .eyebrow{margin-bottom:8px}.card-body p:not(.eyebrow){color:var(--muted);font-size:14px}.card-body h2{margin-bottom:12px;font-size:23px}.tag-list{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.tag-list span{background:var(--wash);color:var(--accent);border-radius:3px;padding:2px 10px;font-size:12px}.world-section{grid-template-columns:.8fr 1.2fr;gap:56px;display:grid}.article-row{border-top:1px solid var(--line);grid-template-columns:1fr auto;column-gap:20px;padding-block:24px;display:grid}.article-row .eyebrow,.article-row h2,.article-row h3,.article-row p{grid-column:1}.article-row .eyebrow{margin-bottom:8px}.article-row p{color:var(--muted);margin-bottom:0;font-size:14px}.article-row>span:last-child{color:var(--accent);grid-area:1/2/4;align-self:center;font-size:24px}.article-row:hover h2,.article-row:hover h3{color:var(--accent)}.page-intro{max-width:760px;padding-block:64px 32px}.page-intro h1{font-size:clamp(34px,4vw,48px)}.page-intro p{color:var(--muted)}.search-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.search-field{gap:8px;max-width:540px;font-size:14px;display:grid}.search-field input{background:var(--surface);width:100%;color:var(--ink);border:1px solid #979ca3;border-radius:4px;padding:10px 13px}.tag-filters{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.tag-filters button{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:4px;padding:5px 14px;font-size:13px}.tag-filters button[aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--accent)}.result-count{margin-top:20px;font-size:13px}.empty-state{text-align:center;border:1px dashed var(--line);border-radius:var(--radius);margin:32px auto;padding:48px 24px}.detail-page{max-width:760px;margin:48px auto 80px}.detail-heading{border-bottom:1px solid var(--line);margin-top:40px;padding-bottom:24px}.detail-heading h1{font-size:clamp(32px,4vw,46px)}.lead{color:var(--muted);font-size:18px}.detail-portrait{object-fit:contain;max-height:700px;margin:32px auto}.prose{overflow-wrap:anywhere}.prose h2{margin-top:40px;font-size:25px}.prose h3{margin-top:30px;font-size:20px}.prose a{color:var(--accent);text-decoration:underline}.prose table{border-collapse:collapse;width:100%;margin-block:24px}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--line);padding:12px}.prose blockquote{border-left:3px solid var(--accent);background:var(--wash);margin:28px 0;padding:8px 20px}.prose blockquote p{margin:0}.prose pre{border-radius:4px;padding:18px;overflow-x:auto}.prose :not(pre)>code{background:var(--wash);border-radius:3px;padding:2px 5px}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;margin-top:56px;padding-block:28px;font-size:12px;display:flex}@media (width<=720px){.wrap{width:calc(100% - 36px)}.site-header{flex-direction:column;align-items:start;gap:8px;padding-block:18px}.site-header nav{gap:24px}.hero{grid-template-columns:1fr;gap:32px;min-height:auto;padding-block:40px}.world-mark{width:100%;max-width:440px;height:280px}.hero h1{font-size:clamp(32px,7vw,46px)}.section-heading{flex-direction:column;align-items:start;gap:0}.card-grid,.world-section{grid-template-columns:1fr}.world-section{gap:12px}.page-intro{padding-top:40px}.search-panel{padding:18px}.site-footer{flex-direction:column;gap:4px}.detail-page{margin-top:32px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{color-scheme:dark;--bg:#070912;--surface:#101322;--ink:#eeedf8;--muted:#aaaec6;--accent:#b8b8f7;--line:#35364e;--wash:#1b2036}body{isolation:isolate;background:var(--bg)}.spirit-field{z-index:-1;pointer-events:none;background:radial-gradient(at 78% 30%,#17152d66,#0000 60%),radial-gradient(at 20% 90%,#141e3666,#0000 55%),#070912;position:fixed;inset:0;overflow:hidden}.spirit-field canvas{width:100%;height:100%;display:block}.spirit-vignette{background:radial-gradient(#0000 15%,#05070d55 100%),linear-gradient(90deg,#07091288,#0000 65%);position:absolute;inset:0}.site-header{border-color:#b5b5e526;min-height:98px;position:relative}.wordmark{letter-spacing:.16em;font-size:13px}.brand-symbol{font-size:26px}.site-header nav a:hover{color:var(--ink)}.hero{min-height:min(770px,100svh - 98px);padding-block:100px 130px;display:flex;position:relative}.hero-copy{width:min(610px,100%)}.hero .eyebrow{letter-spacing:.3em;color:#c4c1f3;font-size:10px}.hero h1{letter-spacing:.18em;text-shadow:0 2px 32px #080a16;margin:26px 0 28px;font-family:Songti SC,STSong,SimSun,serif;font-size:clamp(76px,10vw,138px);font-weight:400;line-height:1.2}.hero-description{color:#c6c6db;text-shadow:0 2px 10px #070912;max-width:470px;font-size:16px;line-height:2.2}.hero-description strong{color:#eeecff;font-weight:500}.hero .actions{gap:28px;margin-top:38px}.button{color:#f3efff;background:#7770b429;border-color:#aaa7ea66;padding:12px 23px}.button:hover{border-color:var(--accent);background:#8d85cd44}.field-note{text-align:right;color:#a3a6c4;letter-spacing:.16em;margin:0;font-size:11px;line-height:2.1;position:absolute;bottom:54px;right:0}.field-note span{color:#797e9f;letter-spacing:.24em;font-size:9px;display:block}.section{background:#090c16c9;box-shadow:0 0 50px 28px #090c1655}.character-card,.search-panel{background:#101322ed}.character-card:hover{background:#15192bee}.portrait-placeholder{color:#a2a7c6;background-color:#14192a;background-image:linear-gradient(135deg,#0000 48%,#3c4256 48.2% 48.5%,#0000 48.7%)}.tag-list span{color:#ceccff}.page-intro,.detail-page{text-shadow:0 2px 14px #070912}.detail-page{border-radius:var(--radius);background:#090c16e8;border:1px solid #b5b5e51c;padding:28px}.prose p,.prose li{color:#c6c8da}.search-field input{background:#0b0e1c;border-color:#545873}.tag-filters button[aria-pressed=true]{color:#fff;background:#59567e}.site-footer{border-color:#b5b5e526;padding-bottom:70px}.motion-toggle{z-index:5;color:#c4c6df;letter-spacing:.08em;background:#0d1021e8;border:1px solid #a8a7d538;border-radius:30px;align-items:center;gap:9px;padding:8px 15px;font-size:11px;display:inline-flex;position:fixed;bottom:18px;right:22px}.motion-toggle:hover{border-color:#aaa7ea99}.motion-toggle:disabled{cursor:default}.motion-indicator{background:#bbb4ff;border-radius:50%;width:5px;height:5px;box-shadow:0 0 7px #afa5ee88}.motion-toggle[aria-pressed=true] .motion-indicator{box-shadow:none;background:#73788f}@media (width<=720px){.site-header{min-height:105px}.hero{min-height:max(570px,90svh - 105px);padding-block:72px 125px}.hero h1{font-size:clamp(70px,20vw,110px)}.hero .eyebrow{letter-spacing:.16em;font-size:9px}.hero-description{max-width:340px;font-size:14px}.hero .actions{gap:20px}.field-note{font-size:10px;bottom:35px}.detail-page{padding:20px}.motion-toggle{bottom:12px;right:12px}}.field-note .field-interaction-hint{color:#b2b1cf;letter-spacing:.12em;margin-top:12px;font-size:10px}@media (hover:none){.field-interaction-hint{display:none!important}}.spirit-grabbing,.spirit-grabbing *{cursor:grabbing}