:root{--bg:#07090d;--panel:#121722dd;--line:#ffffff14;--text:#ece4d4;--muted:#a5a2a0;--gold:#d4b37a;--blue:#93c7ff;--red:#b94b52;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top,rgba(147,199,255,.08),transparent 32%),linear-gradient(180deg,#090b10,#06070b 45%,#07090d);color:var(--text);font-family:"Microsoft YaHei UI","PingFang SC",serif;line-height:1.75}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.wrap,.nav,.foot{width:min(calc(100% - 40px),var(--max));margin:auto}.top{position:sticky;top:0;z-index:20;background:#080a0ebd;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand small{display:block;color:var(--gold);letter-spacing:.22em;text-transform:uppercase;font-size:.78rem}.brand strong{font-size:1.08rem}
.links{display:flex;gap:10px;flex-wrap:wrap}.links a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:999px;color:var(--muted);line-height:1.2;text-align:center}.links a.on,.links a:hover{background:#ffffff0d;color:var(--text)}
.menu{display:none;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:999px;padding:0 13px;min-height:38px;align-items:center;justify-content:center}
.hero{position:relative;overflow:hidden;padding:56px 0 38px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#07090d44,#07090ddd),var(--hero) center/cover no-repeat;opacity:.22;transform:scale(1.05)}.hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:160px;background:linear-gradient(180deg,transparent,#07090d)}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,400px);gap:34px;align-items:center;min-height:min(76vh,720px)}
.eyebrow{display:inline-flex;padding:7px 14px;border-radius:999px;border:1px solid #d4b37a33;background:#0b0e14aa;color:var(--gold);font-size:.82rem;letter-spacing:.08em}.hero h1,.title{margin:18px 0 14px;line-height:.98;font-size:clamp(2.6rem,5vw,5.4rem)}.title{font-size:clamp(2.1rem,4.2vw,4rem)}
.lede{max-width:720px;color:#d4d1ce}.actions,.chips{display:flex;gap:12px;flex-wrap:wrap}.actions{margin-top:28px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;height:40px;min-width:0;max-width:100%;padding:0 16px;border-radius:999px;border:1px solid #ffffff14;background:#ffffff0a;line-height:1;font-size:.92rem;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 0 auto;cursor:pointer}.btn.main{background:linear-gradient(135deg,#d4b37a2c,#93c7ff20);border-color:#d4b37a3f}.btn[disabled]{opacity:.55;cursor:wait}
.poster,.panel,.entry,.card,.article{border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:0 24px 80px rgba(0,0,0,.28)}.poster{overflow:hidden}.poster img{aspect-ratio:9/16;object-fit:cover;width:100%}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px}.stat{padding:18px}.stat span{display:block;color:var(--muted);font-size:.84rem}.stat strong{display:block;margin-top:8px;font-size:1.3rem}
.page-main{padding-bottom:80px}.sec{padding-top:58px}.head{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:20px}.head p{max-width:620px;color:var(--muted);margin:0}.head small{color:var(--gold);letter-spacing:.18em;text-transform:uppercase}
.grid2,.grid3,.grid4,.list{display:grid;gap:16px}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{padding:22px}.card h3{margin:0 0 8px;font-size:1.28rem}.muted{color:var(--muted)}.chips{margin:12px 0 0}.chip{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;border:1px solid #ffffff16;background:#ffffff08;font-size:.86rem}.chip.gold{color:var(--gold);border-color:#d4b37a42}.chip.red{color:#f2c7ca;border-color:#b94b5248}
.quote{padding:28px;background:linear-gradient(120deg,#d4b37a12,#93c7ff10),var(--panel)}
.chapter-layout,.chapter-head{display:grid;grid-template-columns:minmax(0,1.15fr) 320px;gap:18px}.list{grid-template-columns:1fr}.entry{display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:16px;padding:20px;transition:.18s ease}.entry:hover{transform:translateY(-3px);border-color:#93c7ff33}.idx{font-size:1.3rem;font-weight:700;color:var(--gold)}.entry h3{margin:0 0 8px}.entry p{margin:0;color:var(--muted)}.meta{display:flex;flex-direction:column;gap:8px;text-align:right;color:var(--muted);font-size:.9rem}
.entry-simple{align-items:center}.entry-simple h3{margin:0}.entry-simple .meta{justify-content:center}
.timeline{display:grid;gap:14px}.timeline .card{padding:22px}.timeline ul{margin:0;padding-left:18px;color:var(--muted)}
.crumb{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);margin-bottom:18px}.article{padding:34px clamp(22px,4vw,52px)}.article p{margin:0 0 1.18em;color:#efeae0}.article blockquote{margin:1.2rem 0;padding:16px;border-left:3px solid #d4b37acc;background:#ffffff06}.nav-ch{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}.nav-ch .btn{flex:1 1 220px;min-width:0}.chapter-audio-space{height:108px}.tts-player-shell{position:fixed;left:20px;right:20px;bottom:18px;z-index:30;display:flex;align-items:center;gap:16px;padding:14px 18px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(10,12,18,.92);backdrop-filter:blur(18px);box-shadow:0 24px 80px rgba(0,0,0,.36)}.tts-control{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:999px;border:1px solid rgba(212,179,122,.24);background:linear-gradient(135deg,#d4b37a2e,#93c7ff1f);color:var(--text);font-size:1.05rem;flex:0 0 auto;cursor:pointer}.tts-control[disabled]{opacity:.7;cursor:wait}.tts-control.loading::before{content:"";width:18px;height:18px;border:2px solid rgba(255,255,255,.22);border-top-color:var(--gold);border-radius:999px;animation:spin .8s linear infinite}.tts-nav{display:inline-flex;align-items:center;justify-content:center;min-width:88px;height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:var(--muted);font-size:.86rem;flex:0 0 auto}.tts-nav:hover{color:var(--text);background:rgba(255,255,255,.08)}.tts-nav.disabled{opacity:.35;pointer-events:none}.tts-main{min-width:0;flex:1 1 auto}.tts-main-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.tts-label{font-size:.95rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tts-status-inline{color:var(--muted);font-size:.84rem;white-space:nowrap}.tts-progress-row{display:flex;align-items:center;gap:10px}.tts-time{color:var(--muted);font-size:.8rem;font-variant-numeric:tabular-nums;flex:0 0 auto}.tts-progress{appearance:none;width:100%;height:6px;border-radius:999px;background:rgba(255,255,255,.12);outline:none}.tts-progress::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:999px;background:var(--gold);border:0;cursor:pointer;box-shadow:0 0 0 3px rgba(212,179,122,.18)}.tts-progress::-moz-range-thumb{width:14px;height:14px;border-radius:999px;background:var(--gold);border:0;cursor:pointer}.tts-audio{display:none}@keyframes spin{to{transform:rotate(360deg)}}
.foot{border-top:1px solid var(--line);padding:18px 0 44px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--muted)}.reveal{opacity:0;transform:translateY(20px);transition:.5s ease}.reveal.show{opacity:1;transform:none}
@media (max-width:980px){.hero-grid,.chapter-layout,.chapter-head,.grid2,.grid3,.grid4{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.entry{grid-template-columns:72px 1fr}.meta{grid-column:2;text-align:left;flex-direction:row;flex-wrap:wrap}}
@media (max-width:760px){.menu{display:inline-flex}.nav{flex-wrap:wrap;padding:14px 0}.links{display:none;width:100%;padding-top:12px}.links.open{display:flex}.links a,.actions .btn,.nav-ch .btn{width:100%}.stats{grid-template-columns:1fr}.entry{grid-template-columns:1fr}.meta{grid-column:auto}.tts-player-shell{left:12px;right:12px;bottom:12px;padding:12px 14px;gap:10px}.tts-control{width:48px;height:48px}.tts-main-top{margin-bottom:8px}.chapter-audio-space{height:118px}.tts-nav{min-width:64px;padding:0 10px}}