/* =========================================================================
   感尊官网 · 场景方案页样式 pages-usecase.css（2026-10-24，设计师 D · 内容组）
   用于：usecases.html（总 hub /use-cases/）、usecase-industry.html（行业 hub）、usecase.html（场景详情）
   引入顺序：site.css → pages-content.css → pages-usecase.css。只用令牌，类名统一 .uc-* 前缀。
   科技感配额同「资讯 / 文章」：首屏网格 + 小光斑 + 一处渐变字 + 静态光边卡；正文区不加光效。
   ========================================================================= */

/* ===== 1 总 hub ===== */
.uc-hero { text-align: center; max-width: 880px; margin-inline: auto; padding-top: var(--s-5); }
.uc-hero .crumbs ol { justify-content: center; }
.uc-hero .h1 { margin-top: var(--s-5); font-size: var(--fs-h1); line-height: 1.15; text-wrap: balance; }
.uc-hero .lead { margin: var(--s-4) auto 0; max-width: 680px; font-size: var(--fs-h4); }
/* 搜索框：复用 .ask（首页主符号）的外形，静态光边、不打字、不转 */
.uc-ask { margin-top: var(--s-6); text-align: start; }
.uc-ask .ask__box { padding: var(--s-4) var(--s-4) var(--s-3) var(--s-5); }
.uc-ask .ask__input { font-size: var(--fs-h4); min-height: 52px; }
.uc-ask .ask__examples a.chip { background: var(--surface); }
.uc-hero__note { margin-top: var(--s-3); font-size: var(--fs-xs); color: var(--ink-3); }

/* 三种入口 */
.uc-entries { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-5); }
.uc-entry { padding: var(--s-5) var(--s-6); border-radius: var(--r-lg); background: var(--surface); box-shadow: var(--sh-1); display: grid; align-content: start; gap: var(--s-3); }
.uc-entry__head { display: flex; align-items: center; gap: var(--s-2); }
.uc-entry__head .card__glyph { width: 20px; height: 20px; }
.uc-entry__title { font-size: var(--fs-h4); font-weight: var(--fw-semi); }
.uc-entry__desc { font-size: var(--fs-sm); color: var(--ink-2); line-height: 1.6; }
.uc-rows { list-style: none; padding: 0; margin: 0; }
.uc-rows li + li { border-top: 1px solid var(--line); }
.uc-rows a { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: var(--s-3); min-height: 44px; color: var(--ink); font-size: var(--fs-body); text-decoration: none; }
.uc-rows a:hover { color: var(--brand-ink); }
.uc-rows a .icon { width: 16px; height: 16px; color: var(--ink-3); }
.uc-rows small { font-size: var(--fs-xs); color: var(--ink-3); font-variant-numeric: tabular-nums; }
.uc-rows .ct-col { font-weight: var(--fw-regular); color: var(--ink); }
.uc-rows--ind a::before { content: none; }
.uc-entry .filters { gap: var(--s-2); }
.uc-entry__foot { font-size: var(--fs-xs); color: var(--ink-3); }

/* 场景卡：行业色点 · 能力 · 问句标题 · 一句结论 · 岗位与周期 */
.uc-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-5); }
.uc-card { display: grid; grid-template-rows: auto auto 1fr auto; gap: var(--s-2); padding: var(--s-5); border-radius: var(--r-lg); background: var(--surface); box-shadow: var(--sh-1); color: var(--ink); text-decoration: none; transition: box-shadow var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out); }
.uc-card:hover { text-decoration: none; transform: translateY(-2px); box-shadow: var(--sh-2-hover); }
.uc-card:hover .uc-card__title { color: var(--brand-ink); }
.uc-card__meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2) var(--s-3); font-size: var(--fs-xs); }
.uc-card__title { font-size: var(--fs-h4); font-weight: var(--fw-semi); line-height: 1.5; text-wrap: pretty; transition: color var(--dur-1); }
.uc-card__sum { font-size: var(--fs-sm); color: var(--ink-2); line-height: 1.65; }
.uc-card__foot { display: flex; flex-wrap: wrap; gap: var(--s-1) var(--s-4); padding-top: var(--s-3); border-top: 1px dashed var(--line-strong); font-size: var(--fs-xs); color: var(--ink-3); }
.uc-cap { display: inline-flex; align-items: center; height: 22px; padding: 0 var(--s-2); border-radius: var(--r-pill); background: var(--bg-muted); color: var(--ink-2); font-size: var(--fs-xs); white-space: nowrap; }
.uc-cap--ai { background: var(--ai-soft); color: var(--ai-ink); }

