/* ============================================================================
   追单计算优惠（2026-10-31 新增面板 #panel-chaseCalc）
   风格对齐全站（与 chase.css 同一套变量）：白卡片 + 中性灰 + 品牌玫红强调色。
   左侧「选择 + 录入」，右侧「话术结果 + 复制」；窄屏自动上下堆叠。
============================================================================ */
.cc-wrap{display:flex;flex-direction:column;gap:18px;}
.cc-card{border:1px solid var(--line);border-radius:14px;background:var(--canvas);box-shadow:var(--shadow-sm);padding:14px 16px 16px;}

/* ── 录入区：产品 / 直播间小套餐 / 升级档位 / 实付 / 盒数 / 产品名 / 赠品 ── */
.cc-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px 14px;align-items:end;}
.cc-form .field{display:flex;flex-direction:column;gap:6px;min-width:0;}
.cc-form label{font-size:12px;font-weight:700;color:var(--ink-soft);}
.cc-form input,.cc-form select{border:1px solid var(--line);border-radius:10px;padding:9px 12px;font:inherit;font-size:14px;color:var(--ink);background:#fff;min-width:0;width:100%;}
.cc-form input:focus,.cc-form select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(225,29,72,.12);}
/* 赠品清单最长 → 整行铺满 */
.cc-form .field.is-wide{grid-column:1 / -1;}
.cc-tip{margin-top:12px;font-size:11.5px;line-height:1.6;color:var(--ink-soft);}
.cc-tip b{color:var(--brand);}

/* ── 结果区：浅绿底 + 预排版（微信里原样粘贴） ── */
.cc-result{white-space:pre-wrap;word-break:break-word;background:#f0faf3;border:1px solid #b7e4c7;border-radius:10px;padding:14px;font-size:15px;line-height:1.7;color:var(--ink);min-height:220px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;}
.cc-result:hover{border-color:#6ee7b7;box-shadow:0 8px 18px rgba(5,150,105,.10);}
.cc-err{min-height:18px;margin-top:8px;font-size:13px;color:#d93025;}
/* 「升级方案不划算」= 提醒不是报错，用橙字 + 浅橙底更贴切 */
.cc-err.is-warn{display:inline-block;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:3px 10px;color:#c2410c;font-weight:700;}

.cc-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;}
.cc-copy{border:0;border-radius:10px;padding:10px 18px;font:inherit;font-size:14px;font-weight:800;cursor:pointer;background:var(--brand);color:#fff;box-shadow:0 8px 18px rgba(225,29,72,.18);transition:.15s;}
.cc-copy:hover{filter:brightness(1.06);}
.cc-copy:active{transform:translateY(1px);}
.cc-reset{border:1px solid var(--line);border-radius:10px;padding:10px 18px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;background:#fff;color:var(--ink-soft);transition:.15s;}
.cc-reset:hover{color:var(--brand);border-color:#fecdd3;background:#fff7ed;}

/* ── 深色模式 ── */
body[data-theme="dark"] .cc-card{background:rgba(15,23,42,.6);border-color:rgba(148,163,184,.18);box-shadow:none;}
body[data-theme="dark"] .cc-form input,
body[data-theme="dark"] .cc-form select{background:rgba(15,23,42,.7);color:#e5e7eb;border-color:rgba(148,163,184,.25);}
body[data-theme="dark"] .cc-form label{color:#94a3b8;}
body[data-theme="dark"] .cc-result{background:rgba(6,78,59,.42);border-color:rgba(110,231,183,.34);color:#e5e7eb;}
body[data-theme="dark"] .cc-result:hover{border-color:rgba(110,231,183,.55);box-shadow:0 8px 18px rgba(0,0,0,.3);}
body[data-theme="dark"] .cc-err{color:#fca5a5;}
body[data-theme="dark"] .cc-err.is-warn{background:rgba(249,115,22,.16);border-color:rgba(251,146,60,.38);color:#fdba74;}
body[data-theme="dark"] .cc-reset{background:rgba(15,23,42,.6);color:#cbd5e1;border-color:rgba(148,163,184,.25);}
body[data-theme="dark"] .cc-reset:hover{background:rgba(249,115,22,.18);color:#fdba74;border-color:rgba(251,146,60,.4);}

@media (max-width:640px){
  .cc-form{grid-template-columns:minmax(0,1fr);}
  .cc-btns .cc-copy,.cc-btns .cc-reset{flex:1 1 auto;}
}