/* ============================================================
   实操派复盘 · 官网首页样式（home.css）
   布局/配色/间距/字号向 www.ifupan.com 官网首页对齐（1:1 复刻），
   文案与品牌全部为实操派复盘自有内容，不引用对方任何图片资产。
   关键提取值：主蓝 #1677ff/#07f、紫 #7257f6、橙 #ff7a45、绿 #13b8a6、
   hero 网格底纹 48px + 渐变 #f8faff→#f1f5ff→#f6f2ff、玻璃导航 64px、
   卡片圆角 14-18px、区块最大宽 1200px、section padding 64px 0。
   ============================================================ */
:root{
  --blue:#1677ff; --blue-btn:#07f; --blue-dark:#145ed0; --blue-light:#edf4ff; --blue-mid:#c9dbff;
  --purple:#7257f6; --orange:#ff7a45; --green:#13b8a6;
  --bg:#f7f9fe; --text-main:#1a1a2e; --text-sub:#58647a; --text-muted:#8b96aa;
  --border:#e0e8ff; --nav-border:rgba(229,234,243,.9);
  --grad-brand:linear-gradient(90deg,#1677ff,#6b4eff);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6;color:var(--text-main);background:#fff;letter-spacing:.01em}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
img,svg{display:block}
/* 锚点定位留出粘性导航高度 */
[id]{scroll-margin-top:76px}

/* ---------- 导航（玻璃拟态，64px） ---------- */
nav.topbar{position:sticky;top:0;z-index:100;height:64px;
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:24px;
  padding:0 max(32px,calc((100vw - 1320px)/2));
  background:rgba(255,255,255,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid var(--nav-border);box-shadow:0 1px 12px #1677ff12}
.nav-logo{display:flex;align-items:center;gap:9px;text-decoration:none}
.nav-mark{width:32px;height:32px;border-radius:8px;background:var(--grad-brand);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;font-style:italic}
.nav-logo-text{font-size:19px;font-weight:800;letter-spacing:-.3px;color:var(--text-main)}
.nav-logo-text b{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.nav-links{display:flex;list-style:none;gap:22px;justify-content:center}
.nav-links a{color:#475569;font-size:14px;font-weight:500;transition:color .2s;white-space:nowrap}
.nav-links a:hover,.nav-links a.active{color:var(--blue)}
.nav-cta{display:flex;align-items:center;gap:12px;flex-shrink:0}
.btn-login{background:#fff;border:1.5px solid var(--blue);border-radius:7px;color:var(--blue);
  font-size:14px;font-weight:600;height:38px;line-height:1;padding:0 18px;transition:background .2s;white-space:nowrap}
.btn-login:hover{background:var(--blue-light)}
.btn-try{background:var(--blue-btn);border:none;border-radius:7px;color:#fff;font-size:14px;font-weight:600;
  height:38px;line-height:1;padding:0 20px;transition:background .2s;white-space:nowrap}
.btn-try:hover{background:#006be6}

/* ---------- Hero ---------- */
.hero-section{position:relative;overflow:hidden;padding:78px 56px 92px;
  background:linear-gradient(90deg,rgba(40,120,240,.05) 1px,transparent 0),linear-gradient(rgba(40,120,240,.05) 1px,transparent 0),linear-gradient(135deg,#f8faff,#f1f5ff 58%,#f6f2ff);
  background-size:48px 48px,48px 48px,auto}
.hero-section:before,.hero-section:after{content:"";position:absolute;pointer-events:none}
.hero-section:before{background:#7257f6;border-radius:0 0 0 100%;height:620px;width:620px;right:-140px;top:-240px;opacity:.055}
.hero-section:after{background:#2878f0;border-radius:50%;height:500px;width:500px;left:-180px;bottom:-220px;opacity:.05}
.hero-inner{position:relative;z-index:1;display:grid;gap:56px;align-items:start;
  grid-template-columns:minmax(420px,.9fr) minmax(560px,1.1fr);max-width:1320px;margin:0 auto}
.hero-product{display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:22px;
  color:var(--text-sub);font-size:16px;font-weight:600;letter-spacing:.3px}
.hero-brand{background:linear-gradient(90deg,#1677ff,#6b4eff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  font-size:21px;font-weight:900;letter-spacing:.2px}
.hero-pill{display:inline-flex;align-items:center;gap:6px;background:var(--grad-brand);border-radius:16px;
  box-shadow:0 6px 18px #6b4eff52,inset 0 1px #fff6;color:#fff;font-size:13px;font-weight:700;padding:4px 14px 4px 12px}
.hero-pill:before{content:"▶";font-size:9px}
.hero h1{color:var(--text-main);font-size:clamp(48px,4.6vw,68px);font-weight:900;line-height:1.08;letter-spacing:-.5px;max-width:630px}
.hero h1 .gradient{background:linear-gradient(90deg,#1677ff,#6b4eff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:currentColor;position:relative}
.hero h1 .gradient:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:7px;background:#b9d6ff;border-radius:2px;z-index:-1}
.hero-subline{color:var(--text-main);font-size:20px;font-weight:600;line-height:1.8;margin-top:18px;max-width:560px}
.hero-subline .sub-hl{color:var(--blue);font-weight:800}
.hero-subline b{background:linear-gradient(90deg,#1677ff,#6b4eff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:22px;font-weight:900}
.hero-actions{display:flex;align-items:center;gap:14px;margin:30px 0 24px}
.btn-hero{border-radius:10px;min-width:142px;padding:15px 30px;font-size:15px;font-weight:700;transition:all .2s}
.btn-hero-primary{background:var(--blue-btn);background-image:none;border:none;color:#fff;box-shadow:0 10px 24px #2878f033}
.btn-hero-primary:hover{background:#006be6;transform:translateY(-1px)}
.btn-hero-outline{background:#fff;border:1.5px solid #afc9f6;color:var(--blue)}
.btn-hero-outline:hover{background:var(--blue-light)}
.dl-btn-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}
.hero-dl-note{color:var(--text-muted);font-size:12px;white-space:nowrap;margin-top:0}
.hero-trust{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin-top:24px;padding-top:20px;
  border-top:1px solid #dde5f2;color:var(--text-sub);font-size:13px}
.hero-trust .ht-item{position:relative}
.hero-trust .ht-item:not(:last-child):after{content:"·";color:var(--text-muted);margin-left:12px}

/* ---------- Hero 演示卡 ---------- */
.hero-visual{border:1px solid #d9e3f4;border-radius:18px;box-shadow:0 22px 54px #29488721;overflow:hidden;padding:0;background:#fff}
.hv-agent-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 0;margin-bottom:14px}
.hv-agent-title{display:flex;align-items:center;gap:9px;color:var(--text-main);font-size:16px;font-weight:800}
.hv-logo{width:24px;height:24px;border-radius:7px;background:linear-gradient(135deg,#1677ff,#6b4eff);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;font-style:italic}
.hv-claude-tag{background:var(--grad-brand);border-radius:12px;color:#fff;font-size:11px;font-weight:700;margin-left:8px;padding:2px 9px}
.live-badge{display:flex;align-items:center;gap:6px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;
  color:#059669;font-size:11px;font-weight:600;padding:3px 10px}
.live-dot{width:6px;height:6px;border-radius:50%;background:#10b981;animation:pulse 1.5s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 #10b98166}50%{box-shadow:0 0 0 5px #10b98100}100%{box-shadow:0 0 0 0 #10b98100}}
.hero-demo-tabs{display:flex;gap:8px;margin:0 22px 12px}
.hdemo-tab{flex:1;background:#f5f7fb;border:1px solid #e1e6f0;border-radius:10px;color:var(--text-sub);
  font-size:13px;font-weight:700;padding:9px 12px;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}
.hdemo-tab:hover{border-color:#c7d4ec}
.hdemo-tab.active{background:linear-gradient(90deg,#1677ff,#6b4eff);border-color:transparent;box-shadow:0 6px 16px #1677ff47;color:#fff}
.hdemo-pane{padding:0 22px;animation:hdemoFade .35s ease}
@keyframes hdemoFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.hv-cmd{display:flex;align-items:flex-start;gap:8px;background:#fff;border:1.5px solid var(--blue-mid);border-radius:12px;
  box-shadow:0 0 0 1px #1677ff29,0 6px 18px #1677ff24;padding:12px 14px;margin-bottom:12px}
.hv-cmd-at{color:var(--blue);font-size:13px;font-weight:800;white-space:nowrap}
.hv-cmd-text{color:var(--text-main);font-size:13px;line-height:1.6}
.hv-steps{margin-bottom:12px}
.hv-step{position:relative;color:var(--text-sub);font-size:12.5px;line-height:1.5;padding:5px 0 5px 24px}
.hv-step:before{content:"✓";position:absolute;left:0;top:5px;width:16px;height:16px;border-radius:50%;
  background:#ecfdf5;border:1px solid #a7f3d0;color:#10b981;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center}
.hv-step.run{color:var(--blue);font-weight:600}
.hv-step.run:before{content:"";background:var(--blue);border:none;box-shadow:0 0 0 3px #1677ff26;height:12px;width:12px;top:7px;animation:pulse 1.5s infinite}
.hv-results{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}
.hv-res{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:10px}
.hv-res-k{color:var(--text-muted);font-size:11px;margin-bottom:4px}
.hv-res-v{color:var(--text-main);font-size:13px;font-weight:800}
.hv-res-v.warn{color:var(--orange)}
.hv-res-v.ok{color:#10b981}
.hv-out-time{color:#10b981;font-size:12px;font-weight:700;margin-bottom:14px;text-align:right}
.hv-proof{display:flex;align-items:center;flex-wrap:wrap;gap:5px;background:var(--blue-light);border:1.5px solid var(--blue-mid);
  border-radius:10px;color:var(--text-sub);font-size:12px;padding:9px 12px;margin-bottom:14px}
.hv-proof-t{color:var(--blue);font-weight:800;margin-right:4px}
.hv-proof b{color:var(--text-main);font-weight:800}
.hv-cover{margin:0 22px;padding:11px 0 16px;border-top:1px dashed var(--blue-mid);color:var(--text-sub);font-size:12px;line-height:1.7}
.hv-cover-t{color:var(--text-main);font-weight:700;margin-right:4px}
.hv-cover b{color:var(--blue);font-weight:800}

/* ---------- 统计数字带 ---------- */
.stats-bar{background:linear-gradient(180deg,#eff4fff5,#f8faff 52%,#fff);padding:0 0 52px}
.stats-inner{display:flex;margin:-38px auto 0;max-width:1200px;overflow:hidden;
  background:#fff;border:1px solid rgba(222,230,243,.9);border-radius:16px;box-shadow:0 16px 40px #27417417;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.stat-item{flex:1;position:relative;text-align:center;padding:32px 20px;border-right:1px solid var(--border)}
.stat-item:last-child{border-right:none}
.stat-item:nth-child(1){background:radial-gradient(130% 100% at 50% 0,rgba(22,119,255,.09),transparent 72%)}
.stat-item:nth-child(2){background:radial-gradient(130% 100% at 50% 0,rgba(114,87,246,.09),transparent 72%)}
.stat-item:nth-child(3){background:radial-gradient(130% 100% at 50% 0,rgba(255,122,69,.10),transparent 72%)}
.stat-item:nth-child(4){background:radial-gradient(130% 100% at 50% 0,rgba(19,184,166,.10),transparent 72%)}
.stat-num{font-size:40px;font-weight:900;line-height:1;margin-bottom:8px;letter-spacing:-.035em}
.stat-item:nth-child(1) .stat-num{color:#1677ff}
.stat-item:nth-child(2) .stat-num{color:#6b4eff}
.stat-item:nth-child(3) .stat-num{color:#ff6b1a}
.stat-item:nth-child(4) .stat-num{color:#10b981}
.stat-desc{color:#69758a;font-size:13px}

/* ---------- 通用区块 ---------- */
.section-wrap{max-width:1200px;margin:0 auto;padding:64px 0;position:relative;text-align:left}
.section-label{display:inline-flex;align-items:center;background:#eef5ff;border:1px solid #d4e1ff;border-radius:16px;
  color:#3d6fe3;font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:5px 12px;margin-bottom:12px}
.section-label.sv-label{color:#7b3fe4;background:#f5f0ff;border-color:#e4d8ff}
.section-title{font-size:38px;font-weight:800;letter-spacing:-.025em;line-height:1.25;margin-bottom:14px;max-width:850px;position:relative;z-index:1}
.section-sub{color:#647087;font-size:15px;line-height:1.8;margin:0 0 50px;max-width:850px}
.divider{border:none;border-top:1px solid #edf0f5;max-width:1200px;margin:0 auto}

/* 区块内 CTA 条 */
.sec-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:44px;padding:30px 34px;
  background:radial-gradient(circle at 88% 20%,rgba(114,87,246,.14),transparent 27%),linear-gradient(100deg,#edf5ff,#f5f1ff);
  border:1px solid rgba(208,221,247,.92);border-radius:16px;box-shadow:0 12px 30px #2a457e12}
.sec-cta-title{color:#203456;font-size:16px;font-weight:800;margin-bottom:4px}
.sec-cta-sub{color:#68768d;font-size:13px}
.sec-cta-btns{display:flex;align-items:center;flex-shrink:0;gap:12px}
.btn-sec-primary{background:var(--blue-btn);border:none;border-radius:9px;color:#fff;font-size:14px;font-weight:700;
  padding:11px 24px;transition:background .2s}
.btn-sec-primary:hover{background:#006be6}
.btn-sec-ghost{background:transparent;border:1.5px solid var(--blue-mid);border-radius:9px;color:var(--blue);
  font-size:14px;font-weight:700;padding:11px 22px;transition:background .2s}
.btn-sec-ghost:hover{background:var(--blue-light)}

/* ---------- 工具矩阵（原品牌墙位置） ---------- */
#tools{background:#f5f8fe;border-radius:24px;margin:72px auto;max-width:1200px;padding:80px 56px}
.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tool-card{background:#fff;border:1px solid #e7ecf4;border-radius:12px;height:auto;min-height:170px;padding:22px 20px;
  display:flex;flex-direction:column;align-items:flex-start;gap:10px;transition:transform .2s,box-shadow .2s,border-color .2s}
.tool-card:hover{border-color:var(--blue-mid);box-shadow:0 12px 30px #2a457e1a;transform:translateY(-3px)}
.tool-logo{width:52px;height:52px;border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;
  font-size:22px;font-weight:800}
.tool-logo.c1{background:linear-gradient(135deg,#1677ff,#4a9bff)}
.tool-logo.c2{background:linear-gradient(135deg,#7257f6,#b14eff)}
.tool-logo.c3{background:linear-gradient(135deg,#ff7a45,#ff9c6b)}
.tool-logo.c4{background:linear-gradient(135deg,#13b8a6,#3cd6c4)}
.tool-name{font-size:16px;font-weight:800;color:var(--text-main)}
.tool-desc{color:var(--text-sub);font-size:12.5px;line-height:1.7;flex:1}
.tool-link{color:var(--blue);font-size:12.5px;font-weight:700}
.tool-link:hover{color:var(--blue-dark)}
.tools-note{color:var(--text-muted);font-size:12px;margin-top:14px;text-align:center}

/* ---------- 痛点引语 ---------- */
.ask-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:36px}
.ask-item{display:flex;align-items:flex-start;gap:14px;background:#fff;border:1px solid var(--border);
  border-radius:14px;padding:18px 20px;transition:all .2s}
.ask-item:hover{border-color:var(--blue-mid);box-shadow:0 8px 24px #1677ff1a;transform:translateY(-2px)}
.ask-body{flex:1;min-width:0}
.ask-q{color:var(--text-main);font-size:15px;font-weight:800;line-height:1.5;margin-bottom:8px}
.ask-a{color:var(--text-sub);font-size:13px;line-height:1.7}
.ask-moment{align-self:center;flex-shrink:0;background:var(--blue-light);border:1px solid var(--blue-mid);border-radius:20px;
  color:var(--blue);font-size:12px;font-weight:700;padding:4px 12px;white-space:nowrap}
.ask-punch{color:var(--text-sub);font-size:16px;margin-top:26px;text-align:center}
.ask-punch b{color:var(--text-main);font-weight:800}

/* ---------- 双智能体 ---------- */
.dual-section{padding:40px 0}
.da-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:18px}
.da-card{display:block;border:1px solid transparent;border-radius:18px;padding:26px 28px;transition:transform .2s,box-shadow .2s}
.da-card:hover{box-shadow:0 18px 40px #140a3c24;transform:translateY(-4px)}
.da-live{background:linear-gradient(135deg,#eaf1ff,#f3f7ff);border-color:#d6e4ff}
.da-sv{background:linear-gradient(135deg,#f5f0ff,#fbf0ff);border-color:#e4d8ff}
.da-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.da-icon{font-size:24px}
.da-name{color:var(--text-main);font-size:20px;font-weight:800}
.da-count{margin-left:auto;border-radius:999px;color:#fff;font-size:12px;font-weight:800;padding:3px 10px}
.da-live .da-count{background:#1060e8}
.da-sv .da-count{background:var(--purple)}
.da-desc{color:var(--text-sub);font-size:14px;line-height:1.8}
.da-more{font-size:14px;font-weight:800;margin-top:14px}
.da-live .da-more{color:#1060e8}
.da-sv .da-more{color:var(--purple)}
.da-bridge{background:linear-gradient(120deg,#1a1a2e,#2e2a66);border-radius:16px;color:#ffffffeb;
  font-size:14px;line-height:1.9;padding:20px 26px;text-align:center}
.da-bridge b{color:#c9beff}
.da-bridge-badge{display:inline-block;background:linear-gradient(90deg,#1060e8,#6b4eff);border-radius:999px;color:#fff;
  font-size:12px;font-weight:800;margin-right:8px;padding:3px 12px}

/* ---------- 四大能力 + 数字网格 ---------- */
.agent-section{background:linear-gradient(180deg,#f4f1ff,#eef3ff)}
.agent-cap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:34px}
.agent-cap-card{position:relative;background:#fff;border:1px solid var(--border);border-radius:16px;
  box-shadow:0 6px 24px #1677ff0f;padding:26px 28px;transition:all .2s}
.agent-cap-card:hover{border-color:var(--blue-mid);box-shadow:0 14px 40px #6b4eff24;transform:translateY(-3px)}
.agent-cap-no{position:absolute;right:26px;top:22px;color:#ede9ff;font-size:26px;font-weight:900}
.agent-cap-title{font-size:19px;font-weight:800;margin-bottom:10px}
.agent-cap-title .dot{color:var(--purple);margin-right:7px}
.agent-cap-desc{color:var(--text-sub);font-size:14px;line-height:1.8}
.agent-cap-eg{background:var(--blue-light);border-radius:10px;color:var(--blue-dark);font-size:13px;line-height:1.7;margin-top:12px;padding:10px 14px}
.agent-hardnum{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:22px;padding:30px 20px;
  background:linear-gradient(120deg,#2e2a66,#472a7a);border:1px solid rgba(150,120,255,.3);border-radius:18px;
  box-shadow:0 14px 44px #472a7a52,inset 0 1px #ffffff24}
.agent-hardnum-item{padding:4px 16px;text-align:center;border-right:1px solid rgba(255,255,255,.14)}
.agent-hardnum-item:last-child{border-right:none}
.agent-hardnum-val{color:#fff;font-size:42px;font-weight:900;line-height:1;text-shadow:0 0 22px rgba(150,120,255,.5)}
.agent-hardnum-val span{font-size:18px;margin-left:3px}
.agent-hardnum-label{color:#c9beff;font-size:14px;font-weight:700;margin-top:8px}
.agent-hardnum-desc{color:#fff9;font-size:12px;margin-top:4px}
.agent-value-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:30px}
.agent-value-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px 10px;text-align:center}
.agent-value-num{color:var(--blue);font-size:26px;font-weight:900;line-height:1}
.agent-value-num.up{color:#10b981}
.agent-value-label{color:var(--text-sub);font-size:12px;margin-top:8px}

/* ---------- 短视频智能体场景 ---------- */
.sv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}
.sv-card{background:linear-gradient(135deg,#f5f0ff,#fbf0ff);border:1px solid #e4d8ff;border-left:4px solid var(--purple);
  border-radius:14px;padding:20px 22px;transition:all .2s}
.sv-card:hover{box-shadow:0 12px 32px #6b4eff24;transform:translateY(-3px)}
.sv-no{color:var(--purple);font-size:12px;font-weight:800;letter-spacing:.5px;margin-bottom:8px}
.sv-new{display:inline-block;background:var(--purple);border-radius:999px;color:#fff;font-size:10px;font-weight:800;
  letter-spacing:.5px;margin-left:6px;padding:1px 7px;vertical-align:middle}
.sv-card h4{color:var(--text-main);font-size:16px;font-weight:800;margin-bottom:6px}
.sv-card p{color:var(--text-sub);font-size:13px;line-height:1.7}
.sv-highlight{background:linear-gradient(120deg,#2e2a66,#472a7a);border-radius:14px;color:#ffffffe6;font-size:13.5px;
  font-weight:600;line-height:1.9;margin-bottom:8px;padding:18px 24px;text-align:center}
.sv-highlight b{color:#c9beff;font-size:16px}

/* ---------- 四层记忆（深色） ---------- */
.mem-section{background:linear-gradient(160deg,#1a1f3d,#2a2350 55%,#3a1f5c);color:#fff}
.mem-section .section-title{color:#fff}
.mem-section .section-sub{color:#ffffffb8}
.mem-section .section-label{background:#ffffff14;border-color:#ffffff2e;color:#a99bff}
.mem-wrap{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;margin-bottom:20px}
.mem-pyramid{display:flex;flex-direction:column;align-items:center;gap:10px}
.mem-layer{border-radius:12px;box-shadow:0 8px 22px #6b4eff47;color:#fff;font-size:17px;font-weight:800;
  letter-spacing:.5px;padding:15px 0;text-align:center}
.mem-l1{background:linear-gradient(90deg,#3cc8ff,#1677ff);width:56%}
.mem-l2{background:linear-gradient(90deg,#4a9bff,#6b4eff);width:70%}
.mem-l3{background:linear-gradient(90deg,#7a5cff,#9b4eff);width:84%}
.mem-l4{background:linear-gradient(90deg,#b14eff,#ff4ec3);width:98%}
.mem-base{color:#c9beff;font-size:14px;font-weight:700;margin-top:8px}
.mem-list-item{margin-bottom:16px}
.mem-list-item h4{color:#fff;font-size:16px;font-weight:800;margin-bottom:5px}
.mem-list-item p{color:#ffffffb8;font-size:14px;line-height:1.7}
.mem-highlight{display:inline-block;background:linear-gradient(90deg,#6b4eff,#b14eff);border-radius:12px;color:#fff;
  font-size:17px;font-weight:800;margin-top:8px;padding:10px 22px}
.evo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.evo-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:24px;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.evo-emoji{font-size:30px;margin-bottom:12px}
.evo-title{font-size:18px;font-weight:800;margin-bottom:6px}
.evo-title .accent{color:#c9a6ff}
.evo-say{color:#fff9;font-size:13px;line-height:1.6}
.mem-note{color:#ffffffb8;font-size:14px;margin-top:26px}
.mem-section .sec-cta{background:#ffffff0f;border:1px solid #ffffff2e;box-shadow:none}
.mem-section .sec-cta-title{color:#fff}
.mem-section .sec-cta-sub{color:#ffffffb8}
.mem-section .btn-sec-ghost{border-color:#ffffff94;color:#fff}
.mem-section .btn-sec-ghost:hover{background:#ffffff1a}

/* ---------- 技能沉淀四步 ---------- */
.clone-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:26px}
.clone-step{position:relative;background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px 20px}
.clone-step-no{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin-bottom:14px;
  background:linear-gradient(135deg,#1677ff,#6b4eff);border-radius:8px;color:#fff;font-size:15px;font-weight:800}
.clone-step h4{font-size:16px;font-weight:800;margin-bottom:7px}
.clone-step p{color:var(--text-sub);font-size:13px;line-height:1.7}
.clone-arrow{position:absolute;right:-11px;top:34px;z-index:2;color:var(--blue-mid);font-size:20px}
.clone-benefit{display:flex;flex-wrap:wrap;gap:14px}
.clone-benefit span{background:var(--blue-light);border-radius:20px;color:var(--blue-dark);font-size:14px;font-weight:600;padding:9px 20px}
.clone-benefit span:before{content:"✓ ";color:#10b981;font-weight:800}

/* ---------- 角色场景 ---------- */
.role-tabs{display:flex;gap:5px;justify-content:flex-start;margin:0 auto 30px;max-width:950px;padding:5px;
  background:#ebf0f9eb;border:1px solid #e1e7f2;border-radius:13px}
.role-tab{flex:1;border:none;background:#fff;border-radius:9px;color:#617087;font-size:14px;font-weight:600;
  padding:14px 12px;text-align:center;transition:all .2s;white-space:nowrap}
.role-tab.active{background:var(--blue-btn);background-image:none;box-shadow:0 8px 18px #3652c933;color:#fff}
.role-tab:hover:not(.active){background:#ffffffbf;color:var(--blue)}
.role-content{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid rgba(222,229,241,.94);border-radius:18px;
  overflow:hidden;background:#ffffffe0;box-shadow:0 18px 48px #223b6c14;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.role-pain{background:radial-gradient(circle at 15% 15%,rgba(255,255,255,.85),transparent 34%),linear-gradient(145deg,#eaf3ff,#f1edff);
  border-right:1px solid rgba(213,224,244,.86);padding:48px 44px}
.role-pain h3{color:#1c3261;font-size:27px;font-weight:800;line-height:1.45;margin-bottom:14px}
.role-pain p{color:#566986;font-size:14px;line-height:1.9}
.role-features{padding:48px 44px}
.role-features h4{color:var(--blue);font-size:14px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:18px}
.feature-item{display:flex;align-items:flex-start;gap:10px;color:#566277;font-size:14px;line-height:1.75;
  margin:0;padding:12px 0;border-bottom:1px solid #edf0f6}
.feature-item:last-child{border-bottom:0}
.feature-dot{flex-shrink:0;width:7px;height:7px;border-radius:50%;background:var(--blue);margin-top:8px}

/* ---------- 提问示例大全 ---------- */
.phase-tabs{display:inline-flex;gap:5px;margin-bottom:32px;padding:5px;background:#ebf0f9eb;border:1px solid #e1e7f2;border-radius:13px}
.phase-tab{flex:0 0 184px;width:184px;border:none;background:#fff;border-radius:9px;color:#617087;font-size:14px;
  font-weight:600;padding:12px 8px;text-align:center;transition:all .2s}
.phase-tab.active{background:var(--blue-btn);background-image:none;box-shadow:0 8px 18px #3652c933;color:#fff}
.phase-tab:hover:not(.active){background:#ffffffbf;color:var(--blue)}
.scenarios-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.scenario-card{display:flex;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid #e6ebf3;
  border-radius:14px;box-shadow:0 2px 10px #1428500d;padding:22px 22px 20px;transition:all .25s;cursor:pointer}
.scenario-card:hover{border-color:var(--blue);box-shadow:0 12px 30px #1677ff1f;transform:translateY(-3px)}
.scenario-num{display:inline-block;background:var(--blue-light);border-radius:20px;color:var(--blue);
  font-size:12px;font-weight:700;padding:3px 12px;margin-bottom:12px}
.scenario-name{color:var(--text-main);font-size:15.5px;font-weight:700;line-height:1.6;margin-bottom:10px}
.scenario-name:before{content:"问它";display:inline-block;background:var(--blue-light);border-radius:5px;color:var(--blue);
  font-size:11px;font-weight:800;margin-right:8px;padding:2px 7px;vertical-align:2px}
.scenario-pain{color:var(--text-sub);font-size:13px;line-height:1.75;flex:1 1 auto;margin-bottom:6px}
.scenario-pain b{color:var(--text-main);font-weight:800}

/* ---------- 案例区 ---------- */
.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.case-card{background:#fff;border:1px solid #e2e8f2;border-radius:15px;box-shadow:0 10px 28px #2339650f;
  overflow:hidden;transition:all .2s}
.case-card:hover{box-shadow:0 18px 42px #25437e1f;transform:translateY(-4px)}
.case-industry{color:#3e6fe2;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:22px 24px 8px}
.case-client,.case-industry{background:linear-gradient(135deg,#edf4ff,#f5f1ff)}
.case-client{color:#263754;font-size:16px;font-weight:800;padding:0 24px 22px}
.case-card:nth-child(3n+2) .case-client,.case-card:nth-child(3n+2) .case-industry{background:linear-gradient(135deg,#f3f0ff,#fbf0ff)}
.case-card:nth-child(3n+2) .case-industry{color:#7b3fe4}
.case-card:nth-child(3n) .case-client,.case-card:nth-child(3n) .case-industry{background:linear-gradient(135deg,#eafaf6,#f0fdf9)}
.case-card:nth-child(3n) .case-industry{color:#0e9273}
.case-pain{color:var(--text-sub);font-size:13px;line-height:1.75;padding:24px 24px 18px;border-bottom:1px solid var(--border)}
.case-results{display:flex;flex-direction:column;gap:10px;padding:0 24px 27px}
.case-result-item{display:flex;align-items:center;gap:12px;color:var(--text-sub);font-size:13px;
  border-top:1px solid #edf0f5;padding-top:10px}
.result-num{min-width:64px;font-size:17px;font-weight:800;
  background:linear-gradient(90deg,#168e72,#2468f2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* ---------- 为什么有这套 AI ---------- */
.adv-headline{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;text-align:left}
.adv-stat-box{position:relative;overflow:hidden;padding:30px 24px;text-align:left;
  border:1px solid rgba(222,229,241,.94);border-radius:15px;
  box-shadow:0 12px 30px #243a6711;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.adv-stat-box:nth-child(1){background:linear-gradient(155deg,#fff,#eaf3ff)}
.adv-stat-box:nth-child(2){background:linear-gradient(155deg,#fff,#f2eeff)}
.adv-stat-box:nth-child(3){background:linear-gradient(155deg,#fff,#fff2e9)}
.adv-stat-box:nth-child(4){background:linear-gradient(155deg,#fff,#eaf9f5)}
.adv-big-num{color:var(--blue);font-size:50px;font-weight:900;line-height:1;margin-bottom:6px}
.adv-stat-box:nth-child(2) .adv-big-num{color:var(--purple)}
.adv-stat-box:nth-child(3) .adv-big-num{color:var(--orange)}
.adv-stat-box:nth-child(4) .adv-big-num{color:#0e9273}
.adv-big-unit{font-size:17px;font-weight:700;margin-bottom:6px;opacity:.88}
.adv-big-label{color:#748097;font-size:12px;line-height:1.5}
.adv-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.adv-pillar{position:relative;isolation:isolate;overflow:hidden;background:#ffffffe6;border:1px solid #e1e7f1;
  border-radius:15px;box-shadow:0 10px 28px #2339650e;padding:42px 30px 32px;min-height:248px;transition:all .25s}
.adv-pillar:hover{transform:translateY(-3px);box-shadow:0 16px 40px #2a457e1f}
.adv-pillar-accent{position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#2468f2,#7b61ff)}
.adv-pillar:nth-child(2) .adv-pillar-accent{background:linear-gradient(90deg,#7257f6,#b14eff)}
.adv-pillar:nth-child(3) .adv-pillar-accent{background:linear-gradient(90deg,#13b8a6,#3cd6c4)}
.adv-pillar-icon{font-size:32px;margin-bottom:14px}
.adv-pillar-title{color:var(--text-main);font-size:19px;font-weight:800;line-height:1.45;margin-bottom:14px}
.adv-pillar-desc{color:var(--text-sub);font-size:14px;line-height:1.9}
.adv-highlight{color:var(--blue);font-weight:700}
.adv-pillar:nth-child(2) .adv-highlight{color:var(--purple)}
.adv-pillar:nth-child(3) .adv-highlight{color:#0e9273}

/* ---------- 对比通用 AI ---------- */
.cmp-points{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:26px}
.cmp-point{background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px 24px}
.cmp-point h4{font-size:16px;font-weight:800;margin-bottom:8px}
.cmp-point h4 i{font-style:normal;color:var(--blue);margin-right:6px}
.cmp-point p{color:var(--text-sub);font-size:13.5px;line-height:1.75}
.cmp-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:10px;background:#fff;
  border:1px solid #e6ebf3;border-radius:14px;overflow:hidden}
.cmp-table td,.cmp-table th{font-size:14px;padding:15px 18px;text-align:left;border-bottom:1px solid #edf0f6}
.cmp-table thead th{font-size:16px;font-weight:800;border-bottom:1px solid #e2e8f2}
.cmp-dim{width:120px;background:var(--bg);color:var(--text-sub);font-weight:700;text-align:center}
.cmp-new-head{background:linear-gradient(135deg,#1677ff,#6b4eff);color:#fff}
.cmp-old-head{color:var(--text-sub)}
.cmp-new{background:linear-gradient(180deg,#eef4ff,#f3efff);border-left:2px solid var(--blue);border-right:2px solid var(--purple);
  color:var(--text-main);font-weight:600}
.cmp-new:before{content:"✓ ";color:#10b981;font-weight:800}
.cmp-old{color:var(--text-muted)}
.cmp-sub{color:var(--purple);font-size:12px;margin-top:3px}
.cmp-table tbody tr:last-child td{border-bottom:none}

/* ---------- 底部 CTA ---------- */
.bottom-cta{position:relative;overflow:hidden;text-align:center;padding:64px 56px;
  background:radial-gradient(circle at 20% 30%,rgba(72,162,255,.28),transparent 28%),
             radial-gradient(circle at 82% 24%,rgba(139,111,255,.28),transparent 30%),
             linear-gradient(120deg,#eaf3ff,#eef0ff 52%,#f4edff);
  border-top:1px solid rgba(205,218,242,.8)}
.bottom-cta h2{color:#172a4a;font-size:46px;font-weight:900;line-height:1.2;margin-bottom:16px;position:relative}
.bottom-cta p{color:#586985;font-size:17px;margin-bottom:14px;position:relative}
.bottom-cta .cta-strip{color:#8b96aa;font-size:13px;margin-bottom:40px}
.cta-actions{display:flex;justify-content:center;gap:16px;position:relative}
.btn-cta-white{background:linear-gradient(100deg,#2468f2,#6758f5);border:none;border-radius:10px;color:#fff;
  font-size:16px;font-weight:700;padding:16px 44px;box-shadow:0 12px 26px #3652c93d;transition:all .2s}
.btn-cta-white:hover{transform:translateY(-2px);box-shadow:0 16px 34px #3652c94d}
.btn-cta-outline{background:#ffffffad;border:1px solid #b9ccef;border-radius:10px;color:var(--blue);
  font-size:16px;font-weight:700;padding:16px 44px;transition:all .2s;backdrop-filter:blur(8px)}
.btn-cta-outline:hover{background:#fff;border-color:var(--blue)}

/* ---------- Footer ---------- */
.footer-wrap{display:grid;grid-template-columns:minmax(220px,1fr) minmax(480px,576px) minmax(260px,1fr);gap:18px 24px;
  align-items:center;background:#f8fafd;border-top:1px solid #e1e7f1;padding:38px max(32px,calc(50vw - 600px))}
.footer-logo{display:flex;align-items:center;gap:10px;color:var(--text-main)}
.footer-logo .nav-mark{width:28px;height:28px;font-size:13px}
.footer-logo-text{font-size:15px;font-weight:800}
.footer-right{display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.footer-links{display:flex;gap:24px}
.footer-links a{color:var(--text-sub);font-size:13px}
.footer-links a:hover{color:var(--blue)}
.footer-friend-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px}
.footer-friend-title,.footer-friend-links a{color:var(--text-muted);font-size:11px}
.footer-friend-links a:hover{color:var(--blue)}
.footer-copy{color:var(--text-muted);font-size:12px;text-align:right}

/* ---------- 响应式 ---------- */
@media (max-width:1180px){
  nav.topbar{padding:0 28px}
  .nav-links{gap:14px}
  .nav-links a{font-size:12px}
  .hero-inner{grid-template-columns:1fr 1fr;gap:42px}
  .tools-grid{grid-template-columns:repeat(2,1fr)}
  .agent-value-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:960px){
  .hero-inner{grid-template-columns:1fr}
  .section-wrap{padding-left:20px;padding-right:20px}
  .tools-grid,.sv-grid,.cases-grid,.scenarios-grid,.adv-headline,.cmp-points{grid-template-columns:repeat(2,1fr)}
  .adv-pillars,.clone-flow,.evo-grid,.mem-wrap,.da-grid,.ask-list,.role-content{grid-template-columns:1fr}
  .role-pain{border-right:0;border-bottom:1px solid #dce6f5}
  .clone-arrow{display:none}
  .stats-inner{margin:-24px 14px 0}
  .sec-cta{flex-direction:column;align-items:flex-start}
  .footer-wrap{grid-template-columns:1fr}
  .footer-right,.footer-copy{align-items:flex-start;text-align:left}
}
@media (max-width:640px){
  .hero-section{padding:50px 20px 64px}
  .hero h1{font-size:42px}
  .hero-actions{align-items:stretch;width:100%}
  .btn-hero{flex:1;min-width:0;padding-left:14px;padding-right:14px}
  .section-title{font-size:30px}
  .bottom-cta h2{font-size:34px}
  .cases-grid,.scenarios-grid,.sv-grid,.tools-grid,.adv-headline,.cmp-points{grid-template-columns:1fr}
  .phase-tab{flex:0 0 auto;width:auto;padding:10px 14px}
  .phase-tabs{display:flex;overflow-x:auto;max-width:100%}
  .role-tabs{overflow-x:auto}
  .role-tab{flex:0 0 auto;min-width:110px}
  .role-pain,.role-features{padding:30px 24px}
  .role-pain h3{font-size:22px}
  .stats-inner{flex-direction:column}
  .stat-item{border-right:0;border-bottom:1px solid var(--border)}
  .stat-item:last-child{border-bottom:0}
  .agent-hardnum{grid-template-columns:1fr;gap:14px}
  .agent-hardnum-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:14px}
  .agent-hardnum-item:last-child{border-bottom:0}
  .agent-value-grid{grid-template-columns:repeat(2,1fr)}
  .cta-actions{flex-direction:column}
  .cmp-table{display:block;overflow-x:auto}
}