/* ============================================================
   BusinessMind 官网 · 共享样式（原型，非上线站点）
   设计系统：方案 A · 强统一 —— 与 Mindix / DigitalMind 同用家族蓝 #236FD2。
   Logo 与 DM 官网同款（菱形标），标底同步为家族蓝渐变。
   ============================================================ */
* { margin:0; padding:0; box-sizing:border-box; }

:root {
  --brand:#236FD2;            /* BM 主色：与 Mindix / DigitalMind 统一的家族蓝 */
  --brand-deep:#1A5BB8;       /* 深一档：L2 标签 / hover / 渐变落点 */
  --brand-light:#EEF4FC;
  --family:#236FD2;           /* Mindix 矩阵蓝：与主色同源，仅作家族标识 */
  --family-light:#EEF4FC;
  --amber:#B45309;
  --amber-light:#FEF7E6;
  --navy:#0B1B33;             /* Mindix 深海军蓝：私有化部署/深色块 */
  --navy-light:#EEF2F6;
  --ink:#17233D;
  --text:#17233D;
  --text-secondary:#54657E;
  --text-muted:#6B7A90;
  --border:#E2E9F3;
  --border-strong:#C8D6E8;
  --bg:#ffffff;
  --bg-subtle:#fafafa;
  --bg-code:#f6f6f7;
  --green:#0B7E3D;
  --green-light:#E6F7EE;
  --red:#B91C1C;
  --red-light:#FDECEC;
  --grad-brand:linear-gradient(135deg,#7CA9EE 0%,#236FD2 55%,#1A5BB8 100%);
}

html { scroll-behavior:smooth; }
body {
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'PingFang SC','Microsoft YaHei','Noto Sans SC','Helvetica Neue',Arial,sans-serif;
  background:var(--bg); color:var(--text); line-height:1.65;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
.mono { font-family:'SF Mono','Fira Code','JetBrains Mono','Cascadia Code',Consolas,'Liberation Mono',Menlo,monospace; }
.container { max-width:1120px; margin:0 auto; padding:0 2rem; width:100%; }
a { color:inherit; }

/* ---------- 原型声明条 ---------- */
.prototype-banner {
  background:var(--navy); color:#fff; font-size:0.78rem; text-align:center;
  padding:0.5rem 1rem; letter-spacing:0.02em;
}
.prototype-banner b { color:#7CA9EE; }

/* ---------- 导航 ---------- */
.navbar {
  position:sticky; top:0; z-index:50; background:rgba(255,255,255,0.94);
  backdrop-filter:blur(8px); border-bottom:1px solid var(--border);
}
.navbar-inner { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:0.8rem 0; flex-wrap:wrap; }
.brand { display:inline-flex; align-items:center; gap:11px; text-decoration:none; }
.brand-mark {
  width:40px; height:40px; border-radius:11px; flex:none;
  background:var(--grad-brand);
  display:inline-flex; align-items:center; justify-content:center;
  box-shadow:0 6px 14px rgba(35,111,210,.35);
}
.brand-mark svg { width:22px; height:22px; }
.brand-text { display:flex; flex-direction:column; line-height:1.2; }
.brand-text strong { font-size:1.2rem; font-weight:800; color:var(--ink); letter-spacing:.01em; }
.brand-text small { font-size:11px; color:var(--text-secondary); letter-spacing:.02em; }
.nav-links { display:flex; align-items:center; gap:1.1rem; flex-wrap:wrap; }
.nav-links a { color:var(--text-secondary); text-decoration:none; font-size:0.875rem; transition:color .15s; }
.nav-links a:hover { color:var(--ink); }
.nav-links a.nav-page { padding:0.3rem 0; border-bottom:2px solid transparent; }
.nav-links a.nav-page.active { color:var(--brand); border-bottom-color:var(--brand); font-weight:700; }
/* ★ 2026-10-17：修复按钮文字被 `.nav-links a` 的灰色覆盖→导航按钮看不清 */
.nav-links a.btn-primary { color:#fff; }
.nav-links a.btn-outline { color:var(--ink); }
.btn { display:inline-flex; align-items:center; gap:0.4rem; border-radius:10px; font-weight:600; text-decoration:none; transition:all .15s; cursor:pointer; border:1px solid transparent; font-family:inherit; }
.btn-primary { background:var(--grad-brand); color:#fff; padding:0.55rem 1.25rem; font-size:0.85rem; box-shadow:0 4px 12px rgba(35,111,210,0.28); }
.btn-primary:hover { opacity:.93; transform:translateY(-1px); }
.btn-outline { padding:0.5rem 1.1rem; border:1px solid var(--border-strong); color:var(--ink); font-size:0.8rem; background:#fff; }
.btn-outline:hover { border-color:var(--brand); color:var(--brand); }
.btn-white { background:#fff; color:var(--brand-deep); padding:0.65rem 1.6rem; font-size:0.9rem; }
.btn-white:hover { opacity:.95; transform:translateY(-1px); }

/* ---------- Hero ---------- */
.hero { position:relative; padding:4.5rem 0 3rem; text-align:center; overflow:hidden; }
.hero::before { content:""; position:absolute; inset:-2rem 0 auto 0; height:480px; pointer-events:none;
  background:
    radial-gradient(620px 320px at 50% -8%, rgba(124,169,238,0.24), transparent 70%),
    radial-gradient(900px 300px at 85% 0%, rgba(35,111,210,0.10), transparent 65%),
    radial-gradient(700px 280px at 12% 0%, rgba(35,111,210,0.06), transparent 60%); }
.hero > * { position:relative; }
.hero.page-hero { padding:3.5rem 0 2.5rem; text-align:left; }
.hero.page-hero h1 { font-size:2.2rem; }
.hero.page-hero .subtitle { margin:0 0 2rem; }
.hero.page-hero .cta { justify-content:flex-start; }
.badge { display:inline-flex; align-items:center; gap:0.5rem; background:var(--bg-subtle); border:1px solid var(--border);
  color:var(--text-secondary); font-size:0.75rem; font-weight:500; padding:0.35rem 1rem; border-radius:999px; margin-bottom:1.5rem; }
.badge .dot { width:6px; height:6px; border-radius:50%; background:var(--green); }
.hero h1 { font-size:2.8rem; font-weight:700; line-height:1.14; letter-spacing:-0.02em; color:var(--ink); margin-bottom:1.25rem; }
.hero h1 .accent { color:var(--brand); }
.hero .subtitle { font-size:1.06rem; color:var(--text-secondary); max-width:680px; margin:0 auto 2rem; }
.hero .cta { display:flex; gap:0.9rem; justify-content:center; flex-wrap:wrap; }
.hero .layers-quick { margin-top:2.2rem; display:flex; gap:0.7rem; justify-content:center; flex-wrap:wrap; }
.layer-pill { font-size:0.78rem; color:var(--text-secondary); background:var(--bg-subtle); border:1px solid var(--border);
  padding:0.35rem 0.9rem; border-radius:999px; }
.layer-pill code { color:var(--brand); font-family:inherit; font-weight:600; }

/* ---------- 通用区块头 ---------- */
.section { padding:4rem 0; border-top:1px solid var(--border); }
.section-header { text-align:center; margin-bottom:3rem; }
.section-label { font-size:0.72rem; font-weight:600; text-transform:uppercase; letter-spacing:0.1em; color:var(--text-muted); margin-bottom:0.75rem; }
.section-header h2 { font-size:2rem; font-weight:700; color:var(--ink); letter-spacing:-0.01em; }
.section-header p { max-width:680px; margin:1rem auto 0; color:var(--text-secondary); font-size:0.95rem; }

/* ---------- 三层能力 ---------- */
.layers { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; align-items:start; }
.layer-card { border:1px solid var(--border); border-radius:14px; background:#fff; overflow:hidden; display:flex; flex-direction:column; }
.layer-card .lc-head { padding:1.4rem 1.4rem 1rem; cursor:pointer; }
.layer-card .lc-num { font-size:0.72rem; color:var(--text-muted); font-weight:600; }
.layer-card .lc-tag { font-size:0.68rem; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; }
.layer-card h3 { font-size:1.15rem; font-weight:700; color:var(--ink); margin:0.35rem 0; }
.layer-card .lc-desc { font-size:0.85rem; color:var(--text-secondary); }
.lc-tag.l1 { color:var(--family); } .lc-tag.l2 { color:var(--brand-deep); } .lc-tag.l3 { color:var(--amber); }
.layer-card .lc-body { padding:0 1.4rem 1.4rem; }
.layer-card:not(.open) .lc-body { display:none; }
.group { margin-bottom:1rem; }
.group-name { font-size:0.7rem; font-weight:600; color:var(--text-muted); text-transform:uppercase; letter-spacing:0.06em; margin-bottom:0.5rem; }
.chips { display:flex; flex-wrap:wrap; gap:0.4rem; }
.chip { font-size:0.72rem; background:var(--bg-code); border:1px solid var(--border); color:var(--text-secondary); padding:0.18rem 0.55rem; border-radius:6px; }
.chip code { font-family:inherit; }
.chip.tool { color:var(--brand); border-color:var(--brand-light); background:var(--brand-light); }
.lc-toggle { margin-top:auto; padding:0.7rem 1.4rem 1.1rem; font-size:0.8rem; color:var(--brand); font-weight:600; cursor:pointer; background:none; border:none; text-align:left; font-family:inherit; }
.lc-toggle:hover { text-decoration:underline; }

/* ---------- 两个维度赋能 ---------- */
.dims { display:grid; grid-template-columns:1fr 1fr; gap:1.25rem; }
.dim { border:1px solid var(--border); border-radius:16px; padding:1.75rem; }
.dim.saas { background:linear-gradient(180deg,var(--brand-light),#fff); border-top:4px solid var(--brand); }
.dim.private { background:linear-gradient(180deg,var(--navy-light),#fff); border-top:4px solid var(--navy); }
.dim .dim-tag { display:inline-block; font-size:0.7rem; font-weight:700; letter-spacing:0.06em; padding:0.2rem 0.6rem; border-radius:6px; margin-bottom:0.9rem; }
.dim.saas .dim-tag { background:var(--brand); color:#fff; }
.dim.private .dim-tag { background:var(--navy); color:#fff; }
.dim h3 { font-size:1.25rem; font-weight:700; color:var(--ink); margin-bottom:0.5rem; }
.dim .dim-sub { font-size:0.85rem; color:var(--text-secondary); margin-bottom:1rem; }
.dim ul { list-style:none; }
.dim li { font-size:0.85rem; color:var(--text-secondary); padding:0.32rem 0; padding-left:1.2rem; position:relative; }
.dim li::before { content:"✓"; position:absolute; left:0; font-weight:700; }
.dim.saas li::before { color:var(--brand); }
.dim.private li::before { color:var(--navy); }
.dim .audience { margin-top:1rem; display:flex; flex-wrap:wrap; gap:0.4rem; }
.dim .audience span { font-size:0.74rem; background:#fff; border:1px solid var(--border); color:var(--text-secondary); padding:0.25rem 0.6rem; border-radius:999px; }

/* ---------- 代理关系 ---------- */
.agent-rel { border:1px solid var(--border); border-radius:16px; padding:1.75rem; }
.agent-rel .base { text-align:center; padding:1rem; background:var(--bg-code); border:1px solid var(--border); border-radius:12px; margin-bottom:1rem; }
.agent-rel .base h4 { font-size:1rem; font-weight:700; color:var(--ink); }
.agent-rel .base p { font-size:0.82rem; color:var(--text-secondary); margin-top:0.2rem; }
.agent-branch { display:grid; grid-template-columns:1fr 1fr; gap:1.25rem; margin-bottom:1rem; }
.agent-side { border:1px solid var(--border); border-radius:12px; padding:1.25rem; }
.agent-side.bm { background:var(--brand-light); }
.agent-side.dm { background:var(--navy-light); }
.agent-side .side-brand { font-size:0.7rem; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; }
.agent-side.bm .side-brand { color:var(--brand); }
.agent-side.dm .side-brand { color:var(--navy); }
.agent-side h4 { font-size:1.05rem; font-weight:700; margin:0.35rem 0 0.4rem; color:var(--ink); }
.agent-side p { font-size:0.83rem; color:var(--text-secondary); }
.agent-side ul { list-style:none; margin-top:0.7rem; }
.agent-side li { font-size:0.8rem; color:var(--text-secondary); padding:0.24rem 0; padding-left:1.05rem; position:relative; }
.agent-side li::before { content:"✓"; position:absolute; left:0; font-weight:700; }
.agent-side.bm li::before { color:var(--brand); }
.agent-side.dm li::before { color:var(--navy); }
.agent-rule { display:flex; gap:0.75rem; align-items:flex-start; background:var(--amber-light); border:1px solid #F0E0C0; border-radius:12px; padding:1rem 1.2rem; }
.agent-rule .icon { font-size:1.1rem; }
.agent-rule b { color:var(--amber); }
.agent-rule p { font-size:0.84rem; color:var(--text-secondary); }

/* ---------- 智能体流程 ---------- */
.agent-flow { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; }
.step { border:1px solid var(--border); border-radius:14px; padding:1.5rem; background:var(--bg-subtle); }
.step-num { font-size:0.72rem; font-weight:700; color:var(--text-muted); letter-spacing:0.06em; }
.step h4 { font-size:1rem; font-weight:700; color:var(--ink); margin:0.5rem 0; }
.step p { font-size:0.85rem; color:var(--text-secondary); }
.step .arrow { display:inline-block; margin-top:0.7rem; color:var(--brand); font-weight:700; }

/* ---------- 试算 demo ---------- */
.demo { border:1px solid var(--border); border-radius:16px; padding:1.75rem; background:linear-gradient(180deg,#FAFCFF,#fff); }
.demo-head { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; margin-bottom:1.25rem; }
.demo-head h4 { font-size:1.05rem; font-weight:700; color:var(--ink); }
.demo-head .demo-hint { font-size:0.75rem; color:var(--text-muted); }
.demo-input { display:flex; gap:0.75rem; flex-wrap:wrap; align-items:center; }
.demo-input input[type=text] { flex:1; min-width:220px; padding:0.6rem 0.9rem; border:1px solid var(--border-strong); border-radius:10px; font-size:0.9rem; color:var(--ink); font-family:inherit; }
.demo-input input[type=text]:focus { outline:none; border-color:var(--brand); box-shadow:0 0 0 3px var(--brand-light); }
.demo-output { margin-top:1.25rem; min-height:120px; border:1px dashed var(--border-strong); border-radius:12px; padding:1.25rem; background:#fff; }
.state { display:none; }
.state.active { display:block; animation:fadein .25s ease; }
@keyframes fadein { from { opacity:0; transform:translateY(4px);} to { opacity:1; transform:none;} }
.state-empty { color:var(--text-muted); font-size:0.85rem; text-align:center; padding:1.4rem 0; }
.state-loading { display:flex; align-items:center; gap:0.75rem; color:var(--text-secondary); font-size:0.9rem; }
.spinner { width:18px; height:18px; border:2.5px solid var(--brand-light); border-top-color:var(--brand); border-radius:50%; animation:spin .7s linear infinite; }
@keyframes spin { to { transform:rotate(360deg);} }
.state-result h5 { font-size:0.95rem; font-weight:700; color:var(--ink); margin-bottom:0.75rem; }
.result-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:0.75rem; }
.result-item { background:var(--bg-subtle); border:1px solid var(--border); border-radius:10px; padding:0.7rem 0.8rem; }
.result-item .k { font-size:0.68rem; color:var(--text-muted); }
.result-item .v { font-size:1.1rem; font-weight:700; color:var(--brand); font-family:'SF Mono',Consolas,monospace; }
.result-meta { margin-top:0.9rem; font-size:0.75rem; color:var(--text-muted); }
.state-error { background:var(--red-light); border:1px solid #F3C6C6; border-radius:10px; padding:1rem 1.1rem; font-size:0.85rem; color:var(--red); }
.state-error .retry { color:var(--brand); font-weight:600; cursor:pointer; text-decoration:underline; background:none; border:none; padding:0; font:inherit; }

/* ---------- 三大价值 ---------- */
.values { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; }
.value-card { border:1px solid var(--border); border-radius:14px; padding:1.6rem; background:#fff; }
.value-card .v-icon { width:38px; height:38px; border-radius:10px; display:grid; place-items:center; font-size:1.1rem; margin-bottom:1rem; }
.v-icon.decision { background:var(--brand-light); color:var(--brand); }
.v-icon.growth { background:var(--navy-light); color:var(--navy); }
.v-icon.cost { background:var(--amber-light); color:var(--amber); }
.value-card h4 { font-size:1.05rem; font-weight:700; color:var(--ink); margin-bottom:0.4rem; }
.value-card p { font-size:0.85rem; color:var(--text-secondary); }

/* ---------- 定价 ---------- */
.pricing-tabs { display:flex; gap:0.5rem; justify-content:center; margin-bottom:2rem; flex-wrap:wrap; }
.ptab { padding:0.6rem 1.4rem; border-radius:10px; border:1px solid var(--border-strong); background:#fff; color:var(--text-secondary); font-size:0.9rem; font-weight:600; cursor:pointer; font-family:inherit; transition:all .15s; }
.ptab.active { background:var(--brand); border-color:var(--brand); color:#fff; box-shadow:0 4px 12px rgba(35,111,210,0.25); }
.track { display:none; }
.track.active { display:block; animation:fadein .25s ease; }
.price-note { text-align:center; font-size:0.8rem; color:var(--text-muted); margin-bottom:2rem; }
.price-note b { color:var(--ink); }
.card-block { border:1px solid var(--border); border-radius:16px; padding:1.75rem; margin-bottom:1.5rem; background:#fff; }
.card-block h3 { font-size:1.2rem; font-weight:700; color:var(--ink); margin-bottom:0.5rem; }
.card-block .cb-sub { font-size:0.85rem; color:var(--text-secondary); margin-bottom:1.25rem; }
table { width:100%; border-collapse:collapse; font-size:0.82rem; }
th, td { text-align:left; padding:0.6rem 0.7rem; border-bottom:1px solid var(--border); vertical-align:top; }
th { font-size:0.72rem; text-transform:uppercase; letter-spacing:0.05em; color:var(--text-muted); font-weight:600; background:var(--bg-subtle); }
td.price { font-weight:700; color:var(--brand); white-space:nowrap; }
tr:last-child td { border-bottom:none; }
.tag-l1 { color:var(--family); font-weight:700; }
.tag-l2 { color:var(--brand-deep); font-weight:700; }
.tag-l3 { color:var(--amber); font-weight:700; }
.formula { background:var(--bg-code); border:1px solid var(--border); border-left:3px solid var(--brand); border-radius:8px; padding:0.9rem 1.1rem; font-size:0.86rem; color:var(--ink); margin:1rem 0; }
.formula b { color:var(--brand); }
.fee-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; margin-bottom:1.5rem; }
.fee-card { border:1px solid var(--border); border-radius:14px; padding:1.5rem; background:var(--bg-subtle); }
.fee-card h4 { font-size:0.95rem; font-weight:700; color:var(--ink); margin-bottom:0.5rem; }
.fee-card .fee-amount { font-size:1.4rem; font-weight:700; color:var(--brand); font-family:'SF Mono',Consolas,monospace; margin-bottom:0.5rem; }
.fee-card .fee-amount.navy { color:var(--navy); }
.fee-card p { font-size:0.8rem; color:var(--text-secondary); }
.compare { display:grid; grid-template-columns:1fr 1fr; gap:1.25rem; }
.compare-side { border:1px solid var(--border); border-radius:14px; padding:1.5rem; }
.compare-side.saas { border-top:4px solid var(--brand); }
.compare-side.private { border-top:4px solid var(--navy); }
.compare-side h4 { font-size:1.05rem; font-weight:700; color:var(--ink); margin-bottom:0.75rem; }
.compare-side ul { list-style:none; }
.compare-side li { font-size:0.83rem; color:var(--text-secondary); padding:0.3rem 0; padding-left:1.2rem; position:relative; }
.compare-side li::before { content:"•"; position:absolute; left:0; color:var(--brand); font-weight:700; }
.compare-side.private li::before { color:var(--navy); }
.pill-note { display:inline-flex; align-items:center; gap:0.4rem; font-size:0.78rem; background:var(--navy-light); color:var(--navy); border:1px solid #D7E1EA; padding:0.4rem 0.8rem; border-radius:999px; font-weight:600; }

/* ---------- CTA ---------- */
.cta-band { background:linear-gradient(135deg,#236FD2 0%,#1A5BB8 55%,#0B1B33 100%); border-radius:20px; padding:3.5rem 2rem; text-align:center; color:#fff; }
.cta-band h2 { font-size:1.9rem; font-weight:700; margin-bottom:0.75rem; }
.cta-band p { max-width:560px; margin:0 auto 1.75rem; color:rgba(255,255,255,0.85); font-size:0.95rem; }
.cta-note { margin-top:1rem; font-size:0.75rem; color:rgba(255,255,255,0.7); }

/* ---------- 页脚 ---------- */
.footer { border-top:1px solid var(--border); padding:2.5rem 0; margin-top:4rem; }
.footer-grid { display:grid; grid-template-columns:1.6fr 1fr 1fr; gap:2rem; }
.footer-brand p { font-size:0.8rem; color:var(--text-muted); margin-top:0.75rem; max-width:320px; }
.footer-col h5 { font-size:0.72rem; font-weight:700; text-transform:uppercase; letter-spacing:0.08em; color:var(--text-muted); margin-bottom:0.8rem; }
.footer-col a { display:block; font-size:0.82rem; color:var(--text-secondary); text-decoration:none; padding:0.2rem 0; }
.footer-col a:hover { color:var(--brand); }
.footer-bottom { border-top:1px solid var(--border); margin-top:2rem; padding-top:1.25rem; display:flex; justify-content:space-between; flex-wrap:wrap; gap:0.75rem; font-size:0.75rem; color:var(--text-muted); }

/* ---------- 设计说明 ---------- */
.notes { background:var(--bg-code); border:1px solid var(--border); border-radius:14px; padding:1.75rem; margin-top:2.5rem; font-size:0.85rem; }
.notes h3 { font-size:1rem; font-weight:700; margin-bottom:1rem; color:var(--ink); }
.notes h4 { font-size:0.85rem; font-weight:700; margin:1rem 0 0.4rem; color:var(--ink); }
.notes p, .notes li { color:var(--text-secondary); font-size:0.82rem; }
.notes ul { padding-left:1.2rem; }
.notes code { background:#fff; border:1px solid var(--border); padding:0.05rem 0.35rem; border-radius:4px; font-size:0.76rem; color:var(--brand); }
.swatches { display:flex; gap:0.5rem; flex-wrap:wrap; margin:0.5rem 0; }
.sw { display:inline-flex; align-items:center; gap:0.4rem; font-size:0.72rem; color:var(--text-secondary); }
.sw .c { width:20px; height:20px; border-radius:5px; border:1px solid var(--border-strong); display:inline-block; }

/* ---------- 响应式 ---------- */
@media (max-width:768px) {
  .container { padding:0 1.25rem; }
  .hero { padding:3rem 0 2rem; }
  .hero h1 { font-size:2.1rem; }
  .hero.page-hero h1 { font-size:1.7rem; }
  .hero .subtitle { font-size:0.95rem; }
  .section { padding:3rem 0; }
  .section-header h2 { font-size:1.5rem; }
  .layers, .agent-flow, .values, .fee-cards { grid-template-columns:1fr; }
  .dims, .agent-branch, .compare { grid-template-columns:1fr; }
  .result-grid { grid-template-columns:repeat(2,1fr); }
  .footer-grid { grid-template-columns:1fr; }
  .navbar-inner { align-items:flex-start; }
  .nav-links { width:100%; justify-content:flex-start; gap:0.6rem; row-gap:0.4rem; }
}