:root{--black:#101015;--white:#f5f3ee;--cyan:#00bdd3;--red:#ee315a;--yellow:#f5df3b;--gray:#d8d7d2;--ink:#202027}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:"Arial Narrow","Microsoft YaHei UI",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%}.signal-width{width:min(1220px,calc(100% - 40px));margin-inline:auto}
.switch-header{position:sticky;top:0;z-index:60;border-bottom:2px solid var(--black);background:rgba(245,243,238,.96)}.switch-nav{min-height:68px;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center}.switch-brand{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:900}.switch-brand img{display:block;width:32px;height:32px;object-fit:contain}.switch-links{display:flex;justify-content:center;gap:clamp(16px,3vw,36px);font-size:10px;font-weight:800;letter-spacing:.1em}.switch-links a:hover{color:var(--red)}.switch-get{padding:8px 15px;border:2px solid var(--black);background:var(--yellow);box-shadow:4px 4px 0 var(--cyan);font-size:10px;font-weight:900}
.switch-hero{position:relative;overflow:hidden;min-height:820px;padding:90px 0;color:#fff;background:var(--black)}.scan-field{position:absolute;inset:0;opacity:.11;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px),linear-gradient(90deg,transparent 0 67%,var(--red) 67% 67.2%,transparent 67.2%)}.switch-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr .85fr;gap:75px;align-items:center}.signal-label{margin:0 0 12px;color:var(--cyan);font:700 9px "Courier New",monospace;letter-spacing:.22em}.split-title,.shift-heading h2,.channel-layout h2,.device-copy h2,.guide-shift-grid h2,.support-shift-grid h2,.final-switch h2{margin:0;font-family:Impact,"Arial Black","Microsoft YaHei UI",sans-serif;font-weight:400;line-height:.9;letter-spacing:-.015em}.split-title{position:relative;font-size:clamp(70px,9vw,126px)}.split-title::before,.split-title::after{content:attr(data-text);position:absolute;left:0;overflow:hidden;white-space:nowrap;pointer-events:none}.split-title::before{top:5px;width:74%;height:40%;color:var(--cyan);clip-path:inset(10% 0 48% 0);transform:translateX(-8px)}.split-title::after{top:-4px;width:82%;height:75%;color:var(--red);clip-path:inset(52% 0 18% 0);transform:translateX(9px)}.switch-intro{max-width:530px;margin:30px 0;color:#bebdc6;font-size:12px}.switch-actions{display:flex;gap:10px;align-items:center}.switch-actions a{padding:11px 20px;border:2px solid #fff;font-size:10px;font-weight:900}.switch-actions a:first-child{background:var(--red);box-shadow:5px 5px 0 var(--cyan)}.switch-actions a:last-child{border-color:#66636d;color:#ccc}.clear-preview{position:relative;border:3px solid #fff;background:#292832;box-shadow:12px 12px 0 var(--cyan),-10px -10px 0 var(--red)}.channel-tabs{display:grid;grid-template-columns:1fr auto 1fr;border-bottom:2px solid #fff;font:700 7px "Courier New",monospace}.channel-tabs span,.channel-tabs b{padding:7px;text-align:center}.channel-tabs b{color:var(--black);background:var(--yellow)}.clear-preview figure{align-self:center;height:auto;margin:0;padding:24px 55px 0;overflow:visible}.clear-preview img,.device-clear 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}.preview-caption{display:flex;justify-content:space-between;gap:20px;padding:9px 12px;border-top:2px solid #fff;font-size:8px}.preview-caption small{color:#bcb9c4}.offset-line{position:absolute;z-index:5;display:block;height:7px}.offset-line--one{top:32%;right:-25px;left:55%;background:var(--red)}.offset-line--two{right:64%;bottom:24%;left:-28px;background:var(--cyan)}.truth-strip{grid-column:1/3;display:grid;grid-template-columns:auto 1fr;gap:20px;padding:10px 14px;border:1px solid #55525e;background:#1d1c24;font-size:9px}.truth-strip b{color:var(--yellow)}
.dual-state{padding:clamp(100px,13vw,170px) 0;background:var(--white)}.shift-heading{max-width:960px}.shift-heading h2,.channel-layout h2,.device-copy h2,.guide-shift-grid h2,.support-shift-grid h2{font-size:clamp(48px,6.5vw,82px)}.state-split{display:grid;grid-template-columns:1fr 95px 1fr;align-items:center;margin-top:70px}.state-before,.state-after{min-height:320px;padding:38px;border:3px solid var(--black)}.state-before{box-shadow:-9px 9px 0 var(--cyan);background:#e5f3f1}.state-after{box-shadow:9px -9px 0 var(--red);background:#f3dfe4}.state-before>span,.state-after>span{font:700 9px "Courier New",monospace;letter-spacing:.18em}.state-before h3,.state-after h3{margin:75px 0 15px;font-size:24px}.state-before ul,.state-after ul{margin:0;padding-left:18px;font-size:11px}.state-switch{display:flex;flex-direction:column;align-items:center;gap:7px}.state-switch i{width:1px;height:70px;background:var(--black)}.state-switch b{padding:8px;background:var(--yellow);font-size:10px;transform:rotate(-4deg)}
.channel-section{padding:clamp(100px,13vw,170px) 0;color:#fff;background:#24232b}.channel-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px}.channel-stack article{display:grid;grid-template-columns:75px .65fr 1.35fr;gap:25px;align-items:center;padding:24px 0;border-top:1px solid #64616c}.channel-stack article:last-child{border-bottom:1px solid #64616c}.channel-stack span{color:var(--cyan);font:700 9px "Courier New",monospace}.channel-stack h3,.channel-stack p{margin:0}.channel-stack h3{font-size:17px}.channel-stack p{color:#bbb9c1;font-size:11px}.channel-stack article:nth-child(even){transform:translateX(20px)}.channel-stack article:nth-child(even) span{color:var(--red)}
.device-shift{padding:clamp(100px,13vw,170px) 0;background:var(--yellow)}.device-shift-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:75px;align-items:center}.device-clear{position:relative;align-self:center;height:auto;margin:0;padding:25px;border:3px solid var(--black);background:var(--white);box-shadow:12px 12px 0 var(--red);overflow:visible}.device-clear figcaption{padding-top:12px;text-align:center;font-size:9px}.broken-frame{position:absolute;inset:-15px;pointer-events:none}.broken-frame span{position:absolute;height:8px}.broken-frame span:nth-child(1){top:4%;right:25%;left:-20px;background:var(--cyan)}.broken-frame span:nth-child(2){top:45%;right:-27px;left:72%;background:var(--red)}.broken-frame span:nth-child(3){right:66%;bottom:8%;left:-28px;background:var(--black)}.device-copy .signal-label{color:#a52242}.device-copy p:not(.signal-label){font-size:11px}.device-copy nav{display:flex;flex-wrap:wrap;gap:7px;margin-top:28px}.device-copy nav a{padding:8px 11px;border:2px solid var(--black);background:var(--white);box-shadow:3px 3px 0 var(--cyan);font-size:9px;font-weight:900}
.switch-sequence{padding:clamp(100px,13vw,170px) 0;color:#fff;background:var(--black)}.shift-heading--dark .signal-label{color:var(--red)}.switch-sequence ol{display:grid;grid-template-columns:repeat(4,1fr);margin:65px 0 0;padding:0;list-style:none}.switch-sequence li{position:relative;min-height:260px;padding:30px;border-top:3px solid #fff;border-bottom:3px solid #fff}.switch-sequence li+li{border-left:1px solid #595761}.switch-sequence li:nth-child(odd){transform:translateY(18px)}.switch-sequence li b{font:700 29px "Courier New",monospace;color:var(--cyan)}.switch-sequence li:nth-child(even) b{color:var(--red)}.switch-sequence li div{margin-top:75px}.switch-sequence h3,.switch-sequence p{margin:0}.switch-sequence p{margin-top:8px;color:#b9b6c0;font-size:10px}
.signal-guides{padding:clamp(100px,13vw,170px) 0;background:var(--gray)}.guide-shift-grid{display:grid;grid-template-columns:.5fr 1.5fr;gap:70px}.guide-shift-grid header>a{display:inline-block;margin-top:25px;border-bottom:2px solid var(--black);font-size:10px}.guide-shift-grid>div{border-top:3px solid var(--black)}.guide-shift-grid article{display:grid;grid-template-columns:90px 1.2fr 1fr 45px;gap:20px;align-items:center;padding:22px 0;border-bottom:2px solid var(--black)}.guide-shift-grid article:nth-child(2){transform:translateX(-14px);box-shadow:14px 0 0 var(--red),-8px 0 0 var(--cyan)}.guide-shift-grid span,.guide-shift-grid a{font-size:9px;font-weight:900}.guide-shift-grid h3,.guide-shift-grid p{margin:0}.guide-shift-grid p{font-size:10px;color:#5d5c63}
.error-support{padding:clamp(100px,13vw,170px) 0;background:var(--white)}.support-shift-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.support-shift-grid>div{border-top:3px solid var(--black)}.support-shift-grid details{border-bottom:2px solid var(--black)}.support-shift-grid summary{padding:21px 0;cursor:pointer;list-style:none;font-weight:900}.support-shift-grid summary::-webkit-details-marker{display:none}.support-shift-grid p{margin:0 0 21px;font-size:11px}
.final-switch{position:relative;overflow:hidden;padding:115px 0;color:#fff;background:var(--red)}.final-switch::before{content:"";position:absolute;top:0;right:0;width:42%;height:100%;background:var(--cyan);clip-path:polygon(20% 0,100% 0,100% 100%,0 100%)}.final-switch-inner{position:relative;z-index:2;text-align:center}.final-switch .signal-label{color:var(--yellow)}.final-switch h2{position:relative;font-size:clamp(75px,10vw,130px);text-shadow:7px 5px 0 var(--black)}.final-switch h2::after{content:attr(data-text);position:absolute;inset:0;color:var(--yellow);clip-path:inset(52% 0 27% 0);transform:translateX(9px)}.final-switch a{display:inline-block;margin:35px 0 18px;padding:12px 25px;border:3px solid var(--black);background:var(--yellow);color:var(--black);box-shadow:6px 6px 0 var(--black);font-size:11px;font-weight:900}.final-switch small{display:block;font-size:8px}
.switch-footer{padding:55px 0 20px;color:#fff;background:var(--black)}.switch-footer-grid{display:grid;grid-template-columns:1.5fr .6fr .6fr;gap:50px}.switch-footer-grid>div p{color:#98969f;font-size:10px}.switch-footer-grid nav{display:flex;flex-direction:column;gap:7px}.switch-footer-grid h3{margin:0 0 8px;color:var(--yellow);font-size:10px}.switch-footer-grid nav a{color:#bbb9c1;font-size:10px}.switch-copyline{grid-column:1/4;margin:20px 0 0;padding-top:18px;border-top:1px solid #44424b;color:#77757d;font-size:9px}
@keyframes channel-shift{0%,92%,100%{transform:translateX(-8px)}94%{transform:translateX(4px)}96%{transform:translateX(-2px)}}.split-title::before{animation:channel-shift 6s steps(1,end) infinite}
@media(max-width:900px){.switch-hero-grid{grid-template-columns:1fr}.truth-strip{grid-column:auto}.channel-layout,.guide-shift-grid,.support-shift-grid{grid-template-columns:1fr}.device-shift-grid{grid-template-columns:1fr}.switch-sequence ol{grid-template-columns:1fr 1fr}.guide-shift-grid article{grid-template-columns:90px 1fr}.guide-shift-grid p{grid-column:2}}
@media(max-width:680px){.signal-width{width:min(100% - 22px,1220px)}.switch-nav{grid-template-columns:auto auto}.switch-nav>.switch-get{display:none}.switch-links{grid-column:1/3;grid-row:2;justify-content:flex-start;overflow-x:auto;padding:9px 0}.switch-hero{min-height:1050px}.split-title{font-size:65px}.clear-preview figure{padding:20px 30px 0}.state-split{grid-template-columns:1fr}.state-switch{flex-direction:row;justify-content:center}.state-switch i{width:70px;height:1px}.channel-stack article{grid-template-columns:65px 1fr;transform:none!important}.channel-stack p{grid-column:2}.switch-sequence ol{grid-template-columns:1fr}.switch-sequence li{transform:none!important}.guide-shift-grid article{grid-template-columns:1fr;transform:none!important;box-shadow:none!important}.guide-shift-grid p{grid-column:auto}.switch-footer-grid{grid-template-columns:1fr 1fr}.switch-footer-grid>div{grid-column:1/3}.switch-copyline{grid-column:1/3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.split-title::before{animation:none}}
.clear-preview figure,.device-clear{align-self:center;height:auto;margin-bottom:0;overflow:visible}.clear-preview img,.device-clear 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}