/* ===== 导航 ===== */
  /* ===== 导航 ===== */

  /* ===== 按钮（基础样式，全站共用） ===== */

  /* ===== Hero ===== */
  .hero { position:relative; overflow:hidden; background:radial-gradient(1200px 600px at 80% -10%,rgba(99,102,241,.25),transparent 60%),linear-gradient(160deg,#0b1220,#151a3a 60%,#1e1b4b); color:#fff; padding:96px 0 110px; }
  .hero::before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size:48px 48px; mask-image:radial-gradient(ellipse at 50% 0%,#000 40%,transparent 75%); }
  .hero .container { position:relative; z-index:1; }
  .hero-badge { display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border-radius:20px; background:rgba(99,102,241,.15); border:1px solid rgba(129,140,248,.3); font-size:13px; color:#c7d2fe; margin-bottom:22px; }
  .hero h1 { font-size:52px; line-height:1.18; font-weight:800; letter-spacing:-.5px; margin-bottom:20px; }
  .hero h1 .grad { background:linear-gradient(90deg,#818cf8,#c4b5fd,#67e8f9); -webkit-background-clip:text; background-clip:text; color:transparent; }
  .hero p.sub { font-size:18px; color:#a5b4fc; line-height:1.7; max-width:640px; margin-bottom:34px; }
  .hero-cta { display:flex; gap:14px; flex-wrap:wrap; }
  .hero-cta .btn { padding:14px 30px; font-size:15px; }
  .hero-stats { display:flex; gap:44px; margin-top:54px; flex-wrap:wrap; }
  .hero-stats .s { text-align:left; }
  .hero-stats .n { font-size:30px; font-weight:800; background:linear-gradient(90deg,#a5b4fc,#c4b5fd); -webkit-background-clip:text; background-clip:text; color:transparent; }
  .hero-stats .l { font-size:13px; color:#818cf8; margin-top:4px; }

  /* ===== 通用 section ===== */
  section { padding:88px 0; }
  .sec-head { text-align:center; margin-bottom:52px; }
  .sec-head .kicker { display:inline-block; font-size:13px; font-weight:600; color:var(--p); background:#eef2ff; padding:4px 14px; border-radius:20px; margin-bottom:14px; }
  .sec-head h2 { font-size:34px; font-weight:800; letter-spacing:-.3px; margin-bottom:14px; }
  .sec-head p { font-size:16px; color:var(--t2); max-width:640px; margin:0 auto; line-height:1.7; }

  /* ===== 功能 ===== */
  .features { background:#fff; }
  .feat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
  .feat-card { padding:30px 26px; border-radius:16px; border:1px solid #eef0f4; background:#fff; transition:all .25s; position:relative; overflow:hidden; }
  .feat-card:hover { transform:translateY(-5px); box-shadow:0 18px 44px rgba(30,41,59,.1); border-color:#e0e7ff; }
  /* [已删除] emoji 时代残留规则：会覆盖图标宽度并带入 margin-bottom，导致垂直偏移 */
  .feat-card h3 { font-size:17px; margin-bottom:10px; }
  .feat-card p { font-size:14px; color:var(--t2); line-height:1.7; }

  /* ===== 亮点（深色） ===== */
  .showcase { background:linear-gradient(160deg,#0b1220,#1e1b4b); color:#fff; }
  .showcase .sec-head h2 { color:#fff; }
  .showcase .sec-head p { color:#a5b4fc; }
  .show-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }
  .show-item { display:flex; gap:18px; padding:26px; border-radius:16px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); }
  .show-item .n { font-size:28px; font-weight:800; color:#818cf8; flex:0 0 auto; }
  .show-item h4 { font-size:16px; margin-bottom:8px; }
  .show-item p { font-size:14px; color:#a5b4fc; line-height:1.7; }

  /* ===== 定价 ===== */
  .pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; align-items:stretch; }
  .price-card { padding:32px 28px; border-radius:16px; border:1px solid #eef0f4; background:#fff; display:flex; flex-direction:column; transition:all .25s; position:relative; }
  .price-card:hover { transform:translateY(-5px); box-shadow:0 18px 44px rgba(30,41,59,.1); }
  .price-card.featured { border:2px solid var(--p); box-shadow:0 20px 50px rgba(99,102,241,.18); }
  .price-card .tag { position:absolute; top:-12px; left:50%; transform:translateX(-50%); background:linear-gradient(135deg,var(--p),var(--p2)); color:#fff; font-size:12px; padding:4px 14px; border-radius:20px; font-weight:600; }
  .price-card h3 { font-size:18px; margin-bottom:6px; }
  .price-card .desc { font-size:13px; color:var(--t2); margin-bottom:18px; }
  .price-card .price { font-size:36px; font-weight:800; margin-bottom:4px; }
  .price-card .price .cur { font-size:16px; }
  .price-card .price .per { font-size:14px; font-weight:400; color:var(--t2); }
  .price-card ul { list-style:none; margin:20px 0 26px; flex:1; }
  .price-card li { font-size:14px; color:var(--text); padding:7px 0; padding-left:22px; position:relative; }
  .price-card li::before { content:""; position:absolute; left:0; color:var(--p); font-weight:700; }

  /* ===== FAQ ===== */
  .faq-list { max-width:760px; margin:0 auto; }
  .faq-item { border:1px solid #eef0f4; border-radius:12px; margin-bottom:12px; overflow:hidden; background:#fff; }
  .faq-item summary { padding:18px 22px; cursor:pointer; font-weight:600; font-size:15px; list-style:none; display:flex; justify-content:space-between; align-items:center; }
  .faq-item summary::after { content:"+"; font-size:20px; color:var(--p); }
  .faq-item[open] summary::after { content:"−"; }
  .faq-item p { padding:0 22px 18px; color:var(--t2); font-size:14px; line-height:1.7; }

  /* ===== CTA ===== */
  .cta { text-align:center; background:linear-gradient(135deg,var(--p),var(--p2)); color:#fff; padding:80px 24px; }
  .cta h2 { font-size:34px; font-weight:800; margin-bottom:14px; }
  .cta p { font-size:16px; opacity:.92; margin-bottom:28px; }
  .cta .btn { background:#fff; color:var(--p); padding:14px 34px; font-size:15px; }
  .cta .btn:hover { transform:translateY(-1px); }

  /* ===== 页脚 ===== */

  .foot-inner { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; }
  .foot-links { display:flex; gap:24px; }
  .foot-links a { color:#8b94a7; } .foot-links a:hover { color:#fff; }

  /* ===== 统一实心图标（Material Design） ===== */
  .icon { width:24px; height:24px; display:inline-block; vertical-align:middle; flex:0 0 auto; }
  .icon-sm { width:18px; height:18px; display:inline-block; vertical-align:middle; flex:0 0 auto; }
  .icon-lg { width:34px; height:34px; display:inline-block; vertical-align:middle; flex:0 0 auto; }

  /* 功能卡片：58px 方块 + 32px 实心图标 */
  .feat-card .icon-wrap {
    width:58px; height:58px; border-radius:16px;
    display:flex; align-items:center; justify-content:center;
    line-height:0; font-size:0;
    margin-bottom:20px;
    background:linear-gradient(135deg,#eef2ff,#f5f3ff);
    color:var(--p);
    box-shadow:inset 0 0 0 1px rgba(99,102,241,.07);
  }
  .feat-card .icon { width:32px; height:32px; }

  /* Agent 区图标 */
  .agent-head .icon-wrap {
    width:50px; height:50px; border-radius:14px;
    display:flex; align-items:center; justify-content:center;
    line-height:0; font-size:0;
    background:#fff; color:var(--p);
    box-shadow:0 2px 10px rgba(15,23,42,.07);
  }
  .agent-head .icon-wrap .icon-sm { width:28px; height:28px; }

  .ai-item .icon { width:30px; height:30px; color:var(--p); margin-bottom:12px; }
  .pillar .icon-lg { width:40px; height:40px; color:var(--p); margin-bottom:14px; }
  .contact-item .icon { width:36px; height:36px; color:#a5b4fc; margin-bottom:12px; }
  .cmp-card .head .icon { width:28px; height:28px; }
  .cmp-card.bad .head .icon { color:#ef4444; }
  .cmp-card.good .head .icon { color:#10b981; }
  .hero-badge .icon-sm { width:17px; height:17px; margin-right:3px; }
  .btn .icon-sm { width:17px; height:17px; margin-right:7px; }
  .pain-q .icon-sm { width:19px; height:19px; color:#f59e0b; margin-right:7px; vertical-align:-4px; }

  /* ===== Agent 智能体区 ===== */
  .agent-sec { background:linear-gradient(180deg,#fff,#f6f8fc); }
  .agent-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-bottom:44px; }
  .agent-card { border-radius:18px; padding:28px 26px; border:1px solid; }
  .agent-card.old { background:#fff; border-color:#e8ecf2; }
  .agent-card.new { background:linear-gradient(135deg,#eef2ff,#f5f3ff); border-color:#c7d2fe; box-shadow:0 16px 40px rgba(99,102,241,.12); }
  .agent-head { display:flex; align-items:center; gap:13px; margin-bottom:18px; padding-bottom:16px; border-bottom:1px dashed #e0e7ff; }
  .agent-head .ico { width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:22px; background:rgba(255,255,255,.7); }
  .agent-head .t { font-size:17px; font-weight:700; color:#0b1220; }
  .agent-head .d { font-size:12.5px; color:#818cf8; margin-top:2px; }
  .agent-card ul { list-style:none; }
  .agent-card li { font-size:14px; line-height:1.75; padding:8px 0 8px 24px; position:relative; color:var(--text); }
  .agent-card.old li::before { content:"·"; position:absolute; left:6px; color:#94a3b8; font-weight:700; }
  .agent-card.new li::before { content:""; position:absolute; left:0; color:#6366f1; font-weight:700; }
  .agent-team { text-align:center; }
  .agent-team h3 { font-size:20px; font-weight:700; margin-bottom:24px; color:#0b1220; }
  .agent-list { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; }
  .ai-item { background:#fff; border:1px solid #eef0f4; border-radius:14px; padding:20px 14px; text-align:left; transition:all .25s; }
  .ai-item:hover { transform:translateY(-4px); box-shadow:0 14px 32px rgba(30,41,59,.09); border-color:#e0e7ff; }
  .ai-item .ai-ico { font-size:24px; display:block; margin-bottom:10px; }
  .ai-item b { display:block; font-size:14px; margin-bottom:6px; color:#0b1220; }
  .ai-item div div { font-size:12.5px; color:#64748b; line-height:1.65; }
  @media (max-width:900px) { .agent-grid, .agent-list { grid-template-columns:1fr; } }

  /* ===== 定制需求（深色 + 服务矩阵 + 白色表单卡） ===== */
  .custom {
    background: linear-gradient(165deg, #0b1220 0%, #151a3a 45%, #1e1b4b 100%);
    color: #fff;
    padding: 88px 0 80px;
    position: relative;
    overflow: hidden;
  }
  .custom::before {
    content: "";
    position: absolute;
    width: 640px; height: 640px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(99,102,241,.28), transparent 68%);
    top: -260px; right: -180px;
    pointer-events: none;
  }
  .custom::after {
    content: "";
    position: absolute;
    width: 480px; height: 480px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(139,92,246,.2), transparent 68%);
    bottom: -220px; left: -160px;
    pointer-events: none;
  }
  .custom .container { position: relative; z-index: 1; }

  /* 标题区 */
  .custom-head { text-align: center; margin-bottom: 44px; }
  .custom-kicker {
    display: inline-block;
    padding: 5px 16px;
    border-radius: 20px;
    background: rgba(99,102,241,.18);
    border: 1px solid rgba(129,140,248,.32);
    font-size: 12.5px;
    font-weight: 600;
    color: #c7d2fe;
    letter-spacing: .5px;
    margin-bottom: 18px;
  }
  .custom-head h2 {
    font-size: 40px;
    font-weight: 800;
    line-height: 1.3;
    color: #fff;
    letter-spacing: -.5px;
    margin-bottom: 16px;
  }
  .custom-head h2 .hl {
    background: linear-gradient(90deg, #818cf8, #c4b5fd, #67e8f9);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
  .custom-lead {
    font-size: 15.5px;
    color: #a5b4fc;
    line-height: 1.85;
    max-width: 680px;
    margin: 0 auto;
  }

  /* 服务矩阵 */
  .svc-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 14px;
    margin-bottom: 44px;
  }
  .svc {
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 15px;
    padding: 22px 18px;
    transition: all .25s;
  }
  .svc:hover {
    background: rgba(255,255,255,.09);
    border-color: rgba(129,140,248,.42);
    transform: translateY(-4px);
  }
  .svc-ico {
    width: 42px; height: 42px;
    border-radius: 11px;
    background: rgba(99,102,241,.18);
    border: 1px solid rgba(129,140,248,.25);
    display: grid;
    place-items: center;
    margin-bottom: 14px;
  }
  .svc-ico .icon { width: 22px; height: 22px; color: #a5b4fc; }
  .svc h4 { font-size: 14.5px; font-weight: 700; color: #fff; margin-bottom: 7px; }
  .svc p { font-size: 12.5px; color: #818cf8; line-height: 1.7; margin: 0; }

  /* 白色表单卡 */
  .form-card {
    max-width: 820px;
    margin: 0 auto;
    background: #fff;
    border-radius: 20px;
    padding: 34px 36px 30px;
    box-shadow: 0 28px 70px rgba(0, 0, 0, .35);
  }
  .form-card-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    padding-bottom: 18px;
    border-bottom: 1px solid #eef0f4;
  }
  .form-card-head h3 { font-size: 20px; font-weight: 800; color: #0b1220; margin: 0; }
  .form-badge {
    margin-left: auto;
    padding: 4px 12px;
    border-radius: 20px;
    background: #ecfdf5;
    color: #047857;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
  }

  .cf-msg { font-size: 13px; padding: 10px 14px; border-radius: 9px; margin-bottom: 14px; display: none; }
  .cf-msg.show { display: block; }
  .cf-msg.ok { background: #ecfdf5; color: #047857; border: 1px solid #a7f3d0; }
  .cf-msg.err { background: #fef2f2; color: #b91c1c; border: 1px solid #fecaca; }

  .cf-row { margin-bottom: 16px; }
  .cf-row.two { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
  .cf-label { display: block; font-size: 13px; font-weight: 500; color: #334155; margin-bottom: 7px; }
  .cf-label .req { color: #ef4444; margin-left: 2px; }
  .cf-input, .cf-select, .cf-textarea {
    width: 100%;
    padding: 11px 13px;
    border: 1.5px solid #e8ecf2;
    border-radius: 10px;
    background: #f8fafc;
    color: #1e293b;
    font-size: 14px;
    font-family: inherit;
    outline: none;
    transition: border-color .2s, box-shadow .2s, background .2s;
  }
  .cf-input::placeholder, .cf-textarea::placeholder { color: #94a3b8; }
  .cf-input:focus, .cf-select:focus, .cf-textarea:focus {
    border-color: #6366f1;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(99,102,241,.12);
  }
  .cf-textarea { resize: vertical; min-height: 78px; }

  .cf-submit {
    width: 100%;
    padding: 15px 0;
    margin-top: 8px;
    border: none;
    border-radius: 12px;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: #fff;
    font-size: 15.5px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 10px 26px rgba(99,102,241,.32);
    transition: all .2s;
  }
  .cf-submit:hover:not(:disabled) { transform: translateY(-1px); box-shadow: 0 14px 32px rgba(99,102,241,.42); }
  .cf-submit:disabled { opacity: .6; cursor: not-allowed; }

  .cf-free {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 16px;
    padding: 11px 14px;
    border-radius: 10px;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    font-size: 13px;
    font-weight: 600;
    color: #047857;
  }
  .cf-free span:nth-child(even) { color: #6ee7b7; }

  /* 底部流程入口 */
  .custom-foot { text-align: center; margin-top: 34px; }
  .process-entry {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 26px;
    border-radius: 12px;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.18);
    color: #c7d2fe;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all .2s;
  }
  .process-entry:hover {
    background: rgba(255,255,255,.13);
    border-color: rgba(129,140,248,.5);
    color: #fff;
    text-decoration: none;
    transform: translateY(-2px);
  }
  .pe-ico { display: inline-flex; align-items: center; }
  .pe-ico .icon-sm { width: 17px; height: 17px; }
  .pe-arrow { color: #818cf8; font-weight: 700; }

  /* 响应式 */
  @media (max-width: 1080px) {
    .svc-grid { grid-template-columns: repeat(3, 1fr); }
  }
  @media (max-width: 900px) {
    .custom-head h2 { font-size: 28px; }
    .svc-grid { grid-template-columns: repeat(2, 1fr); }
    .form-card { padding: 26px 20px 24px; }
    .cf-row.two { grid-template-columns: 1fr; }
    .custom { padding: 60px 0 56px; }
  }
  @media (max-width: 560px) {
    .svc-grid { grid-template-columns: 1fr; }
    .custom-head h2 { font-size: 24px; }
  }

  /* ===== 公司实力 ===== */
  .strength { background:linear-gradient(180deg,#f8fafc,#fff); }
  .strength-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:16px; }
  .st-card { background:#fff; border:1px solid #eef0f4; border-radius:16px; padding:26px 18px; transition:all .25s; position:relative; overflow:hidden; }
  .st-card:hover { transform:translateY(-5px); box-shadow:0 18px 44px rgba(30,41,59,.1); border-color:#e0e7ff; }
  .st-card .st-ico { width:46px; height:46px; border-radius:13px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#eef2ff,#f5f3ff); color:var(--p); margin-bottom:16px; }
  .st-card .st-ico .icon { width:25px; height:25px; }
  .st-card h3 { font-size:15.5px; font-weight:700; margin-bottom:9px; }
  .st-card p { font-size:12.5px; color:#64748b; line-height:1.7; }
  .st-card .st-metric { margin-top:14px; padding-top:12px; border-top:1px dashed #e5e7eb; font-size:12px; color:#6366f1; font-weight:700; line-height:1.5; }

  /* ===== 客户案例 ===== */
  .cases { background:#fff; }
  .case-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }
  .case-card { background:#fff; border:1px solid #eef0f4; border-radius:18px; padding:28px 26px; transition:all .25s; }
  .case-card:hover { transform:translateY(-4px); box-shadow:0 18px 44px rgba(30,41,59,.09); border-color:#e0e7ff; }
  .case-head { display:flex; align-items:center; gap:10px; margin-bottom:18px; padding-bottom:14px; border-bottom:1px solid #f4f6f8; }
  .case-tag { display:inline-block; padding:3px 11px; border-radius:20px; font-size:12px; font-weight:600; background:#eef2ff; color:var(--p); }
  .case-scale { font-size:12.5px; color:#94a3b8; }
  .case-row { margin-bottom:13px; }
  .case-row .lbl { font-size:12px; color:#94a3b8; margin-bottom:3px; letter-spacing:.3px; }
  .case-row .txt { font-size:13.5px; color:var(--text); line-height:1.75; }
  .case-row .txt b { color:#0b1220; }
  .case-result { display:flex; gap:12px; margin-top:18px; padding-top:16px; border-top:1px dashed #e5e7eb; }
  .case-result .r { flex:1; text-align:center; }
  .case-result .r b { display:block; font-size:20px; font-weight:800; color:#10b981; line-height:1.2; }
  .case-result .r span { font-size:11.5px; color:#94a3b8; }
  .case-note { text-align:center; font-size:12px; color:#94a3b8; margin-top:22px; }

  @media (max-width:1100px) {
    .strength-grid { grid-template-columns:repeat(3,1fr); }
  }
  @media (max-width:820px) {
    .strength-grid { grid-template-columns:repeat(2,1fr); }
    .case-grid { grid-template-columns:1fr; }
  }
  @media (max-width:520px) {
    .strength-grid { grid-template-columns:1fr; }
  }

  /* ===== 对比区 ===== */
  .compare { background:linear-gradient(180deg,#f8fafc,#fff); }
  .compare-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-bottom:44px; }
  .cmp-card { border-radius:18px; padding:30px 28px; border:1px solid; }
  .cmp-card.bad { background:#fff; border-color:#fecaca; }
  .cmp-card.good { background:#fff; border-color:#a7f3d0; box-shadow:0 16px 40px rgba(16,185,129,.12); }
  .cmp-card .head { display:flex; align-items:center; gap:10px; margin-bottom:18px; padding-bottom:14px; border-bottom:1px dashed #e5e7eb; }
  .cmp-card .head .t { font-size:17px; font-weight:700; }
  .cmp-card.bad .head .t { color:#b91c1c; }
  .cmp-card.good .head .t { color:#047857; }
  .cmp-card ul { list-style:none; }
  .cmp-card li { font-size:14px; line-height:1.75; padding:9px 0 9px 26px; position:relative; color:var(--text); border-bottom:1px solid #f4f6f8; }
  .cmp-card li:last-child { border-bottom:none; }
  .cmp-card.bad li::before { content:""; position:absolute; left:0; color:#ef4444; font-weight:700; }
  .cmp-card.good li::before { content:""; position:absolute; left:0; color:#10b981; font-weight:700; }
  .cmp-card li b { color:#0b1220; }

  /* 架构流程 */
  .arch { margin-bottom:44px; }
  .arch h3 { text-align:center; font-size:19px; font-weight:700; margin-bottom:26px; }
  .arch-flow { display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap; margin-bottom:18px; }
  .arch-node { padding:12px 18px; border-radius:11px; font-size:13.5px; font-weight:600; border:1px solid; text-align:center; min-width:130px; }
  .arch-node.bad { background:#fef2f2; border-color:#fecaca; color:#b91c1c; }
  .arch-node.good { background:#ecfdf5; border-color:#a7f3d0; color:#047857; }
  .arch-node.mid { background:#eef2ff; border-color:#c7d2fe; color:#4338ca; }
  .arch-arrow { color:#94a3b8; font-size:18px; font-weight:700; }
  .arch-label { text-align:center; font-size:12.5px; color:#94a3b8; margin-bottom:28px; }

  /* 核心主张四词 */
  .pillars { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
  .pillar { text-align:center; padding:28px 18px; border-radius:16px; background:#fff; border:1px solid #eef0f4; transition:all .25s; }
  .pillar:hover { transform:translateY(-4px); box-shadow:0 14px 34px rgba(30,41,59,.09); border-color:#e0e7ff; }
  .pillar .ico { font-size:30px; margin-bottom:12px; }
  .pillar .t { font-size:16px; font-weight:700; margin-bottom:8px; color:#0b1220; }
  .pillar .d { font-size:13px; color:#64748b; line-height:1.7; }

  /* ===== 用户评价 ===== */
  .reviews { background:#fff; }
  .review-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
  .review-card { background:#fff; border:1px solid #eef0f4; border-radius:16px; padding:24px 22px; transition:all .25s; display:flex; flex-direction:column; }
  .review-card:hover { transform:translateY(-4px); box-shadow:0 16px 38px rgba(30,41,59,.09); border-color:#e0e7ff; }
  .review-stars { color:#f59e0b; font-size:14px; letter-spacing:2px; margin-bottom:12px; }
  .review-text { font-size:14px; line-height:1.85; color:#334155; flex:1; margin-bottom:18px; }
  .review-user { display:flex; align-items:center; gap:11px; padding-top:14px; border-top:1px solid #f4f6f8; }
  .review-avatar { width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:700; font-size:15px; flex:0 0 auto; }
  .review-name { font-size:14px; font-weight:600; color:#0b1220; }
  .review-role { font-size:12px; color:#94a3b8; margin-top:2px; }
  .review-note { text-align:center; font-size:12px; color:#94a3b8; margin-top:22px; }

  @media (max-width:900px) {
    .compare-grid, .review-grid, .pillars { grid-template-columns:1fr; }
  }

  /* ===== 痛点共情 ===== */
  .pain { background:linear-gradient(180deg,#fff,#f8fafc); }
  .pain-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-bottom:48px; }
  .pain-item { background:#fff; border:1px solid #eef0f4; border-radius:16px; padding:26px 24px; transition:all .25s; }
  .pain-item:hover { transform:translateY(-3px); box-shadow:0 14px 36px rgba(30,41,59,.08); }
  .pain-q { font-size:15px; line-height:1.7; color:#1e293b; font-weight:600; margin-bottom:12px; padding-left:4px; }
  .pain-a { font-size:13.5px; line-height:1.8; color:#64748b; padding-left:4px; border-left:3px solid #e0e7ff; padding-left:12px; }
  .pain-solve { text-align:center; padding:44px 24px; border-radius:20px; background:linear-gradient(135deg,#eef2ff,#f5f3ff); border:1px solid #e0e7ff; }
  .pain-solve h3 { font-size:26px; font-weight:800; color:#312e81; margin-bottom:14px; }
  .pain-solve p { font-size:16px; color:#4c1d95; line-height:1.7; max-width:720px; margin:0 auto; }

  /* ===== 下载安装 ===== */
  .download { background:#fff; }
  .steps { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-bottom:40px; }
  .step { position:relative; background:#f8fafc; border:1px solid #eef0f4; border-radius:14px; padding:26px 20px; }
  .step .num { width:34px; height:34px; border-radius:50%; background:linear-gradient(135deg,var(--p),var(--p2)); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:15px; margin-bottom:14px; }
  .step h4 { font-size:15px; margin-bottom:8px; }
  .step p { font-size:13px; color:#64748b; line-height:1.7; }
  .step code { background:#eef2ff; color:#4f46e5; padding:2px 6px; border-radius:4px; font-size:12px; }
  .download-actions { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
  .download-actions .btn { padding:15px 34px; font-size:15px; }
  .download-note { text-align:center; font-size:13px; color:#94a3b8; margin-top:16px; }

  /* ===== 联系客服 ===== */
  .contact { background:linear-gradient(160deg,#0b1220,#1e1b4b); color:#fff; }
  .contact .sec-head h2 { color:#fff; }
  .contact .sec-head p { color:#a5b4fc; }
  .contact-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; max-width:900px; margin:0 auto; }
  .contact-item { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); border-radius:14px; padding:24px 20px; text-align:center; }
  .contact-item .ico { font-size:26px; margin-bottom:10px; }
  .contact-item .k { font-size:12.5px; color:#818cf8; margin-bottom:6px; }
  .contact-item .v { font-size:16px; font-weight:700; color:#fff; }
  .contact-item a { color:#67e8f9; }
  .contact-item a:hover { text-decoration:underline; }

  @media (max-width:900px) {
    .pain-grid, .steps, .contact-grid { grid-template-columns:1fr; }
  }

  /* 中屏：隐藏次要菜单项，保留核心 */
  @media (max-width:1100px) {
  }
  @media (max-width:880px) {

    .hero h1 { font-size:36px; }
    .feat-grid, .show-grid, .pricing-grid { grid-template-columns:1fr; }
    .nav-menu { display:none; }
    .nav-cta { margin-left:auto; }
    .hero-stats { gap:28px; }

  }
  /* 导航响应式 */
  @media (max-width:1080px) {

    .nav-menu a { padding: 10px 12px; font-size: 14px; }

  }
  @media (max-width:820px) {

    .nav-menu { display: none; }
    .nav-cta { margin-left: auto; }

  }
  @media (max-width:480px) {

    .nav-cta .btn-ghost { display: none; }

  }

  /* ===== CTA 文字颜色强制（避免被父级 .sec p / .wrap p 覆盖） ===== */
  .cta h2, .cta h3 { color: #fff !important; }
  .cta p { color: rgba(255,255,255,.94) !important; }
  .cta a { color: var(--p) !important; background: #fff; }

  /* ===== 导航按钮（登录 / 免费注册） ===== */


  /* ===== 深色区块标题颜色强制（避免被 global.css 的 h1/h2/h3 深色规则覆盖） ===== */
  .hero h1, .hero h2, .hero h3, .hero p { color: #fff; }
  .hero p.sub { color: #a5b4fc; }
  .showcase .sec-head h2 { color: #fff; }
  .showcase .sec-head p { color: #a5b4fc; }
  .custom .custom-head h2 { color: #fff; }
  .custom-lead { color: #a5b4fc; }
  .contact .sec-head h2 { color: #fff; }
  .contact .sec-head p { color: #a5b4fc; }
  .cta h2, .cta h3 { color: #fff !important; }
  .cta p { color: rgba(255,255,255,.94) !important; }