/* ============================================================
   开创AI智能校区 · 设计系统 v2.0  "Cinematic Dark + Aurora"
   出品：小创（教学部）· 调用超级美工完全体 v1（M16受限系统/M17视觉层级/M24 MAYA/M26最弱环节）
   日期：2026-10-01  取代 v1.0（v1 被尹总判"不够炫酷·老气"）
   变更：① 深色电影感为主视觉  ② 极光/网格/玻璃三件套  ③ 字号阶梯上探 88px
        ④ 加 8 档发光阴影  ⑤ 全局 reveal 默认可见（根治 P0 空白）
   ============================================================ */

:root{
  /* ---------- 品牌主色（Electra Blue） ---------- */
  --b-50:#EEF3FF; --b-100:#DCE6FF; --b-200:#BACDFF; --b-300:#8AABFF;
  --b-400:#5B87FB; --b-500:#2F6BFF; --b-600:#1E51E6; --b-700:#173FB8;
  --b-800:#14308C; --b-900:#122560;

  /* ---------- 强调色（Aurora Violet / Cyan / Amber） ---------- */
  --v-300:#C9B4FF; --v-400:#A98BFF; --v-500:#8B5CF6; --v-600:#7137E8; --v-700:#5B21B6;
  --c-300:#8FF3EC; --c-400:#4FE3D6; --c-500:#14C8B8; --c-600:#089E92;
  --a-400:#FFC24B; --a-500:#F59E0B; --a-600:#D97706;

  /* ---------- 语义 ---------- */
  --ok-500:#10B981; --ok-600:#059669;
  --warn-500:#F59E0B; --danger-500:#F43F5E; --danger-600:#E11D48;

  /* ---------- 深空底阶（Hero / 页脚 / 驾驶舱） ---------- */
  --ink-950:#05070F;
  --ink-900:#080B16;
  --ink-850:#0B1020;
  --ink-800:#0F1526;
  --ink-700:#141C33;
  --ink-600:#1B2544;
  --ink-500:#243057;

  /* ---------- 中性 ---------- */
  --g-0:#FFFFFF; --g-25:#FBFCFE; --g-50:#F7F9FC; --g-100:#F1F4F9; --g-200:#E6EAF2;
  --g-300:#D3D9E6; --g-400:#A7B0C4; --g-500:#7C8699; --g-600:#5A6478; --g-700:#3E4759;
  --g-800:#262E3F; --g-900:#141A27;

  /* ---------- 文本 ---------- */
  --tx-1:#0D1220; --tx-2:#4A5468; --tx-3:#8A94A8;
  --tx-inv:#FFFFFF; --tx-dark:#E9EFFA; --tx-dark-2:#9FB0CC; --tx-dark-3:#6E7E9C;

  /* ---------- 背景/边框 ---------- */
  --bg-page:#F6F8FC; --bg-surface:#FFFFFF; --bg-subtle:#F1F4F9;
  --bd-1:#EAEEF6; --bd-2:#E1E7F0; --bd-3:#CFD8E6;
  --bd-dark:rgba(255,255,255,.10); --bd-glass:rgba(255,255,255,.14);

  /* ---------- 字号阶梯（上探 88px，M16 受限系统） ---------- */
  --f-2xs:11px; --f-xs:12px; --f-sm:13px; --f-base:14px; --f-md:15px; --f-lg:16px;
  --f-xl:18px; --f-2xl:20px; --f-3xl:24px; --f-4xl:30px; --f-5xl:38px;
  --f-6xl:48px; --f-7xl:60px; --f-8xl:76px; --f-9xl:88px;
  --lh-1:1.06; --lh-2:1.15; --lh-3:1.3; --lh-4:1.55; --lh-5:1.75;
  --ls-1:-.035em; --ls-2:-.02em; --ls-3:0; --ls-4:.04em; --ls-5:.14em;

  /* ---------- 间距 ---------- */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px;
  --s-8:32px; --s-10:40px; --s-12:48px; --s-16:64px; --s-20:80px; --s-24:96px; --s-32:128px;

  /* ---------- 圆角 ---------- */
  --r-xs:6px; --r-sm:10px; --r-md:14px; --r-lg:20px; --r-xl:28px; --r-2xl:36px; --r-full:9999px;

  /* ---------- 阴影（浅色 5 档 + 深色发光 4 档） ---------- */
  --sh-1:0 1px 2px rgba(13,18,32,.06);
  --sh-2:0 2px 8px rgba(13,18,32,.07),0 1px 2px rgba(13,18,32,.04);
  --sh-3:0 8px 24px rgba(13,18,32,.09),0 2px 6px rgba(13,18,32,.04);
  --sh-4:0 18px 44px rgba(13,18,32,.12),0 6px 14px rgba(13,18,32,.05);
  --sh-5:0 36px 80px rgba(13,18,32,.16),0 12px 28px rgba(13,18,32,.07);
  --glow-b:0 0 0 1px rgba(47,107,255,.35),0 18px 48px rgba(47,107,255,.35);
  --glow-v:0 0 0 1px rgba(139,92,246,.35),0 18px 48px rgba(139,92,246,.32);
  --glow-mix:0 24px 70px rgba(47,107,255,.30),0 10px 30px rgba(139,92,246,.24);

  /* ---------- 渐变资产 ---------- */
  --gd-brand:linear-gradient(120deg,#2F6BFF 0%,#8B5CF6 55%,#14C8B8 100%);
  --gd-brand-2:linear-gradient(120deg,#2F6BFF 0%,#7137E8 100%);
  --gd-text:linear-gradient(100deg,#FFFFFF 0%,#C9D9FF 45%,#A98BFF 100%);
  --gd-dark:linear-gradient(165deg,#080B16 0%,#0F1526 55%,#141C33 100%);
  --gd-card:linear-gradient(160deg,rgba(255,255,255,.09) 0%,rgba(255,255,255,.03) 100%);
  --gd-aurora:radial-gradient(60% 60% at 20% 20%,rgba(47,107,255,.55) 0%,transparent 60%),
              radial-gradient(50% 50% at 80% 10%,rgba(139,92,246,.45) 0%,transparent 60%),
              radial-gradient(60% 60% at 70% 80%,rgba(20,200,184,.32) 0%,transparent 60%);

  /* ---------- 布局 ---------- */
  --w-narrow:760px; --w-base:1120px; --w-wide:1280px; --w-max:1400px;
  --nav-h:68px;

  /* ---------- 动效 ---------- */
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(0,0,.2,1);
  --ease-spring:cubic-bezier(.34,1.4,.64,1);
  --d-fast:160ms; --d-base:280ms; --d-slow:520ms; --d-cine:900ms;

  --z-nav:100; --z-drawer:200; --z-modal:300; --z-toast:400;
}

/* ============================ 重置 ============================ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  font-family:"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:var(--f-base);line-height:var(--lh-4);color:var(--tx-1);background:var(--bg-page);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
img,svg{max-width:100%;display:block}
::selection{background:rgba(47,107,255,.25)}

/* ============================ 排版 ============================ */
.t-9xl{font-size:clamp(40px,7.2vw,var(--f-9xl));line-height:var(--lh-1);font-weight:800;letter-spacing:var(--ls-1)}
.t-7xl{font-size:clamp(32px,4.6vw,var(--f-7xl));line-height:var(--lh-1);font-weight:800;letter-spacing:var(--ls-1)}
.t-5xl{font-size:clamp(26px,3.2vw,var(--f-5xl));line-height:var(--lh-2);font-weight:700;letter-spacing:var(--ls-2)}
.t-4xl{font-size:var(--f-4xl);line-height:var(--lh-2);font-weight:700;letter-spacing:var(--ls-2)}
.t-3xl{font-size:var(--f-3xl);line-height:var(--lh-3);font-weight:700}
.t-2xl{font-size:var(--f-2xl);line-height:var(--lh-3);font-weight:600}
.t-1xl{font-size:var(--f-xl);font-weight:600}
.t-lg{font-size:var(--f-lg);line-height:var(--lh-4)}
.t-body{font-size:var(--f-lg);line-height:var(--lh-5);color:var(--tx-2)}
.t-dark-2{color:var(--tx-dark-2)}
.grad-text{background:var(--gd-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.grad-text-b{background:var(--gd-brand-2);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{font-size:var(--f-xs);font-weight:700;letter-spacing:var(--ls-5);text-transform:uppercase;color:var(--b-600)}
.eyebrow-dark{color:var(--c-400)}

/* ============================ 布局 ============================ */
.wrap{width:100%;max-width:var(--w-base);margin:0 auto;padding:0 var(--s-6)}
.wrap-wide{max-width:var(--w-wide)}
.wrap-max{max-width:var(--w-max)}
.sec{padding:var(--s-32) 0;position:relative}
.sec-sm{padding:var(--s-24) 0}
.sec-head{max-width:720px;margin:0 auto var(--s-16);text-align:center}
.sec-head .t-5xl{margin:var(--s-4) 0 var(--s-5)}
@media(max-width:768px){.sec{padding:var(--s-20) 0}.sec-sm{padding:var(--s-16) 0}}

/* ============================ 按钮 ============================ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);
  height:44px;padding:0 var(--s-6);border-radius:var(--r-md);font-size:var(--f-md);font-weight:600;
  letter-spacing:.01em;transition:transform var(--d-fast) var(--ease),box-shadow var(--d-base) var(--ease),background var(--d-fast);white-space:nowrap}
.btn:active{transform:translateY(1px) scale(.99)}
.btn-grad{background:var(--gd-brand-2);color:#fff;box-shadow:var(--glow-b)}
.btn-grad:hover{transform:translateY(-2px);box-shadow:var(--glow-mix)}
.btn-dark{background:var(--ink-900);color:#fff}
.btn-dark:hover{background:var(--ink-800);transform:translateY(-2px)}
.btn-glass{background:rgba(255,255,255,.08);color:#fff;border:1px solid var(--bd-glass);backdrop-filter:blur(14px)}
.btn-glass:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.3);transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--tx-1);border:1px solid var(--bd-2)}
.btn-ghost:hover{border-color:var(--b-400);color:var(--b-600);background:var(--b-50)}
.btn-lg{height:54px;padding:0 var(--s-8);font-size:var(--f-lg);border-radius:var(--r-lg)}
.btn-xl{height:60px;padding:0 var(--s-10);font-size:var(--f-xl);border-radius:var(--r-lg)}
.btn-sm{height:36px;padding:0 var(--s-4);font-size:var(--f-sm);border-radius:var(--r-sm)}

/* ============================ 卡片 ============================ */
.card{background:var(--bg-surface);border:1px solid var(--bd-1);border-radius:var(--r-lg);box-shadow:var(--sh-2);transition:transform var(--d-base) var(--ease),box-shadow var(--d-base) var(--ease),border-color var(--d-base)}
.card:hover{transform:translateY(-4px);box-shadow:var(--sh-4);border-color:var(--b-200)}
.card-pad{padding:var(--s-8)}
.glass{background:var(--gd-card);border:1px solid var(--bd-glass);border-radius:var(--r-lg);backdrop-filter:blur(18px)}
.glass-strong{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(24px)}
.shine{position:relative;overflow:hidden}
.shine::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.16) 50%,transparent 62%);
  transform:translateX(-120%);transition:transform var(--d-cine) var(--ease)}
.shine:hover::after{transform:translateX(120%)}

/* ============================ 徽标 ============================ */
.badge{display:inline-flex;align-items:center;gap:6px;padding:5px var(--s-3);border-radius:var(--r-full);
  font-size:var(--f-xs);font-weight:600;letter-spacing:.02em}
.badge-glass{background:rgba(255,255,255,.08);border:1px solid var(--bd-glass);color:var(--tx-dark)}
.badge-brand{background:var(--b-50);color:var(--b-600);border:1px solid var(--b-100)}
.badge-violet{background:#F3EDFF;color:var(--v-600)}
.badge-cyan{background:#E4FAF7;color:var(--c-600)}

/* ============================ 极光背景（Hero） ============================ */
.aurora{position:absolute;inset:-20% -10% auto -10%;height:120%;pointer-events:none;z-index:0}
.aurora i{position:absolute;display:block;border-radius:50%;filter:blur(90px);opacity:.85;will-change:transform}
.aurora .a1{width:620px;height:620px;left:-6%;top:-12%;background:radial-gradient(circle,rgba(47,107,255,.85),transparent 66%);animation:drift1 22s var(--ease) infinite alternate}
.aurora .a2{width:540px;height:540px;right:-4%;top:-8%;background:radial-gradient(circle,rgba(139,92,246,.75),transparent 66%);animation:drift2 26s var(--ease) infinite alternate}
.aurora .a3{width:640px;height:640px;left:34%;bottom:-24%;background:radial-gradient(circle,rgba(20,200,184,.45),transparent 68%);animation:drift3 30s var(--ease) infinite alternate}
@keyframes drift1{to{transform:translate3d(70px,50px,0) scale(1.12)}}
@keyframes drift2{to{transform:translate3d(-60px,60px,0) scale(1.16)}}
@keyframes drift3{to{transform:translate3d(40px,-50px,0) scale(1.08)}}
.grid-veil{position:absolute;inset:0;pointer-events:none;z-index:1;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000 0%,transparent 78%);
  mask-image:radial-gradient(70% 60% at 50% 30%,#000 0%,transparent 78%)}
.noise{position:absolute;inset:0;pointer-events:none;z-index:2;opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}

/* ============================ 导航 ============================ */
.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:var(--z-nav);display:flex;align-items:center;
  transition:background var(--d-base),border-color var(--d-base),backdrop-filter var(--d-base);border-bottom:1px solid transparent}
.nav.solid{background:rgba(8,11,22,.72);backdrop-filter:blur(20px) saturate(1.4);border-bottom-color:rgba(255,255,255,.08)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s-8);width:100%}
.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;letter-spacing:-.01em}
.brand .mark{width:34px;height:34px;border-radius:10px;background:var(--gd-brand-2);display:grid;place-items:center;
  font-size:15px;font-weight:800;color:#fff;box-shadow:var(--glow-b)}
.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:var(--ls-5);color:var(--tx-dark-3);text-transform:uppercase}
.nav-links{display:flex;align-items:center;gap:var(--s-8)}
.nav-links a{font-size:var(--f-md);color:var(--tx-dark-2);font-weight:500;transition:color var(--d-fast)}
.nav-links a:hover{color:#fff}
.nav-cta{display:flex;align-items:center;gap:var(--s-3)}
@media(max-width:960px){.nav-links{display:none}}

/* ============================ Hero ============================ */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;background:var(--ink-950);overflow:hidden;isolation:isolate}
.hero::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
  background:linear-gradient(to bottom,transparent 55%,var(--ink-950) 100%)}
.hero .wrap{position:relative;z-index:4;padding-top:var(--nav-h)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--s-16);align-items:center}
.hero h1{margin:var(--s-6) 0 var(--s-6)}
.hero .sub{max-width:560px;font-size:clamp(16px,1.5vw,20px);line-height:1.7;color:var(--tx-dark-2)}
.hero-cta{display:flex;gap:var(--s-4);margin:var(--s-10) 0 var(--s-8);flex-wrap:wrap}
.hero-trust{display:flex;gap:var(--s-6);flex-wrap:wrap;color:var(--tx-dark-3);font-size:var(--f-sm)}
.hero-trust b{color:var(--tx-dark);font-weight:700}
.hero-stats{display:flex;gap:var(--s-10);margin-top:var(--s-12);flex-wrap:wrap}
.hero-stats .n{font-size:var(--f-4xl);font-weight:800;letter-spacing:var(--ls-1);background:var(--gd-text);
  -webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.hero-stats .l{font-size:var(--f-xs);color:var(--tx-dark-3);margin-top:6px;letter-spacing:.03em}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:var(--s-12)}.hero{min-height:auto;padding:120px 0 80px}}

/* ---------- 悬浮产品截图（纯 CSS 仿真，无外链） ---------- */
.mock{position:relative;border-radius:var(--r-xl);background:linear-gradient(170deg,rgba(255,255,255,.12),rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.16);box-shadow:var(--sh-5),var(--glow-mix);padding:var(--s-4);
  backdrop-filter:blur(20px);animation:float 7s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.mock-bar{display:flex;align-items:center;gap:7px;padding:4px 6px 12px}
.mock-bar i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.22)}
.mock-body{background:rgba(8,11,22,.72);border:1px solid rgba(255,255,255,.10);border-radius:var(--r-md);padding:var(--s-4);color:#fff}
.mock-row{display:flex;gap:var(--s-3);margin-bottom:var(--s-3)}
.mock-kpi{flex:1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);border-radius:var(--r-sm);padding:12px}
.mock-kpi .k{font-size:10px;color:var(--tx-dark-3);letter-spacing:.06em}
.mock-kpi .v{font-size:22px;font-weight:800;letter-spacing:-.02em;margin-top:4px}
.mock-kpi .v.up{color:#4FE3D6}
.mock-chart{height:104px;display:flex;align-items:flex-end;gap:8px;background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);border-radius:var(--r-sm);padding:12px}
.mock-chart b{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(to top,rgba(47,107,255,.35),#8B5CF6);animation:grow 1.2s var(--ease) backwards}
@keyframes grow{from{height:8%!important;opacity:.3}}
.mock-line{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--tx-dark-2);
  padding:9px 12px;border-radius:var(--r-sm);background:rgba(255,255,255,.04);margin-top:var(--s-2)}
.mock-line .dot{width:6px;height:6px;border-radius:50%;background:var(--c-400);box-shadow:0 0 10px var(--c-400)}
.mock-float{position:absolute;right:-18px;bottom:-18px;padding:12px 16px;border-radius:var(--r-md);
  background:rgba(8,11,22,.9);border:1px solid rgba(20,200,184,.4);box-shadow:var(--glow-b);font-size:12px;color:#fff}
.mock-float b{color:#4FE3D6}

/* ============================ 通带（Logo/信任条） ============================ */
.band{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(5,7,15,.6);position:relative;z-index:4}
.band .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s-8);padding:var(--s-6) var(--s-6);flex-wrap:wrap}
.band .item{font-size:var(--f-sm);color:var(--tx-dark-3)}
.band .item b{color:var(--tx-dark);font-size:var(--f-xl);font-weight:800;letter-spacing:-.02em;display:block}

/* ============================ 卡片网格 ============================ */
.grid{display:grid;gap:var(--s-6)}
.g2{grid-template-columns:repeat(2,1fr)} .g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1000px){.g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.g2,.g3,.g4{grid-template-columns:1fr}}

