/* =========================================================
   智学云 · 扩展组件样式（客户决策旅程：信任/案例/报价/对比/资源）
   复用 style.css 的设计令牌（navy / gold / serif / hairline）
   ========================================================= */

/* ---------- 客户案例中心 ---------- */
.caselib-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:48px}
.caselib-bar .chip{cursor:default;border:1px solid var(--line);background:#fff;color:var(--ink-soft);
  padding:8px 18px;border-radius:999px;font-size:14px;transition:.2s}
.caselib-bar .chip:hover{border-color:var(--gold);color:var(--gold-deep)}
.caseidx{display:grid;grid-template-columns:300px 1fr;gap:0;border:1px solid var(--line);
  border-radius:var(--radius);overflow:hidden;margin-bottom:26px;background:#fff;box-shadow:var(--shadow);transition:.25s}
.caseidx:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}
.caseidx .ci-meta{padding:34px 30px;background:var(--deep-surface);color:var(--on-deep);border:1px solid var(--deep-line);display:flex;flex-direction:column;gap:18px}
.caseidx .ci-meta .ci-school{font-family:var(--font-serif);font-size:21px;font-weight:600;line-height:1.4}
.caseidx .ci-meta .ci-tags{display:flex;flex-wrap:wrap;gap:8px}
.caseidx .ci-meta .ci-tags span{font-size:12.5px;padding:4px 12px;border-radius:999px;
  background:var(--bg-soft,#f4f7fd);border:1px solid var(--line,#dfe6f2);color:var(--ink-soft,#3a445c)!important}
.caseidx .ci-meta .ci-fact{font-size:13.5px;color:var(--muted,#5a6478)!important;line-height:1.9}
.caseidx .ci-body{padding:34px 36px}
.caseidx .ci-body h3{font-size:22px;margin-bottom:14px}
.ci-flow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin:18px 0 22px}
.ci-flow .flow{background:var(--bg-soft);border:1px solid var(--line-soft);border-radius:var(--radius-s);padding:16px 18px}
.ci-flow .flow .lab{font-size:12px;letter-spacing:1.5px;color:var(--gold-deep);font-weight:700;margin-bottom:6px}
.ci-flow .flow p{font-size:14px;color:var(--ink-soft);line-height:1.8}
.ci-kpis{display:flex;gap:30px;flex-wrap:wrap;padding:18px 0;border-top:1px dashed var(--line);margin-top:4px}
.ci-kpis .k{display:flex;flex-direction:column}
.ci-kpis .k b{font-family:var(--font-serif);font-size:30px;color:var(--navy);font-weight:700}
.ci-kpis .k b em{font-size:15px;font-style:normal;color:var(--gold-deep);margin-left:3px}
.ci-kpis .k span{font-size:13px;color:var(--muted)}
.ci-quote{margin-top:16px;padding:16px 20px;background:var(--gold-soft);border-left:3px solid var(--gold);
  border-radius:0 var(--radius-s) var(--radius-s) 0;font-size:15px;color:var(--ink-soft);line-height:1.9}
.ci-quote b{color:var(--ink);font-weight:500}

/* ---------- 信任与资质 ---------- */
.logos{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.logo-cell{height:96px;display:flex;align-items:center;justify-content:center;text-align:center;
  border:1px solid var(--line);border-radius:var(--radius-s);background:#fff;padding:14px;
  font-family:var(--font-serif);font-size:15px;color:var(--ink-soft);font-weight:600;line-height:1.35;
  transition:.2s}
.logo-cell:hover{border-color:var(--gold);color:var(--navy);transform:translateY(-2px)}
.cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cert{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 28px;transition:.22s}
.cert:hover{box-shadow:var(--shadow);border-color:#d8dde9}
.cert .cic{width:46px;height:46px;color:var(--gold-deep);margin-bottom:16px}
.cert h4{font-size:18px;margin-bottom:8px}
.cert p{font-size:14px;color:var(--muted);line-height:1.8}
.cert .cno{margin-top:12px;font-size:12.5px;color:var(--gold-deep);font-family:var(--font-sans);letter-spacing:.5px}
.awards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.award{display:flex;gap:16px;align-items:flex-start;padding:22px 24px;border:1px solid var(--line);
  border-radius:var(--radius-s);background:#fff}
.award .awic{width:38px;height:38px;color:var(--gold-deep);flex:none;margin-top:2px}
.award h4{font-size:16.5px;margin-bottom:4px}
.award p{font-size:13.5px;color:var(--muted);line-height:1.75}

/* ---------- 报价与采购 ---------- */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.tier{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:34px 30px;
  display:flex;flex-direction:column;transition:.25s}
.tier:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.tier.feat{border-color:var(--gold);box-shadow:var(--shadow);position:relative}
.tier.feat::before{content:"推荐";position:absolute;top:-12px;left:30px;background:var(--gold);color:#221603;
  font-size:12.5px;font-weight:700;padding:4px 14px;border-radius:999px}
.tier .tname{font-family:var(--font-serif);font-size:22px;font-weight:700}
.tier .tpitch{font-size:13.5px;color:var(--muted);margin:8px 0 18px;line-height:1.7;min-height:46px}
.tier .tprice{font-family:var(--font-serif);font-size:34px;color:var(--navy);font-weight:700;line-height:1}
.tier .tprice em{font-size:14px;font-style:normal;color:var(--muted);font-family:var(--font-sans);font-weight:400;margin-left:6px}
.tier .tnote{font-size:12.5px;color:var(--muted);margin-top:8px}
.tier ul{margin:22px 0;display:flex;flex-direction:column;gap:11px;flex:1}
.tier ul li{font-size:14px;color:var(--ink-soft);line-height:1.6;padding-left:24px;position:relative}
.tier ul li::before{content:"";position:absolute;left:0;top:8px;width:14px;height:8px;border-left:2px solid var(--gold);
  border-bottom:2px solid var(--gold);transform:rotate(-45deg)}
.tier .btn{width:100%;justify-content:center;margin-top:auto}
.roi{border:1px solid var(--deep-line);border-radius:var(--radius);background:var(--deep-surface);color:var(--on-deep);
  padding:40px 42px;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.roi .roi-h h3{color:var(--ink,#0d1730)!important;font-size:24px;margin-bottom:12px}
.roi .roi-h p{color:var(--ink-soft,#3a445c)!important;font-size:14.5px;line-height:1.9;font-weight:300}
.roi .roi-rows .rr{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line,#dfe6f2);font-size:15px}
.roi .roi-rows .rr span{color:var(--ink-soft,#3a445c)!important}
.roi .roi-rows .rr b{font-family:var(--font-serif);color:var(--gold-deep,#8a6428)!important;font-size:19px}
.roi .roi-foot{margin-top:18px;font-size:13px;color:var(--muted,#5a6478)!important}
.proc{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;counter-reset:proc}
.step{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius-s);padding:24px 18px}
.step .sno{width:34px;height:34px;border-radius:50%;background:var(--gold-soft);color:var(--gold-deep);
  display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-weight:700;font-size:16px;margin-bottom:12px}
.step h4{font-size:16px;margin-bottom:6px}
.step p{font-size:13px;color:var(--muted);line-height:1.7}

/* ---------- 产品矩阵对比 ---------- */
.cmp{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff}
.cmp th,.cmp td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--line-soft);font-size:14.5px;vertical-align:top}
.cmp thead th{background:var(--deep-surface-2);color:var(--on-deep);font-family:var(--font-serif);font-weight:600;font-size:15.5px;line-height:1.4}
.cmp thead th:first-child{background:var(--ink-2)}
.cmp tbody th{background:var(--bg-soft);color:var(--ink);font-weight:500;font-family:var(--font-sans)}
.cmp tbody tr:nth-child(even) td{background:var(--bg-soft)}
.cmp td .yes{color:var(--gold-deep);font-weight:600}
.cmp .cmp-note{font-size:13px;color:var(--muted);margin-top:16px}

/* ---------- 资源中心 ---------- */
.res-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.res{display:flex;gap:18px;align-items:flex-start;border:1px solid var(--line);border-radius:var(--radius);
  background:#fff;padding:26px 28px;transition:.22s}
.res:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:#d8dde9}
.res .ric{width:42px;height:42px;color:var(--gold-deep);flex:none}
.res h4{font-size:17px;margin-bottom:6px}
.res p{font-size:13.5px;color:var(--muted);line-height:1.75}
.res .rdl{margin-top:12px;font-size:13px;color:var(--gold-deep);font-weight:500;display:inline-flex;align-items:center;gap:6px}
.res .rtag{font-size:12px;color:var(--muted);border:1px solid var(--line);padding:3px 10px;border-radius:999px;margin-bottom:10px;display:inline-block}
.backers{display:flex;flex-wrap:wrap;gap:14px}
.backer{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:var(--radius-s);
  background:#fff;padding:14px 20px;min-width:220px}
.backer .bic{width:34px;height:34px;color:var(--gold-deep);flex:none}
.backer b{font-size:15px;font-weight:500}
.backer span{font-size:12.5px;color:var(--muted);display:block}

@media(max-width:860px){
  .caseidx{grid-template-columns:1fr}
  .ci-flow{grid-template-columns:1fr}
  .logos{grid-template-columns:repeat(2,1fr)}
  .cert-grid,.awards,.tiers,.res-grid{grid-template-columns:1fr}
  .roi{grid-template-columns:1fr}
  .proc{grid-template-columns:1fr 1fr}
  .cmp{display:block;overflow-x:auto;white-space:nowrap}
}

/* 导航栏搜索框 / 平台登录入口的样式现已统一由 nav.css 管理（2026-08-31），
   确保全站与首页导航栏完全一致；本文件不再覆盖 .nav-search / .nav-login。
   站内搜索结果页仍使用下方的 .search-box / .search-input 等独立类名。 */

/* =========================================================
   站内搜索页
   ========================================================= */
.search-box{max-width:820px;margin:0 auto}
.search-form{display:flex;gap:14px;margin-bottom:26px}
.search-input{flex:1;font-family:var(--font-sans);font-size:15px;color:var(--ink);
  border:1px solid var(--line);border-radius:var(--radius-s);padding:14px 18px;background:#fff;transition:.18s}
.search-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}
.search-meta{font-size:13.5px;color:var(--muted);margin-bottom:18px}
.search-results{display:flex;flex-direction:column;gap:14px}
.sresult{display:block;border:1px solid var(--line);border-radius:var(--radius-s);background:#fff;
  padding:20px 24px;transition:.2s;text-decoration:none}
.sresult:hover{border-color:var(--gold);box-shadow:var(--shadow);transform:translateY(-2px)}
.sr-cat{display:inline-block;font-size:12px;color:var(--gold-deep);border:1px solid var(--line);
  padding:2px 10px;border-radius:999px;margin-bottom:8px}
.sr-title{font-family:var(--font-serif);font-size:19px;color:var(--navy);font-weight:600;margin-bottom:6px;line-height:1.4}
.sr-desc{font-size:14px;color:var(--muted);line-height:1.8}
.search-empty{font-size:15px;color:var(--muted);text-align:center;padding:30px 0}
.search-empty a{color:var(--gold-deep);font-weight:500}

/* =========================================================
   资料下载中心 + 白皮书阅读页
   ========================================================= */
.dl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.dl-card{display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);border-radius:var(--radius);
  background:#fff;padding:28px 30px;transition:.22s;text-decoration:none}
.dl-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:#d8dde9}
.dl-card .dl-tag{font-size:12px;color:var(--muted);border:1px solid var(--line);padding:3px 10px;border-radius:999px;align-self:flex-start}
.dl-card h4{font-size:18px;color:var(--navy);font-weight:600;font-family:var(--font-serif)}
.dl-card p{font-size:13.5px;color:var(--muted);line-height:1.75}
.dl-card .link-more{margin-top:6px;color:var(--gold-deep);font-weight:500;font-size:13.5px}
.dl-note{margin-top:24px;font-size:13px;color:var(--muted);line-height:1.8}

.wp{max-width:760px;margin:0 auto}
.wp-intro{font-size:16px;color:var(--ink-soft);line-height:1.9;margin-bottom:30px;
  padding:20px 24px;background:var(--gold-soft);border-left:3px solid var(--gold);border-radius:0 var(--radius-s) var(--radius-s) 0}
.wp-sec{margin-bottom:26px}
.wp-sec h3{font-family:var(--font-serif);font-size:20px;color:var(--navy);font-weight:600;margin-bottom:10px}
.wp-sec p{font-size:15px;color:var(--ink-soft);line-height:1.95}
.wp-actions{display:flex;gap:14px;justify-content:center;margin-top:36px;flex-wrap:wrap}
.wp-actions .btn{justify-content:center}

/* =========================================================
   平台登录（占位）
   ========================================================= */
.login-card{max-width:760px;margin:0 auto;display:grid;grid-template-columns:1.1fr 0.9fr;gap:0;
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow)}
.login-form{padding:40px 38px;display:flex;flex-direction:column;gap:18px}
.login-row{display:flex;justify-content:space-between;align-items:center;font-size:13.5px}
.login-link{color:var(--gold-deep);text-decoration:none}
.login-note{background:var(--deep-surface);color:var(--on-deep);border:1px solid var(--deep-line);padding:40px 34px}
.login-note h4{color:var(--ink,#0d1730)!important;font-family:var(--font-serif);font-size:19px;margin-bottom:16px}
.login-note .cinfo li{color:var(--ink-soft,#3a445c)!important}
.login-note .cinfo li b{color:var(--ink,#0d1730)!important}
.login-note .ck{background:var(--gold-deep,#8a6428)!important;border-color:var(--gold-deep,#8a6428)!important}
@media(max-width:760px){
  .login-card{grid-template-columns:1fr}
  .dl-grid{grid-template-columns:1fr}
}

/* =========================================================
   打印（白皮书另存 PDF）
   ========================================================= */
@media print{
  header.nav,footer,.nav-search,.nav-right,.menu-btn,.hero-chips,
  .wp-actions,.hero-inner .breadcrumb,.foot-note{display:none !important}
  body{background:#fff}
  .hero-inner{padding:0 0 18px}
  .hero-inner h1{font-size:22px;color:#0d1730}
  .section{padding:14px 0}
  .wp-intro{background:#f3f1ea;border-left:3px solid #b8893e;padding:12px 16px}
  .wp-sec h3{color:#0d1730;font-size:16px}
  .wp{max-width:100%}
  a{color:#0d1730 !important;text-decoration:none}
}

/* =========================================================
   联系我们 / 预约演示表单
   ========================================================= */
.contact-wrap{display:grid;grid-template-columns:0.85fr 1.15fr;gap:48px;align-items:start}
.contact-info h3{font-family:var(--font-serif);font-size:23px;font-weight:600;color:var(--navy);margin-bottom:18px}
.cinfo{list-style:none;display:flex;flex-direction:column;gap:15px;margin-bottom:30px}
.cinfo li{display:flex;gap:12px;font-size:14.5px;color:var(--ink-soft);line-height:1.8}
.cinfo li b{color:var(--ink);font-weight:600}
.cinfo .ck{margin-top:7px}
.cchannels{display:flex;flex-direction:column;gap:14px;padding:22px 24px;border:1px solid var(--line);
  border-radius:var(--radius-s);background:var(--bg-soft)}
.cc{display:flex;flex-direction:column;gap:2px}
.cc .ccl{font-size:12px;letter-spacing:1.5px;color:var(--gold-deep);font-weight:700}
.cc b{font-family:var(--font-serif);font-size:19px;color:var(--navy);font-weight:700}
.cc .ccn{font-size:12.5px;color:var(--muted)}
.cnote{margin-top:16px;font-size:12.5px;color:var(--muted);line-height:1.7}

.contact-form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:38px 40px;box-shadow:var(--shadow)}
.lead-form{display:flex;flex-direction:column;gap:18px}
.lf-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.lf-field{display:flex;flex-direction:column;gap:8px}
.lf-field>span{font-size:13.5px;color:var(--ink);font-weight:500}
.lf-field>span i{color:var(--gold-deep);font-style:normal}
.lf-field input,.lf-field select,.lf-field textarea{
  font-family:var(--font-sans);font-size:14.5px;color:var(--ink);
  border:1px solid var(--line);border-radius:var(--radius-s);background:#fff;
  padding:12px 14px;transition:.18s;width:100%;resize:vertical}
.lf-field input:focus,.lf-field select:focus,.lf-field textarea:focus{
  outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}
.lf-field input::placeholder,.lf-field textarea::placeholder{color:#a9b0c0}
.lf-field input.invalid,.lf-field select.invalid{border-color:#c0392b;box-shadow:0 0 0 3px rgba(192,57,43,.1)}
.lf-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);line-height:1.6}
.lf-check input{margin-top:2px;width:16px;height:16px;accent-color:var(--gold-deep);flex:none}
.lf-check i{color:var(--gold-deep);font-style:normal}
.lf-submit{margin-top:6px;width:100%;justify-content:center;font-size:15.5px;padding:14px 20px}
.lf-hint{font-size:12.5px;color:var(--muted);text-align:center;line-height:1.6}

.lf-success{text-align:center;padding:18px 10px}
.lf-success .lf-ok{width:64px;height:64px;margin:0 auto 18px;color:var(--gold-deep);
  border:2px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center}
.lf-success .lf-ok svg{width:34px;height:34px}
.lf-success h3{font-family:var(--font-serif);font-size:24px;color:var(--navy);margin-bottom:12px}
.lf-success p{font-size:15px;color:var(--ink-soft);line-height:1.9;margin-bottom:14px}
.lf-success .lf-alt{font-size:13.5px;color:var(--muted);margin-bottom:22px}
.lf-success .lf-alt .btn{margin-top:10px}
.lf-success .btn-light{margin-top:4px}

/* 404 */
.nf{text-align:center;padding:30px 0 10px;max-width:560px;margin:0 auto}
.nf-code{font-family:var(--font-serif);font-size:96px;font-weight:700;color:var(--navy);line-height:1;
  letter-spacing:4px;margin-bottom:18px}
.nf p{font-size:15.5px;color:var(--muted);line-height:1.9;margin-bottom:28px}

@media(max-width:860px){
  .contact-wrap{grid-template-columns:1fr;gap:30px}
  .lf-row{grid-template-columns:1fr}
  .contact-form-card{padding:28px 22px}
}

/* ================= 首页增强板块（P0/P1 整合） ================= */
/* 数据资产指标带 */
.asset-band{background:linear-gradient(135deg,#eef2f9,#f7fafe);color:var(--ink);padding:56px 0 52px}
.asset-band .ab-head{text-align:center;margin-bottom:36px}
.asset-band .eyebrow.light{color:var(--gold);opacity:1}
.asset-band h2.light{color:var(--ink);font-family:var(--font-serif);font-size:27px;margin:10px 0 0;font-weight:600;letter-spacing:.5px}
.ab-grid{display:grid;grid-template-columns:repeat(4,1fr);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:#fff}
.ab{padding:32px 22px;text-align:center;border-right:1px solid var(--line)}
.ab:last-child{border-right:none}
.ab b{display:block;font-family:var(--font-serif);font-size:38px;font-weight:700;color:var(--navy);line-height:1.05}
.ab b em{font-size:17px;font-style:normal;color:var(--gold);margin-left:3px;font-weight:600}
.ab span{display:block;margin-top:13px;font-size:13.5px;color:var(--ink-soft);line-height:1.6}

/* 认证墙 */
.cert-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cert{border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:var(--radius);padding:22px 22px 24px;background:#fff;box-shadow:var(--shadow-card);transition:transform .2s,box-shadow .2s}
.cert:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}
.cert .cic{width:42px;height:42px;border-radius:11px;background:var(--gold-soft);color:var(--gold-deep);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.cert .cic svg{width:22px;height:22px}
.cert h4{font-size:16px;color:var(--navy);margin:0 0 4px;font-family:var(--font-serif)}
.cert .csub{font-size:12.5px;color:var(--muted);margin-bottom:14px}
.cert ul{list-style:none;margin:0;padding:0}
.cert li{font-size:13px;color:var(--ink-soft);padding:7px 0;border-top:1px dashed var(--line-soft);display:flex;gap:8px;align-items:flex-start}
.cert li:first-child{border-top:none}
.cert li svg{flex:none;width:15px;height:15px;color:var(--gold-deep);margin-top:3px}

/* 案例精选 */
.case-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cp{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow-card);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}
.cp:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}
.cp .cph{padding:20px 22px;background:linear-gradient(135deg,#eef2f9,#f7fafe);color:var(--ink)}
.cp .ctag{font-size:11.5px;color:var(--gold);font-weight:600;letter-spacing:1px}
.cp h4{font-size:17px;margin:8px 0 0;font-family:var(--font-serif);color:var(--ink)}
.cp .cpb{padding:20px 22px;flex:1}
.cp .cpb p{font-size:13.5px;color:var(--ink-soft);line-height:1.75;margin:0 0 16px}
.cp .metrics{display:flex;gap:14px;margin-bottom:14px}
.cp .metrics div{flex:1;text-align:center;background:var(--bg-soft);border-radius:10px;padding:10px 6px}
.cp .metrics b{display:block;font-family:var(--font-serif);font-size:22px;color:var(--navy);line-height:1}
.cp .metrics span{font-size:11.5px;color:var(--muted);margin-top:5px;display:block}
.cp .quote{border-left:3px solid var(--gold);background:var(--gold-soft);padding:11px 13px;font-size:12.8px;color:var(--gold-deep);border-radius:0 8px 8px 0;line-height:1.7}

/* 差异化对标 */
.diff{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.dcol{border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:#fff;box-shadow:var(--shadow-card)}
.dcol.ours{border-color:var(--gold);border-top:3px solid var(--gold)}
.dcol .dh{font-size:14px;font-weight:600;margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid var(--line-soft)}
.dcol.others .dh{color:var(--muted)}
.dcol.ours .dh{color:var(--navy)}
.dcol ul{list-style:none;margin:0;padding:0}
.dcol li{font-size:13.5px;line-height:1.7;padding:9px 0;border-top:1px dashed var(--line-soft);display:flex;gap:9px;align-items:flex-start}
.dcol li:first-child{border-top:none}
.dcol li svg{flex:none;width:16px;height:16px;margin-top:3px}
.dcol.others li svg{color:var(--muted)}
.dcol.ours li svg{color:var(--green)}

/* SLA 承诺 */
.sla{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.sla .sl{border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px;background:#fff;box-shadow:var(--shadow-card);text-align:center;transition:transform .2s,box-shadow .2s}
.sla .sl:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}
.sla .sic{width:46px;height:46px;border-radius:12px;background:var(--deep-surface-2);color:var(--on-deep);border:1px solid var(--deep-line);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.sla .sic svg{width:24px;height:24px}
.sla b{display:block;font-family:var(--font-serif);font-size:26px;color:var(--navy);line-height:1}
.sla span{display:block;font-size:13px;color:var(--ink-soft);margin-top:9px;line-height:1.6}

/* 双面板书 */
.dual{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.panel{position:relative;border:1px solid var(--line);border-radius:var(--radius);padding:28px 28px;background:#fff;box-shadow:var(--shadow-card);overflow:hidden}
.panel::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--gold),var(--gold-deep))}
.panel .pic{width:46px;height:46px;border-radius:12px;background:var(--gold-soft);color:var(--gold-deep);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.panel .pic svg{width:24px;height:24px}
.panel h3{font-size:19px;color:var(--navy);margin:0 0 6px;font-family:var(--font-serif)}
.panel .psub{font-size:13.5px;color:var(--muted);margin:0 0 18px}
.panel ul{list-style:none;margin:0;padding:0}
.panel li{font-size:14px;color:var(--ink-soft);line-height:1.7;padding:10px 0;border-top:1px dashed var(--line-soft);display:flex;gap:10px;align-items:flex-start}
.panel li:first-child{border-top:none}
.panel li svg{flex:none;width:17px;height:17px;color:var(--gold-deep);margin-top:3px}

/* 生态共建 */
.eco{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:stretch}
.eco-left{border:1px solid var(--line);border-radius:var(--radius);padding:26px 28px;background:#fff;box-shadow:var(--shadow-card)}
.eco-left h3{font-size:17px;color:var(--navy);margin:0 0 16px;font-family:var(--font-serif)}
.eco-steps{counter-reset:eco;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.eco-step{position:relative;padding:14px 16px 14px 46px;border:1px solid var(--line-soft);border-radius:10px;background:var(--bg-soft);font-size:13px;color:var(--ink-soft);line-height:1.6}
.eco-step::before{counter-increment:eco;content:counter(eco);position:absolute;left:12px;top:14px;width:24px;height:24px;border-radius:50%;background:var(--cta);color:var(--cta-text);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center}
.eco-right{border:1px solid var(--gold);border-radius:var(--radius);padding:28px;background:linear-gradient(135deg,#eef2f9,#f7fafe);color:var(--ink);display:flex;flex-direction:column;justify-content:center;text-align:center}
.eco-right h3{color:var(--ink);font-family:var(--font-serif);font-size:19px;margin:0 0 10px}
.eco-right p{color:var(--ink-soft);font-size:13.5px;line-height:1.8;margin:0 0 20px}
.eco-right .btn-light{align-self:center;background:var(--gold-soft);border:1px solid var(--gold);color:var(--gold-deep)}
.eco-right .btn-light:hover{background:linear-gradient(135deg,var(--gold,#b8893e),var(--gold-2,#d6a85c));color:#1a1304}

/* 品牌故事 */
.brand{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.brand .bviz{background:linear-gradient(135deg,#eef2f9,#f7fafe);border:1px solid var(--line);border-radius:var(--radius);padding:36px 32px;color:var(--ink)}
.brand .bviz .bq{font-family:var(--font-serif);font-size:23px;line-height:1.55;margin:0;color:var(--ink)}
.brand .bviz .bq em{color:var(--gold-deep,#8a6428)!important;font-style:normal}
.brand .bviz .bsig{margin-top:22px;font-size:13px;color:var(--ink-soft)}
.brand .btext h3{font-size:20px;color:var(--navy);margin:0 0 14px;font-family:var(--font-serif)}
.brand .btext p{font-size:14px;color:var(--ink-soft);line-height:1.85;margin:0 0 16px}
.brand .bpoints{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.brand .bp{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--ink-soft);line-height:1.6}
.brand .bp svg{flex:none;width:18px;height:18px;color:var(--gold-deep);margin-top:2px}

/* 强化 CTA 带 */
.cta-band{background:linear-gradient(135deg,#eef2f9,#f7fafe);color:var(--ink);padding:52px 0}
.cta-band .cb{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.cta-band .cbtxt h2{color:var(--ink);font-family:var(--font-serif);font-size:26px;margin:0 0 8px;font-weight:600}
.cta-band .cbtxt p{color:var(--ink-soft);font-size:14.5px;margin:0;max-width:580px;line-height:1.8}
.cta-band .cbbtns{display:flex;gap:14px;flex-wrap:wrap}

@media(max-width:960px){
  .cert-wall,.case-pick,.sla{grid-template-columns:1fr 1fr}
  .ab-grid{grid-template-columns:1fr 1fr}
  .diff,.dual,.eco,.brand{grid-template-columns:1fr}
  .eco-steps,.brand .bpoints{grid-template-columns:1fr}
}
@media(max-width:560px){
  .cert-wall,.case-pick,.sla,.ab-grid{grid-template-columns:1fr}
  .ab b{font-size:32px}
}