:root{--bg: #f7f3eb;--bg-soft: #eee7db;--surface: rgba(247, 243, 235, .82);--surface-strong: rgba(251, 248, 242, .92);--surface-ink: rgba(38, 37, 34, .06);--text: #2c2c2c;--muted: #5a5a5a;--line: rgba(86, 70, 44, .18);--gold: #c5973e;--jade: #4a8c7f;--violet: #6b4c9a;--crimson: #8b2500;--ice: #a8c8e0;--earth: #8b7355;--shadow: 0 18px 60px rgba(57, 42, 17, .11);--radius: 24px;--radius-sm: 16px;--container: min(1180px, calc(100vw - 40px) );--paper: radial-gradient(circle at top, rgba(255, 255, 255, .7), rgba(247, 243, 235, .72));--font-title: "STKaiti", "Kaiti SC", "Songti SC", "Noto Serif SC", serif;--font-body: "LXGW WenKai", "Noto Serif SC", "Songti SC", serif;--font-number: "Iowan Old Style", "Georgia", "Times New Roman", serif}:root[data-theme=dark]{--bg: #1a1a1e;--bg-soft: #212126;--surface: rgba(28, 29, 33, .82);--surface-strong: rgba(36, 37, 43, .92);--surface-ink: rgba(255, 255, 255, .03);--text: #e8e0d0;--muted: #c7bca9;--line: rgba(207, 172, 100, .18);--gold: #d4b36a;--jade: #73b3a2;--violet: #9271d1;--crimson: #b85b47;--ice: #c0dcef;--earth: #ad9470;--shadow: 0 18px 60px rgba(0, 0, 0, .35);--paper: radial-gradient(circle at top, rgba(67, 60, 48, .24), rgba(26, 26, 30, .82))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,rgba(255,255,255,.14),transparent 20%),radial-gradient(circle at top left,rgba(74,140,127,.12),transparent 30%),linear-gradient(180deg,var(--bg),var(--bg-soft));color:var(--text);font-family:var(--font-body);line-height:1.8;transition:background .24s ease,color .24s ease}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(120,95,54,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(120,95,54,.04) 1px,transparent 1px);background-size:100% 36px,36px 100%;mix-blend-mode:multiply}button,input,select{font:inherit}button{cursor:pointer}img{display:block;width:100%}.app-shell{position:relative;overflow-x:clip}.container{width:var(--container);margin:0 auto;position:relative;z-index:2}.section{position:relative;padding:88px 0}.hero.section{min-height:100vh;display:flex;align-items:center;padding-top:120px}.hero__layout{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}.hero__copy h1,.section-header h2,.paper-card h3,.work-card h3,.character-card h3,.card-viewer h3{font-family:var(--font-title);letter-spacing:.04em}.hero__copy h1{margin:0;font-size:clamp(3.6rem,9vw,7rem);line-height:1.05}.hero__subtitle{margin:10px 0 20px;font-family:var(--font-number);font-size:clamp(1.15rem,2vw,1.7rem);color:var(--gold)}.hero__lead{max-width:58ch;font-size:1.08rem}.hero blockquote{margin:24px 0;padding-left:18px;border-left:2px solid rgba(197,151,62,.55);color:var(--muted)}.hero__meta{color:var(--muted)}.hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.button{border:1px solid var(--line);border-radius:999px;padding:14px 24px;background:var(--surface-strong);color:var(--text);box-shadow:var(--shadow)}.button--primary{background:linear-gradient(135deg,#c5973e2e,#4a8c7f24);border-color:#c5973e73}.button--ghost{background:#ffffff59}.featured-scroll{padding:22px;border-radius:30px;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow)}.featured-scroll__label,.section-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 12px;color:var(--gold);letter-spacing:.18em;font-size:.82rem;text-transform:uppercase}.featured-scroll__label:before,.section-kicker:before{content:"";width:26px;height:1px;background:currentColor}.featured-scroll__card{display:grid;grid-template-columns:92px 1fr;gap:14px;width:100%;align-items:center;padding:10px;background:transparent;border:0;border-radius:18px;text-align:left}.featured-scroll__card:hover,.featured-scroll__card:focus-visible,.card-list__item:hover,.card-list__item.is-active{background:#c5973e1c}.featured-scroll__card img,.card-list__item img{aspect-ratio:.72;object-fit:cover;border-radius:14px;border:1px solid rgba(197,151,62,.28)}.topbar{position:fixed;top:16px;left:50%;transform:translate(-50%);width:min(1280px,calc(100vw - 26px));z-index:50;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:12px 18px;border-radius:999px;border:1px solid var(--line);background:#f7f3eba6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}:root[data-theme=dark] .topbar{background:#18181db8}.brand,.topbar__nav button,.theme-toggle,.topbar__menu{border:0;background:transparent;color:inherit}.brand{display:flex;align-items:center;gap:12px;text-align:left}.brand__icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);color:var(--gold);font-family:var(--font-title)}.brand strong{display:block;font-family:var(--font-title);font-size:1.1rem}.brand small{color:var(--muted)}.topbar__nav{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none}.topbar__nav::-webkit-scrollbar{display:none}.topbar__nav button{white-space:nowrap;padding:8px 10px;border-radius:999px}.topbar__nav button.is-active{background:#c5973e2e;color:var(--gold)}.theme-toggle{padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:#ffffff3d}.topbar__menu{display:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);align-items:center;justify-content:center;flex-direction:column;gap:4px}.topbar__menu span{display:block;width:18px;height:1px;background:currentColor}.section-header{max-width:760px;margin-bottom:30px}.section-header h2{margin:0 0 12px;font-size:clamp(2rem,4vw,3.4rem)}.section-header--compact h3{margin:0 0 10px;font-size:2rem}.stats-grid,.overview-grid,.cultivation-layout,.three-up,.character-grid,.cards-layout{display:grid;gap:22px}.stats-grid{grid-template-columns:repeat(4,1fr);margin-bottom:22px}.stat-card,.paper-card,.work-card,.character-card{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(120deg,rgba(255,255,255,.22),transparent 30%),var(--paper);box-shadow:var(--shadow)}.stat-card{padding:26px}.stat-card__value{font-size:clamp(1.8rem,4vw,3rem);color:var(--gold);font-family:var(--font-number)}.stat-card__label{color:var(--muted)}.overview-grid{grid-template-columns:.9fr 1fr 1fr}.paper-card,.work-card,.character-card{padding:28px}.work-card--media{padding:0;display:grid;grid-template-rows:280px 1fr}.work-card__visual,.media-card__visual,.paper-card__visual,.character-card__portrait{overflow:hidden}.work-card__visual img,.media-card__visual img,.paper-card__visual img,.character-card__portrait img,.relation-scroll__center img,.relation-card img{width:100%;height:100%;object-fit:cover}.work-card__content{padding:24px 26px 28px}.trait-list{padding-left:18px;margin:18px 0 0}.work-card__meta,.mini-card__meta,.realm-step__lifespan{color:var(--muted);font-family:var(--font-number)}.work-card__scope{margin-top:18px}.tag-row,.related-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.tag,.link-chip{padding:8px 12px;border-radius:999px;border:1px solid rgba(197,151,62,.28);background:#c5973e1a;color:var(--text)}.link-chip{cursor:pointer}.cultivation-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.realm-stack{display:grid;gap:16px;margin-top:20px}.realm-step{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:start}.realm-step__pin{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(197,151,62,.3);background:linear-gradient(180deg,#c5973e38,#4a8c7f1a);color:var(--gold);font-family:var(--font-number)}.realm-step__body{padding:18px 20px;border-radius:20px;background:#ffffff42;border:1px solid rgba(197,151,62,.16)}.realm-step__body h4{margin:0 0 8px;font-size:1.3rem}.three-up{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}.mini-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.mini-card{padding:18px;border-radius:18px;background:#ffffff38;border:1px solid rgba(197,151,62,.16)}.filter-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.filter-select,.input-group{display:grid;gap:8px}.filter-select span,.input-group span,.filter-summary{color:var(--muted)}.filter-select select,.input-group input{border:1px solid var(--line);border-radius:16px;background:#ffffff59;color:inherit;padding:12px 14px}.character-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.character-card{display:grid;grid-template-columns:118px 1fr;gap:20px}.character-card__portrait{border-radius:22px;border:1px solid rgba(197,151,62,.22);min-height:200px}.character-card__heading p{margin-top:-6px;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:18px 0}.detail-grid dt{font-size:.84rem;color:var(--muted)}.detail-grid dd{margin:0}.relations-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.relation-scroll{padding:32px;min-height:780px;display:grid;gap:28px;background:radial-gradient(circle at center,rgba(197,151,62,.09),transparent 32%),linear-gradient(120deg,rgba(255,255,255,.18),transparent 30%),var(--paper)}.relation-scroll__hero{position:relative;display:grid;place-items:center;min-height:280px}.relation-scroll__halo{position:absolute;width:min(440px,72%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#c5973e29,#c5973e00 68%);filter:blur(1px)}.relation-scroll__center{position:relative;z-index:2;width:min(260px,100%);border:1px solid rgba(197,151,62,.32);border-radius:28px;padding:16px;background:#fffaefd6;box-shadow:var(--shadow);text-align:center;color:inherit}.relation-scroll__center img{aspect-ratio:.78;border-radius:18px;border:1px solid rgba(197,151,62,.22)}.relation-scroll__center strong{display:block;margin-top:12px;font-family:var(--font-title);font-size:1.5rem}.relation-scroll__center span{display:block;margin-top:4px;color:var(--muted)}.relation-scroll__center.is-active{transform:translateY(-2px);box-shadow:0 22px 40px #392a112e}.relation-scroll__bands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.relation-band{border-radius:26px;border:1px solid rgba(197,151,62,.16);background:#ffffff3d;padding:20px}.relation-band__header{display:flex;gap:12px;align-items:center;margin-bottom:16px}.relation-band__header h3{margin:0;font-size:1.28rem}.relation-band__header p{margin:2px 0 0;color:var(--muted);font-size:.95rem}.relation-band__line{width:44px;height:2px;background:var(--relation-accent);flex:none}.relation-band__items{display:grid;gap:12px}.relation-card{display:grid;grid-template-columns:84px 1fr;gap:12px;align-items:center;padding:10px;border-radius:18px;border:1px solid rgba(197,151,62,.14);background:#ffffff5c;color:inherit;text-align:left}.relation-card img{aspect-ratio:.74;border-radius:14px}.relation-card strong{display:block;font-family:var(--font-title)}.relation-card span{display:block;margin-top:4px;color:var(--muted)}.relation-card.is-active,.relation-card:hover,.relation-card:focus-visible{border-color:var(--relation-accent);box-shadow:inset 0 0 0 1px var(--relation-accent)}.legend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.legend-item{display:flex;align-items:center;gap:10px}.legend-line{width:26px;height:2px;background:var(--legend-color)}.list-stack{display:grid;gap:18px}.paper-card--inline{display:grid;grid-template-columns:.7fr 1fr;gap:26px}.paper-card--illustrated{align-items:center;padding:18px}.paper-card__visual{min-height:260px;border-radius:22px;border:1px solid rgba(197,151,62,.18)}.story-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.media-card{padding:18px;display:grid;grid-template-columns:.82fr 1.18fr;gap:18px;align-items:stretch}.media-card--stacked{grid-template-columns:1fr}.media-card__visual{min-height:280px;border-radius:20px;border:1px solid rgba(197,151,62,.18)}.media-card__visual--tall{min-height:340px}.media-card__body{display:flex;flex-direction:column;justify-content:center}.media-card__body h3{margin:0 0 12px;font-size:1.9rem}.timeline{display:grid;gap:18px}.timeline-item{display:grid;grid-template-columns:72px 1fr;gap:18px;align-items:start}.timeline-item__year{width:72px;height:72px;border-radius:24px;display:grid;place-items:center;background:#c5973e24;color:var(--gold);border:1px solid rgba(197,151,62,.25);font-family:var(--font-number);font-size:1.4rem}.timeline-item__content{padding:22px 24px;border-radius:22px;border:1px solid var(--line);background:var(--surface)}.cards-layout{grid-template-columns:minmax(320px,380px) minmax(0,1fr);align-items:start}.cards-sidebar{display:grid;gap:18px}.filter-panel{position:sticky;top:100px;display:grid;gap:14px}.card-list{display:grid;gap:10px;max-height:920px;overflow:auto;padding-right:6px;margin-top:6px}.card-list__item{position:relative;z-index:1;display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center;border:0;border-radius:18px;padding:10px;text-align:left;background:var(--surface);color:inherit}.card-list__item strong,.featured-scroll__card span{display:block;font-family:var(--font-title)}.card-list__item span{display:block;color:var(--muted);font-size:.92rem}.card-viewer{display:grid;grid-template-columns:.86fr 1fr;gap:24px}.card-viewer__art img{border-radius:24px;border:1px solid rgba(197,151,62,.24)}.mobile-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;background:#12121200;transition:background .18s ease}.mobile-drawer.is-open{pointer-events:auto;background:#12121252}.mobile-drawer__panel{width:min(78vw,320px);height:100%;padding:110px 22px 22px;display:grid;align-content:start;gap:10px;background:var(--surface-strong);transform:translate(-100%);transition:transform .18s ease;border-right:1px solid var(--line)}.mobile-drawer.is-open .mobile-drawer__panel{transform:translate(0)}.mobile-drawer__panel button{border:0;border-radius:16px;padding:14px 16px;background:transparent;color:inherit;text-align:left}.ink-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:clip}.ink-backdrop__wash{position:absolute;top:0;bottom:0;width:18vw;opacity:.22;filter:blur(2px)}.ink-backdrop__wash--left{left:-3vw;background:radial-gradient(circle at left,rgba(69,58,39,.12),transparent 70%)}.ink-backdrop__wash--right{right:-3vw;background:radial-gradient(circle at right,rgba(69,58,39,.12),transparent 70%)}.ink-backdrop__mountain{position:absolute;left:0;right:0;bottom:0;height:28vh;opacity:.14;background-repeat:no-repeat;background-position:center bottom;background-size:cover}.ink-backdrop__mountain--far{bottom:12vh;clip-path:polygon(0 100%,0 65%,10% 55%,17% 60%,28% 42%,35% 58%,46% 36%,55% 51%,66% 39%,74% 55%,84% 31%,92% 54%,100% 41%,100% 100%);background:linear-gradient(180deg,#4a8c7f47,#4a8c7f00)}.ink-backdrop__mountain--mid{bottom:5vh;clip-path:polygon(0 100%,0 72%,13% 59%,25% 66%,38% 46%,52% 62%,61% 52%,71% 64%,82% 48%,100% 68%,100% 100%);background:linear-gradient(180deg,#8b735542,#8b735500)}.ink-backdrop__mountain--near{clip-path:polygon(0 100%,0 82%,9% 74%,19% 81%,31% 68%,43% 86%,54% 73%,67% 84%,78% 68%,88% 79%,100% 72%,100% 100%);background:linear-gradient(180deg,#2c2c2c38,#2c2c2c00)}.hero__mist{position:absolute;border-radius:999px;filter:blur(40px);animation:drift 16s ease-in-out infinite;opacity:.42}.hero__mist--one{width:34vw;height:10vw;left:4vw;top:18vh;background:#ffffff6b}.hero__mist--two{width:28vw;height:8vw;right:6vw;top:28vh;background:#a8c8e059;animation-delay:-8s}.scroll-reveal{animation:fade-up .72s ease both}@keyframes drift{0%,to{transform:translateZ(0)}50%{transform:translate3d(28px,-14px,0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.scroll-reveal,.hero__mist{animation:none}}@media (max-width: 960px){.topbar{grid-template-columns:auto 1fr auto}.topbar__nav{display:none}.topbar__menu{display:inline-flex}.hero__layout,.overview-grid,.cultivation-layout,.three-up,.relations-layout,.paper-card--inline,.media-card,.story-grid{grid-template-columns:1fr}.stats-grid,.filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.cards-layout{grid-template-columns:1fr}.filter-panel{position:static}}@media (max-width: 720px){.section{padding:72px 0}.hero.section{padding-top:110px}.container{width:min(100vw - 24px,1000px)}.topbar{top:10px;width:calc(100vw - 16px);padding:10px 12px}.theme-toggle{font-size:0;width:44px;height:44px;padding:0}.theme-toggle:first-line{font-size:1rem}.hero__actions,.stats-grid,.filter-bar,.detail-grid,.legend-grid,.character-card,.timeline-item,.card-viewer{grid-template-columns:1fr}.relation-scroll{padding:22px;min-height:auto}.relation-scroll__bands{grid-template-columns:1fr}.card-list{max-height:420px}}