@charset "UTF-8";
:root{color-scheme:dark;--bg:#0E1117;--panel:#161B24;--panel2:#1b2230;--line:#293241;--text:#F1F5F9;--muted:#94A3B8;--primary:#F25C36;--cyan:#38BDF8;--radius:10px;--content:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
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.65}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.skip-link{position:absolute;left:12px;top:-60px;padding:8px 14px;background:var(--primary);color:white;z-index:100}
.skip-link:focus{top:10px}
.site-header{height:72px;background:#080A0E;border-bottom:1px solid #202733;position:sticky;top:0;z-index:30}
.header-inner{max-width:var(--content);height:100%;margin:auto;padding:0 24px;display:flex;align-items:center;gap:44px}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:21px;font-weight:800;letter-spacing:.02em;white-space:nowrap}
.brand img{width:38px;height:38px;object-fit:contain;border-radius:8px}
.main-nav{height:100%;display:flex;align-items:center;gap:28px;flex:1}
.main-nav a{height:100%;display:flex;align-items:center;color:var(--muted);font-weight:600;position:relative}
.main-nav a:hover,.main-nav a.active{color:#fff}
.main-nav a.active:after{content:"";position:absolute;height:3px;bottom:0;left:0;right:0;background:var(--primary);border-radius:3px 3px 0 0}
.header-download{padding:9px 15px;border:1px solid #344153;border-radius:7px;color:var(--cyan);font-weight:700}
.header-download:hover{border-color:var(--cyan);background:#102331}
.page-shell{max-width:var(--content);margin:auto;padding:28px 24px 64px}
.discovery-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px 0 24px}
.brand-line,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);font-size:12px;font-weight:700;letter-spacing:.04em}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 12px #F25C3680}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(25px,3vw,34px);line-height:1.3;letter-spacing:-.035em;margin:10px 0 9px}
.intro-copy p,.download-hero p{color:var(--muted);margin:0;max-width:680px}
.device-shortcut{display:flex;align-items:center;gap:12px;min-width:220px;padding:12px 15px;background:var(--panel);border:1px solid var(--line);border-radius:9px}
.device-shortcut:hover{border-color:var(--cyan)}
.device-icon{font-size:25px;color:var(--cyan)}
.device-shortcut strong,.device-shortcut small{display:block}
.device-shortcut small{font-size:11px;color:var(--muted)}
.device-shortcut b{margin-left:auto;color:var(--cyan);font-size:20px}
.search-panel{padding:15px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:30px}
.search-form{height:48px;display:flex;align-items:center;gap:12px;background:#0E131C;border:1px solid #303b4b;border-radius:7px;padding:4px 5px 4px 14px}
.search-symbol{font-size:27px;color:var(--cyan);line-height:1}
.search-form input{min-width:0;flex:1;background:transparent;border:0;outline:0;color:var(--text)}
.search-form input::placeholder{color:#718096}
.search-form button,.button{border:0;border-radius:6px;padding:10px 17px;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.search-form button,.button-primary{background:var(--primary);color:white}
.search-form button:hover,.button-primary:hover{background:#ff704c}
.category-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px}
.category-chip{padding:5px 14px;border:1px solid transparent;border-radius:4px;background:#232B3A;color:#b8c4d4;font-size:13px}
.category-chip:hover{border-color:#52627a;color:#fff}
.category-chip.selected{background:#51291f;border-color:#a8472f;color:#ffb19d}
.catalog-section{margin-top:28px}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:17px}
.section-heading h2,.shelf-copy h2,.about-strip h2,.install-notes h2{font-size:22px;letter-spacing:-.025em;margin:3px 0 3px}
.section-heading p,.shelf-copy>p{font-size:13px;color:var(--muted);margin:0}
.result-count{font-size:12px;color:var(--muted);border:1px solid var(--line);padding:5px 10px;border-radius:5px}
.movie-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 15px}
.movie-card{min-width:0;background:var(--panel);border:1px solid #222b38;border-radius:9px;overflow:hidden;transition:border-color .2s,transform .2s}
.movie-card:hover{border-color:#46566c;transform:translateY(-2px)}
.poster-wrap{position:relative;aspect-ratio:2/3;background:#202735;overflow:hidden}
.poster{width:100%;height:100%;display:block;object-fit:cover;color:var(--muted);font-size:12px}
.poster-badge{position:absolute;left:8px;bottom:8px;background:#080a0edb;border:1px solid #ffffff24;border-radius:4px;padding:3px 7px;font-size:10px;color:#e4edf8}
.movie-info{padding:11px 12px 13px}
.movie-info h3{font-size:15px;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.movie-meta{font-size:11px;color:var(--cyan);margin:0 0 7px}
.movie-summary{font-size:12px;line-height:1.65;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:39px}
.empty-state{text-align:center;padding:55px 20px;background:var(--panel);border:1px dashed #344153;border-radius:10px}
.empty-state>span{font-size:38px;color:var(--cyan)}
.empty-state h3{margin:8px 0}
.empty-state p{color:var(--muted);font-size:13px}
.category-shelves{margin-top:38px;padding:22px;background:#121822;border:1px solid var(--line);border-radius:10px}
.shelf-copy{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:17px}
.shelf-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.shelf-list>a{display:flex;align-items:center;gap:10px;padding:13px;background:var(--panel);border:1px solid #283342;border-radius:7px}
.shelf-list>a:hover{border-color:var(--primary)}
.shelf-symbol{width:34px;height:34px;display:grid;place-items:center;background:#39251f;color:#ff9b7e;border-radius:6px;font-weight:800}
.shelf-list strong,.shelf-list small{display:block}
.shelf-list strong{font-size:13px}
.shelf-list small{font-size:10px;color:var(--muted)}
.shelf-list b{margin-left:auto;color:var(--cyan)}
.cross-device-banner{margin-top:30px;padding:22px 24px;display:flex;align-items:center;gap:18px;background:linear-gradient(110deg,#17212c,#17202b 65%,#142a36);border:1px solid #2a4655;border-radius:10px}
.cross-device-mark{width:52px;height:52px;display:grid;place-items:center;border-radius:9px;background:#153449;color:var(--cyan);font-size:29px}
.cross-device-banner>div:nth-child(2){flex:1}
.cross-device-banner h2{font-size:19px;margin:2px 0 3px}
.cross-device-banner p{font-size:12px;color:var(--muted);margin:0}
.button-cyan{background:var(--cyan);color:#07131b;white-space:nowrap}
.button-cyan:hover{background:#72d4ff}
.about-strip{margin-top:30px;padding:19px 0;border-top:1px solid var(--line)}
.about-strip h2{font-size:17px}
.about-strip p{font-size:13px;color:var(--muted);line-height:1.9;margin:0;max-width:1000px}
.site-footer{background:#080A0E;border-top:1px solid #202733}
.footer-inner{max-width:var(--content);margin:auto;padding:28px 24px 20px;display:grid;grid-template-columns:1fr auto;gap:14px 30px}
.footer-brand p{font-size:12px;color:var(--muted);margin:9px 0 0}
.footer-brand .brand{font-size:18px}
.footer-brand .brand img{width:32px;height:32px}
.footer-links{display:flex;gap:22px;align-items:center;color:#aab6c5;font-size:12px}
.footer-links a:hover{color:var(--cyan)}
.copyright{grid-column:1/-1;border-top:1px solid #1e2631;padding-top:14px;margin:3px 0 0;color:#697789;font-size:11px}
.breadcrumbs{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:12px;margin:2px 0 22px}
.breadcrumbs a:hover{color:var(--cyan)}
.download-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:35px 38px;background:linear-gradient(115deg,#1b202b,#15212b);border:1px solid #303b4b;border-radius:12px}
.download-hero h1{max-width:620px}
.download-hero p{max-width:620px;margin-bottom:20px}
.download-visual{position:relative;width:230px;height:150px;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--cyan)}
.device-phone{font-size:80px;line-height:1;transform:rotate(-7deg)}
.device-tv{font-size:104px;line-height:1}
.download-visual span{position:absolute;bottom:0;font-size:11px;color:var(--muted);letter-spacing:.15em}
.download-options{margin-top:36px}
.device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.device-card{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:10px}
.device-card-icon{font-size:30px;color:var(--cyan);height:42px}
.tv-icon{font-size:38px}
.device-label{font-size:11px;color:var(--cyan)}
.device-card h3{font-size:19px;margin:5px 0 8px}
.device-card>p{font-size:13px;color:var(--muted);min-height:43px}
.device-card ul{padding-left:18px;color:#bdc8d7;font-size:12px;line-height:2}
.download-unavailable{margin-top:18px;padding:12px 14px;background:#10151d;border:1px dashed #465365;border-radius:7px}
.download-unavailable strong,.download-unavailable small{display:block}
.download-unavailable strong{font-size:13px;color:#ffb08f}
.download-unavailable small{font-size:11px;color:var(--muted);margin-top:3px}
.install-notes{margin-top:38px;padding:24px;background:#121822;border:1px solid var(--line);border-radius:10px}
.note-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:18px}
.note-list article{display:flex;gap:12px}
.note-list article>b{font-size:21px;color:var(--primary);font-variant-numeric:tabular-nums}
.note-list h3{font-size:14px;margin:2px 0 5px}
.note-list p{font-size:12px;color:var(--muted);margin:0}
.back-to-catalog{margin-top:28px;padding:20px 23px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#191f2a;border-radius:9px}
.back-to-catalog h2{font-size:17px;margin:0 0 3px}
.back-to-catalog p{font-size:12px;color:var(--muted);margin:0}
.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}
@media(min-width:1100px){.movie-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:760px){.header-inner{padding:0 16px;gap:20px}.site-header{height:64px}.brand{font-size:18px}.brand img{width:34px;height:34px}.main-nav{gap:15px}.main-nav a{font-size:13px}.header-download{font-size:12px;padding:7px 9px}.page-shell{padding:22px 16px 45px}.discovery-head{align-items:flex-start}.device-shortcut{min-width:auto;padding:9px}.device-shortcut small{display:none}.device-shortcut .device-icon{font-size:21px}.movie-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 10px}.shelf-list{grid-template-columns:repeat(2,minmax(0,1fr))}.cross-device-banner{align-items:flex-start;flex-wrap:wrap}.cross-device-banner>div:nth-child(2){min-width:calc(100% - 75px)}.cross-device-banner .button{margin-left:70px}.download-hero{padding:25px;gap:12px}.download-visual{width:155px;transform:scale(.8);transform-origin:center right}.note-list{grid-template-columns:1fr}.footer-inner{padding-left:16px;padding-right:16px}}
@media(max-width:520px){.header-inner{gap:13px}.main-nav{gap:12px}.main-nav a{font-size:12px}.header-download{font-size:0;padding:8px 10px}.header-download span{font-size:16px}.discovery-head{display:block}.device-shortcut{display:inline-flex;margin-top:15px}.intro-copy p{font-size:13px}.search-panel{padding:10px}.search-form{gap:7px}.search-form button{padding:9px 11px;font-size:12px}.category-row{gap:6px}.category-chip{padding:5px 10px;font-size:12px}.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 10px}.movie-info{padding:9px}.movie-info h3{font-size:13px}.movie-summary{font-size:11px}.shelf-copy{display:block}.shelf-copy>p{margin-top:6px}.shelf-list{gap:7px}.shelf-list>a{padding:10px 8px;gap:7px}.shelf-list small{font-size:9px}.cross-device-banner{padding:16px}.cross-device-banner h2{font-size:16px}.cross-device-banner p{font-size:11px}.cross-device-banner .button{margin-left:0;width:100%}.footer-inner{grid-template-columns:1fr}.footer-links{gap:16px}.copyright{grid-column:auto}.download-hero{display:block;padding:23px 19px}.download-visual{margin:15px auto 0;height:110px;transform:none}.device-grid{grid-template-columns:1fr}.device-card>p{min-height:0}.install-notes{padding:18px}.back-to-catalog{display:block}.back-to-catalog .button{margin-top:14px;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}


/* 细节状态：保持暗色索引界面的层级、反馈与可读性。 */
::selection{background:#F25C36;color:#fff}
img{max-width:100%;height:auto}
button:disabled{opacity:.55;cursor:not-allowed}
.main-nav a,.header-download,.category-chip,.shelf-list>a,.button,.search-form button{transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.main-nav a:focus-visible{outline-offset:-5px}
.header-download:active,.button:active,.search-form button:active{transform:translateY(1px)}
.search-form:focus-within{border-color:var(--cyan);box-shadow:0 0 0 2px #38BDF81c}
.category-chip:focus-visible{outline-offset:2px}
.movie-card:focus-within{border-color:var(--cyan)}
.poster-wrap:after{content:"";position:absolute;inset:auto 0 0;height:24%;background:linear-gradient(transparent,#080a0e38);pointer-events:none}
.movie-meta{font-variant-numeric:tabular-nums}
.movie-info h3{line-height:1.45}
.movie-card .poster{background:linear-gradient(145deg,#202a39,#10151d)}
.section-heading>div{min-width:0}
.result-count{white-space:nowrap;font-variant-numeric:tabular-nums}
.shelf-list>a:focus-visible,.device-shortcut:focus-visible{outline-offset:2px}
.shelf-list>a:hover .shelf-symbol{background:#4a2a21;color:#ffc0aa}
.cross-device-banner .button:focus-visible{outline-color:#fff}
.about-strip a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}
.footer-links a{padding:4px 0}
.breadcrumbs span:last-child{color:#dce5ef}
.download-hero .button{margin-top:2px}
.device-card{position:relative;overflow:hidden}
.device-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--cyan),transparent 75%);opacity:.65}
.device-card ul li::marker{color:var(--cyan)}
.download-unavailable{min-height:72px}
.note-list article{min-width:0}
.note-list article>b{flex:0 0 32px}
.empty-state .button{margin-top:8px}
.empty-state>span{display:inline-block;font-weight:800;letter-spacing:.04em}
.site-footer .brand span{color:#f4f7fb}
.site-footer .brand:hover span{color:var(--cyan)}
.copyright{line-height:1.7}
@media(min-width:761px) and (max-width:1099px){
    .movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
    .header-inner{gap:30px}
    .page-shell{padding-left:22px;padding-right:22px}
    .movie-info{padding:10px}
    .movie-summary{font-size:11px}
}
@media(max-width:900px){
    .shelf-list{grid-template-columns:repeat(2,minmax(0,1fr))}
    .download-hero{padding:28px}
    .download-visual{width:185px}
    .note-list{gap:14px}
}
@media(max-width:640px){
    .header-inner{gap:10px}
    .main-nav{gap:10px}
    .main-nav a{font-size:11px}
    .brand{gap:7px;font-size:17px}
    .brand img{width:31px;height:31px}
    .discovery-head h1{font-size:25px}
    .section-heading h2,.shelf-copy h2{font-size:20px}
    .device-shortcut{gap:8px}
    .device-shortcut strong{font-size:12px}
    .movie-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .movie-card{border-radius:7px}
    .poster-wrap{border-radius:6px 6px 0 0}
    .category-shelves{padding:16px}
    .shelf-list>a{min-width:0}
    .shelf-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}
    .cross-device-banner{gap:12px}
    .cross-device-mark{width:44px;height:44px}
    .cross-device-banner>div:nth-child(2){min-width:calc(100% - 60px)}
    .download-hero h1{font-size:26px}
    .download-visual{width:100%;max-width:220px}
}
@media(max-width:380px){
    .header-inner{padding:0 11px}
    .brand{font-size:15px}
    .main-nav{gap:8px}
    .main-nav a{font-size:10px}
    .header-download{padding:7px 8px}
    .page-shell{padding-left:12px;padding-right:12px}
    .search-form{padding-left:9px}
    .search-form button{padding:8px}
    .category-chip{padding:4px 8px}
    .movie-info h3{font-size:12px}
    .movie-meta{font-size:10px}
    .shelf-list>a{gap:6px;padding:9px 6px}
    .shelf-symbol{width:29px;height:29px}
}
@media print{
    :root{color-scheme:light}
    body{background:#fff;color:#111}
    .site-header,.site-footer,.search-panel,.device-shortcut,.button,.cross-device-banner{display:none!important}
    .page-shell{max-width:none;padding:0}
    .movie-card,.category-shelves,.device-card,.install-notes{break-inside:avoid;background:#fff;color:#111;border:1px solid #bbb}
    .movie-summary,.movie-meta,.about-strip p,.section-heading p{color:#333}
    .movie-grid{grid-template-columns:repeat(4,1fr)}
}
@media(forced-colors:active){
    .category-chip.selected,.button-primary,.search-form button{border:1px solid ButtonText}
    .live-dot{forced-color-adjust:none}
    a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid Highlight}
}