/* ============================================================
   样式补丁 · 2026-11-11
   用途：补齐蓝色皮肤（106 演示机 / 47 客户站）里模板已用、
         但 portal.css 尚未定义的一些类。

   为什么单独一个文件、而不是直接改 portal.css：
     1) 只做「新增定义」，不覆盖任何既有样式，风险最低；
     2) 出问题删掉这一个 <link> 就回滚，不用动主样式表；
     3) 106 和 47 用的是同一份 portal.css（73,931 字节，diff 0 行），
        补丁对两端一致生效，不会造成两台分叉。

   全部使用蓝色皮肤的既有变量（--blue / --line / --radius / --muted），
   保证与整站视觉一致，不引入第二套配色。
   ============================================================ */

/* ---------- 主题标讯页（/scenes）---------- */
/* 页面底部留白：与 /insight 页保持一致的节奏 */
.p-scenes-page { padding-bottom: 32px; }

/* 大卡网格：蓝色里 .p-scene-grid 是 4 列；主题页卡片信息更多，
   PC 用 3 列更舒展，平板 2 列，手机 1 列。
   注意不能直接改 .p-scene-grid（首页等处也在用），只作用于 -lg 变体。 */
.p-scene-grid-lg { grid-template-columns: repeat(3, 1fr); }

/* 主题卡内的说明文字给一个稳定的最小高度，避免字数不同的卡片高度参差 */
.p-scene-grid-lg .p-scene-desc { min-height: 54px; }

/* ---------- AI 助手页（/assistant）---------- */
/* 面包屑：新版模板用 .p-crumb，蓝色里只有 .p-breadcrumb（flex 布局）。
   这里按 .p-breadcrumb 的视觉规格补一份，两者并存互不影响。 */
.p-crumb {
  font-size: 13px;
  color: var(--muted);
  margin-bottom: 10px;
}
.p-crumb a { color: var(--muted); }
.p-crumb a:hover { color: var(--blue); }

/* 助手页顶部说明文字 */
.p-ai-sub {
  font-size: 13px;
  color: #5b6474;
  line-height: 1.8;
  margin: 0 0 12px;
}

/* 示例问题 chips 容器 */
.p-ai-chips {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

/* .p-ai-demo-data 是 portal.js 读取示例问句的隐藏数据容器，
   业务上要求 display:none，模板里已内联，这里不定义样式（有意留空）。 */

/* ---------- 标讯列表页（/tenders）---------- */
/* .p-input-region 是省市联动下拉的 JS 钩子（取 data-region），
   视觉上就走 .p-input / .p-input-select，不额外定义，
   否则会与 .p-input-select{max-width:200px} 打架。 */

/* .p-share 只剩在 legacy_tender_card_*.bak 里（旧卡片，未启用），
   当前列表页不输出该类，不需要样式。 */

/* ---------- 响应式：与蓝色皮肤既有断点保持一致 ---------- */
@media (max-width: 1100px) {
  .p-scene-grid-lg { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 720px) {
  .p-scene-grid-lg { grid-template-columns: 1fr; }
  .p-scene-grid-lg .p-scene-desc { min-height: 0; }
  .p-ai-chips { gap: 6px; }
}