/* 全部场景：筛选条 + 纯文字列表 + 数字分页（复用 .filter-bar .ct-item .pager） */
.uc-filter { display: grid; gap: var(--s-3); padding: var(--s-4) var(--s-5); border-radius: var(--r-md); background: var(--surface); box-shadow: var(--sh-1); }
.uc-filter__row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2); }
.uc-filter__k { width: 48px; font-size: var(--fs-sm); color: var(--ink-3); flex: none; }
.uc-filter .chip { min-height: 32px; padding: 0 var(--s-3); }
.uc-total { display: flex; justify-content: space-between; align-items: baseline; gap: var(--s-4); margin-top: var(--s-5); padding-bottom: var(--s-3); border-bottom: 1px solid var(--line); font-size: var(--fs-sm); color: var(--ink-3); }
.uc-total b { color: var(--ink); font-weight: var(--fw-semi); }

/* 互链三卡 */
.uc-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-4); }

/* ===== 2 行业 hub ===== */
.uc-ind-hero { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: var(--s-8); align-items: start; margin-top: var(--s-5); }
.uc-ind-hero__copy > * + * { margin-top: var(--s-4); }
.uc-ind-hero .h1 { font-size: var(--fs-h1); line-height: 1.2; text-wrap: pretty; }
.uc-ind-hero .lead { font-size: var(--fs-h4); line-height: 1.85; max-width: 680px; }
/* 行业卡摘要：静态光边卡（.ai-frame.ct-frame），人维护的数据 */
.uc-indcard { padding: var(--s-5); }
.uc-indcard__head { display: flex; align-items: center; justify-content: space-between; gap: var(--s-3); padding-bottom: var(--s-3); border-bottom: 1px dashed var(--line-strong); }
.uc-indcard__title { display: flex; align-items: center; gap: var(--s-2); font-weight: var(--fw-semi); font-size: var(--fs-body); }
.uc-indcard__title .spark { color: var(--ai-ink); }
.uc-indcard dl { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-4) var(--s-5); padding-top: var(--s-4); }
.uc-indcard dt { font-size: var(--fs-xs); color: var(--ink-3); }
.uc-indcard dd { margin: 2px 0 0; font-size: var(--fs-lead); font-weight: var(--fw-bold); font-variant-numeric: tabular-nums; line-height: 1.25; }
.uc-indcard dd small { font-size: var(--fs-xs); font-weight: var(--fw-regular); color: var(--ink-3); margin-left: var(--s-1); }
.uc-indcard__foot { margin-top: var(--s-4); padding-top: var(--s-3); border-top: 1px solid var(--line); font-size: var(--fs-xs); color: var(--ink-3); line-height: 1.6; }
.uc-indcard__roles { display: flex; flex-wrap: wrap; gap: var(--s-1); margin-top: var(--s-2); }

/* 行业卡正文：概况 + 典型流程 + 卡点 */
.uc-sec-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--s-7); align-items: start; }
.uc-prose { font-size: var(--fs-body); line-height: 1.85; color: var(--ink); }
.uc-prose p + p { margin-top: var(--s-3); }
.uc-pains { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-3); }
.uc-pains li { padding: var(--s-4); border-radius: var(--r-md); background: var(--surface); box-shadow: var(--sh-1); }
.uc-pains b { display: block; font-size: var(--fs-body); font-weight: var(--fw-semi); }
.uc-pains span { display: block; margin-top: var(--s-1); font-size: var(--fs-sm); color: var(--ink-2); line-height: 1.6; }
.uc-flow { margin-top: var(--s-7); }
.uc-flow .steps__desc { font-size: var(--fs-xs); }

