/* 新 morepage 版式 20「夜航」样式（10-16）。深海军蓝夜色 + 亮蓝强调，胶囊导航、标题居中首屏、大圆角卡片。
   选择器一律用本版式自己的 ax- 前缀；页头页脚只挂在 .ax-head / .ax-notice / .ax-jump / .ax-join-sec / .ax-foot 上，
   列表 / 文章 / 隐私 / 条款页（body.mp509.mp509-old，还加载 module.css）里也一样正常。 */
.mp509, .ax-head, .ax-notice, .ax-jump, .ax-join-sec, .ax-foot {
  --ax-night: #060c1f;
  --ax-navy: #0a1430;
  --ax-navy-2: #12224d;
  --ax-blue: #1d63e0;
  --ax-blue-2: #1d5fe0;
  --ax-sky: #8bb8ff;
  --ax-ink: #0e1a33;
  --ax-text: #2b3651;
  --ax-muted: #586480;
  --ax-soft: #eef2f9;
  --ax-line: #dce4f2;
  --ax-r: 24px;
}

/* 基础：只给首页、内页；mp20-old 那几页正文仍用 module.css 原样 */
body.mp509:not(.mp509-old) { color: var(--ax-text); background: var(--ax-soft); font-size: 16px; line-height: 1.8; }
.mp509:not(.mp509-old) h1, .mp509:not(.mp509-old) h2, .mp509:not(.mp509-old) h3 { font-weight: 800; letter-spacing: .01em; color: var(--ax-ink); }
.mp509:not(.mp509-old) section[id] { scroll-margin-top: 84px; }

