/* ─── 团队经营会议桌 │ team.css ───────────────────────────── */

.layout--team {
  min-height: 100vh;
  display: grid;
  grid-template-rows: auto 1fr auto;
  background: var(--c-bg-warm);
}

/* ── 顶部信息条 ── */
.team-topbar {
  background: var(--c-primary);
  color: #fff;
  padding: var(--sp-sm) var(--sp-xl);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.team-topbar__left, .team-topbar__center, .team-topbar__right {
  display: flex; align-items: center; gap: var(--sp-md);
}

.topbar-logo { display: flex; align-items: center; gap: var(--sp-xs); font-family: var(--f-display); font-size: var(--fs-h3); }
.logo-icon { color: var(--c-accent-light); font-size: var(--fs-h2); }

.round-badge, .team-badge {
  background: rgba(255,255,255,0.15);
  padding: var(--sp-xs) var(--sp-md);
  border-radius: var(--r-md);
  display: flex; align-items: center; gap: var(--sp-xs);
  font-size: var(--fs-small);
}

.role-badge { font-size: var(--fs-small); }

.status-indicator { display: flex; align-items: center; gap: var(--sp-xs); }
.status-dot { width: 8px; height: 8px; border-radius: 50%; }
.status-dot--idle   { background: #9CA3AF; }
.status-dot--active { background: var(--c-success); animation: pulse 1.5s infinite; }
.status-dot--locked { background: var(--c-accent-light); }
.status-text { font-size: var(--fs-xs); opacity: 0.8; }

@keyframes pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.5; } }

/* ── 主体两栏网格 ── */
.team-grid {
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: var(--sp-lg);
  padding: var(--sp-lg);
  overflow-y: auto;
}

/* ── 左侧决策区 ── */
.team-decision { overflow-y: auto; padding-right: var(--sp-md); }

/* ── 加入面板 ── */
.join-panel { display: flex; flex-direction: column; gap: var(--sp-xl); padding: var(--sp-2xl); }
.join-hero { text-align: center; padding: var(--sp-xl) 0; }
.join-hero__icon { font-size: 3rem; margin-bottom: var(--sp-md); }
.join-hero__title {
  font-family: var(--f-display);
  font-size: var(--fs-hero);
  color: var(--c-primary);
  line-height: 1.2;
}
.join-hero__desc {
  font-size: var(--fs-body);
  color: var(--c-muted);
  line-height: 1.8;
}

/* ── 团队选择器 ── */
.team-picker { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-sm); }
.team-picker__option {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: var(--sp-md);
  border: 2px solid var(--c-border);
  border-radius: var(--r-md);
  cursor: pointer;
  transition: all var(--duration) var(--ease-out);
  background: var(--c-bg);
}
.team-picker__option:hover { border-color: var(--c-primary-light); background: var(--c-primary-bg2); }
.team-picker__option--selected { border-color: var(--c-primary); background: var(--c-primary-bg); }
.team-picker__label { font-weight: 600; font-size: var(--fs-body); }
.team-picker__count { font-size: var(--fs-xs); color: var(--c-muted); }

/* ── 场景背景卡 ── */
.scenario-context {
  padding: var(--sp-xl);
  margin-bottom: var(--sp-lg);
  border-left: 4px solid var(--c-primary-light);
}
.scenario-context__header {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: var(--sp-md);
}
.scenario-context__round { font-size: var(--fs-number); }
.scenario-context__title {
  font-family: var(--f-display);
  font-size: var(--fs-h1);
  color: var(--c-primary);
  line-height: 1.3;
  margin-bottom: var(--sp-md);
}
.scenario-context__desc {
  font-size: var(--fs-body);
  color: var(--c-body);
  line-height: 1.8;
  margin-bottom: var(--sp-lg);
}

/* ── 冲突展示 ── */
.scenario-context__tension { display: flex; flex-direction: column; gap: var(--sp-xs); }
.tension-row {
  display: flex; align-items: center; gap: var(--sp-sm);
  padding: var(--sp-xs) var(--sp-sm);
  background: var(--c-bg-card);
  border-radius: var(--r-sm);
}
.tension-arrow { color: var(--c-light-muted); font-size: var(--fs-small); }
.tension-action { font-size: var(--fs-small); color: var(--c-body); font-weight: 500; }