/* 按岗位分组的场景列表 */
.uc-roles { display: grid; grid-template-columns: minmax(0, 1fr) var(--ct-side); gap: var(--s-8); align-items: start; }
.uc-role + .uc-role { margin-top: var(--s-6); }
.uc-role__head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s-3); padding-bottom: var(--s-2); border-bottom: 1px solid var(--line); }
.uc-role__name { font-size: var(--fs-h4); font-weight: var(--fw-bold); }
.uc-role__desc { font-size: var(--fs-sm); color: var(--ink-3); }
.uc-role .ct-item > a { padding-block: var(--s-4); }
.uc-role .ct-item__title { font-size: var(--fs-h4); }

/* 资质与合规要点（人维护、带出处与核对日期） */
.uc-rules { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--s-3); }
.uc-rule { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: var(--s-4); padding: var(--s-4) var(--s-5); border-radius: var(--r-md); background: var(--surface); box-shadow: var(--sh-1); }
.uc-rule__id { font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--ink-3); padding-top: 3px; }
.uc-rule__t { font-weight: var(--fw-semi); font-size: var(--fs-body); line-height: 1.5; }
.uc-rule__d { margin-top: var(--s-1); font-size: var(--fs-body); color: var(--ink-2); line-height: 1.7; }
.uc-rule cite { display: block; margin-top: var(--s-2); font-style: normal; font-size: var(--fs-xs); color: var(--ink-3); }

/* 对应产品 + 定制入口 */
.uc-offer { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: var(--s-5); }
.uc-prodcard { display: grid; grid-template-columns: minmax(0, 1fr) 180px; gap: var(--s-5); align-items: center; padding: var(--s-6); border-radius: var(--r-lg); background: var(--surface); box-shadow: var(--sh-2); overflow: hidden; }
.uc-prodcard .device-phone { --phone-w: 180px; margin-bottom: calc(var(--s-6) * -2); }
.uc-prodcard .checks { margin-top: var(--s-3); }
.uc-prodcard__acts { display: flex; flex-wrap: wrap; gap: var(--s-3); margin-top: var(--s-5); }
.uc-custom { padding: var(--s-6); border-radius: var(--r-lg); background: var(--surface); box-shadow: var(--sh-1); display: grid; align-content: start; gap: var(--s-3); }

/* ===== 3 场景详情 ===== */
/* 首屏要点格：由代码按本页数据生成 */
.uc-specs { list-style: none; padding: 0; margin: var(--s-5) 0 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-radius: var(--r-md); background: var(--surface); box-shadow: var(--sh-1); }
.uc-specs li { padding: var(--s-3) var(--s-4); display: grid; gap: 2px; }
.uc-specs li + li { box-shadow: inset 1px 0 0 var(--line); }
.uc-specs b { font-size: var(--fs-lead); line-height: 1.3; font-weight: var(--fw-bold); font-variant-numeric: tabular-nums; }
.uc-specs span { font-size: var(--fs-xs); color: var(--ink-3); }
.uc-tags { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2) var(--s-3); font-size: var(--fs-sm); margin-bottom: var(--s-3); }
.prose .uc-fit { margin-top: var(--s-5); }
.uc-fit .dodont__col { padding: var(--s-5); }
.uc-st { display: inline-flex; align-items: center; height: 24px; padding: 0 var(--s-2); border-radius: var(--r-pill); font-size: var(--fs-xs); font-weight: var(--fw-semi); white-space: nowrap; }
.uc-st--ready { background: var(--ok-soft); color: var(--ok); }
.uc-st--config { background: var(--brand-soft); color: var(--brand-ink); }
.uc-st--custom { background: var(--surface); color: var(--ink-2); box-shadow: inset 0 0 0 1px var(--line-strong); }
.prose .uc-note { font-size: var(--fs-sm); color: var(--ink-3); line-height: 1.7; }
.uc-ph { display: inline-flex; align-items: center; padding: 0 var(--s-2); border-radius: var(--r-xs); border: 1px dashed var(--line-strong); color: var(--ink-2); font-family: var(--font-mono); font-size: var(--fs-xs); white-space: nowrap; }
.uc-estimate { padding: var(--s-4) var(--s-5); border-radius: var(--r-md); background: var(--bg-subtle); font-size: var(--fs-sm); color: var(--ink-2); line-height: 1.75; }
.uc-estimate b { color: var(--ink); }
.uc-quote { margin-top: var(--s-3); }   /* E5 下放报价估算器入口（规划 3.5 E5，第 4 次） */
.uc-demo { padding: var(--s-2); border-radius: var(--r-lg); background: var(--surface); box-shadow: var(--sh-1); }
.uc-demo .ai-run { padding: var(--s-5); }
.prose .uc-demo p, .prose .uc-demo span { font-size: inherit; }
.uc-stop { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--s-3); }
.uc-stop li { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: var(--s-3); padding: var(--s-4) var(--s-5); border-radius: var(--r-md); background: var(--surface); box-shadow: var(--sh-1); font-size: var(--fs-body); line-height: 1.7; }
.uc-stop .icon { width: 20px; height: 20px; color: var(--ink-3); margin-top: 4px; }
.uc-stop b { display: block; font-weight: var(--fw-semi); }
.uc-stop span { color: var(--ink-2); font-size: var(--fs-body); }
.uc-lead { margin-top: var(--s-8); }
.uc-lead .lead-form { padding: var(--s-6); }

