/* 新 morepage 版式 31（10-17）：深海军蓝 #0b1220 + 青色 #22d3ee 微光卡片，圆角 16px；类名一律 ig- 前缀，变量挂在 body.mp31 上。
   列表/文章/隐私/条款页 body 是「mp31 mp31-old」（还加载 module.css），这里只管页头、底部两张表、收尾和页脚，样式都写在 ig- 类名上。 */
.mp31 {
  --ig-bg:#0b1220;
  --ig-deep:#060a14;
  --ig-glass:rgba(255,255,255,.045);
  --ig-edge:rgba(34,211,238,.16);
  --ig-edge-hi:rgba(34,211,238,.45);
  --ig-cyan:#22d3ee;
  --ig-cyan-2:#67e8f9;
  --ig-cyan-soft:rgba(34,211,238,.08);
  --ig-line:rgba(148,163,184,.13);
  --ig-ink:#f8fafc;
  --ig-text:#e2e8f0;
  --ig-sub:#cbd5e1;
  --ig-muted:#94a3b8;
  --ig-grad:linear-gradient(135deg, #0891b2 0%, #2563eb 100%);
  --ig-r:16px;
}

/* 首页、内页底色（老页面不动） */
body.mp31:not(.mp31-old) {
  background-color:var(--ig-bg);
  background-image:radial-gradient(1100px 560px at 12% -8%, rgba(34,211,238,.1), transparent 62%), radial-gradient(900px 520px at 100% 14%, rgba(59,130,246,.09), transparent 60%);
  background-repeat:no-repeat;
  color:var(--ig-text); font-size:16px; line-height:1.8;
}
body.mp31:not(.mp31-old)::before {
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background-image:linear-gradient(rgba(34,211,238,.028) 1px, transparent 1px), linear-gradient(90deg, rgba(34,211,238,.028) 1px, transparent 1px);
  background-size:48px 48px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 0, #000 25%, transparent 78%); mask-image:radial-gradient(ellipse at 50% 0, #000 25%, transparent 78%);
}
.mp31 section[id] { scroll-margin-top:120px; }
.mp31.ig-inner section[id] { scroll-margin-top:84px; }
:where(.ig-main) a { color:var(--ig-cyan-2); }
.ig-main a:focus-visible, .ig-head a:focus-visible, .ig-foot a:focus-visible, .ig-cta a:focus-visible, .ig-faq summary:focus-visible, .ig-toggle:focus-visible { outline:2px solid var(--ig-cyan); outline-offset:2px; }

/* 玻璃卡片 */
.ig-glass { background:var(--ig-glass); border:1px solid var(--ig-edge); border-radius:var(--ig-r); box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 0 26px -8px rgba(34,211,238,.16), 0 18px 40px -26px rgba(0,0,0,.7); }

/* 按钮 */
.ig-btn-row { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:28px; }
.ig-btn { display:inline-flex; align-items:center; justify-content:center; padding:12px 28px; border:1px solid transparent; border-radius:12px; font-size:15px; font-weight:700; line-height:1.4; letter-spacing:.02em; text-decoration:none; transition:transform .2s, box-shadow .2s, filter .2s, border-color .2s, background-color .2s; }
.ig-btn-glow { background:var(--ig-grad); color:#fff; text-shadow:0 1px 2px rgba(3,16,38,.35); box-shadow:0 10px 26px -10px rgba(6,182,212,.65); }
.ig-btn-glow:hover { color:#fff; filter:brightness(1.08); transform:translateY(-2px); box-shadow:0 14px 30px -10px rgba(6,182,212,.75), 0 0 18px rgba(34,211,238,.2); }
.ig-btn-ghost { background:rgba(15,23,42,.62); border-color:rgba(148,163,184,.32); color:var(--ig-text); }
.ig-btn-ghost:hover { background:var(--ig-cyan-soft); border-color:var(--ig-edge-hi); color:#fff; transform:translateY(-2px); }

/* 页头：半透明吸顶，顶部条滚走、导航条贴顶 */
.ig-head { position:sticky; top:-31px; z-index:1030; background:rgba(8,14,27,.84); -webkit-backdrop-filter:blur(14px) saturate(140%); backdrop-filter:blur(14px) saturate(140%); border-bottom:1px solid var(--ig-edge); color:var(--ig-text); font-size:15px; line-height:1.6; }
.ig-topline { height:31px; line-height:30px; border-bottom:1px solid var(--ig-line); color:var(--ig-muted); font-size:12.5px; letter-spacing:.06em; text-align:center; white-space:nowrap; overflow:hidden; }
.ig-topline .container { overflow:hidden; text-overflow:ellipsis; }
.ig-dot { color:var(--ig-cyan); margin:0 10px; }
.mp31 .ig-nav { padding:0; --bs-navbar-color:var(--ig-sub); --bs-navbar-hover-color:#fff; --bs-navbar-active-color:#fff; }
.mp31 .ig-nav-in { min-height:64px; }
.ig-logo { order:0; display:block; line-height:0; margin-right:18px; }
.ig-logo img { height:38px; width:auto; max-width:150px; }
.ig-join { order:1; margin-left:auto; margin-right:10px; padding:7px 18px; border-radius:10px; background:var(--ig-grad); color:#fff; font-size:14px; font-weight:700; line-height:1.5; white-space:nowrap; text-decoration:none; text-shadow:0 1px 2px rgba(3,16,38,.35); box-shadow:0 6px 18px -8px rgba(6,182,212,.7); }
.ig-join:hover { color:#fff; filter:brightness(1.1); }
.mp31 .ig-toggle { order:2; padding:10px 9px; border:1px solid var(--ig-line); border-radius:10px; background:rgba(255,255,255,.03); }
.ig-toggle-bar, .ig-toggle-bar::before, .ig-toggle-bar::after { display:block; width:22px; height:2px; border-radius:2px; background:var(--ig-text); }
.ig-toggle-bar { position:relative; margin:7px 0; }
.ig-toggle-bar::before, .ig-toggle-bar::after { content:""; position:absolute; left:0; }
.ig-toggle-bar::before { top:-7px; }
.ig-toggle-bar::after { top:7px; }
.ig-collapse { order:3; }
.mp31 .ig-links .nav-link { position:relative; padding:8px 14px; border-radius:10px; color:var(--ig-sub); font-size:15px; font-weight:500; line-height:1.5; text-decoration:none; }
.mp31 .ig-links .nav-link:hover { color:#fff; background:var(--ig-cyan-soft); }
.mp31 .ig-links .nav-link.active { color:#fff; font-weight:700; }
.mp31 .ig-links .nav-link.active::after { content:""; position:absolute; left:14px; right:14px; bottom:2px; height:2px; border-radius:2px; background:var(--ig-grad); box-shadow:0 0 10px rgba(34,211,238,.7); }
.ig-anchor { border-top:1px solid var(--ig-line); padding:8px 0; }
.ig-anchor-in { display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; }
.ig-anchor-in::-webkit-scrollbar { display:none; }
.ig-anchor a { flex:0 0 auto; padding:3px 13px; border:1px solid var(--ig-edge); border-radius:999px; background:rgba(34,211,238,.05); color:#a5f3fc; font-size:13px; line-height:1.6; white-space:nowrap; text-decoration:none; }
.ig-anchor a:hover { background:rgba(34,211,238,.14); border-color:var(--ig-edge-hi); color:#fff; }
@media (min-width:992px) {
  .ig-collapse { order:1; }
  .ig-links { margin:0 auto; gap:2px; }
  .ig-join { order:2; margin:0 0 0 16px; }
  .ig-anchor-in { flex-wrap:wrap; justify-content:center; overflow:visible; }
}
@media (max-width:991.98px) {
  .ig-collapse { margin-top:2px; padding:8px 0 14px; border-top:1px solid var(--ig-line); }
  .mp31 .ig-links .nav-link { padding:10px 12px; }
  .mp31 .ig-links .nav-link.active { background:var(--ig-cyan-soft); }
  .mp31 .ig-links .nav-link.active::after { left:0; right:auto; top:10px; bottom:10px; width:3px; height:auto; }
}

/* 版块：标题居中 */
.ig-block { padding:64px 0; }
.ig-block-tint { background:linear-gradient(180deg, rgba(14,165,233,.04), rgba(14,165,233,.015)); border-top:1px solid rgba(34,211,238,.07); border-bottom:1px solid rgba(34,211,238,.07); }
.ig-title { max-width:780px; margin:0 auto 34px; text-align:center; }
.ig-title h2 { margin:0; color:#fff; font-size:clamp(1.6rem, 3vw, 2.25rem); font-weight:800; line-height:1.3; letter-spacing:.01em; }
.ig-title h2::after { content:""; display:block; width:56px; height:3px; margin:14px auto 0; border-radius:3px; background:var(--ig-grad); box-shadow:0 0 12px rgba(34,211,238,.55); }
.ig-title p { margin:14px 0 0; color:var(--ig-sub); font-size:15.5px; line-height:1.75; }

/* 首屏 */
.ig-hero { padding:76px 0 64px; text-align:center; }
.ig-hero-copy { max-width:880px; margin:0 auto; }
.ig-eyebrow { display:inline-flex; align-items:center; gap:8px; margin:0 0 18px; padding:5px 16px; border:1px solid var(--ig-edge); border-radius:999px; background:var(--ig-cyan-soft); color:var(--ig-cyan-2); font-size:13px; font-weight:600; letter-spacing:.06em; line-height:1.5; }
.ig-eyebrow::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--ig-cyan); box-shadow:0 0 10px var(--ig-cyan); }
.ig-hero h1 { margin:0 0 22px; color:#fff; font-size:clamp(2rem, 4.6vw, 3.3rem); font-weight:800; line-height:1.22; letter-spacing:.01em; background:linear-gradient(92deg, #fff 0%, #e0f7ff 48%, #22d3ee 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.ig-hero-text { max-width:780px; margin:0 auto; }
.ig-hero-text p { margin:0 0 12px; color:var(--ig-sub); font-size:16.5px; }
.ig-hero-frame { max-width:900px; margin:46px auto 0; padding:6px; border:1px solid var(--ig-edge); border-radius:22px; background:var(--ig-glass); box-shadow:0 0 46px -12px rgba(34,211,238,.38), 0 30px 60px -24px rgba(0,0,0,.7); }
.ig-hero-frame img { display:block; width:100%; height:auto; aspect-ratio:16 / 7; object-fit:cover; border-radius:16px; }

/* 表格 */
.mp31 .ig-table { --bs-table-bg:transparent; --bs-table-color:var(--ig-text); --bs-table-border-color:var(--ig-line); margin:0; min-width:560px; font-size:15px; }
.mp31 .ig-table thead th { padding:14px 20px; background:rgba(34,211,238,.06); border-bottom-color:var(--ig-edge); color:var(--ig-muted); font-size:12.5px; font-weight:600; letter-spacing:.1em; white-space:nowrap; }
.mp31 .ig-table td { padding:14px 20px; vertical-align:middle; }
.mp31 .ig-table tbody tr:last-child > * { border-bottom:0; }
.mp31 .ig-table tbody tr:hover > * { --bs-table-bg-state:rgba(34,211,238,.05); }
.ig-td-date { color:var(--ig-muted) !important; white-space:nowrap; font-variant-numeric:tabular-nums; }
.ig-td-comp { color:var(--ig-sub) !important; white-space:nowrap; }
.ig-td-team { color:var(--ig-ink) !important; font-weight:600; }
.ig-vs { margin:0 10px; color:var(--ig-muted); font-size:11px; font-weight:700; letter-spacing:.08em; }
.ig-score { color:var(--ig-cyan); font-size:16px; font-weight:800; white-space:nowrap; font-variant-numeric:tabular-nums; text-shadow:0 0 12px rgba(34,211,238,.45); }
.ig-status { display:inline-block; padding:2px 12px; border:1px solid rgba(34,211,238,.35); border-radius:999px; background:rgba(34,211,238,.07); color:#a5f3fc; font-size:13px; white-space:nowrap; }
.ig-td-ver { color:var(--ig-cyan) !important; font-weight:700; white-space:nowrap; }

/* 话题 1~3（无图文字占满） */
.ig-story { display:grid; gap:26px; margin-bottom:22px; padding:30px 32px; background-image:radial-gradient(520px 260px at 100% 0, rgba(34,211,238,.07), transparent 70%); }
.ig-story:last-child { margin-bottom:0; }
.ig-story h2 { margin:0 0 8px; color:#fff; font-size:clamp(1.35rem, 2.4vw, 1.75rem); font-weight:800; line-height:1.35; }
.ig-story h3, .ig-mini h3 { margin:0 0 14px; color:var(--ig-cyan); font-size:1.02rem; font-weight:600; line-height:1.6; }
.ig-story p { margin:0 0 10px; color:var(--ig-sub); }
.ig-story p:last-child { margin-bottom:0; }
.ig-story-media { border:1px solid var(--ig-edge); border-radius:12px; overflow:hidden; }
.ig-story-media img { display:block; width:100%; height:100%; aspect-ratio:3 / 2; object-fit:cover; }

/* feature 三步 */
.ig-step { position:relative; height:100%; padding:30px 24px 26px; text-align:center; }
.ig-step-no { display:flex; align-items:center; justify-content:center; width:44px; height:44px; margin:0 auto 16px; border-radius:50%; background:var(--ig-grad); color:#fff; font-size:18px; font-weight:800; line-height:1; text-shadow:0 1px 2px rgba(3,16,38,.35); box-shadow:0 0 0 6px rgba(34,211,238,.08), 0 0 20px rgba(34,211,238,.4); }
.ig-step h3 { margin:0 0 8px; color:#fff; font-size:1.1rem; font-weight:700; line-height:1.5; }
.ig-step p { margin:0; color:var(--ig-sub); font-size:15px; line-height:1.75; }
@media (min-width:768px) {
  .ig-steps > div:not(:last-child) .ig-step::after { content:""; position:absolute; top:51px; left:100%; width:var(--bs-gutter-x); border-top:2px dashed rgba(34,211,238,.35); }
}

/* 资讯 */
.ig-post { display:flex; flex-direction:column; height:100%; overflow:hidden; transition:border-color .2s, transform .2s; }
.ig-post:hover { border-color:var(--ig-edge-hi); transform:translateY(-2px); }
.ig-post-img { display:block; overflow:hidden; }
.ig-post-img img { display:block; width:100%; height:auto; aspect-ratio:16 / 9; object-fit:cover; }
.ig-post-txt { min-width:0; padding:16px 18px 20px; }
.ig-post time { color:var(--ig-cyan); font-size:12.5px; font-variant-numeric:tabular-nums; }
.ig-post h3 { margin:6px 0 8px; font-size:1rem; font-weight:700; line-height:1.55; }
.ig-post h3 a { color:var(--ig-ink); text-decoration:none; }
.ig-post h3 a:hover { color:var(--ig-cyan-2); }
.ig-post p { margin:0; color:var(--ig-sub); font-size:14px; line-height:1.7; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ig-post-wide h3 { font-size:1.12rem; }
.ig-post-wide p { -webkit-line-clamp:3; }
@media (min-width:768px) {
  .ig-post-wide { flex-direction:row; }
  .ig-post-wide .ig-post-img { flex:0 0 44%; }
  .ig-post-wide .ig-post-img img { height:100%; min-height:210px; aspect-ratio:auto; }
  .ig-post-wide .ig-post-txt { padding:20px 22px; align-self:center; }
}
.ig-more { margin-top:30px; text-align:center; }

/* 话题 4~6 */
.ig-mini { height:100%; padding:22px; overflow:hidden; }
.ig-mini-img { display:block; width:calc(100% + 44px); max-width:none; height:auto; aspect-ratio:16 / 10; object-fit:cover; margin:-22px -22px 18px; border-bottom:1px solid var(--ig-edge); }
.ig-mini h2 { margin:0 0 6px; color:#fff; font-size:1.22rem; font-weight:800; line-height:1.4; }
.ig-mini h3 { font-size:.98rem; margin-bottom:10px; }
.ig-mini p { margin:0 0 8px; color:var(--ig-sub); font-size:15px; line-height:1.75; }
.ig-mini p:last-child { margin-bottom:0; }

/* 问答 */
.ig-faq-list { display:grid; gap:12px; max-width:900px; margin:0 auto; }
.ig-faq { padding:0 22px; border-radius:14px; transition:border-color .2s; }
.ig-faq[open] { border-color:var(--ig-edge-hi); }
.ig-faq summary { position:relative; display:block; padding:18px 36px 18px 0; color:var(--ig-ink); font-weight:700; line-height:1.6; list-style:none; cursor:pointer; }
.ig-faq summary::-webkit-details-marker { display:none; }
.ig-faq summary::after { content:""; position:absolute; right:6px; top:50%; width:9px; height:9px; margin-top:-7px; border-right:2px solid var(--ig-cyan); border-bottom:2px solid var(--ig-cyan); transform:rotate(45deg); transition:transform .2s; }
.ig-faq[open] summary::after { margin-top:-2px; transform:rotate(-135deg); }
.ig-faq p { margin:0; padding:0 0 18px; color:var(--ig-sub); }

/* 内页 */
.ig-banner { padding:58px 0 50px; text-align:center; background:radial-gradient(760px 300px at 50% 0, rgba(34,211,238,.14), transparent 70%); border-bottom:1px solid var(--ig-line); }
.ig-crumb { display:flex; flex-wrap:wrap; justify-content:center; gap:6px; margin:0 0 16px; padding:0; list-style:none; color:var(--ig-muted); font-size:14px; }
.ig-crumb li + li::before { content:"\203A"; margin-right:6px; color:var(--ig-cyan); }
.ig-crumb a { color:var(--ig-muted); text-decoration:none; }
.ig-crumb a:hover { color:var(--ig-cyan-2); }
.ig-banner h1 { margin:0 0 18px; color:#fff; font-size:clamp(1.8rem, 3.6vw, 2.7rem); font-weight:800; line-height:1.25; }
.ig-banner-lead { max-width:820px; margin:0 auto 10px; color:var(--ig-sub); font-size:16.5px; }
.ig-prose { max-width:920px; margin:0 auto; padding:28px 32px; }
.ig-prose p { margin:0 0 12px; color:var(--ig-sub); }
.ig-prose p:last-child { margin-bottom:0; }
.ig-item { height:100%; padding:24px; }
.ig-tag { display:inline-block; margin-bottom:12px; padding:2px 11px; border:1px solid rgba(34,211,238,.3); border-radius:999px; background:rgba(34,211,238,.1); color:var(--ig-cyan-2); font-size:12.5px; font-weight:600; line-height:1.6; }
.ig-item h3 { margin:0 0 8px; color:#fff; font-size:1.08rem; font-weight:700; line-height:1.5; }
.ig-item p { margin:0; color:var(--ig-sub); font-size:15px; line-height:1.75; }
.ig-contact { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:12px; max-width:920px; margin:22px auto 0; padding:0; list-style:none; }
.ig-contact li { padding:16px 18px; border-radius:14px; color:var(--ig-ink); overflow-wrap:anywhere; }
.ig-contact span { display:block; margin-bottom:2px; color:var(--ig-cyan); font-size:12.5px; letter-spacing:.08em; }

/* 收尾 */
.ig-cta { padding:24px 0 72px; font-size:16px; line-height:1.75; }
.ig-cta-panel { padding:50px 32px; border:1px solid rgba(34,211,238,.28); border-radius:22px; text-align:center; background:radial-gradient(ellipse at 50% 0, rgba(34,211,238,.18), transparent 62%), rgba(255,255,255,.04); box-shadow:0 0 54px -14px rgba(34,211,238,.32); }
.ig-cta h2 { margin:0 0 10px; color:#fff; font-size:clamp(1.5rem, 3vw, 2.1rem); font-weight:800; line-height:1.35; }
.ig-cta p { max-width:640px; margin:0 auto; color:var(--ig-sub); }

/* 页脚 */
.ig-foot { padding:56px 0 26px; background:var(--ig-deep); border-top:1px solid rgba(34,211,238,.12); color:var(--ig-sub); font-size:14.5px; line-height:1.8; }
.ig-foot-cols { display:grid; grid-template-columns:1.6fr 1fr 1fr 1.6fr; gap:30px 40px; }
.ig-foot-logo { display:block; height:38px; width:auto; max-width:150px; margin-bottom:14px; }
.ig-foot-brand p { margin:0; color:var(--ig-sub); }
.ig-foot h3 { margin:0 0 14px; padding-bottom:8px; color:#fff; font-size:14px; font-weight:700; letter-spacing:.1em; line-height:1.5; background:linear-gradient(90deg, var(--ig-cyan), #3b82f6) left bottom / 26px 2px no-repeat; }
.ig-foot ul { margin:0; padding:0; list-style:none; }
.ig-foot li { margin-bottom:8px; }
.ig-foot-service li { overflow-wrap:anywhere; }
.ig-foot a { color:var(--ig-sub); text-decoration:none; }
.ig-foot a:hover { color:var(--ig-cyan); }
.ig-foot-friends { display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; margin-top:34px; padding-top:20px; border-top:1px solid var(--ig-line); }
.ig-foot-friends strong { margin-right:6px; color:#fff; }
.ig-foot-friends a { padding:1px 12px; border:1px solid rgba(148,163,184,.18); border-radius:999px; background:rgba(255,255,255,.03); font-size:13.5px; }
.ig-foot-legal { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px 20px; margin-top:20px; padding-top:18px; border-top:1px solid var(--ig-line); color:var(--ig-muted); font-size:13px; }
.ig-foot-legal a { color:var(--ig-muted); }

/* 老页面（mp31-old）：module.css 清零了 .container 内边距，补回来；底部两张表和收尾自己铺深色底 */
.mp31-old .ig-head .container, .mp31-old .ig-block .container, .mp31-old .ig-cta .container, .mp31-old .ig-foot .container { padding-left:12px; padding-right:12px; }
.mp31-old .ig-block, .mp31-old .ig-cta { background:var(--ig-bg); color:var(--ig-text); font-size:16px; line-height:1.8; }
.mp31-old .ig-cta { padding-top:48px; }
.mp31-old .ig-block + .ig-cta { padding-top:24px; }

/* 响应式 */
@media (min-width:992px) {
  .ig-story-pic { grid-template-columns:42% minmax(0, 1fr); gap:38px; align-items:center; }
  .ig-story-flip { grid-template-columns:minmax(0, 1fr) 42%; }
  .ig-story-flip .ig-story-media { order:2; }
}
@media (max-width:991.98px) {
  .ig-foot-cols { grid-template-columns:1fr 1fr; }
  .ig-foot-brand, .ig-foot-service { grid-column:1 / -1; }
}
@media (max-width:767.98px) {
  .ig-hero { padding:44px 0 40px; }
  .ig-hero-text p, .ig-banner-lead { text-align:left; }
  .ig-hero-frame { margin-top:32px; border-radius:18px; }
  .ig-hero-frame img { aspect-ratio:16 / 10; border-radius:13px; }
  .ig-block { padding:46px 0; }
  .ig-title { margin-bottom:26px; }
  .ig-story { padding:22px 20px; }
  .mp31 .ig-table { font-size:14px; }
  .mp31 .ig-table thead th, .mp31 .ig-table td { padding:11px 14px; }
  .ig-prose { padding:20px; }
  .ig-banner { padding:34px 0 32px; }
  .ig-cta-panel { padding:32px 20px; }
}
@media (max-width:575.98px) {
  .ig-btn-row .ig-btn { flex:1 1 auto; }
  .ig-logo img { height:32px; }
  .ig-join { padding:6px 14px; }
}