/* ── 决策表单 ── */
.decision-form { display: flex; flex-direction: column; gap: var(--sp-lg); }

/* 决策字段组 */
.decision-field-group {
  background: var(--c-bg);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow-card);
  padding: var(--sp-lg);
  border-top: 3px solid var(--bsc-collab);
  transition: border-color var(--duration);
}
.decision-field-group[data-bsc="financial_health"]  { border-top-color: var(--bsc-finance); }
.decision-field-group[data-bsc="customer_value"]     { border-top-color: var(--bsc-customer); }
.decision-field-group[data-bsc="internal_operations"]{ border-top-color: var(--bsc-ops); }
.decision-field-group[data-bsc="learning_growth"]    { border-top-color: var(--bsc-learning); }
.decision-field-group[data-bsc="risk_resilience"]    { border-top-color: var(--bsc-risk); }
.decision-field-group[data-bsc="cross_department_collaboration"] { border-top-color: var(--bsc-collab); }

.decision-field-group__header {
  display: flex; align-items: center; gap: var(--sp-sm);
  margin-bottom: var(--sp-md);
}
.decision-field-group__icon { font-size: 1.25rem; }
.decision-field-group__title { font-weight: 600; font-size: var(--fs-h3); color: var(--c-primary); }
.decision-field-group__bsc-tag { font-size: var(--fs-xs); }

.decision-field { margin-bottom: var(--sp-md); }
.decision-field__label {
  display: block;
  font-size: var(--fs-small);
  font-weight: 600;
  color: var(--c-body);
  margin-bottom: var(--sp-sm);
}
.decision-field__desc {
  font-size: var(--fs-xs);
  color: var(--c-muted);
  margin-bottom: var(--sp-xs);
}

/* 选项按钮组 */
.decision-field__options {
  display: flex; flex-wrap: wrap; gap: var(--sp-sm);
}
.decision-option {
  padding: var(--sp-sm) var(--sp-md);
  border: 2px solid var(--c-border);
  border-radius: var(--r-md);
  font-size: var(--fs-small);
  font-weight: 500;
  cursor: pointer;
  background: var(--c-bg);
  transition: all var(--duration) var(--ease-out);
}
.decision-option:hover { border-color: var(--c-primary-light); background: var(--c-primary-bg2); }
.decision-option--selected { border-color: var(--c-primary); background: var(--c-primary-bg); color: var(--c-primary); font-weight: 700; }

/* 滑块 */
.decision-field__slider {
  display: flex; align-items: center; gap: var(--sp-md);
}
.decision-slider {
  flex: 1;
  height: 6px;
  background: var(--c-border);
  border-radius: 3px;
  appearance: none;
  outline: none;
}
.decision-slider::-webkit-slider-thumb {
  appearance: none;
  width: 20px; height: 20px;
  background: var(--c-primary);
  border-radius: 50%;
  cursor: pointer;
}
.decision-slider-value {
  font-family: var(--f-number);
  font-weight: 700;
  font-size: var(--fs-h3);
  color: var(--c-primary);
  min-width: 3rem;
  text-align: center;
}

/* ── 决策理由 ── */
.decision-reason { padding: var(--sp-lg); margin-bottom: var(--sp-lg); }
.form-textarea {
  width: 100%;
  padding: var(--sp-md);
  border: 2px solid var(--c-border);
  border-radius: var(--r-md);
  font-size: var(--fs-body);
  font-family: var(--f-body);
  line-height: 1.6;
  resize: vertical;
  min-height: 100px;
  transition: border-color var(--duration);
}
.form-textarea:focus { border-color: var(--c-primary); outline: none; }

/* ── 风险预检 ── */
.risk-preview { padding: var(--sp-lg); margin-bottom: var(--sp-lg); }
.risk-list { display: flex; flex-direction: column; gap: var(--sp-sm); }
.risk-item {
  display: flex; align-items: center; gap: var(--sp-sm);
  padding: var(--sp-sm);
  background: var(--c-accent-bg);
  border-radius: var(--r-sm);
}
.risk-item__icon { color: var(--c-danger); font-size: var(--fs-h3); }
.risk-item__text { font-size: var(--fs-small); color: var(--c-accent); }

