:root{--ink:#16121d;--paper:#fbf8f2;--red:#e73353;--muted:#6c6670;--line:#ded7d0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;background:var(--paper);color:var(--ink);line-height:1.8}img{max-width:100%;display:block}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,6vw);background:#fff;border-bottom:1px solid var(--line)}.wordmark img{width:116px;height:38px;object-fit:contain}.top-download,.cta{background:var(--red);color:white;text-decoration:none;font-weight:800;border-radius:999px;padding:11px 20px}.intro{text-align:center;padding:85px 24px 20px}.tag{font-size:12px;letter-spacing:.18em;font-weight:900;color:var(--red)}.intro h1{font-size:clamp(40px,6vw,78px);line-height:1.08;max-width:900px;margin:10px auto 22px;letter-spacing:-.035em}.intro-text{max-width:800px;margin:0 auto 26px;color:var(--muted);font-size:18px}.stage{max-width:1040px;margin:55px auto 0}.stage img{width:100%;height:500px;object-fit:contain;background:#f0ece7;border-radius:28px}.stage figcaption,.photo-band figcaption{font-size:12px;color:#837c83;margin-top:7px}.photo-band{max-width:1180px;margin:0 auto;padding:65px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.photo-band figure{margin:0}.photo-band img{width:100%;height:250px;object-fit:contain;background:white;border-radius:16px}.split-copy{max-width:1080px;margin:auto;padding:80px 24px;display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;border-top:1px solid var(--line)}.side-title span{display:inline-block;border-top:3px solid var(--red);padding-top:12px;font-weight:900}.split-copy h2,.flow h2,.reading-layout h2,.checklist h2,.download-box h2,.faq h2{font-size:clamp(30px,4vw,48px);line-height:1.2;margin:0 0 18px}.split-copy p,.reading-layout p,.check-row p{color:var(--muted)}.flow{background:#22192b;color:white;padding:90px max(24px,6vw)}.flow-head{max-width:1100px;margin:auto}.flow-head p{color:#f29aae;font-size:12px;letter-spacing:.18em}.flow-track{max-width:1100px;margin:45px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#4a3f4f}.flow-track article{background:#22192b;padding:28px}.flow-track b{font-size:32px;color:#f29aae}.flow-track h3{margin:32px 0 8px}.flow-track p{color:#c9c0cc;margin:0}.reading-layout{max-width:1180px;margin:auto;padding:100px 24px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.reading-layout figure{margin:0}.reading-layout img{width:100%;max-height:530px;object-fit:contain;background:white;border-radius:24px}.checklist{max-width:980px;margin:auto;padding:30px 24px 90px}.check-row{display:grid;grid-template-columns:160px 1fr;gap:30px;padding:20px 0;border-top:1px solid var(--line)}.check-row span{font-weight:900;font-size:18px}.check-row p{margin:0}.download-box{max-width:1120px;margin:0 auto 90px;padding:65px;text-align:center;background:white;border-radius:30px}.download-box p{max-width:760px;margin:0 auto 24px;color:var(--muted)}.dark{background:var(--ink)}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding:90px max(24px,6vw);background:#fff}.questions details{padding:20px 0;border-top:1px solid var(--line)}summary{font-weight:900;cursor:pointer}.questions p{color:var(--muted)}footer{display:flex;align-items:center;justify-content:space-between;padding:45px max(24px,6vw);background:var(--ink);color:white}footer small{display:block;color:#a99faf;margin-top:4px}footer a{color:white;font-weight:900}.mobile-bar{display:none}
@media(max-width:820px){body{padding-bottom:64px}.top-download{display:none}.intro{padding-top:55px}.intro h1{font-size:40px}.stage img{height:auto;max-height:360px}.photo-band{grid-template-columns:1fr}.photo-band img{height:auto;max-height:330px}.split-copy{grid-template-columns:1fr;gap:20px}.flow-track{grid-template-columns:1fr}.reading-layout{grid-template-columns:1fr;gap:30px}.check-row{grid-template-columns:1fr;gap:4px}.download-box{margin:0 18px 60px;padding:36px 24px}.faq{grid-template-columns:1fr;gap:20px}footer{display:block}.mobile-bar{position:fixed;display:flex;left:0;right:0;bottom:0;height:62px;background:white;border-top:1px solid var(--line);z-index:20;align-items:center;justify-content:space-between;padding:8px 16px;font-weight:900}.mobile-bar a{background:var(--red);color:white;padding:8px 20px;border-radius:999px;text-decoration:none}}
@media(min-width:1600px){.topbar,.flow,.faq,footer{padding-inline:max(24px,calc((100vw - 1240px)/2))}}