/* feedback.css —— 「听您说」入口三栏（首页）+ 独立反馈页
   设计原则：
   1. 中间那个标签是视觉焦点（顾客点进去），左右是即时通道（电话/微信）；
   2. 不用图片，纯 CSS，避免加载抖动；
   3. **全部颜色走站点变量**（--card / --ink-primary / --divider / --brand-*）。
      踩过的坑：先前用 prefers-color-scheme 写深色，但站点是 [data-theme="night"]
      类名切换，系统深色 + 站点浅色时会变成「白字落在白卡上」，标题直接消失。 */

/* ---------- 首页三栏 ---------- */
.say { padding:20px 16px 8px; max-width: 1080px; margin:0 auto; }
.say-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap:8px; }

.say-card {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap:4px; min-height: 78px; padding:12px 8px; border-radius:var(--r-lg);
  border: 1px solid var(--divider); background: var(--card);
  color: var(--ink-primary); text-decoration: none; text-align: center;
  font-size:15px; font-weight: 600; line-height: 1.35;
  transition:transform var(--dur-fast) ease, box-shadow var(--dur-fast) ease, border-color var(--dur-fast) ease;
}
.say-card:active { transform: scale(.98); }
.say-card small { display: block; font-size:12px; font-weight: 400; color: var(--ink-secondary); }

/* 中间：听您说（主入口，视觉最重） */
.say-card--main {
  border-color: var(--brand);
  background: var(--brand-bg-soft);
  box-shadow: 0 4px 14px rgba(232, 90, 12, .14);
}
.say-card--main .say-tag {
  display: inline-block; margin-top:2px; padding:2px 8px; border-radius:var(--r-pill);
  background: var(--brand); color: #fff; font-size: 11px; font-weight: 600;
}

@media (max-width: 359px) {
  .say-card { font-size: 13px; min-height: 70px; }
}

/* ---------- 独立反馈页 ---------- */
.fb-wrap { max-width: 560px; margin:0 auto; padding:16px 16px 40px; }
.fb-head { margin-bottom:16px; }
.fb-head h1 { margin:0 0 8px; font-size: 22px; line-height: 1.35; color: var(--ink-primary); }
.fb-head p { margin:0; color: var(--ink-secondary); font-size: 14px; line-height: 1.75; }
.fb-head p b { color: var(--brand); }

.fb-types { display: flex; gap:8px; margin:16px 0 16px; flex-wrap: wrap; }
.fb-type {
  padding:8px 16px; border-radius:var(--r-pill); border: 1px solid var(--divider);
  background: var(--card); font-size: 14px; color: var(--ink-primary); cursor: pointer;
}
.fb-type[aria-pressed="true"] {
  border-color: var(--brand); background: var(--brand-bg-soft);
  color: var(--brand-strong); font-weight: 600;
}

.fb-field { margin-bottom:16px; }
.fb-label { display: block; font-size: 13px; color: var(--ink-secondary); margin-bottom:8px; }
.fb-textarea, .fb-input {
  width: 100%; box-sizing: border-box; padding:12px; border-radius:var(--r-md);
  border: 1px solid var(--divider); background: var(--card); color: var(--ink-primary);
  font-size: 15px; font-family: inherit; line-height: 1.6;
}
.fb-textarea { min-height: 132px; resize: vertical; }
.fb-textarea:focus, .fb-input:focus { outline: none; border-color: var(--brand); }
.fb-input--err { border-color: var(--price); }
.fb-err { color: var(--price); font-size:13px; margin-top:8px; }

.fb-submit {
  width: 100%; padding:16px; border: 0; border-radius:var(--r-md); cursor: pointer;
  /* V24-q1：原 background: var(--brand-grad)。
     昼间 --brand-grad 的浅端是 #FF8A3D —— 白字实测 2.34:1，全站最该点的按钮不达 AA。
     夜间 --brand-grad 是蓝色 #0071e3→#005bb8（白字 4.70→6.59）本来合格，
     所以不能改 --brand-grad 全局令牌（会连带改掉所有页面）。
     改用「白字载体」令牌的两端做渐变：昼 #C2410C(5.18)→#A83A06、夜 #0071e3(4.70)→#005bb8(6.59)，
     两端全部 ≥4.5:1，渐变观感保留，改动只有这一行的色值。 */
  background: linear-gradient(135deg, var(--accent-text-bg), var(--accent-hover));
  color: #fff; font-size: 16px; font-weight: 700;
}
.fb-submit[disabled] { opacity: .6; cursor: default; }

.fb-alt { margin-top:16px; display: grid; gap:8px; }
.fb-alt a {
  display: block; padding:12px; border-radius:var(--r-md); text-align: center;
  border: 1px solid var(--divider); color: var(--ink-primary); text-decoration: none;
  font-size: 14px; font-weight: 600; background: var(--card);
}
.fb-note { margin-top:16px; font-size:13px; color: var(--ink-secondary); line-height: 1.75; }
.fb-note a { color: var(--brand); }

.fb-done {
  padding:24px 16px; border-radius:var(--r-lg); background: var(--brand-bg-soft);
  border: 1px solid var(--brand-border); text-align: center;
}
.fb-done h2 { margin:0 0 8px; font-size: 19px; color: var(--ink-primary); }
.fb-done p { margin:0 0 16px; color: var(--ink-secondary); font-size: 14px; line-height: 1.75; }

/* 抽屉里通往独立反馈页的入口（2026-10-20）：
   抽屉保留「快速投票」，认真吐槽走 feedback.html（能留电话、有回馈礼）。 */
.voice__goto {
  display: block; margin:8px 16px 2px; padding:8px 12px; border-radius:var(--r-md);
  background: var(--brand-bg-soft); border: 1px solid var(--brand-border);
  color: var(--brand-strong); font-size:var(--fs-sm); font-weight: 600;
  text-decoration: none; text-align: center;
}

/* 反馈页里的「投一票」设备选择：比类型 chip 小一号，8 个能排两行 */
.fb-vote { display: flex; flex-wrap: wrap; gap:8px; }
.fb-vote .fb-dev { padding:8px 12px; font-size: 13px; }