/* ==========================================================================
   归浦AI 官网 V5.6 · 内页设计系统（page56.css）
   --------------------------------------------------------------------------
   目标：除首页外，全站内页 1:1 复刻参考站设计语言
         · 骨架 / 中性色 / 组件基因 ← 透镜GEO（geo.timus.cn）
         · 氛围 / 蓝白晕染 / 网格纹理 / 高亮字 ← 极欧GEO（jiougeo.com）
         · 强调色 = 归浦蓝 #6D5AE6（与两家参考站主色同族，品牌不串色）

   参考站实测 token（2026-10 抓取自线上 CSS）：
         透镜：bg #FAFAFB · ink #0A0C0F/#3A3E45/#6b6b78 · line #ECEDF0
               卡片 radius 20px · 阴影 0 14px 36px rgba(10,12,15,.08)
               热门价卡阴影 0 12px 40px rgba(主色,.14) · 弹簧动效
               cubic-bezier(.34,1.5,.64,1) · 胶囊 999px
         极欧：页面晕染 linear-gradient(140deg,#eaf4ff,#f7fafd)
               网格纹理 1px 竖线 · 光晕 linear-gradient(135deg,蓝10%,青16%)
               标题墨色 #0f1b2d · 正文灰蓝 #5b6b80 · FAQ 圆形箭头按钮

   作用范围：仅「非首页」加载（base.html 按 slug 判断，body.gp-page）。
   铁律：首页与 Hero 视觉一行不动；导航/页脚全站共用，此处一律不碰；
         .compare 对比表不加 overflow:hidden、不改 border-collapse（保 sticky）。
   ========================================================================== */

/* ==========================================================================
   ① 设计令牌（仅内页生效）
   ========================================================================== */
.gp-page{
  /* 透镜 · 中性系统 */
  --j56-bg:#FAFAFB;
  --j56-ink:#0A0C0F;
  --j56-ink-2:#3A3E45;
  --j56-ink-3:#6b6b78;
  --j56-mute:#9A9EA6;
  --j56-line:#ECEDF0;
  --j56-paper:#ffffff;

  /* 归浦蓝（对齐极欧 #1060e0 用法） */
  --j56-brand:#6D5AE6;
  --j56-brand-deep:#6D5AE6;
  --j56-cyan:#8BB4FA;
  --j56-soft:#EEF4FF;                       /* 极欧浅蓝底 */
  --j56-wash:linear-gradient(140deg,#F2F7FF 0%,#F9FBFF 100%);   /* 极欧页面晕染 */
  --j56-glow:linear-gradient(135deg,rgba(109,94,224,.10),rgba(139,180,250,.16)); /* 极欧光晕 */
  --j56-grad:linear-gradient(120deg,#6D5AE6 0%,#8B7BF0 100%);

  /* 功能色（透镜口径） */
  --j56-green:#0b7a54;  --j56-green-soft:#e8f8f1;
  --j56-orange:#ea580c; --j56-orange-soft:#fef4e2;

  /* 形态（透镜） */
  --j56-r-lg:20px;
  --j56-r-md:16px;
  --j56-r-sm:12px;
  --j56-sh:0 14px 36px rgba(10,12,15,.08);
  --j56-sh-sm:0 2px 10px rgba(10,12,15,.05);
  --j56-sh-hot:0 12px 40px rgba(109,94,224,.16);
  --j56-sh-cta:0 24px 60px rgba(64,123,224,.30);
  --j56-ease:cubic-bezier(.34,1.5,.64,1);   /* 透镜弹簧曲线 */
  --j56-hair:1px solid var(--j56-line);
}

/* ==========================================================================
   ② 画布与文字基线（透镜：浅灰画布 + 三级墨色）
   ========================================================================== */
.gp-page{
  background:var(--j56-bg);color:var(--j56-ink-2);
  /* 极欧 · 极淡网格纹理（1px 竖线 + 1px 横线，3% 透明度） */
  background-image:
    linear-gradient(rgba(16,24,40,.032) 1px,transparent 1px),
    linear-gradient(90deg,rgba(16,24,40,.032) 1px,transparent 1px);
  background-size:44px 44px;
}
.gp-page ::selection{background:rgba(109,94,224,.16)}
.gp-page h1,.gp-page h2,.gp-page h3,.gp-page h4{
  color:var(--j56-ink);letter-spacing:-.02em;
}
.gp-page .small{color:var(--j56-ink-3)}
.gp-page .muted,.gp-page .gray{color:var(--j56-mute)}

/* ==========================================================================
   ③ 内页页头（极欧 FAQ 页同款：晕染 + 网格 + 左对齐大标题）
   ========================================================================== */
.gp-page .page-head{
  position:relative;overflow:hidden;
  padding:clamp(128px,13vw,164px) 0 clamp(52px,6vw,76px);
  background:
    radial-gradient(880px 320px at 82% -6%, rgba(139,180,250,.20), transparent 62%),
    radial-gradient(720px 300px at 6% 12%, rgba(109,94,224,.12), transparent 60%),
    var(--j56-wash);
  border-bottom:1px solid var(--j56-line);
}
/* 极欧 · 网格纹理，越往下越淡 */
.gp-page .page-head::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(109,94,224,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(109,94,224,.05) 1px,transparent 1px);
  background-size:44px 44px;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 88%);
          mask-image:linear-gradient(180deg,#000 0%,transparent 88%);
}
/* 底部一道渐变细线收口 */
.gp-page .page-head::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent 0%,rgba(109,94,224,.35) 30%,rgba(139,180,250,.5) 50%,rgba(109,94,224,.35) 70%,transparent 100%);
}
.gp-page .page-head .container{position:relative;z-index:1}

/* 面包屑 → 白色胶囊（极欧 eyebrow 同款） */
.gp-page .crumb{
  display:inline-flex;align-items:center;gap:2px;
  background:var(--j56-paper);border:var(--j56-hair);border-radius:999px;
  padding:8px 18px;font-size:13px;font-weight:600;color:var(--j56-ink-3);
  box-shadow:var(--j56-sh-sm);
}
.gp-page .crumb a{color:var(--j56-ink-3);text-decoration:none;transition:color .2s}
.gp-page .crumb a:hover{color:var(--j56-brand)}