/* ===== 4 手机适配 ===== */
@media (max-width: 1080px) {
  .uc-entries, .uc-cards, .uc-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .uc-ind-hero, .uc-sec-grid, .uc-roles, .uc-offer { grid-template-columns: minmax(0, 1fr); gap: var(--s-6); }
  .uc-indcard { max-width: 560px; }
}
@media (max-width: 760px) {
  .uc-hero .h1, .uc-ind-hero .h1 { font-size: var(--fs-h1); }
  .uc-hero .lead { font-size: var(--fs-body); }
  .uc-ask .ask__input { font-size: var(--fs-body); }
  .uc-ask .ask__bar { flex-wrap: wrap; }
  .uc-ask .ask__bar .btn { width: 100%; }
  .uc-ask .ask__examples { justify-content: flex-start; }
  .uc-entries, .uc-cards, .uc-links, .uc-pains { grid-template-columns: minmax(0, 1fr); }
  .uc-filter__row { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .uc-filter .chip { min-height: var(--hit); }
  .uc-total { flex-direction: column; gap: var(--s-1); }
  .uc-specs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .uc-specs li + li { box-shadow: none; }
  .uc-specs li:nth-child(even) { box-shadow: inset 1px 0 0 var(--line); }
  .uc-specs li:nth-child(n+3) { border-top: 1px solid var(--line); }
  .uc-prodcard { grid-template-columns: minmax(0, 1fr); }
  .uc-prodcard .device-phone { --phone-w: 160px; margin: 0 auto calc(var(--s-6) * -2); }
  .uc-rule { grid-template-columns: minmax(0, 1fr); gap: var(--s-1); }
  .uc-tags a, .uc-card__meta a { min-height: var(--hit); display: inline-flex; align-items: center; }
  .uc-lead .lead-form { padding: var(--s-5); }
}
@media (prefers-reduced-motion: reduce) {
  .uc-card { transition: none; }
  .uc-card:hover { transform: none; }
}

/* ===== 5 第一轮看图后修正 ===== */
/* 正文区里的组件：site.css 组件自带 margin:0 会盖掉 .prose 段距 */
.prose > .uc-stop, .prose > .uc-rules, .prose > .faq, .prose > .uc-demo, .prose > .dodont { margin-top: var(--s-5); }
.prose .dodont h3 { margin-top: 0; }
.prose .dodont li + li { margin-top: 0; }
/* 正文里的运行记录：恢复组件自己的字号与列表样式 */
.uc-demo .ai-run { font-size: var(--fs-body); line-height: 1.6; }
.prose .uc-demo ol { padding-left: 0; }
.prose .uc-demo li + li { margin-top: 0; }
.uc-lead { margin-top: 0; }
.uc-rules-wrap { max-width: calc(var(--measure) + var(--s-9) * 2); }

/* ===== 6 技能过一遍后补（better-ui / web-design-guidelines / better-typography） ===== */
/* 悬停上浮只给能悬停的指针，触屏点一下不会卡在「抬起」状态 */
@media (hover: none) {
  .uc-card:hover, .ct-topic:hover, .ct-prod:hover { transform: none; }
}
.uc-card, .ct-prod, .uc-rows a, .uc-filter .chip { touch-action: manipulation; }
/* 场景详情手机端 H1 降一档，避免「源表」两个字孤行 */
@media (max-width: 760px) {
  .ct-art-hero .uc-h1 { font-size: var(--fs-h3); line-height: 1.35; }
}
@media (max-width: 760px) {
  .uc-entry__foot a, .ct-cta__alt a { display: inline-flex; align-items: center; min-height: var(--hit); }
}
/* impeccable nested-cards：运行记录外不再套一层卡片，只留一圈细边 */
.uc-demo { padding: 0; background: none; box-shadow: none; }
.uc-demo .ai-run { box-shadow: var(--sh-1); }

/* ===== 7 能力 hub（usecase-capability.html，「小程序能做什么」） ===== */
.uc-cap-hero { display: grid; grid-template-columns: minmax(0, 1fr) 520px; gap: var(--s-7); align-items: center; margin-top: var(--s-5); }
.uc-cap-hero__copy > * + * { margin-top: var(--s-4); }
.uc-cap-hero .h1 { font-size: var(--fs-h1); line-height: 1.15; }
.uc-cap-hero .answer-box { margin-top: var(--s-5); }
.uc-cap-hero__media { min-width: 0; }
.uc-cap-hero__note { margin-top: var(--s-3); text-align: center; font-size: var(--fs-xs); color: var(--ink-3); }
.uc-matrix { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s-4); }
.uc-matrix__col { padding: var(--s-5); border-radius: var(--r-lg); background: var(--surface); box-shadow: var(--sh-1); }
.uc-matrix__head { display: flex; align-items: center; gap: var(--s-2); font-size: var(--fs-h4); font-weight: var(--fw-semi); padding-bottom: var(--s-2); }
.uc-matrix__head .icon { color: var(--brand); }
.uc-matrix .uc-rows a { grid-template-columns: minmax(0, 1fr) auto; font-size: var(--fs-sm); line-height: 1.5; padding-block: var(--s-2); }
.uc-inds { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-6) var(--s-5); }
.uc-ind { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-3); align-content: start; scroll-margin-top: calc(var(--nav-h) + var(--s-4)); }
.uc-ind__head { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: var(--s-3); }
.uc-ind__name { font-size: var(--fs-h4); font-weight: var(--fw-semi); }
.uc-ind__name .ct-col { color: var(--ink); }
.uc-ind .uc-card { grid-template-rows: auto auto 1fr; }
.uc-ind .uc-card__title { font-size: var(--fs-body); }
.uc-ind .uc-card__meta { font-size: var(--fs-xs); color: var(--ink-3); }
@media (max-width: 1080px) {
  .uc-cap-hero { grid-template-columns: minmax(0, 1fr); }
  .uc-matrix { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .uc-inds { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .uc-cap-hero__media .device-fan { --fan-step: 96px !important; --fan-h: 360px !important; }
  .uc-cap-hero__media .device-fan__c { --phone-w: 168px !important; }
  .uc-cap-hero__media .device-fan__l1, .uc-cap-hero__media .device-fan__r1 { --phone-w: 140px !important; }
  .uc-matrix, .uc-ind { grid-template-columns: minmax(0, 1fr); }
  .uc-matrix .uc-rows a { min-height: var(--hit); }
}
.uc-alllist { max-width: calc(var(--measure) + var(--s-8)); }

/* ===== 8 最终终审（review-last-A） ===== */
/* 能力页「全部场景」：两列按行业分组，铺满版心 */
.uc-alllist { max-width: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--s-7); }
.uc-alllist > .sec-head { grid-column: 1 / -1; }
.uc-alllist .uc-role + .uc-role { margin-top: 0; }
.uc-alllist .uc-role { margin-bottom: var(--s-6); }
/* 房产只剩 1 张精选卡：横跨两列 */
.uc-ind .uc-card:only-of-type { grid-column: 1 / -1; }
@media (max-width: 760px) {
  .uc-alllist { grid-template-columns: minmax(0, 1fr); }
  /* 场景详情手机 H1 ≥ --fs-h2 */
  .ct-art-hero .uc-h1 { font-size: var(--fs-h2); line-height: 1.3; }
  /* 表格转卡片：值整块排版（不让文字和链接拆成两行），状态小标保持原宽 */
  .prose .table--stack td:not(.ct-compact td) { display: block; text-align: start; }
  .prose .table--stack td::before { display: block; }
  .prose .table--stack td .uc-st, .prose .table--stack td .tag { display: inline-flex; width: auto; }
  .prose .table td a { display: inline-flex; align-items: center; min-height: var(--hit); }
}

/* ===== 9 D-108 行业方案（solutions.html、solution-hospital.html） ===== */
.uc-indgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-5); }
.uc-indtile { display: grid; grid-template-rows: auto auto 1fr auto; gap: var(--s-2); padding: var(--s-5) var(--s-6); border-radius: var(--r-lg); background: var(--surface); box-shadow: var(--sh-1); color: var(--ink); text-decoration: none; transition: box-shadow var(--dur-2) var(--ease-out); touch-action: manipulation; }
.uc-indtile:hover { text-decoration: none; box-shadow: var(--sh-2-hover); }
.uc-indtile__head { display: flex; align-items: center; justify-content: space-between; gap: var(--s-3); margin-bottom: var(--s-2); }
.uc-indtile__name { font-size: var(--fs-h4); font-weight: var(--fw-semi); }
.uc-indtile__desc { font-size: var(--fs-sm); color: var(--ink-2); line-height: 1.65; text-wrap: pretty; }
.uc-indtile__foot { display: flex; align-items: center; justify-content: space-between; gap: var(--s-3); margin-top: var(--s-2); padding-top: var(--s-3); border-top: 1px dashed var(--line-strong); font-size: var(--fs-xs); color: var(--ink-3); }
.uc-indtile__foot .ct-prod__go { margin-top: 0; }
.uc-indtile--other { background: var(--bg-subtle); box-shadow: inset 0 0 0 1px var(--line); }
.uc-systems { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-4); }
.uc-sys { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: var(--s-4); align-items: start; padding: var(--s-5); border-radius: var(--r-lg); background: var(--surface); box-shadow: var(--sh-1); }
.uc-sys__name { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2); font-size: var(--fs-h4); font-weight: var(--fw-semi); line-height: 1.45; }
.uc-sys__desc { margin-top: var(--s-1); font-size: var(--fs-sm); color: var(--ink-2); line-height: 1.7; text-wrap: pretty; }
.uc-custom .steps--vertical { gap: var(--s-4); }
@media (max-width: 1080px) { .uc-indgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) {
  .uc-indgrid, .uc-systems { grid-template-columns: minmax(0, 1fr); }
  .uc-indtile { padding: var(--s-5); }
}
.uc-sys:last-child:nth-child(odd) { grid-column: 1 / -1; }
@media (max-width: 760px) {
  .uc-indtile .card__icon { display: none; }
  .uc-indtile__head { margin-bottom: 0; justify-content: flex-start; }
  .uc-indtile__head:empty, .uc-indtile--other .uc-indtile__head { display: none; }
}

