/* ============================================================
 * brand-cloud-components.css
 * 品牌云页面级组件（自 brand-cloud.html 页内 <style> 提炼）
 * — 仅含「组件基样式」，已剔除被否决的满屏压字号 / 面板内滚动覆写。
 * — 全部仅用 optimization.css 既有 token，属设计标准的一部分。
 * 复用于 redesign-brand-cloud-*.html
 * ============================================================ */

/* IX-1 多列等宽适配 */
.ix1-tabs.cols-5 { grid-template-columns: repeat(5, 1fr); }
.ix1-tabs.cols-4 { grid-template-columns: repeat(4, 1fr); }
.ix1-tabs.cols-3 { grid-template-columns: repeat(3, 1fr); }
@media (max-width:1080px){ .ix1-tabs.cols-5,.ix1-tabs.cols-4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width:640px){ .ix1-tabs.cols-5,.ix1-tabs.cols-4,.ix1-tabs.cols-3 { grid-template-columns: 1fr; } }

/* 4 大价值卡 */
.bc-value-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.bc-value-card { display:flex; flex-direction:column; padding:32px 26px; background:linear-gradient(160deg,#fff 0%,#F5F8FF 100%); border:1px solid var(--line-soft); border-radius:14px; transition:all .22s var(--ease-out); position:relative; overflow:hidden; }
.bc-value-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--brand-blue-deep),var(--brand-blue-bright)); transform-origin:left; transform:scaleX(0); transition:transform .3s var(--ease-out); }
.bc-value-card:hover { transform:translateY(-4px); border-color:var(--line-blue); box-shadow:var(--shadow-lg); }
.bc-value-card:hover::before { transform:scaleX(1); }
.bc-value-num { font:800 28px/1 var(--font-mono); color:rgba(0,73,255,0.16); letter-spacing:-0.03em; margin-bottom:6px; }
.bc-value-eyebrow { display:inline-flex; align-items:center; gap:6px; font:600 13px/1 var(--font-mono); color:var(--brand-blue-deep); letter-spacing:0.14em; text-transform:uppercase; margin-bottom:14px; }
.bc-value-eyebrow::before { content:''; width:6px; height:6px; border-radius:50%; background:var(--brand-blue-deep); }
.bc-value-name { font:700 19px/1.3 var(--font-display); color:var(--text-ink); margin:0 0 10px; }
.bc-value-desc { font-size:13.5px; line-height:1.65; color:var(--text-ink-soft); flex:1; }
.bc-value-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:16px; padding-top:14px; border-top:1px dashed var(--line-soft); }
.bc-value-tags span { padding:4px 10px; border-radius:999px; background:rgba(0,73,255,0.06); color:var(--brand-blue-deep); font:500 11px/1.4 var(--font-mono); letter-spacing:0.04em; }
@media (max-width:1080px){ .bc-value-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .bc-value-grid{ grid-template-columns:1fr; } }

