:root{--brand:#6C63FF;--brand-soft:#A78BFA;--dark:#171821;--bg:#F7F7FA;--surface:#ECECF3;--text:#22232B;--muted:#6F7280;--accent:#F59E5B;--white:#fff;--line:#dcdce7;--radius:22px;--shadow:0 18px 48px rgba(23,24,33,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;line-height:1.7}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input{font:inherit}.skip-link{position:fixed;left:12px;top:-60px;z-index:99;background:#fff;padding:10px 14px;border-radius:10px;box-shadow:var(--shadow)}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-shell{position:sticky;top:0;z-index:30;background:rgba(23,24,33,.94);backdrop-filter:blur(18px);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.brand-row{max-width:1240px;margin:auto;padding:13px 22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand img{width:42px;height:42px;object-fit:contain;border-radius:12px;background:#fff}.brand span{display:grid;line-height:1.25}.brand strong{font-size:1.05rem}.brand small{color:#b9bac5;font-size:.73rem;margin-top:3px}.site-menu{display:flex;justify-content:center;gap:6px}.site-menu a{padding:9px 13px;border-radius:12px;color:#d9d9e2;font-size:.94rem}.site-menu a:hover,.site-menu a.is-active{background:rgba(108,99,255,.18);color:#fff}.quick-search{display:flex;border:1px solid rgba(255,255,255,.12);background:#22242f;border-radius:14px;overflow:hidden}.quick-search input{width:175px;border:0;background:transparent;color:#fff;padding:9px 11px;outline:none}.quick-search button{border:0;background:var(--brand);color:#fff;padding:0 14px;cursor:pointer}.menu-toggle{display:none}main{min-height:68vh}.hero-band{max-width:1240px;margin:34px auto 0;padding:0 22px;display:grid;grid-template-columns:1.04fr .96fr;gap:34px;align-items:stretch}.hero-copy{padding:56px 48px;background:linear-gradient(145deg,#171821,#22243a);color:#fff;border-radius:30px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-copy:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-110px;top:-100px;background:radial-gradient(circle,rgba(167,139,250,.42),rgba(108,99,255,0) 68%)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:800;color:var(--brand)}.hero-copy .eyebrow,.official-hero .eyebrow{color:#c4b5fd}.hero-copy h1,.page-intro h1,.official-hero h1,.web-hero h1,.detail-copy h1,.not-found h1{font-size:clamp(2rem,4vw,4.15rem);line-height:1.08;letter-spacing:-.04em;margin:.55rem 0 1rem}.hero-copy p{max-width:680px;color:#d0d1da;font-size:1.05rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:14px;font-weight:800}.button.primary{background:var(--accent);color:#27211d}.button.secondary{background:rgba(108,99,255,.11);color:var(--brand);border:1px solid rgba(108,99,255,.24)}.hero-copy .button.secondary{color:#fff;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.07)}.hero-facts{list-style:none;padding:0;margin:34px 0 0;display:flex;flex-wrap:wrap;gap:8px}.hero-facts li{font-size:.84rem;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.07);color:#d8d8e2}.hero-media{margin:0;min-height:500px;border-radius:30px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}.hero-media img{width:100%;height:100%;object-fit:cover}.section-block{max-width:1240px;margin:72px auto;padding:0 22px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:22px}.section-heading h2{margin:.25rem 0 0;font-size:clamp(1.6rem,2.6vw,2.5rem);line-height:1.18}.section-heading>a,.section-heading>span{color:var(--brand);font-weight:800}.poster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.poster-card{background:#fff;border:1px solid #e7e7ee;border-radius:20px;overflow:hidden;box-shadow:0 10px 28px rgba(23,24,33,.045);transition:.2s ease}.poster-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.poster-link{display:grid;grid-template-columns:112px 1fr;grid-template-rows:auto auto 1fr;column-gap:16px;padding:12px}.poster-link img{grid-row:1/4;width:112px;height:154px;object-fit:cover;border-radius:14px;background:var(--surface)}.poster-link h3{margin:6px 0 4px;font-size:1.05rem}.poster-link p{margin:0;color:var(--muted);font-size:.87rem;line-height:1.55}.type-chip{justify-self:start;font-size:.72rem;font-weight:800;color:var(--brand);background:#f0efff;border-radius:999px;padding:4px 8px}.feature-split{max-width:1240px;margin:72px auto;padding:0 22px;display:grid;grid-template-columns:.9fr 1.1fr;gap:38px;align-items:center}.feature-split figure{margin:0;border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.feature-split figure img{aspect-ratio:4/3;object-fit:cover;width:100%}.feature-split h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.18;margin:.5rem 0 1rem}.feature-split p{color:var(--muted);font-size:1.02rem}.link-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.link-tiles a{display:grid;gap:3px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px}.link-tiles strong{font-size:.95rem}.link-tiles span{font-size:.78rem;color:var(--muted)}.compact-section{margin-top:54px}.poster-grid-small{grid-template-columns:repeat(4,minmax(0,1fr))}.poster-grid-small .poster-link{display:block}.poster-grid-small .poster-link img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;margin-bottom:12px}.poster-grid-small .type-chip{display:inline-flex}.info-ribbon{max-width:1196px;margin:72px auto;background:var(--dark);color:#fff;border-radius:28px;padding:34px 38px;display:flex;align-items:center;justify-content:space-between;gap:24px}.info-ribbon h2{margin:.35rem 0 .4rem;font-size:2rem}.info-ribbon p{margin:0;color:#c9cad4;max-width:760px}.info-actions{display:flex;gap:10px;flex-wrap:wrap}.info-actions a{padding:11px 15px;border-radius:12px;background:#2a2c39;border:1px solid rgba(255,255,255,.08)}.faq-list{display:grid;gap:10px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:4px 18px}.faq-list summary{cursor:pointer;font-weight:800;padding:15px 0}.faq-list p{color:var(--muted);margin:0 0 16px}.site-footer{margin-top:78px;background:#12131a;color:#e8e8ee;padding:44px max(22px,calc((100vw - 1196px)/2));display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.site-footer p{color:#a8aab6}.site-footer nav{display:flex;flex-wrap:wrap;gap:10px 18px;align-content:start}.site-footer nav a{color:#d9d9e1}.copyright{grid-column:1/-1;border-top:1px solid #2b2d37;padding-top:18px;margin:6px 0 0}.page-wrap{max-width:1240px;margin:0 auto;padding:26px 22px 0}.breadcrumb{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:.88rem}.breadcrumb a:hover{color:var(--brand)}.page-intro{max-width:820px;padding:40px 0 28px}.page-intro h1{font-size:clamp(2.4rem,4vw,4.2rem)}.page-intro p{font-size:1.05rem;color:var(--muted)}.filter-tabs{display:flex;gap:8px;margin:0 0 24px;flex-wrap:wrap}.filter-tabs a{padding:9px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:800}.filter-tabs a.is-active{background:var(--brand);color:#fff;border-color:var(--brand)}.catalog-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:start}.catalog-layout .poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-aside{position:sticky;top:92px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px}.catalog-aside img{border-radius:14px;aspect-ratio:4/3;object-fit:cover}.catalog-aside h2{font-size:1.18rem;margin:15px 0 5px}.catalog-aside p{font-size:.9rem;color:var(--muted)}.catalog-aside form{display:grid;gap:7px}.catalog-aside input,.search-large input{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:var(--bg)}.catalog-aside button,.search-large button{border:0;background:var(--brand);color:#fff;border-radius:12px;padding:11px 14px;font-weight:800}.official-hero{margin-top:22px;background:linear-gradient(145deg,#171821,#24253a);color:#fff;border-radius:30px;padding:38px;display:grid;grid-template-columns:1fr .8fr;gap:30px;align-items:center}.official-hero p{color:#d0d1da}.official-hero img{border-radius:22px;aspect-ratio:4/3;object-fit:cover}.official-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0}.official-grid article,.device-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px}.official-grid h2,.device-grid h2{margin-top:0}.official-grid p,.device-grid p{color:var(--muted);margin-bottom:0}.web-hero{display:grid;grid-template-columns:.8fr 1fr;gap:36px;align-items:center;padding:34px 0}.web-hero>img{border-radius:26px;box-shadow:var(--shadow)}.web-hero p{color:var(--muted);font-size:1.03rem}.device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.device-grid article{padding:0;overflow:hidden}.device-grid article>img{width:100%;aspect-ratio:16/10;object-fit:cover}.device-grid article h2,.device-grid article p{padding-left:20px;padding-right:20px}.device-grid article h2{margin-top:18px}.device-grid article p{padding-bottom:22px}.info-ribbon.narrow{margin-left:0;margin-right:0}.detail-layout{display:grid;grid-template-columns:360px 1fr;gap:42px;padding:30px 0}.detail-poster{margin:0}.detail-poster img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:28px;box-shadow:var(--shadow)}.detail-copy{padding-top:10px}.detail-copy .lead{font-size:1.12rem;color:var(--muted);max-width:760px}.meta-list{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.meta-list div{min-width:120px;background:#fff;border:1px solid var(--line);padding:11px 14px;border-radius:14px}.meta-list dt{font-size:.75rem;color:var(--muted)}.meta-list dd{margin:0;font-weight:800}.tag-row{display:flex;gap:8px;flex-wrap:wrap}.tag-row span,.tag-row a{padding:7px 10px;border-radius:999px;background:#ecebff;color:#544cc8;font-size:.82rem;font-weight:800}.detail-text{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.detail-text h2{margin:0 0 8px}.detail-text p{color:#4f515b;max-width:860px}.search-large{max-width:760px;background:#fff;border:1px solid var(--line);padding:18px;border-radius:18px}.search-large>label{font-weight:800;display:block;margin-bottom:8px}.search-large>div{display:grid;grid-template-columns:1fr auto;gap:8px}.search-hints{margin:28px 0}.empty-state{text-align:center;max-width:680px;margin:40px auto;padding:38px;background:#fff;border:1px solid var(--line);border-radius:22px}.empty-state img{max-width:240px;margin:0 auto 18px;border-radius:18px}.not-found{max-width:820px;margin:70px auto;text-align:center;padding:0 22px}.not-found img{max-width:300px;margin:0 auto 20px;border-radius:20px}.not-found .hero-actions{justify-content:center}@media(max-width:980px){.brand-row{grid-template-columns:auto auto 1fr}.menu-toggle{display:inline-flex;justify-self:end;background:#292b37;color:#fff;border:1px solid #3b3d4a;border-radius:10px;padding:8px 11px}.site-menu{position:absolute;left:16px;right:16px;top:72px;display:none;background:#1d1f29;border:1px solid #323440;border-radius:16px;padding:9px;box-shadow:var(--shadow)}.site-menu.is-open{display:grid}.quick-search{grid-column:1/-1;width:100%}.quick-search input{width:100%}.hero-band,.feature-split,.official-hero,.web-hero,.detail-layout{grid-template-columns:1fr}.hero-media{min-height:340px}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.poster-grid-small{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-layout{grid-template-columns:1fr}.catalog-aside{position:static}.catalog-layout .poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.device-grid,.official-grid{grid-template-columns:1fr}.detail-poster{max-width:420px}.site-footer{grid-template-columns:1fr}.copyright{grid-column:auto}}@media(max-width:640px){.brand-row{padding:10px 14px;gap:10px}.brand small{display:none}.quick-search{display:none}.hero-band,.section-block,.feature-split,.page-wrap{padding-left:14px;padding-right:14px}.hero-band{margin-top:18px}.hero-copy{padding:34px 22px;border-radius:22px}.hero-media{border-radius:22px;min-height:260px}.poster-grid,.poster-grid-small,.catalog-layout .poster-grid{grid-template-columns:1fr}.poster-link{grid-template-columns:90px 1fr}.poster-link img{width:90px;height:126px}.poster-grid-small .poster-link{display:grid}.poster-grid-small .poster-link img{width:90px;height:126px;margin:0}.feature-split{margin-top:52px;gap:22px}.link-tiles{grid-template-columns:1fr}.info-ribbon{margin:52px 14px;padding:26px 22px;display:block}.info-actions{margin-top:18px}.section-heading{align-items:start}.section-heading h2{font-size:1.55rem}.page-intro{padding-top:28px}.official-hero{padding:26px 20px}.web-hero{gap:20px}.device-grid{grid-template-columns:1fr}.detail-layout{gap:22px}.detail-poster{max-width:100%}.search-large>div{grid-template-columns:1fr}.site-footer{padding:36px 18px}.hero-actions .button{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.note-list{margin:12px 0 0;padding-left:20px;color:#4f515b}.note-list li+li{margin-top:7px}
/* Additional reusable presentation rules for real page states */
.poster-card:focus-within{outline:3px solid rgba(108,99,255,.24);outline-offset:3px}.poster-link:focus-visible,.site-menu a:focus-visible,.button:focus-visible,.filter-tabs a:focus-visible,.info-actions a:focus-visible,.tag-row a:focus-visible{outline:3px solid rgba(245,158,91,.55);outline-offset:3px}.quick-search input::placeholder{color:#9597a4}.quick-search input:focus{box-shadow:inset 0 0 0 2px rgba(167,139,250,.5)}.catalog-aside input:focus,.search-large input:focus{outline:3px solid rgba(108,99,255,.15);border-color:var(--brand)}.poster-card .type-chip{align-self:start}.poster-link p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.poster-grid-small .poster-link p{-webkit-line-clamp:3}.official-grid article:nth-child(2){transform:translateY(10px)}.official-grid article:nth-child(3){transform:translateY(20px)}.device-grid article:hover img{transform:scale(1.018)}.device-grid article img{transition:transform .24s ease}.detail-copy h1{max-width:850px}.detail-text ul{max-width:760px}.search-page .section-block{padding-left:0;padding-right:0}.empty-state h2{margin-bottom:6px}.empty-state p{color:var(--muted)}.faq-list details[open]{border-color:#cac7ff;box-shadow:0 10px 30px rgba(108,99,255,.08)}.faq-list summary::marker{color:var(--brand)}.site-footer strong{font-size:1.1rem}.site-footer>div>p{max-width:620px}.breadcrumb span[aria-current="page"]{color:#3f414a}.catalog-aside label{font-size:.8rem;font-weight:800}.catalog-aside button{cursor:pointer}.filter-tabs a:hover{border-color:#bdb9ff}.info-actions a:hover{background:#353746}.tag-row a:hover{background:#dedbff}.page-intro+.filter-tabs{padding-top:2px}.detail-poster{position:relative}.detail-poster:after{content:"";position:absolute;inset:auto 14px 14px 14px;height:22%;border-radius:0 0 20px 20px;background:linear-gradient(transparent,rgba(23,24,33,.12));pointer-events:none}.hero-media,.feature-split figure,.official-hero img,.web-hero>img,.device-grid article>img{background:#e3e3eb}.hero-band+.section-block{margin-top:64px}.compact-section+.compact-section{margin-top:44px}.catalog-layout+.section-block{margin-top:52px}.site-menu a,.button,.filter-tabs a,.info-actions a,.poster-card{transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.page-wrap>.section-block{padding-left:0;padding-right:0}.page-wrap>.info-ribbon{max-width:none}.page-wrap .poster-grid-small .poster-card{height:100%}.poster-link h3{line-height:1.35}.official-grid article{min-height:210px}.device-grid article{min-height:100%}.not-found{min-height:56vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.not-found p{color:var(--muted)}@media(max-width:980px){.official-grid article:nth-child(2),.official-grid article:nth-child(3){transform:none}.page-wrap>.section-block{margin-top:52px}.catalog-aside form{grid-template-columns:1fr auto}.catalog-aside form label{grid-column:1/-1}}@media(max-width:640px){.catalog-aside form{grid-template-columns:1fr}.site-menu a{padding:12px}.filter-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:thin}.filter-tabs a{white-space:nowrap}.meta-list{display:grid;grid-template-columns:repeat(3,1fr)}.meta-list div{min-width:0}.detail-copy .lead{font-size:1rem}.official-grid article{min-height:0}.hero-band+.section-block{margin-top:50px}}
@media(prefers-reduced-motion:no-preference){.reveal-ready{opacity:.001;transform:translateY(8px)}.reveal-ready.reveal-in{opacity:1;transform:none;transition:opacity .35s ease,transform .35s ease}}
.browse-guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.browse-guide-grid article{display:flex;flex-direction:column;min-height:260px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px}.browse-guide-grid h3{margin:0 0 9px;font-size:1.08rem}.browse-guide-grid p{margin:0;color:var(--muted);font-size:.91rem}.guide-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:18px}.guide-links a{font-size:.8rem;font-weight:800;color:var(--brand);background:#f0efff;border-radius:999px;padding:7px 10px}.guide-links a:hover{background:#dfdcff}.browse-guide-section .section-heading{margin-bottom:18px}@media(max-width:980px){.browse-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.browse-guide-grid article{min-height:220px}}@media(max-width:640px){.browse-guide-grid{grid-template-columns:1fr}.browse-guide-grid article{min-height:0}.guide-links{margin-top:12px}}
/* Fine-grained responsive polish */
@media(min-width:1180px){.hero-copy{min-height:500px;display:flex;flex-direction:column;justify-content:center}.section-heading>div{max-width:760px}.catalog-aside{padding:16px}.detail-copy{max-width:820px}.official-hero>div{padding:10px 0}.web-hero>div{padding-right:36px}}@media(min-width:641px) and (max-width:979px){.hero-copy h1{max-width:760px}.poster-link p{-webkit-line-clamp:3}.info-ribbon{margin-left:22px;margin-right:22px}.site-footer nav{justify-content:flex-start}.detail-layout{max-width:760px;margin-inline:auto}.detail-poster{margin-inline:auto}.web-hero>img{max-height:460px;width:100%;object-fit:cover}}@media(max-width:420px){.brand img{width:38px;height:38px}.brand strong{font-size:.98rem}.menu-toggle{font-size:.88rem}.hero-copy{padding:28px 18px}.hero-copy h1{font-size:2rem}.page-intro h1,.official-hero h1,.web-hero h1,.detail-copy h1{font-size:2rem}.meta-list{grid-template-columns:1fr}.info-ribbon h2{font-size:1.55rem}.section-heading{display:block}.section-heading>a{display:inline-block;margin-top:8px}.poster-link{grid-template-columns:82px 1fr;column-gap:12px}.poster-link img,.poster-grid-small .poster-link img{width:82px;height:118px}.poster-link p{font-size:.83rem}.breadcrumb{font-size:.8rem;overflow-x:auto;white-space:nowrap}.guide-links a{width:100%;text-align:center}}