/* 页头里的产品标签 → 白胶囊 + 蓝点（极欧「● 生成式引擎优化」） */
.gp-page .page-head .tag{
  display:inline-flex;align-items:center;gap:8px;margin-top:18px;
  background:var(--j56-paper);border:var(--j56-hair);border-radius:999px;
  padding:8px 18px;font-size:13px;font-weight:700;color:var(--j56-brand);
  box-shadow:var(--j56-sh-sm);
}
.gp-page .page-head .tag::before{
  content:"";width:7px;height:7px;border-radius:50%;flex:none;
  background:var(--j56-brand);box-shadow:0 0 0 3px rgba(109,94,224,.14);
}

/* 超大标题（两家同款：800 字重 · 收紧字距 · 深墨色） */
.gp-page .page-head .display{
  font-size:clamp(34px,4.6vw,54px);font-weight:800;line-height:1.14;
  color:var(--j56-ink);letter-spacing:-.025em;
}
/* 极欧同款标题渐变高亮：标题内 <em> / <i> 渲染为蓝→青渐变字 */
.gp-page .display em,.gp-page .display i{
  font-style:normal;
  background:linear-gradient(100deg,#6D5AE6 10%,#8B7BF0 55%,#A99CF5 95%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.gp-page .page-head .lead{
  margin-top:18px;font-size:clamp(15px,1.35vw,17.5px);line-height:1.95;
  color:var(--j56-ink-3);max-width:640px;
}

/* ==========================================================================
   ④ 区块节奏与标题（透镜：大留白 + 实色墨标题 + 白胶囊 eyebrow）
   ========================================================================== */
.gp-page .section{padding:clamp(64px,7.5vw,104px) 0}
.gp-page .section--soft{
  background:linear-gradient(180deg,#f4f6f9 0%,#FAFAFB 100%);
  border-top:var(--j56-hair);border-bottom:var(--j56-hair);
}
.gp-page .eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--j56-paper);border:var(--j56-hair);border-radius:999px;
  padding:7px 16px;font-size:12.5px;font-weight:700;letter-spacing:.12em;
  color:var(--j56-brand);box-shadow:var(--j56-sh-sm);
}
.gp-page .eyebrow::before{
  content:"";width:6px;height:6px;border-radius:50%;
  background:var(--j56-brand);box-shadow:0 0 0 3px rgba(109,94,224,.14);
}
.gp-page .section-title{
  font-size:clamp(26px,3.1vw,38px);font-weight:800;line-height:1.28;
  color:var(--j56-ink);letter-spacing:-.02em;
}
/* 居中标题下方：极欧同款渐变短线锚点（仅 .center 场景） */
.gp-page .center>.section-title::after{
  content:"";display:block;width:52px;height:3px;border-radius:2px;
  margin:16px auto 0;background:var(--j56-grad);
}
.gp-page .center .lead{margin-left:auto;margin-right:auto}

/* ==========================================================================
   ⑤ 按钮系统（透镜胶囊 + 极欧深蓝渐变 CTA）
   ========================================================================== */
.gp-page main .btn{
  border-radius:999px;font-weight:700;letter-spacing:.01em;
  transition:transform .3s var(--j56-ease),box-shadow .3s var(--j56-ease),
             background-color .25s,border-color .25s,color .25s;
}
.gp-page main .btn:active{transform:translateY(0) scale(.98)}
.gp-page .btn:focus-visible{
  outline:none;box-shadow:0 0 0 4px rgba(109,94,224,.22);
}
/* 主按钮：底色 + 渐变图分离写法（保 regress 双按钮用例，避免透明底） */
/* 主按钮：紫蓝实心胶囊（V9 浅色主题统一强调色，原为近黑 #111214） */
.gp-page main .btn.btn-primary,
.gp-page main .btn.btn-accent{
  background-color:#6D5AE6;
  background-image:none;
  border-color:transparent;color:#fff;
  box-shadow:0 10px 24px rgba(109,94,224,.26),inset 0 1px 0 rgba(255,255,255,.16);
}
.gp-page main .btn.btn-primary:hover,
.gp-page main .btn.btn-accent:hover{
  background-color:#5239D8;
  background-image:none;
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(82,57,216,.34),inset 0 1px 0 rgba(255,255,255,.16);
}
/* 次按钮：白底描边胶囊 */
.gp-page main .btn.btn-line{
  background:var(--j56-paper);border:1px solid var(--j56-line);
  color:var(--j56-ink);box-shadow:var(--j56-sh-sm);
}
.gp-page main .btn.btn-line:hover{
  border-color:rgba(109,94,224,.45);color:var(--j56-brand);
  transform:translateY(-2px);box-shadow:0 10px 26px rgba(109,94,224,.12);
}
.gp-page main .btn .arw{transition:transform .3s var(--j56-ease)}
.gp-page main .btn:hover .arw{transform:translateX(3px)}

/* ==========================================================================
   ⑥ 卡片 DNA（透镜：白卡 · 20px 圆角 · 发丝线 · 柔和阴影 · 悬停上浮）
   ========================================================================== */
.gp-page .card,
.gp-page .tile,
.gp-page .lab-card,
.gp-page .svc-card{
  background:var(--j56-paper);
  border:var(--j56-hair);
  border-radius:var(--j56-r-lg);
  box-shadow:var(--j56-sh-sm);
  transition:transform .45s var(--j56-ease),box-shadow .45s var(--j56-ease),
             border-color .3s;
}
.gp-page .card:hover,
.gp-page .tile:hover,
.gp-page .lab-card:hover,
.gp-page .svc-card:hover{
  transform:translateY(-5px);
  border-color:rgba(109,94,224,.28);
  box-shadow:0 18px 44px rgba(10,12,15,.10),0 4px 14px rgba(109,94,224,.08);
}
.gp-page .card h3,.gp-page .card h4,
.gp-page .tile h3,.gp-page .tile h4,
.gp-page .lab-card h3,.gp-page .lab-card h4,
.gp-page .svc-card h4{color:var(--j56-ink)}

/* cap-flow（图标在左文案在右的能力卡） */
.gp-page .cap-flow{display:flex;gap:16px;align-items:flex-start;padding:26px}
.gp-page .cap-flow .cf-ic{
  width:52px;height:52px;border-radius:14px;flex:none;
  display:flex;align-items:center;justify-content:center;
  box-shadow:inset 0 0 0 1px rgba(10,12,15,.04);
}