/* ===== 页头 ===== */
.ax-head { position: sticky; top: 0; z-index: 1030; background: rgba(8, 16, 40, .97); border-bottom: 1px solid rgba(255,255,255,.07); box-shadow: 0 6px 24px rgba(3,8,24,.35); }
.ax-bar { padding: 10px 0; }
.ax-logo { padding: 0; margin-right: 10px; }
.ax-logo-ring { display: inline-flex; align-items: center; padding: 3px; border-radius: 999px; background: rgba(255,255,255,.06); box-shadow: inset 0 0 0 2px rgba(47,123,255,.75); overflow: hidden; }
.ax-logo-ring img { display: block; height: 38px; width: auto; max-width: none; border-radius: 999px; }
.ax-pills { gap: 4px; padding: 0; margin: 0; }
.ax-pills .nav-item { margin: 0; }
.ax-pills .nav-link { display: block; color: #c9d4ec !important; font-size: 15px; font-weight: 600; line-height: 1.4; padding: 8px 16px !important; border-radius: 999px; text-decoration: none; transition: background-color .2s, color .2s; }
.ax-pills .nav-link:hover { color: #fff !important; background: rgba(255,255,255,.08); }
.ax-pills .nav-link.active { color: #fff !important; background: var(--ax-blue); box-shadow: 0 6px 18px rgba(47,123,255,.4); }
.ax-join { background: var(--ax-blue); color: #fff !important; font-weight: 700; font-size: 14px; line-height: 1.4; border: 0; border-radius: 999px; padding: 8px 20px; text-decoration: none; box-shadow: 0 6px 18px rgba(47,123,255,.35); }
.ax-join:hover { background: var(--ax-blue-2); color: #fff !important; }
.ax-burger { border: 1px solid rgba(255,255,255,.22); border-radius: 999px; padding: 13px 11px; line-height: 1; }
.ax-burger:focus { box-shadow: 0 0 0 3px rgba(47,123,255,.4); }
.ax-burger-bars, .ax-burger-bars::before, .ax-burger-bars::after { display: block; width: 20px; height: 2px; border-radius: 2px; background: #e6ecfa; }
.ax-burger-bars { position: relative; }
.ax-burger-bars::before, .ax-burger-bars::after { content: ""; position: absolute; left: 0; }
.ax-burger-bars::before { top: -6px; }
.ax-burger-bars::after { top: 6px; }

/* 页头下的细横条 */
.ax-notice { background: #0d1a3d; color: #aebbd8; font-size: 13px; line-height: 1.6; border-bottom: 1px solid rgba(255,255,255,.06); }
.ax-notice-row { display: flex; align-items: center; gap: 12px; padding-top: 6px; padding-bottom: 6px; min-width: 0; }
.ax-notice-tag { flex: none; background: var(--ax-blue); color: #fff; font-size: 12px; font-weight: 700; line-height: 1.5; padding: 1px 10px; border-radius: 999px; }
.ax-notice-text { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: .04em; }
.ax-dot { color: var(--ax-sky); margin: 0 8px; font-weight: 700; }

/* 首页锚点：一排小胶囊，手机可横滑 */
.ax-jump { background: var(--ax-navy); border-bottom: 1px solid rgba(255,255,255,.06); }
.ax-jump-row { display: flex; gap: 8px; padding-top: 10px; padding-bottom: 10px; overflow-x: auto; white-space: nowrap; scrollbar-width: none; }
.ax-jump-row::-webkit-scrollbar { display: none; }
.ax-jump a { flex: none; color: #c9d4ec; font-size: 13px; line-height: 1.5; padding: 4px 14px; border: 1px solid rgba(139,184,255,.3); border-radius: 999px; text-decoration: none; }
.ax-jump a:hover { color: #fff; border-color: var(--ax-blue); background: rgba(47,123,255,.18); }

/* ===== 首屏 ===== */
.ax-hero { position: relative; color: #fff; padding: 72px 0 64px; background: radial-gradient(ellipse 70% 55% at 50% 0%, rgba(47,123,255,.38), transparent 70%), linear-gradient(180deg, #0a1430 0%, #0b1a44 55%, #10235a 100%); overflow: hidden; }
.ax-hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 120px; background: linear-gradient(180deg, transparent, rgba(6,12,31,.35)); pointer-events: none; }
.ax-hero .container { position: relative; z-index: 1; }
.ax-hero-copy { max-width: 880px; margin: 0 auto; text-align: center; }
.ax-eyebrow { display: inline-block; margin: 0 0 18px; padding: 4px 16px; font-size: 13px; font-weight: 700; letter-spacing: .08em; color: #a9c8ff; background: rgba(47,123,255,.16); border: 1px solid rgba(139,184,255,.35); border-radius: 999px; }
.mp509 .ax-hero h1 { color: #fff; font-size: clamp(1.8rem, 4.4vw, 3rem); line-height: 1.28; margin: 0 0 20px; }
.ax-lead { color: rgba(222,230,248,.84); max-width: 780px; margin: 0 auto 12px; }
.ax-cta-pair { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: 28px; }
.ax-btn-solid, .ax-btn-ghost { font-size: 16px; font-weight: 700; line-height: 1.4; border-radius: 999px; padding: 13px 32px; text-decoration: none; transition: background-color .2s, color .2s, border-color .2s; }
.ax-btn-solid { background: var(--ax-blue); color: #fff !important; border: 1px solid var(--ax-blue); box-shadow: 0 10px 28px rgba(47,123,255,.42); }
.ax-btn-solid:hover { background: var(--ax-blue-2); border-color: var(--ax-blue-2); }
.ax-btn-ghost { background: transparent; color: #fff !important; border: 1.5px solid rgba(255,255,255,.75); }
.ax-btn-ghost:hover { background: #fff; color: var(--ax-navy) !important; border-color: #fff; }
.ax-hero-frame { margin: 48px auto 0; max-width: 1080px; padding: 8px; border-radius: 34px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); box-shadow: 0 30px 70px rgba(2,6,20,.5); }
.ax-hero-img { display: block; width: 100%; height: auto; aspect-ratio: 12 / 5; object-fit: cover; border-radius: 27px; }
.ax-hero-sub { padding: 52px 0 56px; }
.ax-crumb { justify-content: center; margin: 0 0 16px; font-size: 14px; --bs-breadcrumb-divider-color: rgba(201,212,236,.6); }
.ax-crumb a { color: var(--ax-sky); text-decoration: none; }
.ax-crumb .breadcrumb-item.active { color: #c9d4ec; }
.ax-crumb .breadcrumb-item + .breadcrumb-item::before { content: "›"; }

/* ===== 版块 ===== */
.ax-sec { padding: 60px 0; }
.ax-sec-light { background: #fff; }
.ax-heading { margin-bottom: 28px; }
.ax-heading::before { content: ""; display: block; width: 40px; height: 4px; border-radius: 4px; margin-bottom: 14px; background: linear-gradient(90deg, var(--ax-blue), var(--ax-sky)); }
.mp509 .ax-heading h2 { font-size: clamp(1.4rem, 2.8vw, 1.9rem); margin: 0 0 8px; }
.ax-heading p { color: var(--ax-muted); margin: 0; max-width: 820px; }
.ax-heading-c { text-align: center; }
.ax-heading-c::before { margin-left: auto; margin-right: auto; }
.ax-heading-c p { margin: 0 auto; }
.ax-num { display: inline-block; margin-bottom: 12px; padding: 2px 12px; font-size: 12px; font-weight: 800; letter-spacing: .1em; line-height: 1.6; color: var(--ax-blue-2); background: rgba(47,123,255,.1); border-radius: 999px; }

/* 表格（即时比分 / 未来赛程 / 版本记录）：浅底上的深色表卡 */
.ax-grid-wrap { border-radius: var(--ax-r); background: linear-gradient(160deg, #0d1a3d, #0a1430); box-shadow: 0 22px 50px rgba(10,20,48,.18); }
.ax-grid { --bs-table-bg: transparent; --bs-table-color: #dbe3f4; --bs-table-border-color: rgba(255,255,255,.07); --bs-table-hover-bg: rgba(47,123,255,.1); margin: 0; min-width: 560px; font-size: 15px; }
.ax-grid thead th { color: var(--ax-sky); font-size: 13px; font-weight: 700; letter-spacing: .06em; white-space: nowrap; padding: 16px 18px; background: rgba(255,255,255,.04); border-bottom: 1px solid rgba(139,184,255,.25); }
.ax-grid td { padding: 14px 18px; vertical-align: middle; }
.ax-grid tbody tr:last-child td { border-bottom: 0; }
.ax-grid tbody tr:hover td { background: rgba(47,123,255,.08); }
.ax-when { color: #9fb0d3 !important; white-space: nowrap; font-variant-numeric: tabular-nums; }
.ax-league { display: inline-block; white-space: nowrap; font-size: 13px; padding: 2px 10px; border-radius: 999px; background: rgba(255,255,255,.08); color: #cfdaf2; }
.ax-pair { color: #fff !important; font-weight: 600; }
.ax-vs { color: var(--ax-sky); font-size: 12px; font-weight: 700; margin: 0 4px; }
.ax-result { display: inline-block; min-width: 64px; text-align: center; white-space: nowrap; padding: 3px 12px; border-radius: 999px; background: var(--ax-blue); color: #fff; font-weight: 800; font-variant-numeric: tabular-nums; }
.ax-state { display: inline-block; white-space: nowrap; font-size: 13px; padding: 2px 12px; border-radius: 999px; border: 1px solid rgba(139,184,255,.45); color: var(--ax-sky); }

/* 话题 1~3：浅底上的白色大圆角卡 */
.ax-topic + .ax-topic { padding-top: 0; }
.ax-panel { background: #fff; border-radius: 30px; padding: clamp(24px, 4vw, 52px); box-shadow: 0 24px 60px rgba(10,20,48,.08); border: 1px solid var(--ax-line); }
.mp509 .ax-panel h2 { font-size: clamp(1.4rem, 2.8vw, 1.9rem); margin: 0 0 8px; }
.mp509 .ax-panel h3 { font-size: 1.06rem; color: var(--ax-blue-2); margin: 0 0 16px; }
.ax-panel p { margin: 0 0 12px; }
.ax-panel p:last-child { margin-bottom: 0; }
.ax-topic-img { display: block; width: 100%; height: auto; aspect-ratio: 7 / 5; object-fit: cover; border-radius: 22px; }
@media (min-width: 992px) { .ax-topic-flip .ax-panel .row { flex-direction: row-reverse; } }

/* 三小标题块：深色带 + 半透明卡 */
.ax-sec-night { background: radial-gradient(ellipse 60% 70% at 85% 0%, rgba(47,123,255,.25), transparent 70%), var(--ax-navy); color: #c3cee6; }
.mp509 .ax-sec-night h2, .mp509 .ax-sec-night h3 { color: #fff; }
.ax-sec-night .ax-heading p { color: #aebbd8; }
.ax-glass { height: 100%; padding: 30px 26px; border-radius: var(--ax-r); background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); }
.mp509 .ax-glass h3 { font-size: 1.12rem; margin: 0 0 10px; }
.ax-glass h3::before { content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 10px; background: var(--ax-blue); box-shadow: 0 0 0 4px rgba(47,123,255,.25); vertical-align: middle; }
.ax-glass p { margin: 0; color: #b9c5df; }

/* 资讯 */
.ax-story { display: flex; gap: 14px; height: 100%; background: #fff; border: 1px solid var(--ax-line); border-radius: 20px; overflow: hidden; transition: box-shadow .2s, transform .2s; }
.ax-story:hover { box-shadow: 0 18px 40px rgba(10,20,48,.12); transform: translateY(-2px); }
.ax-story-pic { flex: none; display: block; width: 38%; max-width: 150px; }
.ax-story-pic img { display: block; width: 100%; height: 100%; min-height: 120px; object-fit: cover; }
.ax-story-body { padding: 14px 16px 14px 0; min-width: 0; }
.ax-story time { display: block; font-size: 13px; color: var(--ax-blue-2); font-weight: 600; margin-bottom: 4px; }
.mp509 .ax-story h3 { font-size: 1rem; line-height: 1.5; margin: 0 0 6px; }
.ax-story a { color: inherit; }
.ax-story h3 a { text-decoration: none; }
.ax-story h3 a:hover { color: var(--ax-blue-2); }
.ax-story p { font-size: 14px; color: var(--ax-muted); margin: 0; line-height: 1.7; }
.ax-story-big { flex-direction: column; gap: 0; }
.ax-story-big .ax-story-pic { width: 100%; max-width: none; }
.ax-story-big .ax-story-pic img { height: auto; min-height: 0; aspect-ratio: 16 / 9; }
.ax-story-big .ax-story-body { padding: 18px 20px 20px; }
.mp509 .ax-story-big h3 { font-size: 1.1rem; }
.ax-sec-light .ax-story { background: var(--ax-soft); border-color: transparent; }
.ax-more { text-align: center; margin-top: 32px; }
.ax-more a { display: inline-block; padding: 10px 28px; border-radius: 999px; border: 1.5px solid var(--ax-blue); color: var(--ax-blue-2) !important; font-weight: 700; text-decoration: none; }
.ax-more a:hover { background: var(--ax-blue); color: #fff !important; }

/* 话题 4~6：深色背景上的深蓝大卡 */
.ax-deep { background: linear-gradient(180deg, #081129, #0a1533); padding: 36px 0; }
.ax-dtopic { padding: 24px 0; }
.ax-dcard { padding: clamp(22px, 4vw, 44px); border-radius: 30px; background: linear-gradient(135deg, #142757 0%, #0c1838 100%); border: 1px solid rgba(139,184,255,.16); color: #c3cee6; }
.mp509 .ax-dcard h2 { color: #fff; font-size: clamp(1.3rem, 2.6vw, 1.75rem); margin: 0 0 8px; }
.mp509 .ax-dcard h3 { color: var(--ax-sky); font-size: 1.04rem; margin: 0 0 14px; }
.ax-dcard p { margin: 0 0 12px; }
.ax-dcard p:last-child { margin-bottom: 0; }
.ax-dcard .ax-num { color: var(--ax-sky); background: rgba(139,184,255,.14); }
.ax-dcard-img { display: block; width: 100%; height: auto; aspect-ratio: 24 / 17; object-fit: cover; border-radius: 22px; }

/* 内页正文、条目、联系方式 */
.ax-text { max-width: 900px; }
.ax-text p { margin: 0 0 14px; }
.ax-tile { height: 100%; padding: 26px 24px; border-radius: var(--ax-r); background: #fff; border: 1px solid var(--ax-line); box-shadow: 0 14px 34px rgba(10,20,48,.06); }
.ax-sec-light .ax-tile { background: var(--ax-soft); box-shadow: none; border-color: transparent; }
.ax-chip { display: inline-block; margin-bottom: 10px; padding: 2px 12px; font-size: 12px; font-weight: 700; color: #fff; background: var(--ax-blue); border-radius: 999px; }
.mp509 .ax-tile h3 { font-size: 1.1rem; margin: 0 0 8px; }
.ax-tile p { margin: 0; color: var(--ax-text); }
.ax-reach { list-style: none; padding: 0; margin: 20px 0 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
.ax-reach li { padding: 16px 20px; border-radius: 18px; background: var(--ax-navy); color: #e3e9f7; overflow-wrap: anywhere; }
.ax-reach span { display: block; font-size: 12px; font-weight: 700; letter-spacing: .08em; color: var(--ax-sky); margin-bottom: 2px; }

/* 常见问题 */
.ax-qa-list { max-width: 920px; margin: 0 auto; }
.ax-qa-item { margin-bottom: 12px; background: #fff; border: 1px solid var(--ax-line); border-radius: 20px; transition: border-color .2s; }
.ax-qa-item[open] { border-color: rgba(47,123,255,.55); box-shadow: 0 14px 34px rgba(10,20,48,.08); }
.ax-qa-item summary { position: relative; list-style: none; cursor: pointer; padding: 18px 58px 18px 24px; font-weight: 700; color: var(--ax-ink); }
.ax-qa-item summary::-webkit-details-marker { display: none; }
.ax-qa-item summary::after { content: "+"; position: absolute; right: 18px; top: 50%; width: 28px; height: 28px; margin-top: -14px; border-radius: 50%; background: rgba(47,123,255,.12); color: var(--ax-blue-2); font-size: 18px; line-height: 28px; text-align: center; font-weight: 700; }
.ax-qa-item[open] summary::after { content: "\2212"; background: var(--ax-blue); color: #fff; }
.ax-qa-item p { margin: 0; padding: 0 24px 20px; color: var(--ax-text); }

/* ===== 收尾 CTA ===== */
.ax-join-sec { background: var(--ax-soft); padding: 64px 0; }
.ax-join-box { text-align: center; padding: clamp(36px, 6vw, 68px) clamp(20px, 5vw, 56px); border-radius: 34px; color: #c6d2ec; background: radial-gradient(ellipse 60% 80% at 50% 0%, rgba(47,123,255,.42), transparent 70%), linear-gradient(160deg, #10235a, #0a1430); box-shadow: 0 30px 70px rgba(10,20,48,.25); }
.mp509 .ax-join-box h2 { color: #fff; font-size: clamp(1.45rem, 3vw, 2.1rem); font-weight: 800; line-height: 1.35; margin: 0 0 12px; }
.ax-join-box p { max-width: 640px; margin: 0 auto; font-size: 16px; line-height: 1.8; }

/* ===== 页脚 ===== */
.ax-foot { background: var(--ax-night); color: #94a3c4; font-size: 14px; line-height: 1.8; padding: 56px 0 26px; }
.mp509 .ax-foot h3 { color: #fff; font-size: 15px; font-weight: 700; margin: 0 0 14px; }
.ax-foot ul { list-style: none; padding: 0; margin: 0; }
.ax-foot li { margin: 0 0 7px; }
.ax-foot a { color: #c6d2ec; text-decoration: none; }
.ax-foot a:hover { color: var(--ax-sky); }
.ax-foot-logo img { height: 40px; }
.ax-foot-about { margin: 16px 0 0; max-width: 360px; }
.ax-foot-contact li { overflow-wrap: anywhere; }
.ax-foot-rec { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-top: 32px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.08); }
.ax-foot-rec span { font-size: 12px; font-weight: 700; color: #fff; background: rgba(47,123,255,.25); padding: 1px 10px; border-radius: 999px; }
.ax-foot-base { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 20px; margin-top: 20px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.08); font-size: 13px; color: #7d8cae; }

/* ===== 手机 ===== */
@media (max-width: 991.98px) {
  .ax-pills { padding: 12px 0 6px; gap: 6px; }
  .ax-pills .nav-link { padding: 10px 18px !important; }
  .ax-hero { padding: 52px 0 44px; }
  .ax-hero-frame { margin-top: 36px; border-radius: 26px; padding: 6px; }
  .ax-hero-img { border-radius: 21px; aspect-ratio: 16 / 9; }
}
@media (max-width: 575.98px) {
  .ax-logo-ring img { height: 32px; }
  .ax-sec { padding: 44px 0; }
  .ax-panel, .ax-dcard { border-radius: 24px; }
  .ax-btn-solid, .ax-btn-ghost { padding: 12px 24px; font-size: 15px; }
  .ax-hero-img { aspect-ratio: 4 / 3; }
}

/* ===== 列表 / 文章 / 隐私 / 条款页（body.mp509-old）：module.css 在 768 以上把 .container 左右内边距清零，页头页脚补回来 ===== */
.mp509-old .ax-head .container, .mp509-old .ax-notice .container, .mp509-old .ax-join-sec .container, .mp509-old .ax-foot .container { padding-left: 12px; padding-right: 12px; }
.mp509-old .ax-head, .mp509-old .ax-notice, .mp509-old .ax-join-sec { font-size: 15px; line-height: 1.7; }
.mp509-old .ax-join-sec { background: transparent; padding: 48px 0; }

.mp509 .mp-table-note{margin:.6rem 0 0;font-size:.86rem;color:#6b7280}