/* ===== 10 D-108 二次修订：行业页是「目录」——每个系统一句话 + 链到方案文章 ===== */
.uc-dirlist { list-style: none; padding: 0; margin: 0; display: grid; gap: 0; border-radius: var(--r-lg); background: var(--surface); box-shadow: var(--sh-1); }
.uc-dir { display: grid; grid-template-columns: 40px minmax(0, 1fr) minmax(0, 340px); gap: var(--s-4) var(--s-5); align-items: center; padding: var(--s-4) var(--s-5); }
.uc-dir + .uc-dir { border-top: 1px solid var(--line); }
.uc-dir__name { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2); font-size: var(--fs-h4); font-weight: var(--fw-semi); line-height: 1.45; }
.uc-dir__desc { margin-top: 2px; font-size: var(--fs-sm); color: var(--ink-2); line-height: 1.65; text-wrap: pretty; }
.uc-dir__go { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--s-2); align-items: center; min-height: var(--hit); padding: var(--s-2) var(--s-3); border-radius: var(--r-sm); background: var(--bg-subtle); color: var(--ink); text-decoration: none; }
.uc-dir__go:hover { text-decoration: none; box-shadow: inset 0 0 0 1px var(--brand); }
.uc-dir__go span { grid-column: 1; font-size: var(--fs-xs); color: var(--ink-3); }
.uc-dir__go b { grid-column: 1; font-size: var(--fs-sm); font-weight: var(--fw-semi); line-height: 1.5; color: var(--brand-ink); }
.uc-dir__go .icon { grid-column: 2; grid-row: 1 / span 2; color: var(--brand-ink); }
@media (max-width: 1080px) { .uc-dir { grid-template-columns: 40px minmax(0, 1fr); } .uc-dir__go { grid-column: 2; } }
@media (max-width: 760px) { .uc-dir { grid-template-columns: minmax(0, 1fr); padding: var(--s-4); } .uc-dir .card__icon { display: none; } .uc-dir__go { grid-column: 1; } }