/* ==========================================================================
   ⑦ 步骤卡（透镜 step-eyebrow 同款：46px 细体大编号 + 发丝线）
   ========================================================================== */
.gp-page .step-card{
  position:relative;overflow:hidden;
  background:var(--j56-paper);border:var(--j56-hair);border-radius:var(--j56-r-lg);
  padding:30px 28px 28px;box-shadow:var(--j56-sh-sm);
  transition:transform .45s var(--j56-ease),box-shadow .45s var(--j56-ease),border-color .3s;
}
.gp-page .step-card:hover{
  transform:translateY(-5px);border-color:rgba(109,94,224,.28);
  box-shadow:0 18px 44px rgba(10,12,15,.10);
}
.gp-page .step-card .no{
  display:block;text-align:center;margin:0 auto 14px;
  font-size:46px;font-weight:300;line-height:1;letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;
  background:linear-gradient(160deg,#6D5AE6 20%,#A99CF5 110%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  position:relative;padding-top:6px;
}
.gp-page .step-card .no::after{
  content:"";display:block;width:36px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,#6D5AE6,#A99CF5);
  margin:10px auto 0;
}
.gp-page .step-card h4{margin-top:14px;font-size:18px;font-weight:800}
.gp-page .step-card p{margin-top:8px;color:var(--j56-ink-3);font-size:14px;line-height:1.8}

/* ==========================================================================
   ⑧ 标签 / 胶囊（透镜软色胶囊体系）
   ========================================================================== */
.gp-page .tag{
  display:inline-flex;align-items:center;gap:6px;
  border-radius:999px;padding:5px 14px;font-size:12.5px;font-weight:700;
  background:var(--j56-soft);color:var(--j56-brand);
}
.gp-page .tag.gray{background:#F0F1F4;color:var(--j56-ink-3)}
.gp-page .tag.blue{background:var(--j56-soft);color:var(--j56-brand)}
.gp-page .tag.mint{background:var(--j56-green-soft);color:var(--j56-green)}
.gp-page .tag.violet{background:#EEF4FF;color:#5239D8}
.gp-page .tag.orange{background:var(--j56-orange-soft);color:var(--j56-orange)}
.gp-page .tag.pink{background:#fdeef6;color:#e553a7}
.gp-page .tag.yellow{background:#fef9e0;color:#a38700}
.gp-page .tag.cyan{background:#e6f7fb;color:#0FA8C7}
.gp-page .tag.lime{background:#f0f9e4;color:#6FA816}
.gp-page .chip{
  background:var(--j56-paper);border:var(--j56-hair);border-radius:999px;
  padding:7px 16px;font-size:13px;font-weight:600;color:var(--j56-ink-2);
  transition:border-color .25s,color .25s,box-shadow .25s;
}
.gp-page .chip:hover{
  border-color:rgba(109,94,224,.4);color:var(--j56-brand);
  box-shadow:0 6px 16px rgba(109,94,224,.10);
}

/* ==========================================================================
   ⑨ 数据带与大数字（透镜同款：超大数字 + 彩色后缀 + tabular-nums）
   ========================================================================== */
.gp-page .stats-band{
  background:var(--j56-paper);border:var(--j56-hair);
  border-radius:24px;box-shadow:var(--j56-sh);
  display:grid;grid-template-columns:repeat(5,1fr);gap:12px;
}
.gp-page .metric{
  display:flex;flex-direction:column;align-items:center;gap:6px;
  padding:26px 10px;text-align:center;position:relative;
}
.gp-page .metric + .metric::before{
  content:"";position:absolute;left:0;top:26%;bottom:26%;width:1px;
  background:var(--j56-line);
}
.gp-page .metric big{
  font-size:clamp(34px,3.4vw,50px);font-weight:800;line-height:1.05;
  color:var(--j56-ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums;
}
.gp-page .metric big b,.gp-page .metric big i{
  font-style:normal;color:var(--j56-brand);font-weight:800;
}
.gp-page .metric > span:last-child{font-size:13px;color:var(--j56-ink-3);font-weight:600}

/* ==========================================================================
   ⑩ 价格系统（透镜 1:1：分段切换 + 悬浮徽章热门卡）
   ========================================================================== */
/* 分段切换控件（透镜「通用版/电商版」同款） */
.gp-page .price-switch.ind-tabs{
  display:inline-flex;gap:4px;background:#F0F1F4;border:var(--j56-hair);
  border-radius:999px;padding:5px;margin-top:30px;
}
.gp-page .ind-tabs button{
  border:0;background:transparent;border-radius:999px;
  padding:11px 26px;font-size:14.5px;font-weight:700;color:var(--j56-ink-3);
  transition:all .3s var(--j56-ease);
}
.gp-page .ind-tabs button.on{
  background:var(--j56-brand-deep);background-image:var(--j56-grad);
  color:#fff;box-shadow:0 6px 16px rgba(109,94,224,.30);
}

/* 价格卡（透镜 .price-card 基因） */
.gp-page .price-grid{align-items:stretch}
.gp-page .price-card{
  position:relative;display:flex;flex-direction:column;
  background:var(--j56-paper);border:var(--j56-hair);border-radius:var(--j56-r-lg);
  padding:30px 26px;box-shadow:var(--j56-sh-sm);
  transition:transform .45s var(--j56-ease),box-shadow .45s var(--j56-ease),border-color .3s;
}
.gp-page .price-card:hover{
  transform:translateY(-5px);box-shadow:var(--j56-sh);
  border-color:rgba(109,94,224,.24);
}
.gp-page .price-card .who{font-size:15.5px;font-weight:800;color:var(--j56-ink)}
.gp-page .price-card .price{
  margin-top:10px;font-size:42px;font-weight:800;line-height:1.1;
  color:var(--j56-ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums;
}
.gp-page .price-card .price small{font-size:14px;font-weight:600;color:var(--j56-mute)}
.gp-page .price-card .desc{margin-top:8px;font-size:13px;color:var(--j56-ink-3);line-height:1.7}
.gp-page .price-card .feats{margin:18px 0 8px;display:grid;gap:9px}
.gp-page .price-card .feats li{font-size:13.5px;color:var(--j56-ink-2)}
/* 功能清单 ✓/✗：透镜绿 ✓ 灰 ✗ */
.gp-page .price-card .feats li::before{color:var(--j56-green)}
.gp-page .price-card .feats li.no::before{color:#C4C7CC}
.gp-page .price-card .foot{margin-top:auto;padding-top:18px}
.gp-page .price-card .credits{
  font-size:12.5px;color:var(--j56-ink-3);margin-bottom:10px;
  display:inline-flex;align-items:center;gap:6px;
}
.gp-page .price-card .btn-pick{width:100%;justify-content:center}

/* 热门推荐卡：彩色描边 + 大阴影 + 悬浮渐变徽章（透镜 .pc-hot 同款） */
.gp-page .price-card.hot{
  border-color:rgba(109,94,224,.55);
  box-shadow:var(--j56-sh-hot);
}
.gp-page .price-card.hot .pbadge{
  position:absolute;top:-12px;left:50%;transform:translateX(-50%);
  white-space:nowrap;font-size:11.5px;font-weight:800;color:#fff;
  background-color:#5239D8;background-image:linear-gradient(135deg,#8B7BF0,#6D5AE6);
  border-radius:999px;padding:5px 16px;box-shadow:0 6px 16px rgba(109,94,224,.35);
}
.gp-page .price-card.hot:hover{transform:translateY(-6px);box-shadow:0 18px 48px rgba(109,94,224,.22)}

/* ==========================================================================
   ⑪ 版本对比表（只上色，不动布局 —— 保 sticky 首列/表头）
   ========================================================================== */
.gp-page .compare-scroll{
  border-radius:var(--j56-r-lg);
  box-shadow:var(--j56-sh);
  border:var(--j56-hair);
  background:var(--j56-paper);
}
.gp-page .compare th{
  background:linear-gradient(180deg,#f7fafd,#f2f6fc);
  font-weight:800;color:var(--j56-ink);
}
.gp-page .compare th,.gp-page .compare td{border-color:var(--j56-line)}
.gp-page .compare td{color:var(--j56-ink-2)}
.gp-page .compare .feat-col{color:var(--j56-ink-3);font-weight:600}
.gp-page .compare th.recommended,
.gp-page .compare td.recommended{background:rgba(109,94,224,.05)}
.gp-page .compare .rec-badge{
  background-color:#6D5AE6;background-image:var(--j56-grad);
  color:#fff;border-radius:999px;padding:3px 12px;font-size:11px;font-weight:800;
}
.gp-page .compare .c-price{color:var(--j56-ink);font-variant-numeric:tabular-nums}
.gp-page .compare td.yes{color:var(--j56-green)}
.gp-page .compare td.no .dash{color:#C4C7CC}
.gp-page .compare td.val{font-weight:700;color:var(--j56-ink)}

/* ==========================================================================
   ⑫ FAQ（极欧同款：白卡 + 圆形箭头按钮）
   ========================================================================== */
.gp-page .faq-list{display:grid;gap:14px}
.gp-page .faq-item{
  background:var(--j56-paper);border:var(--j56-hair);border-radius:18px;
  box-shadow:var(--j56-sh-sm);overflow:hidden;
  transition:box-shadow .3s,border-color .3s;
}
.gp-page .faq-item[open]{
  border-color:rgba(109,94,224,.30);box-shadow:0 14px 36px rgba(109,94,224,.10);
}
.gp-page .faq-item summary{
  position:relative;list-style:none;cursor:pointer;
  padding:22px 68px 22px 26px;
  font-size:16.5px;font-weight:800;color:var(--j56-ink);letter-spacing:-.01em;
}
.gp-page .faq-item summary::-webkit-details-marker{display:none}
/* 极欧同款圆形箭头按钮 */
.gp-page .faq-item summary::after{
  content:"";position:absolute;right:20px;top:50%;
  width:32px;height:32px;margin-top:-16px;border-radius:50%;
  border:1px solid var(--j56-line);background-color:#f7f8fb;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5L6 8l3.5-3.5' stroke='%233a3a45' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center;
  transition:transform .35s var(--j56-ease),background-color .25s,border-color .25s;
}
.gp-page .faq-item[open] summary::after{
  transform:rotate(180deg);
  background-color:var(--j56-soft);border-color:rgba(109,94,224,.35);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5L6 8l3.5-3.5' stroke='%231B6BF5' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.gp-page .faq-item summary:hover::after{border-color:rgba(109,94,224,.4)}
.gp-page .faq-item .a{
  padding:0 26px 24px;font-size:14.5px;line-height:1.9;color:var(--j56-ink-3);
}

/* ==========================================================================
   ⑬ 大 CTA 带（V5.8.1 · 与首页底部统一浅紫画布，全站 CTA 视觉一致）
   ========================================================================== */
.gp-page .big-cta{padding:clamp(40px,6vw,84px) 0 clamp(72px,8vw,110px)}
.gp-page .big-cta > .container{
  position:relative;overflow:hidden;
  border-radius:28px;
  padding:clamp(44px,6vw,84px) clamp(26px,5vw,72px);
  text-align:center;
  background:
    radial-gradient(640px 260px at 84% -10%, rgba(139,180,250,.22), transparent 60%),
    radial-gradient(520px 240px at 8% 110%, rgba(139,180,250,.18), transparent 62%),
    linear-gradient(140deg,#F2F7FF 0%,#F9FBFF 55%,#ffffff 100%);
  box-shadow:0 20px 50px rgba(109,94,224,.10);
  border:1px solid var(--j56-hair);
}
/* 网格纹理（紫色 4%） */
.gp-page .big-cta > .container::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(109,94,224,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(109,94,224,.04) 1px,transparent 1px);
  background-size:40px 40px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 0%,#000 30%,transparent 78%);
          mask-image:radial-gradient(ellipse at 50% 0%,#000 30%,transparent 78%);
}
.gp-page .big-cta .display{
  position:relative;color:#111214;font-size:clamp(26px,3.4vw,42px);
  font-weight:900;line-height:1.3;letter-spacing:-.02em;
}
.gp-page .big-cta .display em,.gp-page .big-cta .display i{
  font-style:normal;
  background:linear-gradient(92deg,#6D5AE6 0%,#8B7BF0 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.gp-page .big-cta .lead{
  position:relative;margin:14px auto 0;color:#5b5b66;
  font-size:15.5px;line-height:1.9;max-width:560px;
}
.gp-page .big-cta .btn-row{position:relative;justify-content:center;margin-top:30px}
/* CTA 内按钮：浅底紫色渐变主按钮 + 白色边框线按钮 */
.gp-page .big-cta .btn.btn-primary,
.gp-page .big-cta .btn.btn-accent{
  background:linear-gradient(92deg,#6D5AE6 0%,#8B7BF0 100%);
  background-image:linear-gradient(92deg,#6D5AE6 0%,#8B7BF0 100%);
  color:#fff;border-color:transparent;
  box-shadow:0 12px 30px rgba(61,128,245,.36);
}
.gp-page .big-cta .btn.btn-primary:hover,
.gp-page .big-cta .btn.btn-accent:hover{
  background:linear-gradient(92deg,#6D5AE6 0%,#8B7BF0 100%);
  transform:translateY(-2px);
  box-shadow:0 18px 40px rgba(61,128,245,.46);
}
.gp-page .big-cta .btn.btn-line{
  background:#fff;color:#111214;border-color:#E3E5E8;
  box-shadow:none;
}
.gp-page .big-cta .btn.btn-line:hover{
  background:#fff;border-color:#6D5AE6;color:#6D5AE6;
  transform:translateY(-2px);box-shadow:0 12px 28px rgba(109,94,224,.18);
}
.gp-page .big-cta .underline-scribble{color:#8fd0ff}

/* ==========================================================================
   ⑭ 产品实拍 / 截图框 / 悬浮数据芯片
   ========================================================================== */
.gp-page .geo-shot{position:relative}
.gp-page .geo-shot .frame,
.gp-page .shot-frame{
  background:var(--j56-paper);border:var(--j56-hair);border-radius:18px;
  box-shadow:var(--j56-sh);overflow:hidden;
}
.gp-page .geo-shot .frame img,
.gp-page .shot-frame img{display:block;width:100%;height:auto}
.gp-page .shot-cap{
  font-size:12.5px;color:var(--j56-mute);text-align:center;margin-top:10px;
}
.gp-page .float-chip{
  position:absolute;background:rgba(255,255,255,.92);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border:var(--j56-hair);border-radius:999px;padding:10px 18px;
  font-size:13px;font-weight:700;color:var(--j56-ink);
  box-shadow:0 12px 32px rgba(10,12,15,.14);
}
.gp-page .float-chip i{
  display:inline-block;width:8px;height:8px;border-radius:50%;
  background:var(--j56-brand);margin-right:4px;
  box-shadow:0 0 0 3px rgba(109,94,224,.15);
}
/* 平台胶囊行（产品页 8 大平台） */
.gp-page .plat-row span{
  transition:transform .3s var(--j56-ease),box-shadow .3s,border-color .25s;
  box-shadow:var(--j56-sh-sm);
}
.gp-page .plat-row span:hover{
  transform:translateY(-3px);border-color:rgba(109,94,224,.35);
  box-shadow:0 10px 24px rgba(109,94,224,.12);
}

/* ==========================================================================
   ⑮ 清单 / 链接 / 表单
   ========================================================================== */
.gp-page .check-list li{
  position:relative;padding-left:30px;color:var(--j56-ink-2);line-height:1.85;
}
.gp-page .check-list li::before{
  content:"";position:absolute;left:0;top:.42em;
  width:19px;height:19px;border-radius:50%;
  background:var(--j56-green-soft)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2L5 8.7l4.5-5' stroke='%230b7a54' stroke-width='1.7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    center/11px no-repeat;
}
.gp-page .check-list li b{color:var(--j56-ink)}
.gp-page .link-arrow,.gp-page .dot-arw{
  color:var(--j56-brand);font-weight:700;text-decoration:none;
  display:inline-flex;align-items:center;gap:5px;transition:gap .25s var(--j56-ease),color .2s;
}
.gp-page .link-arrow:hover,.gp-page .dot-arw:hover{gap:9px;color:var(--j56-brand-deep)}
.gp-page .go{transition:transform .25s var(--j56-ease)}
.gp-page a:hover .go{transform:translateX(3px)}

/* 表单（透镜：白底 · 发丝线 · 聚焦蓝环） */
.gp-page .field > label{font-size:13.5px;font-weight:700;color:var(--j56-ink-2)}
.gp-page .input,
.gp-page textarea.input,
.gp-page select.input{
  background:var(--j56-paper);border:1px solid var(--j56-line);
  border-radius:var(--j56-r-sm);color:var(--j56-ink);
  transition:border-color .25s,box-shadow .25s;
}
.gp-page .input::placeholder{color:#B9BCC2}
.gp-page .input:focus{
  outline:none;border-color:rgba(109,94,224,.55);
  box-shadow:0 0 0 4px rgba(109,94,224,.14);
}

/* 登录卡 */
.gp-page .auth-card{
  background:var(--j56-paper);border:var(--j56-hair);
  border-radius:24px;box-shadow:var(--j56-sh);
}
.gp-page .auth-card .ab-ic{
  background-color:#6D5AE6;background-image:var(--j56-grad);
  box-shadow:0 8px 20px rgba(109,94,224,.35);
}

/* ==========================================================================
   ⑯ 文章 / 实验室 / 资源卡（透镜文章卡基因：标签 + 标题 + 摘要 + 箭头链接）
   ========================================================================== */
.gp-page .lab-card{padding:26px;display:flex;flex-direction:column;gap:12px}
.gp-page .lab-card h3 a,
.gp-page .lab-card h4 a{color:var(--j56-ink);text-decoration:none;transition:color .2s}
.gp-page .lab-card h3 a:hover,
.gp-page .lab-card h4 a:hover{color:var(--j56-brand)}
.gp-page .lab-card .foot{margin-top:auto;padding-top:12px;border-top:1px dashed var(--j56-line)}
.gp-page .u{color:var(--j56-mute);font-variant-numeric:tabular-nums}

/* logo 墙 chip */
.gp-page .logo-chip{
  background:var(--j56-paper);border:var(--j56-hair);border-radius:14px;
  box-shadow:var(--j56-sh-sm);transition:transform .3s var(--j56-ease),box-shadow .3s;
}
.gp-page .logo-chip:hover{
  transform:translateY(-3px);box-shadow:0 12px 28px rgba(10,12,15,.10);
}

/* ==========================================================================
   ⑰ 动效升级（透镜弹簧曲线 · 保持 v5.js reveal 机制不变）
   ========================================================================== */
html.js .gp-page .reveal{
  transition-timing-function:cubic-bezier(.22,1,.36,1);
}
.gp-page .reveal.in{will-change:auto}

/* 键盘可达性 */
.gp-page a:focus-visible,.gp-page button:focus-visible,.gp-page summary:focus-visible{
  outline:none;box-shadow:0 0 0 4px rgba(109,94,224,.22);border-radius:8px;
}
.gp-page .btn:focus-visible{border-radius:999px}

/* ==========================================================================
   ⑱ 三端适配（1180 / 1024 / 768 / 480 + 触屏 + 减弱动效）
   ========================================================================== */
@media (max-width:1024px){
  .gp-page .stats-band{grid-template-columns:repeat(3,1fr);row-gap:0}
  .gp-page .metric + .metric::before{display:none}
  .gp-page .price-grid{gap:16px}
}
@media (max-width:768px){
  .gp-page .page-head{padding:calc(108px + env(safe-area-inset-top,0px)) 0 44px}
  .gp-page .page-head .display{font-size:clamp(28px,7.4vw,36px)}
  .gp-page .page-head .lead{font-size:15px}
  .gp-page .section{padding:56px 0}
  .gp-page .stats-band{grid-template-columns:repeat(2,1fr);border-radius:20px}
  .gp-page .metric{padding:20px 8px}
  .gp-page .metric big{font-size:32px}
  .gp-page .big-cta > .container{border-radius:22px}
  .gp-page .float-chip{padding:8px 14px;font-size:12px}
}
@media (max-width:480px){
  .gp-page .page-head{padding:calc(96px + env(safe-area-inset-top,0px)) 0 38px}
  .gp-page .crumb{padding:7px 14px;font-size:12px}
  .gp-page .page-head .tag{padding:7px 14px;font-size:12px}
  .gp-page .section{padding:46px 0}
  .gp-page .card,.gp-page .tile,.gp-page .lab-card,.gp-page .svc-card,
  .gp-page .step-card{padding:22px 18px;border-radius:16px}
  .gp-page .price-card{padding:24px 20px}
  .gp-page .step-card .no{font-size:38px}
  .gp-page .faq-item summary{padding:18px 58px 18px 20px;font-size:15px}
  .gp-page .faq-item summary::after{right:16px;width:30px;height:30px;margin-top:-15px}
  .gp-page .faq-item .a{padding:0 20px 20px}
  .gp-page .big-cta > .container{padding:34px 20px;border-radius:18px}
  .gp-page .big-cta .btn-row{flex-direction:column;align-items:stretch}
  .gp-page .big-cta .btn-row .btn{width:100%;justify-content:center}
  .gp-page .ind-tabs button{padding:10px 16px;font-size:13.5px}
  .gp-page .stats-band{grid-template-columns:repeat(2,1fr)}
}
/* 触屏：去掉悬停位移，避免「粘住」 */
@media (hover:none){
  .gp-page .card:hover,.gp-page .tile:hover,.gp-page .lab-card:hover,
  .gp-page .svc-card:hover,.gp-page .step-card:hover,.gp-page .price-card:hover,
  .gp-page .price-card.hot:hover,.gp-page .btn.btn-primary:hover,
  .gp-page .btn.btn-accent:hover,.gp-page .btn.btn-line:hover,
  .gp-page .plat-row span:hover,.gp-page .logo-chip:hover{transform:none}
}
@media (prefers-reduced-motion:reduce){
  .gp-page .card,.gp-page .tile,.gp-page .lab-card,.gp-page .svc-card,
  .gp-page .step-card,.gp-page .price-card,.gp-page .btn{transition:none}
}

/* ==========================================================================
   ⑲ 关键词高亮（极欧同款渐变字：em 与手绘下划线统一升级）
   ========================================================================== */
.gp-page .underline-scribble{position:relative;white-space:nowrap;z-index:0}
.gp-page .underline-scribble::after{
  content:"";position:absolute;left:-2%;right:-2%;bottom:-.10em;height:.34em;
  border-radius:4px;z-index:-1;
  background:linear-gradient(100deg,rgba(109,94,224,.16),rgba(139,180,250,.22));
}
.gp-page .big-cta .underline-scribble::after{
  background:linear-gradient(100deg,rgba(143,208,255,.22),rgba(139,180,250,.30));
}

/* ==========================================================================
   ⑳ 价格卡细节覆标（v5 原黑勾/黑按钮 → 参考站配色）
   ========================================================================== */
/* ✓ 图标：v5 用内联 SVG 硬编码黑勾 → 换成透镜绿勾 */
.gp-page .price-card .feats li::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%230b7a54' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size:contain;background-position:center;background-repeat:no-repeat;
}
/* 「选择此版本」：黑底 → 品牌蓝渐变胶囊 */
.gp-page main .btn.btn-pick{
  background-color:#111214;background-image:linear-gradient(180deg,#23262A,#111214);
  border-color:transparent;color:#fff;
  box-shadow:0 8px 20px rgba(10,12,15,.22);
}
.gp-page main .btn.btn-pick:hover{
  background-image:linear-gradient(180deg,#2C2F34,#181B20);
  transform:translateY(-2px);box-shadow:0 12px 28px rgba(10,12,15,.30);
}
/* 悬浮徽章：复位 v5.5 的 right:26px，居中定位 */
.gp-page .price-card.hot .pbadge{right:auto}

/* ==========================================================================
   V5.7 · 透镜化增强（page57）
   在 V5.6 骨架之上向透镜 geo.timus.cn 进一步靠拢：
   · 主强调色 全站切换为透镜紫 #6D5AE6（上文令牌已换）
   · 卡片悬停弹性加强、页面级紫色晕染
   · 表格/表单聚焦紫色化、FAQ 交互紫色化
   ========================================================================== */

/* -- 内页整体底色向透镜 #FAFAFB 对齐（原已对齐，此处保兜底） ------------ */
.gp-page{background:var(--j56-bg)}

/* -- 渐变高亮词（与首页 .hl-grad 同款，内页可用） ------------------------ */
.gp-page .hl-grad{
  background:linear-gradient(92deg,#6D5AE6 0%,#8B7BF0 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}

/* -- 卡片悬停：统一弹性上浮（透镜 spring） ------------------------------- */
.gp-page .card:hover,
.gp-page .tile:hover,
.gp-page .lab-card:hover,
.gp-page .svc-card:hover{
  transition:transform .45s var(--j56-ease),box-shadow .45s var(--j56-ease),
             border-color .3s;
}
.gp-page .price-card.hot{
  box-shadow:0 24px 56px rgba(17,18,20,.28);
}

/* -- 表单聚焦紫色 --------------------------------------------------------- */
.gp-page .input:focus,
.gp-page textarea.input:focus,
.gp-page select.input:focus{
  border-color:rgba(109,94,224,.55);
  box-shadow:0 0 0 4px rgba(109,94,224,.14);
  outline:none;
}

/* -- FAQ 交互紫色化 -------------------------------------------------------- */
.gp-page .faq-item{transition:border-color .3s,box-shadow .3s}
.gp-page .faq-item:hover{border-color:rgba(109,94,224,.4)}
.gp-page .faq-item.open{
  border-color:rgba(109,94,224,.5);
  box-shadow:0 12px 32px rgba(109,94,224,.10);
}

/* -- 文章/案例卡片日期与链接紫色 ------------------------------------------ */
.gp-page .lab-card .go,
.gp-page .news-go{color:var(--j56-brand);font-weight:600}

/* -- 页头光晕紫色校准（覆盖 V5.6 青蓝光晕残留） --------------------------- */
.gp-page .page-head{
  background:
    radial-gradient(880px 320px at 82% -6%, rgba(139,180,250,.22), transparent 62%),
    radial-gradient(720px 300px at 6% 12%, rgba(109,94,224,.14), transparent 60%),
    linear-gradient(140deg,#E8F1FE 0%,#F9FBFF 100%);
}
.gp-page .page-head::after{
  background:linear-gradient(90deg,transparent 0%,rgba(109,94,224,.35) 30%,rgba(157,193,255,.5) 50%,rgba(109,94,224,.35) 70%,transparent 100%);
}

/* -- 深色条带（引用渠道/CTA 带）紫色校准 ---------------------------------- */
.gp-page .band-dark{
  background:linear-gradient(118deg,#183B77 0%,#102A57 55%,#081A3A 100%);
}

/* ==========================================================================
   V5.8 · 点 11 · 产品总览双产品卡（浅色版，去除深色看不清文字）
   · 保留 duo 双卡网格、骨架与 orb 装饰
   · 颜色：紫色渐变描边 + 极淡紫底；文字深色高对比
   ========================================================================== */
.gp-page .duo-card.agent-light,
.gp-page .duo-card.geo-light{
  position:relative;overflow:hidden;
  background:linear-gradient(180deg,#ffffff 0%,#F8FBFF 100%);
  border:1px solid var(--j56-hair);border-radius:24px;
  padding:36px 34px 32px;
  box-shadow:0 12px 36px rgba(109,94,224,.10);
  color:var(--j56-ink); /* 深色文字，浅色底，可读性最佳 */
  transition:transform .45s var(--j56-ease),box-shadow .45s var(--j56-ease),border-color .3s;
}
.gp-page .duo-card.agent-light:hover,
.gp-page .duo-card.geo-light:hover{
  transform:translateY(-8px);border-color:rgba(109,94,224,.4);
  box-shadow:0 26px 60px rgba(109,94,224,.18);
}
.gp-page .duo-card.geo-light{
  background:linear-gradient(180deg,#ffffff 0%,#F3F7FF 100%);
}
.gp-page .duo-card.agent-light h3,
.gp-page .duo-card.geo-light h3{
  color:var(--j56-ink);font-weight:900;letter-spacing:-.025em;
  font-size:clamp(26px,3vw,34px);margin-top:14px;
}
.gp-page .duo-card.agent-light p.sub,
.gp-page .duo-card.geo-light p.sub{
  color:var(--j56-ink-3);font-size:15px;line-height:1.85;margin-top:10px;
}
.gp-page .duo-card.agent-light .duo-skill span,
.gp-page .duo-card.geo-light .duo-skill span{
  background:#fff;border:1px solid var(--j56-hair);color:var(--j56-ink-2);
}
.gp-page .duo-orb.duo-orb-1{
  background:radial-gradient(circle,rgba(61,128,245,.18),transparent 65%);
}
.gp-page .duo-orb.duo-orb-2{
  background:radial-gradient(circle,rgba(78,137,240,.20),transparent 65%);
}

/* 浅色产品卡 · 紫色 tag（替代之前的 .tag.white） */
.gp-page .tag.purple{
  background:linear-gradient(92deg,#EDF4FF,#F6F9FF);
  border:1px solid #E6E1FB;color:#5239D8;
}

/* V5.8 · 点 12-17 · 内页各步骤数字居中（兼容不同实现） */
.gp-page .flow-step,
.gp-page .open-step,
.gp-page .eco-step,
.gp-page .apply-step{
  /* 数字通常在 .no / .num / .step-no 中，下述规则统一居中 */
}
.gp-page .flow-step .no,
.gp-page .open-step .no,
.gp-page .eco-step .no,
.gp-page .apply-step .no,
.gp-page .flow-step .num,
.gp-page .open-step .num,
.gp-page .eco-step .num,
.gp-page .apply-step .num,
.gp-page .flow-step .step-no,
.gp-page .open-step .step-no,
.gp-page .eco-step .step-no,
.gp-page .apply-step .step-no{
  display:flex !important;align-items:center;justify-content:center;
  text-align:center;margin:0 auto 12px;
  width:56px;height:56px;border-radius:50%;
  background:linear-gradient(135deg,#EDF4FF,#F8FBFF);
  border:1px solid #E6E1FB;color:#6D5AE6;
  font-size:22px;font-weight:800;letter-spacing:-.01em;
  font-variant-numeric:tabular-nums;
  box-shadow:0 6px 16px rgba(109,94,224,.08);
}

/* V5.8 · 点 17 · 归浦开放能力标题靠左（eyebrow 默认居中） */
.gp-page .eco-cap,
.gp-page .eco-head,
.gp-page .open-cap{
  text-align:left !important;
}
.gp-page .eco-cap .eyebrow,
.gp-page .eco-head .eyebrow,
.gp-page .open-cap .eyebrow{
  margin-left:0 !important;
}

/* V5.8 · 点 18 · 全站去深底卡（内页页脚/CTA） */
.gp-page footer{
  background:linear-gradient(180deg,#F9FBFF 0%,#ffffff 100%) !important;
  color:var(--j56-ink) !important;
  border-top:1px solid var(--j56-hair) !important;
}
.gp-page footer *{
  color:inherit;
}
.gp-page footer a:hover{color:var(--j56-brand) !important;}


/* V5.8.1 · 点 29 · 产品卡 + 价格卡 foot 按钮居中 */
.gp-page .duo-card.agent-light .foot,
.gp-page .duo-card.geo-light .foot{
  justify-content:center;
  padding-top:18px;
  margin-top:auto;
  border-top:1px dashed #E7F0FF;
}
.gp-page .duo-card.agent-light .foot a,
.gp-page .duo-card.geo-light .foot a{
  flex:none;
}
.gp-page .price-card .foot{
  justify-content:center;
  text-align:center;
  flex-direction:column;
  gap:10px;
  margin-top:auto;
  padding-top:18px;
}
.gp-page .price-card .foot .btn{
  width:auto;min-width:160px;
}
.gp-page .price-card .credits{
  text-align:center;
}

/* ==========================================================================
   V5.8.2 · 内页视觉升级（本文件在 v5.css 之后加载，故同选择器可覆盖）
   ① 一体式背景：去掉 .section--soft / .page-head 的独立底色与硬分割线
   ② 步骤数字 1/2/3 → 挤出式 3D 胶囊，浮在卡片上沿，不再压住卡片内容
   ③ 「选择此版本」按钮与同表其它按钮统一水平基线
   ========================================================================== */

/* -- ① 一体式背景 -------------------------------------------------------- */
.gp-page{background:transparent}
.gp-page .section,
.gp-page .section--soft,
.gp-page .section--geo,
.gp-page .big-cta{background:transparent;border-top:0;border-bottom:0}
.gp-page .page-head{
  background:
    radial-gradient(880px 320px at 82% -6%, rgba(139,180,250,.16), transparent 62%),
    radial-gradient(720px 300px at 6% 12%, rgba(109,94,224,.10), transparent 60%);
  border-bottom:0;
}
/* 页头网格纹理保留，但整体再淡一档，避免形成明显的「色块拼接」硬边 */
.gp-page .page-head::before{opacity:.55}
.gp-page .big-cta{border-top:0}

/* -- ② 步骤编号：入流立体胶囊（V5.8.3） ----------------------------------- */
.gp-page .step-card{
  overflow:visible;border-radius:24px;padding:26px 26px 28px;
  background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.9);
  box-shadow:0 10px 30px rgba(28,32,74,.07);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}
/* 选择器加 body 前缀(0,3,1)压过旧版 .gp-page .step-card .no(0,3,0) 的
   「46px 细体渐变文字」；编号走正常文档流，与标题用 margin-bottom 固定分隔。 */
body.gp-page .step-card .no{
  position:static;left:auto;top:auto;right:auto;z-index:auto;margin:0 0 14px;
  display:flex;width:max-content;min-width:46px;height:40px;padding:0 13px;
  align-items:center;justify-content:center;
  border-radius:13px;font-size:15px;font-weight:900;letter-spacing:.08em;
  line-height:1;color:#fff;font-variant-numeric:tabular-nums;
  background:linear-gradient(165deg,#A99CF5,#5239D8);
  -webkit-background-clip:border-box;background-clip:border-box;
  box-shadow:0 4px 0 0 #0B3F94,0 10px 18px rgba(44,89,166,.22),
             inset 0 2px 0 rgba(255,255,255,.34);
  transform:none;
}
body.gp-page .step-card .no::after{display:none}
.gp-page .steps > *:nth-child(2) .no{
  background:linear-gradient(165deg,#6FA0FF,#2F5FE0);
  box-shadow:0 4px 0 0 #1E3FA8,0 10px 18px rgba(30,63,168,.22),inset 0 2px 0 rgba(255,255,255,.34)}
.gp-page .steps > *:nth-child(3) .no{
  background:linear-gradient(165deg,#5FD9B4,#12A87E);
  box-shadow:0 4px 0 0 #0B7A5B,0 10px 18px rgba(11,122,91,.20),inset 0 2px 0 rgba(255,255,255,.34)}
.gp-page .steps > *:nth-child(4) .no{
  background:linear-gradient(165deg,#FFC46B,#EE8A22);
  box-shadow:0 4px 0 0 #B4620F,0 10px 18px rgba(180,98,15,.20),inset 0 2px 0 rgba(255,255,255,.4)}
.gp-page .step-card h4{margin-top:0}
@media (max-width:640px){
  .gp-page .step-card{padding:22px 20px 24px}
  .gp-page .step-card .no{min-width:42px;height:36px;font-size:14px;border-radius:12px}
  .gp-page .step-card .no::after{display:none}
}

/* -- ③ 「选择此版本」按钮水平对齐 ---------------------------------------- */
.gp-page .compare thead th{position:relative;vertical-align:bottom;padding-top:54px}
.gp-page .compare thead th .rec-badge{
  position:absolute;top:12px;left:50%;transform:translateX(-50%);white-space:nowrap;z-index:2}
.gp-page .compare thead th .btn,
.gp-page .compare thead th .btn-pick{
  display:flex;width:auto;max-width:150px;margin:10px auto 0;
  padding:9px 16px;font-size:12.5px;height:auto;min-height:36px;
  align-items:center;justify-content:center}

/* -- V5.8.2 · 案例大卡：照片区换成数据图表区 --------------------------------- */
.gp-page .case-big .ph.case-chart{
  position:relative;min-height:auto;background:linear-gradient(150deg,var(--c1,#EEF2FF),var(--c2,#E3E8FF));
}
.gp-page .case-big .ph.case-chart .clogo{
  position:absolute;left:18px;top:16px;z-index:3;
  background:rgba(17,18,20,.78);color:#fff;border-radius:999px;
  padding:5px 12px;font-size:12px;font-weight:600;
}
/* 行业场景照片：加一层柔和品牌色罩，避免深色图片在浅色页面上过于突兀 */
.gp-page .shot-frame{position:relative;overflow:hidden;border-radius:24px;
  box-shadow:0 16px 38px rgba(28,32,74,.10)}
.gp-page .shot-frame::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(160deg,rgba(109,94,224,.12),rgba(255,255,255,0) 58%)}