:root{--ink:#2d2016;--ink-soft:#5f4b38;--paper-1:#f7eedf;--paper-2:#e4cfaa;--panel:rgba(255,248,234,0.85);--line:rgba(108,72,42,0.22);--shadow:0 16px 34px rgba(65,38,17,0.16);--accent:#a24a1d;--accent-strong:#712f13}*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none;color:inherit}.dynasty-home{min-height:100vh;color:var(--ink);font-family:STKaiti,KaiTi,SimSun,serif;background:var(--site-bg-image) left top/704px auto repeat;position:relative}.dynasty-home: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)}.dynasty-home:after,.dynasty-home:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}.dynasty-home: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)}.home-shell{width:min(1240px,calc(100% - 2rem));margin:0 auto;position:relative;z-index:1}.home-top{position:sticky;top:.8rem;z-index:8;justify-content:space-between;gap:.9rem;padding:.75rem 1rem;border-radius:16px;border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(8px);box-shadow:var(--shadow)}.brand,.home-top{display:flex;align-items:center}.brand{gap:.7rem}.brand-logo{width:64px;height:64px;border-radius:12px;border:0;object-fit:contain;background:transparent}.brand-text{display:flex;flex-direction:column}.brand-text strong{font-size:clamp(1.35rem,2.1vw,1.7rem);letter-spacing:.05em}.brand-text small{margin-top:.1rem;letter-spacing:.2em;color:var(--ink-soft);font-size:.76rem}.top-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.top-links a{border-radius:999px;border:1px solid rgba(123,78,44,.2);color:#fff8ec;background:linear-gradient(120deg,var(--accent-strong) 0,var(--accent) 100%);padding:.38rem .84rem;box-shadow:0 8px 15px rgba(111,52,21,.22);transition:all .24s ease}.top-links a:hover{transform:translateY(-2px);filter:saturate(1.12);box-shadow:0 11px 18px rgba(111,52,21,.3)}.top-links .is-active{border-color:rgba(255,229,197,.28);background:linear-gradient(120deg,#6a2a10,#8d3714);box-shadow:0 10px 18px rgba(96,40,15,.28)}.hero{margin-top:1.2rem;min-height:700px;border-radius:34px;padding:clamp(1.5rem,3.4vw,2.7rem);display:flex;align-items:center;color:#fff6ea;background:var(--hero-bg-image,url("/images/optimized/home-hero.webp")) center/100% 100% no-repeat;position:relative;overflow:hidden;box-shadow:var(--shadow);animation:lift-in .75s ease both}.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))}.hero:after,.hero:before{content:"";position:absolute;inset:0;pointer-events:none}.hero:after{border:1px solid rgba(255,232,205,.22);border-radius:34px;box-shadow:inset 0 1px 0 rgba(255,246,233,.08)}.hero-main{position:relative;z-index:1;max-width:min(1160px,100%);display:flex;flex-direction:column;justify-content:center;gap:.95rem;min-height:100%}.hero-kicker{margin:0;font-size:.9rem;letter-spacing:.16em;color:rgba(255,238,220,.86)}.hero-main h1{margin-top:0;margin-bottom:0;font-family:var(--font-display);font-size:clamp(3.2rem,5.4vw,5.2rem);font-weight:700;line-height:1.04;letter-spacing:.03em;white-space:nowrap;text-wrap:nowrap;-webkit-text-stroke:.55px rgba(255,241,221,.52);text-shadow:0 12px 26px rgba(25,13,7,.26)}.hero-copy{display:inline-block;width:max-content;max-width:none;padding:.9rem 1rem;border-radius:16px;border:1px solid rgba(255,229,198,.2);background:linear-gradient(180deg,rgba(50,27,15,.24),rgba(50,27,15,.12));backdrop-filter:blur(2px)}.hero-copy p{margin:0;color:rgba(255,246,233,.98);font-size:clamp(1.02rem,1.45vw,1.2rem);line-height:1.6;white-space:nowrap;text-wrap:nowrap}.section-panel{margin-top:1rem;border-radius:18px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);padding:1rem;animation:lift-in .8s ease both}.section-head h2{font-size:1.58rem;color:var(--accent-strong)}.section-head p{margin-top:.22rem;color:var(--ink-soft)}.dynasty-grid{margin-top:.9rem;gap:.78rem}.dynasty-card,.dynasty-grid{display:grid;grid-template-columns:1fr}.dynasty-card{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;border:1px solid rgba(125,86,54,.24);border-left:6px solid var(--tone);background:rgba(255,250,241,.16);padding:1rem 1.05rem;align-items:center;gap:.75rem;min-height:184px;box-shadow:0 10px 24px rgba(75,44,20,.15);transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease;transform:translateY(16px);opacity:0;animation:lift-in .65s ease forwards}.dynasty-card:before{content:"";position:absolute;inset:0;background:var(--scroll-image) var(--scroll-position,center)/cover no-repeat;opacity:.98;transform:scale(1.02);z-index:-2}.dynasty-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(34,22,13,.86),rgba(39,24,15,.72) 44%,rgba(50,31,18,.38) 72%,rgba(55,34,19,.2));z-index:-1}.dynasty-card:first-child{animation-delay:.1s}.dynasty-card:nth-child(2){animation-delay:.18s}.dynasty-card:nth-child(3){animation-delay:.26s}.dynasty-card:nth-child(4){animation-delay:.34s}.dynasty-card:nth-child(5){animation-delay:.42s}.dynasty-card:hover{transform:translateY(-4px);border-color:rgba(255,233,197,.44);box-shadow:0 16px 30px rgba(62,36,18,.3)}.card-content{position:relative;z-index:1;max-width:60ch}.era{width:fit-content;border-radius:999px;padding:.2rem .62rem;font-size:.82rem;color:#fff8ef;background:var(--tone);box-shadow:0 6px 12px rgba(21,13,8,.24)}.dynasty-card h3{margin-top:.42rem;font-size:clamp(2rem,3.6vw,2.5rem);line-height:1;color:#fff2df;text-shadow:0 4px 14px rgba(17,10,6,.35)}.dynasty-card p{margin-top:.46rem;line-height:1.64;color:#f4e8d6}.dynasty-card p,.enter{text-shadow:0 2px 8px rgba(16,10,7,.3)}.enter{margin-top:.52rem;display:inline-block;font-weight:700;color:#ffe8c4;letter-spacing:.02em}.enter:after{content:"  →"}.tang{--tone:#d45a24;--tone-dark:rgba(92,28,18,0.96);--tone-mid:rgba(151,48,28,0.9);--tone-light:rgba(224,109,52,0.76);--scroll-image:url(/images/optimized/tang-scroll.webp)}.song{--tone:#2d6a4a;--tone-dark:rgba(22,45,33,0.96);--tone-mid:rgba(41,96,71,0.9);--tone-light:rgba(96,148,116,0.72);--scroll-image:url(/images/optimized/song-scroll.webp);--scroll-position:50% 74%}.yuan{--tone:#2c5787;--tone-dark:rgba(24,41,67,0.96);--tone-mid:rgba(40,86,134,0.9);--tone-light:rgba(97,145,191,0.7);--scroll-image:url(/images/optimized/yuan-scroll.webp)}.ming{--tone:#e1b63d;--tone-dark:rgba(112,76,16,0.96);--tone-mid:rgba(212,163,38,0.92);--tone-light:rgba(248,216,108,0.82);--scroll-image:url(/images/optimized/ming-scroll.webp)}.qing{--tone:#8848dc;--tone-dark:rgba(44,24,82,0.96);--tone-mid:rgba(107,59,181,0.92);--tone-light:rgba(171,110,255,0.76);--scroll-image:url(/images/optimized/qing-scroll.webp)}.portal-grid{margin-top:1rem;display:grid;gap:.8rem;grid-template-columns:repeat(3,minmax(0,1fr))}.portal-card{border-radius:15px;border:1px solid var(--line);background:rgba(255,249,238,.88);box-shadow:var(--shadow);padding:.9rem;transition:transform .23s ease}.portal-card:hover{transform:translateY(-4px)}.portal-card h4{font-size:1.24rem;color:var(--accent-strong)}.portal-card p{margin-top:.36rem;line-height:1.62;color:var(--ink-soft)}.home-footer{margin-top:.95rem;text-align:center;color:#fff8ef}@keyframes lift-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:980px){.home-top{position:static;flex-direction:column;align-items:flex-start}.hero{min-height:auto;padding:1.2rem}.hero,.hero:after{border-radius:26px}.hero-main h1{font-size:clamp(2.35rem,6vw,3.25rem);letter-spacing:.02em}.hero-copy{max-width:none}.dynasty-card{min-height:170px}.portal-grid{grid-template-columns:1fr}}@media (max-width:640px){.home-shell{width:calc(100% - 1rem);margin:0 auto}.home-top{padding:.8rem .85rem;gap:.8rem}.brand{width:100%}.brand,.brand-text{min-width:0}.brand-text strong{font-size:1.18rem;line-height:1.1}.brand-text small{font-size:.66rem;letter-spacing:.12em;line-height:1.25}.top-links{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:.45rem}.top-links a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:2.7rem;text-align:center;white-space:nowrap;font-size:.88rem;letter-spacing:.01em;padding:.42rem .32rem}.brand-logo{width:56px;height:56px}.hero-main h1{font-size:clamp(1.8rem,7.8vw,2.5rem);letter-spacing:.01em}.hero-kicker{font-size:.78rem;letter-spacing:.14em}.hero-copy{padding:.76rem .82rem}.dynasty-card{grid-template-columns:1fr;min-height:176px;padding:.9rem .88rem}}@media (max-width:420px){.brand-text strong{font-size:1.08rem}.brand-text small{font-size:.6rem;letter-spacing:.08em}.top-links{gap:.28rem}.top-links a{font-size:.8rem;padding:.4rem .1rem}}