/* ===== 11 智慧医院：示意界面（HTML 画的界面，标「示意」） ===== */
.uc-mock { margin: var(--s-6) 0 0; display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: var(--s-6); align-items: center; }
.uc-mock__screen { padding: var(--s-4) var(--s-5); background: var(--surface); }
.uc-mock__bar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2); margin-bottom: var(--s-3); }
.uc-mock__bar b { font-size: var(--fs-body); margin-right: auto; }
.uc-mock__chip { display: inline-flex; align-items: center; height: 24px; padding: 0 var(--s-2); border-radius: var(--r-pill); background: var(--bg-muted); font-size: var(--fs-xs); color: var(--ink-2); }
.uc-mock__chip--warn { background: var(--seal-soft); color: var(--seal); }
.uc-mock__table { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); }
.uc-mock__table th, .uc-mock__table td { padding: var(--s-2) var(--s-3); text-align: start; border-bottom: 1px solid var(--line); white-space: nowrap; }
.uc-mock__table th { font-size: var(--fs-xs); color: var(--ink-3); font-weight: var(--fw-semi); background: var(--bg-subtle); }
.uc-mock__table .n { text-align: end; font-variant-numeric: tabular-nums; }
.uc-mock figcaption { font-size: var(--fs-sm); color: var(--ink-2); line-height: 1.7; }
.uc-mock figcaption b { display: inline-flex; margin-right: var(--s-2); padding: 0 var(--s-2); border-radius: var(--r-pill); box-shadow: inset 0 0 0 1px var(--line-strong); font-size: var(--fs-xs); color: var(--ink-2); }
.uc-ind-hero__copy .cluster { gap: var(--s-4); }
@media (max-width: 1080px) { .uc-mock { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 760px) {
  .uc-mock__screen { overflow-x: auto; padding: var(--s-3); }
  .uc-mock__table th:nth-child(2), .uc-mock__table td:nth-child(2) { display: none; }
  .uc-ind-hero__copy .cluster .btn { width: 100%; }
}

/* ===== 12 方案文章（solution-scenario）：首屏试用、演示折叠、岗位表手机卡片 ===== */
.uc-hero-cta { margin-top: var(--s-4); gap: var(--s-4); }
.uc-demo-d { margin-top: var(--s-5); }
.uc-demo-d > summary { list-style: none; display: flex; align-items: center; gap: var(--s-2); min-height: var(--hit); padding: var(--s-2) var(--s-4); border-radius: var(--r-md); background: var(--ai-soft); color: var(--ai-ink); font-size: var(--fs-sm); font-weight: var(--fw-semi); cursor: pointer; }
.uc-demo-d > summary::-webkit-details-marker { display: none; }
.uc-demo-d > summary .icon { margin-left: auto; transition: transform var(--dur-2) var(--ease-out); }
.uc-demo-d[open] > summary .icon { transform: rotate(180deg); }
.uc-demo-d[open] > summary { margin-bottom: var(--s-4); }
@media (max-width: 760px) {
  .uc-hero-cta .btn { width: 100%; }
  .prose .table-wrap:has(.uc-rolecards) { background: none; box-shadow: none; overflow: visible; }
  .prose .uc-rolecards tbody { display: grid; gap: var(--s-3); }
  .prose .uc-rolecards tr { border-radius: var(--r-md); background: var(--surface); box-shadow: var(--sh-1); border-bottom: 0; }
  .prose .uc-rolecards th[scope="row"] { color: var(--brand-ink); padding-bottom: var(--s-2); }
}

/* 行业卡上的「有现成模板」一行（2026-10-24 接行业模板）：只给产品清单里有公开模板的行业；文字由代码按清单拼出 */
.uc-indtile:has(.uc-indtile__tpl) { grid-template-rows: auto auto 1fr auto auto; }
.uc-indtile__tpl { justify-self: start; gap: var(--s-1); }  /* 颜色取 .tag--wuzi，不另写 */
.uc-indtile__tpl .icon { width: 14px; height: 14px; }

/* ===== 第二轮（D-112）：行业方案总页 · 能力筛选胶囊 ===== */
.uc-filter { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2); margin-bottom: var(--s-5); }
.uc-filter .chip .spark { width: 12px; height: 12px; color: var(--ai-ink); }
.uc-filter__note { margin: var(--s-4) 0 0; font-size: var(--fs-xs); color: var(--ink-3); }