/* 品牌标签云 */
.bc-tag-cloud { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; max-width:900px; margin:0 auto; }
.bc-tag-cloud span { padding:7px 16px; border-radius:999px; background:rgba(0,73,255,0.06); color:var(--brand-blue-deep); font:500 13px/1 var(--font-display); border:1px solid var(--line-blue); transition:all .2s var(--ease-out); }
.bc-tag-cloud span:hover { background:var(--brand-blue-deep); color:#fff; transform:translateY(-2px); }
.bc-tag-cloud span.lg { font-size:15px; padding:8px 18px; background:rgba(0,73,255,0.10); font-weight:600; }
.bc-tag-cloud span.xl { font-size:17px; padding:9px 22px; background:var(--brand-blue-deep); color:#fff; font-weight:700; }

/* 品牌等级 S/A/B/C/D */
.bc-grade-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; }
.bc-grade-card { padding:24px 18px; background:#fff; border:1px solid var(--line-soft); border-radius:12px; text-align:center; transition:all .22s var(--ease-out); position:relative; overflow:hidden; }
.bc-grade-card:hover { transform:translateY(-3px); border-color:var(--line-blue); box-shadow:var(--shadow-md); }
.bc-grade-letter { font:800 44px/1 var(--font-mono); letter-spacing:-0.04em; margin-bottom:8px; background:linear-gradient(135deg,var(--brand-blue-deep),var(--brand-blue-bright)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.bc-grade-card.g-s .bc-grade-letter { background:linear-gradient(135deg,#0049FF,#00DFF8); -webkit-background-clip:text; background-clip:text; }
.bc-grade-card.g-a .bc-grade-letter { background:linear-gradient(135deg,#0049FF,#3A8AFA); -webkit-background-clip:text; background-clip:text; }
.bc-grade-card.g-b .bc-grade-letter { background:linear-gradient(135deg,#1A72FF,#3A8AFA); -webkit-background-clip:text; background-clip:text; }
.bc-grade-card.g-c .bc-grade-letter { background:linear-gradient(135deg,#3A8AFA,#8FB1FF); -webkit-background-clip:text; background-clip:text; }
.bc-grade-card.g-d .bc-grade-letter { background:linear-gradient(135deg,#8FB1FF,#DCE9FF); -webkit-background-clip:text; background-clip:text; }
.bc-grade-name { font:600 14px/1.3 var(--font-display); color:var(--text-ink); margin-bottom:6px; }
.bc-grade-desc { font-size:12px; line-height:1.55; color:var(--text-ink-mute); }
@media (max-width:1080px){ .bc-grade-grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:640px){ .bc-grade-grid{ grid-template-columns:repeat(2,1fr); } }

/* 智能推荐关联类型 5 类 */
.bc-rec-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:16px; }
.bc-rec-card { padding:22px 18px; background:#fff; border:1px solid var(--line-soft); border-radius:12px; text-align:left; transition:all .22s var(--ease-out); }
.bc-rec-card:hover { transform:translateY(-3px); border-color:var(--line-blue); box-shadow:var(--shadow-md); }
.bc-rec-ic { width:40px; height:40px; border-radius:10px; background:linear-gradient(135deg,var(--bg-canvas-blue-tint),#fff); border:1px solid var(--line-blue); display:grid; place-items:center; margin-bottom:12px; }
.bc-rec-ic svg { width:20px; height:20px; stroke:var(--brand-blue-deep); fill:none; stroke-width:1.8; }
.bc-rec-name { font:700 15px/1.3 var(--font-display); color:var(--text-ink); margin:0 0 6px; }
.bc-rec-desc { font-size:12px; line-height:1.55; color:var(--text-ink-soft); }
@media (max-width:1080px){ .bc-rec-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .bc-rec-grid{ grid-template-columns:1fr; } }

/* 健康度风险预警 4 级 */
.bc-risk-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.bc-risk-card { padding:24px 20px; background:rgba(255,255,255,0.86); backdrop-filter:blur(12px); border:1px solid var(--line-soft); border-radius:14px; position:relative; transition:all .22s var(--ease-out); }
.bc-risk-card:hover { transform:translateY(-3px); border-color:var(--line-blue); box-shadow:var(--shadow-md); }
.bc-risk-level { display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border-radius:999px; font:600 13px/1 var(--font-mono); letter-spacing:0.12em; margin-bottom:12px; background:rgba(0,73,255,0.10); color:var(--brand-blue-deep); }
.bc-risk-name { font:700 16px/1.3 var(--font-display); color:var(--text-ink); margin:0 0 6px; }
.bc-risk-desc { font-size:13px; line-height:1.6; color:var(--text-ink-soft); }
.bc-risk-states { display:flex; gap:6px; flex-wrap:wrap; margin-top:10px; padding-top:10px; border-top:1px dashed var(--line-soft); }
.bc-risk-states span { padding:3px 8px; border-radius:6px; font:600 11px/1.3 var(--font-mono); letter-spacing:0.04em; background:rgba(0,73,255,0.06); color:var(--brand-blue-deep); }
.bc-risk-states span.warn { background:rgba(255,107,107,0.10); color:#FF6B6B; }
@media (max-width:1080px){ .bc-risk-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .bc-risk-grid{ grid-template-columns:1fr; } }

/* 双向匹配模型 */
.bc-match-stage { background:linear-gradient(160deg,#fff 0%,#F5F8FF 100%); border:1px solid var(--line-blue); border-radius:20px; padding:48px 40px; box-shadow:0 16px 40px -16px rgba(10,26,51,0.10); }
.bc-match-grid { display:grid; grid-template-columns:1fr 100px 1fr; gap:24px; align-items:center; }
.bc-match-block { background:#fff; border:1px solid var(--line-blue); border-radius:14px; padding:24px; box-shadow:var(--shadow-sm); }
.bc-match-block h4 { font:700 18px/1.3 var(--font-display); color:var(--text-ink); margin:0 0 16px; padding-bottom:12px; border-bottom:1px solid var(--line-soft); display:flex; align-items:center; gap:10px; }
.bc-match-block h4::before { content:''; width:10px; height:10px; border-radius:50%; background:var(--brand-blue-deep); }
.bc-match-block.brand h4::before { background:var(--brand-blue-bright); }
.bc-match-block ul { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:8px; }
.bc-match-block ul li { display:flex; gap:8px; align-items:flex-start; font-size:13.5px; color:var(--text-ink); line-height:1.55; }
.bc-match-block ul li::before { content:''; flex:0 0 6px; height:6px; margin-top:8px; border-radius:50%; background:var(--brand-blue-deep); }
.bc-match-bridge { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; }
.bc-match-bridge svg { width:100px; height:30px; }
.bc-match-bridge .lbl { font:600 13px/1 var(--font-mono); letter-spacing:0.16em; color:var(--brand-blue-deep); text-transform:uppercase; }
@media (max-width:1080px){ .bc-match-grid { grid-template-columns:1fr; gap:20px; } .bc-match-bridge { transform:rotate(90deg); } }

/* 月报 4 卡 */
.bc-monthly-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.bc-monthly-card { padding:24px; background:#fff; border:1px solid var(--line-soft); border-radius:14px; transition:all .22s var(--ease-out); position:relative; padding-left:40px; }
.bc-monthly-card::before { content:''; position:absolute; left:24px; top:24px; bottom:24px; width:3px; border-radius:2px; background:linear-gradient(180deg,var(--brand-blue-deep),var(--brand-blue-bright)); }
.bc-monthly-card:hover { transform:translateY(-3px); border-color:var(--line-blue); box-shadow:var(--shadow-md); }
.bc-monthly-name { font:700 16px/1.3 var(--font-display); color:var(--text-ink); margin:0 0 8px; }
.bc-monthly-desc { font-size:13px; line-height:1.65; color:var(--text-ink-soft); }
@media (max-width:1080px){ .bc-monthly-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .bc-monthly-grid{ grid-template-columns:1fr; } }

/* 评估维度 6 卡 */
.eval6-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.eval6-card { padding:24px 22px; background:rgba(255,255,255,0.85); backdrop-filter:blur(12px) saturate(160%); -webkit-backdrop-filter:blur(12px) saturate(160%); border:1px solid var(--line-soft); border-radius:14px; transition:all .22s var(--ease-out); }
.eval6-card:hover { transform:translateY(-4px); border-color:var(--line-blue); box-shadow:var(--shadow-md); }
.eval6-card .e6-h { display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.eval6-card .e6-ic { width:38px; height:38px; border-radius:10px; background:rgba(0,73,255,0.08); display:grid; place-items:center; }
.eval6-card .e6-ic svg { width:18px; height:18px; stroke:var(--brand-blue-deep); fill:none; stroke-width:1.8; }
.eval6-card .e6-n { font:700 16px/1.3 var(--font-display); color:var(--text-ink); }
.eval6-card .e6-d { font-size:13px; color:var(--text-ink-soft); line-height:1.65; margin:0; }
@media (max-width:1080px){ .eval6-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .eval6-grid{ grid-template-columns:1fr; } }

/* 选址偏好 6 维度 */
.pref6-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.pref6-card { padding:20px; background:linear-gradient(160deg,#fff 0%,#F5F8FF 100%); border:1px solid var(--line-blue); border-radius:12px; transition:all .22s var(--ease-out); }
.pref6-card:hover { transform:translateY(-3px); box-shadow:var(--shadow-md); }
.pref6-card .p6-num { font:700 12px/1 var(--font-mono); color:var(--brand-blue-deep); letter-spacing:0.12em; padding:3px 8px; background:rgba(0,73,255,0.08); border-radius:999px; display:inline-flex; margin-bottom:10px; }
.pref6-card .p6-name { font:700 15px/1.3 var(--font-display); color:var(--text-ink); margin:0; }
@media (max-width:1080px){ .pref6-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .pref6-grid{ grid-template-columns:1fr; } }

/* 应用场景 3 卡 */
.app-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.app-card { padding:28px; background:linear-gradient(160deg,#fff 0%,#F5F8FF 100%); border:1px solid var(--line-blue); border-radius:14px; }
.app-card .app-eye { font:600 13px/1 var(--font-mono); letter-spacing:0.14em; color:var(--brand-blue-deep); margin-bottom:14px; text-transform:uppercase; }
.app-card h3 { font:700 18px/1.3 var(--font-display); color:var(--text-ink); margin:0 0 12px; }
.app-card p { font-size:13.5px; line-height:1.7; color:var(--text-ink-soft); margin:0; }
@media (max-width:1080px){ .app-3 { grid-template-columns:1fr; } }

/* 城市列表 */
.cities-wrap { padding:32px 24px; background:linear-gradient(160deg,#F5F8FF,#EAF1FB); border-radius:14px; border:1px solid var(--line-blue); }
.cities-row { display:flex; gap:8px; flex-wrap:wrap; justify-content:center; }
.city-chip { padding:8px 16px; background:#fff; border:1px solid var(--line-blue); border-radius:999px; font:600 13px/1 var(--font-display); color:var(--text-ink); transition:all .22s var(--ease-out); }
.city-chip:hover { background:var(--brand-blue-deep); color:#fff; border-color:var(--brand-blue-deep); transform:translateY(-2px); }
.cities-tag { text-align:center; font:600 12px/1 var(--font-mono); color:var(--brand-blue-deep); letter-spacing:0.18em; text-transform:uppercase; margin-bottom:18px; }

/* 拓展规划 3 卡 */
.plan3-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.plan3-card { padding:24px 22px; background:rgba(255,255,255,0.85); backdrop-filter:blur(12px) saturate(160%); -webkit-backdrop-filter:blur(12px) saturate(160%); border:1px solid var(--line-blue); border-radius:14px; transition:all .22s var(--ease-out); }
.plan3-card:hover { transform:translateY(-3px); box-shadow:var(--shadow-md); }
.plan3-card .p3-h { display:flex; align-items:center; gap:12px; margin-bottom:10px; }
.plan3-card .p3-ic { width:36px; height:36px; border-radius:10px; background:rgba(0,73,255,0.08); display:grid; place-items:center; }
.plan3-card .p3-ic svg { width:18px; height:18px; stroke:var(--brand-blue-deep); fill:none; stroke-width:1.8; }
.plan3-card .p3-n { font:700 16px/1.3 var(--font-display); color:var(--text-ink); }
.plan3-card .p3-d { font-size:13px; line-height:1.65; color:var(--text-ink-soft); margin:0; }
@media (max-width:1080px){ .plan3-grid{ grid-template-columns:1fr; } }

/* 铺位级推荐 3 步流程 */
.step-flow-3 { display:grid; grid-template-columns:1fr 60px 1fr 60px 1fr; gap:0; align-items:stretch; }
.step-card-box { padding:28px 24px; background:rgba(255,255,255,0.86); backdrop-filter:blur(16px); border:1px solid var(--line-blue); border-radius:14px; box-shadow:0 12px 32px -12px rgba(10,26,51,0.10); display:flex; flex-direction:column; transition:all .22s var(--ease-out); }
.step-card-box:hover { transform:translateY(-3px); box-shadow:0 16px 40px -16px rgba(0,73,255,0.15); }
.step-card-box .step-num-box { font:800 14px/1 var(--font-mono); color:#fff; background:var(--brand-blue-deep); padding:6px 12px; border-radius:999px; align-self:flex-start; margin-bottom:14px; letter-spacing:0.04em; }
.step-card-box h3 { font:700 17px/1.3 var(--font-display); color:var(--text-ink); margin:0 0 10px; }
.step-card-box p { font-size:13px; line-height:1.65; color:var(--text-ink-soft); margin:0 0 14px; flex:1; }
.step-card-box ul { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:6px; }
.step-card-box ul li { font-size:12.5px; color:var(--text-ink); line-height:1.5; display:flex; gap:6px; align-items:flex-start; }
.step-card-box ul li::before { content:''; flex:0 0 4px; height:4px; margin-top:7px; border-radius:50%; background:var(--brand-blue-bright); }
.step-arrow-svg { display:flex; align-items:center; justify-content:center; }
.step-arrow-svg svg { width:48px; height:14px; }
@media (max-width:1080px){ .step-flow-3 { grid-template-columns:1fr; gap:14px; } .step-arrow-svg { transform:rotate(90deg); height:30px; } }

/* 价值收益 3 卡 */
.bc-benefit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.bc-benefit-card { padding:24px 22px; background:rgba(255,255,255,0.86); backdrop-filter:blur(16px); border:1px solid var(--line-blue); border-radius:14px; box-shadow:0 12px 32px -12px rgba(10,26,51,0.10); }
.bc-benefit-card .bb-eye { font:600 13px/1 var(--font-mono); letter-spacing:0.14em; color:var(--brand-blue-deep); margin-bottom:12px; text-transform:uppercase; }
.bc-benefit-card h4 { font:700 17px/1.3 var(--font-display); color:var(--text-ink); margin:0 0 8px; }
.bc-benefit-card p { font-size:13px; line-height:1.6; color:var(--text-ink-soft); margin:0; }
@media (max-width:1080px){ .bc-benefit-grid{ grid-template-columns:1fr; } }

/* 数据库 3 层 */
.db3-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.db3-card { padding:28px 24px; background:rgba(255,255,255,0.85); backdrop-filter:blur(12px) saturate(160%); -webkit-backdrop-filter:blur(12px) saturate(160%); border:1px solid var(--line-blue); border-radius:14px; transition:all .22s var(--ease-out); position:relative; overflow:hidden; }
.db3-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--brand-blue-deep),var(--brand-blue-bright)); transform-origin:left; transform:scaleX(0); transition:transform .3s var(--ease-out); }
.db3-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-lg); }
.db3-card:hover::before { transform:scaleX(1); }
.db3-card .db3-eye { font:600 13px/1 var(--font-mono); letter-spacing:0.14em; color:var(--brand-blue-deep); text-transform:uppercase; margin-bottom:12px; }
.db3-card .db3-name { font:700 19px/1.3 var(--font-display); color:var(--text-ink); margin:0 0 14px; }
.db3-card .db3-items { display:flex; flex-direction:column; gap:10px; }
.db3-card .db3-item { display:flex; gap:10px; align-items:flex-start; }
.db3-card .db3-item .ic { flex:0 0 auto; width:6px; height:6px; margin-top:8px; border-radius:50%; background:var(--brand-blue-bright); }
.db3-card .db3-item .tx { font-size:13.5px; line-height:1.55; color:var(--text-ink); }
.db3-card .db3-item .tx b { color:var(--brand-blue-deep); font-weight:600; }
@media (max-width:1080px){ .db3-grid{ grid-template-columns:1fr; } }

/* 数据字段 6 维度 */
.field6-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.field6-card { padding:22px 20px; background:#fff; border:1px solid var(--line-soft); border-radius:12px; transition:all .22s var(--ease-out); }
.field6-card:hover { border-color:var(--line-blue); box-shadow:var(--shadow-sm); transform:translateY(-2px); }
.field6-card .f6-h { display:flex; align-items:center; gap:8px; margin-bottom:10px; }
.field6-card .f6-num { font:700 11px/1 var(--font-mono); color:#fff; background:var(--brand-blue-deep); padding:3px 8px; border-radius:999px; letter-spacing:0.06em; }
.field6-card .f6-n { font:700 15px/1.3 var(--font-display); color:var(--text-ink); }
.field6-card .f6-items { display:flex; flex-wrap:wrap; gap:5px; }
.field6-card .f6-items span { padding:3px 8px; font:500 11.5px/1.3 var(--font-mono); color:var(--text-ink-soft); background:rgba(0,73,255,0.04); border-radius:6px; letter-spacing:0.02em; }
@media (max-width:1080px){ .field6-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .field6-grid{ grid-template-columns:1fr; } }

/* 痛点卡 */
.bs-pain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.bs-pain-card{position:relative;background:#fff;border:1px solid #E5ECF6;border-radius:16px;padding:26px 22px 24px;transition:transform .25s,box-shadow .25s,border-color .25s;overflow:hidden;}
.bs-pain-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,#0049FF,#1A72FF);opacity:0;transition:opacity .25s;}
.bs-pain-card:hover{transform:translateY(-4px);border-color:#0049FF;box-shadow:0 18px 40px -18px rgba(0,73,255,.28);}
.bs-pain-card:hover::before{opacity:1;}
.bs-pain-no{font:700 13px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.06em;color:#0049FF;background:#F4F8FF;border:1px solid #E5ECF6;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.bs-pain-name{font:700 18px/1.3 'Noto Serif SC',Georgia,serif;color:#1A1A2E;margin-bottom:10px;}
.bs-pain-desc{font-size:13px;line-height:1.7;color:#5B6478;}
.bs-pain-foot{margin:0 auto;max-width:880px;text-align:center;background:linear-gradient(135deg,#F4F8FF,#fff);border:1px solid #E5ECF6;border-radius:14px;padding:18px 26px;font:600 15px/1.7 'Noto Serif SC',Georgia,serif;color:#1A1A2E;}
.bs-pain-foot-arrow{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#0049FF;color:#fff;font-weight:700;margin-right:10px;vertical-align:middle;font-family:'JetBrains Mono',monospace;}
@media (max-width:1080px){ .bs-pain-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:640px){ .bs-pain-grid{grid-template-columns:1fr;} }

/* 子 Tab（合并屏交互） */
.bc-subtabs { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 28px; }
.bc-subtab { padding:10px 22px; border-radius:999px; border:1px solid var(--line-blue); background:#fff; font:600 13px/1.35 var(--font-display); color:var(--text-ink-soft); cursor:pointer; transition:all .2s var(--ease-out); }
.bc-subtab:hover { border-color:var(--brand-blue-deep); color:var(--brand-blue-deep); }
.bc-subtab.active { background:var(--brand-blue-deep); color:#fff; border-color:var(--brand-blue-deep); box-shadow:0 8px 24px -8px rgba(0,73,255,.35); }
.bc-pane { display:none; animation:bcPaneIn .28s var(--ease-out); }
.bc-pane.active { display:block; }
@keyframes bcPaneIn { from { transform:translateY(8px); } to { transform:none; } }