:root{--ink:#2c1f16;--ink-soft:#675545;--paper-top:#f8f1e2;--paper-bottom:#e8d5b2;--paper-panel:rgba(255,248,236,0.9);--paper-panel-strong:rgba(255,251,244,0.96);--line:rgba(102,70,42,0.18);--shadow:0 20px 42px rgba(64,38,18,0.14);--accent:#8a3f1f;--accent-strong:#6d2f14;--accent-soft:rgba(138,63,31,0.12);--hero-image:url(/images/optimized/home-hero.webp)}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}button{font:inherit}.detail-body{min-height:100vh;color:var(--ink);font-family:STKaiti,KaiTi,SimSun,serif;background:var(--site-bg-image) left top/704px auto repeat;position:relative}.detail-body:before{background:var(--site-bg-image) var(--site-bg-jitter-pos-1) /var(--site-bg-jitter-size-1) repeat;opacity:var(--site-bg-jitter-opacity-1)}.detail-body:after,.detail-body:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}.detail-body:after{background:var(--site-bg-image) var(--site-bg-jitter-pos-2) /var(--site-bg-jitter-size-2) repeat;opacity:var(--site-bg-jitter-opacity-2)}.detail-shell{width:min(1240px,calc(100% - 2rem));margin:0 auto;position:relative;z-index:1;padding-bottom:2rem}.detail-top{position:sticky;top:.8rem;z-index:10;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;padding:.82rem 1rem;border-radius:18px;border:1px solid var(--line);background:var(--paper-panel);backdrop-filter:blur(8px);box-shadow:var(--shadow)}.back-link{border-radius:999px;padding:.42rem .92rem;color:#fff8ef;background:linear-gradient(120deg,var(--accent-strong) 0,var(--accent) 100%);box-shadow:0 10px 18px rgba(92,43,18,.22)}.dynasty-nav{display:flex;flex-wrap:wrap;gap:.45rem}.dynasty-nav a{padding:.35rem .78rem;border-radius:999px;border:1px solid rgba(95,66,41,.22);color:#4b3422;background:rgba(255,245,226,.78);transition:transform .22s ease,border-color .22s ease,background .22s ease}.dynasty-nav a:hover{transform:translateY(-2px);border-color:rgba(95,66,41,.4)}.dynasty-nav .is-active{color:#fff8ef;border-color:transparent;background:linear-gradient(120deg,var(--accent-strong) 0,var(--accent) 100%)}.module{animation:panel-rise .72s ease both}.dynasty-hero{--hero-flip-progress:0;--hero-image-size:100% 100%;--hero-image-position:center;margin-top:1.2rem;width:min(1160px,100%);margin-left:auto;margin-right:auto;min-height:640px;border-radius:30px;padding:clamp(1.35rem,3.1vw,2.4rem);position:relative;overflow:hidden;color:#fff6ea;background:var(--hero-image) var(--hero-image-position) /var(--hero-image-size) no-repeat;box-shadow:var(--shadow);transform-origin:center top;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity,filter;transform:perspective(1600px) rotateX(calc(var(--hero-flip-progress) * 90deg)) translateY(calc(var(--hero-flip-progress) * -32px));opacity:calc(1 - var(--hero-flip-progress));filter:blur(calc(var(--hero-flip-progress) * 1.2px))}.dynasty-hero.is-flipping{transition:transform 90ms linear,opacity 90ms linear,filter 90ms linear}.dynasty-hero.is-restoring{transition:transform .17s cubic-bezier(.2,.72,.24,1),opacity .15s ease-out,filter .15s ease-out}.dynasty-hero:before{background:linear-gradient(90deg,rgba(52,28,15,.72),rgba(63,34,18,.62) 32%,rgba(67,36,19,.34) 58%,rgba(67,36,19,.12) 78%,rgba(67,36,19,.04))}.dynasty-hero:after,.dynasty-hero:before{content:"";position:absolute;inset:0;pointer-events:none}.dynasty-hero:after{border-radius:30px;border:1px solid rgba(255,232,205,.22);box-shadow:inset 0 1px 0 rgba(255,246,233,.08)}.dynasty-hero.is-gone{pointer-events:none}.hero-content{position:relative;z-index:1;max-width:min(760px,100%);display:flex;flex-direction:column;justify-content:center;min-height:100%}.hero-kicker{font-size:.94rem;letter-spacing:.16em;color:rgba(255,238,220,.86)}.hero-content h1{margin-top:.55rem;font-size:clamp(2.8rem,5vw,4.5rem);line-height:1.06;letter-spacing:.04em;white-space:nowrap;text-wrap:nowrap;text-shadow:0 12px 26px rgba(25,13,7,.2)}.hero-intro{margin-top:1rem;max-width:24em;font-size:clamp(1.08rem,1.7vw,1.35rem);line-height:1.82;color:rgba(255,242,225,.98)}.hero-tags{margin-top:1.15rem;display:flex;flex-wrap:wrap;gap:.65rem}.hero-tags span{border-radius:999px;padding:.42rem .95rem;border:1px solid rgba(255,228,195,.24);background:rgba(255,241,221,.08);color:#fff6ea;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.module{position:relative;overflow:hidden;margin-top:1rem;border-radius:26px;border:1px solid var(--line);background:radial-gradient(circle at 94% 6%,var(--accent-soft) 0,transparent 24%),linear-gradient(180deg,var(--paper-panel-strong) 0,rgba(249,239,222,.92) 100%);box-shadow:var(--shadow);padding:1.1rem}.module:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(188,145,106,.035),rgba(188,145,106,.035) 1px,transparent 0,transparent 96px),linear-gradient(180deg,rgba(188,145,106,.02),rgba(188,145,106,.02) 1px,transparent 0,transparent 88px);opacity:.48}.fact-grid,.figure-layout,.knowledge-list,.legacy-grid,.reading-stage,.reading-tabs,.section-heading,.timeline-rail,.timeline-spotlight{position:relative;z-index:1}.section-heading{margin-bottom:.95rem}.section-heading.is-compact{margin-bottom:.8rem}.section-label{color:rgba(111,46,18,.72);font-size:.8rem;letter-spacing:.18em}.section-heading h2{margin-top:.22rem;color:var(--accent-strong);font-size:clamp(1.62rem,2.8vw,2.28rem);line-height:1.2}.section-heading p:last-child{margin-top:.34rem;max-width:62ch;line-height:1.74;color:var(--ink-soft)}.card-kicker{display:block;color:var(--accent);font-size:.78rem;letter-spacing:.14em}.fact-grid{display:grid;gap:.82rem;grid-template-columns:repeat(4,minmax(0,1fr))}.fact-card,.figure-focus,.figure-tab,.legacy-card,.memory-panel,.reading-focus,.reading-tab,.scene-card,.timeline-node,.timeline-spotlight{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}.fact-card,.figure-focus,.legacy-card,.reading-focus,.scene-card{border-radius:20px;border:1px solid rgba(122,84,54,.16);background:linear-gradient(135deg,rgba(255,255,255,.28),transparent 54%),linear-gradient(180deg,rgba(255,252,246,.98),rgba(248,237,219,.92));box-shadow:0 14px 26px rgba(76,45,21,.08)}.fact-card{padding:.96rem}.fact-card:hover,.legacy-card:hover,.scene-card:hover{transform:translateY(-3px);box-shadow:0 18px 30px rgba(76,45,21,.12)}.fact-card h3,.figure-focus h3,.legacy-card h3,.reading-focus h3,.scene-card h3{margin-top:.32rem;color:var(--accent-strong)}.fact-card h3{font-size:1.2rem}.fact-card p,.legacy-card p,.scene-card p{margin-top:.34rem;line-height:1.68;color:var(--ink-soft)}.reading-tabs{display:flex;flex-wrap:wrap;gap:.55rem}.figure-tab,.reading-tab,.timeline-node{border:1px solid rgba(122,84,54,.16);background:rgba(255,250,242,.76);color:#4a3423;cursor:pointer}.reading-tab{min-width:148px;border-radius:18px;padding:.72rem .86rem;text-align:left}.reading-tab span{display:block;color:var(--accent);font-size:.76rem;letter-spacing:.16em}.reading-tab strong{display:block;margin-top:.24rem;font-size:1.02rem}.figure-tab.is-active,.reading-tab.is-active,.timeline-node.is-active{color:#fff8ee;border-color:transparent;background:linear-gradient(135deg,var(--accent) 0,var(--accent-strong) 100%);box-shadow:0 16px 24px rgba(92,43,18,.2)}.figure-tab.is-active span,.figure-tab.is-active strong,.reading-tab.is-active span,.reading-tab.is-active strong,.timeline-node.is-active span,.timeline-node.is-active strong{color:inherit}.reading-stage{margin-top:.9rem;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:.9rem;align-items:start}.reading-focus{padding:1rem}.reading-summary{margin-top:.42rem;line-height:1.78;color:var(--ink-soft)}.reading-highlight{margin-top:.78rem;border-radius:16px;padding:.8rem .88rem;border:1px solid rgba(122,84,54,.12);background:var(--accent-soft);color:var(--accent-strong);line-height:1.66}.point-list{list-style:none;display:grid;gap:.48rem;margin-top:.88rem}.point-list li{position:relative;padding-left:.9rem;color:#493425;line-height:1.68}.point-list li:before{content:"";position:absolute;left:0;top:.72rem;width:.38rem;height:.38rem;border-radius:999px;background:var(--accent);box-shadow:0 0 0 4px rgba(138,63,31,.1)}.scene-grid{display:grid;gap:.82rem;grid-template-columns:repeat(2,minmax(0,1fr))}.scene-card{min-height:168px;padding:.96rem}.timeline-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem}.timeline-node{min-height:88px;border-radius:18px;padding:.72rem .78rem;text-align:left}.timeline-node strong{display:block;font-size:1.02rem}.timeline-node span{display:block;margin-top:.24rem;color:var(--ink-soft)}.timeline-spotlight{margin-top:.9rem;display:grid;grid-template-columns:150px minmax(0,1fr);gap:1rem;align-items:center;border-radius:24px;padding:1rem}.timeline-year{border-radius:20px;padding:1rem .84rem;text-align:center;color:#fff7ec;font-size:clamp(1.9rem,3vw,2.5rem);letter-spacing:.08em;background:linear-gradient(135deg,var(--accent) 0,var(--accent-strong) 100%);box-shadow:0 16px 24px rgba(92,43,18,.2)}.timeline-copy h3{margin-top:.28rem;color:var(--accent-strong);font-size:clamp(1.45rem,2.4vw,1.96rem)}.timeline-copy p{margin-top:.4rem;line-height:1.76;color:var(--ink-soft)}.figure-layout{display:grid;grid-template-columns:minmax(240px,.62fr) minmax(0,1.38fr);gap:.9rem;align-items:start}.figure-tabs{display:grid;gap:.55rem}.figure-tab{border-radius:18px;padding:.8rem .86rem;text-align:left}.figure-tab strong{display:block;font-size:1.05rem}.figure-tab span{display:block;margin-top:.22rem;color:var(--ink-soft)}.figure-focus{min-height:100%;padding:1rem}.figure-summary{margin-top:.4rem;color:var(--accent-strong);font-size:1.08rem;line-height:1.7}.figure-detail{margin-top:.62rem;line-height:1.78;color:var(--ink-soft)}.figure-tags{margin-top:.86rem;display:flex;flex-wrap:wrap;gap:.5rem}.figure-tags span{border-radius:999px;padding:.28rem .72rem;border:1px solid rgba(122,84,54,.16);background:rgba(255,248,239,.88);color:var(--accent-strong)}.memory-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.memory-panel{margin-top:0}.knowledge-list{margin-left:1rem;display:grid;gap:.5rem;color:#463323}.knowledge-list li{line-height:1.7}.closing-note{margin-top:.9rem;border-left:4px solid var(--accent);border-radius:14px;background:rgba(255,249,239,.9);color:#50392a;padding:.9rem .96rem;line-height:1.72}.legacy-grid{display:grid;gap:.82rem}.legacy-card{padding:.9rem .96rem}.detail-footer{margin-top:1.05rem;text-align:center;color:#5e4a39;line-height:1.7}.detail-footer a{color:var(--accent-strong);font-weight:700;margin-left:.2rem}.theme-tang{--accent:#d05724;--accent-strong:#932f16;--accent-soft:rgba(208,87,36,0.12);--hero-image:url(/images/optimized/tang-card.webp)}.theme-song{--accent:#2f6b4f;--accent-strong:#1f4f3a;--accent-soft:rgba(47,107,79,0.12);--hero-image:url(/images/optimized/song-card.webp)}.theme-yuan{--accent:#2e5886;--accent-strong:#1d3f64;--accent-soft:rgba(46,88,134,0.12);--hero-image:url(/images/optimized/yuan-card.webp)}.theme-ming{--accent:#d9ab2f;--accent-strong:#a36a0b;--accent-soft:rgba(217,171,47,0.16);--hero-image:url(/images/optimized/ming-card.webp)}.theme-qing{--accent:#8743de;--accent-strong:#6331a8;--accent-soft:rgba(135,67,222,0.12);--hero-image:url(/images/optimized/qing-card.webp)}@keyframes panel-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1120px){.fact-grid,.memory-grid,.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.figure-layout,.reading-stage,.timeline-spotlight{grid-template-columns:1fr}.timeline-year{max-width:220px}}@media (max-width:860px){.detail-top{position:static}.dynasty-hero{--hero-image-size:100% 100%;--hero-image-position:center;min-height:auto;padding:1.08rem}.dynasty-hero,.dynasty-hero:after{border-radius:24px}.hero-content h1{font-size:clamp(1.5rem,5.8vw,2.6rem);letter-spacing:.02em}.timeline-rail{display:flex;gap:.55rem;overflow-x:auto;padding-bottom:.2rem;scrollbar-width:thin}.timeline-node{min-width:132px}}@media (max-width:640px){.detail-shell{width:calc(100% - 1rem)}.memory-panel,.module{padding:.92rem;border-radius:22px}.fact-grid,.memory-grid,.scene-grid{grid-template-columns:1fr}.reading-tabs{display:grid;grid-template-columns:1fr 1fr}.figure-tags,.hero-tags{gap:.42rem}.figure-tags span,.hero-tags span{font-size:.9rem}.hero-content h1{font-size:clamp(1.08rem,5.2vw,1.75rem);letter-spacing:.01em}.dynasty-hero{--hero-image-size:100% 100%;--hero-image-position:center}}