@charset "UTF-8";
:root{
 --bg:#0E1117;--bg-deep:#080A0E;--panel:#161B24;--panel-2:#1B2230;--line:#283140;
 --text:#F1F5F9;--muted:#94A3B8;--primary:#F25C36;--cyan:#38BDF8;--steel:#232B3A;
 --radius:10px;--wrap:1240px;--shadow:0 14px 38px rgba(0,0,0,.18)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Microsoft YaHei","PingFang SC",sans-serif;font-size:15px;line-height:1.7}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
img{display:block;max-width:100%}
.wrap{width:min(var(--wrap),calc(100% - 48px));margin-inline:auto}
.skip-link{position:absolute;left:-9999px;top:8px;background:var(--primary);padding:8px 14px;z-index:100}
.skip-link:focus{left:12px}
.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}
.site-header{height:76px;background:rgba(8,10,14,.96);border-bottom:1px solid rgba(148,163,184,.13);position:sticky;top:0;z-index:30;backdrop-filter:blur(14px)}
.header-inner{width:min(var(--wrap),calc(100% - 48px));height:100%;margin:auto;display:flex;align-items:center;gap:38px}
.brand{display:inline-flex;align-items:center;gap:11px;min-width:190px}
.brand img{width:42px;height:42px;object-fit:contain;border-radius:8px}
.brand span{display:grid;line-height:1.2}
.brand strong{font-size:20px;letter-spacing:.04em}
.brand small{font-size:10px;color:var(--muted);margin-top:5px;letter-spacing:.08em}
.main-nav{display:flex;align-items:center;gap:30px;height:100%;flex:1}
.main-nav a{height:100%;display:flex;align-items:center;color:#A8B2C1;font-size:14px;position:relative;transition:color .2s}
.main-nav a:hover,.main-nav a.nav-active{color:#fff}
.main-nav a.nav-active:after{content:"";height:2px;background:var(--primary);position:absolute;bottom:0;left:0;right:0}
.header-download{border:1px solid rgba(56,189,248,.36);background:rgba(56,189,248,.08);color:#8BD8FA;border-radius:7px;padding:8px 14px;font-size:13px;white-space:nowrap}
.device-dot,.pulse-dot,.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);margin-right:7px;box-shadow:0 0 12px rgba(56,189,248,.6)}
.search-hub{display:grid;grid-template-columns:1.06fr .94fr;gap:56px;align-items:center;padding-top:55px;padding-bottom:42px;min-height:310px}
.eyebrow,.section-kicker{font-size:11px;letter-spacing:.13em;color:var(--cyan);font-weight:700}
.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:15px}
.eyebrow-line{width:22px;height:1px;background:var(--primary)}
.hub-copy h1,.download-hero h1{font-size:clamp(30px,4vw,48px);line-height:1.22;letter-spacing:-.04em;margin:0 0 15px;font-weight:800}
.hub-copy h1 em,.download-hero h1 em{font-style:normal;color:var(--primary)}
.hub-copy>p,.download-hero-copy>p{max-width:560px;color:var(--muted);font-size:14px;margin:0;line-height:1.9}
.hub-actions{display:flex;gap:12px;margin-top:23px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:10px 17px;border-radius:7px;font-size:13px;font-weight:700;transition:transform .2s,background .2s,border-color .2s}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--primary);color:#fff;border:1px solid var(--primary)}
.button-primary:hover{background:#ff704d}
.button-outline{border:1px solid #3A4657;color:#D5DCE6;background:rgba(255,255,255,.015)}
.button-outline:hover{border-color:var(--cyan)}
.button-cyan{background:var(--cyan);color:#07131B}
.search-panel{padding:22px;background:linear-gradient(145deg,#19212D,#131923);border:1px solid #2A3545;border-radius:12px;box-shadow:var(--shadow)}
.search-panel-head{display:flex;align-items:center;gap:12px;margin-bottom:17px}
.search-icon{font-size:31px;line-height:1;color:var(--cyan)}
.search-panel-head div{display:grid}
.search-panel-head strong{font-size:15px}
.search-panel-head small{font-size:11px;color:var(--muted)}
.search-form{display:flex;padding:5px;background:#0D121A;border:1px solid #303B4C;border-radius:8px;gap:6px}
.search-form:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(56,189,248,.1)}
.search-form input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--text);padding:8px 10px;font-size:13px}
.search-form input::placeholder{color:#68778B}
.search-form button{border:0;border-radius:6px;background:var(--primary);color:#fff;padding:8px 19px;font-size:13px;font-weight:700;cursor:pointer}
.search-hints{display:flex;align-items:center;gap:13px;margin-top:13px;font-size:11px;color:var(--muted)}
.search-hints a{color:#C4CEDB}
.search-hints a:hover{color:var(--cyan)}
.hub-device-note{margin-top:19px;padding-top:14px;border-top:1px solid #2A3545;color:#9BA9BB;font-size:11px}
.hub-device-note b{color:#526174;margin:0 8px}
.hub-device-note a{color:var(--cyan)}
.catalog-section{padding-top:20px;padding-bottom:34px}
.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}
.section-kicker{margin-bottom:4px;color:#7E8FA6}
.section-heading h2,.about-section h2,.device-strip h2,.guide-heading h2,.download-back h2{font-size:22px;line-height:1.3;margin:0;letter-spacing:-.025em}
.result-count{font-size:11px;color:var(--muted);padding-bottom:4px}
.result-count b{font-size:15px;color:var(--cyan);margin:0 3px}
.category-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:19px}
.category-chip{padding:6px 15px;border:1px solid #303B4B;border-radius:5px;background:#151B25;color:#AAB6C6;font-size:12px;transition:.2s}
.category-chip:hover{border-color:#68798F;color:#fff}
.category-chip.is-active{background:rgba(242,92,54,.15);border-color:rgba(242,92,54,.65);color:#FF9479}
.search-result-note{font-size:12px;color:var(--muted);margin:-5px 0 16px}
.search-result-note a{color:var(--cyan);margin-left:8px}
.movie-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 15px}
.movie-card{min-width:0;background:transparent}
.poster-link{display:block;position:relative;overflow:hidden;border-radius:7px;background:#202938;aspect-ratio:2/3;border:1px solid rgba(148,163,184,.15)}
.poster{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.movie-card:hover .poster{transform:scale(1.045)}
.poster-shade{position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(4,7,11,.65))}
.poster-status{position:absolute;left:8px;bottom:8px;background:rgba(8,10,14,.78);border:1px solid rgba(255,255,255,.13);border-radius:4px;padding:2px 6px;font-size:10px;color:#E4EAF2}
.movie-info{padding:9px 1px 0}
.movie-meta{display:flex;justify-content:space-between;gap:6px;color:#7F91A8;font-size:10px}
.movie-info h3{font-size:14px;line-height:1.4;margin:3px 0 5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.movie-info p{font-size:11px;color:#8D9BAE;line-height:1.65;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}
.tag-row{display:flex;gap:5px;margin-top:7px;flex-wrap:wrap}
.tiny-tag{font-size:9px;color:#9EACC0;background:#202A38;border-radius:3px;padding:1px 6px}
.empty-state{text-align:center;border:1px dashed #344154;border-radius:12px;padding:55px 20px;color:var(--muted)}
.empty-state>span{font-size:34px;color:var(--cyan)}
.empty-state h3{color:var(--text);margin:8px 0 0}
.empty-state p{font-size:13px;margin:5px 0 18px}
.category-overview{padding-top:10px;padding-bottom:38px}
.compact-heading{margin-bottom:15px}
.category-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.category-feature{display:flex;align-items:center;gap:12px;padding:14px 13px;border-radius:9px;border:1px solid #293342;background:var(--panel);min-width:0;transition:.2s}
.category-feature:hover{border-color:#53647A;transform:translateY(-2px)}
.feature-number{font-size:11px;color:var(--primary);font-weight:800}
.category-feature div{display:grid;min-width:0;flex:1}
.category-feature strong{font-size:14px}
.category-feature small{font-size:10px;color:var(--muted);white-space:nowrap}
.category-feature>b{font-size:16px;color:#65758A}
.device-strip{display:flex;align-items:center;gap:22px;padding:22px 26px;margin-bottom:38px;border:1px solid rgba(56,189,248,.22);border-radius:11px;background:linear-gradient(105deg,rgba(56,189,248,.09),rgba(22,27,36,.96) 54%)}
.device-symbol{width:58px;height:58px;border:1px solid rgba(56,189,248,.4);border-radius:10px;display:grid;place-items:center;position:relative;color:var(--cyan);font-size:28px;flex:none}
.device-symbol i{position:absolute;right:4px;bottom:0;font-style:normal;font-size:15px}
.device-strip-copy{flex:1}
.device-strip h2{font-size:18px;margin:2px 0 4px}
.device-strip p{font-size:12px;color:var(--muted);margin:0}
.about-section{display:flex;gap:20px;align-items:center;padding:0 0 48px;max-width:900px}
.about-mark{width:55px;height:55px;border-radius:12px;display:grid;place-items:center;background:rgba(242,92,54,.13);color:var(--primary);font-size:27px;font-weight:800;flex:none}
.about-section h2{font-size:18px}
.about-section p{font-size:12px;color:var(--muted);margin:7px 0 0;line-height:1.9}
.site-footer{background:var(--bg-deep);border-top:1px solid #202936;padding:29px 0 13px}
.footer-inner,.footer-bottom{width:min(var(--wrap),calc(100% - 48px));margin:auto}
.footer-inner{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:30px;padding-bottom:25px}
.brand-footer{min-width:0}
.brand-footer img{width:38px;height:38px}
.brand-footer strong{font-size:17px}
.footer-brand>p{font-size:11px;color:#78879B;margin:10px 0 0}
.footer-links{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#8F9DB0}
.footer-links strong{color:#E1E7EF;font-size:12px;margin-bottom:4px}
.footer-links a:hover,.footer-bottom a:hover{color:var(--cyan)}
.footer-bottom{border-top:1px solid #202936;padding-top:12px;display:flex;justify-content:space-between;color:#65748A;font-size:10px}
.footer-bottom a{color:#9BA9BB}
.download-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding-top:60px;padding-bottom:48px;min-height:370px}
.download-hero-copy>p{max-width:510px}
.download-hero-copy .button{margin-top:23px}
.device-art{height:260px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}
.screen-glow{position:absolute;width:300px;height:220px;background:radial-gradient(ellipse,rgba(56,189,248,.13),transparent 68%);z-index:-1}
.tv-frame{width:285px;height:177px;border:8px solid #344052;border-radius:10px;background:#080D14;position:relative;box-shadow:0 18px 40px rgba(0,0,0,.4);transform:translate(12px,-4px)}
.tv-screen{height:100%;background:linear-gradient(130deg,#182435,#0D141F 65%,#273144);display:flex;align-items:center;gap:9px;padding:20px}
.tv-screen span{width:53px;height:53px;display:grid;place-items:center;background:var(--primary);border-radius:10px;font-size:27px;font-weight:800}
.tv-screen i{height:65px;flex:1;border-radius:4px;background:linear-gradient(160deg,#33445C,#192433)}
.tv-screen i:nth-of-type(2){background:linear-gradient(160deg,#6D3D34,#27202A)}
.tv-screen i:nth-of-type(3){background:linear-gradient(160deg,#2C687A,#1B2935)}
.tv-stand{position:absolute;left:42%;bottom:-20px;width:45px;height:12px;border-bottom:5px solid #344052;border-left:7px solid transparent;border-right:7px solid transparent}
.phone-frame{position:absolute;width:93px;height:177px;border:5px solid #526176;border-radius:16px;background:#0B1018;right:13%;bottom:12px;box-shadow:0 16px 30px rgba(0,0,0,.45);padding:13px 6px 7px;z-index:2}
.phone-camera{position:absolute;top:4px;left:36px;width:14px;height:3px;background:#526176;border-radius:4px}
.phone-screen{height:100%;border-radius:8px;background:linear-gradient(150deg,#29364A,#111A27);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.phone-screen span{font-size:12px;color:#FF8A6D;font-weight:800}
.phone-screen b{font-size:11px;margin-top:7px}
.phone-screen small{font-size:7px;color:#9DAEC3;margin-top:4px}
.art-label{position:absolute;font-size:10px;padding:4px 9px;border:1px solid #344255;border-radius:4px;background:#151D29;color:#B5C3D4}
.art-label-tv{top:10px;left:12%}
.art-label-app{right:4%;bottom:0;color:var(--cyan);border-color:rgba(56,189,248,.4)}
.download-platforms{padding-bottom:44px}
.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.platform-card{background:var(--panel);border:1px solid #2A3544;border-radius:10px;padding:19px;display:flex;flex-direction:column;min-height:360px}
.platform-card-top{display:flex;justify-content:space-between;align-items:center}
.platform-index{font-size:11px;color:#65758B;font-weight:800}
.platform-badge{font-size:10px;color:var(--cyan);background:rgba(56,189,248,.09);padding:3px 8px;border-radius:4px}
.platform-icon{width:42px;height:42px;display:grid;place-items:center;margin:18px 0 10px;border:1px solid rgba(242,92,54,.35);border-radius:9px;color:var(--primary);font-size:25px}
.platform-icon.icon-tv{color:var(--cyan);border-color:rgba(56,189,248,.35)}
.platform-card h2{font-size:18px;margin:0}
.platform-card h3{font-size:11px;color:#8393A8;font-weight:500;margin:2px 0 9px}
.platform-card>p{font-size:11px;color:#A1AEC0;line-height:1.8;margin:0;min-height:58px}
.platform-card ul{list-style:none;padding:0;margin:13px 0 16px}
.platform-card li{font-size:10px;color:#8392A6;padding:4px 0 4px 15px;position:relative}
.platform-card li:before{content:"";position:absolute;left:1px;top:12px;width:5px;height:5px;border-radius:50%;background:#53647B}
.download-unavailable{margin-top:auto;border-top:1px solid #2B3544;padding-top:12px;font-size:10px;color:#9AA8B9}
.download-unavailable .status-dot{background:#E9A45A;box-shadow:none}
.source-note{font-size:11px;color:#8796AA;line-height:1.8;margin:13px 0 0;padding:11px 14px;background:#141A23;border-left:2px solid #D99A55}
.install-guide{display:grid;grid-template-columns:.85fr 1.15fr;gap:45px;padding-top:28px;padding-bottom:42px;border-top:1px solid #242D3A}
.guide-heading h2{font-size:20px;margin-top:5px}
.guide-list{display:grid;gap:16px}
.guide-list article{display:flex;gap:14px}
.guide-list article>span{font-size:12px;color:var(--primary);font-weight:800;padding-top:2px}
.guide-list h3{font-size:13px;margin:0 0 3px}
.guide-list p{font-size:11px;color:var(--muted);margin:0;line-height:1.8}
.download-back{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#171F2A;border:1px solid #2A3747;border-radius:10px;padding:20px 23px;margin-bottom:42px}
.download-back h2{font-size:17px;margin:2px 0 4px}
.download-back p{font-size:11px;color:var(--muted);margin:0}
.error-page{text-align:center;padding-top:95px;padding-bottom:105px}
.error-code{font-size:clamp(76px,14vw,140px);font-weight:900;line-height:1;color:rgba(242,92,54,.18);letter-spacing:-.08em}
.error-page h1{font-size:25px;margin:12px 0 5px}
.error-page p{font-size:13px;color:var(--muted)}
.error-actions{display:flex;justify-content:center;gap:10px;margin-top:23px}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@media(max-width:1000px){
 .search-hub{gap:28px}.movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .category-feature-grid{grid-template-columns:repeat(2,1fr)}
 .download-hero{gap:20px}.phone-frame{right:7%}
}
@media(max-width:720px){
 .wrap,.header-inner,.footer-inner,.footer-bottom{width:min(100% - 30px,var(--wrap))}
 .site-header{height:66px}.header-inner{gap:12px}
 .brand{min-width:0;gap:8px}.brand img{width:36px;height:36px}.brand strong{font-size:17px}.brand small{font-size:9px}
 .main-nav{gap:14px;justify-content:flex-end}.main-nav a{font-size:12px}
 .header-download{display:none}
 .search-hub{grid-template-columns:1fr;gap:22px;padding-top:34px;padding-bottom:25px}
 .hub-copy h1,.download-hero h1{font-size:34px}
 .hub-copy>p,.download-hero-copy>p{font-size:13px}
 .search-panel{padding:17px}
 .movie-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px 11px}
 .movie-info h3{font-size:12px}.movie-info p{font-size:10px}
 .section-heading h2{font-size:20px}
 .category-feature-grid{gap:8px}
 .category-feature{padding:11px 9px;gap:8px}
 .category-feature small{font-size:9px}
 .device-strip{padding:17px;gap:13px;flex-wrap:wrap}
 .device-symbol{width:47px;height:47px}
 .device-strip-copy{min-width:calc(100% - 65px)}
 .device-strip h2{font-size:16px}.device-strip p{font-size:10px}
 .device-strip .button{margin-left:60px}
 .about-section{align-items:flex-start;gap:13px}
 .about-mark{width:43px;height:43px;font-size:22px}
 .footer-inner{grid-template-columns:1.4fr 1fr;gap:20px}
 .footer-brand{grid-column:1/-1}
 .download-hero{grid-template-columns:1fr;padding-top:37px;padding-bottom:25px;gap:5px}
 .download-hero h1{font-size:32px}
 .device-art{height:210px;max-width:420px;width:100%;margin:auto}
 .tv-frame{width:250px;height:150px}
 .phone-frame{height:157px;right:8%;bottom:5px}
 .platform-grid{grid-template-columns:1fr}
 .platform-card{min-height:0}
 .platform-card>p{min-height:0}
 .install-guide{grid-template-columns:1fr;gap:18px}
 .download-back{align-items:flex-start;flex-direction:column}
 .download-back .button{align-self:flex-start}
}
@media(max-width:420px){
 .main-nav{gap:10px}
 .main-nav a{font-size:11px}
 .movie-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .movie-info h3{font-size:13px}
 .category-feature-grid{grid-template-columns:1fr 1fr}
 .search-hints{gap:9px}
 .footer-bottom{gap:12px;flex-wrap:wrap}
 .error-actions{flex-direction:column;align-items:center}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}
