@charset "UTF-8";
:root{--accent:#F25C36;--steel:#232B3A;--black:#080A0E;--bg:#0E1117;--panel:#161B24;--panel2:#1B2230;--text:#F1F5F9;--muted:#94A3B8;--cyan:#38BDF8;--line:rgba(148,163,184,.16);--radius:10px;--content:1200px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{color:#fff}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
img{display:block;max-width:100%}
.container{width:min(var(--content),calc(100% - 48px));margin-inline:auto}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:12px;top:-60px;z-index:1000;padding:10px 14px;background:#fff;color:#111;border-radius:6px}
.skip-link:focus{top:10px}
.site-header{height:76px;background:rgba(8,10,14,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;backdrop-filter:blur(16px)}
.header-inner{width:min(var(--content),calc(100% - 48px));height:100%;margin:auto;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:11px;min-width:185px}
.brand img{width:42px;height:42px;object-fit:contain;border-radius:9px}
.brand span{display:flex;flex-direction:column;line-height:1.3}
.brand strong{font-size:19px;letter-spacing:.02em}
.brand small{font-size:10px;color:var(--muted);margin-top:3px;letter-spacing:.04em}
.primary-nav{display:flex;align-items:center;gap:25px;flex:1;justify-content:center}
.primary-nav a{font-size:13px;color:#b7c0ce;white-space:nowrap;transition:color .2s}
.primary-nav a:hover,.primary-nav a:focus-visible{color:var(--accent)}
.header-download{font-size:13px;font-weight:700;color:var(--cyan);border:1px solid rgba(56,189,248,.34);padding:8px 13px;border-radius:7px;white-space:nowrap}
.header-download span{margin-left:6px}
.menu-toggle{display:none;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:7px 10px}
.index-intro{display:grid;grid-template-columns:1.12fr .88fr;gap:60px;align-items:center;padding-top:49px;padding-bottom:47px;min-height:410px}
.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--cyan);font-size:11px;font-weight:750;letter-spacing:.12em}
.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px rgba(242,92,54,.7)}
.intro-copy h1,.download-hero h1{font-size:clamp(32px,4.1vw,48px);line-height:1.23;letter-spacing:-.045em;margin:16px 0 15px;font-weight:820}
.intro-lead{max-width:610px;color:#aab5c5;font-size:15px;line-height:1.95;margin:0}
.intro-actions{display:flex;gap:12px;margin-top:25px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:43px;padding:0 18px;border-radius:7px;font-weight:750;font-size:13px;border:1px solid transparent;cursor:pointer;transition:transform .2s,background .2s,border-color .2s}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--accent);color:#fff;box-shadow:0 7px 22px rgba(242,92,54,.16)}
.button-primary:hover{background:#ff704d;color:#fff}
.button-secondary{background:#1a202b;border-color:var(--line);color:#d9e1eb}
.button-secondary:hover{border-color:rgba(56,189,248,.5);color:#fff}
.button-cyan{background:var(--cyan);color:#07131b}
.button-cyan:hover{background:#70d2ff;color:#07131b}
.intro-note{display:flex;align-items:center;gap:9px;margin-top:22px;color:#7f8da1;font-size:11px}
.note-mark{color:#f4a58f;border:1px solid rgba(242,92,54,.3);padding:1px 6px;border-radius:3px}
.intro-side{position:relative;padding:14px 30px 22px 8px}
.screen-card{max-width:450px;margin-left:auto;background:#121925;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:10px;box-shadow:0 24px 65px rgba(0,0,0,.25);transform:rotate(1deg)}
.screen-top{height:25px;display:flex;align-items:center;gap:5px;padding:0 7px;color:#6e7c91;font-size:9px}
.screen-top>span{width:5px;height:5px;border-radius:50%;background:#495568}
.screen-top b{margin-left:auto;font-weight:500}
.screen-art{height:230px;position:relative;overflow:hidden;border-radius:7px;background:radial-gradient(ellipse at 70% 30%,rgba(242,92,54,.36),transparent 35%),radial-gradient(ellipse at 28% 85%,rgba(56,189,248,.2),transparent 38%),linear-gradient(135deg,#202b3c,#0b1019 70%)}
.screen-art:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.035) 36%,transparent 60%)}
.orbit{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;transform:rotate(-28deg)}
.orbit-one{width:330px;height:145px;left:65px;top:45px}
.orbit-two{width:250px;height:105px;left:104px;top:64px;border-color:rgba(242,92,54,.28)}
.screen-symbol{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);font-size:72px;font-weight:900;color:#f5a18a;text-shadow:0 0 45px rgba(242,92,54,.42)}
.screen-caption{position:absolute;left:22px;bottom:19px;display:flex;flex-direction:column}
.screen-caption small{color:#a7b6c8;font-size:10px}
.screen-caption strong{font-size:19px;letter-spacing:-.03em}
.screen-bottom{display:flex;justify-content:space-between;padding:11px 7px 3px;color:#8b99ac;font-size:10px}
.screen-bottom i{font-style:normal;color:var(--cyan)}
.floating-chip{position:absolute;bottom:0;left:-4px;display:flex;align-items:center;gap:11px;background:#202938;border:1px solid rgba(148,163,184,.22);padding:11px 15px;border-radius:9px;box-shadow:0 12px 32px rgba(0,0,0,.25)}
.chip-icon{font-size:25px;color:var(--cyan);line-height:1}
.floating-chip span:last-child{display:flex;flex-direction:column}
.floating-chip b{font-size:12px}
.floating-chip small{font-size:10px;color:var(--muted)}
.catalog-section{padding-top:31px;padding-bottom:42px;border-top:1px solid var(--line)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:19px}
.section-kicker{font-size:10px;color:var(--accent);letter-spacing:.13em}
.section-heading h2,.device-copy h2,.about-section h2,.return-panel h2{font-size:25px;letter-spacing:-.035em;margin:4px 0 2px;line-height:1.35}
.section-heading p{margin:4px 0 0;color:var(--muted);font-size:12px}
.result-count{color:#8e9bae;font-size:11px;border:1px solid var(--line);padding:5px 10px;border-radius:4px}
.search-panel{display:flex;gap:9px;max-width:620px;margin:19px 0 17px}
.search-field{display:flex;align-items:center;gap:10px;flex:1;background:#171e29;border:1px solid rgba(148,163,184,.19);border-radius:7px;padding:0 13px;min-width:0}
.search-field:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(56,189,248,.08)}
.search-icon{font-size:22px;color:var(--cyan)}
.search-field input{width:100%;height:43px;background:transparent;border:0;outline:0;color:var(--text);font-size:13px}
.search-field input::placeholder{color:#718096}
.button-search{background:#263447;color:#dff5ff;border-color:rgba(56,189,248,.2);padding-inline:17px}
.button-search:hover{background:#30465f}
.category-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:19px}
.category-tab{font-size:12px;color:#aab6c7;background:#1a202b;border:1px solid rgba(148,163,184,.12);padding:6px 15px;border-radius:4px;transition:.2s}
.category-tab:hover{border-color:rgba(242,92,54,.45);color:#fff}
.category-tab.is-active{background:rgba(242,92,54,.14);border-color:rgba(242,92,54,.5);color:#ff967c}
.poster-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 15px}
.poster-card{min-width:0;background:var(--panel);border:1px solid rgba(148,163,184,.1);border-radius:9px;overflow:hidden;transition:transform .22s,border-color .22s}
.poster-card:hover{transform:translateY(-4px);border-color:rgba(56,189,248,.35)}
.poster-link{display:block}
.poster-frame{position:relative;aspect-ratio:2/3;background:linear-gradient(145deg,#273247,#10151d);overflow:hidden}
.poster-frame:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(5,8,13,.72))}
.poster-frame img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.poster-card:hover .poster-frame img{transform:scale(1.045)}
.poster-type,.poster-status{position:absolute;z-index:1;top:9px;font-size:9px;padding:3px 6px;border-radius:3px;background:rgba(8,10,14,.78);backdrop-filter:blur(5px)}
.poster-type{left:8px;color:#dbeafe}
.poster-status{right:8px;color:#ffd1c5}
.poster-info{padding:10px 10px 7px}
.poster-info h3{font-size:14px;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.poster-meta{display:flex;gap:10px;color:#8d9bb0;font-size:10px}
.poster-info p{font-size:10px;line-height:1.65;color:#9ba8b9;margin:7px 0 2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:33px}
.poster-foot{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-top:1px solid rgba(148,163,184,.1);font-size:9px;color:#8391a5}
.poster-foot a{color:var(--cyan)}
.poster-foot a:hover{color:#a6e5ff}
.empty-state{text-align:center;padding:58px 20px;background:#151b25;border:1px dashed var(--line);border-radius:10px}
.empty-icon{font-size:35px;color:var(--cyan)}
.empty-state h3{margin:5px 0;font-size:18px}
.empty-state p{color:var(--muted);font-size:13px;margin:0 0 18px}
.detail-list-section{padding:18px 0 45px}
.detail-list{border-top:1px solid var(--line)}
.detail-row{display:grid;grid-template-columns:48px 1fr 90px;gap:16px;align-items:center;padding:17px 4px;border-bottom:1px solid var(--line);scroll-margin-top:95px}
.detail-index{font-size:20px;font-weight:800;color:#536176;font-variant-numeric:tabular-nums}
.detail-title-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.detail-title-line h3{font-size:15px;margin:0}
.badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:3px;font-size:9px;background:rgba(242,92,54,.12);color:#ff9b81}
.badge-blue{background:rgba(56,189,248,.1);color:#71d3ff}
.detail-year{font-size:10px;color:#8492a6}
.detail-main p{font-size:11px;color:#98a5b6;margin:5px 0 0}
.detail-region{text-align:right;color:#8290a4;font-size:11px}
.data-disclaimer{color:#69788d;font-size:10px;margin:13px 0 0}
.device-strip{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center;padding:31px;background:linear-gradient(120deg,#182230,#141a24);border:1px solid rgba(56,189,248,.16);border-radius:12px;margin-bottom:42px}
.device-copy h2{font-size:24px;margin:7px 0 8px}
.device-copy p{font-size:12px;color:#9ba9ba;line-height:1.9;margin:0 0 15px}
.text-link{font-size:12px;color:var(--cyan);font-weight:700}
.text-link span{margin-left:5px}
.device-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.device-card{background:rgba(8,12,19,.48);border:1px solid rgba(148,163,184,.12);padding:15px 12px;border-radius:8px;min-height:155px}
.device-symbol{display:block;font-size:24px;color:var(--cyan);margin-bottom:8px}
.device-card h3{font-size:12px;margin:0 0 5px}
.device-card p{font-size:10px;line-height:1.7;color:#8e9caf;margin:0;min-height:54px}
.device-card small{display:inline-block;margin-top:9px;color:#f4a18a;font-size:9px}
.about-section{display:grid;grid-template-columns:180px 1fr;gap:35px;padding:9px 0 55px;align-items:start}
.about-mark{font-size:29px;font-weight:900;letter-spacing:.08em;color:transparent;-webkit-text-stroke:1px rgba(242,92,54,.65);padding-top:7px}
.about-section h2{font-size:19px;margin:0 0 8px}
.about-section p{font-size:11px;color:#8997aa;line-height:1.9;margin:5px 0}
.site-footer{background:#080a0e;border-top:1px solid var(--line);padding:30px 0 0}
.footer-main,.footer-bottom{width:min(var(--content),calc(100% - 48px));margin:auto}
.footer-main{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:45px;padding-bottom:27px}
.brand-footer{min-width:0}
.brand-footer img{width:38px;height:38px}
.brand-footer strong{font-size:17px}
.footer-brand p{max-width:380px;color:#77869b;font-size:11px;line-height:1.9;margin:13px 0 0}
.footer-links{display:flex;flex-direction:column;gap:7px}
.footer-links strong{font-size:12px;margin-bottom:4px}
.footer-links a{font-size:11px;color:#8290a4}
.footer-links a:hover{color:var(--cyan)}
.footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:13px 0;color:#66758a;font-size:9px}
.download-hero{display:grid;grid-template-columns:1fr .9fr;gap:55px;align-items:center;padding-top:65px;padding-bottom:63px;min-height:390px}
.download-hero h1{font-size:clamp(31px,4vw,45px);max-width:610px}
.download-hero-copy>p{max-width:590px;color:#a5b1c1;font-size:14px;line-height:2;margin:0 0 22px}
.download-visual{height:270px;position:relative;display:flex;align-items:center;justify-content:center;gap:28px}
.visual-glow{position:absolute;width:250px;height:180px;border-radius:50%;background:rgba(56,189,248,.12);filter:blur(55px);z-index:-1}
.device{position:relative;border:3px solid #46546a;background:#0a0e15;box-shadow:0 22px 50px rgba(0,0,0,.4)}
.device-phone{width:108px;height:210px;border-radius:18px;padding:8px;transform:rotate(-8deg);z-index:2}
.device-camera{position:absolute;top:5px;left:50%;transform:translateX(-50%);width:35px;height:6px;border-radius:0 0 5px 5px;background:#46546a;z-index:2}
.device-display{height:100%;border-radius:11px;background:radial-gradient(circle at 60% 25%,rgba(242,92,54,.5),transparent 42%),linear-gradient(145deg,#202d40,#10151f);display:flex;flex-direction:column;align-items:center;justify-content:center}
.device-display span,.tv-display span{font-size:45px;color:#f7a38b;font-weight:900}
.device-display b,.tv-display b{font-size:13px}
.device-display small,.tv-display small{font-size:9px;color:#9daabd;margin-top:5px}
.device-tv{width:260px;height:160px;border-radius:9px;padding:7px;transform:rotate(4deg);z-index:1}
.tv-display{height:100%;border-radius:4px;background:radial-gradient(circle at 68% 28%,rgba(56,189,248,.24),transparent 38%),linear-gradient(130deg,#263044,#10151d);display:flex;flex-direction:column;align-items:center;justify-content:center}
.tv-display span{font-size:40px}
.tv-stand{position:absolute;bottom:-17px;left:50%;transform:translateX(-50%);width:55px;height:15px;border-bottom:5px solid #46546a;border-left:5px solid transparent;border-right:5px solid transparent}
.client-section{padding:28px 0 45px;border-top:1px solid var(--line)}
.client-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}
.client-card{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:23px 24px}
.client-card-top{display:flex;justify-content:space-between;align-items:center}
.client-icon{font-size:31px;color:var(--cyan)}
.client-card h2{font-size:21px;margin:11px 0 0}
.client-alias{font-size:11px;color:var(--cyan);margin:2px 0 10px}
.client-card>p{font-size:12px;color:#9aa8b9;line-height:1.85;min-height:44px}
.availability{display:flex;align-items:center;gap:10px;background:#101720;border:1px solid rgba(242,92,54,.17);padding:11px 13px;border-radius:7px;margin:16px 0}
.availability-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px rgba(242,92,54,.4)}
.availability div{display:flex;flex-direction:column}
.availability strong{font-size:11px}
.availability small{font-size:10px;color:#e5a18f;margin-top:2px}
.client-card h3{font-size:12px;margin:16px 0 8px}
.check-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.check-list li{font-size:11px;color:#a0adbd}
.check-list li span{color:var(--cyan);margin-right:8px}
.download-disabled{margin-top:18px;text-align:center;padding:10px;border-radius:6px;background:#222a37;color:#8795a8;font-size:11px;border:1px solid rgba(148,163,184,.12)}
.download-notice{display:flex;gap:13px;margin-top:17px;padding:17px 19px;background:rgba(242,92,54,.07);border:1px solid rgba(242,92,54,.2);border-radius:8px}
.notice-icon{width:22px;height:22px;flex:0 0 22px;border:1px solid rgba(242,92,54,.6);border-radius:50%;color:#ff9a7d;text-align:center;line-height:20px;font-weight:800}
.download-notice strong{font-size:12px;color:#f1c0b3}
.download-notice p{font-size:11px;line-height:1.8;color:#a99a9a;margin:4px 0 0}
.install-section{padding:5px 0 43px}
.install-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.install-steps article{background:#151b25;border:1px solid var(--line);border-radius:9px;padding:18px}
.step-no{font-size:23px;font-weight:850;color:rgba(56,189,248,.6);font-variant-numeric:tabular-nums}
.install-steps h3{font-size:14px;margin:7px 0 5px}
.install-steps p{font-size:11px;color:#94a2b4;line-height:1.85;margin:0}
.return-panel{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:23px 27px;margin-bottom:45px;border-radius:10px;background:linear-gradient(110deg,#1b2634,#171d28);border:1px solid rgba(56,189,248,.15)}
.return-panel h2{font-size:20px;margin:4px 0}
.return-panel p{font-size:11px;color:#95a3b5;margin:0}
.error-page{min-height:520px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.error-code{font-size:100px;line-height:1;font-weight:900;color:rgba(242,92,54,.22);letter-spacing:-.08em}
.error-page h1{font-size:31px;margin:10px 0}
.error-page p{max-width:550px;color:var(--muted);font-size:13px;margin:0 0 22px}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@media(max-width:1050px){.primary-nav{gap:14px}.poster-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.index-intro{gap:28px}.device-strip{gap:24px;padding:25px}.device-cards{gap:7px}}
@media(max-width:860px){.site-header{height:68px}.header-inner{gap:12px}.brand{margin-right:auto}.menu-toggle{display:block;font-size:11px}.header-download{font-size:11px;padding:7px 9px}.primary-nav{display:none;position:absolute;left:0;right:0;top:67px;padding:14px 24px 18px;background:#0b0e14;border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:9px}.primary-nav.is-open{display:grid}.primary-nav a{padding:8px;background:#151c27;border-radius:5px;text-align:center}.index-intro{grid-template-columns:1fr .8fr;padding-top:38px;min-height:350px}.intro-copy h1{font-size:35px}.screen-art{height:190px}.poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.device-strip{grid-template-columns:1fr}.device-cards{grid-template-columns:repeat(3,1fr)}.download-hero{gap:20px}.download-visual{transform:scale(.88)}}
@media(max-width:600px){.container,.header-inner,.footer-main,.footer-bottom{width:calc(100% - 30px)}.brand{min-width:0}.brand img{width:36px;height:36px}.brand strong{font-size:17px}.brand small{font-size:9px}.header-inner{gap:8px}.header-download{font-size:0;padding:8px 10px}.header-download span{font-size:14px;margin:0}.menu-toggle{font-size:10px;padding:7px}.primary-nav{padding-inline:15px}.index-intro{display:block;padding-top:35px;padding-bottom:30px}.intro-copy h1{font-size:32px}.intro-lead{font-size:13px}.intro-actions{gap:8px}.button{font-size:11px;min-height:40px;padding-inline:13px}.intro-note{font-size:10px}.intro-side{margin:25px 0 12px;padding:0 10px 12px}.screen-card{max-width:none}.screen-art{height:165px}.screen-symbol{font-size:58px}.floating-chip{left:-3px;bottom:-3px}.section-heading h2{font-size:21px}.section-heading p{font-size:10px}.search-panel{gap:6px}.search-field{padding-inline:9px}.search-field input{font-size:11px}.button-search{padding-inline:11px}.category-tabs{gap:5px}.category-tab{padding:6px 12px;font-size:11px}.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 9px}.poster-info{padding:8px 7px 5px}.poster-info h3{font-size:12px}.poster-info p{font-size:9px;min-height:30px}.poster-foot{padding:7px;font-size:8px}.poster-type,.poster-status{font-size:8px;top:6px}.poster-type{left:5px}.poster-status{right:5px}.detail-row{grid-template-columns:30px 1fr;gap:10px;padding:13px 0}.detail-index{font-size:16px}.detail-region{display:none}.detail-main p{font-size:10px}.device-strip{padding:19px 15px;margin-bottom:32px}.device-copy h2{font-size:21px}.device-cards{grid-template-columns:1fr;gap:8px}.device-card{min-height:0;display:grid;grid-template-columns:30px 1fr;column-gap:10px;padding:11px}.device-symbol{grid-row:span 3;margin:0;font-size:21px}.device-card p{min-height:0}.device-card small{margin-top:5px}.about-section{grid-template-columns:1fr;gap:7px;padding-bottom:35px}.about-mark{font-size:22px}.footer-main{grid-template-columns:1fr 1fr;gap:22px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:4px}.download-hero{display:flex;flex-direction:column;align-items:stretch;padding-top:40px;padding-bottom:25px;gap:5px}.download-hero h1{font-size:32px}.download-hero-copy>p{font-size:12px}.download-visual{height:225px;transform:scale(.82);transform-origin:center top;margin-bottom:-30px}.client-grid{grid-template-columns:1fr}.client-card{padding:18px}.client-card>p{min-height:0}.install-steps{grid-template-columns:1fr}.install-steps article{padding:14px}.return-panel{align-items:flex-start;flex-direction:column;padding:19px;margin-bottom:30px}.return-panel h2{font-size:18px}.error-page{min-height:430px}.error-code{font-size:78px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* 细节状态与布局补充 */
.poster-card:focus-within{border-color:var(--cyan)}
.poster-link:focus-visible{outline-offset:-3px}
.category-tab:focus-visible,.button:focus-visible,.header-download:focus-visible{outline-offset:3px}
.search-panel button:active{transform:translateY(1px)}
.detail-row:target{background:rgba(56,189,248,.045)}
.device-card{transition:border-color .2s,background .2s}
.device-card:hover{border-color:rgba(56,189,248,.28);background:rgba(8,12,19,.72)}
.client-card{transition:border-color .2s,transform .2s}
.client-card:hover{border-color:rgba(56,189,248,.28);transform:translateY(-2px)}
.install-steps article{position:relative;overflow:hidden}
.install-steps article:after{content:"";position:absolute;right:-30px;bottom:-45px;width:110px;height:110px;border:1px solid rgba(56,189,248,.09);border-radius:50%}
.footer-links a:focus-visible,.text-link:focus-visible{outline-offset:4px}
@media(min-width:1400px){.index-intro{padding-top:58px;padding-bottom:58px}.poster-grid{gap:24px 17px}}
@media(max-width:380px){.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-copy h1{font-size:29px}.section-heading{align-items:flex-start}.result-count{font-size:9px}.device-tv{width:220px}.download-visual{gap:15px}}
@media print{.site-header,.site-footer,.intro-actions,.search-panel,.category-tabs,.button{display:none!important}body{background:#fff;color:#111}.poster-card,.client-card,.device-strip{break-inside:avoid;background:#fff;border:1px solid #ddd}.poster-info p,.detail-main p,.about-section p{color:#333}}