/* ── 右侧信息区 ── */
.team-info { overflow-y: auto; padding-left: var(--sp-md); }

.info-empty {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  height: 100%; text-align: center; color: var(--c-muted);
}
.info-empty__icon { font-size: 3rem; margin-bottom: var(--sp-md); }
.info-empty__text { font-size: var(--fs-body); }

.info-panel { display: flex; flex-direction: column; gap: var(--sp-md); }

/* ── 角色卡 ── */
.role-card { padding: var(--sp-lg); }
.role-card__header {
  display: flex; align-items: center; gap: var(--sp-sm);
  margin-bottom: var(--sp-md);
}
.role-card__icon { font-size: 1.5rem; }
.role-card__name { font-family: var(--f-heading); font-weight: 700; font-size: var(--fs-h2); color: var(--c-primary); }

.role-card__section { margin-bottom: var(--sp-md); padding-bottom: var(--sp-md); border-bottom: 1px solid var(--c-border); }
.role-card__section:last-child { border-bottom: none; }
.role-card__section-title {
  font-size: var(--fs-xs);
  font-weight: 600;
  color: var(--c-muted);
  margin-bottom: var(--sp-xs);
  display: block;
}
.role-card__section--private .role-card__section-title { color: var(--c-accent); }
.role-card__section-text { font-size: var(--fs-body); color: var(--c-body); line-height: 1.6; }

.role-card__footer {
  display: flex; align-items: center; gap: var(--sp-md);
  font-size: var(--fs-small);
}
.role-card__risk-label, .role-card__kpi-label { color: var(--c-muted); }

/* ── 事件面板 ── */
.events-panel { padding: var(--sp-md); }
.events-list { display: flex; flex-direction: column; gap: var(--sp-sm); }
.event-item {
  padding: var(--sp-sm) var(--sp-md);
  background: var(--c-bg-card);
  border-radius: var(--r-sm);
}
.event-item__title { font-weight: 600; font-size: var(--fs-body); }
.event-item__desc { font-size: var(--fs-small); color: var(--c-muted); margin-top: var(--sp-xs); }

/* ── KPI 面板 ── */
.kpi-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--sp-sm); }
.kpi-item {
  padding: var(--sp-sm) var(--sp-md);
  background: var(--c-bg-card);
  border-radius: var(--r-sm);
  text-align: center;
}
.kpi-item__label { font-size: var(--fs-xs); color: var(--c-muted); }
.kpi-item__value { font-family: var(--f-number); font-weight: 700; font-size: var(--fs-h3); color: var(--c-primary); }
.kpi-item__unit { font-size: var(--fs-xs); color: var(--c-light-muted); }

/* ── 角色汇总 ── */
.roles-summary-list { display: flex; flex-direction: column; gap: var(--sp-xs); }
.role-summary-row {
  display: flex; align-items: center; gap: var(--sp-sm);
  padding: var(--sp-xs) 0;
}
.role-summary-row__name { font-size: var(--fs-small); color: var(--c-muted); }

/* ── 系统角色提示 ── */
.hint-list { display: flex; flex-direction: column; gap: var(--sp-sm); }
.hint-item {
  padding: var(--sp-sm);
  background: var(--c-accent-bg);
  border-radius: var(--r-sm);
  font-size: var(--fs-small);
}
.hint-item__role { font-weight: 700; color: var(--c-accent); }