.tile{position:relative;padding:var(--s-8);border-radius:var(--r-lg);background:var(--bg-surface);
  border:1px solid var(--bd-1);box-shadow:var(--sh-2);transition:transform var(--d-base) var(--ease),box-shadow var(--d-base),border-color var(--d-base);overflow:hidden}
.tile::before{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:var(--gd-brand);transition:width var(--d-slow) var(--ease)}
.tile:hover{transform:translateY(-6px);box-shadow:var(--sh-4);border-color:var(--b-200)}
.tile:hover::before{width:100%}
.tile .ico{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:22px;
  background:linear-gradient(145deg,var(--b-50),#F3EDFF);border:1px solid var(--b-100);margin-bottom:var(--s-5)}
.tile h3{font-size:var(--f-xl);font-weight:700;margin-bottom:var(--s-2);letter-spacing:-.01em}
.tile p{font-size:var(--f-md);color:var(--tx-2);line-height:1.7}
.tile .tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:var(--s-4)}
.tile .tags span{font-size:var(--f-2xs);padding:3px 9px;border-radius:var(--r-full);background:var(--bg-subtle);color:var(--tx-2);border:1px solid var(--bd-1)}

/* 模块小卡 */
.mod{padding:var(--s-4) var(--s-4);border-radius:var(--r-md);background:var(--bg-surface);border:1px solid var(--bd-1);
  display:flex;gap:var(--s-3);align-items:center;transition:transform var(--d-fast) var(--ease),box-shadow var(--d-base),border-color var(--d-base)}
.mod:hover{transform:translateY(-3px);box-shadow:var(--sh-3);border-color:var(--b-200)}
.mod .mi{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:17px;background:linear-gradient(145deg,var(--b-50),#F3EDFF);flex:0 0 auto}
.mod .mt{font-size:var(--f-md);font-weight:600}
.mod .ms{font-size:var(--f-2xs);color:var(--tx-3)}

/* ============================ 深色区段 ============================ */
.dark{background:var(--ink-950);color:var(--tx-dark);position:relative;overflow:hidden}
.dark .t-5xl,.dark h3,.dark h4{color:#fff}
.dark .t-body,.dark p{color:var(--tx-dark-2)}

/* 对比表 */
.cmp{width:100%;border-collapse:separate;border-spacing:0;border-radius:var(--r-lg);overflow:hidden;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.10);font-size:var(--f-md)}
.cmp th,.cmp td{padding:var(--s-4) var(--s-5);text-align:left;border-bottom:1px solid rgba(255,255,255,.07)}
.cmp thead th{font-size:var(--f-sm);color:var(--tx-dark-3);font-weight:600;letter-spacing:.04em;background:rgba(255,255,255,.03)}
.cmp thead th:last-child{color:#fff;background:rgba(47,107,255,.16)}
.cmp tbody tr:last-child td{border-bottom:none}
.cmp tbody tr:hover td{background:rgba(255,255,255,.03)}
.cmp td:first-child{font-weight:600;color:#fff}
.cmp td:nth-child(2){color:var(--tx-dark-3)}
.cmp td:last-child{color:var(--c-300);font-weight:600}

/* 优势（深色玻璃） */
.adv{padding:var(--s-8);border-radius:var(--r-lg);background:var(--gd-card);border:1px solid var(--bd-glass);backdrop-filter:blur(16px);
  transition:transform var(--d-base) var(--ease),box-shadow var(--d-base)}
.adv:hover{transform:translateY(-6px);box-shadow:var(--glow-b)}
.adv .no{font-size:var(--f-xs);font-weight:800;letter-spacing:var(--ls-5);color:var(--c-400)}
.adv h4{font-size:var(--f-xl);margin:var(--s-3) 0 var(--s-2);font-weight:700}
.adv p{font-size:var(--f-md);color:var(--tx-dark-2);line-height:1.7}

/* ============================ 痛点对比 ============================ */
.pain{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-5)}
@media(max-width:820px){.pain{grid-template-columns:1fr}}
.pain-col{padding:var(--s-6);border-radius:var(--r-lg);border:1px solid var(--bd-1);background:var(--bg-surface)}
.pain-col.bad{background:#FFF7F8;border-color:#FADCE2}
.pain-col.good{background:linear-gradient(160deg,#F2F7FF,#F6F2FF);border-color:var(--b-200)}
.pain-col h4{font-size:var(--f-lg);margin-bottom:var(--s-4);display:flex;align-items:center;gap:8px}
.pain-col li{list-style:none;font-size:var(--f-md);padding:9px 0 9px 26px;position:relative;color:var(--tx-2)}
.pain-col.bad li::before{content:"✕";position:absolute;left:0;color:var(--danger-500);font-weight:700}
.pain-col.good li{color:var(--tx-1);font-weight:500}
.pain-col.good li::before{content:"✓";position:absolute;left:0;color:var(--ok-500);font-weight:700}

/* ============================ CTA 区块 ============================ */
.cta{position:relative;border-radius:var(--r-2xl);overflow:hidden;padding:var(--s-20) var(--s-8);text-align:center;
  background:var(--ink-950);isolation:isolate}
.cta .aurora{inset:-40% -10%;height:200%}
.cta .wrap{position:relative;z-index:4;max-width:760px}
.cta h2{margin-bottom:var(--s-5)}
.cta .hero-cta{justify-content:center}

/* ============================ 页脚 ============================ */
.foot{background:var(--ink-950);color:var(--tx-dark-2);padding:var(--s-16) 0 var(--s-8);border-top:1px solid rgba(255,255,255,.07)}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:var(--s-10)}
@media(max-width:820px){.foot-grid{grid-template-columns:1fr 1fr}}
.foot h5{color:#fff;font-size:var(--f-md);font-weight:700;margin-bottom:var(--s-4)}
.foot a{display:block;font-size:var(--f-sm);padding:5px 0;color:var(--tx-dark-3);transition:color var(--d-fast)}
.foot a:hover{color:#fff}
.foot-bottom{margin-top:var(--s-12);padding-top:var(--s-6);border-top:1px solid rgba(255,255,255,.07);
  font-size:var(--f-xs);color:var(--tx-dark-3);display:flex;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap}

/* ============================ 入场动效（默认可见·根治空白） ============================ */
.reveal{opacity:1;transform:none}                       /* 默认态：无 JS 也完整可见 */
.js .reveal{opacity:0;transform:translateY(22px)}
.js .reveal.in{opacity:1;transform:none;transition:opacity var(--d-cine) var(--ease),transform var(--d-cine) var(--ease)}
.no-js .reveal{opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition-duration:.01ms!important}
  .js .reveal{opacity:1;transform:none}
}
/* 焦点可见（A24 无障碍） */
:focus-visible{outline:3px solid var(--b-400);outline-offset:2px;border-radius:6px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}