:root{--black:#050706;--cyan:#42edff;--acid:#d8ff36;--smoke:#a4aca8;--steel:#15201d}*{box-sizing:border-box}body{margin:0;background:var(--black);color:#f4f8f6;font-family:"Arial Narrow",Impact,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}.channel-head{border-bottom:1px solid #ffffff21}.channel-head .wrap{height:66px;display:flex;align-items:center;gap:24px}.channel-logo b{font-size:32px;color:var(--acid);font-style:italic}.channel-logo span{font-size:11px;letter-spacing:.2em;margin-left:8px}.channel-head p{margin-left:auto;color:#8f9b96}.channel-head strong{color:var(--cyan);font-size:11px;letter-spacing:.15em}section{padding:84px 0}.code{font-size:11px;font-weight:900;letter-spacing:.2em;color:var(--acid)}.channel-stage{padding:28px 0 72px;background:linear-gradient(120deg,#050706 0 50%,#0c2223)}.stage-wrap{width:min(1320px,calc(100% - 30px));margin:auto;display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:26px}.stage-copy{padding-left:max(0px,calc((100vw - 1160px)/2))}.stage-copy h1{font-size:clamp(58px,8vw,118px);line-height:.86;letter-spacing:-.08em;margin:20px 0;color:#fff}.stage-lead{font-size:clamp(21px,2.8vw,34px);line-height:1.18}.stage-note{color:#aeb9b3}.stage-wrap figure{margin:0;transform:skewX(-2deg);border:1px solid #42edff55}.stage-wrap img{width:100%;display:block;height:auto}.stage-wrap figcaption{font-size:12px;color:#a8b6b0;padding:8px 4px;transform:skewX(2deg)}.meter{display:flex;align-items:center;gap:7px;margin:25px 0}.meter span{font-size:11px}.meter i{width:18px;height:7px;background:var(--acid);transform:skewX(-20deg)}.meter i:nth-of-type(n+4){opacity:.35}.channel-title{display:grid;grid-template-columns:130px 1fr;align-items:start}.channel-title>span{font-size:160px;line-height:.7;color:var(--acid);font-style:italic;font-weight:950}.channel-title h2,.comfort-copy h2,.short-heading h2,.long-channel h2,.visual-language h2,.episode-rhythm h2,.watch-scenes h2,.channel-faq h2{font-size:clamp(36px,5vw,68px);line-height:1;margin:12px 0 30px}.action-channel{background:var(--acid);color:#07100d}.action-channel .code{color:#07100d}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:44px}.action-grid article{background:#07100d;color:#f4f8f6;padding:28px;min-height:270px;position:relative;overflow:hidden}.action-grid em{font-size:72px;color:#d8ff3626;position:absolute;right:12px;top:0;font-style:italic;font-weight:900}.action-grid h3{font-size:27px}.comfort-channel{background:#eef1e9;color:#13201d}.comfort-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}.comfort-copy .code{color:#19747f}.comfort-copy>p:last-child{font-size:18px;color:#4e5b57}.comfort-cards{display:flex;flex-direction:column}.comfort-cards article{padding:20px 0;border-bottom:1px solid #16211e}.comfort-cards h3{font-size:25px;margin:0}.comfort-cards p{color:#56635e}.short-channel{background:#0d2828}.short-heading{max-width:850px}.short-stack{display:grid;grid-template-columns:.7fr 1fr 1.3fr;align-items:stretch;margin-top:44px}.short-stack article{padding:28px;border:1px solid #42edff47;min-height:300px}.short-stack span{color:var(--cyan);font-size:12px;font-weight:900}.short-stack h3{font-size:30px}.short-stack p{color:#b7c8c4}.long-channel{background:#e9ebe4;color:#0d1714}.long-label{display:flex;align-items:end}.long-label span{font-size:110px;font-weight:950;line-height:.8;color:#123f3c}.long-label p{letter-spacing:.2em}.long-rail{display:grid;grid-template-columns:repeat(3,1fr);border-top:8px solid #0d1714}.long-rail article{padding:28px 28px 0 0}.long-rail h3{font-size:28px}.long-rail p{color:#4f5b57}.visual-language{background:#060908}.visual-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:54px}.visual-grid figure{margin:0}.visual-grid img{width:100%;height:auto;display:block}.visual-grid figcaption{color:#8f9d98;font-size:12px;margin-top:8px}.visual-grid dl{margin-top:28px}.visual-grid dl div{display:grid;grid-template-columns:90px 1fr;border-top:1px solid #ffffff26;padding:14px 0}.visual-grid dt{color:var(--acid);font-weight:900}.visual-grid dd{margin:0;color:#b6c1bd}.episode-rhythm{background:var(--cyan);color:#061312}.episode-rhythm .code{color:#061312}.episode-rhythm ol{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:0;list-style:none;counter-reset:beat}.episode-rhythm li{background:#061312;color:white;padding:24px;counter-increment:beat}.episode-rhythm li:before{content:"0" counter(beat);color:var(--cyan);font-weight:900}.episode-rhythm b{display:block;font-size:21px;margin-top:34px}.episode-rhythm p{color:#b6c7c2}.watch-scenes{background:#111714}.watch-scenes>.wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.scene-board{display:grid;grid-template-columns:1fr 1fr}.scene-board div{padding:22px;border-top:1px solid #ffffff2a}.scene-board b{font-size:21px;color:var(--acid)}.scene-board p{color:#abb5b0}.channel-faq{background:#e6e8df;color:#121b18}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.channel-faq .code{color:#236d72}.channel-faq details{border-top:2px solid #101915;padding:19px 0}.channel-faq summary{font-size:19px;font-weight:900;cursor:pointer}.channel-faq details p{color:#4e5954}footer{border-top:1px solid #ffffff2a;padding:30px 0}footer .wrap{display:flex;align-items:center;gap:14px}footer span{font-size:26px;color:var(--acid);font-weight:950}footer p{margin-left:auto;color:#89958f}footer i{font-size:11px;color:#68736e}@media(max-width:850px){.stage-wrap,.comfort-layout,.visual-grid,.watch-scenes>.wrap,.faq-grid{grid-template-columns:1fr}.stage-copy{padding:0 8px}.channel-title{grid-template-columns:70px 1fr}.channel-title>span{font-size:90px}.action-grid,.long-rail,.episode-rhythm ol{grid-template-columns:1fr 1fr}.short-stack{grid-template-columns:1fr}.visual-grid{gap:28px}}@media(max-width:560px){.wrap{width:calc(100% - 24px)}section{padding:58px 0}.channel-head p,.channel-head strong{display:none}.stage-wrap{width:calc(100% - 16px)}.action-grid,.long-rail,.episode-rhythm ol,.scene-board{grid-template-columns:1fr}.stage-copy h1{font-size:57px}.channel-title{display:block}.channel-title>span{font-size:70px}footer .wrap{align-items:flex-start;flex-direction:column}footer p{margin:0}}