/* ── 底部提交栏 ── */
.team-footer {
  background: var(--c-bg);
  border-top: 2px solid var(--c-border);
  padding: var(--sp-md) var(--sp-xl);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer-actions { display: flex; gap: var(--sp-md); }
.footer-status__text { font-size: var(--fs-small); color: var(--c-muted); }

/* ── 响应式 ── */
@media (max-width: 900px) {
  .team-grid { grid-template-columns: 1fr; }
  .team-info { padding-left: 0; border-top: 1px solid var(--c-border); }
}
@media (min-width: 1200px) {
  .team-grid { grid-template-columns: 1fr 420px; }
}

/* ════════════════════════════════════════════════════════
   锦囊 Modal 样式
   ════════════════════════════════════════════════════════ */

/* ── 侧边栏锦囊入口卡片 ── */
.hint-entry {
  display: flex; align-items: flex-start; gap: var(--sp-sm);
  padding: var(--sp-sm) var(--sp-md);
  background: var(--c-accent-bg2);
  border-radius: var(--r-md);
  border-left: 3px solid var(--c-accent);
  cursor: pointer;
  transition: background 0.2s, transform 0.15s;
  margin-bottom: var(--sp-xs);
  animation: hintSlideIn 0.4s ease;
}
.hint-entry:hover { background: var(--c-accent-bg); transform: translateX(2px); }
.hint-entry__icon { font-size: 1.25rem; flex-shrink: 0; line-height: 1.4; }
.hint-entry__body { flex: 1; min-width: 0; }
.hint-entry__title { font-weight: 600; font-size: var(--fs-small); color: var(--c-primary); margin-bottom: 2px; }
.hint-entry__desc { font-size: var(--fs-xs); color: var(--c-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hint-entry__tags { display: flex; gap: 4px; margin-top: 4px; }

@keyframes hintSlideIn { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }

/* ── Modal 遮罩 ── */
.hint-modal {
  position: fixed; inset: 0; z-index: 9000;
  display: flex; align-items: center; justify-content: center;
  background: rgba(15, 23, 42, 0.55);
  backdrop-filter: blur(6px);
  animation: fadeIn 0.25s ease;
}
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

/* ── Modal 对话框 ── */
.hint-modal__dialog {
  width: 92%; max-width: 880px;
  max-height: 88vh;
  background: var(--c-bg);
  border-radius: var(--r-xl);
  box-shadow: 0 24px 64px rgba(15, 23, 42, 0.22);
  display: flex; flex-direction: column;
  overflow: hidden;
  animation: dialogRise 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes dialogRise { from { opacity: 0; transform: translateY(24px) scale(0.97); } to { opacity: 1; transform: translateY(0) scale(1); } }

/* ── Modal Header ── */
.hint-modal__header {
  padding: var(--sp-lg) var(--sp-xl) var(--sp-md);
  background: linear-gradient(135deg, var(--c-primary-bg) 0%, var(--c-accent-bg2) 100%);
  border-bottom: 1px solid var(--c-border);
  flex-shrink: 0;
}
.hint-modal__eyebrow { font-size: var(--fs-xs); font-weight: 600; color: var(--c-accent); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 4px; }
.hint-modal__title { font-size: var(--fs-h2); font-weight: 700; color: var(--c-primary); margin: 0 0 4px; line-height: 1.3; }
.hint-modal__subtitle { font-size: var(--fs-body); color: var(--c-body); margin: 0 0 var(--sp-sm); }
.hint-modal__tags { display: flex; flex-wrap: wrap; gap: 6px; }
.hint-modal__tag { font-size: var(--fs-xs); padding: 2px 10px; border-radius: var(--r-pill); background: var(--c-bg-card); color: var(--c-body); border: 1px solid var(--c-border); }
.hint-modal__tag--severity-high { background: #FEE2E2; color: #B91C1C; border-color: #FCA5A5; }
.hint-modal__tag--severity-medium { background: #FEF3C7; color: #92400E; border-color: #FCD34D; }
.hint-modal__tag--severity-low { background: #DBEAFE; color: #1E40AF; border-color: #93C5FD; }

/* ── Modal 关闭按钮 ── */
.hint-modal__close {
  position: absolute; top: var(--sp-md); right: var(--sp-lg);
  width: 36px; height: 36px; border-radius: 50%;
  border: none; background: rgba(0,0,0,0.06); color: var(--c-body);
  font-size: 1.1rem; cursor: pointer; display: flex; align-items: center; justify-content: center;
  transition: background 0.2s;
}
.hint-modal__close:hover { background: rgba(0,0,0,0.12); }

/* ── Tab Bar ── */
.hint-modal__tabbar {
  display: flex; gap: 4px; padding: var(--sp-sm) var(--sp-xl);
  border-bottom: 1px solid var(--c-border);
  background: var(--c-bg-warm);
  flex-shrink: 0;
  overflow-x: auto;
}
.hint-modal__tab {
  padding: var(--sp-xs) var(--sp-md);
  border-radius: var(--r-pill);
  border: none; background: transparent;
  font-size: var(--fs-small); font-weight: 500; color: var(--c-muted);
  cursor: pointer; white-space: nowrap;
  transition: all 0.2s;
}
.hint-modal__tab:hover { background: var(--c-bg-card); color: var(--c-body); }
.hint-modal__tab--active { background: var(--c-primary); color: #fff; font-weight: 600; }

/* ── Tab Body ── */
.hint-modal__body {
  flex: 1; overflow-y: auto;
  padding: var(--sp-lg) var(--sp-xl);
}
.hint-modal__body::-webkit-scrollbar { width: 6px; }
.hint-modal__body::-webkit-scrollbar-thumb { background: var(--c-border); border-radius: 3px; }

/* ── 理论机制 Tab ── */
.theory-block { margin-bottom: var(--sp-lg); }
.theory-block__label { font-size: var(--fs-xs); font-weight: 700; color: var(--c-accent); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: var(--sp-xs); }
.theory-block__name { font-size: var(--fs-h3); font-weight: 600; color: var(--c-primary); margin-bottom: 4px; }
.theory-block__source { font-size: var(--fs-xs); color: var(--c-muted); font-style: italic; margin-bottom: var(--sp-sm); }
.theory-block__problem { font-size: var(--fs-body); color: var(--c-body); line-height: 1.7; padding: var(--sp-sm) var(--sp-md); background: var(--c-primary-bg2); border-radius: var(--r-md); border-left: 3px solid var(--c-primary-light); margin-bottom: var(--sp-md); }
.theory-block__explanation { font-size: var(--fs-body); color: var(--c-body); line-height: 1.8; margin-bottom: var(--sp-md); }
.theory-block__explanation p { margin: 0 0 var(--sp-sm); }

.theory-section-title { font-size: var(--fs-small); font-weight: 700; color: var(--c-primary); margin: var(--sp-md) 0 var(--sp-sm); display: flex; align-items: center; gap: 6px; }

.mechanism-list { display: flex; flex-direction: column; gap: var(--sp-sm); }
.mechanism-item { padding: var(--sp-sm) var(--sp-md); background: var(--c-bg-card); border-radius: var(--r-md); border-left: 3px solid #3B82F6; }
.mechanism-item__title { font-weight: 600; font-size: var(--fs-small); color: var(--c-body); margin-bottom: 4px; }
.mechanism-item__body { font-size: var(--fs-xs); color: var(--c-muted); line-height: 1.6; }

.signal-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.signal-chip { font-size: var(--fs-xs); padding: 4px 12px; border-radius: var(--r-pill); background: #FEF3C7; color: #92400E; border: 1px solid #FCD34D; }

.risk-list { display: flex; flex-direction: column; gap: var(--sp-sm); }
.risk-item { padding: var(--sp-sm) var(--sp-md); background: #FEF2F2; border-radius: var(--r-md); border-left: 3px solid #EF4444; }
.risk-item__title { font-weight: 600; font-size: var(--fs-small); color: #991B1B; margin-bottom: 4px; }
.risk-item__body { font-size: var(--fs-xs); color: #7F1D1D; line-height: 1.6; }

.method-list { display: flex; flex-direction: column; gap: var(--sp-sm); }
.method-item { padding: var(--sp-sm) var(--sp-md); background: #ECFDF5; border-radius: var(--r-md); border-left: 3px solid #10B981; }
.method-item__title { font-weight: 600; font-size: var(--fs-small); color: #065F46; margin-bottom: 4px; }
.method-item__body { font-size: var(--fs-xs); color: #064E3B; line-height: 1.6; }

/* ── 案例 Tab ── */
.case-title { font-size: var(--fs-h3); font-weight: 700; color: var(--c-primary); margin-bottom: var(--sp-sm); line-height: 1.3; }
.case-section { margin-bottom: var(--sp-md); }
.case-section__label { font-size: var(--fs-xs); font-weight: 700; color: var(--c-accent); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: var(--sp-xs); }
.case-section__text { font-size: var(--fs-body); color: var(--c-body); line-height: 1.8; }
.case-section__text p { margin: 0 0 var(--sp-sm); }

.case-numbers { display: flex; flex-wrap: wrap; gap: var(--sp-sm); margin: var(--sp-md) 0; }
.case-number { padding: var(--sp-sm) var(--sp-md); background: var(--c-primary-bg); border-radius: var(--r-md); text-align: center; min-width: 100px; }
.case-number__label { font-size: var(--fs-xs); color: var(--c-muted); margin-bottom: 2px; }
.case-number__value { font-size: var(--fs-h3); font-weight: 700; color: var(--c-primary); }

.case-lessons { margin: var(--sp-md) 0; }
.case-lesson { padding: var(--sp-sm) var(--sp-md); background: var(--c-accent-bg2); border-radius: var(--r-md); border-left: 3px solid var(--c-accent); margin-bottom: var(--sp-sm); font-size: var(--fs-small); color: var(--c-body); line-height: 1.7; }

.case-notcopy { padding: var(--sp-sm) var(--sp-md); background: #FFF7ED; border-radius: var(--r-md); border-left: 3px solid #F59E0B; margin-top: var(--sp-md); }
.case-notcopy__label { font-size: var(--fs-xs); font-weight: 700; color: #92400E; margin-bottom: 4px; }
.case-notcopy__text { font-size: var(--fs-xs); color: #78350F; line-height: 1.6; }

/* ── 深度思考 Tab ── */
.question-card { display: flex; gap: var(--sp-md); padding: var(--sp-md); background: var(--c-bg-card); border-radius: var(--r-md); margin-bottom: var(--sp-sm); }
.question-card__num { width: 32px; height: 32px; border-radius: 50%; background: var(--c-primary); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: var(--fs-small); flex-shrink: 0; }
.question-card__body { flex: 1; }
.question-card__title { font-weight: 600; font-size: var(--fs-small); color: var(--c-primary); margin-bottom: 4px; }
.question-card__text { font-size: var(--fs-xs); color: var(--c-body); line-height: 1.7; }

/* ── 解决思路 Tab ── */
.action-card { padding: var(--sp-md); background: var(--c-bg-card); border-radius: var(--r-md); border: 1px solid var(--c-border); margin-bottom: var(--sp-sm); transition: transform 0.15s, box-shadow 0.15s; }
.action-card:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,0,0,0.06); }
.action-card__label { display: flex; align-items: center; gap: 6px; font-weight: 600; font-size: var(--fs-small); color: var(--c-primary); margin-bottom: 4px; }
.action-card__desc { font-size: var(--fs-xs); color: var(--c-body); line-height: 1.7; }

/* ── Modal Footer ── */
.hint-modal__footer {
  padding: var(--sp-md) var(--sp-xl);
  border-top: 1px solid var(--c-border);
  background: var(--c-bg-warm);
  flex-shrink: 0;
  display: flex; align-items: center; justify-content: space-between; gap: var(--sp-md);
}
.hint-modal__reminder { font-size: var(--fs-small); color: var(--c-body); line-height: 1.5; flex: 1; }
.hint-modal__btn { padding: var(--sp-sm) var(--sp-lg); border-radius: var(--r-md); border: none; background: var(--c-primary); color: #fff; font-size: var(--fs-small); font-weight: 600; cursor: pointer; transition: background 0.2s; flex-shrink: 0; }
.hint-modal__btn:hover { background: var(--c-primary-light); }

/* ── 响应式 ── */
@media (max-width: 768px) {
  .hint-modal__dialog { width: 96%; max-height: 92vh; border-radius: var(--r-lg); }
  .hint-modal__header { padding: var(--sp-md); }
  .hint-modal__tabbar { padding: var(--sp-xs) var(--sp-md); }
  .hint-modal__body { padding: var(--sp-md); }
  .hint-modal__footer { padding: var(--sp-sm) var(--sp-md); flex-direction: column; }
  .case-numbers { flex-direction: column; }
}