:root{--bg:#0f1117;--panel:#1a1717;--panel2:#242020;--ink:#fff7e8;--muted:#b7aa99;--line:rgba(255,230,190,.18);--accent:#ff8a5b;--alt:#88d8ff;--shadow:0 24px 72px rgba(0,0,0,.42)}
*{box-sizing:border-box}html,body{width:100%;max-width:100%;min-width:0;overflow-x:hidden}body{margin:0;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;letter-spacing:0;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/72px 72px,radial-gradient(circle at 12% 0, color-mix(in srgb,var(--accent) 20%, transparent), transparent 34%),var(--bg)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p,span,strong,small,b,em{overflow-wrap:anywhere;min-width:0}.topbar,main,footer{width:min(1260px,calc(100% - 32px));margin:0 auto}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:14px 0;background:color-mix(in srgb,var(--bg) 88%, #000);backdrop-filter:blur(16px)}.brand{font-size:25px;font-weight:900;color:var(--accent)}nav{display:flex;justify-content:center;gap:8px;min-width:0;overflow:hidden}nav a,.top-action{border:1px solid var(--line);background:rgba(255,255,255,.045);min-height:42px;padding:10px 14px;font-weight:900;transition:.22s}nav a:hover,nav .active,.top-action:hover{border-color:var(--accent);transform:translateY(-2px);background:color-mix(in srgb,var(--accent) 15%, transparent)}.top-action.solid{display:inline-flex;background:var(--accent);color:#15110d;border-color:var(--accent)}.eyebrow,.section-head p{margin:0 0 9px;color:var(--alt);font-size:13px;font-weight:900}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.46fr);gap:18px;padding:38px 0 18px}.hero-copy,.hero-visual,.feature,.spread aside,.service-grid article,.filters,.detail-stage>div,.detail-stage aside,.story{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));box-shadow:var(--shadow)}.hero-copy{padding:32px;display:flex;flex-direction:column;justify-content:center;min-height:520px}h1{font-size:clamp(54px,8vw,112px);line-height:.92;margin:0}.hero h2{font-size:clamp(28px,4vw,52px);margin:12px 0}.hero p,.service-grid p,footer p,.detail-stage p,.story p{color:var(--muted);line-height:1.75}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}.hero-stats span{border:1px solid var(--line);padding:12px;text-align:center;color:var(--accent);font-weight:900}.hero-visual{padding:16px}.poster-card{position:relative;display:block;aspect-ratio:2/3;overflow:hidden;border:1px solid var(--line);background:#000;transition:.25s}.poster-card img{width:100%;height:100%;object-fit:cover;transition:.3s}.poster-card:hover{border-color:var(--accent);transform:translateY(-5px)}.poster-card:hover img{transform:scale(1.06);filter:saturate(1.12)}.poster-card span{position:absolute;inset:auto 0 0;padding:58px 10px 10px;background:linear-gradient(transparent,rgba(0,0,0,.92))}.poster-card b,.poster-card small,.poster-card em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.poster-card small{color:var(--muted)}.poster-card em{color:var(--accent);font-style:normal;font-weight:900}.hero-tile{height:100%;min-height:488px}.section{padding-top:48px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:16px}.section-head.compact{display:block}.section-head h2{font-size:clamp(28px,4vw,46px);margin:0}.feature-blocks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.feature{padding:14px;min-width:0}.feature header{display:flex;justify-content:space-between;align-items:center;gap:8px}.feature header p{margin:0;color:var(--alt);font-weight:900;font-size:12px}.feature h3{font-size:24px;color:var(--accent);margin:0 0 12px}.feature-main{margin-bottom:10px}.feature .large{aspect-ratio:16/10}.line-item{display:grid;grid-template-columns:38px minmax(0,1fr) minmax(90px,.45fr) 44px;gap:8px;align-items:center;border-top:1px solid var(--line);padding:9px 0;color:var(--muted);transition:.22s}.line-item:hover{color:var(--ink);transform:translateX(5px)}.line-item span,.line-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-item b{color:var(--alt)}.line-item em{font-style:normal;color:var(--accent);font-weight:900;text-align:right}.spread{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.hot-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hot-rows .line-item{border:1px solid var(--line);background:rgba(255,255,255,.035);padding:10px}.score-list{display:grid;gap:0}.spread aside{padding:16px;align-self:start;position:sticky;top:78px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:50px}.service-grid article{padding:20px}.service-grid h2{margin:0 0 10px;color:var(--accent)}.library-hero{display:grid;grid-template-columns:minmax(0,1fr) 148px;gap:20px;align-items:end;padding:42px 0 22px}.library-hero h1{font-size:clamp(50px,7vw,100px);margin:0}.library-hero p{color:var(--muted);line-height:1.7}.library-hero b{display:grid;place-items:center;aspect-ratio:1;border:1px solid var(--accent);font-size:48px;color:var(--accent)}.library-shell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px}.filters{position:sticky;top:78px;display:grid;gap:14px;padding:16px;align-self:start}.filters label{display:grid;gap:7px;color:var(--muted);font-weight:900;font-size:13px}.filters input,.filters select{height:43px;min-width:0;width:100%;border:1px solid var(--line);background:#111;color:var(--ink);padding:0 10px}.library-list{display:grid;gap:10px}.library-card{display:grid;grid-template-columns:48px 58px minmax(0,1fr) minmax(150px,.5fr) 54px;gap:12px;align-items:center;min-height:82px;border:1px solid var(--line);background:rgba(255,255,255,.04);padding:10px;transition:.22s}.library-card:hover{border-color:var(--accent);transform:translateX(5px);background:color-mix(in srgb,var(--accent) 9%, transparent)}.library-card img{width:58px;height:64px;object-fit:cover}.library-card span,.library-card strong,.library-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-card b{color:var(--alt)}.library-card small,.library-card>span:nth-of-type(2){color:var(--muted)}.library-card em{font-style:normal;color:var(--accent);font-weight:900;text-align:right}.detail-stage{display:grid;grid-template-columns:290px minmax(0,1fr) 300px;gap:18px;padding-top:42px}.detail-stage>img{width:100%;height:100%;object-fit:cover;aspect-ratio:2/3;box-shadow:var(--shadow)}.detail-stage>div,.detail-stage aside{padding:24px}.detail-stage h1{font-size:clamp(42px,6vw,82px)}.detail-stage h2,.story h2{margin:0 0 12px;color:var(--accent)}.story{margin-top:18px;padding:22px}.related-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border-top:1px solid var(--line);margin-top:54px;padding:28px 0 36px}.copy{grid-column:1/-1}
.skin-studio .hero{grid-template-columns:minmax(320px,.46fr) minmax(0,1fr)}.skin-studio .hero-copy{order:2}.skin-shelf .feature-blocks{grid-template-columns:repeat(2,minmax(0,1fr))}.skin-shelf .feature .large{aspect-ratio:21/9}.skin-console .hero{grid-template-columns:1fr}.skin-console .hero-copy{min-height:380px}.skin-console .hero-visual{display:none}.skin-noir .hot-rows{grid-template-columns:1fr}.skin-gridline .feature-blocks{grid-template-columns:repeat(4,minmax(0,1fr))}.skin-gridline .feature .large{aspect-ratio:1}.skin-paper .hero-copy{min-height:430px}.skin-paper .feature-blocks{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.skin-dock .spread{grid-template-columns:330px minmax(0,1fr)}.skin-dock .spread>div{order:2}.skin-arcade .feature-blocks{grid-template-columns:repeat(6,minmax(0,1fr))}.skin-arcade .feature .large{aspect-ratio:4/5}.skin-vault .hero{grid-template-columns:minmax(0,.62fr) minmax(300px,.38fr)}
@media(max-width:1120px){.hero,.spread,.library-shell,.detail-stage,footer{grid-template-columns:1fr}.feature-blocks,.skin-gridline .feature-blocks,.skin-arcade .feature-blocks,.service-grid,.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spread aside,.filters{position:static}.hero-copy{min-height:390px}.hero-tile{min-height:420px}}@media(max-width:720px){.topbar,main,footer{width:min(100% - 24px,1260px)}.topbar{grid-template-columns:1fr}nav{justify-content:start;overflow-x:auto}.top-action{justify-self:start}.feature-blocks,.skin-shelf .feature-blocks,.skin-paper .feature-blocks,.skin-gridline .feature-blocks,.skin-arcade .feature-blocks,.hot-rows,.service-grid,.related-grid,.library-hero{grid-template-columns:1fr}.hero-stats{grid-template-columns:1fr}.line-item{grid-template-columns:34px minmax(0,1fr) 44px}.line-item small{display:none}.library-card{grid-template-columns:42px 54px minmax(0,1fr)}.library-card>span:nth-of-type(2),.library-card em{grid-column:3;text-align:left}.detail-stage{gap:12px}}@media(max-width:460px){.library-card{grid-template-columns:36px minmax(0,1fr)}.library-card img{display:none}.library-card>span:nth-of-type(2),.library-card em{grid-column:2}.poster-card span{padding-top:44px}}