:root{--studio:#14181d;--studio2:#20262d;--panel:#29313a;--line:#46515c;--red:#ed534b;--green:#55c98d;--amber:#d8a94c;--paper:#e8ebea;--ink:#202b33;--muted:#6b7880}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#fff;background:var(--studio);font-family:"Segoe UI","Microsoft YaHei UI",sans-serif;line-height:1.68}a{color:inherit;text-decoration:none}img{max-width:100%}.broadcast-shell{width:min(1220px,calc(100% - 48px));margin-inline:auto}
.broadcast-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:rgba(20,24,29,.95);backdrop-filter:blur(14px)}.broadcast-nav{min-height:70px;display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center}.broadcast-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:900}.broadcast-brand img{display:block;width:34px;height:34px;object-fit:contain}.broadcast-links{display:flex;justify-content:center;gap:clamp(18px,3vw,38px);color:#a7b0b7;font-size:13px;font-weight:800}.broadcast-links a:hover{color:#fff}
.broadcast-button{display:inline-flex;align-items:center;justify-content:center;min-width:170px;min-height:50px;padding:0 24px;border:1px solid #b63731;border-radius:2px;color:#fff;background:var(--red);font-weight:900;white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb;transition:transform .2s ease,filter .2s ease}.broadcast-button:hover{filter:brightness(1.07);transform:translateY(-2px)}.broadcast-button--small{min-width:128px;min-height:40px;padding-inline:15px}.broadcast-text-link{color:#b43832;font-weight:900}a:focus-visible,summary:focus-visible{outline:3px solid var(--amber);outline-offset:4px}
.control-room-hero{padding:34px 0;background:#0d1014}.control-room{position:relative;min-height:830px;overflow:hidden;border:1px solid #444e58;background:#1b2027}.studio-strip{display:grid;grid-template-columns:1fr auto 1fr;padding:10px 15px;border-bottom:1px solid var(--line);background:#0a0d10;color:#939da5;font:700 8px Consolas,monospace}.studio-strip b{text-align:center}.studio-strip em{text-align:right;font-style:normal}.program-title{position:absolute;z-index:7;top:72px;left:5%;width:55%}.broadcast-label{margin:0 0 12px;color:var(--red);font-size:9px;font-weight:900;letter-spacing:.14em}.program-title h1,.workflow-layout h2,.timeline-layout h2,.av-layout h2,.device-copy h2,.capability-layout h2,.recovery-layout h2,.guide-layout h2,.faq-layout h2,.callout-layout h2{margin:0;font-family:"Arial Narrow","Microsoft YaHei UI",sans-serif;font-size:clamp(50px,6.1vw,82px);line-height:.96;letter-spacing:-.055em;text-wrap:balance}.program-title>p:not(.broadcast-label){max-width:580px;margin:23px 0;color:#adb6bd}
.monitor-wall{position:absolute;z-index:4;right:4%;bottom:190px;width:51%;height:470px;display:grid;grid-template-columns:1fr 1.7fr 1fr;grid-template-rows:1fr 1fr;gap:7px;padding:9px;border:1px solid #4a5560;background:#101419}.preview-monitor{padding:13px;border:4px solid #303943;background:#232b34}.preview-monitor span,.preview-monitor b{display:block}.preview-monitor span{color:#7f8d98;font-size:8px}.preview-monitor b{margin-top:45px;font-size:10px}.preview-monitor--a{border-top-color:var(--green)}.preview-monitor--b{border-top-color:var(--amber)}.preview-monitor--c{border-top-color:#5f85b7}.preview-monitor--d{border-top-color:var(--red)}.program-monitor{grid-column:2;grid-row:1/3;align-self:center;height:auto;margin:0;padding:0;border:5px solid #303943;border-top-color:var(--red);background:#11161b;overflow:visible;transform:none}.program-monitor figcaption,.device-monitor figcaption{display:flex;justify-content:space-between;padding:8px;border-bottom:1px solid var(--line);color:#8e9aa3;font-size:7px}.program-monitor img,.device-monitor img{display:block;width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;object-fit:contain;object-position:center;clip-path:none;transform:none}
.switcher-desk{position:absolute;z-index:8;right:4%;bottom:55px;left:4%;display:grid;grid-template-columns:repeat(4,1fr) 25px 25px 25px;gap:7px;padding:14px;border:1px solid #4b5660;background:#0f1317}.switcher-desk p{margin:0;padding:9px;border:1px solid #3f4953;background:#242b33}.switcher-desk p span,.switcher-desk p b{display:block}.switcher-desk p span{color:#7f8992;font-size:7px}.switcher-desk p b{font-size:10px}.switcher-desk i{align-self:center;width:18px;height:45px;border-radius:2px;background:#2d3640;box-shadow:inset 0 -10px var(--green)}.switcher-desk i:nth-of-type(2){box-shadow:inset 0 -25px var(--amber)}.switcher-desk i:nth-of-type(3){box-shadow:inset 0 -35px var(--red)}.quality-note{position:absolute;z-index:9;left:5%;bottom:25px;margin:0;color:#6f7a84;font-size:8px}
.workflow-section{padding:clamp(105px,13vw,165px) 0;color:var(--ink);background:var(--paper)}.workflow-layout>header{display:grid;grid-template-columns:.4fr 1.6fr;gap:38px;margin-bottom:65px}.workflow-layout h2,.timeline-layout h2,.av-layout h2,.device-copy h2,.capability-layout h2,.recovery-layout h2,.guide-layout h2,.faq-layout h2{font-size:clamp(40px,5vw,68px)}.workflow-layout ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:5px solid var(--studio)}.workflow-layout li{padding:25px;border-right:1px solid #b9c1c3;border-bottom:1px solid #b9c1c3}.workflow-layout span{color:#b43832;font-size:9px;font-weight:900}.workflow-layout h3{margin:38px 0 8px}.workflow-layout p{color:var(--muted);font-size:12px}
.timeline-section{padding:clamp(100px,12vw,150px) 0;background:#20262d}.timeline-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(50px,8vw,105px)}.program-tracks{border-top:1px solid #4a5560}.program-tracks article{display:grid;grid-template-columns:110px 1fr 1fr;gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid #4a5560}.program-tracks b{color:#ef7771}.program-tracks span{color:#a7b1b9}.program-tracks i{height:10px;background:repeating-linear-gradient(90deg,#5d6b76 0 11%,transparent 11% 13%,#82909b 13% 30%,transparent 30% 33%)}.timeline-layout>p{grid-column:2;color:#9fa9b1;font-size:10px}
.av-check-section{padding:clamp(100px,12vw,150px) 0;color:var(--ink);background:#dfe3e2}.av-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(50px,8vw,105px)}.av-console{display:grid;grid-template-columns:140px 1fr;gap:30px}.audio-meter{padding:18px;border:1px solid #aab4b7;background:#f6f7f5}.audio-meter>span{font-size:9px;font-weight:900}.audio-meter i{display:block;height:17px;margin:6px 0;background:#8f9da2}.audio-meter i:nth-of-type(1),.audio-meter i:nth-of-type(2){background:var(--green)}.audio-meter i:nth-of-type(3){background:var(--amber)}.audio-meter small{color:var(--muted)}.av-console dl{margin:0;border-top:1px solid #abb5b8}.av-console dl>div{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid #abb5b8}.av-console dt{font-weight:900}.av-console dd{margin:0;color:var(--muted)}
.device-studio{padding:clamp(100px,12vw,150px) 0;color:var(--ink);background:#f4f5f3}.device-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(50px,8vw,100px);align-items:center}.device-monitor{align-self:center;height:auto;margin:0;padding:0;border:8px solid #454f58;background:#fff;overflow:visible;transform:none}.device-copy>p:not(.broadcast-label){color:var(--muted)}.device-copy nav{display:flex;flex-wrap:wrap;gap:6px;margin:27px 0}.device-copy nav a{padding:7px 11px;border:1px solid #abb6b9;color:#4b5d67;font-size:9px;font-weight:900}
.media-capability{padding:clamp(100px,12vw,150px) 0;background:#181d23}.capability-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(50px,8vw,105px)}.capability-layout dl{margin:0;border-top:1px solid #434d57}.capability-layout dl>div{display:grid;grid-template-columns:150px 1fr 1fr;gap:25px;padding:19px 0;border-bottom:1px solid #434d57}.capability-layout dt{color:#f0746e;font-weight:900}.capability-layout dd{margin:0;color:#a4aeb6}
.recovery-section{padding:clamp(100px,12vw,150px) 0;color:var(--ink);background:#dfe2e1}.recovery-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(50px,8vw,105px)}.recovery-layout>div{border-top:1px solid #a9b3b6}.recovery-layout article{display:grid;grid-template-columns:120px 1fr 100px;gap:25px;padding:19px 0;border-bottom:1px solid #a9b3b6}.recovery-layout span{font-weight:900}.recovery-layout p{margin:0;color:var(--muted)}.recovery-layout b{color:#b43832;font-size:10px}.recovery-layout>.broadcast-text-link{grid-column:2}
.broadcast-guides{padding:clamp(100px,12vw,150px) 0;color:var(--ink);background:#f4f4f1}.guide-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(50px,8vw,105px)}.guide-layout>div{border-top:1px solid #b7bfc1}.guide-layout article{display:grid;grid-template-columns:65px 1fr 1fr 55px;gap:20px;padding:19px 0;border-bottom:1px solid #b7bfc1}.guide-layout span,.guide-layout a{color:#b43832;font-weight:900}.guide-layout h3,.guide-layout p{margin:0}.guide-layout p{color:var(--muted)}.guide-layout a{text-align:right}
.broadcast-faq{padding:clamp(100px,12vw,150px) 0;color:var(--ink);background:#fff}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(50px,8vw,105px)}.faq-layout>div{border-top:1px solid #b7bfc1}.faq-layout details{border-bottom:1px solid #b7bfc1}.faq-layout summary{padding:20px 0;cursor:pointer;list-style:none;font-weight:900}.faq-layout summary::-webkit-details-marker{display:none}.faq-layout details p{margin:0 0 20px;color:var(--muted)}
.broadcast-callout{padding:72px 0;background:var(--red)}.callout-layout{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end}.callout-layout .broadcast-label{color:#ffd7d4}.callout-layout h2{max-width:18ch}.broadcast-button--light{border-color:#fff;color:#b43832;background:#fff}
.broadcast-footer{padding:52px 0 22px;background:#0b0e12}.footer-layout{display:grid;grid-template-columns:1.5fr .6fr .6fr;gap:46px}.footer-layout h3{margin:0 0 10px;color:#f17771;font-size:12px}.footer-layout>div>a:not(.broadcast-brand){display:block;margin:7px 0;color:#939da5;font-size:12px}.footer-layout>div:first-child p{color:#939da5;font-size:12px}.copyright{grid-column:1/4;margin:20px 0 0;padding-top:18px;border-top:1px solid #343d46;color:#636e78;font-size:10px}
@media(max-width:920px){.program-title{width:62%}.monitor-wall{right:2%;width:55%}.timeline-layout,.av-layout,.device-layout,.capability-layout,.recovery-layout,.guide-layout,.faq-layout{grid-template-columns:1fr}.timeline-layout>p,.recovery-layout>.broadcast-text-link{grid-column:auto}.guide-layout article{grid-template-columns:65px 1fr}.guide-layout p{grid-column:2}.guide-layout a{grid-column:2;text-align:left}}
@media(max-width:680px){.broadcast-shell{width:min(100% - 24px,1220px)}.broadcast-nav{grid-template-columns:auto auto}.broadcast-nav>.broadcast-button{display:none}.broadcast-links{grid-column:1/3;grid-row:2;justify-content:flex-start;overflow-x:auto;padding:10px 0}.control-room{min-height:1130px}.studio-strip{grid-template-columns:1fr auto}.studio-strip em{display:none}.program-title{top:55px;width:90%}.program-title h1{font-size:clamp(44px,13vw,62px)}.monitor-wall{right:5%;bottom:300px;width:90%;height:480px}.preview-monitor{display:none}.program-monitor{grid-column:1/4}.switcher-desk{grid-template-columns:1fr 1fr;bottom:80px}.switcher-desk i{display:none}.workflow-layout>header{grid-template-columns:1fr}.workflow-layout ol{grid-template-columns:1fr}.program-tracks article{grid-template-columns:1fr;gap:6px}.av-console{grid-template-columns:1fr}.capability-layout dl>div{grid-template-columns:1fr;gap:6px}.recovery-layout article{grid-template-columns:1fr;gap:6px}.guide-layout article{grid-template-columns:1fr}.guide-layout p,.guide-layout a{grid-column:auto}.callout-layout{grid-template-columns:1fr}.callout-layout .broadcast-button{width:100%}.footer-layout{grid-template-columns:1fr 1fr}.footer-layout>div:first-child{grid-column:1/3}.copyright{grid-column:1/3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.broadcast-button{transition:none}}
.program-monitor,.device-monitor{align-self:center;height:auto;padding:0;margin-top:0;margin-bottom:0;overflow:visible}.program-monitor img,.device-monitor img{display:block;width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;object-fit:contain;object-position:center;clip-path:none}
