:root{--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--panel:#fff;--bg:#f6f7fb;--accent:#1e293b}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
a{color:inherit}.seo-header{background:#111827;color:#fff}.seo-header-inner{max-width:1120px;margin:auto;padding:28px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{text-decoration:none;font-weight:900;font-size:1.15rem}.seo-nav{display:flex;gap:10px;flex-wrap:wrap}.seo-nav a{text-decoration:none;padding:8px 11px;border-radius:9px;background:rgba(255,255,255,.08)}
.hero{max-width:1120px;margin:auto;padding:64px 20px 34px}.eyebrow{font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#475569}.hero h1{font-size:clamp(2rem,5vw,3.7rem);line-height:1.04;max-width:900px;margin:10px 0 18px}.hero p{font-size:1.12rem;color:#475569;max-width:800px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;text-decoration:none;padding:11px 15px;border-radius:10px;background:#1e293b;color:#fff;font-weight:850}.btn.secondary{background:#fff;color:#0f172a;border:1px solid #cbd5e1}
.content{max-width:1120px;margin:auto;padding:0 20px 56px}.feature-grid,.play-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature,.play-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.feature h2,.play-card h2,.play-card h3{margin-top:0}.section-title{margin:34px 0 14px}
.play-card{display:flex;gap:14px}.play-thumb{width:92px;height:118px;object-fit:cover;border-radius:8px;background:#e2e8f0;flex:none}.play-copy{min-width:0}.play-meta{color:var(--muted);font-size:.9rem}.play-desc{color:#334155;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.play-link{font-weight:850}
.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.catalog-list{display:grid;gap:12px}.catalog-row{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px}.catalog-row img{width:72px;height:92px;object-fit:cover;border-radius:7px;background:#e2e8f0}.catalog-row h2{font-size:1.05rem;margin:0 0 4px}.catalog-action{font-weight:850;text-decoration:none;white-space:nowrap}
.play-page{display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:30px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.play-page img{width:100%;border-radius:12px}.breadcrumbs{font-size:.9rem;color:#64748b;margin:22px 0}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#f1f5f9;color:#334155;font-size:.78rem;font-weight:850}.seo-footer{border-top:1px solid var(--line);padding:24px 20px;color:#64748b;text-align:center}
@media(max-width:800px){.feature-grid,.play-grid{grid-template-columns:1fr 1fr}.play-page{grid-template-columns:1fr}.play-page img{max-width:320px}.catalog-row{grid-template-columns:60px 1fr}.catalog-row img{width:60px;height:78px}.catalog-action{grid-column:2}}
@media(max-width:520px){.feature-grid,.play-grid{grid-template-columns:1fr}.seo-header-inner{align-items:flex-start;flex-direction:column}.hero{padding-top:42px}}