:root {
  --blue-950: #081a3c;
  --blue-900: #0d2d67;
  --blue-700: #1768c7;
  --blue-500: #3aa9e8;
  --cyan: #73e4dd;
  --ink: #10213d;
  --muted: #61708a;
  --line: #dce7f4;
  --paper: #f6f9fc;
  --white: #fff;
  --shadow: 0 24px 70px rgba(12, 45, 103, .12);
  font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif;
  color: var(--ink);
  background: var(--paper);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.site-header { position: sticky; top: 0; z-index: 10; background: rgba(246,249,252,.86); backdrop-filter: blur(18px); border-bottom: 1px solid rgba(220,231,244,.8); }
.nav { height: 74px; max-width: 1180px; margin: auto; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; }
.brand { display: inline-flex; gap: 10px; align-items: center; font-weight: 800; letter-spacing: -.02em; }
.brand img { width: 34px; height: 34px; border-radius: 10px; }
.brand small { display: block; color: var(--muted); font-size: 10px; font-weight: 600; letter-spacing: .08em; margin-top: 2px; }
.nav-links { display: flex; gap: 26px; align-items: center; color: #50617d; font-size: 14px; }
.nav-links a:hover, .nav-links a.active { color: var(--blue-700); }
.nav-cta, .button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 0; cursor: pointer; border-radius: 14px; padding: 13px 19px; font-weight: 750; font-size: 14px; transition: transform .2s, box-shadow .2s, background .2s; }
.button:hover, .nav-cta:hover { transform: translateY(-2px); box-shadow: 0 12px 22px rgba(23,104,199,.22); }
.button-primary, .nav-cta { color: var(--white); background: var(--blue-900); }
.button-light { color: var(--blue-900); background: var(--white); border: 1px solid var(--line); }
.menu-toggle { display:none; background: none; border: 0; color: var(--ink); }
.hero { overflow: hidden; background: linear-gradient(120deg, var(--blue-950), #0e3978 60%, #33a8db); color: #fff; position: relative; }
.hero:after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 80% 35%, rgba(115,228,221,.3), transparent 30%); pointer-events: none; }
.media-hero { background:#071a3d; color:#fff; overflow:hidden; position:relative; }
.media-hero:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 74% 18%,rgba(73,190,237,.34),transparent 27%),linear-gradient(115deg,#071a3d 20%,#0e3978 66%,#124c8d); }
.media-hero-inner { max-width:1180px; margin:auto; padding:86px 24px 76px; display:grid; grid-template-columns:.88fr 1.12fr; gap:64px; align-items:center; position:relative; }
.media-copy h1 { font-size:clamp(42px,5.6vw,70px); }
.media-copy h1 span { color:var(--cyan); }
.media-copy > p { color:#d5e5f9; line-height:1.85; font-size:17px; max-width:510px; }
.hero-stats { display:flex; gap:22px; margin-top:38px; color:#aac1df; font-size:12px; }
.hero-stats span { padding-right:22px; border-right:1px solid rgba(255,255,255,.18); }
.hero-stats span:last-child { border:0; padding:0; }.hero-stats b { color:#fff; display:block; font-size:14px; margin-bottom:4px; }
.feature-story { min-height:420px; display:grid; grid-template-columns:1.08fr .92fr; background:#fff; color:var(--ink); border:1px solid rgba(255,255,255,.45); box-shadow:0 28px 70px rgba(0,0,0,.23); border-radius:12px; overflow:hidden; transform:rotate(1.2deg); position:relative; }
.cover-art { min-height:190px; position:relative; overflow:hidden; background:#196dc6; }.cover-art:after { content:""; position:absolute; inset:0; background:linear-gradient(135deg,transparent 35%,rgba(255,255,255,.22) 36% 42%,transparent 43%),radial-gradient(circle at 75% 20%,rgba(115,228,221,.9),transparent 14%); }
.cover-art span { position:absolute; z-index:1; left:14px; top:14px; padding:6px 9px; border-radius:6px; color:#062451; background:var(--cyan); font-size:11px; font-weight:850; }
.cover-feature { min-height:100%; background:linear-gradient(155deg,#03377a,#1468c8 52%,#75e4dd); }.cover-feature:before { content:""; position:absolute; width:75%; height:126%; left:18%; top:14%; border:12px solid rgba(255,255,255,.66); border-radius:50% 44% 51% 43%; transform:rotate(-20deg); }
.cover-feature img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.cover-feature:before { display:none; }
.cover-feature:after { background:linear-gradient(180deg,rgba(4,25,57,.04),rgba(4,25,57,.2)); }
.story-body { padding:32px 28px; align-self:end; }.story-body h2 { font-size:29px; margin:9px 0 14px; }.story-body p { color:var(--muted); line-height:1.7; font-size:14px; }.story-type { color:var(--blue-700)!important; font-size:12px!important; font-weight:800; }.story-body a,.text-link { color:var(--blue-700); font-size:14px; font-weight:800; }
.story-tag { position:absolute; top:18px; left:calc(54% + 18px); z-index:2; padding:6px 9px; border-radius:6px; color:#062451; background:var(--cyan); font-size:11px; font-weight:850; }
.source-date { color:var(--muted); font-size:13px; margin:0; }.news-card a { display:block; margin-top:5px; }.news-card a small { color:var(--blue-700); font-weight:750; }.panel-source { display:block; margin-top:9px; padding-top:12px; border-top:1px solid var(--line); color:var(--blue-700); font-size:12px; font-weight:800; }
.news-section { padding-bottom:80px; }.news-layout { display:grid; grid-template-columns:1fr 300px; gap:28px; align-items:stretch; }.news-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; align-items:stretch; }.news-card { height:408px; display:flex; flex-direction:column; background:#fff; border:1px solid var(--line); overflow:hidden; border-radius:10px; transition:transform .2s,box-shadow .2s; }.news-card:hover { transform:translateY(-5px); box-shadow:var(--shadow); }.news-card .cover-art { min-height:184px; }.news-card > div:last-child { flex:1; display:flex; flex-direction:column; padding:16px; }.news-card a { margin-top:auto; }.news-card h3 { margin:7px 0 12px; font-size:17px; line-height:1.45; }.news-card p,.news-card small { margin:0; color:var(--muted); font-size:12px; }.news-card p { color:var(--blue-700); font-weight:800; }.cover-one { background:linear-gradient(145deg,#0a397d,#1c94e2); }.cover-two { background:linear-gradient(145deg,#4335a8,#9c86e8); }.cover-three { background:linear-gradient(145deg,#007d79,#73d4bb); }
.news-card .cover-art img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 28%; }
.news-card .cover-art:after { background:linear-gradient(180deg,rgba(5,26,58,.08),rgba(5,26,58,.18)); }
.rank-panel { height:408px; padding:16px 20px; background:#fff; border:1px solid var(--line); border-radius:10px; }.rank-head { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); padding-bottom:10px; }.rank-head h3 { margin:0; font-size:17px; }.rank-head span { font-size:12px; color:var(--muted); }.rank-panel ol { margin:0; padding:0; list-style:none; }.rank-panel li { display:flex; gap:11px; align-items:center; padding:8px 0; border-bottom:1px solid var(--line); }.rank-panel li:last-child { border:0; }.rank-panel b { color:var(--blue-700); font-size:14px; }.rank-panel li span { flex:1; font-weight:750; font-size:14px; }.rank-panel small { display:block; color:var(--muted); margin-top:3px; font-size:11px; font-weight:400; }.rank-panel em { font-style:normal; color:#087b71; background:#e4f8f1; padding:4px 6px; border-radius:5px; font-size:10px; }
.rank-panel-dense li { padding:6px 0; }
.rank-panel-dense .panel-source { margin-top:6px; padding-top:8px; }
.calendar-band { color:#fff; background:linear-gradient(115deg,#0e326c,#1268ba); }.calendar-inner { max-width:1180px; margin:auto; padding:75px 24px; display:grid; grid-template-columns:.85fr 1.15fr; gap:80px; align-items:center; }.calendar-inner h2 { font-size:40px; max-width:500px; }.calendar-inner p { color:#c4dbf6; line-height:1.8; max-width:440px; }.calendar-inner .button { margin-top:15px; color:#092e67; background:var(--cyan); }.calendar-list { display:grid; gap:10px; }.calendar-list article { display:flex; align-items:center; gap:18px; padding:16px 18px; background:rgba(2,22,57,.38); border:1px solid rgba(255,255,255,.15); border-radius:8px; }.calendar-list > article > b { min-width:42px; color:var(--cyan); font-size:13px; }.calendar-list div { flex:1; }.calendar-list span { color:#9fc4ed; font-size:11px; }.calendar-list h3 { margin:2px 0; font-size:16px; }.calendar-list p { margin:0; color:#c7dcf7; font-size:12px; }.calendar-list i { font-style:normal; color:#083467; background:var(--cyan); border-radius:5px; padding:5px 7px; font-size:11px; font-weight:800; }
.calendar-list a { display:block; transition:transform .2s; }.calendar-list a:hover { transform:translateX(4px); }.calendar-list > a > article > b { min-width:62px; }
.hero-inner { max-width: 1180px; min-height: 600px; margin: auto; padding: 105px 24px 90px; display: grid; grid-template-columns: 1.05fr .95fr; gap: 70px; align-items: center; position: relative; z-index: 1; }
.eyebrow { color: var(--cyan); font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
h1 { margin: 18px 0 20px; max-width: 650px; font-size: clamp(42px, 6vw, 74px); line-height: 1.08; letter-spacing: -.055em; }
.hero-copy { max-width: 520px; color: #d7e7fb; line-height: 1.85; font-size: 17px; }
.hero-actions { display: flex; gap: 12px; margin-top: 30px; flex-wrap: wrap; }
.hero .button-primary { color: var(--blue-950); background: var(--cyan); }
.hero .button-light { color: #fff; background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.25); }
.hero-art { display: grid; grid-template-columns: 1fr 1.25fr; gap: 12px; align-items: end; }
.hero-art img { width: 80px; border-radius: 23px; box-shadow: 0 20px 50px rgba(0,0,0,.2); }
.phone { border: 8px solid rgba(255,255,255,.78); border-radius: 34px; background: #fff; padding: 11px; box-shadow: 0 36px 70px rgba(0,0,0,.23); transform: rotate(4deg); }
.phone-screen { min-height: 350px; border-radius: 22px; padding: 18px; background: linear-gradient(160deg,#e7f5ff,#fff 50%,#e4fbf6); color: var(--ink); }
.screen-bar { display:flex; justify-content:space-between; font-weight:800; font-size:12px; }
.screen-title { margin: 46px 0 14px; font-size: 26px; line-height:1.2; font-weight: 850; }
.screen-book { height: 96px; border-radius: 14px; background: linear-gradient(120deg,#216fca,#6ed9e3); margin-top: 20px; position:relative; overflow:hidden; }
.screen-book:before { content:""; position:absolute; width:100px; height:160px; background:rgba(255,255,255,.2); transform:rotate(35deg); right:25px; top:-32px; }
.section { max-width: 1180px; margin: auto; padding: 96px 24px; }
.section-head { display:flex; align-items:end; justify-content:space-between; gap:28px; margin-bottom: 34px; }
h2 { font-size: clamp(28px,4vw,44px); line-height:1.12; letter-spacing:-.04em; margin: 10px 0; }
.lead { color: var(--muted); line-height:1.8; max-width: 520px; }
.bento { display:grid; grid-template-columns: 1.25fr .75fr .75fr; grid-auto-rows: minmax(180px, auto); gap: 16px; }
.panel { background: var(--white); border:1px solid var(--line); border-radius: 20px; padding: 28px; box-shadow: 0 9px 34px rgba(27,65,111,.05); }
.panel h3 { margin: 16px 0 8px; font-size: 20px; }
.panel p { color:var(--muted); line-height:1.75; font-size:14px; margin:0; }
.panel-tall { grid-row: span 2; background: var(--blue-900); color:#fff; display:flex; flex-direction:column; justify-content:space-between; }
.panel-tall p { color:#c7ddf5; }
.icon { width:40px; height:40px; display:grid; place-items:center; border-radius:13px; background:#e9f7fb; color:var(--blue-700); }
.panel-tall .icon { background:rgba(115,228,221,.15); color:var(--cyan); }
.daily-updates { display:grid; gap:8px; margin-top:24px; }
.daily-updates a { display:grid; grid-template-columns:72px 1fr auto; align-items:center; gap:12px; padding:13px 14px; color:#fff; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); border-radius:7px; transition:background .2s,border-color .2s; }
.daily-updates a:hover { background:rgba(255,255,255,.12); border-color:rgba(115,228,221,.45); }
.daily-updates span { color:var(--cyan); font-size:11px; font-weight:800; }
.daily-updates strong { font-size:13px; }
.daily-updates small { color:#b9d2ed; font-size:11px; white-space:nowrap; }
.number { font-size:70px; font-weight:900; letter-spacing:-.08em; color:#d9f4f2; }
.download-band { background: var(--blue-950); color:#fff; }
.download-inner { max-width:1180px; padding:70px 24px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.download-inner p { color:#b6c7e3; line-height:1.75; }
.review-section { background:#fff; }.review-inner { max-width:1180px; margin:auto; padding:82px 24px; }.review-caption { color:var(--muted); font-size:13px; margin:0; }.review-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.review-card { min-height:220px; padding:25px; border:1px solid var(--line); border-radius:10px; display:flex; flex-direction:column; background:#f8fbfe; }.review-stars { color:#1d7ec9; font-size:15px; letter-spacing:3px; }.review-card > p { color:#405572; line-height:1.8; font-size:15px; margin:16px 0; }.review-card > div:last-child { margin-top:auto; padding-top:15px; border-top:1px solid #dbe8f3; }.review-card b { display:block; font-size:13px; }.review-card span { color:var(--muted); font-size:12px; }.review-action { margin-top:24px; padding-top:24px; border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:20px; color:var(--muted); font-size:14px; }
.site-footer { background:#07152f; color:#d8e4f4; padding:42px 24px 28px; }
.footer-inner { max-width:1180px; margin:auto; display:flex; justify-content:space-between; gap:30px; padding-bottom:30px; border-bottom:1px solid rgba(255,255,255,.12); }
.footer-inner p, .footer-links { color:#8ea4c5; font-size:13px; line-height:1.8; }
.footer-links { display:flex; gap:20px; flex-wrap:wrap; }
.copyright { max-width:1180px; margin:20px auto 0; color:#7189aa; font-size:12px; display:flex; justify-content:space-between; gap:20px; }
.page-hero { background:linear-gradient(120deg,var(--blue-950),#195da9); color:#fff; padding:82px 24px 78px; }
.page-hero-inner { max-width:1180px; margin:auto; }
.page-hero h1 { max-width:960px; font-size:clamp(38px,6vw,64px); margin-bottom:14px; }
.page-hero p { max-width:880px; color:#c8dbf5; line-height:1.8; }
.content-page { max-width:1180px; margin:auto; padding:64px 24px 88px; }.content-lead { display:grid; grid-template-columns:1.1fr .9fr; gap:20px; margin-bottom:66px; }.content-feature { min-height:330px; padding:36px; border-radius:14px; color:#fff; background:linear-gradient(145deg,#092e68,#1974c8); position:relative; overflow:hidden; }.content-feature:after { content:""; position:absolute; width:370px; height:370px; border:30px solid rgba(115,228,221,.24); border-radius:50%; right:-100px; top:-130px; }.content-feature h2 { position:relative; z-index:1; max-width:490px; font-size:40px; }.content-feature p { position:relative; z-index:1; max-width:470px; color:#d3e6fa; line-height:1.8; }.content-feature .button { position:relative; z-index:1; margin-top:12px; color:#063067; background:var(--cyan); }.quick-list { display:grid; gap:12px; }.quick-item { padding:22px; min-height:100px; border:1px solid var(--line); background:#fff; border-radius:10px; }.quick-item b { display:block; color:var(--blue-700); font-size:12px; margin-bottom:7px; }.quick-item h3 { font-size:18px; margin:0 0 5px; }.quick-item p { color:var(--muted); font-size:13px; line-height:1.65; margin:0; }.topic-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.topic-card { padding:25px; min-height:220px; border:1px solid var(--line); border-radius:10px; background:#fff; }.topic-card .icon { margin-bottom:35px; }.topic-card h3 { margin:0 0 9px; font-size:20px; }.topic-card p { margin:0; color:var(--muted); line-height:1.75; font-size:14px; }.guide-layout { display:grid; grid-template-columns:.78fr 1.22fr; gap:40px; align-items:start; }.guide-nav { padding:20px; background:#eff6fb; border-radius:10px; }.guide-nav h3 { margin:0 0 14px; font-size:16px; }.guide-nav a { display:block; padding:12px 10px; border-bottom:1px solid #d8e7f2; color:#47607e; font-size:14px; }.guide-nav a:last-child { border:0; }.guide-list { display:grid; gap:14px; }.guide-row { display:grid; grid-template-columns:48px 1fr auto; gap:15px; align-items:center; padding:19px 0; border-bottom:1px solid var(--line); }.guide-row b { color:var(--blue-700); font-size:14px; }.guide-row h3 { margin:0 0 6px; font-size:18px; }.guide-row p { margin:0; color:var(--muted); font-size:13px; }.guide-row span { color:var(--blue-700); font-size:13px; }.event-board { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.event-card { min-height:260px; padding:26px; border-radius:10px; background:#fff; border:1px solid var(--line); position:relative; overflow:hidden; }.event-card:before { content:""; position:absolute; top:0; left:0; width:100%; height:6px; background:var(--blue-500); }.event-card:nth-child(2):before { background:#64cfc2; }.event-card:nth-child(3):before { background:#846fd8; }.event-card b { color:var(--blue-700); font-size:13px; }.event-card h3 { margin:32px 0 10px; font-size:22px; }.event-card p { color:var(--muted); line-height:1.75; font-size:14px; }.event-card a { color:var(--blue-700); font-size:13px; font-weight:800; }.content-download { margin-top:70px; padding:36px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-radius:12px; background:#e7f5fb; }.content-download h2 { font-size:27px; margin:0 0 7px; }.content-download p { margin:0; color:var(--muted); font-size:14px; }
.prose { max-width:820px; margin:0 auto; color:#435673; line-height:1.9; font-size:15px; }
.prose h2 { color:var(--ink); font-size:28px; margin:42px 0 15px; }
.prose h2:first-child { margin-top:0; }
.prose p { margin:0 0 20px; }
.game-directory { max-width:1180px; margin:auto; padding:64px 24px 96px; }
.directory-head { display:flex; justify-content:space-between; align-items:end; gap:40px; padding-bottom:42px; border-bottom:1px solid var(--line); }
.directory-head h1 { max-width:none; margin:15px 0 14px; font-size:52px; }
.directory-head p { max-width:720px; margin:0; color:var(--muted); line-height:1.8; }
.back-link { display:inline-block; margin-bottom:34px; color:var(--blue-700); font-size:13px; font-weight:800; }
.directory-count { min-width:150px; padding-left:26px; border-left:1px solid var(--line); }
.directory-count b { display:block; font-size:44px; line-height:1; }
.directory-count span { display:block; margin-top:8px; color:var(--muted); font-size:13px; }
.directory-tools { position:sticky; top:74px; z-index:5; display:flex; justify-content:space-between; align-items:end; gap:28px; padding:22px 0; background:rgba(246,249,252,.95); backdrop-filter:blur(14px); border-bottom:1px solid var(--line); }
.game-search { width:280px; display:grid; gap:7px; color:var(--muted); font-size:11px; font-weight:800; }
.game-search input { width:100%; height:42px; padding:0 13px; color:var(--ink); background:#fff; border:1px solid var(--line); border-radius:6px; font:inherit; font-size:14px; outline:none; }
.game-search input:focus { border-color:var(--blue-500); box-shadow:0 0 0 3px rgba(58,169,232,.12); }
.filter-group { display:flex; gap:6px; flex-wrap:wrap; justify-content:flex-end; }
.filter-button { height:38px; padding:0 14px; color:#53647e; background:transparent; border:1px solid transparent; border-radius:6px; cursor:pointer; font-weight:750; }
.filter-button:hover { background:#eaf2f8; }
.filter-button.active { color:#fff; background:var(--blue-900); }
.game-results { margin-top:18px; }
.results-head,.game-entry { display:grid; grid-template-columns:110px minmax(330px,1.4fr) minmax(220px,.8fr) 90px; gap:24px; align-items:center; }
.results-head { padding:12px 18px; color:var(--muted); font-size:11px; font-weight:800; text-transform:uppercase; }
.game-entry { min-height:142px; padding:22px 18px; border-top:1px solid var(--line); }
.game-entry[hidden] { display:none; }
.game-entry time b { display:block; color:var(--blue-700); font-size:23px; }
.game-entry time small { color:var(--muted); font-size:11px; }
.entry-type { color:var(--blue-700); font-size:11px; font-weight:800; }
.game-entry h2 { margin:7px 0 5px; font-size:21px; letter-spacing:0; }
.game-entry p { margin:0; color:var(--muted); font-size:13px; line-height:1.6; }
.game-entry a { display:inline-block; margin-top:8px; color:var(--blue-700); font-size:12px; font-weight:800; }
.platforms { display:flex; gap:6px; flex-wrap:wrap; }
.platforms span { padding:5px 7px; color:#52657f; background:#eaf2f8; border-radius:4px; font-size:11px; }
.status { justify-self:end; padding:6px 8px; border-radius:5px; font-size:11px; font-style:normal; font-weight:800; }
.status.available { color:#087b71; background:#dcf7ef; }.status.upcoming { color:#8a5b00; background:#fff1c9; }.status.test { color:#5d48ba; background:#eeeaff; }.status.update { color:#1768c7; background:#e4f2ff; }
.empty-results { padding:70px 20px; text-align:center; color:var(--muted); border-top:1px solid var(--line); }
.content-block { margin:72px 0; }
.compact-head { align-items:end; margin-bottom:26px; }
.compact-head h2 { font-size:34px; }
.story-grid { border-top:2px solid var(--ink); }
.story-card { min-height:126px; padding:24px 4px; display:grid; grid-template-columns:130px minmax(280px,.85fr) 1fr auto; gap:28px; align-items:center; border-bottom:1px solid var(--line); transition:padding .2s,background .2s; }
.story-card:hover { padding-left:14px; padding-right:14px; background:#eef5fa; }
.story-meta { color:var(--blue-700); font-size:12px; font-weight:800; }
.story-card h3 { margin:0; font-size:20px; line-height:1.45; }
.story-card p { margin:0; color:var(--muted); font-size:14px; line-height:1.75; }
.story-card b { color:var(--blue-700); font-size:13px; white-space:nowrap; }
.process-block { padding:34px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.process-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.process-step { display:flex; gap:16px; }
.process-step > b { color:var(--blue-700); font-size:13px; }
.process-step h3 { margin:0 0 8px; font-size:18px; }
.process-step p { margin:0; color:var(--muted); font-size:14px; line-height:1.75; }
.help-grid { border-top:1px solid var(--line); }
.help-card { min-height:112px; padding:22px 4px; display:grid; grid-template-columns:90px 240px 1fr auto; gap:24px; align-items:center; border-bottom:1px solid var(--line); }
.help-card span { color:var(--blue-700); font-size:12px; font-weight:800; }
.help-card h3 { margin:0; font-size:20px; }
.help-card p { margin:0; color:var(--muted); font-size:14px; line-height:1.7; }
.help-card a { color:var(--blue-700); font-size:13px; font-weight:800; white-space:nowrap; }
.checklist { margin:0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(2,1fr); gap:0 42px; }
.checklist li { display:flex; gap:18px; padding:22px 0; border-top:1px solid var(--line); }
.checklist li > b { color:var(--blue-700); font-size:13px; }
.checklist h3 { margin:0 0 6px; font-size:18px; }
.checklist p { margin:0; color:var(--muted); font-size:14px; line-height:1.7; }
.timeline { position:relative; max-width:820px; margin:auto; }
.timeline:before { content:""; position:absolute; left:86px; top:10px; bottom:10px; width:1px; background:#cfe0ef; }
.timeline-item { display:grid; grid-template-columns:72px 1fr; gap:36px; position:relative; padding:0 0 42px; }
.timeline-item:before { content:""; position:absolute; left:81px; top:8px; width:11px; height:11px; border-radius:50%; background:var(--blue-500); box-shadow:0 0 0 5px #e1f3fa; }
.timeline-year { color:var(--blue-700); font-weight:850; }
.timeline-card { background:#fff; border:1px solid var(--line); border-radius:16px; padding:22px 25px; }
.timeline-card h3 { margin:0 0 8px; font-size:20px; }
.timeline-card p { margin:0; color:var(--muted); font-size:14px; line-height:1.8; }
.version-table { width:100%; border-collapse:collapse; background:#fff; border:1px solid var(--line); border-radius:16px; overflow:hidden; }
.version-table th,.version-table td { text-align:left; padding:20px 22px; border-bottom:1px solid var(--line); font-size:14px; }
.version-table th { color:var(--muted); font-size:12px; background:#f0f6fb; }
.version-table tr:last-child td { border-bottom:0; }
.tag { display:inline-block; padding:5px 9px; border-radius:999px; color:#08666b; background:#dcf7f1; font-size:12px; font-weight:750; }
.reveal { opacity:1; transform:none; }
.reveal.visible { opacity:1; transform:none; }
@media (min-width:761px) and (max-width:1024px) {
  .section { padding-left:24px; padding-right:24px; }
  .news-layout { grid-template-columns:1fr; }
  .news-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .news-card { height:420px; }
  .rank-panel { height:auto; }
  body:has(.nav-links a.active[href="versions.html"]) .content-lead { grid-template-columns:1fr; }
  body:has(.nav-links a.active[href="versions.html"]) .content-feature { min-height:300px; }
  body:has(.nav-links a.active[href="versions.html"]) .quick-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
  body:has(.nav-links a.active[href="versions.html"]) .quick-item { min-width:0; }
}
@media (max-width: 760px) { .nav { height:66px; padding:0 16px; } .nav-links { display:none; position:absolute; top:66px; left:0; right:0; flex-direction:column; align-items:stretch; padding:14px 20px 20px; background:#f6f9fc; border-bottom:1px solid var(--line); } .nav-links.open { display:flex; } .menu-toggle { display:block; } .nav-cta { display:none; } .hero-inner,.media-hero-inner,.calendar-inner { grid-template-columns:1fr; padding-top:75px; gap:36px; } .media-hero-inner { padding-bottom:64px; }.review-inner { padding:62px 18px; }.review-grid { grid-template-columns:1fr; }.review-action { align-items:flex-start; flex-direction:column; }.media-copy h1 { font-size:45px; }.hero-stats { gap:12px; }.hero-stats span { padding-right:12px; }.feature-story { min-height:0; transform:none; grid-template-columns:1fr; }.cover-feature { min-height:220px; }.story-body { padding:24px 20px; }.story-body h2 { font-size:24px; }.news-layout,.news-grid { grid-template-columns:1fr; }.news-grid { gap:12px; }.news-card { height:auto; display:grid; grid-template-columns:120px 1fr; }.news-card .cover-art { min-height:100%; }.news-card > div:last-child { display:block; padding:14px; }.news-card a { margin-top:5px; }.news-card h3 { font-size:15px; margin:5px 0 8px; }.rank-panel { height:auto; }.calendar-inner { padding:60px 18px; }.calendar-inner h2 { font-size:31px; }.calendar-list article { padding:14px; gap:12px; }.hero-art { max-width:440px; margin:auto; } .hero-art img { width:60px; } .phone-screen { min-height:290px; } .bento { grid-template-columns:1fr; } .panel-tall { grid-row:auto; min-height:280px; } .section { padding:68px 18px; } .section-head, .download-inner, .footer-inner, .copyright { display:block; } .download-inner .button { margin-top:16px; } .footer-links { margin-top:20px; } .copyright { line-height:1.8; } .timeline:before { left:49px; } .timeline-item { grid-template-columns:40px 1fr; gap:26px; } .timeline-item:before { left:44px; } .version-table { font-size:13px; } .version-table th,.version-table td { padding:14px 10px; } }
@media (max-width:760px) { .story-tag { position:static; display:inline-flex; margin-bottom:18px; } }
@media (max-width:760px) {
  .feature-story { min-height:390px; grid-template-columns:1.08fr .92fr; }
  .cover-feature { min-height:100%; }
  .story-body { align-self:end; padding:54px 14px 18px; }
  .story-body h2 { margin:7px 0 10px; font-size:18px; line-height:1.28; }
  .story-body p { font-size:11px; line-height:1.6; }
  .story-type { font-size:10px!important; }
  .story-body a { font-size:11px; }
  .story-tag { position:absolute; top:14px; left:calc(54% + 12px); display:inline-flex; margin:0; padding:5px 7px; font-size:10px; }
}
@media (max-width: 760px) { .content-page { padding:42px 18px 64px; }.content-lead,.guide-layout,.topic-grid,.event-board { grid-template-columns:1fr; }.content-lead { margin-bottom:46px; }.content-feature { min-height:0; padding:28px 24px; }.content-feature h2 { font-size:30px; }.quick-list { grid-template-columns:1fr; }.topic-card,.event-card { min-height:0; }.guide-layout { gap:24px; }.guide-row { grid-template-columns:36px 1fr; gap:10px; }.guide-row span { display:none; }.content-download { display:block; padding:26px; margin-top:46px; }.content-download .button { margin-top:18px; }.content-download h2 { font-size:24px; } }
@media (max-width:760px) { .content-block { margin:48px 0; }.compact-head h2 { font-size:28px; }.compact-head .lead { margin-top:14px; }.process-grid,.checklist { grid-template-columns:1fr; }.story-card { min-height:0; padding:22px 0; grid-template-columns:1fr auto; gap:10px 18px; }.story-card:hover { padding-left:0; padding-right:0; background:transparent; }.story-card h3,.story-card p { grid-column:1 / 3; }.story-card b { grid-column:2; grid-row:1; }.process-block { padding:28px 0; }.process-grid { gap:24px; }.help-card { min-height:0; padding:22px 0; grid-template-columns:62px 1fr; gap:8px 14px; }.help-card p,.help-card a { grid-column:2; }.checklist { gap:0; } }
@media (max-width:760px) { .game-directory { padding:42px 18px 68px; }.directory-head { display:block; padding-bottom:30px; }.directory-head h1 { font-size:38px; }.back-link { margin-bottom:28px; }.directory-count { display:flex; align-items:baseline; gap:8px; margin-top:26px; padding:0; border:0; }.directory-count b { font-size:32px; }.directory-tools { top:66px; display:block; padding:16px 0; }.game-search { width:100%; }.filter-group { margin-top:12px; justify-content:flex-start; flex-wrap:nowrap; overflow-x:auto; padding-bottom:3px; }.filter-button { flex:none; }.results-head { display:none; }.game-entry { grid-template-columns:66px 1fr auto; gap:12px; padding:22px 0; align-items:start; }.game-entry > div:nth-of-type(1) { grid-column:2 / 4; }.game-entry .platforms { grid-column:2 / 4; }.game-entry .status { grid-column:3; grid-row:1; }.game-entry h2 { font-size:18px; } }
body:has(.nav-links a.active[href="features.html"]) .page-hero { background:linear-gradient(120deg,#061e45,#1268ba); }body:has(.nav-links a.active[href="features.html"]) .content-feature { min-height:390px; background:linear-gradient(155deg,#073675,#1988d0); }body:has(.nav-links a.active[href="features.html"]) .quick-list { grid-template-columns:1fr; }body:has(.nav-links a.active[href="features.html"]) .quick-item { min-height:122px; padding:25px; }body:has(.nav-links a.active[href="features.html"]) .topic-card:nth-child(2) .icon { background:#eeeaff; color:#6654c4; }body:has(.nav-links a.active[href="features.html"]) .topic-card:nth-child(3) .icon { background:#e4faf3; color:#087b71; }
body:has(.nav-links a.active[href="features.html"]) .prose { max-width:none; }
body:has(.nav-links a.active[href="versions.html"]) .page-hero { background:linear-gradient(120deg,#241c59,#5740b4); }body:has(.nav-links a.active[href="versions.html"]) .content-lead { grid-template-columns:.7fr 1.3fr; }body:has(.nav-links a.active[href="versions.html"]) .content-feature { min-height:390px; background:linear-gradient(155deg,#2d216c,#6d59d5); }body:has(.nav-links a.active[href="versions.html"]) .quick-list { grid-template-columns:repeat(3,1fr); gap:10px; }body:has(.nav-links a.active[href="versions.html"]) .quick-item { min-height:390px; display:flex; flex-direction:column; justify-content:flex-end; padding:21px; }body:has(.nav-links a.active[href="versions.html"]) .guide-layout { margin-top:72px; }body:has(.nav-links a.active[href="versions.html"]) .guide-nav { position:sticky; top:96px; }body:has(.nav-links a.active[href="versions.html"]) .guide-row { padding:26px 0; }body:has(.nav-links a.active[href="versions.html"]) .content-download { background:#f0edff; }
body:has(.nav-links a.active[href="versions.html"]) .quick-item { position:relative; overflow:hidden; }
body:has(.nav-links a.active[href="versions.html"]) .quick-item img { position:absolute; inset:0 0 auto; width:100%; height:66%; object-fit:cover; object-position:center 24%; }
body:has(.nav-links a.active[href="versions.html"]) .prose { max-width:none; }
body:has(.nav-links a.active[href="journey.html"]) .page-hero { background:linear-gradient(120deg,#064b59,#0d8d8d); }body:has(.nav-links a.active[href="journey.html"]) .content-lead { grid-template-columns:1fr; gap:14px; }body:has(.nav-links a.active[href="journey.html"]) .content-feature { min-height:270px; background:linear-gradient(110deg,#075864,#0f9e98); display:flex; flex-direction:column; justify-content:center; }body:has(.nav-links a.active[href="journey.html"]) .content-feature:after { right:0; top:-140px; border-color:rgba(255,255,255,.16); }body:has(.nav-links a.active[href="journey.html"]) .quick-list { grid-template-columns:repeat(3,1fr); }body:has(.nav-links a.active[href="journey.html"]) .quick-item { min-height:140px; background:#f0fbfa; }body:has(.nav-links a.active[href="journey.html"]) .event-board { margin-top:12px; }body:has(.nav-links a.active[href="journey.html"]) .event-card { min-height:310px; }body:has(.nav-links a.active[href="journey.html"]) .content-download { background:#e4f7f4; }
@media (max-width:760px) { body:has(.nav-links a.active[href="versions.html"]) .content-lead,body:has(.nav-links a.active[href="journey.html"]) .content-lead,body:has(.nav-links a.active[href="versions.html"]) .quick-list,body:has(.nav-links a.active[href="journey.html"]) .quick-list { grid-template-columns:1fr; }body:has(.nav-links a.active[href="versions.html"]) .quick-item { min-height:0; display:block; padding:22px; } }
@media (max-width:760px) {
  body:has(.nav-links a.active[href="versions.html"]) .quick-item {
    min-height:180px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:20px 18px 20px calc(44% + 18px);
  }
  body:has(.nav-links a.active[href="versions.html"]) .quick-item img {
    position:absolute;
    inset:0 auto 0 0;
    width:44%;
    height:100%;
    margin:0;
    object-fit:cover;
    object-position:center 24%;
  }
}
body:has(.nav-links a.active[href="features.html"]) .page-hero,body:has(.nav-links a.active[href="versions.html"]) .page-hero,body:has(.nav-links a.active[href="journey.html"]) .page-hero { background:linear-gradient(120deg,var(--blue-950),#195da9); }body:has(.nav-links a.active[href="features.html"]) .content-feature,body:has(.nav-links a.active[href="versions.html"]) .content-feature,body:has(.nav-links a.active[href="journey.html"]) .content-feature { background:linear-gradient(145deg,#092e68,#1974c8); }body:has(.nav-links a.active[href="journey.html"]) .quick-item { background:#fff; }body:has(.nav-links a.active[href="versions.html"]) .content-download,body:has(.nav-links a.active[href="journey.html"]) .content-download { background:#e7f5fb; }
.download-hero { padding:88px 24px 96px; text-align:center; color:#fff; background:radial-gradient(circle at 50% 0,rgba(101,220,223,.28),transparent 26%),linear-gradient(135deg,#071a3d,#125baf); }.download-hero-inner { max-width:660px; margin:auto; }.download-hero img { width:82px; height:82px; border-radius:23px; margin:0 auto 23px; box-shadow:0 18px 42px rgba(0,0,0,.23); }.download-hero h1 { max-width:none; margin:15px 0 18px; font-size:58px; }.download-hero p { max-width:500px; margin:0 auto 27px; color:#d5e5f9; line-height:1.8; font-size:16px; }.download-main-button { display:inline-flex; align-items:center; gap:12px; color:#062a62; background:var(--cyan); padding:16px 24px; border-radius:13px; font-size:16px; font-weight:850; transition:transform .2s,box-shadow .2s; }.download-main-button:hover { transform:translateY(-2px); box-shadow:0 14px 25px rgba(0,0,0,.2); }.download-main-button span { font-size:22px; }.download-hero small { display:block; margin-top:14px; color:#b8d1ec; font-size:12px; }.download-content { max-width:1180px; margin:auto; padding:86px 24px; }.download-overview { display:flex; justify-content:space-between; gap:30px; align-items:end; margin-bottom:32px; }.download-overview h2 { margin:9px 0 0; }.download-overview p { max-width:460px; color:var(--muted); line-height:1.8; margin:0; }.download-benefits { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.download-benefits article { padding:26px; border:1px solid var(--line); border-radius:10px; background:#fff; }.download-benefits .icon { margin-bottom:32px; }.download-benefits h3 { margin:0 0 8px; font-size:20px; }.download-benefits p { margin:0; color:var(--muted); font-size:14px; line-height:1.75; }.install-panel { margin:72px 0; padding:42px; display:grid; grid-template-columns:.8fr 1.2fr; gap:55px; color:#fff; background:#092e68; border-radius:12px; }.install-copy h2 { font-size:34px; margin:10px 0; }.install-copy p { color:#c8def4; line-height:1.8; }.install-panel ol { margin:0; padding:0; list-style:none; display:grid; gap:4px; }.install-panel li { display:flex; gap:16px; padding:15px 0; border-bottom:1px solid rgba(255,255,255,.15); }.install-panel li:last-child { border:0; }.install-panel li b { width:32px; height:32px; display:grid; place-items:center; flex:none; border-radius:50%; color:#082e66; background:var(--cyan); }.install-panel h3 { margin:2px 0 5px; font-size:17px; }.install-panel li p { margin:0; color:#bdd5ef; font-size:13px; }.download-faq { max-width:760px; margin:0 auto; }.download-faq h2 { margin:9px 0 24px; }.download-faq details { border-top:1px solid var(--line); padding:19px 0; }.download-faq details:last-child { border-bottom:1px solid var(--line); }.download-faq summary { cursor:pointer; font-weight:800; }.download-faq p { color:var(--muted); line-height:1.8; margin:12px 0 0; font-size:14px; }.download-final { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:74px; padding:33px; background:#e7f5fb; border-radius:12px; }.download-final h2 { margin:0 0 7px; font-size:28px; }.download-final p { margin:0; color:var(--muted); }
@media (max-width:760px) { .download-hero { padding:66px 18px 72px; }.download-hero h1 { font-size:42px; }.download-hero img { width:70px; height:70px; }.download-content { padding:62px 18px; }.download-overview,.download-final { display:block; }.download-overview p { margin-top:16px; }.download-benefits,.install-panel { grid-template-columns:1fr; }.install-panel { margin:48px 0; padding:28px 24px; gap:25px; }.install-copy h2 { font-size:28px; }.download-final { margin-top:48px; padding:26px; }.download-final .button { margin-top:18px; }.download-faq h2 { font-size:28px; } }
@media (min-width:761px) and (max-width:1024px) {
  body:has(.nav-links a.active[href="versions.html"]) .content-lead { grid-template-columns:1fr; }
  body:has(.nav-links a.active[href="versions.html"]) .content-feature { min-height:300px; }
  body:has(.nav-links a.active[href="versions.html"]) .quick-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

/* 下载页正文与问答沿用页面主内容宽度。 */
.download-page .prose,
.download-page .download-faq { max-width: none; }

/* 游戏资讯详情页与页面主容器保持同宽。 */
article.section > .prose { max-width: none; }
.article-facts { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:0 0 48px; }
.article-facts div { padding:20px; border:1px solid var(--line); border-radius:8px; background:#fff; }
.article-facts b { display:block; margin-bottom:8px; color:var(--blue-700); font-size:12px; }
.article-facts span { color:var(--text); font-size:16px; font-weight:800; }
.article-columns { display:grid; grid-template-columns:repeat(2,1fr); gap:36px; margin:44px 0; }
.article-columns section { padding-top:22px; border-top:2px solid var(--blue-500); }
.article-columns h2 { margin-top:0; }
.news-detail-page .page-hero { min-height:394px; }
@media (max-width:760px) { .article-facts,.article-columns { grid-template-columns:1fr; }.article-facts { gap:8px; margin-bottom:36px; }.article-columns { gap:20px; margin:34px 0; } }
@media (max-width:760px) { .news-detail-page .page-hero { min-height:0; } }
.guide-row .guide-download { color:var(--blue-700); font-size:13px; }
@media (max-width:760px) { .guide-row .guide-download { display:none; } }

/* 移动端顶栏下载入口，桌面端样式不受影响。 */
@media (max-width:760px) {
  .nav .nav-cta { order:3; display:inline-flex; align-items:center; justify-content:center; gap:0; min-width:0; min-height:38px; margin-left:8px; padding:8px 9px; font-size:0; border-radius:8px; }
  .nav .nav-cta::before { content:"下载"; font-size:13px; font-weight:800; }
  .nav .menu-toggle { order:2; min-width:32px; min-height:38px; margin-left:auto; padding:0; }
  .nav .nav-links { order:4; }
  body:has(.nav-links a.active[href="versions.html"]) .guide-nav { position:static; top:auto; }
  .game-directory .directory-head .eyebrow { color:var(--blue-700); }
  .nav:not(:has(.menu-toggle))::after { content:"☰"; order:2; min-width:32px; margin-left:auto; text-align:center; color:var(--ink); font-size:14px; }
  .nav:not(:has(.menu-toggle)) .nav-cta { margin-left:8px; }
}
.nav-links a[href="journey.html"] { font-size:0; }
.nav-links a[href="journey.html"]::after { content:"下载"; font-size:13px; }
@media (max-width:760px) { .daily-updates a { grid-template-columns:68px 1fr; }.daily-updates small { grid-column:2; white-space:normal; } }

/* 跨页面标题按语义层级统一，局部布局不再改变同级标题字号。 */
h1,
.media-copy h1,
.page-hero h1,
.directory-head h1,
.download-hero h1 {
  font-size: clamp(38px, 6vw, 64px) !important;
  line-height: 1.08;
  letter-spacing: 0;
}

h2,
.story-body h2,
.calendar-inner h2,
.content-feature h2,
.content-download h2,
.prose h2,
.compact-head h2,
.install-copy h2,
.download-final h2,
.download-faq h2 {
  font-size: clamp(28px, 4vw, 34px) !important;
  line-height: 1.18;
  letter-spacing: 0;
}

h3,
.news-card h3,
.rank-head h3,
.calendar-list h3,
.panel h3,
.quick-item h3,
.topic-card h3,
.guide-nav h3,
.guide-row h3,
.event-card h3,
.story-card h3,
.process-step h3,
.help-card h3,
.checklist h3,
.timeline-card h3,
.download-benefits h3,
.install-panel h3 {
  font-size: 20px !important;
  line-height: 1.4;
  letter-spacing: 0;
}

@media (max-width: 760px) {
  h1,
  .media-copy h1,
  .page-hero h1,
  .directory-head h1,
  .download-hero h1 {
    font-size: 38px !important;
  }

  h2,
  .story-body h2,
  .calendar-inner h2,
  .content-feature h2,
  .content-download h2,
  .prose h2,
  .compact-head h2,
  .install-copy h2,
  .download-final h2,
  .download-faq h2 {
    font-size: 28px !important;
  }

  h3,
  .news-card h3,
  .rank-head h3,
  .calendar-list h3,
  .panel h3,
  .quick-item h3,
  .topic-card h3,
  .guide-nav h3,
  .guide-row h3,
  .event-card h3,
  .story-card h3,
  .process-step h3,
  .help-card h3,
  .checklist h3,
  .timeline-card h3,
  .download-benefits h3,
  .install-panel h3 {
    font-size: 18px !important;
  }
}