/* ===== 产品 / 版本详情页专属样式（复用 styles.css 设计系统） ===== */

/* 子页 Hero（比首页矮，含面包屑） */
.sub-hero{background:linear-gradient(125deg,#0f3f8f 0%,var(--brand) 60%,#4f9bff 100%);color:#fff;padding:30px 0 38px;position:relative;overflow:hidden}
.sub-hero::after{content:"";position:absolute;right:-100px;top:-110px;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 70%);border-radius:50%}
.sub-hero h1{font-size:30px;font-weight:800;margin:8px 0 6px}
.sub-hero p{font-size:15px;opacity:.92;max-width:700px}
.sub-hero .badge{display:inline-block;background:rgba(255,255,255,.16);padding:5px 14px;border-radius:30px;font-size:13px;margin-bottom:10px}

/* 国内版 / 国际版 切换标签 */
.seg{display:inline-flex;background:rgba(255,255,255,.16);border-radius:30px;padding:4px;margin-top:16px;gap:4px}
.seg a{padding:8px 18px;border-radius:26px;color:#fff;font-size:14px;font-weight:600;transition:.2s}
.seg a.active,.seg a:hover{background:#fff;color:var(--brand-d)}

/* 选择框架大卡（国内 vs 国际） */
.choice{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:780px){.choice{grid-template-columns:1fr}}
.choice .c{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);position:relative;transition:.22s}
.choice .c:hover{transform:translateY(-4px);box-shadow:var(--shadow-h)}
.choice .c h3{font-size:20px;margin-bottom:4px}
.choice .c .op{font-size:12.5px;color:var(--sub);margin-bottom:14px}
.choice .c ul{list-style:none;display:flex;flex-direction:column;gap:9px;font-size:13.5px;color:var(--ink);margin:6px 0 18px}
.choice .c li{padding-left:24px;position:relative}
.choice .c li::before{content:"●";position:absolute;left:0;color:var(--brand);font-size:10px;top:3px}
.choice .c.cn{border-top:4px solid var(--eco)}
.choice .c.cn li::before{color:var(--eco)}
.choice .c .tagline{position:absolute;top:22px;right:22px;font-size:12px;font-weight:600;color:var(--brand-d);background:var(--brand-l);padding:3px 11px;border-radius:20px}
.choice .c.cn .tagline{color:var(--eco-d);background:var(--eco-l)}

/* 微软生态提示横幅（默认品牌蓝，跨生态引导用） */
.note{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(125deg,#0f3f8f,var(--brand-d));color:#fff;border-radius:14px;padding:20px 24px;margin-top:22px;box-shadow:var(--shadow-h);flex-wrap:wrap}
.note .ic{flex:0 0 46px;width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center}
.note .ic svg{width:27px;height:27px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.note .body{flex:1;min-width:240px}
.note h4{font-size:16px;margin-bottom:5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.note .tag{display:inline-block;background:rgba(255,255,255,.2);padding:2px 11px;border-radius:20px;font-size:12px;font-weight:600}
.note p{font-size:13.5px;opacity:.92;line-height:1.65;margin:0}
.note a{color:#fff;text-decoration:underline}
.note .btn{background:#fff;color:var(--brand-d);align-self:center;white-space:nowrap}

/* 版本对比表 / 对比表 */
.cmp{overflow:auto;margin:6px 0;max-height:82vh;border-radius:14px;box-shadow:var(--shadow);background:#fff;-webkit-overflow-scrolling:touch}
table.cmp-table{width:100%;border-collapse:collapse;min-width:720px;font-size:13px;background:#fff}
table.cmp-table th,table.cmp-table td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:middle;line-height:1.5}
table.cmp-table thead th{background:var(--brand-d);color:#fff;font-weight:600;position:sticky;top:0;z-index:3;white-space:nowrap;text-align:center}
table.cmp-table thead th:first-child{background:#0e1830;position:sticky;top:0;left:0;z-index:4;text-align:left}
table.cmp-table tbody th{background:#f4f8ff;color:var(--ink);font-weight:600;position:sticky;left:0;z-index:2;min-width:166px;box-shadow:2px 0 0 var(--line);text-align:left}
table.cmp-table tbody td{text-align:center}
table.cmp-table tbody tr:hover{background:#fafcff}
table.cmp-table tbody tr:hover th{background:#eaf2ff}
table.cmp-table td.yes{color:var(--eco-d);font-weight:700;text-align:center}
table.cmp-table td.no{color:#b23b3b;font-weight:700;text-align:center}
table.cmp-table td .s{color:var(--sub);font-size:12px}

/* 版本卡网格 */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:980px){.plans{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.plans{grid-template-columns:1fr}}
.plan{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);display:flex;flex-direction:column;position:relative;transition:.22s}
.plan:hover{transform:translateY(-4px);box-shadow:var(--shadow-h);border-color:#cfe0ff}
.plan.best{border:2px solid var(--brand);box-shadow:0 12px 34px rgba(30,111,224,.22)}
.plan .rec{position:absolute;top:-12px;right:18px;background:var(--brand);color:#fff;font-size:12px;font-weight:600;padding:3px 12px;border-radius:20px}
.plan h3{font-size:18px;margin-bottom:1px}
.plan .en{font-size:12px;color:var(--sub);margin-bottom:12px}
.plan .price{font-size:21px;font-weight:800;color:var(--brand-d)}
.plan .price small{font-size:12px;color:var(--sub);font-weight:500}
.plan .role{font-size:13px;color:var(--ink);margin:10px 0 12px;padding:10px 12px;background:var(--brand-l);border-radius:10px;line-height:1.55}
.plan ul.feat{list-style:none;font-size:12.5px;color:var(--sub);display:flex;flex-direction:column;gap:7px;flex:1;margin-bottom:14px}
.plan ul.feat li{padding-left:20px;position:relative;line-height:1.5}
.plan ul.feat li::before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;background:var(--eco)}
.plan ul.feat li b{color:var(--ink)}
.plan .btn{width:100%;justify-content:center}

/* 差异说明双栏 */
.diff{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:780px){.diff{grid-template-columns:1fr}}
.diff .box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow)}
.diff .box h4{font-size:15px;margin-bottom:12px;color:var(--brand-d);display:flex;align-items:center;gap:8px}
.diff .box ul{list-style:none;font-size:13px;color:var(--sub);display:flex;flex-direction:column;gap:9px}
.diff .box li{padding-left:24px;position:relative;line-height:1.5}
.diff .box li::before{content:"✕";position:absolute;left:0;color:#b23b3b;font-weight:700}
.diff .box.ok li::before{content:"✓";color:var(--eco-d)}
.callout{background:#fff8e8;border:1px solid #f3e2b8;border-radius:12px;padding:14px 18px;font-size:13.5px;color:#7a5c12;margin:14px 0;line-height:1.6}
.callout b{color:#5e470c}

/* 系统要求条 */
.spec{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:780px){.spec{grid-template-columns:1fr}}
.spec .s{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:var(--shadow)}
.spec .s h4{font-size:14px;color:var(--brand-d);margin-bottom:6px}
.spec .s p{font-size:12.5px;color:var(--sub);line-height:1.55}

/* 锚点导航（版本快速跳转） */
.anchors{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.anchors a{font-size:13px;color:var(--brand-d);background:var(--brand-l);padding:6px 14px;border-radius:20px;font-weight:500;transition:.2s}
.anchors a:hover{background:var(--brand);color:#fff}

/* 核心组件网格 */
.comp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:900px){.comp-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.comp-grid{grid-template-columns:1fr}}
.comp{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow);transition:.22s;position:relative;overflow:hidden}
.comp:hover{transform:translateY(-3px);box-shadow:var(--shadow-h);border-color:#cfe0ff}
.comp .ic{width:40px;height:40px;border-radius:11px;background:var(--brand-l);display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--brand-d)}
.comp .ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.comp h4{font-size:15px;margin-bottom:4px;color:var(--ink);line-height:1.35}
.comp .en{font-size:11.5px;color:var(--sub);margin-bottom:6px;letter-spacing:.2px}
.comp p{font-size:12.5px;color:var(--sub);line-height:1.55}
.comp .badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 9px;border-radius:20px;margin-top:9px}
.comp .badge.cn{background:var(--eco-l);color:var(--eco-d)}
.comp .badge.both{background:var(--brand-l);color:var(--brand-d)}
.comp .badge.gx{background:#fde8e8;color:#b23b3b}
.comp.gx{border-top:3px solid #d96b6b}
.comp.gx .ic{background:#fde8e8;color:#c0392b}

/* Copilot 备注横幅（版本家族下方） */
.copilot-note{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(125deg,#0f3f8f,var(--brand));color:#fff;border-radius:14px;padding:20px 24px;margin-top:22px;box-shadow:var(--shadow-h);flex-wrap:wrap}
.copilot-note .ic{flex:0 0 46px;width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center}
.copilot-note .ic svg{width:27px;height:27px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.copilot-note .body{flex:1;min-width:240px}
.copilot-note h4{font-size:16px;margin-bottom:5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.copilot-note .tag{display:inline-block;background:rgba(255,255,255,.2);padding:2px 11px;border-radius:20px;font-size:12px;font-weight:600}
.copilot-note p{font-size:13.5px;opacity:.92;line-height:1.65;margin:0}
.copilot-note .btn{background:#fff;color:var(--brand-d);align-self:center;white-space:nowrap}

/* ===== 腾讯生态（绿色 eco 主题）变体 ===== */
.sub-hero.eco{background:linear-gradient(125deg,#04422a 0%,var(--eco-d) 55%,var(--eco) 100%)}
.sub-hero.eco::after{background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%)}
.seg.eco a.active,.seg.eco a:hover{color:var(--eco-d)}
.anchors.eco a{color:var(--eco-d);background:var(--eco-l)}
.anchors.eco a:hover{background:var(--eco);color:#fff}

/* 通用卡片图标（绿描边，覆盖全局 brand 描边） */
.ic.eco{background:var(--eco-l);color:var(--eco-d)}
.ic.eco svg{stroke:var(--eco-d)}

/* 组件卡（绿） */
.comp.eco{border-top:3px solid var(--eco)}
.comp.eco .ic{background:var(--eco-l);color:var(--eco-d)}
.comp.eco:hover{border-color:#a9e5c3}

/* 对比表（绿表头） */
table.cmp-table.eco thead th{background:var(--eco-d)}
table.cmp-table.eco thead th:first-child{background:#04422a}
table.cmp-table.eco tbody th{background:#f2fbf6}
table.cmp-table.eco tbody tr:hover{background:#f5fdf8}
table.cmp-table.eco tbody tr:hover th{background:#e6f8ee}

/* 版本卡（绿推荐） */
.plan.best.eco{border:2px solid var(--eco);box-shadow:0 12px 34px rgba(7,193,96,.22)}
.plan.best.eco .rec{background:var(--eco)}
.plan.eco-cap{border-top:3px solid var(--eco)}
.plan.eco-cap ul.feat li::before{background:var(--eco)}
.plan .price.eco{color:var(--eco-d)}

/* 双栏选择（绿） */
.choice .c.ec{border-top:4px solid var(--eco)}
.choice .c.ec li::before{color:var(--eco)}
.choice .c.ec .tagline{color:var(--eco-d);background:var(--eco-l)}

/* 规格条（绿标题） */
.spec .s.ec h4{color:var(--eco-d)}
.spec .s.ec{border-top:3px solid var(--eco)}

/* AI 能力横幅（绿） */
.note-eco{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(125deg,#04422a,var(--eco-d));color:#fff;border-radius:14px;padding:20px 24px;margin-top:22px;box-shadow:var(--shadow-h);flex-wrap:wrap}
.note-eco .ic{flex:0 0 46px;width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center}
.note-eco .ic svg{width:27px;height:27px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.note-eco .body{flex:1;min-width:240px}
.note-eco h4{font-size:16px;margin-bottom:5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.note-eco .tag{display:inline-block;background:rgba(255,255,255,.2);padding:2px 11px;border-radius:20px;font-size:12px;font-weight:600}
.note-eco p{font-size:13.5px;opacity:.92;line-height:1.65;margin:0}
.note-eco .btn{background:#fff;color:var(--eco-d);align-self:center;white-space:nowrap}

/* 表单区（绿渐变） */
.form-wrap.eco{background:linear-gradient(135deg,#04422a,var(--eco-d))}
.form-wrap.eco .btn{color:var(--eco-d)}

/* ===== 安全生态（靛紫 sec 主题）变体 ===== */
.sub-hero.sec{background:linear-gradient(125deg,#241a5c 0%,var(--sec-d) 55%,var(--sec) 100%)}
.sub-hero.sec::after{background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%)}
.anchors.sec a{color:var(--sec-d);background:var(--sec-l)}
.anchors.sec a:hover{background:var(--sec);color:#fff}
.ic.sec{background:var(--sec-l);color:var(--sec-d)}
.ic.sec svg{stroke:var(--sec-d)}
.comp.sec{border-top:3px solid var(--sec)}
.comp.sec .ic{background:var(--sec-l);color:var(--sec-d)}
.comp.sec:hover{border-color:#c3b8ff}
table.cmp-table.sec thead th{background:var(--sec-d)}
table.cmp-table.sec thead th:first-child{background:#241a5c}
table.cmp-table.sec tbody th{background:#f6f4ff}
table.cmp-table.sec tbody tr:hover{background:#f8f7ff}
table.cmp-table.sec tbody tr:hover th{background:#ece8ff}
.plan.best.sec{border:2px solid var(--sec);box-shadow:0 12px 34px rgba(91,75,214,.22)}
.plan.best.sec .rec{background:var(--sec)}
.plan.sec-cap{border-top:3px solid var(--sec)}
.plan.sec-cap ul.feat li::before{background:var(--sec)}
.plan .price.sec{color:var(--sec-d)}
.choice .c.sc{border-top:4px solid var(--sec)}
.choice .c.sc li::before{color:var(--sec)}
.choice .c.sc .tagline{color:var(--sec-d);background:var(--sec-l)}
.spec .s.sc h4{color:var(--sec-d)}
.spec .s.sc{border-top:3px solid var(--sec)}
.note-sec{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(125deg,#241a5c,var(--sec-d));color:#fff;border-radius:14px;padding:20px 24px;margin-top:22px;box-shadow:var(--shadow-h);flex-wrap:wrap}
.note-sec .ic{flex:0 0 46px;width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center}
.note-sec .ic svg{width:27px;height:27px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.note-sec .body{flex:1;min-width:240px}
.note-sec h4{font-size:16px;margin-bottom:5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.note-sec .tag{display:inline-block;background:rgba(255,255,255,.2);padding:2px 11px;border-radius:20px;font-size:12px;font-weight:600}
.note-sec p{font-size:13.5px;opacity:.92;line-height:1.65;margin:0}
.note-sec .btn{background:#fff;color:var(--sec-d);align-self:center;white-space:nowrap}
.form-wrap.sec{background:linear-gradient(135deg,#241a5c,var(--sec-d))}
.form-wrap.sec .btn{color:var(--sec-d)}

/* ===== 基础设施生态（琥珀 inf 主题）变体 ===== */
.sub-hero.inf{background:linear-gradient(125deg,#7a4410 0%,var(--inf-d) 55%,var(--inf) 100%)}
.sub-hero.inf::after{background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%)}
.anchors.inf a{color:var(--inf-d);background:var(--inf-l)}
.anchors.inf a:hover{background:var(--inf);color:#fff}
.ic.inf{background:var(--inf-l);color:var(--inf-d)}
.ic.inf svg{stroke:var(--inf-d)}
.comp.inf{border-top:3px solid var(--inf)}
.comp.inf .ic{background:var(--inf-l);color:var(--inf-d)}
.comp.inf:hover{border-color:#f2cba0}
table.cmp-table.inf thead th{background:var(--inf-d)}
table.cmp-table.inf thead th:first-child{background:#7a4410}
table.cmp-table.inf tbody th{background:#fff9f2}
/* 锚点跳转不被吸顶导航遮挡 */
section[id]{scroll-margin-top:84px}
.comp[id],.card[id]{scroll-margin-top:96px}
table.cmp-table.inf tbody tr:hover{background:#fffcf7}
table.cmp-table.inf tbody tr:hover th{background:#fdefdd}
.plan.best.inf{border:2px solid var(--inf);box-shadow:0 12px 34px rgba(224,138,46,.22)}
.plan.best.inf .rec{background:var(--inf)}
.plan.inf-cap{border-top:3px solid var(--inf)}
.plan.inf-cap ul.feat li::before{background:var(--inf)}
.plan .price.inf{color:var(--inf-d)}
.choice .c.if{border-top:4px solid var(--inf)}
.choice .c.if li::before{color:var(--inf)}
.choice .c.if .tagline{color:var(--inf-d);background:var(--inf-l)}
.spec .s.if h4{color:var(--inf-d)}
.spec .s.if{border-top:3px solid var(--inf)}
.note-inf{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(125deg,#7a4410,var(--inf-d));color:#fff;border-radius:14px;padding:20px 24px;margin-top:22px;box-shadow:var(--shadow-h);flex-wrap:wrap}
.note-inf .ic{flex:0 0 46px;width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center}
.note-inf .ic svg{width:27px;height:27px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.note-inf .body{flex:1;min-width:240px}
.note-inf h4{font-size:16px;margin-bottom:5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.note-inf .tag{display:inline-block;background:rgba(255,255,255,.2);padding:2px 11px;border-radius:20px;font-size:12px;font-weight:600}
.note-inf p{font-size:13.5px;opacity:.92;line-height:1.65;margin:0}
.note-inf .btn{background:#fff;color:var(--inf-d);align-self:center;white-space:nowrap}
.form-wrap.inf{background:linear-gradient(135deg,#7a4410,var(--inf-d))}
.form-wrap.inf .btn{color:var(--inf-d)}

/* ===== 通用软件生态（青 sw 主题）变体 ===== */
.sub-hero.sw{background:linear-gradient(125deg,#0a4f61 0%,var(--sw-d) 55%,var(--sw) 100%)}
.sub-hero.sw::after{background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%)}
.anchors.sw a{color:var(--sw-d);background:var(--sw-l)}
.anchors.sw a:hover{background:var(--sw);color:#fff}
.ic.sw{background:var(--sw-l);color:var(--sw-d)}
.ic.sw svg{stroke:var(--sw-d)}
.comp.sw{border-top:3px solid var(--sw)}
.comp.sw .ic{background:var(--sw-l);color:var(--sw-d)}
.comp.sw:hover{border-color:#a7dfe9}
table.cmp-table.sw thead th{background:var(--sw-d)}
table.cmp-table.sw thead th:first-child{background:#0a4f61}
table.cmp-table.sw tbody th{background:#f4fbfd}
table.cmp-table.sw tbody tr:hover{background:#f9fdfe}
table.cmp-table.sw tbody tr:hover th{background:#e6f7fb}
.plan.best.sw{border:2px solid var(--sw);box-shadow:0 12px 34px rgba(14,155,184,.22)}
.plan.best.sw .rec{background:var(--sw)}
.plan.sw-cap{border-top:3px solid var(--sw)}
.plan.sw-cap ul.feat li::before{background:var(--sw)}
.choice .c.sw{border-top:4px solid var(--sw)}
.choice .c.sw li::before{color:var(--sw)}
.choice .c.sw .tagline{color:var(--sw-d);background:var(--sw-l)}
.spec .s.sw h4{color:var(--sw-d)}
.spec .s.sw{border-top:3px solid var(--sw)}
.note-sw{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(125deg,#0a4f61,var(--sw-d));color:#fff;border-radius:14px;padding:20px 24px;margin-top:22px;box-shadow:var(--shadow-h);flex-wrap:wrap}
.note-sw .ic{flex:0 0 46px;width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center}
.note-sw .ic svg{width:27px;height:27px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.note-sw .body{flex:1;min-width:240px}
.note-sw h4{font-size:16px;margin-bottom:5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.note-sw .tag{display:inline-block;background:rgba(255,255,255,.2);padding:2px 11px;border-radius:20px;font-size:12px;font-weight:600}
.note-sw p{font-size:13.5px;opacity:.92;line-height:1.65;margin:0}
.note-sw .btn{background:#fff;color:var(--sw-d);align-self:center;white-space:nowrap}
.form-wrap.sw{background:linear-gradient(135deg,#0a4f61,var(--sw-d))}
.form-wrap.sw .btn{color:var(--sw-d)}
/* 品牌卡内的授权方式与交叉引用 */
.comp .lic{display:inline-block;font-size:12px;color:var(--sw-d);background:var(--sw-l);padding:3px 9px;border-radius:6px;margin:9px 0 10px}
.comp .xref{font-size:12px;color:var(--sub);margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}
.comp .xref a{color:var(--sw-d);text-decoration:underline}
/* 品类分组小标题 */
.grp{font-size:18px;color:var(--sw-d);margin:30px 0 14px;padding-left:12px;border-left:4px solid var(--sw)}
.grp:first-of-type{margin-top:8px}


.sub-hero.dom{background:linear-gradient(125deg,#6b1a11 0%,var(--dom-d) 55%,var(--dom) 100%)}
.sub-hero.dom::after{background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%)}
.anchors.dom a{color:var(--dom-d);background:var(--dom-l)}
.anchors.dom a:hover{background:var(--dom);color:#fff}
.ic.dom{background:var(--dom-l);color:var(--dom-d)}
.ic.dom svg{stroke:var(--dom-d)}
.comp.dom{border-top:3px solid var(--dom)}
.comp.dom .ic{background:var(--dom-l);color:var(--dom-d)}
.comp.dom:hover{border-color:#f2c4bd}
table.cmp-table.dom thead th{background:var(--dom-d)}
table.cmp-table.dom thead th:first-child{background:#6b1a11}
table.cmp-table.dom tbody th{background:#fdf3f2}
table.cmp-table.dom tbody tr:hover{background:#fef7f6}
table.cmp-table.dom tbody tr:hover th{background:#fbe0dc}
.plan.best.dom{border:2px solid var(--dom);box-shadow:0 12px 34px rgba(14,155,184,.22)}
.plan.best.dom .rec{background:var(--dom)}
.plan.dom-cap{border-top:3px solid var(--dom)}
.plan.dom-cap ul.feat li::before{background:var(--dom)}
.choice .c.dom{border-top:4px solid var(--dom)}
.choice .c.dom li::before{color:var(--dom)}
.choice .c.dom .tagline{color:var(--dom-d);background:var(--dom-l)}
.spec .s.dom h4{color:var(--dom-d)}
.spec .s.dom{border-top:3px solid var(--dom)}
.note-dom{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(125deg,#6b1a11,var(--dom-d));color:#fff;border-radius:14px;padding:20px 24px;margin-top:22px;box-shadow:var(--shadow-h);flex-wrap:wrap}
.note-dom .ic{flex:0 0 46px;width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center}
.note-dom .ic svg{width:27px;height:27px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.note-dom .body{flex:1;min-width:240px}
.note-dom h4{font-size:16px;margin-bottom:5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.note-dom .tag{display:inline-block;background:rgba(255,255,255,.2);padding:2px 11px;border-radius:20px;font-size:12px;font-weight:600}
.note-dom p{font-size:13.5px;opacity:.92;line-height:1.65;margin:0}
.note-dom .btn{background:#fff;color:var(--dom-d);align-self:center;white-space:nowrap}
.form-wrap.dom{background:linear-gradient(135deg,#6b1a11,var(--dom-d))}
.form-wrap.dom .btn{color:var(--dom-d)}

.sub-hero.op{background:linear-gradient(125deg,#7a0a33 0%,var(--op-d) 55%,var(--op) 100%)}
.sub-hero.op::after{background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%)}
.anchors.op a{color:var(--op-d);background:var(--op-l)}
.anchors.op a:hover{background:var(--op);color:#fff}
.ic.op{background:var(--op-l);color:var(--op-d)}
.ic.op svg{stroke:var(--op-d)}
.comp.op{border-top:3px solid var(--op)}
.comp.op .ic{background:var(--op-l);color:var(--op-d)}
.comp.op:hover{border-color:#f7c3d8}
table.cmp-table.op thead th{background:var(--op-d)}
table.cmp-table.op thead th:first-child{background:#7a0a33}
table.cmp-table.op tbody th{background:#fdf2f6}
table.cmp-table.op tbody tr:hover{background:#fef8fa}
table.cmp-table.op tbody tr:hover th{background:#fbdce8}
.plan.best.op{border:2px solid var(--op);box-shadow:0 12px 34px rgba(216,27,96,.22)}
.plan.best.op .rec{background:var(--op)}
.plan.op-cap{border-top:3px solid var(--op)}
.plan.op-cap ul.feat li::before{background:var(--op)}
.choice .c.op{border-top:4px solid var(--op)}
.choice .c.op li::before{color:var(--op)}
.choice .c.op .tagline{color:var(--op-d);background:var(--op-l)}
.spec .s.op h4{color:var(--op-d)}
.spec .s.op{border-top:3px solid var(--op)}
.note-op{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(125deg,#7a0a33,var(--op-d));color:#fff;border-radius:14px;padding:20px 24px;margin-top:22px;box-shadow:var(--shadow-h);flex-wrap:wrap}
.note-op .ic{flex:0 0 46px;width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center}
.note-op .ic svg{width:27px;height:27px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.note-op .body{flex:1;min-width:240px}
.note-op h4{font-size:16px;margin-bottom:5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.note-op .tag{display:inline-block;background:rgba(255,255,255,.2);padding:2px 11px;border-radius:20px;font-size:12px;font-weight:600}
.note-op p{font-size:13.5px;opacity:.92;line-height:1.65;margin:0}
.note-op .btn{background:#fff;color:var(--op-d);align-self:center;white-space:nowrap}
.form-wrap.op{background:linear-gradient(135deg,#7a0a33,var(--op-d))}
.form-wrap.op .btn{color:var(--op-d)}

/* ===== 金山生态 ks 主题（由 dom 主题派生） ===== */
.sub-hero.ks{background:linear-gradient(125deg,#5C3E05 0%,var(--ks-d) 55%,var(--ks) 100%)}
.sub-hero.ks::after{background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%)}
.anchors.ks a{color:var(--ks-d);background:var(--ks-l)}
.anchors.ks a:hover{background:var(--ks);color:#fff}
.ic.ks{background:var(--ks-l);color:var(--ks-d)}
.ic.ks svg{stroke:var(--ks-d)}
.comp.ks{border-top:3px solid var(--ks)}
.comp.ks .ic{background:var(--ks-l);color:var(--ks-d)}
.comp.ks:hover{border-color:#ecd9a8}
table.cmp-table.ks thead th{background:var(--ks-d)}
table.cmp-table.ks thead th:first-child{background:#5C3E05}
table.cmp-table.ks tbody th{background:#fdf8ec}
table.cmp-table.ks tbody tr:hover{background:#fefbf3}
table.cmp-table.ks tbody tr:hover th{background:#f7ead0}
.plan.best.ks{border:2px solid var(--ks);box-shadow:0 12px 34px rgba(192,138,46,.28)}
.plan.best.ks .rec{background:var(--ks)}
.plan.ks-cap{border-top:3px solid var(--ks)}
.plan.ks-cap ul.feat li::before{background:var(--ks)}
.choice .c.ks{border-top:4px solid var(--ks)}
.choice .c.ks li::before{color:var(--ks)}
.choice .c.ks .tagline{color:var(--ks-d);background:var(--ks-l)}
.spec .s.ks h4{color:var(--ks-d)}
.spec .s.ks{border-top:3px solid var(--ks)}
.note-ks{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(125deg,#5C3E05,var(--ks-d));color:#fff;border-radius:14px;padding:20px 24px;margin-top:22px;box-shadow:var(--shadow-h);flex-wrap:wrap}
.note-ks .ic{flex:0 0 46px;width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center}
.note-ks .ic svg{width:27px;height:27px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.note-ks .body{flex:1;min-width:240px}
.note-ks h4{font-size:16px;margin-bottom:5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.note-ks .tag{display:inline-block;background:rgba(255,255,255,.2);padding:2px 11px;border-radius:20px;font-size:12px;font-weight:600}
.note-ks p{font-size:13.5px;opacity:.92;line-height:1.65;margin:0}
.note-ks .btn{background:#fff;color:var(--ks-d);align-self:center;white-space:nowrap}
.form-wrap.ks{background:linear-gradient(135deg,#5C3E05,var(--ks-d))}
.form-wrap.ks .btn{color:var(--ks-d)}