:root{--font-scale: 1;--radius-xl: 30px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;--shadow-lg: 0 30px 80px rgba(58, 36, 18, .16);--shadow-sm: 0 16px 36px rgba(58, 36, 18, .1);--sans: "Avenir Next", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--reader-font-family: "Iowan Old Style", "Noto Serif SC", "Songti SC", "STSong", serif;--reader-max-width: 980px;--reader-padding: 42px clamp(22px, 4vw, 56px)}:root,:root[data-theme=paper]{--bg: #f7f1e6;--bg-glow: rgba(255, 255, 255, .55);--sidebar: rgba(235, 224, 207, .94);--surface: rgba(255, 251, 245, .92);--surface-strong: #fffdf8;--surface-soft: rgba(250, 242, 231, .88);--text: #31261d;--muted: #6d5d4c;--border: rgba(128, 99, 73, .14);--accent: #a04a2a;--accent-soft: rgba(160, 74, 42, .12);--card-tint: rgba(255, 255, 255, .5)}:root[data-theme=jade]{--bg: #ebf5ee;--bg-glow: rgba(255, 255, 255, .55);--sidebar: rgba(220, 233, 225, .95);--surface: rgba(251, 255, 252, .92);--surface-strong: #fdfffd;--surface-soft: rgba(238, 247, 241, .92);--text: #173126;--muted: #4d6c61;--border: rgba(24, 78, 60, .12);--accent: #1a7b63;--accent-soft: rgba(26, 123, 99, .12);--card-tint: rgba(255, 255, 255, .52)}:root[data-theme=night]{--bg: #0f1317;--bg-glow: rgba(243, 186, 47, .16);--sidebar: rgba(18, 24, 29, .95);--surface: rgba(23, 31, 38, .92);--surface-strong: #182129;--surface-soft: rgba(18, 24, 30, .94);--text: #eef4fb;--muted: #9eacba;--border: rgba(255, 255, 255, .08);--accent: #f3ba2f;--accent-soft: rgba(243, 186, 47, .12);--card-tint: rgba(255, 255, 255, .03);--shadow-lg: 0 30px 80px rgba(0, 0, 0, .35);--shadow-sm: 0 18px 40px rgba(0, 0, 0, .22)}:root[data-theme=vermilion]{--bg: #fdf1e8;--bg-glow: rgba(255, 228, 215, .5);--sidebar: rgba(248, 225, 214, .95);--surface: rgba(255, 250, 246, .92);--surface-strong: #fffaf6;--surface-soft: rgba(250, 237, 229, .92);--text: #432521;--muted: #8b6259;--border: rgba(151, 86, 64, .12);--accent: #c14c2a;--accent-soft: rgba(193, 76, 42, .12);--card-tint: rgba(255, 255, 255, .46)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;overflow-x:hidden;font-family:var(--sans);color:var(--text);background:radial-gradient(circle at top left,var(--bg-glow),transparent 34%),radial-gradient(circle at bottom right,rgba(243,186,47,.08),transparent 28%),linear-gradient(160deg,var(--bg),color-mix(in srgb,var(--bg) 70%,#ffffff))}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:32px 32px;opacity:.25}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.eyebrow{margin:0 0 8px;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.detail-header p{margin:0;font-size:1.04rem;font-weight:700}.detail-header span{display:block;margin-top:6px;color:var(--muted);line-height:1.6;font-size:.88rem}.search-box{display:grid;gap:10px}.search-box span{font-size:.9rem;color:var(--muted)}.search-box input,.select-field select{width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--surface-strong) 88%,transparent);color:var(--text);outline:none}.search-box input:focus,.select-field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px}.tag-pill{padding:8px 12px;border-radius:999px;background:var(--accent-soft);color:var(--text);font-size:.88rem}.overview-copy{display:grid;gap:12px}.overview-copy p{margin:0;line-height:1.8}.home-shell{min-height:100vh;min-height:100dvh;padding:24px}.home-topbar{display:flex;align-items:center;justify-content:flex-end;gap:16px;max-width:1240px;margin:0 auto 24px}.home-topbar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}.home-brand span{display:block;color:var(--muted);font-size:.86rem}.home-brand strong{display:block;margin-top:6px;font-family:var(--reader-font-family);font-size:1.42rem}.home-main{display:grid;gap:24px;max-width:1240px;margin:0 auto}.landing-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:24px;padding:28px;border-radius:32px;border:1px solid var(--border);background:radial-gradient(circle at top right,var(--accent-soft),transparent 36%),linear-gradient(155deg,var(--surface-strong),var(--surface-soft));box-shadow:var(--shadow-lg)}.landing-copy,.landing-cover-card{min-width:0}.landing-copy h1{margin:0;font-family:var(--reader-font-family);font-size:clamp(2.8rem,6vw,5.6rem);line-height:.95}.landing-copy h2{margin:16px 0 0;font-weight:500;font-size:clamp(1.2rem,2vw,1.8rem);color:var(--muted)}.landing-summary{max-width:46rem;margin:20px 0 0;line-height:1.8}.landing-copy blockquote{margin:24px 0 0;padding:18px 20px;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--surface-strong) 70%,transparent);border-radius:0 18px 18px 0;font-family:var(--reader-font-family);line-height:1.85}.landing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.landing-overview{margin-top:26px;padding-top:22px;border-top:1px solid var(--border)}.enter-button,.topbar-button,.spread-nav,.floating-reader-trigger,.home-chapter-link,.timeline-card{border:1px solid var(--border)}.enter-button{padding:13px 18px;border-radius:999px;background:var(--accent);color:#fff}.enter-button.secondary,.topbar-button,.spread-nav,.ghost-button,.secondary-button{background:color-mix(in srgb,var(--surface-strong) 88%,transparent);color:var(--text)}.toolbar-select{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-strong) 88%,transparent)}.toolbar-select span{color:var(--muted);font-size:.88rem}.toolbar-select select{border:0;background:transparent;color:var(--text);outline:none;min-width:88px}.landing-cover-card,.home-card,.floating-card{padding:18px;border-radius:24px;border:1px solid var(--border);background:var(--card-tint);box-shadow:var(--shadow-sm)}.landing-cover-card img{border-radius:20px;box-shadow:0 14px 34px #00000029}.landing-cover-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;color:var(--muted);font-size:.9rem}.keywords-row{width:100%}.timeline-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.timeline-card{display:grid;gap:10px;padding:16px;border-radius:20px;background:color-mix(in srgb,var(--surface-strong) 80%,transparent);color:var(--text);text-align:left;min-width:0}.timeline-card strong{font-family:var(--reader-font-family);color:var(--accent)}.timeline-card span{font-weight:700}.timeline-card small,.home-chapter-link small{color:var(--muted);line-height:1.6;overflow-wrap:anywhere}.home-search{margin-top:18px}.home-sections{display:grid;gap:18px;margin-top:18px}.home-section-card,.toc-section{padding:16px;border-radius:22px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-soft) 88%,transparent)}.toc-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.toc-section-header>div,.home-chapter-link>div{min-width:0}.toc-section-header p{margin:0;font-weight:700;font-size:1rem}.toc-section-header span{display:block;margin-top:6px;font-size:.84rem;color:var(--muted);line-height:1.55}.toc-section-header strong{font-size:1.32rem;font-family:var(--reader-font-family);color:var(--accent)}.home-chapter-list,.reader-drawer-list,.toc-links{display:grid;gap:10px}.home-chapter-link{display:flex;justify-content:space-between;gap:14px;width:100%;padding:14px 16px;border-radius:18px;background:transparent;color:var(--text);text-align:left}.home-chapter-link span{display:block;font-weight:700}.home-chapter-link strong{white-space:nowrap;font-family:var(--reader-font-family);color:var(--accent)}.reader-shell{height:100vh;height:100dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom}.reader-layout{display:grid;grid-template-rows:auto auto auto auto;min-height:100%;height:auto;overflow:visible}.reader-topbar{z-index:20;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 22px;background:color-mix(in srgb,var(--bg) 84%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.reader-topbar-main,.reader-topbar-nav{display:flex;align-items:center;gap:10px}.topbar-button{padding:10px 14px;border-radius:999px}.topbar-button:disabled,.spread-nav:disabled{opacity:.45;cursor:not-allowed}.reader-topbar-title{min-width:0;text-align:center}.reader-topbar-title p{margin:0 0 4px;color:var(--muted);font-size:.84rem}.reader-topbar-title strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--reader-font-family);font-size:1.18rem}.reader-progress{z-index:18}.progress-track{height:3px;background:color-mix(in srgb,var(--surface) 75%,transparent)}.progress-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#ffffff))}.reader-main{position:relative;min-height:0;overflow:visible}.chapter-end-banner{position:fixed;right:22px;bottom:18px;left:22px;z-index:26;display:flex;justify-content:center;pointer-events:none;padding:0}.chapter-end-banner p{max-width:min(100%,calc(var(--reader-max-width) + 44px));margin:0;padding:12px 16px;border-radius:18px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));background:color-mix(in srgb,var(--accent-soft) 60%,var(--surface-strong));color:var(--text);box-shadow:var(--shadow-sm)}.single-reader-view{height:auto;min-height:0;overflow:visible;padding:28px 22px 80px}.reader-article{max-width:var(--reader-max-width);margin:0 auto;padding:var(--reader-padding);border-radius:30px;background:linear-gradient(180deg,var(--surface-strong),var(--surface));border:1px solid var(--border);box-shadow:var(--shadow-lg)}.article-header{padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--border)}.article-kicker{margin:0;font-size:.82rem;color:var(--accent);letter-spacing:.16em;text-transform:uppercase}.article-header h3,.page-sheet-header h3{margin:12px 0 0;font-size:clamp(2.2rem,4vw,4.2rem);line-height:.98;font-family:var(--reader-font-family)}.article-meta{margin:14px 0 0;color:var(--muted)}.article-paragraph,.article-list li{margin:0 0 22px;font-family:var(--reader-font-family);font-size:calc(1.14rem * var(--font-scale));line-height:2;letter-spacing:.01em}.article-paragraph.is-lead:first-letter{float:left;margin:.16em .12em 0 0;font-size:3.4em;line-height:.8;font-family:var(--reader-font-family);color:var(--accent)}.article-subheading{margin:40px 0 16px;font-family:var(--reader-font-family);font-size:calc(1.58rem * var(--font-scale));line-height:1.3}.article-list{margin:0 0 26px;padding-left:1.2em}.article-list li::marker{color:var(--accent)}.spread-reader-view{display:grid;gap:18px;padding:18px 18px 84px}.spread-stage{position:relative;overflow:hidden;min-height:calc(100vh - 170px);border-radius:30px;padding:10px 74px;perspective:1800px}.spread-window{overflow:hidden}.spread-track{display:flex;transition:transform .52s cubic-bezier(.2,.65,.2,1);will-change:transform}.spread{min-width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}.page-sheet{height:calc(100vh - 220px);padding:30px 28px 36px;border-radius:28px;background:linear-gradient(180deg,var(--surface-strong),var(--surface));border:1px solid var(--border);box-shadow:var(--shadow-lg);overflow:hidden;transform-origin:center center;transition:transform .52s cubic-bezier(.2,.65,.2,1),opacity .28s ease}.spread:not(.is-active) .page-sheet{transform:rotateY(-12deg) scale(.98);opacity:.72}.spread.is-active .page-sheet{transform:rotateY(0) scale(1);opacity:1}.page-sheet-header,.page-sheet-minihead{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.page-sheet-header p,.page-sheet-minihead span{margin:0;color:var(--muted);font-size:.84rem;letter-spacing:.16em;text-transform:uppercase}.page-sheet-placeholder{display:grid;place-items:center;text-align:center;min-height:100%;color:var(--muted)}.page-sheet-placeholder span{font-family:var(--reader-font-family);font-size:1.52rem;color:var(--accent)}.page-sheet-placeholder p{max-width:18rem;line-height:1.8}.spread-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;padding:12px 16px;border-radius:999px}.spread-nav-prev{left:0}.spread-nav-next{right:0}.spread-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1180px;margin:0 auto}.spread-indicator strong{display:block;font-family:var(--reader-font-family);font-size:1.34rem}.spread-indicator span{color:var(--muted);font-size:.88rem}.spread-dots{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.spread-dot{width:10px;height:10px;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--muted) 45%,transparent)}.spread-dot.is-active{width:26px;background:var(--accent)}.reader-drawer{position:fixed;top:0;left:0;z-index:30;width:min(88vw,360px);height:100vh;padding:24px 18px;overflow:auto;background:var(--sidebar);border-right:1px solid var(--border);box-shadow:var(--shadow-lg);transform:translate(-105%);transition:transform .24s ease}.reader-drawer.is-open{transform:translate(0)}.reader-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:28;border:0;background:#0a0e1266;opacity:0;pointer-events:none;transition:opacity .2s ease}.reader-drawer-backdrop.is-visible{opacity:1;pointer-events:auto}.reader-drawer-header{margin-bottom:20px}.reader-drawer-header h2{margin:0;font-family:var(--reader-font-family);font-size:2rem}.reader-drawer-header p:last-child{margin:12px 0 0;color:var(--muted);line-height:1.7}.toc-link{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:14px 16px;border-radius:18px;border:1px solid transparent;background:transparent;color:var(--text);text-align:left}.toc-link small{color:var(--muted);white-space:nowrap}.toc-link.is-active{background:linear-gradient(135deg,var(--accent-soft),rgba(255,255,255,.18));border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.floating-reader-controls{position:fixed;right:18px;bottom:18px;z-index:32;display:grid;justify-items:end;gap:10px}.floating-reader-trigger{padding:13px 18px;border-radius:999px;background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.floating-reader-trigger.is-draggable{position:fixed;z-index:34;touch-action:none}.floating-reader-trigger.is-dragging{cursor:grabbing;box-shadow:var(--shadow-lg);transform:scale(1.04)}.floating-reader-panel{width:min(92vw,760px);max-height:min(72vh,620px);overflow:auto;padding:14px;border-radius:28px;background:color-mix(in srgb,var(--surface-strong) 88%,transparent);border:1px solid var(--border);box-shadow:var(--shadow-lg);transform-origin:bottom right;transform:translateY(10px) scale(.96);opacity:0;pointer-events:none;transition:transform .22s ease,opacity .22s ease}.floating-reader-controls.is-open .floating-reader-panel{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}.floating-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.control-group{display:grid;gap:10px}.control-group>span{font-size:.92rem;color:var(--muted)}.control-group small,.status-box p,.status-box strong{line-height:1.6}.choice-row{display:flex;flex-wrap:wrap;gap:8px}.choice-row button,.stepper-row button{padding:10px 12px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--muted)}.choice-row button.is-active{background:var(--surface-strong);color:var(--text)}.stepper-row{display:inline-flex;align-items:center;gap:10px;width:fit-content;padding:8px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 88%,transparent)}.stepper-row strong{min-width:68px;text-align:center;font-family:var(--reader-font-family)}.narration-actions{display:flex;flex-wrap:wrap;gap:10px}.primary-button,.secondary-button,.ghost-button{padding:11px 16px;border-radius:999px;border:1px solid var(--border)}.primary-button{background:var(--accent);color:#fff}.select-field{display:grid;gap:8px}.select-field span{font-size:.92rem;color:var(--muted)}.status-box{display:grid;gap:8px;padding:16px;border-radius:18px;background:color-mix(in srgb,var(--surface-strong) 88%,transparent);border:1px solid var(--border)}.status-box p{margin:0}.status-box strong{font-family:var(--reader-font-family);color:var(--accent)}::selection{background:var(--accent-soft)}@media (max-width: 1180px){.landing-hero{grid-template-columns:1fr}.timeline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.floating-grid{grid-template-columns:1fr}}@media (max-width: 920px){.home-shell,.spread-reader-view,.single-reader-view{padding-left:14px;padding-right:14px}.timeline-grid,.spread{grid-template-columns:1fr}.reader-topbar{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px 14px 12px;align-items:stretch}.reader-topbar-title{display:block;grid-column:1 / -1;order:-1;width:100%;text-align:center}.reader-topbar-title p{display:none}.reader-topbar-title strong{margin:0 auto;font-size:1rem;line-height:1.3;white-space:nowrap}.reader-topbar-main,.reader-topbar-nav{display:contents}.topbar-button{width:100%;padding:8px 10px;font-size:.88rem;white-space:nowrap;text-align:center}.reader-action-toc{order:1}.reader-action-home{order:2}.reader-action-prev{order:3}.reader-action-next{order:4}.reader-progress{top:87px}.single-reader-view{height:auto;min-height:0;padding-top:18px}.chapter-end-banner{right:14px;bottom:14px;left:14px}.spread-reader-view{padding-bottom:120px}.spread-stage{min-height:auto;padding:0}.spread-nav{display:none}.page-sheet{height:auto;overflow:visible}.spread-footer{flex-direction:column;align-items:flex-start}}@media (max-width: 640px){.home-topbar{flex-direction:column;align-items:flex-start}.home-topbar-actions{width:100%}.landing-actions,.narration-actions,.choice-row{display:grid;grid-template-columns:1fr 1fr}.landing-actions .enter-button,.choice-row button,.narration-actions button,.home-topbar-actions .topbar-button,.toolbar-select{width:100%}.toolbar-select{justify-content:space-between}.reader-topbar{gap:7px;padding:9px 12px 10px}.topbar-button{padding:7px 10px;font-size:.82rem}.reader-topbar-title strong{font-size:.94rem}.floating-reader-trigger.is-draggable{left:auto;right:12px}.reader-progress{top:81px}.floating-reader-controls{right:12px;left:12px;justify-items:stretch}.floating-reader-panel{width:100%}.floating-reader-trigger{justify-self:end}}