@import url('https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Serif+SC:wght@400;500;600;700;900&family=Source+Han+Sans+SC:wght@400;500;700&display=swap');

:root { --night:#0b1f2b; --ink:#152821; --green:#315d4e; --leaf:#719459; --gold:#d9b66e; --paper:#f2eddd; --mist:#d9e0ce; --red:#c35a43; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:"Source Han Sans SC","Noto Sans SC",sans-serif; }
img { display:block; width:100%; }
[hidden] { display:none !important; }
.access-gate { min-height:100svh; display:grid; place-items:center; overflow:hidden; background:var(--night); position:relative; color:#fff8e8; }
.gate-backdrop { position:absolute; inset:0; opacity:.43; background:linear-gradient(180deg,rgba(4,16,26,.45),rgba(4,16,26,.88)),url('https://oss.caoyancheng.cn/chongchong/%E8%B5%84%E4%BA%A7/02_%E5%B8%B8%E9%A9%BB%E5%9C%BA%E6%99%AF/%E9%98%81%E6%A5%BC_%E6%97%A5%E6%99%AF%E7%A9%BA%E9%95%9C.png') center/cover; filter:saturate(.7); }
.gate-card { width:min(92vw,540px); position:relative; padding:clamp(2rem,7vw,4.4rem); text-align:center; border:1px solid rgba(217,182,110,.55); background:rgba(10,31,43,.72); box-shadow:0 0 80px rgba(0,0,0,.35); backdrop-filter:blur(8px); }
.gate-kicker,.section-index,.episode-copy span { color:var(--gold); letter-spacing:.12em; font-size:.72rem; }
.gate-card h1 { margin:.65rem 0 1rem; font:clamp(3rem,9vw,5.3rem)/.9 "Ma Shan Zheng","Noto Serif SC",serif; color:#f8e7af; text-shadow:0 2px 0 #543f21; }
.gate-card > p { line-height:1.8; color:#d9e0ce; }
.password-row { display:flex; margin-top:.55rem; }
.password-row input { min-width:0; flex:1; padding:.8rem; color:#fff; border:1px solid var(--gold); background:rgba(0,0,0,.18); outline:0; font:inherit; }
.password-row button { cursor:pointer; border:0; padding:.8rem 1.1rem; color:#193020; background:var(--gold); font:700 .9rem inherit; }
.password-row button:hover { background:#f0d38e; }
form label { display:block; text-align:left; margin-top:2rem; font-size:.78rem; color:#d9e0ce; }
.password-error { margin:.7rem 0 0; color:#ffb4a4; font-size:.8rem; text-align:left; }.gate-note{display:block;margin-top:2.3rem;color:#adbfa7;font-size:.72rem}.firefly{position:absolute;width:6px;height:6px;border-radius:50%;background:#fee996;box-shadow:0 0 16px 6px #edcf55}.one{left:12%;top:19%}.two{right:16%;top:25%}.three{right:8%;bottom:17%}
.hero { min-height:min(780px,100svh); position:relative; color:#fff8e8; display:flex; align-items:flex-end; overflow:hidden; }.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{background:linear-gradient(90deg,rgba(4,17,25,.84) 0%,rgba(5,22,25,.3) 58%,rgba(7,18,21,.25)),linear-gradient(0deg,rgba(5,19,25,.82),transparent 48%)}nav{z-index:1;position:absolute;top:2.2rem;right:5vw;display:flex;gap:1.4rem}nav a{color:#fff8e8;text-decoration:none;font-size:.85rem}nav a:hover{color:var(--gold)}.hero-copy{position:relative;z-index:1;width:min(720px,90vw);margin:0 0 clamp(3rem,9vw,6rem) max(5vw,1.5rem)}.hero-copy>p:first-child{font-size:.72rem;letter-spacing:.16em;color:var(--gold)}.hero h1,h2{font-family:"Noto Serif SC",serif}.hero h1{font:900 clamp(4rem,10vw,8rem)/.92 "Ma Shan Zheng","Noto Serif SC",serif;margin:.4rem 0 1rem;letter-spacing:.02em}.hero-intro{max-width:31rem;font:500 clamp(1rem,2vw,1.25rem)/1.85 "Noto Serif SC",serif}.hero-meta{display:flex;flex-wrap:wrap;gap:1rem;color:#d9e0ce;font-size:.82rem;margin-top:1.7rem}.hero-meta span{padding-right:1rem;border-right:1px solid rgba(217,182,110,.6)}
.section{padding:clamp(4.5rem,10vw,8rem) 5vw}.split-heading{display:grid;grid-template-columns:1.1fr .65fr;gap:4rem;align-items:end;margin-bottom:3rem}.split-heading h2,.episode-heading h2{font-size:clamp(2rem,5vw,4.2rem);line-height:1.23;margin:.65rem 0 0}.split-heading p,.episode-heading>p{line-height:2;color:#406158}.world-grid{display:grid;grid-template-columns:1.4fr .7fr .7fr;gap:1rem}.world-figure,.scene-card{margin:0;position:relative;overflow:hidden;background:#cdd7c5}.world-figure img{height:100%;object-fit:cover}.world-figure:not(.wide){min-height:270px}.world-figure figcaption{position:absolute;bottom:0;width:100%;padding:2rem 1rem 1rem;color:#fff;background:linear-gradient(transparent,rgba(4,17,21,.85));font-family:"Noto Serif SC",serif}.rule-card{padding:clamp(1.7rem,3vw,2.5rem);display:flex;flex-direction:column;justify-content:end;background:var(--green);color:#edf1df}.rule-card span{font-size:.78rem;color:var(--gold)}.rule-card strong{font:clamp(2rem,4vw,3.4rem)/1.15 "Noto Serif SC",serif;margin:1rem 0}.rule-card p{margin:0;line-height:1.8;font-size:.85rem;color:#dce6cf}
.objects{background:#e3ead9}.object-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#b7c6ae}.object-grid article{padding:2rem;background:#e3ead9;text-align:center}.object-grid img{height:210px;object-fit:contain}.object-grid h3{margin:.7rem 0;font-family:"Noto Serif SC",serif}.object-grid p{margin:0 auto;max-width:15rem;line-height:1.7;color:#527060;font-size:.88rem}
.character-stage{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:1.2rem;background:radial-gradient(circle at 50% 80%,#d7e5ca 0,transparent 55%);padding:1.5rem 4vw 0}.character-stage article{text-align:center}.character-stage img{height:390px;object-fit:contain;object-position:bottom}.character-stage .featured-character img{height:480px}.character-stage h3{font-family:"Noto Serif SC",serif;margin:0}.character-stage p{font-size:.82rem;color:#53705e;margin:.3rem 0 1.5rem}
.settings{background:var(--night);color:#eef0e4}.settings .section-index{color:var(--gold)}.scene-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:1rem}.scene-card{min-height:280px}.scene-card.large{grid-row:span 2;min-height:580px}.scene-card img{height:100%;object-fit:cover}.scene-card figcaption{position:absolute;inset:auto 0 0;padding:3.5rem 1.25rem 1.2rem;background:linear-gradient(transparent,rgba(0,0,0,.86));display:flex;flex-direction:column;gap:.35rem}.scene-card strong{font:500 1.5rem "Noto Serif SC",serif}.scene-card span{font-size:.83rem;color:#d9e0ce}
.episode-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:end;margin-bottom:3rem}.episode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#bbc6b6}.episode-card{min-height:235px;position:relative;overflow:hidden;background:#edf0e5}.episode-card>img{position:absolute;right:0;bottom:0;width:48%;height:100%;object-fit:contain;object-position:bottom right;filter:drop-shadow(-10px 5px 13px rgba(21,40,33,.15))}.episode-copy{position:relative;z-index:1;width:65%;padding:1.55rem}.episode-copy h3{font:500 1.42rem "Noto Serif SC",serif;margin:.3rem 0}.episode-copy p{margin:.55rem 0 0;line-height:1.7;font-size:.8rem;color:#527060}.episode-copy .insect-name{color:#b37b3c;font-weight:700;font-size:.76rem}
.promise{padding:clamp(4.5rem,9vw,7rem) 5vw;display:grid;grid-template-columns:1fr 1fr;gap:4rem;background:#335b4e;color:#eff1df}.promise p{color:#d9b66e;font-size:.78rem;letter-spacing:.12em}.promise h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.4}.promise ul{align-self:end;margin:0;padding-left:1.2rem;line-height:2.1;color:#dfe8d5}footer{padding:1.8rem 5vw;background:#172e27;color:#aac0ae;font-size:.78rem;text-align:center}
button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #fee996;outline-offset:3px}@media (max-width:720px){nav{top:1.2rem;right:1.2rem;gap:.8rem}nav a{font-size:.72rem}.hero-copy{margin-left:1.5rem}.split-heading,.episode-heading,.promise{grid-template-columns:1fr;gap:1.2rem}.world-grid{grid-template-columns:1fr}.world-figure.wide{height:300px}.object-grid{grid-template-columns:1fr}.object-grid article{display:grid;grid-template-columns:120px 1fr;text-align:left;align-items:center}.object-grid img{height:110px;grid-row:span 2}.object-grid p{margin:0}.character-stage{grid-template-columns:repeat(3,1fr);gap:0;padding:0}.character-stage img,.character-stage .featured-character img{height:220px}.character-stage h3{font-size:1rem}.character-stage p{font-size:.68rem}.scene-grid{grid-template-columns:1fr}.scene-card.large{grid-row:auto;min-height:360px}.scene-card{min-height:240px}.episode-grid{grid-template-columns:1fr}.episode-copy{width:67%}.promise{padding-bottom:4rem}.password-row{flex-direction:column;gap:.5rem}.password-row button{padding:1rem}.gate-card{padding:2.5rem 1.5rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Scene catalog and non-overlapping episode layouts. */
.scene-heading{display:grid;grid-template-columns:1.1fr .65fr;gap:4rem;align-items:end;margin:0 0 4.5rem}.scene-heading h2{font-size:clamp(2rem,5vw,4.2rem);line-height:1.23;margin:0}.scene-heading p{margin:0;line-height:2;color:#c8d6ca}.scene-chapter{margin-top:4.5rem}.scene-chapter>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;margin-bottom:1.25rem}.scene-chapter p{margin:0;color:var(--gold);font-size:.78rem;letter-spacing:.12em}.scene-chapter h3{margin:0;font:500 clamp(1.2rem,2.5vw,1.8rem) "Noto Serif SC",serif}.scene-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.scene-card{min-height:300px}.home-scene-grid .scene-card:first-child{grid-column:span 2;min-height:420px}.world-chapter{margin-top:6rem}.world-scene-grid .scene-card{min-height:255px}.episode-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.72fr);align-items:stretch;min-height:310px}.episode-card>img{position:static;grid-column:2;grid-row:1;width:100%;height:100%;padding:1.4rem;object-fit:contain;object-position:center;filter:drop-shadow(-10px 5px 13px rgba(21,40,33,.15))}.episode-copy{grid-column:1;grid-row:1;width:auto;padding:2rem;align-self:center}.episode-copy h3{font-size:clamp(1.35rem,2vw,1.7rem);line-height:1.35}.episode-copy p{font-size:.9rem;line-height:1.85}
@media (max-width:720px){.scene-heading{grid-template-columns:1fr;gap:1.2rem;margin-bottom:3rem}.scene-chapter{margin-top:3.5rem}.scene-chapter>div:first-child{display:block}.scene-chapter h3{margin-top:.55rem}.scene-grid{grid-template-columns:1fr}.home-scene-grid .scene-card:first-child{grid-column:auto;min-height:280px}.scene-card,.world-scene-grid .scene-card{min-height:270px}.character-stage{grid-template-columns:1fr;gap:1px;padding:0;background:none}.character-stage article{display:grid;grid-template-columns:140px 1fr;align-items:center;padding:1rem;text-align:left;background:#e3ead9}.character-stage img,.character-stage .featured-character img{width:140px;height:165px;grid-row:span 2}.character-stage h3{grid-column:2;margin:0}.character-stage p{grid-column:2;margin:.25rem 0 0;font-size:.8rem}.episode-card{grid-template-columns:1fr;min-height:0}.episode-copy{grid-column:1;grid-row:1;padding:1.6rem 1.4rem 1rem}.episode-card>img{grid-column:1;grid-row:2;height:230px;padding:.4rem 1.4rem 1.4rem;object-position:center}.episode-copy p{font-size:.88rem;line-height:1.8}}