/* 方案文章：E6 并进「适合谁」后的引导句；「我们怎么做」缩成一句 */
.uc-stop__lead { margin-top: var(--s-5); font-weight: var(--fw-semi); color: var(--ink); }
.uc-how { margin-top: var(--s-6); padding: var(--s-4) var(--s-5); border-radius: var(--r-md); background: var(--bg-subtle); color: var(--ink-2); }

/* ===== 开发还原追加（第 1 次迭代前台；设计稿行内样式收进这里） ===== */
.uc-hub-hero { padding-bottom: var(--s-7); }
.uc-hub-sec { padding-block: var(--s-7); }
.uc-hub-head { margin-bottom: var(--s-5); }
.uc-hub-hot { padding-block: var(--s-8); }
.uc-fit--one { grid-template-columns: minmax(0, 1fr); }

/* 行业多于 12 个时按大类分组（官网规划 3.5） */
.uc-indgroup { display: flex; align-items: baseline; gap: var(--s-3); margin: 0 0 var(--s-4); }
.uc-indgrid[data-gap] { margin-bottom: var(--s-7); }

/* ===== 2026-11-01 体检修复：手机端行业格子保留图标（S-20）；没有方案文章时首屏「直接问工程师」（S-05） ===== */
@media (max-width: 760px) {
  .uc-indtile .card__icon { display: inline-grid; }
  .uc-indtile__head { margin-bottom: var(--s-2); justify-content: space-between; }
  .uc-indtile--other .uc-indtile__head { display: flex; }
}
.uc-asknow { text-align: start; margin-inline: auto; margin-top: var(--s-6); padding: var(--s-5) var(--s-6); border-radius: var(--r-lg); background: var(--surface); box-shadow: var(--sh-2); max-width: 720px; }
.uc-asknow__t { display: flex; align-items: center; gap: var(--s-2); font-weight: var(--fw-semi); font-size: var(--fs-h4); }
.uc-asknow__t .spark { color: var(--ai-ink); flex: none; }
.uc-asknow__d { margin-top: var(--s-2); font-size: var(--fs-ui); color: var(--ink-2); line-height: 1.6; }
.uc-asknow__ctas { margin-top: var(--s-4); }
@media (max-width: 760px) {
  .uc-asknow { padding: var(--s-4) var(--s-5); }
  .uc-asknow__ctas .btn { flex: 1 1 auto; }
}
.uc-hub-quote { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-1) var(--s-2); margin-top: var(--s-5); font-size: var(--fs-ui); color: var(--ink-2); }
.uc-hub-quote > .icon { color: var(--brand); }