:root{
  --primary:#C99A3B;
  --primary-dark:#8F6423;
  --bg:#0D1018;
  --bg-soft:#151A25;
  --panel:#1B2130;
  --panel-light:#F6F3EC;
  --text:#F8F1E5;
  --text-muted:#BEB6A6;
  --ink:#181A20;
  --line:rgba(255,255,255,.12);
  --shadow:0 18px 48px rgba(0,0,0,.24);
  --radius:20px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:radial-gradient(circle at 20% 0%,rgba(201,154,59,.16),transparent 34%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;line-height:1.72;overflow-x:hidden;padding-top:68px}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.container{width:min(1180px,calc(100% - 32px));margin:0 auto}.narrow{max-width:920px}.section{padding:58px 0}.section.muted{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01))}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-title h2{margin:0;font-size:clamp(1.55rem,4vw,2.5rem);line-height:1.2}.section-title p{max-width:520px;color:var(--text-muted);margin:0}.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid rgba(201,154,59,.45);border-radius:999px;background:rgba(201,154,59,.12);color:#FFE6AA;font-size:.85rem;font-weight:700}.main-button,.text-link,.card-link,.top-action{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:800;transition:.25s ease}.main-button{background:var(--primary);color:#17120A;padding:13px 20px;box-shadow:0 14px 34px rgba(201,154,59,.28)}.main-button:hover,.top-action:hover{filter:brightness(.85);transform:translateY(-1px)}.text-link,.card-link{color:#FFE1A1}.card-link{margin-top:auto}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(13,16,24,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.mobile-topbar{height:68px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:0 14px}.mobile-logo{justify-self:center}.mobile-logo img{height:40px;width:auto}.menu-button{width:44px;height:44px;border:0;background:transparent;display:grid;gap:5px;align-content:center;padding:10px;cursor:pointer}.menu-button span{height:2px;background:var(--text);border-radius:3px}.top-action{background:var(--primary);color:#17120A;padding:9px 13px;font-size:.9rem}.desktop-header{display:none}.mobile-nav{display:none;padding:8px 16px 18px;background:#10141E;border-top:1px solid var(--line)}.mobile-nav.open{display:grid;gap:6px}.mobile-nav a{padding:12px 10px;border-radius:14px;color:var(--text-muted)}.mobile-nav a.active,.mobile-nav a:hover{background:rgba(201,154,59,.12);color:#FFE1A1}.search-icon{width:22px;height:22px;border:2px solid var(--text-muted);border-radius:50%;position:relative;display:inline-block;opacity:.9}.search-icon:after{content:"";position:absolute;width:9px;height:2px;background:var(--text-muted);right:-7px;bottom:-4px;transform:rotate(45deg);border-radius:2px}.movie-hero{min-height:calc(100vh - 68px);display:grid;align-items:center;background:linear-gradient(90deg,rgba(13,16,24,.96),rgba(13,16,24,.72) 48%,rgba(13,16,24,.18)),url('images/banner.webp') center/cover no-repeat;position:relative}.hero-content{padding:70px 0;max-width:760px}.hero-content h1,.page-hero h1{font-size:clamp(2.1rem,7.6vw,5rem);line-height:1.05;margin:16px 0 18px;letter-spacing:-.05em}.hero-content p,.page-hero p{color:var(--text-muted);font-size:clamp(1rem,2vw,1.2rem);max-width:720px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.hero-stat,.data-tile,.service-card,.movie-card,.info-card,.faq-item,.notice,.timeline-item{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-stat{padding:14px}.hero-stat strong{display:block;font-size:1.35rem;color:#FFE1A1}.category-grid,.service-grid,.card-grid,.faq-grid,.data-grid{display:grid;grid-template-columns:1fr;gap:16px}.movie-card,.service-card,.info-card{padding:22px;min-height:180px;display:flex;flex-direction:column}.movie-card h3,.service-card h3,.info-card h3{margin:10px 0 8px;font-size:1.2rem}.movie-card p,.service-card p,.info-card p,.prose p,.notice p{color:var(--text-muted)}.card-badge{width:44px;height:44px;border-radius:16px;background:rgba(201,154,59,.17);border:1px solid rgba(201,154,59,.38);display:grid;place-items:center;color:#FFE1A1;font-weight:900}.split{display:grid;gap:26px;align-items:center}.feature-img{border-radius:24px;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.data-chart-panel{padding:22px;background:linear-gradient(180deg,rgba(201,154,59,.13),rgba(255,255,255,.04));border:1px solid rgba(201,154,59,.32);border-radius:24px}.data-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.data-row:last-child{border-bottom:0}.trend{color:#FFE1A1;font-weight:800}.stars{letter-spacing:2px;color:var(--primary)}.device-showcase,.security-section,.parental-guidance-section,.banner-section{border-radius:28px;background:linear-gradient(135deg,rgba(201,154,59,.16),rgba(255,255,255,.04));border:1px solid rgba(201,154,59,.28);padding:24px}.notice{padding:22px;border-color:rgba(201,154,59,.35)}.notice strong{color:#FFE1A1}.faq-item{padding:20px}.faq-item h3{margin:0 0 8px}.cta{padding:56px 0;background:linear-gradient(135deg,var(--primary),#E8C46F);color:#17120A}.cta p{color:#35260D;max-width:700px}.cta .main-button{background:#11151E;color:#FFF3D6}.page-hero{padding:78px 0 52px;background:radial-gradient(circle at 80% 20%,rgba(201,154,59,.2),transparent 35%),linear-gradient(180deg,#101521,#0D1018)}.prose h2{font-size:1.6rem;margin-top:32px}.check-list{display:grid;gap:12px;margin:20px 0;padding:0;list-style:none}.check-list li{padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.04)}.table-like{display:grid;gap:10px}.timeline-item{padding:16px;display:grid;gap:8px}.tag{display:inline-flex;width:max-content;padding:5px 10px;border-radius:999px;background:rgba(201,154,59,.13);color:#FFE1A1;font-size:.82rem;font-weight:800}.site-footer{background:#080B12;border-top:1px solid var(--line);padding:48px 0 0}.footer-grid{display:grid;gap:24px}.footer-logo img{height:44px;width:auto;margin-bottom:14px}.site-footer p{color:var(--text-muted)}.site-footer h3{margin:0 0 12px;color:#FFE1A1}.site-footer a{display:block;color:var(--text-muted);padding:5px 0}.site-footer a:hover{color:#FFE1A1}.footer-bottom{display:flex;flex-direction:column;gap:6px;text-align:center;color:#9F9788;border-top:1px solid var(--line);padding:18px;margin-top:28px;font-size:.9rem}@media (min-width:640px){.category-grid{grid-template-columns:repeat(2,1fr)}.service-grid,.card-grid,.faq-grid{grid-template-columns:repeat(2,1fr)}.data-grid{grid-template-columns:repeat(3,1fr)}.hero-stats{max-width:620px}}@media (min-width:920px){body{padding-top:82px}.mobile-topbar,.mobile-nav{display:none}.desktop-header{height:82px;display:flex;align-items:center;gap:24px;width:min(1240px,calc(100% - 48px));margin:0 auto}.desktop-logo img{height:48px;width:auto}.desktop-nav{display:flex;align-items:center;gap:18px;flex:1;justify-content:center}.desktop-nav a{position:relative;color:var(--text-muted);font-weight:700;font-size:.95rem;padding:28px 0}.desktop-nav a:after{content:"";position:absolute;height:3px;left:0;right:0;bottom:18px;transform:scaleX(0);background:var(--primary);border-radius:4px;transition:.25s}.desktop-nav a.active,.desktop-nav a:hover{color:#FFE1A1}.desktop-nav a.active:after,.desktop-nav a:hover:after{transform:scaleX(1)}.desktop-action{padding:11px 18px}.movie-hero{min-height:calc(100vh - 82px)}.category-grid{grid-template-columns:repeat(3,1fr)}.service-grid{grid-template-columns:repeat(3,1fr)}.card-grid{grid-template-columns:repeat(3,1fr)}.faq-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1.05fr .95fr}.split.reverse{grid-template-columns:.95fr 1.05fr}.footer-grid{grid-template-columns:1.5fr repeat(3,1fr)}.footer-bottom{flex-direction:row;justify-content:center;flex-wrap:wrap}.page-hero{padding:104px 0 70px}}@media (min-width:1180px){.category-grid.six{grid-template-columns:repeat(6,1fr)}.movie-card.compact{min-height:220px}.section{padding:74px 0}}
