/* =====================================================================
   Business + Demand PC Redesign —— 转化型任务页面共享视觉（方案 §4）
   scope = body[data-page="cooperate"|"demand"]:not(.mobile-page)
   Mobile 独立页面（mobile-cooperate/mobile-demand）不加载本文件。
   禁止：大渐变 / 玻璃 / 发光 / 营销海报感 / Card 套 Card。
   ===================================================================== */

body[data-page="cooperate"]:not(.mobile-page),
body[data-page="demand"]:not(.mobile-page) {
  --bd-brand: #00ACEB;
  --bd-brand-hover: #009BD4;
  --bd-bg: #F7F9FC;
  --bd-surface: #FFFFFF;
  --bd-text: #172033;
  --bd-text-2: #667085;
  --bd-muted: #5B6B7C;
  --bd-border: #E7EDF3;
  --bd-soft-blue: #F3FBFE;
  --bd-ok: #12856A;
  --bd-error: #D92D20;
  /* B1C: radius-panel */ --bd-radius: var(--radius-panel);
  --bd-radius-sm: 12px;
  --bd-shadow: var(--shadow-subtle);
}

@media (min-width: 769px) {

  /* ----------------------------------------------------------------
     页面框架（§4/§23）：#F7F9FC 底、白色内容卡、轻边框
     ---------------------------------------------------------------- */
  body[data-page="cooperate"]:not(.mobile-page),
  body[data-page="demand"]:not(.mobile-page) {
    background: var(--bd-bg);
    color: var(--bd-text);
  }
  body[data-page="cooperate"]:not(.mobile-page) .nav,
  body[data-page="demand"]:not(.mobile-page) .nav {
    background: rgba(255, 255, 255, 0.92);
    border-bottom: 1px solid var(--bd-border);
    box-shadow: none;
    backdrop-filter: none;
  }
  body[data-page="cooperate"]:not(.mobile-page) .container {
    width: min(1120px, calc(100vw - 48px));
  }
  body[data-page="demand"]:not(.mobile-page) .container {
    width: min(1080px, calc(100vw - 48px));
  }
  body[data-page="cooperate"]:not(.mobile-page) main,
  body[data-page="demand"]:not(.mobile-page) main {
    padding-bottom: 56px;
  }

  /* ----------------------------------------------------------------
     共享按钮 / 状态语义（§15）
     ---------------------------------------------------------------- */
  .bd-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 20px; border: 0; border-radius: 10px; background: var(--bd-brand); color: #002E3D; font-size: 14px; font-weight: 600; cursor: pointer; text-decoration: none; }
  .bd-btn:hover { background: var(--bd-brand-hover); color: #002E3D; }
  /* ios-glass 对全局 a 有 color:#00aceb !important——蓝底主按钮是 <a> 时文字必须强制白 */
  body[data-page="cooperate"]:not(.mobile-page) a.bd-btn,
  body[data-page="demand"]:not(.mobile-page) a.bd-btn,
  body[data-page="demand"]:not(.mobile-page) a.demand-success-btn.primary { color: #002E3D !important; }
  .bd-btn.ghost { background: var(--bd-surface); border: 1px solid var(--bd-border); color: var(--bd-text-2); }
  .bd-btn.ghost:hover { border-color: rgba(0, 172, 235, 0.45); color: #00698F; background: #fff; }
  .bd-status-ok { color: var(--bd-ok) !important; }
  .bd-status-error { color: var(--bd-error) !important; }
  body[data-page="demand"]:not(.mobile-page) .status { /* B1A2: type-supporting */ font-size: var(--type-supporting-size); /* B1B1: ink-muted */ color: var(--ink-muted); }
  body[data-page="demand"]:not(.mobile-page) .status.ok { color: var(--bd-ok); }
  body[data-page="demand"]:not(.mobile-page) .status.error { color: var(--bd-error); }
  body[data-page="cooperate"]:not(.mobile-page) .form-status { /* B1A2: type-supporting */ font-size: var(--type-supporting-size); /* B1B1: ink-muted */ color: var(--ink-muted); }
  body[data-page="cooperate"]:not(.mobile-page) .form-status.error { color: var(--bd-error); }
  body[data-page="cooperate"]:not(.mobile-page) .form-status.ok { color: var(--bd-ok); }

  /* ----------------------------------------------------------------
     轻量首屏（§6/§11）：标题 + 一句价值说明 + CTA，≤300px
     ---------------------------------------------------------------- */
  .bd-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
    min-height: 150px;
    max-height: 300px;
    padding: 30px 32px;
    margin: 24px 0 20px;
    background: var(--bd-surface);
    border: 1px solid var(--bd-border);
    border-radius: var(--bd-radius);
    box-shadow: var(--bd-shadow);
  }
  .bd-hero .hero-copy h1 { margin: 0 0 8px; /* B1A2: type-page-title */ font-size: var(--type-page-title-size); line-height: var(--type-page-title-line-height); color: var(--bd-text); }
  .bd-hero .hero-copy p { margin: 0; /* B1A2: type-body */ font-size: var(--type-body-size); line-height: var(--type-body-line-height); color: var(--bd-text-2); }
  .bd-hero-actions { display: flex; align-items: center; gap: 12px; flex: 0 0 auto; }
  body[data-page="demand"]:not(.mobile-page) .bd-hero-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
  body[data-page="demand"]:not(.mobile-page) .bd-hero-badges span { display: inline-flex; align-items: center; height: 26px; padding: 0 var(--spacing-control-internal); border-radius: 999px; background: var(--bd-soft-blue); border: 1px solid rgba(0, 172, 235, 0.18); color: #00698F; font-size: 12px; }

  /* ----------------------------------------------------------------
     内容分块（§6/§11）：白卡 + 分组标题，不做 Card 套 Card
     ---------------------------------------------------------------- */
  .bd-block {
    background: var(--bd-surface);
    border: 1px solid var(--bd-border);
    border-radius: var(--bd-radius);
    box-shadow: var(--bd-shadow);
    padding: 22px 24px;
    margin: 0 0 18px;
    scroll-margin-top: 96px;
  }
  .bd-block-head { margin-bottom: 16px; }
  .bd-block-head h2 { margin: 0 0 5px; /* B1A2: type-section-title */ font-size: var(--type-section-title-size); font-weight: var(--type-section-title-weight); color: var(--bd-text); }
  .bd-block-head p { margin: 0; /* B1A2: type-supporting */ font-size: var(--type-supporting-size); color: var(--bd-muted); }
  .bd-block-note { margin: 12px 0 0; font-size: 12px; color: var(--bd-muted); }

  /* ----------------------------------------------------------------
     合作方向 / 需求类型：轻量选择卡（§7）
     ---------------------------------------------------------------- */
  .bd-type-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
  .bd-type-card {
    display: grid;
    gap: 6px;
    padding: 16px 18px;
    text-align: left;
    background: #fafbfd;
    border: 1px solid var(--bd-border);
    border-radius: var(--bd-radius-sm);
    cursor: pointer;
    font: inherit;
    color: var(--bd-text);
  }
  .bd-type-card b { font-size: 14.5px; }
  .bd-type-card span { font-size: 12.5px; line-height: 1.65; color: var(--bd-text-2); }
  .bd-type-card:hover { border-color: rgba(0, 172, 235, 0.45); }
  .bd-type-card.active { border-color: rgba(0, 172, 235, 0.55); background: var(--bd-soft-blue); }
  .bd-type-card.active b { color: #00698F; }

  /* 平台能力 / 流程 */
  .bd-cap-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
  .bd-cap { display: grid; gap: 6px; padding: 15px 16px; background: #fafbfd; border: 1px solid var(--bd-border); border-radius: var(--bd-radius-sm); text-decoration: none; color: var(--bd-text); }
  .bd-cap:hover { border-color: rgba(0, 172, 235, 0.45); }
  .bd-cap b { font-size: 13.5px; }
  .bd-cap span { font-size: 12px; line-height: 1.6; color: var(--bd-text-2); }
  .bd-step-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; counter-reset: bd-step; list-style: none; margin: 0; padding: 0; }
  .bd-step-list li { position: relative; display: grid; gap: 5px; padding: 15px 16px 15px 46px; background: #fafbfd; border: 1px solid var(--bd-border); border-radius: var(--bd-radius-sm); }
  .bd-step-list li::before {
    counter-increment: bd-step;
    content: counter(bd-step);
    position: absolute;
    left: 15px;
    top: 15px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--bd-soft-blue);
    color: #00698F;
    font-size: 12px;
    font-weight: 700;
  }
  .bd-step-list b { font-size: 13.5px; }
  .bd-step-list span { font-size: 12px; line-height: 1.6; color: var(--bd-text-2); }

  /* ----------------------------------------------------------------
     表单（§8/§13）：分组 + 清晰 label + optional/required 标记
     ---------------------------------------------------------------- */
  .bd-form { background: var(--bd-surface); border: 1px solid var(--bd-border); border-radius: var(--bd-radius); box-shadow: var(--bd-shadow); padding: 24px 26px; margin: 0 0 18px; scroll-margin-top: 96px; }
  .bd-form > h2, .bd-form .bd-form-title { margin: 0 0 6px; font-size: 17px; color: var(--bd-text); }
  .bd-form .form-intro { margin: 0 0 18px; font-size: 12.5px; color: var(--bd-muted); line-height: 1.7; }
  .bd-fieldset { border: 0; padding: 0 0 18px; margin: 0 0 18px; border-bottom: 1px solid var(--bd-border); }
  .bd-fieldset:last-of-type { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }
  .bd-fieldset legend, .bd-group-title { display: flex; align-items: center; gap: 8px; padding: 0; margin: 0 0 12px; font-size: 14.5px; font-weight: 700; color: var(--bd-text); }
  .bd-group-index {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    display: grid;
    place-items: center;
    background: var(--bd-soft-blue);
    /* 全站无障碍批次约定：品牌蓝 #00ACEB 只做装饰，文字用深一档的 #00698F（5.56:1） */
    color: #00698F;
    font-size: 11.5px;
    font-weight: 700;
  }
  .bd-field { display: grid; gap: 7px; }
  .bd-field label, .bd-field > .bd-label { font-size: 13px; font-weight: 600; color: var(--bd-text-2); }
  .bd-field .required { color: var(--bd-error); margin-right: 3px; }
  .bd-field .required-hint { font-size: 11.5px; font-weight: 400; color: var(--bd-muted); }
  .bd-field .optional-hint { font-size: 11.5px; font-weight: 400; color: var(--bd-muted); }
  .bd-field input, .bd-field select, .bd-field textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--bd-border);
    border-radius: 10px;
    background: #fbfcfe;
    color: var(--bd-text);
    padding: 10px 13px;
    font-size: 14px;
    outline: none;
  }
  .bd-field textarea { min-height: 120px; resize: vertical; line-height: 1.7; }
  .bd-field input:focus, .bd-field select:focus, .bd-field textarea:focus { border-color: rgba(0, 172, 235, 0.55); background: #fff; }
  .bd-field small { color: var(--bd-muted); font-size: 12px; line-height: 1.6; }
  .bd-inline-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .bd-region-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
  .bd-conditional { display: none; gap: 14px; padding: 16px; border-radius: var(--bd-radius-sm); background: #fafbfd; border: 1px solid var(--bd-border); }
  .bd-conditional.active { display: grid; }
  .privacy-consent { display: flex; align-items: flex-start; gap: 10px; padding: 13px 15px; border: 1px solid var(--bd-border); border-radius: var(--bd-radius-sm); background: #fafbfd; color: var(--bd-text-2); font-size: 12.5px; line-height: 1.7; }
  .privacy-consent input { width: 16px; height: 16px; margin: 2px 0 0; flex: 0 0 auto; accent-color: var(--bd-brand); }
  .privacy-consent a { color: #00698F; text-decoration: underline; text-underline-offset: 3px; }
  .submit-row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
  .submit-btn, .primary-btn, .ghost-btn {
    display: inline-flex; align-items: center; justify-content: center;
    min-height: 42px; padding: 0 20px;
    border-radius: 10px; border: 0;
    cursor: pointer; font-size: 14px; font-weight: 600;
  }
  .submit-btn, .primary-btn { background: var(--bd-brand); color: var(--action-text, #002E3D); box-shadow: none; }
  .submit-btn:hover, .primary-btn:hover { background: var(--bd-brand-hover); }
  .submit-btn:disabled, .primary-btn:disabled { opacity: 0.6; cursor: wait; }
  .ghost-btn { background: var(--bd-surface); color: var(--bd-text-2); border: 1px solid var(--bd-border); }
  .ghost-btn:hover { border-color: rgba(0, 172, 235, 0.45); color: #00698F; }
  .bd-locked-field, .demand-locked-field { background: var(--bd-soft-blue) !important; border-color: rgba(0, 172, 235, 0.35) !important; color: #17627e !important; font-weight: 700; cursor: not-allowed; }
  .demand-brand-lock-note, .bd-field .demand-brand-lock-note { color: #4b85a6; font-size: 12px; line-height: 1.55; }

  /* ----------------------------------------------------------------
     需求登记：类型卡 / 条件块（类名被 demand.js 引用，勿改）
     ---------------------------------------------------------------- */
  body[data-page="demand"]:not(.mobile-page) .type-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
  body[data-page="demand"]:not(.mobile-page) .type-option {
    display: grid; gap: 6px; padding: 15px 17px; text-align: left;
    background: #fafbfd; border: 1px solid var(--bd-border); border-radius: var(--bd-radius-sm);
    cursor: pointer; font: inherit; color: var(--bd-text); box-shadow: none;
  }
  body[data-page="demand"]:not(.mobile-page) .type-option b { font-size: 14.5px; }
  body[data-page="demand"]:not(.mobile-page) .type-option span { font-size: 12.5px; line-height: 1.65; color: #4A5C6E; }
  body[data-page="demand"]:not(.mobile-page) .type-option:hover { border-color: rgba(0, 172, 235, 0.45); }
  body[data-page="demand"]:not(.mobile-page) .type-option.active { border-color: rgba(0, 172, 235, 0.55); background: var(--bd-soft-blue); box-shadow: none; }
  body[data-page="demand"]:not(.mobile-page) .type-option.active b { color: #00698F; }
  body[data-page="demand"]:not(.mobile-page) .conditional {
    display: none; gap: 14px; padding: 16px;
    background: #fafbfd; border: 1px solid var(--bd-border); border-radius: var(--bd-radius-sm);
  }
  body[data-page="demand"]:not(.mobile-page) .conditional.active { display: grid; }
  body[data-page="demand"]:not(.mobile-page) .form-grid { display: grid; gap: 16px; }

  /* ----------------------------------------------------------------
     选型上下文面板（§12）：来自我的选型
     ---------------------------------------------------------------- */
  .bd-selection-context {
    display: grid;
    gap: 7px;
    padding: 16px 18px;
    margin: 0 0 18px;
    background: var(--bd-soft-blue);
    border: 1px solid rgba(0, 172, 235, 0.3);
    border-radius: var(--bd-radius);
  }
  .bd-selection-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
  .bd-selection-badge { display: inline-flex; align-items: center; padding: 2px 10px; border-radius: 999px; background: var(--bd-brand); color: #002E3D; font-size: 12px; font-weight: 600; }
  .bd-selection-head b { font-size: 14.5px; color: var(--bd-text); }
  .bd-selection-context p { margin: 0; font-size: 12.5px; line-height: 1.7; color: var(--bd-text-2); }
  .bd-selection-products { color: var(--bd-muted); }

  /* ----------------------------------------------------------------
     成功态（§9/§14）：稳定面板，不被 reset 清掉
     ---------------------------------------------------------------- */
  .cooperate-success, .demand-success { min-height: 300px; display: grid; place-items: center; text-align: center; padding: 34px 18px; }
  .cooperate-success[hidden], .demand-success[hidden] { display: none; }
  .success-icon, .demand-success-icon { width: 54px; height: 54px; margin: 0 auto 16px; border-radius: 50%; display: grid; place-items: center; background: #eaf8f1; color: var(--bd-ok); font-size: 26px; font-weight: 800; }
  .cooperate-success h2, .demand-success h2 { margin: 0 0 10px; font-size: 20px; color: var(--bd-text); }
  .cooperate-success p, .demand-success p { max-width: 440px; margin: 0 auto 8px; color: var(--bd-text-2); font-size: 13.5px; line-height: 1.8; }
  .cooperate-success-actions, .demand-success-actions { display: flex; justify-content: center; align-items: center; gap: 10px; margin: 16px 0 4px; }
  .success-return-btn, .demand-success-btn {
    min-height: 40px; padding: 0 18px; border-radius: 10px;
    border: 1px solid rgba(0, 172, 235, 0.5); background: #fff; color: #00698F;
    font-size: 13.5px; font-weight: 600; cursor: pointer; text-decoration: none;
    display: inline-flex; align-items: center; justify-content: center;
  }
  .success-return-btn:hover, .demand-success-btn:hover { background: var(--bd-soft-blue); }
  .demand-success-btn.primary { background: var(--bd-brand); border-color: var(--bd-brand); color: #002E3D; }
  .demand-success-btn.primary:hover { background: var(--bd-brand-hover); }
  .cooperate-success-countdown, .demand-success-countdown { margin-top: 10px !important; font-size: 12px !important; color: var(--bd-muted) !important; }
  .status-action-link { color: #00698F; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }

  /* 联系与说明（§6 尾块） */
  .bd-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
  .bd-notes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .bd-note { display: grid; gap: 5px; padding: 15px 17px; background: #fafbfd; border: 1px solid var(--bd-border); border-radius: var(--bd-radius-sm); }
  .bd-note b { font-size: 13.5px; color: var(--bd-text); }
  .bd-note span { font-size: 12.5px; line-height: 1.7; color: var(--bd-text-2); }
  .bd-note a { color: #00698F; text-decoration: underline; text-underline-offset: 3px; }

  /* ----------------------------------------------------------------
     与旧层 / 全站 !important 的冲突收口（PC 限定）
     ---------------------------------------------------------------- */

  /* 1) 成功态次级按钮：旧层 feedback-cooperate.css 的
     body[data-page="cooperate"] .success-return-btn 是白字压品牌渐变（实测 2.4:1，
     不达 AA），特异性也高于本层的 .success-return-btn。按本层设计意图收回
     白底 + #00698F 文字（实测 6.15:1）。demand 成功面板的次级按钮同款处理。 */
  body[data-page="cooperate"]:not(.mobile-page) .success-return-btn,
  body[data-page="demand"]:not(.mobile-page) .demand-success-btn:not(.primary) {
    background: #fff !important;
    background-image: none !important;
    color: #00698F !important;
    box-shadow: none !important;
  }
  body[data-page="cooperate"]:not(.mobile-page) .success-return-btn:hover,
  body[data-page="demand"]:not(.mobile-page) .demand-success-btn:not(.primary):hover {
    background: var(--bd-soft-blue) !important;
    color: #00698F !important;
  }

  /* 2) 主按钮去发光：ios-glass-theme.css 给 .primary-btn/.submit-btn 加了
     !important 的蓝色外发光，本层设计（文件头「禁止发光」）与其余已冻结页面的
     平色主按钮都不带它，这里收回 box-shadow。 */
  body[data-page="cooperate"]:not(.mobile-page) .submit-btn,
  body[data-page="demand"]:not(.mobile-page) .submit-btn,
  body[data-page="demand"]:not(.mobile-page) .primary-btn,
  body[data-page="cooperate"]:not(.mobile-page) .bd-btn {
    box-shadow: none !important;
  }

  /* 2b) 提交按钮前景：2026-10-20 起由白色改回深墨 #002E3D（Oil UI P0-1 对比度：
     白字在品牌蓝上仅 2.59:1，深墨 5.56:1；此前的白色决定按可读性撤回）。
     ios-glass 全站按钮体系给 .primary-btn/.submit-btn 的 color 带 !important
     （--action-text 深色 #002E3D），本文件 :217 的普通规则压不过它，须同级覆盖；
     ghost-btn 次级按钮不动。 */
  body[data-page="cooperate"]:not(.mobile-page) .submit-btn,
  body[data-page="cooperate"]:not(.mobile-page) .primary-btn,
  body[data-page="demand"]:not(.mobile-page) .submit-btn,
  body[data-page="demand"]:not(.mobile-page) .primary-btn {
    color: #002E3D !important;
  }

  /* 3) 中窄桌面（769–1180）：Header 的 .container.nav-inner 在 desktop-nav.css 里
     用 calc(100% - 32px)，正文容器跟随同一条基线（该文件后加载且带 !important，
     用 main > .container 提高特异性夺回宽度），避免 1024 下与 Header 差 11px。 */
  @media (min-width: 769px) and (max-width: 1180px) {
    body[data-page="cooperate"]:not(.mobile-page) main > .container,
    body[data-page="demand"]:not(.mobile-page) main > .container {
      width: calc(100% - 32px) !important;
    }
  }

  /* ----------------------------------------------------------------
     Responsive（§24）
     ---------------------------------------------------------------- */
  @media (max-width: 1100px) {
    .bd-type-grid, .bd-cap-grid, .bd-step-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bd-notes { grid-template-columns: 1fr; }
  }
}

/* =====================================================================
   需求 04 统一（2026-10-23）：商务合作 / 需求登记 PC 表单控件家族
   背景：两页都是信息收集表单，但「合作类型」「需求类型」两套点击式
   选择卡视觉不一致（需求页卡片更高、常驻浅蓝底、选中描边更钝），
   输入控件字号/高度也与站内其他表单页（suggest 15px / 48px CTA 档）
   不齐。本段以商务合作「合作类型」为基准，把两页收敛到同一套控件：
   - 选择卡：白底浅灰卡 + 选中浅蓝填充 + 底部品牌条 + 「已选」徽标，
     标题 14.5/700、说明 12.5/500（字体仅 400/700 两档字面，权重统一显式声明）；
   - 输入 / 下拉 / 文本域：15px、48px 高、12px 圆角、统一聚焦光晕、
     下拉自绘箭头；
   - 引导文案 / 条件块 / 授权勾选 / 提交行间距同源。
   只做视觉层，不改字段 name/id、校验与提交数据结构。
   加载顺序：本文件在 ios-glass-theme.css / feedback-cooperate.css /
   selection-feedback.css 之后，使用 !important 收口旧层的高优先级覆盖。
   ===================================================================== */
body:is([data-page="cooperate"], [data-page="demand"]):not(.mobile-page) .type-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 12px !important;
}

body:is([data-page="cooperate"], [data-page="demand"]):not(.mobile-page) .type-option {
  position: relative !important;
  display: grid !important;
  align-content: start !important;
  align-items: start !important;
  justify-items: start !important;
  gap: 6px !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 15px 17px !important;
  text-align: left !important;
  color: var(--bd-text) !important;
  background: #FAFBFD !important;
  border: 1px solid var(--bd-border) !important;
  border-radius: var(--bd-radius-sm) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  font: inherit;
  font-weight: 500 !important;
  overflow: hidden;
  cursor: pointer;
  transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .12s ease !important;
}

body:is([data-page="cooperate"], [data-page="demand"]):not(.mobile-page) .type-option b {
  font-size: 14.5px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  color: var(--bd-text) !important;
}

body:is([data-page="cooperate"], [data-page="demand"]):not(.mobile-page) .type-option span {
  font-size: 12.5px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
  color: #4A5C6E !important;
}

body:is([data-page="cooperate"], [data-page="demand"]):not(.mobile-page) .type-option:hover {
  border-color: rgba(0, 172, 235, 0.45) !important;
  background: #FFFFFF !important;
}

body:is([data-page="cooperate"], [data-page="demand"]):not(.mobile-page) .type-option.active {
  border-color: #6FD4F4 !important;
  background: #F0FAFF !important;
  box-shadow:
    inset 0 -3px 0 #00ACEB,
    inset 0 0 0 1px rgba(37, 132, 221, .14),
    0 12px 26px rgba(37, 132, 221, .10) !important;
}

body:is([data-page="cooperate"], [data-page="demand"]):not(.mobile-page) .type-option.active b {
  color: #00698F !important;
}

body:is([data-page="cooperate"], [data-page="demand"]):not(.mobile-page) .type-option:active {
  transform: scale(.985);
}

/* 选中徽标：与 selection-feedback.css 既有契约同款几何，两页共用一份声明。 */
body:is([data-page="cooperate"], [data-page="demand"]):not(.mobile-page) .type-option.active::after {
  content: "已选" !important;
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  min-width: 30px !important;
  height: 18px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 5px !important;
  border-radius: 999px !important;
  background: #00ACEB !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

/* —— 引导文案：统一到站点 supporting 档（12.5px），需求页旧层为 13px !important —— */
body:is([data-page="cooperate"], [data-page="demand"]):not(.mobile-page) .bd-form .form-intro {
  margin: 0 0 18px !important;
  font-size: var(--type-supporting-size) !important;
  line-height: var(--type-supporting-line-height) !important;
  color: var(--bd-muted) !important;
}

/* —— 输入控件：与站内表单页统一 15px / 48px / 12px 圆角 —— */
body:is([data-page="cooperate"], [data-page="demand"]):not(.mobile-page) .bd-field {
  gap: 8px;
}

body:is([data-page="cooperate"], [data-page="demand"]):not(.mobile-page) .bd-field input,
body:is([data-page="cooperate"], [data-page="demand"]):not(.mobile-page) .bd-field select,
body:is([data-page="cooperate"], [data-page="demand"]):not(.mobile-page) .bd-field textarea {
  min-height: 48px;
  padding: 0 14px;
  border: 1px solid var(--bd-border);
  border-radius: 12px;
  background: #FBFCFE;
  color: var(--bd-text);
  font-family: var(--site-font-family);
  font-size: var(--type-control-size);
  font-weight: 500;
  line-height: 1.4;
  box-shadow: none;
}

body:is([data-page="cooperate"], [data-page="demand"]):not(.mobile-page) .bd-field textarea {
  min-height: 128px;
  padding: 12px 14px;
  line-height: 1.7;
  resize: vertical;
}

/* 下拉：自绘箭头，与全站其余下拉/选择控件同一笔画语言（#00698F 1.8px）。 */
body:is([data-page="cooperate"], [data-page="demand"]):not(.mobile-page) .bd-field select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 40px;
  background-color: #FBFCFE;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%2300698F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 12px 8px;
  cursor: pointer;
}

body:is([data-page="cooperate"], [data-page="demand"]):not(.mobile-page) .bd-field input:focus,
body:is([data-page="cooperate"], [data-page="demand"]):not(.mobile-page) .bd-field select:focus,
body:is([data-page="cooperate"], [data-page="demand"]):not(.mobile-page) .bd-field textarea:focus {
  outline: none;
  border-color: rgba(0, 172, 235, 0.6);
  background-color: #FFFFFF;
  box-shadow: 0 0 0 3px rgba(0, 172, 235, 0.12);
}

/* —— 需求页条件块：与选择卡/输入框同一卡片语言 —— */
body[data-page="demand"]:not(.mobile-page) .conditional {
  gap: 14px !important;
  padding: 14px !important;
  border: 1px solid var(--bd-border) !important;
  border-radius: var(--bd-radius-sm) !important;
  background: #FAFBFD !important;
}

/* —— 授权勾选：两页同尺寸同圆角 —— */
body:is([data-page="cooperate"], [data-page="demand"]):not(.mobile-page) .bd-form .privacy-consent {
  padding: 13px 15px !important;
  border: 1px solid var(--bd-border);
  border-radius: var(--bd-radius-sm) !important;
  background: #FAFBFD !important;
  font-size: var(--type-supporting-size) !important;
  line-height: 1.7 !important;
  color: var(--bd-muted) !important;
}

/* —— 提交行：两页同一间距节奏（需求页旧层残留 margin-top:3px） —— */
body:is([data-page="cooperate"], [data-page="demand"]):not(.mobile-page) .bd-form .submit-row {
  min-height: 48px !important;
  margin-top: 18px !important;
  gap: 12px !important;
}