/* Deal view scoped under #deal-root — aligned to KOL theme vars */
#deal-root{
  /* inherit KOL tokens — never circular-alias --red/--ink/--card */
  --surface: #FFFFFF;
  --surface-border: #E5E5EA;
  --brand: #111111;
  --brand-sub: #5C5C5C;
  --red-soft: #FF4D5A;
  --red-text: #E11D2E;
  --chip-bg: #F0F0F2;
  --chip-text: #5C5C5C;
  --chip-border: #D4D4D4;
  --chrome-grad: transparent;
  --chrome-inner: transparent;
  --chrome-border: transparent;
  --chrome-text: #111111;
  --tabs-grad: transparent;
  --tabs-border: transparent;
  --tabs-shadow: none;
  color: var(--ink);
  --surface: #FFFFFF;
  --surface-border: #E5E5EA;
}
html[data-theme="dark"] #deal-root{
  --surface: #0A0A0A;
  --surface-border: #2a2a2a;
}
html[data-theme="dark"] #deal-root{
  --surface: #0A0A0A;
  --surface-border: #2a2a2a;
  --brand: #E8E8E8;
  --brand-sub: #A3A3A3;
  --chip-bg: rgba(255,255,255,.06);
  --chip-text: #CFCFCF;
  --chip-border: rgba(255,255,255,.14);
  --chrome-text: #E8E8E8;
}
/* Faithful mirror of deal-quote-final.tsx black-red theme */#deal-root *{box-sizing:border-box}#deal-root a{color:inherit;text-decoration:none}#deal-root button,#deal-root input{font:inherit}#deal-root .countries-wrap{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:10px;margin:0 -8px 10px;flex-wrap:wrap;background:var(--chrome-grad);border-radius:16px;border:1px solid var(--chrome-border);box-shadow:var(--tabs-shadow)}#deal-root .countries{display:inline-flex;align-items:stretch;gap:6px;padding:6px;border-radius:14px;background:var(--chrome-inner);border:1px solid var(--chrome-border);flex-wrap:wrap;width:100%;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}#deal-root .countries button{display:inline-flex;flex-direction:row;align-items:baseline;justify-content:center;gap:6px;min-width:72px;padding:7px 12px;border-radius:999px;border:1px solid var(--chip-border);background:var(--chip-bg);color:var(--chrome-text);cursor:pointer;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}#deal-root .countries button:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.35),0 0 10px rgba(225,29,46,.18);background:rgba(255,255,255,.12)}#deal-root .countries button.active{background:linear-gradient(135deg,#E11D2E,#C41E3A);border-color:rgba(225,29,46,.95);color:#fff;box-shadow:0 0 0 1px rgba(225,29,46,.35),0 0 16px rgba(225,29,46,.5)}#deal-root .countries button .en{font-size:10px;opacity:.7;font-weight:700;letter-spacing:.12em}#deal-root .countries button.active .en{opacity:.95}#deal-root .tabs{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;padding:10px;border-radius:20px;background:var(--tabs-grad);border:1px solid var(--tabs-border);box-shadow:var(--tabs-shadow);margin-bottom:14px}#deal-root .tabs button{flex:1 1 140px;min-width:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:12px 14px 10px;border-radius:16px;border:1px solid var(--chip-border);background:var(--chip-bg);color:var(--chrome-text);cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .16s ease,box-shadow .16s ease}#deal-root .tabs button:hover{transform:translateY(-3px);border-color:var(--red);background:linear-gradient(145deg,rgba(225,29,46,.35),rgba(225,29,46,.12));box-shadow:0 0 0 1px rgba(225,29,46,.35),0 0 22px rgba(225,29,46,.5),0 8px 18px rgba(0,0,0,.4)}#deal-root .tabs button.active{background:linear-gradient(145deg,#E11D2E,#A91422);border-color:var(--red);color:#fff;box-shadow:0 0 0 1px rgba(225,29,46,.45),0 0 28px rgba(225,29,46,.55),inset 0 1px 0 rgba(255,255,255,.2)}#deal-root .tabs button.active:hover{transform:none}#deal-root .tabs button .zh{font-family:var(--art);font-size:14px;font-weight:700;line-height:20px;color:inherit}#deal-root .tabs button .en{font-size:11px;font-weight:700;opacity:.8;letter-spacing:.04em;color:inherit}#deal-root .tabs button .cnt{font-size:11px;font-weight:700;opacity:.85;color:inherit}#deal-root .panel-title{font-size:14px;font-weight:700;color:var(--panel-title);margin:0 0 8px}#deal-root .callout{max-width:560px;margin-bottom:14px;border-radius:18px;padding:14px 16px 16px;background:var(--callout-bg);border:1px solid var(--callout-border);box-shadow:0 4px 16px rgba(225,29,46,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}#deal-root .callout .t{display:flex;align-items:center;gap:10px;font-size:13px;line-height:18px;font-weight:700;letter-spacing:.12em;color:var(--callout-text);margin-bottom:12px}#deal-root .callout .t::before{content:"";width:3px;height:16px;border-radius:999px;background:linear-gradient(180deg,#FF6B6B,#E11D2E);box-shadow:0 0 10px rgba(225,29,46,.65);flex-shrink:0}#deal-root .callout .t::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(225,29,46,.55),rgba(225,29,46,0))}#deal-root .callout ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;counter-reset:cpa}#deal-root .callout li{counter-increment:cpa;display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:12px;background:var(--callout-item-bg);border:1px solid var(--callout-item-border);color:var(--callout-text);font-size:12px;line-height:18px;font-weight:600;letter-spacing:.02em}#deal-root .callout li::before{content:counter(cpa);width:24px;height:24px;border-radius:999px;background:linear-gradient(145deg,#FF4D5A,#E11D2E);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0;box-shadow:0 0 12px rgba(225,29,46,.45)}#deal-root .table-wrap{max-width:360px;border-radius:16px;overflow:hidden;border:1px solid rgba(225,29,46,.28);background:#fff;box-shadow:0 10px 28px rgba(0,0,0,.28),0 0 0 1px rgba(225,29,46,.08)}#deal-root .table{width:100%;border-collapse:collapse;background:#fff;color:#111;margin:0}#deal-root .table th,#deal-root .table td{padding:7px 14px;border-bottom:1px solid rgba(0,0,0,.06);font-variant-numeric:tabular-nums}#deal-root .table th{background:linear-gradient(135deg,#E11D2E,#A91422);color:#fff;font-size:10px;line-height:14px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}#deal-root .table th:last-child,#deal-root .table td:last-child{text-align:right}#deal-root .table td{font-size:11px;line-height:16px;font-weight:600;letter-spacing:.04em;color:#2A2A2A;box-shadow:inset 2px 0 0 transparent;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}#deal-root .table td:last-child{font-size:13px;line-height:18px;font-weight:700;letter-spacing:.08em;font-family:"DIN Alternate","Avenir Next Condensed","Helvetica Neue",ui-sans-serif,system-ui,sans-serif;color:#111}#deal-root .table tbody tr:nth-child(even) td{background:rgba(250,250,250,.92);box-shadow:inset 2px 0 0 rgba(225,29,46,.18)}#deal-root .table tbody tr:hover td{background:linear-gradient(90deg,rgba(225,29,46,.10),rgba(255,255,255,.92));box-shadow:inset 3px 0 0 #E11D2E}#deal-root .table tbody tr:hover td:last-child{color:#E11D2E}#deal-root .table tr:last-child td{border-bottom:0}#deal-root .pkg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}#deal-root .pkg{background:#fff;color:#000;border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:8px;height:100%;content-visibility:auto;contain-intrinsic-size:auto 220px}#deal-root .pkg.feat{border-color:var(--line-strong)}#deal-root .pkg .name{font-weight:700;color:#000}#deal-root .pkg .badge{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;background:#1a0507;color:var(--red-soft);border:1px solid var(--red);font-size:11px;font-weight:500}#deal-root .pkg .price{font-size:16px;font-weight:700;color:#000;margin:0}#deal-root .pkg .meta{font-size:12px;color:#555;line-height:1.45}#deal-root .filters{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}#deal-root .filters input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#fff;color:#000;font-weight:600}#deal-root .chip-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:8px 10px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}#deal-root .chip-row .lab{font-size:12px;color:#A3A3A3;flex-shrink:0;font-weight:700;letter-spacing:.04em}#deal-root .chip-row button{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#F2F2F2;font-size:12px;font-weight:700;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}#deal-root .chip-row button:hover{transform:translateY(-1px);background:rgba(255,255,255,.14);box-shadow:0 4px 14px rgba(0,0,0,.35),0 0 10px rgba(225,29,46,.18)}#deal-root .chip-row button.active{background:linear-gradient(135deg,#E11D2E,#C41E3A);border-color:rgba(225,29,46,.95);color:#fff;box-shadow:0 0 0 1px rgba(225,29,46,.35),0 0 18px rgba(225,29,46,.45)}#deal-root .chip-row button img.plat-logo{width:16px;height:16px;border-radius:4px;object-fit:contain;background:#fff;display:block}#deal-root .filters-spacer{width:100%;height:10%;min-height:28px;max-height:72px}#deal-root .layout{display:grid;grid-template-columns:200px 1fr;gap:clamp(16px,10%,48px)}#deal-root @media(max-width:800px){.layout{grid-template-columns:1fr}}#deal-root .rail{background:var(--surface,#fff);border:1px solid var(--line);border-radius:14px;padding:6px 4px;max-height:70vh;overflow:auto;content-visibility:auto;box-shadow:0 1px 2px rgba(0,0,0,.03)}#deal-root .rail button{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px 12px 10px 10px;border-radius:10px;border:none;background:transparent;color:#333;cursor:pointer;text-align:left;margin:0;font-weight:500;box-shadow:none;transition:background .14s ease,color .14s ease}#deal-root .rail button:hover{background:rgba(0,0,0,.035);transform:none;box-shadow:none;border:none}#deal-root .rail button.active{background:#E8F5E9;color:#2E7D32;font-weight:700;border:none;box-shadow:none}#deal-root .rail button.active:hover{background:#E8F5E9;color:#2E7D32;transform:none}#deal-root .rail button.active[data-brand="all"]{background:#FFEBEE;color:#C62828}#deal-root .rail button.active[data-brand="all"]:hover{background:#FFEBEE;color:#C62828}#deal-root .rail button::after{content:"";position:absolute;right:0;top:8px;bottom:8px;width:3px;border-radius:2px;background:transparent}#deal-root .rail button.active::after{background:#43A047}#deal-root .rail button.active[data-brand="all"]::after{background:#E11D2E}#deal-root .rail .left{display:flex;align-items:center;gap:10px;min-width:0}#deal-root .rail .nm{font-size:13px;line-height:18px;font-weight:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#deal-root .rail .cnt{font-size:12px;line-height:16px;font-weight:600;color:#9E9E9E;margin-right:6px;font-variant-numeric:tabular-nums}#deal-root .rail button.active .cnt{color:inherit}#deal-root .rail .logo,#deal-root .rail .logo.mark{width:28px;height:28px;border-radius:999px;object-fit:cover;flex-shrink:0}#deal-root .logo{width:28px;height:28px;border-radius:6px;object-fit:contain;background:#fff;flex-shrink:0;border:1px solid #222}#deal-root .logo.lg{width:36px;height:36px;border-radius:8px}#deal-root .logo.mark{display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700;border:0}#deal-root .cards{display:flex;flex-direction:column;gap:10px}#deal-root .card{display:flex;flex-direction:column;gap:8px;background:#fff;color:#000;border:1px solid var(--line);border-radius:12px;padding:12px;content-visibility:auto;contain-intrinsic-size:auto 180px;position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}#deal-root .card:hover{border-color:rgba(225,29,46,.45);background:linear-gradient(165deg,#fff 0%,#FFF5F6 42%,#FFE8EB 100%);box-shadow:0 0 0 1px rgba(225,29,46,.18),0 10px 28px rgba(225,29,46,.22),0 6px 16px rgba(0,0,0,.18)}#deal-root .card:hover::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(225,29,46,.12),rgba(225,29,46,0) 42%);pointer-events:none}#deal-root .card a.block{display:flex;flex-direction:column;gap:8px;color:inherit;cursor:pointer}#deal-root .card .top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}#deal-root .card .left{display:flex;gap:10px;min-width:0;flex:1}#deal-root .card .title{font-weight:700;color:#000;font-size:13px;line-height:18px}#deal-root .card .plats{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px}#deal-root .card .plats .hint{font-size:11px;color:#444}#deal-root .plat{display:inline-flex;align-items:center;justify-content:center;position:relative;width:11px;height:11px;border-radius:3px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 2px rgba(0,0,0,.12);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;overflow:visible;cursor:default}#deal-root .plat img{width:11px;height:11px;object-fit:contain;border-radius:2px;display:block;pointer-events:none}#deal-root .plat:hover{transform:translateY(-3px) scale(1.18);box-shadow:0 0 0 2px rgba(225,29,46,.25),0 0 14px rgba(225,29,46,.55),0 6px 14px rgba(0,0,0,.35);z-index:5}#deal-root .plat .tip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);padding:4px 8px;border-radius:8px;background:rgba(10,10,10,.92);color:#fff;font-size:11px;line-height:14px;font-weight:700;white-space:nowrap;border:1px solid rgba(225,29,46,.55);box-shadow:0 0 12px rgba(225,29,46,.35);opacity:0;pointer-events:none;transition:opacity .16s ease}#deal-root .plat:hover .tip{opacity:1}#deal-root .tag{display:inline-block;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500;background:#111;color:var(--red-soft)}#deal-root .card .svc{font-size:12px;font-weight:600;color:#333;line-height:16px}#deal-root .card .price{font-size:14px;line-height:20px;font-weight:700;color:#000;white-space:nowrap;flex-shrink:0}#deal-root .card .meta{font-size:11px;color:#555}#deal-root .card .intro{font-size:12px;color:#333}#deal-root .card .notes{font-size:12px;font-weight:700;color:#000}/* t529: deal pager mirrors Amazon #/kol pager-wrap */#deal-root .deal-pager-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 10px;padding:18px 0 12px;margin-top:12px}#deal-root .deal-pager-wrap .pager-nums{display:flex;flex-wrap:wrap;align-items:center;gap:4px}#deal-root .deal-pager-wrap .btn-quiet{border:1px solid var(--line,#e5e5e5);background:var(--card,#fff);color:var(--ink,#111);border-radius:999px;padding:5px 12px;font-size:12px;line-height:16px;font-weight:500;cursor:pointer}#deal-root .deal-pager-wrap .btn-quiet:hover{border-color:var(--red,#E11D2E)}#deal-root .deal-pager-wrap .pager-num{min-width:32px;height:32px;padding:0 8px;border:1px solid var(--line,#e5e5e5);background:var(--card,#fff);color:var(--ink,#111);border-radius:999px;font-size:12px;font-weight:600;cursor:pointer}#deal-root .deal-pager-wrap .pager-num:hover{border-color:var(--red,#E11D2E)}#deal-root .deal-pager-wrap .pager-num.is-active{background:var(--red,#E11D2E);border-color:var(--red,#E11D2E);color:#fff}#deal-root .deal-pager-wrap .pager-ellipsis{opacity:.55;padding:0 2px;font-size:12px}#deal-root .deal-pager-wrap .pager-meta{font-size:12px;color:var(--muted,#888);margin-left:4px}#deal-root .deal-pager-wrap .btn-quiet:disabled,#deal-root .deal-pager-wrap .pager-num:disabled{opacity:.4;cursor:not-allowed}/* legacy .pager kept for safety */#deal-root .pager{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:center;margin-top:12px}#deal-root .pager .pager-nav{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}#deal-root .pager button{padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:#fff;color:#000;font-weight:700;cursor:pointer}#deal-root .pager button:disabled{opacity:.4;cursor:not-allowed}#deal-root .ops .group{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:10px}#deal-root .ops .gname{font-weight:600;color:var(--ink);margin-bottom:8px}#deal-root .ops .item{display:flex;justify-content:space-between;gap:10px;background:var(--raised);border-radius:10px;padding:10px;margin-bottom:6px}#deal-root .ops .item .det{font-size:12px;color:var(--ink);white-space:pre-wrap;min-width:0;flex:1}#deal-root .ops .item .fee{font-weight:600;white-space:nowrap;color:var(--red-text);flex-shrink:0}#deal-root .empty{padding:24px;text-align:center;color:#888}#deal-root /* site accordion (collapsed by default) */
#deal-root .sites-summary{font-size:12px;font-weight:600;color:var(--ink);margin:0;line-height:1.4;min-width:0;text-align:right}#deal-root .card.site-card{padding:0;gap:0}#deal-root .card.site-card:hover{transform:none}#deal-root .site-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;border:0;background:transparent;cursor:pointer;text-align:left;color:inherit;font:inherit;box-sizing:border-box}#deal-root .site-row .title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;line-height:18px;font-weight:700;color:#000}#deal-root .ch-badge{font-size:10px;font-weight:700;color:#E11D2E;border:1px solid rgba(225,29,46,.45);border-radius:999px;padding:1px 7px}#deal-root .row-right{display:flex;align-items:center;gap:10px;flex-shrink:0}#deal-root .card .price.from{color:#C41E3A;font-weight:700;font-size:14px}#deal-root .card .price.from .qi{font-size:11px;font-weight:600;margin-left:2px}#deal-root .chev{width:28px;height:28px;border-radius:999px;border:1px solid #ddd;display:inline-flex;align-items:center;justify-content:center;color:#666;font-size:12px;background:#fff;transition:transform .16s ease;flex-shrink:0}#deal-root .chev.up{transform:rotate(180deg)}#deal-root .site-detail{border-top:1px solid #eee;background:rgba(255,255,255,.72);padding:8px 0 4px}#deal-root .site-detail .meta,#deal-root .site-detail .intro{padding:0 14px 6px}#deal-root .site-detail .meta a{color:#E11D2E;font-weight:700}#deal-root .channel{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:10px 14px;border-top:1px solid #f0f0f0}#deal-root .ch-left{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px}#deal-root .ch-title{display:flex;align-items:center;gap:6px;flex-wrap:wrap}#deal-root .ch-price{font-size:13px;font-weight:700;color:#C41E3A;white-space:nowrap;flex-shrink:0}#deal-root .card{background:var(--surface);border-color:var(--surface-border)}#deal-root .ops .item{background:var(--card);border-color:var(--line)}#deal-root .chip-row{background:var(--chrome-grad);border:1px solid var(--chrome-border)}#deal-root .chip-row .lab{color:var(--muted)}#deal-root .chip-row button{border-color:var(--chip-border);background:var(--chip-bg);color:var(--chip-text)}

/* Deal filters: reuse KOL .filters / .filter-panel / .choice exactly */
#deal-root .deal-top-filters,
#deal-root .deal-site-filters{
  padding:8px 4px 2px !important;
  position:static !important;
  background:transparent !important;
  border-bottom:1px solid var(--line) !important;
  margin-bottom:6px !important;
  gap:0 !important;
  display:block !important;
}
#deal-root .deal-site-filters{border-bottom:0 !important;margin-bottom:4px !important;padding-top:2px !important}
#deal-root .deal-top-filters .chips-row,
#deal-root .deal-site-filters .chips-row{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:2px 0 6px;
}
#deal-root .deal-top-filters .chips-lab,
#deal-root .deal-site-filters .chips-lab{
  font-size:12px !important;line-height:16px !important;color:var(--faint) !important;font-weight:500 !important;
}
#deal-root .deal-site-filters #site-q,
#deal-root .deal-site-filters #ops-q,
#deal-root .filters input#site-q,
#deal-root .filters input#ops-q{
  flex:0 1 280px !important;min-width:180px !important;width:auto !important;max-width:320px !important;
  background:var(--input-bg) !important;border:1px solid var(--input-border) !important;color:var(--input-text) !important;
  border-radius:10px !important;padding:8px 12px !important;
  font-size:12px !important;line-height:16px !important;font-weight:500 !important;
}
#deal-root .filters input#site-q::placeholder,
#deal-root .filters input#ops-q::placeholder{
  font-size:12px !important;font-weight:500 !important;color:var(--faint) !important;opacity:1;
}
/* t238/t400/t406: deal filter-panel — +3° lighter, heavier metal (shell strips this inside) */
#deal-root .filter-panel{
  border:1px solid rgba(148,163,184,.22) !important;border-radius:14px !important;padding:8px 12px !important;
  display:flex !important;flex-direction:column !important;gap:0 !important;
  position:relative;overflow:hidden;isolation:isolate;
  color:var(--ink) !important;
  background:
    linear-gradient(115deg,rgba(255,255,255,.92) 0%,rgba(226,232,240,.35) 32%,rgba(255,255,255,.70) 58%,rgba(203,213,225,.28) 82%,rgba(248,250,252,.90) 100%),
    linear-gradient(145deg,rgba(252,253,255,.97) 0%,rgba(255,255,255,.95) 36%,rgba(241,245,249,.92) 70%,rgba(236,241,247,.90) 100%),
    linear-gradient(180deg,rgba(148,163,184,.028),rgba(255,255,255,0) 55%),
    rgba(255,255,255,.86) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.95) inset,
    0 1px 0 rgba(255,255,255,.88) inset,
    0 -1px 0 rgba(148,163,184,.10) inset,
    0 3px 10px rgba(15,23,42,.018),
    0 1px 3px rgba(15,23,42,.01) !important;
  backdrop-filter:blur(18px) saturate(1.22);-webkit-backdrop-filter:blur(18px) saturate(1.22);
}
#deal-root .filter-panel::before{
  content:"";pointer-events:none;position:absolute;inset:-36%;z-index:0;
  background:
    linear-gradient(115deg,rgba(255,255,255,.72) 0%,rgba(226,232,240,.22) 28%,rgba(148,163,184,.12) 50%,rgba(255,255,255,.40) 76%,rgba(241,245,249,.18) 100%),
    radial-gradient(ellipse 70% 55% at 50% -4%,rgba(148,163,184,.16),transparent 58%),
    radial-gradient(circle at 86% 12%,rgba(255,255,255,.55),transparent 42%),
    radial-gradient(circle at 12% 88%,rgba(100,116,139,.08),transparent 44%),
    radial-gradient(circle at 48% 48%,rgba(255,255,255,.50),transparent 52%);
  filter:blur(30px);opacity:.98;
}
#deal-root .filter-panel > *{position:relative;z-index:1}
html[data-theme="dark"] #deal-root .filter-panel{
  border-color:rgba(148,163,184,.22) !important;
  background:
    linear-gradient(115deg,rgba(226,232,240,.16) 0%,rgba(71,85,105,.28) 40%,rgba(148,163,184,.10) 100%),
    linear-gradient(145deg,rgba(71,85,105,.48) 0%,rgba(51,65,85,.38) 52%,rgba(30,41,59,.46) 100%),
    rgba(18,18,22,.50) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.10) inset,
    0 1px 0 rgba(226,232,240,.12) inset,
    0 3px 10px rgba(0,0,0,.12) !important;
}
html[data-theme="dark"] #deal-root .filter-panel::before{
  background:
    linear-gradient(115deg,rgba(226,232,240,.18) 0%,rgba(148,163,184,.10) 45%,rgba(255,255,255,.06) 100%),
    radial-gradient(ellipse 70% 55% at 50% -4%,rgba(203,213,225,.18),transparent 56%),
    radial-gradient(circle at 72% 16%,rgba(255,255,255,.14),transparent 44%),
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.05),transparent 50%);
}

/* t402/t406: filter shell — +3° lighter base, heavier cool metallic sheen */
#deal-root .deal-filters-shell{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border:1px solid rgba(148,163,184,.22);
  border-radius:14px;
  padding:8px 12px 10px;
  margin:0 0 10px;
  color:var(--ink);
  background:
    linear-gradient(115deg,rgba(255,255,255,.92) 0%,rgba(226,232,240,.35) 32%,rgba(255,255,255,.70) 58%,rgba(203,213,225,.28) 82%,rgba(248,250,252,.90) 100%),
    linear-gradient(145deg,rgba(252,253,255,.97) 0%,rgba(255,255,255,.95) 36%,rgba(241,245,249,.92) 70%,rgba(236,241,247,.90) 100%),
    linear-gradient(180deg,rgba(148,163,184,.028),rgba(255,255,255,0) 55%),
    rgba(255,255,255,.86);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.95) inset,
    0 1px 0 rgba(255,255,255,.88) inset,
    0 -1px 0 rgba(148,163,184,.10) inset,
    0 3px 10px rgba(15,23,42,.018),
    0 1px 3px rgba(15,23,42,.01);
  backdrop-filter:blur(18px) saturate(1.22);
  -webkit-backdrop-filter:blur(18px) saturate(1.22);
}
#deal-root .deal-filters-shell::before{
  content:"";pointer-events:none;position:absolute;inset:-36%;z-index:0;
  background:
    linear-gradient(115deg,rgba(255,255,255,.72) 0%,rgba(226,232,240,.22) 28%,rgba(148,163,184,.12) 50%,rgba(255,255,255,.40) 76%,rgba(241,245,249,.18) 100%),
    radial-gradient(ellipse 70% 55% at 50% -4%,rgba(148,163,184,.16),transparent 58%),
    radial-gradient(circle at 86% 12%,rgba(255,255,255,.55),transparent 42%),
    radial-gradient(circle at 12% 88%,rgba(100,116,139,.08),transparent 44%),
    radial-gradient(circle at 48% 48%,rgba(255,255,255,.50),transparent 52%);
  filter:blur(30px);opacity:.98;
}
#deal-root .deal-filters-shell > *{position:relative;z-index:1}
html[data-theme="dark"] #deal-root .deal-filters-shell{
  border-color:rgba(148,163,184,.22);
  background:
    linear-gradient(115deg,rgba(226,232,240,.16) 0%,rgba(71,85,105,.28) 40%,rgba(148,163,184,.10) 100%),
    linear-gradient(145deg,rgba(71,85,105,.48) 0%,rgba(51,65,85,.38) 52%,rgba(30,41,59,.46) 100%),
    rgba(18,18,22,.50);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.10) inset,
    0 1px 0 rgba(226,232,240,.12) inset,
    0 3px 10px rgba(0,0,0,.12);
}
html[data-theme="dark"] #deal-root .deal-filters-shell::before{
  background:
    linear-gradient(115deg,rgba(226,232,240,.18) 0%,rgba(148,163,184,.10) 45%,rgba(255,255,255,.06) 100%),
    radial-gradient(ellipse 70% 55% at 50% -4%,rgba(203,213,225,.18),transparent 56%),
    radial-gradient(circle at 72% 16%,rgba(255,255,255,.14),transparent 44%),
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.05),transparent 50%);
}
/* strip per-panel chrome inside the unified shell */
#deal-root .deal-filters-shell .filter-panel{
  border:0 !important;
  border-radius:0 !important;
  padding:4px 0 !important;
  margin:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  overflow:visible !important;
  isolation:auto !important;
}
#deal-root .deal-filters-shell .filter-panel::before{
  content:none !important;display:none !important;
}
#deal-root .deal-filters-shell .deal-top-filters,
#deal-root .deal-filters-shell .deal-site-filters{
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
#deal-root .deal-filters-shell .deal-site-filters{
  margin-top:2px !important;
  padding-top:4px !important;
  border-top:1px dashed rgba(0,0,0,.08) !important;
}
html[data-theme="dark"] #deal-root .deal-filters-shell .deal-site-filters{
  border-top-color:rgba(255,255,255,.10) !important;
}
#deal-root .deal-filters-shell #deal-site-filters-host:empty{display:none}
#deal-root.is-value-added .deal-filters-shell{
  /* value-added hides top; keep shell only if host has content — ops search stays in main */
  display:none !important;
}

#deal-root .deal-top-filters,
#deal-root .deal-site-filters{border-bottom:none !important}
#deal-root .filter-lab,
#deal-root .chips-lab,
#deal-root .chip-empty,
#deal-root .panel-title{color:var(--faint) !important}
#deal-root .filter-row + .filter-row{border-top-color:rgba(0,0,0,.10) !important}
html[data-theme="dark"] #deal-root .filter-row + .filter-row{border-top-color:rgba(255,255,255,.12) !important}
#deal-root .filter-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:4px 0}
#deal-root .filter-row + .filter-row{border-top:1px dashed var(--dash)}
#deal-root .filter-lab{font-size:11px !important;line-height:15px !important;color:var(--faint) !important;min-width:56px;flex-shrink:0;font-weight:500 !important}
#deal-root .filter-opts{display:flex;flex-wrap:wrap;gap:4px}

/* Match Amazon KOL .choice: flat text → hover red → selected black/white */
#deal-root .filter-opts > .choice,
#deal-root button.choice,
#deal-root .countries button.choice,
#deal-root .tabs button.choice,
#deal-root .chip-row button.choice{
  border:1px solid transparent !important;
  background:transparent !important;
  padding:3px 9px !important;
  margin:0 !important;
  cursor:pointer;
  font-size:11px !important;
  line-height:15px !important;
  color:var(--choice) !important;
  font-weight:500 !important;
  text-decoration:none;
  border-radius:999px !important;
  box-shadow:none !important;
  transform:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  text-shadow:none !important;
  min-width:0 !important;
  flex:0 0 auto !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:6px !important;
  transition:background .12s,border-color .12s,color .12s,box-shadow .12s !important;
}
#deal-root .filter-opts > .choice:hover,
#deal-root button.choice:hover,
#deal-root .countries button.choice:hover,
#deal-root .tabs button.choice:hover,
#deal-root .chip-row button.choice:hover{
  border-color:transparent !important;
  color:var(--red,#E11D2E) !important;
  background:transparent !important;
  transform:none !important;
  box-shadow:none !important;
}
/* t230: selected chips/tabs/业务 = visible black gradient, no border */
#deal-root .filter-opts > .choice.is-active,
#deal-root button.choice.is-active,
#deal-root .filter-opts > .choice.active,
#deal-root button.choice.active,
#deal-root .countries button.choice.is-active,
#deal-root .tabs button.choice.is-active,
#deal-root .chip-row button.choice.is-active,
#deal-root .chip-row button.choice.active,
#deal-root .countries button.active,
#deal-root .tabs button.active,
#deal-root .chip-row button.active{
  color:#fff !important;
  font-weight:700 !important;
  border:none !important;
  border-color:transparent !important;
  background:linear-gradient(135deg,#6b6b75 0%,#4a4a55 42%,#2a2a32 100%) !important;
  background-image:linear-gradient(135deg,#6b6b75 0%,#4a4a55 42%,#2a2a32 100%) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 2px 8px rgba(0,0,0,.22) !important;
}
#deal-root .filter-opts > .choice.is-active:hover,
#deal-root button.choice.is-active:hover,
#deal-root .filter-opts > .choice.active:hover,
#deal-root button.choice.active:hover,
#deal-root .countries button.choice.is-active:hover,
#deal-root .tabs button.choice.is-active:hover,
#deal-root .countries button.active:hover,
#deal-root .tabs button.active:hover,
#deal-root .chip-row button.active:hover{
  color:#fff !important;
  border:none !important;
  border-color:transparent !important;
  background:linear-gradient(135deg,#7a7a86 0%,#555560 42%,#32323c 100%) !important;
  background-image:linear-gradient(135deg,#7a7a86 0%,#555560 42%,#32323c 100%) !important;
}
html[data-theme="dark"] #deal-root .filter-opts > .choice,
html[data-theme="dark"] #deal-root button.choice,
html[data-theme="dark"] #deal-root .countries button.choice,
html[data-theme="dark"] #deal-root .tabs button.choice{
  background:transparent !important;
  border-color:transparent !important;
  color:var(--choice,#CFCFCF) !important;
}
html[data-theme="dark"] #deal-root .filter-opts > .choice:hover,
html[data-theme="dark"] #deal-root button.choice:hover,
html[data-theme="dark"] #deal-root .countries button.choice:hover,
html[data-theme="dark"] #deal-root .tabs button.choice:hover{
  color:var(--red-soft,#FF4D5A) !important;
  background:transparent !important;
  border-color:transparent !important;
}
html[data-theme="dark"] #deal-root .filter-opts > .choice.is-active,
html[data-theme="dark"] #deal-root button.choice.is-active,
html[data-theme="dark"] #deal-root .filter-opts > .choice.active,
html[data-theme="dark"] #deal-root button.choice.active,
html[data-theme="dark"] #deal-root .countries button.choice.is-active,
html[data-theme="dark"] #deal-root .tabs button.choice.is-active,
html[data-theme="dark"] #deal-root .countries button.active,
html[data-theme="dark"] #deal-root .tabs button.active,
html[data-theme="dark"] #deal-root .chip-row button.active{
  color:#fff !important;
  border:none !important;
  border-color:transparent !important;
  background:linear-gradient(135deg,#6b6b75 0%,#4a4a55 42%,#2a2a32 100%) !important;
  background-image:linear-gradient(135deg,#6b6b75 0%,#4a4a55 42%,#2a2a32 100%) !important;
}
html[data-theme="dark"] #deal-root .filter-opts > .choice.is-active:hover,
html[data-theme="dark"] #deal-root button.choice.is-active:hover,
html[data-theme="dark"] #deal-root .filter-opts > .choice.active:hover,
html[data-theme="dark"] #deal-root button.choice.active:hover{
  color:#fff !important;
  border:none !important;
  background:linear-gradient(135deg,#7a7a86 0%,#555560 42%,#32323c 100%) !important;
  background-image:linear-gradient(135deg,#7a7a86 0%,#555560 42%,#32323c 100%) !important;
}
#deal-root .panel-title{font-size:12px !important;line-height:16px !important;font-weight:600 !important;color:var(--faint) !important;margin:4px 0 8px !important}

/* t584: #/deal panel title row + 我要下单 CTA (H&L red) */
#deal-root .panel-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:4px 0 8px;
  flex-wrap:wrap;
}
#deal-root .panel-title-row .panel-title{
  margin:0 !important;
  flex:1 1 auto;
  min-width:0;
}
/* t587: 我要下单 — black-red heavy metal (match 加入会员 black-gold language, red accents) */
#deal-root .btn-want-order{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  padding:7px 16px;
  border-radius:999px;
  border:1px solid rgba(225,29,46,.72);
  background:
    linear-gradient(180deg, rgba(255,255,255,.14) 0%, rgba(255,255,255,0) 42%),
    radial-gradient(120% 90% at 18% 0%, rgba(255,80,90,.28) 0%, transparent 55%),
    linear-gradient(135deg,
      #0a0a0c 0%,
      #1a1214 22%,
      #3a0f16 46%,
      #8a1524 62%,
      #C41E3A 78%,
      #1a0c10 100%);
  color:#fff !important;
  font-size:13px;
  font-weight:700;
  line-height:18px;
  letter-spacing:.04em;
  text-decoration:none;
  white-space:nowrap;
  text-shadow:0 1px 1px rgba(0,0,0,.55), 0 0 10px rgba(225,29,46,.35);
  box-shadow:
    inset 0 1px 0 rgba(255,200,200,.28),
    inset 0 -1px 0 rgba(0,0,0,.45),
    0 0 14px rgba(196,30,58,.35),
    0 4px 12px rgba(0,0,0,.35);
  transition:filter .15s ease, border-color .15s ease, box-shadow .15s ease, transform .14s ease;
}
#deal-root .btn-want-order:hover{
  filter:brightness(1.1);
  border-color:rgba(255,90,100,.9);
  color:#fff !important;
  text-decoration:none;
  box-shadow:
    inset 0 1px 0 rgba(255,220,220,.4),
    inset 0 -1px 0 rgba(0,0,0,.4),
    0 0 18px rgba(225,29,46,.5),
    0 6px 16px rgba(0,0,0,.4);
  transform:translateY(-1px);
}
#deal-root .btn-want-order:active{
  filter:brightness(.96);
  transform:none;
  box-shadow:
    inset 0 2px 4px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,180,180,.18),
    0 0 10px rgba(196,30,58,.3),
    0 2px 6px rgba(0,0,0,.35);
}
html[data-theme="dark"] #deal-root .btn-want-order{
  border-color:rgba(225,29,46,.65);
}
#deal-root .filters-spacer{display:none !important}

/* Soft card edges — no black outline */
#deal-root .card{
  border:1px solid #E8E8ED !important;
  box-shadow:0 2px 10px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.03);
}
html[data-theme="dark"] #deal-root .card{
  border:1px solid #2a2a2a !important;
  box-shadow:0 2px 12px rgba(0,0,0,.35);
}
#deal-root .card:hover{
  border-color:#E0E0E5 !important;
}
html[data-theme="dark"] #deal-root .card:hover{
  border-color:#3a3a42 !important;
}
#deal-root .logo{border:1px solid #E5E5EA !important;}
html[data-theme="dark"] #deal-root .logo{border:1px solid #2a2a2a !important;}
#deal-root .pkg{border:1px solid #E8E8ED !important;box-shadow:0 2px 10px rgba(0,0,0,.04);}
html[data-theme="dark"] #deal-root .pkg{border:1px solid #2a2a2a !important;}


/* Soft service tags — base + 红人贴 light red; 编辑贴 black gradient glow */
#deal-root .tag,
#deal-root .tag.tag-soft,
#deal-root .tag.tag-kol{
  position:relative;
  display:inline-flex !important;
  align-items:center;
  background:linear-gradient(135deg,#FFF8F9 0%,#FFECEE 45%,#FFD8DC 100%) !important;
  color:#D45468 !important;
  border:1px solid rgba(225,29,46,.16) !important;
  border-radius:999px !important;
  padding:2px 9px !important;
  font-size:13px !important;
  line-height:18px !important;
  font-weight:750 !important;
  letter-spacing:.02em;
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 0 0 1px rgba(255,255,255,.45) inset,
    0 2px 8px rgba(225,29,46,.12),
    0 0 12px rgba(255,77,90,.16) !important;
  text-shadow:0 1px 0 rgba(255,255,255,.55);
}
html[data-theme="dark"] #deal-root .tag,
html[data-theme="dark"] #deal-root .tag.tag-soft,
html[data-theme="dark"] #deal-root .tag.tag-kol{
  background:linear-gradient(135deg,rgba(255,77,90,.18) 0%,rgba(225,29,46,.14) 55%,rgba(196,30,58,.10) 100%) !important;
  color:#FECACA !important;
  border-color:rgba(255,77,90,.24) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.10) inset,
    0 0 10px rgba(225,29,46,.22),
    0 2px 6px rgba(0,0,0,.22) !important;
  text-shadow:0 0 6px rgba(225,29,46,.22);
}
/* 编辑贴 — match 会员价 member-pill charcoal gradient */
#deal-root .tag.tag-edit{
  background:linear-gradient(135deg,#6b6b75 0%,#4a4a55 42%,#2a2a32 100%) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.28) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.35) inset,
    0 2px 6px rgba(0,0,0,.22),
    0 0 12px rgba(74,74,85,.18) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.25);
}
html[data-theme="dark"] #deal-root .tag.tag-edit{
  background:linear-gradient(135deg,#7a7a86 0%,#555560 45%,#34343c 100%) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.28) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.28) inset,
    0 2px 8px rgba(0,0,0,.35),
    0 0 14px rgba(107,107,117,.22) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.3);
}

/* Brand-colored platform chips (no grayscale) — t332: size match 「支持」11px text */
#deal-root .plat,
#deal-root .plat.is-muted{
  background:#fff !important;
  border:1px solid rgba(0,0,0,.08) !important;
  box-shadow:0 1px 2px rgba(0,0,0,.08) !important;
  width:auto !important;
  min-width:11px;
  height:11px;
  padding:0 2px;
  border-radius:3px !important;
  vertical-align:middle;
}
#deal-root .plat img,
#deal-root .plat.is-muted img{
  filter:none !important;
  opacity:1 !important;
  width:11px !important;
  height:11px !important;
  border-radius:2px !important;
}
#deal-root .card .plats{
  gap:4px;
  align-items:center;
}
#deal-root .card .plats .hint{
  font-size:11px;
  line-height:11px;
  color:#444;
}
#deal-root .plat.is-muted.plat-text{
  color:#374151 !important;
  font-size:10px;
  font-weight:700;
  background:#F9FAFB !important;
}
#deal-root .plat:hover,
#deal-root .plat.is-muted:hover{
  transform:translateY(-1px) scale(1.06);
  box-shadow:0 2px 8px rgba(0,0,0,.12) !important;
}
html[data-theme="dark"] #deal-root .plat,
html[data-theme="dark"] #deal-root .plat.is-muted{
  background:rgba(255,255,255,.1) !important;
  border-color:rgba(255,255,255,.14) !important;
}

/* Expanded site detail: left content / right quotes */
#deal-root .site-detail{
  border-top:1px solid #eee;
  background:rgba(255,255,255,.72);
  padding:10px 0 6px;
  text-align:left !important;
}
#deal-root .site-detail .meta,
#deal-root .site-detail .intro,
#deal-root .ch-left,
#deal-root .pkg,
#deal-root .pkg-body,
#deal-root .pkg .name,
#deal-root .pkg .price,
#deal-root .pkg .meta{
  text-align:left !important;
  justify-content:flex-start;
}
#deal-root .site-detail .meta.meta-facts,
#deal-root .site-detail .intro{
  padding:0 14px 8px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px 8px;
  justify-content:flex-start;
}
#deal-root .meta-facts{
  font-size:13px;
  line-height:18px;
  color:#4B5563;
  font-weight:600;
  gap:8px !important;
}
#deal-root .meta-fact{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-width:0;
}
#deal-root .meta-fact.meta-chip{
  position:relative;
  padding:5px 12px 5px 7px;
  border-radius:999px;
  background:linear-gradient(145deg,#FFFFFF 0%,#F8FAFC 42%,#EEF2FF 100%);
  border:1px solid rgba(99,102,241,.18);
  box-shadow:
    0 1px 0 rgba(255,255,255,.95) inset,
    0 0 0 1px rgba(255,255,255,.4) inset,
    0 2px 10px rgba(99,102,241,.14),
    0 0 18px rgba(59,130,246,.16);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  transition:transform .16s ease,box-shadow .16s ease;
}
#deal-root .meta-fact.meta-chip:hover{
  transform:translateY(-1px);
  box-shadow:
    0 1px 0 rgba(255,255,255,.95) inset,
    0 4px 14px rgba(99,102,241,.2),
    0 0 22px rgba(59,130,246,.22);
}
#deal-root .meta-chip-cat{
  background:linear-gradient(145deg,#FFF7F8 0%,#FFE8EB 48%,#FFD6DC 100%);
  border-color:rgba(225,29,46,.22);
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 2px 10px rgba(225,29,46,.16),
    0 0 16px rgba(255,77,90,.2);
}
#deal-root .meta-chip-eye{
  background:linear-gradient(145deg,#FFFBEB 0%,#FEF3C7 48%,#FDE68A 100%);
  border-color:rgba(245,158,11,.28);
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 2px 10px rgba(245,158,11,.16),
    0 0 16px rgba(251,191,36,.22);
}
#deal-root .meta-chip-intro{
  background:linear-gradient(145deg,#EFF6FF 0%,#DBEAFE 48%,#BFDBFE 100%);
  border-color:rgba(37,99,235,.24);
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 2px 10px rgba(37,99,235,.16),
    0 0 16px rgba(59,130,246,.22);
}
#deal-root .meta-lab{
  font-weight:750;
  color:#4B5563;
  letter-spacing:.02em;
}
#deal-root .meta-val{font-weight:700;color:#1F2937;letter-spacing:.01em}
#deal-root .meta-facts,
#deal-root .meta-fact.meta-chip,
#deal-root .meta-chip .meta-val,
#deal-root .meta-chip-cat .meta-val,
#deal-root .meta-chip-eye .meta-val,
#deal-root .meta-chip-intro .meta-val{
  font-size:13px !important;
  line-height:18px !important;
}
#deal-root .meta-dot{
  color:#D1D5DB;
  font-weight:700;
  user-select:none;
}
#deal-root .meta-hint,
#deal-root .meta-hint-fact .meta-hint{
  color:#9CA3AF;
  font-weight:600;
}
#deal-root a.meta-hint-link{
  text-decoration:none;
  cursor:pointer;
  color:inherit;
  border-radius:8px;
  padding:2px 4px;
  margin:-2px -4px;
  transition:background .15s ease,color .15s ease;
}
#deal-root a.meta-hint-link:hover,
#deal-root a.meta-hint-link:focus-visible{
  background:rgba(225,29,46,.06);
  outline:none;
}
#deal-root a.meta-hint-link:hover .meta-hint,
#deal-root a.meta-hint-link:focus-visible .meta-hint{
  color:#9F1239;
  text-decoration:underline;
  text-underline-offset:2px;
}
#deal-root a.meta-hint-link:hover .meta-ico-link,
#deal-root a.meta-hint-link:focus-visible .meta-ico-link{
  color:#9F1239;
  background:rgba(225,29,46,.08);
  border-color:rgba(225,29,46,.2);
}
#deal-root .meta-ico{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  border-radius:6px;
  flex-shrink:0;
  color:#9F1239;
  background:rgba(225,29,46,.06);
  border:1px solid rgba(225,29,46,.12);
}
#deal-root .meta-ico svg{display:block}
#deal-root .meta-ico-eye{color:#B45309;background:rgba(251,146,60,.10);border-color:rgba(251,146,60,.22)}
#deal-root .meta-ico-site{color:#1D4ED8;background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.18)}
#deal-root .meta-ico-link{color:#6B7280;background:#F3F4F6;border-color:#E5E7EB}
#deal-root .site-detail .intro{
  font-size:12px;
  font-weight:700;
  color:#111;
  padding-bottom:10px;
}
#deal-root .site-detail .intro .intro-txt{min-width:0}
/* Service tier title larger+bold; order notes smaller+regular */
#deal-root .ch-title .svc,
#deal-root .card .svc{
  font-size:13px !important;
  line-height:18px !important;
  font-weight:800 !important;
  color:#111 !important;
  letter-spacing:.01em;
}
#deal-root .ch-left .notes,
#deal-root .card .notes{
  font-size:9px !important;
  line-height:14px !important;
  font-weight:500 !important;
  color:#6B7280 !important;
}
#deal-root .channel-list{display:flex;flex-direction:column}
#deal-root .channel{
  display:flex !important;
  flex-direction:row;
  justify-content:space-between !important;
  align-items:center;
  gap:16px;
  width:100%;
  box-sizing:border-box;
  padding:10px 14px;
  border-top:1px solid #f0f0f0;
  cursor:pointer;
  transition:background .14s ease;
}
#deal-root .channel:hover{background:rgba(74,74,85,.06)}
html[data-theme="dark"] #deal-root .channel:hover{background:rgba(107,107,117,.14)}
#deal-root .ch-left{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start !important;
  justify-content:flex-start;
  gap:6px;
  text-align:left !important;
}
#deal-root .ch-title{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  flex-wrap:wrap;
  width:100%;
}
#deal-root .ch-left .notes{
  text-align:left;
  width:100%;
}
#deal-root .ch-right{
  flex:0 0 auto;
  margin-left:auto;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  text-align:right;
}
#deal-root .ch-price{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  text-align:right;
  white-space:normal;
  gap:0;
}
#deal-root .ch-price .deal-price{
  display:inline-flex !important;
  flex-direction:column !important;
  align-items:flex-end !important;
  justify-content:flex-start !important;
  flex-wrap:nowrap !important;
  gap:4px !important;
}
/* t334: 下单 = 编辑贴 charcoal gradient */
#deal-root .btn-order{
  appearance:none;
  border:1px solid rgba(255,255,255,.28) !important;
  background:linear-gradient(135deg,#6b6b75 0%,#4a4a55 42%,#2a2a32 100%) !important;
  color:#fff !important;
  font-size:13px;font-weight:750;line-height:18px;
  padding:6px 14px;border-radius:999px;cursor:pointer;
  white-space:nowrap;
  box-shadow:
    0 1px 0 rgba(255,255,255,.35) inset,
    0 2px 6px rgba(0,0,0,.22),
    0 0 12px rgba(74,74,85,.18) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.25);
  transition:transform .15s ease, filter .15s ease, box-shadow .15s ease;
}
#deal-root .btn-order:hover{
  filter:brightness(1.08);
  transform:translateY(-1px);
  box-shadow:
    0 1px 0 rgba(255,255,255,.4) inset,
    0 4px 12px rgba(0,0,0,.28),
    0 0 16px rgba(74,74,85,.28) !important;
}
html[data-theme="dark"] #deal-root .btn-order{
  background:linear-gradient(135deg,#7a7a86 0%,#555560 45%,#34343c 100%) !important;
  border-color:rgba(255,255,255,.28) !important;
}

/* t334: 加购 — borderless novel soft glow */
#deal-root .btn-cart{
  appearance:none;border:0 !important;outline:none;
  background:linear-gradient(135deg,rgba(225,29,46,.10) 0%,rgba(255,180,190,.22) 45%,rgba(255,230,234,.55) 100%);
  color:#C41E3A;
  font-size:13px;font-weight:750;line-height:18px;
  padding:6px 12px 6px 10px;border-radius:999px;cursor:pointer;
  white-space:nowrap;
  display:inline-flex;align-items:center;gap:5px;
  box-shadow:
    0 0 0 1px rgba(225,29,46,.08) inset,
    0 2px 10px rgba(225,29,46,.14),
    0 0 18px rgba(255,77,90,.16);
  transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
#deal-root .btn-cart .cart-ico{font-size:12px;line-height:1;opacity:.9}
#deal-root .btn-cart:hover{
  filter:brightness(1.04);
  transform:translateY(-1px);
  box-shadow:
    0 0 0 1px rgba(225,29,46,.14) inset,
    0 4px 14px rgba(225,29,46,.22),
    0 0 22px rgba(255,77,90,.28);
}
#deal-root .btn-cart.is-in{
  background:linear-gradient(135deg,#3a3a44 0%,#2a2a32 100%);
  color:#fff;
  box-shadow:0 2px 8px rgba(0,0,0,.2), 0 0 12px rgba(74,74,85,.2);
}
html[data-theme="dark"] #deal-root .btn-cart{
  background:linear-gradient(135deg,rgba(255,77,90,.18),rgba(225,29,46,.10));
  color:#FECACA;
  box-shadow:0 0 14px rgba(225,29,46,.22);
}

/* t334: 收藏 star near logo */
#deal-root .btn-fav{
  appearance:none;border:0;background:transparent;
  width:32px;height:32px;border-radius:999px;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
  color:#C4C4CC;flex-shrink:0;
  transition:transform .15s ease, color .15s ease, background .15s ease, box-shadow .15s ease;
  padding:0;margin:0 2px 0 4px;
}
#deal-root .btn-fav svg{width:18px;height:18px;display:block}
#deal-root .btn-fav:hover{
  color:#E11D2E;
  background:rgba(225,29,46,.08);
  transform:scale(1.08);
}
#deal-root .btn-fav.is-on{
  color:#E11D2E;
  background:linear-gradient(145deg,rgba(255,230,234,.95),rgba(255,200,210,.75));
  box-shadow:0 0 14px rgba(225,29,46,.28), inset 0 1px 0 rgba(255,255,255,.7);
}
#deal-root .btn-fav.is-on svg{fill:currentColor}
#deal-root .site-row .left{
  display:flex;align-items:center;gap:10px;min-width:0;flex:1;
}
#deal-root .site-row .left > div{min-width:0}
#deal-root .ch-actions{
  display:inline-flex;align-items:center;gap:8px;flex-shrink:0;
}
html[data-theme="dark"] #deal-root .site-detail{background:rgba(20,20,22,.55);border-top-color:rgba(255,255,255,.08)}
html[data-theme="dark"] #deal-root .meta-facts{color:#A3A3A3}
html[data-theme="dark"] #deal-root .meta-lab{color:#E5E5E5}
html[data-theme="dark"] #deal-root .meta-val{color:#E5E5E5}
html[data-theme="dark"] #deal-root .meta-fact.meta-chip{
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
  border-color:rgba(255,255,255,.14);
  box-shadow:0 0 14px rgba(59,130,246,.18),inset 0 1px 0 rgba(255,255,255,.08);
}
html[data-theme="dark"] #deal-root .meta-chip-cat{
  background:linear-gradient(145deg,rgba(225,29,46,.22),rgba(225,29,46,.10));
  border-color:rgba(255,77,90,.28);
  box-shadow:0 0 16px rgba(225,29,46,.28),inset 0 1px 0 rgba(255,255,255,.08);
}
html[data-theme="dark"] #deal-root .meta-chip-eye{
  background:linear-gradient(145deg,rgba(245,158,11,.22),rgba(245,158,11,.10));
  border-color:rgba(251,191,36,.3);
  box-shadow:0 0 16px rgba(245,158,11,.25),inset 0 1px 0 rgba(255,255,255,.08);
}
html[data-theme="dark"] #deal-root .meta-chip-intro{
  background:linear-gradient(145deg,rgba(59,130,246,.22),rgba(59,130,246,.10));
  border-color:rgba(96,165,250,.3);
  box-shadow:0 0 16px rgba(59,130,246,.28),inset 0 1px 0 rgba(255,255,255,.08);
}
html[data-theme="dark"] #deal-root .site-detail .intro{color:#F5F5F5}
html[data-theme="dark"] #deal-root .ch-title .svc,
html[data-theme="dark"] #deal-root .card .svc{color:#F5F5F5 !important}
html[data-theme="dark"] #deal-root .ch-left .notes,
html[data-theme="dark"] #deal-root .card .notes{color:#A3A3A3 !important}
html[data-theme="dark"] #deal-root .meta-ico{
  background:rgba(225,29,46,.16);border-color:rgba(225,29,46,.28);color:#FCA5A5;
}
html[data-theme="dark"] #deal-root .meta-ico-eye{color:#FDBA74;background:rgba(251,146,60,.16);border-color:rgba(251,146,60,.28)}
html[data-theme="dark"] #deal-root .meta-ico-site{color:#93C5FD;background:rgba(59,130,246,.16);border-color:rgba(59,130,246,.28)}
html[data-theme="dark"] #deal-root .meta-ico-link{color:#A3A3A3;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
html[data-theme="dark"] #deal-root .channel{border-top-color:rgba(255,255,255,.06)}
#deal-root .pkg{
  align-items:stretch;
}
#deal-root .pkg-actions{
  margin-top:auto;display:flex;justify-content:flex-end;padding-top:8px;
}
#deal-root .pkg .badge{
  background:#F3F4F6 !important;color:#9F1239 !important;
  border:1px solid #E5E7EB !important;
}

/* Order modal + toast (body-level) */
.deal-order-modal{position:fixed;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;padding:16px}
.deal-order-modal[hidden]{display:none !important}
.deal-order-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.deal-order-panel{
  position:relative;z-index:1;width:min(420px,100%);
  background:var(--card,#fff);color:var(--ink,#111);
  border:1px solid var(--line,#E8E8ED);border-radius:16px;
  padding:20px 18px 16px;box-shadow:0 20px 50px rgba(0,0,0,.25);
}
.deal-order-x{position:absolute;top:10px;right:12px;border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer;color:var(--muted,#666)}
.deal-order-panel h3{margin:0 0 6px;font-size:18px}
.deal-order-sub{margin:0 0 14px;font-size:13px;color:var(--muted,#666);line-height:1.45}
.deal-order-field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;font-size:12px;font-weight:650;color:var(--faint,#888)}
.deal-order-field input{
  border:1px solid var(--line,#E5E5EA);border-radius:10px;padding:9px 11px;
  font-size:13px;font-weight:600;color:var(--ink,#111);background:var(--raised,#fff);
}
.deal-order-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.btn-order-submit,.btn-order-copy{
  appearance:none;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:750;cursor:pointer;border:1px solid transparent;
}
.btn-order-submit{background:#E11D2E;color:#fff;border-color:#E11D2E}
.btn-order-copy{background:transparent;color:var(--ink,#111);border-color:var(--line,#ddd)}
.deal-order-hint{margin:12px 0 0;font-size:12px;color:var(--muted,#666);line-height:1.45}
.deal-toast{
  position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(12px);
  background:rgba(17,17,17,.92);color:#fff;padding:10px 16px;border-radius:999px;
  font-size:13px;font-weight:650;opacity:0;pointer-events:none;z-index:13000;
  transition:opacity .2s ease, transform .2s ease;max-width:90vw;text-align:center;
}
.deal-toast.is-on{opacity:1;transform:translateX(-50%) translateY(0)}

/* === SITE-CARD FULL-WIDTH ROWS + HEADER-ONLY HOVER === */
/* Root cause: global styles.css `.card{align-items:center}` shrink-wraps
   channel rows to content width and centers them. Force stretch + 100% width. */
#deal-root .card.site-card{
  align-items:stretch !important;
  text-align:left !important;
  width:100% !important;
  overflow:hidden;
}
#deal-root .card.site-card > .site-row,
#deal-root .card.site-card > .site-card-meta,
#deal-root .card.site-card > .site-detail,
#deal-root .card.site-card .channel-list,
#deal-root .card.site-card .channel,
#deal-root .card.site-card .meta,
#deal-root .card.site-card .intro{
  width:100% !important;
  max-width:none !important;
  align-self:stretch !important;
  box-sizing:border-box !important;
}
#deal-root .card.site-card .channel-list{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
}
#deal-root .card.site-card .channel{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  margin:0 !important;
  padding:10px 14px !important;
}
#deal-root .card.site-card .channel .ch-left{
  flex:1 1 auto !important;
  min-width:0 !important;
  max-width:none !important;
  align-items:flex-start !important;
  text-align:left !important;
  margin:0 !important;
}
#deal-root .card.site-card .channel .ch-right{
  flex:0 0 auto !important;
  margin-left:auto !important;
  margin-right:0 !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  text-align:right !important;
}

/* t401/t403: full-card hover — shadow ~5° lighter, cool metallic silver highlight */
#deal-root .card.site-card:hover,
#deal-root .card.site-card.open:hover{
  transform:none !important;
  border-color:rgba(148,163,184,.28) !important;
  background:
    linear-gradient(145deg,rgba(248,250,252,.97) 0%,rgba(255,255,255,.95) 28%,rgba(226,232,240,.88) 62%,rgba(241,245,249,.92) 100%),
    linear-gradient(120deg,rgba(255,255,255,.55) 0%,rgba(203,213,225,.18) 42%,rgba(255,255,255,.35) 100%),
    var(--surface,#fff) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.88) inset,
    0 1px 0 rgba(255,255,255,.65) inset,
    0 4px 14px rgba(15,23,42,.018),
    0 1px 4px rgba(15,23,42,.01) !important;
}
#deal-root .card.site-card:hover::before,
#deal-root .card.site-card.open:hover::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  opacity:1 !important;
  border-radius:inherit !important;
  background:
    linear-gradient(115deg,rgba(255,255,255,.55) 0%,rgba(226,232,240,.22) 28%,rgba(148,163,184,.10) 52%,rgba(255,255,255,.28) 78%,rgba(241,245,249,.18) 100%),
    radial-gradient(ellipse 70% 50% at 18% 0%,rgba(255,255,255,.55),transparent 55%),
    radial-gradient(ellipse 60% 45% at 92% 100%,rgba(148,163,184,.14),transparent 50%) !important;
}
html[data-theme="dark"] #deal-root .card.site-card:hover,
html[data-theme="dark"] #deal-root .card.site-card.open:hover{
  border-color:rgba(148,163,184,.22) !important;
  background:
    linear-gradient(145deg,rgba(71,85,105,.50) 0%,rgba(51,65,85,.40) 48%,rgba(30,41,59,.48) 100%),
    linear-gradient(120deg,rgba(226,232,240,.10) 0%,transparent 45%,rgba(148,163,184,.08) 100%),
    var(--surface,#141416) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.08) inset,
    0 4px 14px rgba(0,0,0,.12),
    0 1px 4px rgba(0,0,0,.05) !important;
}
html[data-theme="dark"] #deal-root .card.site-card:hover::before,
html[data-theme="dark"] #deal-root .card.site-card.open:hover::before{
  background:
    linear-gradient(115deg,rgba(226,232,240,.14) 0%,rgba(148,163,184,.08) 45%,rgba(255,255,255,.06) 100%),
    radial-gradient(ellipse 70% 50% at 18% 0%,rgba(255,255,255,.10),transparent 55%) !important;
}
#deal-root .card.site-card > .site-row,
#deal-root .card.site-card > .site-card-meta,
#deal-root .card.site-card > .site-detail{
  position:relative;
  z-index:1;
}
#deal-root .card.site-card > .site-row{
  width:100% !important;
  /* ~12–15% taller header strip */
  padding:14px 16px !important;
  min-height:64px;
  border-radius:12px;
  background:transparent;
  transition:background .16s ease;
}
#deal-root .card.site-card.open > .site-row{
  border-radius:12px 12px 0 0;
}
/* header strip: no opaque wash — whole-card hover covers meta too */
#deal-root .card.site-card > .site-row:hover,
#deal-root .card.site-card.open > .site-row{
  background:transparent !important;
  box-shadow:none !important;
}
#deal-root .card.site-card > .site-row::after,
#deal-root .card.site-card > .site-row:hover::after,
#deal-root .card.site-card.open > .site-row::after{
  content:none !important;
  display:none !important;
  background:none !important;
  box-shadow:none !important;
}
#deal-root .card.site-card > .site-card-meta.meta-facts{
  background:transparent !important;
}
#deal-root .card.site-card > .site-detail{
  background:transparent !important;
}
#deal-root .card.site-card:not(:hover) > .site-detail{
  background:rgba(255,255,255,.72) !important;
}
html[data-theme="dark"] #deal-root .card.site-card > .site-row:hover,
html[data-theme="dark"] #deal-root .card.site-card.open > .site-row{
  background:transparent !important;
  box-shadow:none !important;
}
html[data-theme="dark"] #deal-root .card.site-card > .site-detail{
  background:transparent !important;
}
html[data-theme="dark"] #deal-root .card.site-card:not(:hover) > .site-detail{
  background:rgba(20,20,22,.72) !important;
}



/* Neutralize legacy countries/tabs chip chrome — force KOL .choice look */
#deal-root .countries button,
#deal-root .tabs button{
  border:1px solid transparent !important;
  background:transparent !important;
  color:var(--choice,#5C5C5C) !important;
  box-shadow:none !important;
  transform:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  font-weight:500 !important;
}
html[data-theme="dark"] #deal-root .countries button,
html[data-theme="dark"] #deal-root .tabs button{
  color:var(--choice,#CFCFCF) !important;
}
#deal-root .countries button:hover,
#deal-root .tabs button:hover{
  transform:none !important;
  background:transparent !important;
  border-color:transparent !important;
  color:var(--red,#E11D2E) !important;
  box-shadow:none !important;
}
#deal-root .countries button.active,
#deal-root .countries button.is-active,
#deal-root .tabs button.active,
#deal-root .tabs button.is-active{
  background:#111 !important;
  border-color:#111 !important;
  color:#fff !important;
  box-shadow:none !important;
  font-weight:700 !important;
}
#deal-root .countries button.active:hover,
#deal-root .countries button.is-active:hover,
#deal-root .tabs button.active:hover,
#deal-root .tabs button.is-active:hover{
  background:#111 !important;
  border-color:#111 !important;
  color:#fff !important;
  transform:none !important;
}
#deal-root .tabs button{
  flex:0 0 auto !important;
  min-width:0 !important;
  padding:5px 12px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:6px !important;
}
#deal-root .countries{
  background:transparent !important;
  border:0 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  padding:0 !important;
  gap:6px !important;
}
#deal-root .countries-wrap,
#deal-root .tabs{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:4px 0 10px !important;
  margin:0 !important;
  border-radius:0 !important;
}

/* Filter pills: plain text → hover red → selected black/white (match KOL .choice) */
#deal-root .chip-row button{
  border:1px solid transparent !important;
  background:transparent !important;
  color:var(--chip-text,#5C5C5C) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
#deal-root .chip-row button:hover{
  transform:none !important;
  background:transparent !important;
  border-color:transparent !important;
  color:var(--red,#E11D2E) !important;
  box-shadow:none !important;
}
#deal-root .chip-row button.active{
  background:#111 !important;
  border-color:#111 !important;
  color:#fff !important;
  box-shadow:none !important;
}
#deal-root .chip-row button.active:hover{
  background:#111 !important;
  border-color:#111 !important;
  color:#fff !important;
}
html[data-theme="dark"] #deal-root .chip-row button{
  background:transparent !important;
  border-color:transparent !important;
  color:var(--chip-text,#CFCFCF) !important;
}
html[data-theme="dark"] #deal-root .chip-row button:hover{
  color:var(--red-soft,#FF4D5A) !important;
  background:transparent !important;
}
html[data-theme="dark"] #deal-root .chip-row button.active{
  background:#F2F2F2 !important;
  border-color:#F2F2F2 !important;
  color:#111 !important;
}

/* t405: 业务 row — match .choice size; no selected scale/grow */
#deal-root #deal-tabs.filter-opts{
  gap:4px !important;
  align-items:center;
}
#deal-root #deal-tabs .biz-tab{
  position:relative;
  display:inline-flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:5px !important;
  min-width:0 !important;
  flex:0 0 auto !important;
  padding:3px 9px !important;
  margin:0 !important;
  border-radius:999px !important;
  border:1px solid transparent !important;
  background:transparent !important;
  color:var(--choice,#5C5C5C) !important;
  font-size:11px !important;
  line-height:15px !important;
  font-weight:500 !important;
  letter-spacing:0;
  cursor:pointer;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  text-shadow:none !important;
  transform:none !important;
  scale:1 !important;
  transition:background .12s ease,border-color .12s ease,color .12s ease !important;
}
#deal-root #deal-tabs .biz-tab::before{
  content:"";
  width:2px;
  height:11px;
  border-radius:999px;
  background:#D4D4D8;
  flex-shrink:0;
  transition:background .12s ease;
}
#deal-root #deal-tabs .biz-tab .biz-zh{
  font-size:11px !important;
  line-height:15px !important;
  font-weight:500 !important;
  color:inherit;
}
#deal-root #deal-tabs .biz-tab .biz-cnt{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:16px;
  height:14px;
  padding:0 5px;
  border-radius:999px;
  background:rgba(225,29,46,.10);
  color:#E11D2E;
  font-size:10px;
  line-height:1;
  font-weight:650;
  font-variant-numeric:tabular-nums;
  letter-spacing:0;
  box-shadow:inset 0 0 0 1px rgba(225,29,46,.12);
}
#deal-root #deal-tabs .biz-tab:hover{
  border-color:transparent !important;
  background:transparent !important;
  color:var(--red,#E11D2E) !important;
  box-shadow:none !important;
  transform:none !important;
  scale:1 !important;
}
#deal-root #deal-tabs .biz-tab:hover::before{
  background:#E11D2E;
  box-shadow:none;
}
#deal-root #deal-tabs .biz-tab:hover .biz-cnt{
  background:rgba(225,29,46,.16);
  color:#C41E3A;
}
#deal-root #deal-tabs .biz-tab.is-active,
#deal-root #deal-tabs .biz-tab.active{
  background:#111 !important;
  border-color:#111 !important;
  color:#fff !important;
  font-size:11px !important;
  line-height:15px !important;
  font-weight:500 !important;
  padding:3px 9px !important;
  box-shadow:none !important;
  transform:none !important;
  scale:1 !important;
}
#deal-root #deal-tabs .biz-tab.is-active::before,
#deal-root #deal-tabs .biz-tab.active::before{
  background:#E11D2E;
  box-shadow:none;
}
#deal-root #deal-tabs .biz-tab.is-active:hover,
#deal-root #deal-tabs .biz-tab.active:hover{
  background:#111 !important;
  border-color:#111 !important;
  color:#fff !important;
  transform:none !important;
  scale:1 !important;
}
#deal-root #deal-tabs .biz-tab.is-active .biz-zh,
#deal-root #deal-tabs .biz-tab.active .biz-zh{
  font-size:11px !important;
  line-height:15px !important;
  font-weight:500 !important;
}
#deal-root #deal-tabs .biz-tab.is-active .biz-cnt,
#deal-root #deal-tabs .biz-tab.active .biz-cnt{
  background:rgba(255,255,255,.14);
  color:#FFB4BA;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
  font-size:10px;
  height:14px;
  min-width:16px;
}

html[data-theme="dark"] #deal-root #deal-tabs .biz-tab{
  background:transparent !important;
  border-color:transparent !important;
  color:var(--choice,#A3A3A3) !important;
  box-shadow:none !important;
}
html[data-theme="dark"] #deal-root #deal-tabs .biz-tab::before{
  background:rgba(255,255,255,.28);
}
html[data-theme="dark"] #deal-root #deal-tabs .biz-tab .biz-cnt{
  background:rgba(225,29,46,.22);
  color:#FF8A93;
  box-shadow:inset 0 0 0 1px rgba(225,29,46,.28);
}
html[data-theme="dark"] #deal-root #deal-tabs .biz-tab:hover{
  background:transparent !important;
  border-color:transparent !important;
  color:#FF4D5A !important;
  transform:none !important;
}
html[data-theme="dark"] #deal-root #deal-tabs .biz-tab.is-active,
html[data-theme="dark"] #deal-root #deal-tabs .biz-tab.active{
  background:#F2F2F2 !important;
  border-color:#F2F2F2 !important;
  color:#111 !important;
  box-shadow:none !important;
  font-weight:500 !important;
  transform:none !important;
  scale:1 !important;
}
html[data-theme="dark"] #deal-root #deal-tabs .biz-tab.is-active::before,
html[data-theme="dark"] #deal-root #deal-tabs .biz-tab.active::before{
  background:#E11D2E;
}
html[data-theme="dark"] #deal-root #deal-tabs .biz-tab.is-active .biz-cnt,
html[data-theme="dark"] #deal-root #deal-tabs .biz-tab.active .biz-cnt{
  background:rgba(225,29,46,.14);
  color:#E11D2E;
  box-shadow:inset 0 0 0 1px rgba(225,29,46,.18);
}

/* t323: Deal left rail selected bg — same soft charcoal wash as site-row hover (no pink/green) */
#deal-root .rail button:hover{
  background:linear-gradient(135deg,rgba(107,107,117,.07) 0%,rgba(74,74,85,.05) 42%,rgba(42,42,50,.02) 100%) !important;
  color:#333 !important;
  box-shadow:none !important;
  border:none !important;
  transform:none !important;
}
#deal-root .rail button.active,
#deal-root .rail button.active:hover,
#deal-root .rail button.active[data-brand="all"],
#deal-root .rail button.active[data-brand="all"]:hover{
  background:linear-gradient(135deg,rgba(107,107,117,.10) 0%,rgba(74,74,85,.07) 42%,rgba(42,42,50,.03) 100%) !important;
  color:#111 !important;
  font-weight:700 !important;
  border:none !important;
  box-shadow:none !important;
  transform:none !important;
}
#deal-root .rail button.active[data-brand="all"],
#deal-root .rail button.active[data-brand="all"]:hover{
  color:#111 !important;
}
#deal-root .rail button.active::after,
#deal-root .rail button.active[data-brand="all"]::after{
  background:#E11D2E !important;
}
#deal-root .rail button.active .cnt{
  color:inherit !important;
}
html[data-theme="dark"] #deal-root .rail button:hover{
  background:linear-gradient(135deg,rgba(107,107,117,.20) 0%,rgba(74,74,85,.12) 42%,rgba(42,42,50,.08) 100%) !important;
  color:var(--ink,#F2F2F2) !important;
}
html[data-theme="dark"] #deal-root .rail button.active,
html[data-theme="dark"] #deal-root .rail button.active:hover,
html[data-theme="dark"] #deal-root .rail button.active[data-brand="all"],
html[data-theme="dark"] #deal-root .rail button.active[data-brand="all"]:hover{
  background:linear-gradient(135deg,rgba(107,107,117,.28) 0%,rgba(74,74,85,.16) 42%,rgba(42,42,50,.10) 100%) !important;
  color:var(--ink,#F2F2F2) !important;
}
html[data-theme="dark"] #deal-root .rail button.active[data-brand="all"],
html[data-theme="dark"] #deal-root .rail button.active[data-brand="all"]:hover{
  color:var(--ink,#F2F2F2) !important;
}

/* t329: Deal rail 「全部」logo → light gray gradient + soft glow; label/count match Slickdeals (black, not dark red) */
#deal-root .rail .logo.mark.all-mark,
#deal-root .rail .all-mark{
  background:linear-gradient(145deg,#F7F7FA 0%,#E4E4EA 42%,#C8C8D0 100%) !important;
  color:#4A4A55 !important;
  box-shadow:
    0 0 0 1px rgba(107,107,117,.20),
    0 0 14px rgba(107,107,117,.32),
    0 2px 6px rgba(0,0,0,.08),
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -1px 0 rgba(0,0,0,.06) !important;
  border:0 !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.02em;
  text-shadow:0 1px 0 rgba(255,255,255,.55);
}
#deal-root .rail button[data-brand="all"] .nm,
#deal-root .rail button[data-brand="all"] .cnt{
  color:inherit !important;
}
html[data-theme="dark"] #deal-root .rail .logo.mark.all-mark,
html[data-theme="dark"] #deal-root .rail .all-mark{
  background:linear-gradient(145deg,#3A3A42 0%,#2A2A32 48%,#1C1C22 100%) !important;
  color:#D8D8DE !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.10),
    0 0 14px rgba(160,160,175,.28),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
  text-shadow:none;
}

/* t327: unify font sizes in red-boxed Deal channel areas (styles/gradients unchanged) */
#deal-root .ch-price,
#deal-root .ch-price .deal-price .list-amt,
#deal-root .ch-price .deal-price .member-pill,
#deal-root .ch-price .deal-price .member-amt,
#deal-root .ch-price .btn-order,
#deal-root .ch-right .btn-order,
#deal-root .ch-right .btn-cart{
  font-size:13px !important;
  line-height:18px !important;
}
#deal-root .ch-price .deal-price .member-spark{font-size:11px !important;line-height:1 !important}
/* t330: title/price = notes(11)+2 → 13px; tags match row */
#deal-root .ch-title .tag,
#deal-root .ch-title .tag.tag-kol,
#deal-root .ch-title .tag.tag-edit,
#deal-root .ch-title .tag.tag-soft,
#deal-root .ch-title .svc{
  font-size:13px !important;
  line-height:18px !important;
}

/* t352: FB group avatars circular cover */
#deal-root .logo.round,
#deal-root .logo.lg.round{
  border-radius:999px !important;
  object-fit:cover !important;
  background:#f3f4f6 !important;
}

/* t353: FB group card main actions */
#deal-root .site-row .fb-card-actions{
  display:inline-flex;align-items:center;gap:6px;flex-shrink:0;
}
#deal-root .site-row .fb-card-actions .btn-cart,
#deal-root .site-row .fb-card-actions .btn-order{
  font-size:11px;padding:5px 10px;border-radius:999px;white-space:nowrap;
}

/* t354: Deal price block shift left ~10% of card width; buttons stay right */
#deal-root .card.site-card{
  container-type: inline-size;
  container-name: deal-site-card;
}
#deal-root .card.site-card .channel .ch-price,
#deal-root .card.site-card .row-right > .price,
#deal-root .card.site-card .row-right > .price.from{
  margin-right: clamp(18px, 10cqi, 96px) !important;
}
/* Prefer gap between price stack and action buttons when both in ch-right */
#deal-root .card.site-card .channel .ch-right{
  gap: clamp(12px, 10cqi, 96px) !important;
}
#deal-root .card.site-card .channel .ch-price{
  margin-right: 0 !important; /* gap on ch-right owns the 10% spacing */
}
/* Collapsed / FB main row: space price away from actions/chev without moving buttons off the right */
#deal-root .card.site-card .row-right{
  gap: 10px;
}
#deal-root .card.site-card .row-right > .price,
#deal-root .card.site-card .row-right > .price.from{
  margin-right: clamp(12px, 8cqi, 72px) !important;
}
@media (max-width: 640px){
  #deal-root .card.site-card .channel .ch-right{
    gap: clamp(10px, 6cqi, 40px) !important;
  }
  #deal-root .card.site-card .row-right > .price,
  #deal-root .card.site-card .row-right > .price.from{
    margin-right: clamp(8px, 5cqi, 36px) !important;
  }
}

/* t355: FB actions as spans inside site-row (avoid nested buttons / 乱码) */
#deal-root .site-row .fb-card-actions .btn-cart,
#deal-root .site-row .fb-card-actions .btn-order{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  user-select:none;
  -webkit-user-select:none;
}

/* t355: FB row-right keep price left but avoid crush */
#deal-root .card.site-card .row-right:has(.fb-card-actions) > .price,
#deal-root .card.site-card .row-right:has(.fb-card-actions) > .price.from{
  margin-right: clamp(8px, 4cqi, 36px) !important;
}
#deal-root .card.site-card .site-row{
  flex-wrap:nowrap;
  min-width:0;
}
#deal-root .card.site-card .site-row .left{
  min-width:0;
  overflow:hidden;
}
#deal-root .card.site-card .row-right{
  flex-shrink:0;
  max-width:58%;
}

/* t356: FB expand notes + kill empty whitespace */
#deal-root .card.site-card.is-fb,
#deal-root .card.site-card.is-fb.open{
  content-visibility: visible !important;
  contain-intrinsic-size: none !important;
  min-height: 0 !important;
}
#deal-root .card.site-card > .site-detail.is-fb{
  padding: 8px 0 10px !important;
  min-height: 0 !important;
  height: auto !important;
}
#deal-root .card.site-card > .site-detail.is-fb .meta.meta-facts{
  padding: 0 14px 6px !important;
  margin: 0 !important;
}
#deal-root .fb-notes{
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 0 14px 2px;
  margin: 0;
}
#deal-root .fb-order-note{
  font-size: 10px;
  font-weight: 650;
  color: #333;
  line-height: 1.4;
  margin: 0;
  padding: 0;
}
html[data-theme="dark"] #deal-root .fb-order-note{ color: #E5E5E5; }

/* t357: FB channel rows restored without 群组贴 titles */
#deal-root .card.site-card.is-fb .channel-list{
  min-height:0 !important;
  padding:0 !important;
}
#deal-root .card.site-card.is-fb .channel{
  min-height:0 !important;
  align-items:flex-start !important;
}
#deal-root .card.site-card.is-fb .fb-ch-link{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-top:2px;
  font-size:12px;
  font-weight:700;
  color:#E11D2E;
  text-decoration:none;
}
#deal-root .card.site-card.is-fb .fb-ch-link:hover{ text-decoration:underline; }
#deal-root .card.site-card.is-fb .channel .ch-left .notes{
  font-size:10px;
  font-weight:650;
  color:#333;
  line-height:1.4;
}
html[data-theme="dark"] #deal-root .card.site-card.is-fb .channel .ch-left .notes{ color:#E5E5E5; }
/* keep expand tight: no leftover blank from removed-only-notes layout */
#deal-root .card.site-card.is-fb > .site-detail.is-fb{
  padding:8px 0 6px !important;
  min-height:0 !important;
}
#deal-root .card.site-card.is-fb,
#deal-root .card.site-card.is-fb.open{
  content-visibility:visible !important;
  contain-intrinsic-size:none !important;
}

/* t358: FB expand align + notes size + drop ch-link */
#deal-root .card.site-card.is-fb .fb-ch-link{ display:none !important; }

/* 下单说明 +1~2px */
#deal-root .card.site-card.is-fb .channel .notes,
#deal-root .card.site-card.is-fb .channel .fb-order-note,
#deal-root .card.site-card.is-fb .fb-order-note{
  font-size: 12px !important;
  line-height: 18px !important;
  font-weight: 650;
  color: #333;
}

/* Match channel right rail to main row-right (price | actions | chev) */
#deal-root .card.site-card.is-fb > .site-row{
  padding-left: 16px !important;
  padding-right: 16px !important;
}
#deal-root .card.site-card.is-fb .channel{
  padding: 10px 16px !important;
  align-items: center !important;
  gap: 12px !important;
}
#deal-root .card.site-card.is-fb .row-right,
#deal-root .card.site-card.is-fb .channel .ch-right.fb-ch-right{
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 0 0 auto !important;
  margin-left: auto !important;
  gap: 10px !important;
  max-width: none !important;
}
/* same price→actions spacing as main FB row */
#deal-root .card.site-card.is-fb .row-right > .price,
#deal-root .card.site-card.is-fb .row-right > .price.from,
#deal-root .card.site-card.is-fb .channel .ch-price.price.from,
#deal-root .card.site-card.is-fb .channel .fb-ch-right > .ch-price{
  margin-right: clamp(8px, 4cqi, 36px) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: center !important;
  text-align: right !important;
  flex-shrink: 0 !important;
}
#deal-root .card.site-card.is-fb .channel .fb-ch-right{
  gap: 10px !important; /* override generic channel 10cqi gap */
}
/* VIP / list type sizes match main .price.from */
#deal-root .card.site-card.is-fb .channel .ch-price .deal-price,
#deal-root .card.site-card.is-fb .row-right .price .deal-price{
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 4px !important;
}
#deal-root .card.site-card.is-fb .channel .ch-price .deal-price .list-amt,
#deal-root .card.site-card.is-fb .row-right .price .deal-price .list-amt{
  font-size: 13px !important;
  line-height: 18px !important;
}
#deal-root .card.site-card.is-fb .channel .ch-price .deal-price .member-pill,
#deal-root .card.site-card.is-fb .row-right .price .deal-price .member-pill{
  font-size: 9px !important;
  line-height: 14px !important;
  padding: 1px 7px !important;
}
#deal-root .card.site-card.is-fb .channel .ch-price .deal-price .member-amt,
#deal-root .card.site-card.is-fb .row-right .price .deal-price .member-amt{
  font-size: 12px !important;
  line-height: 14px !important;
}
#deal-root .card.site-card.is-fb .channel .ch-price .deal-price .member-spark,
#deal-root .card.site-card.is-fb .row-right .price .deal-price .member-spark{
  font-size: 11px !important;
}
/* buttons: expand uses same size as main fb-card-actions */
#deal-root .card.site-card.is-fb .row-right .fb-card-actions,
#deal-root .card.site-card.is-fb .channel .fb-card-actions{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-shrink: 0 !important;
}
#deal-root .card.site-card.is-fb .row-right .fb-card-actions .btn-cart,
#deal-root .card.site-card.is-fb .row-right .fb-card-actions .btn-order,
#deal-root .card.site-card.is-fb .channel .fb-card-actions .btn-cart,
#deal-root .card.site-card.is-fb .channel .fb-card-actions .btn-order{
  font-size: 11px !important;
  line-height: 16px !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  min-height: 26px !important;
  height: 26px !important;
  box-sizing: border-box !important;
}
#deal-root .card.site-card.is-fb .row-right .fb-card-actions .cart-ico,
#deal-root .card.site-card.is-fb .channel .fb-card-actions .cart-ico{
  font-size: 12px !important;
  line-height: 1 !important;
}
/* invisible chev spacer so channel right edge matches main row */
#deal-root .card.site-card.is-fb .channel .fb-align-spacer{
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border: 0 !important;
  background: transparent !important;
  visibility: hidden !important;
  pointer-events: none !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
}

/* t359: hide main-row quote on FB + discount sites — keep chev only */
#deal-root .card.site-card.hide-main-quote > .site-row .row-right{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0 !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  margin-left: auto !important;
}
#deal-root .card.site-card.hide-main-quote > .site-row .row-right > .price,
#deal-root .card.site-card.hide-main-quote > .site-row .row-right > .price.from,
#deal-root .card.site-card.hide-main-quote > .site-row .fb-card-actions{
  display: none !important;
}
#deal-root .card.site-card.hide-main-quote > .site-row{
  align-items: center !important;
}
/* expand channels still show full quote/actions; avoid leftover blank from removed main quote */
#deal-root .card.site-card.hide-main-quote > .site-detail{
  min-height: 0 !important;
}
#deal-root .card.site-card.hide-main-quote,
#deal-root .card.site-card.hide-main-quote.open{
  content-visibility: visible !important;
  contain-intrinsic-size: none !important;
  min-height: 0 !important;
}

/* t361: site-card meta tags on main card (collapsed visible) */
#deal-root .card.site-card > .site-card-meta.meta-facts{
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 8px;
  padding: 0 14px 10px !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
#deal-root .card.site-card.open > .site-card-meta.meta-facts{
  padding-bottom: 8px !important;
}
#deal-root .card.site-card > .site-detail{
  /* expand = channels only; meta already on main */
  padding-top: 0 !important;
}
#deal-root .card.site-card > .site-detail .meta,
#deal-root .card.site-card > .site-detail .meta.meta-facts{
  display: none !important;
}
#deal-root .card.site-card.is-fb > .site-detail.is-fb{
  padding: 4px 0 6px !important;
}

/* t362: hide country filter on value-added page */
#deal-root.is-value-added .deal-top-filters .filter-row:has(#deal-countries){
  display: none !important;
}

/* t363/t398: site-card meta chips — t398 shrink ~2px (12→10) */
#deal-root .card.site-card > .site-card-meta.meta-facts,
#deal-root .card.site-card > .site-card-meta .meta-fact,
#deal-root .card.site-card > .site-card-meta .meta-fact.meta-chip,
#deal-root .card.site-card > .site-card-meta .meta-chip .meta-val,
#deal-root .card.site-card > .site-card-meta .meta-chip-cat .meta-val,
#deal-root .card.site-card > .site-card-meta .meta-chip-eye .meta-val,
#deal-root .card.site-card > .site-card-meta .meta-chip-intro .meta-val,
#deal-root .card.site-card > .site-card-meta .meta-hint,
#deal-root .card.site-card > .site-card-meta .meta-hint-fact .meta-hint{
  font-size: 10px !important;
  line-height: 14px !important;
  font-weight: 600 !important;
}
#deal-root .card.site-card > .site-card-meta .meta-fact.meta-chip{
  padding: 1px 7px 1px 4px !important;
  gap: 3px !important;
  min-height: 0 !important;
  height: auto !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 1px 4px rgba(99,102,241,.10) !important;
}
#deal-root .card.site-card > .site-card-meta .meta-ico{
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#deal-root .card.site-card > .site-card-meta .meta-ico svg{
  width: 9px !important;
  height: 9px !important;
}
#deal-root .card.site-card > .site-card-meta.meta-facts{
  gap: 4px 5px !important;
  padding: 0 14px 8px !important;
}
#deal-root .card.site-card > .site-card-meta a.meta-hint-link{
  font-size: 10px !important;
  line-height: 14px !important;
  gap: 3px !important;
}

/* t364: value-added page hide 当前条件 + empty top filters */
#deal-root.is-value-added > .deal-top-filters{
  display: none !important;
}
#deal-root.is-value-added .panel-title{
  display: none !important;
}

/* t365: 折扣网站 expand match FB群组 typography / price / VIP / buttons */
#deal-root .card.site-card.is-sites .channel-list{
  min-height:0 !important;
  padding:0 !important;
}
#deal-root .card.site-card.is-sites .channel{
  min-height:0 !important;
  padding: 10px 16px !important;
  align-items: center !important;
  gap: 12px !important;
}
#deal-root .card.site-card.is-sites .channel .notes,
#deal-root .card.site-card.is-sites .channel .fb-order-note,
#deal-root .card.site-card.is-sites .fb-order-note,
#deal-root .card.site-card.is-sites .channel .ch-left .notes{
  font-size: 12px !important;
  line-height: 18px !important;
  font-weight: 650;
  color: #333;
}
html[data-theme="dark"] #deal-root .card.site-card.is-sites .channel .notes,
html[data-theme="dark"] #deal-root .card.site-card.is-sites .channel .fb-order-note,
html[data-theme="dark"] #deal-root .card.site-card.is-sites .channel .ch-left .notes{
  color:#E5E5E5;
}
#deal-root .card.site-card.is-sites > .site-detail.is-fb{
  padding:8px 0 6px !important;
  min-height:0 !important;
}
#deal-root .card.site-card.is-sites,
#deal-root .card.site-card.is-sites.open{
  content-visibility:visible !important;
  contain-intrinsic-size:none !important;
}
#deal-root .card.site-card.is-sites > .site-row{
  padding-left: 16px !important;
  padding-right: 16px !important;
}
#deal-root .card.site-card.is-sites .channel .ch-right.fb-ch-right{
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 0 0 auto !important;
  margin-left: auto !important;
  gap: 10px !important;
  max-width: none !important;
}
#deal-root .card.site-card.is-sites .channel .ch-price.price.from,
#deal-root .card.site-card.is-sites .channel .fb-ch-right > .ch-price{
  margin-right: clamp(8px, 4cqi, 36px) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: center !important;
  text-align: right !important;
  flex-shrink: 0 !important;
}
#deal-root .card.site-card.is-sites .channel .ch-price .deal-price{
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 4px !important;
}
#deal-root .card.site-card.is-sites .channel .ch-price .deal-price .list-amt{
  font-size: 13px !important;
  line-height: 18px !important;
}
#deal-root .card.site-card.is-sites .channel .ch-price .deal-price .member-pill{
  font-size: 9px !important;
  line-height: 14px !important;
  padding: 1px 7px !important;
}
#deal-root .card.site-card.is-sites .channel .ch-price .deal-price .member-amt{
  font-size: 12px !important;
  line-height: 14px !important;
}
#deal-root .card.site-card.is-sites .channel .ch-price .deal-price .member-spark{
  font-size: 11px !important;
}
#deal-root .card.site-card.is-sites .channel .ch-title,
#deal-root .card.site-card.is-sites .channel .ch-title .svc,
#deal-root .card.site-card.is-sites .channel .ch-title .tag{
  font-size: 12px !important;
  line-height: 16px !important;
}
#deal-root .card.site-card.is-sites .channel .fb-card-actions{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-shrink: 0 !important;
}
#deal-root .card.site-card.is-sites .channel .fb-card-actions .btn-cart,
#deal-root .card.site-card.is-sites .channel .fb-card-actions .btn-order{
  font-size: 11px !important;
  line-height: 16px !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  min-height: 26px !important;
  height: 26px !important;
  box-sizing: border-box !important;
}
#deal-root .card.site-card.is-sites .channel .fb-card-actions .cart-ico{
  font-size: 12px !important;
  line-height: 1 !important;
}
#deal-root .card.site-card.is-sites .channel .fb-align-spacer{
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border: 0 !important;
  background: transparent !important;
  visibility: hidden !important;
  pointer-events: none !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
}



/* t383 cpa: table sits beside callout with ~10% gap, not pushed to far right */
#deal-root .cpa-layout{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:flex-start;gap:clamp(24px,10%,80px);margin-bottom:14px}
#deal-root .cpa-layout .callout{flex:0 1 auto;max-width:560px;width:auto;margin-bottom:0;min-width:min(280px,100%)}
#deal-root .cpa-layout .table-wrap{flex:0 1 360px;width:100%;max-width:360px;align-self:stretch;margin-left:0}
@media (max-width:720px){
  #deal-root .cpa-layout{flex-direction:column;gap:16px}
  #deal-root .cpa-layout .callout{margin-bottom:0;max-width:100%}
  #deal-root .cpa-layout .table-wrap{max-width:100%;flex:1 1 auto}
}

/* t416: Deal collapse btns = same as t414 active chip (light-gray metal + thin red + dark text) */
#deal-root .deal-filter-collapse-btn,
#deal-root button.deal-filter-collapse-btn,
#deal-root #deal-top-filter-collapse-btn,
#deal-root #deal-site-filter-collapse-btn{
  appearance:none !important;
  -webkit-appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  flex-shrink:0;
  margin-left:auto;
  cursor:pointer;
  border-radius:999px !important;
  padding:5px 11px 5px 9px !important;
  font-size:11px !important;
  line-height:15px !important;
  font-weight:700 !important;
  letter-spacing:.02em;
  color:#1a1a22 !important;
  -webkit-text-fill-color:#1a1a22 !important;
  border:none !important;
  border-color:transparent !important;
  background-color:#E8E8ED !important;
  background-image:linear-gradient(145deg,#FFFFFF 0%,#F4F4F7 26%,#DCDCE3 58%,#B4B4BE 100%) !important;
  background:linear-gradient(145deg,#FFFFFF 0%,#F4F4F7 26%,#DCDCE3 58%,#B4B4BE 100%) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 0 0 1px rgba(255,255,255,.55) inset,0 2px 10px rgba(0,0,0,.14),0 0 16px rgba(148,163,184,.28) !important;
  transform:none !important;
  filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  isolation:isolate !important;
  position:relative;
  z-index:3;
  text-shadow:none !important;
}
#deal-root .deal-filter-collapse-btn:hover,
#deal-root button.deal-filter-collapse-btn:hover,
#deal-root #deal-top-filter-collapse-btn:hover,
#deal-root #deal-site-filter-collapse-btn:hover,
#deal-root .deal-filter-collapse-btn:focus-visible,
#deal-root #deal-top-filter-collapse-btn:focus-visible,
#deal-root #deal-site-filter-collapse-btn:focus-visible{
  color:#111118 !important;
  -webkit-text-fill-color:#111118 !important;
  border:none !important;
  background-color:#E8E8ED !important;
  background-image:linear-gradient(145deg,#FFFFFF 0%,#F8F8FA 30%,#E4E4EA 60%,#C0C0CA 100%) !important;
  background:linear-gradient(145deg,#FFFFFF 0%,#F8F8FA 30%,#E4E4EA 60%,#C0C0CA 100%) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.98) inset,0 0 0 1px rgba(255,255,255,.65) inset,0 3px 12px rgba(0,0,0,.16),0 0 18px rgba(148,163,184,.32) !important;
  transform:none !important;
  filter:none !important;
  opacity:1 !important;
}
#deal-root .deal-filter-collapse-btn .filter-collapse-lab,
#deal-root .deal-filter-collapse-btn .deal-filter-collapse-ico,
#deal-root .deal-filter-collapse-btn .filter-collapse-ico,
#deal-root #deal-top-filter-collapse-btn .filter-collapse-lab,
#deal-root #deal-site-filter-collapse-btn .filter-collapse-lab{
  color:#1a1a22 !important;
  -webkit-text-fill-color:#1a1a22 !important;
  opacity:1 !important;
}
#deal-root .deal-filter-collapse-ico,
#deal-root .deal-filter-collapse-btn .filter-collapse-ico{
  display:inline-block;font-size:11px;line-height:1;transition:transform .18s ease;color:#1a1a22 !important;
}
html[data-deal-filters-top="collapsed"] #deal-top-filter-collapse-btn .deal-filter-collapse-ico,
html[data-deal-filters-top="collapsed"] #deal-top-filter-collapse-btn .filter-collapse-ico,
#deal-root.is-top-filters-collapsed #deal-top-filter-collapse-btn .deal-filter-collapse-ico,
#deal-root.is-top-filters-collapsed #deal-top-filter-collapse-btn .filter-collapse-ico{transform:rotate(-90deg)}
html[data-deal-filters-top="collapsed"] #deal-root .deal-top-filters > .filter-panel,
#deal-root.is-top-filters-collapsed .deal-top-filters > .filter-panel{
  display:none !important;
}
html[data-deal-filters-site="collapsed"] #deal-site-filter-collapse-btn .deal-filter-collapse-ico,
html[data-deal-filters-site="collapsed"] #deal-site-filter-collapse-btn .filter-collapse-ico,
#deal-root.is-site-filters-collapsed #deal-site-filter-collapse-btn .deal-filter-collapse-ico,
#deal-root.is-site-filters-collapsed #deal-site-filter-collapse-btn .filter-collapse-ico{transform:rotate(-90deg)}
html[data-deal-filters-site="collapsed"] #deal-root .deal-site-filters > .filter-panel,
#deal-root.is-site-filters-collapsed .deal-site-filters > .filter-panel{
  display:none !important;
}
html[data-theme="dark"] #deal-root .deal-filter-collapse-btn,
html[data-theme="dark"] #deal-root #deal-top-filter-collapse-btn,
html[data-theme="dark"] #deal-root #deal-site-filter-collapse-btn{
  color:#111118 !important;
  -webkit-text-fill-color:#111118 !important;
  border:none !important;
  background-color:#C8C8D2 !important;
  background-image:linear-gradient(145deg,#E8E8EE 0%,#C8C8D2 40%,#9A9AA6 78%,#7A7A86 100%) !important;
  background:linear-gradient(145deg,#E8E8EE 0%,#C8C8D2 40%,#9A9AA6 78%,#7A7A86 100%) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 0 0 1px rgba(255,255,255,.2) inset,0 2px 12px rgba(0,0,0,.35),0 0 16px rgba(148,163,184,.2) !important;
  opacity:1 !important;
  filter:none !important;
  backdrop-filter:none !important;
}

/* chips slightly tighter under deal */
#deal-root .deal-top-filters .chip,
#deal-root .deal-site-filters .chip{
  padding:3px 8px !important;font-size:11px !important;line-height:15px !important;
}

/* t407: Save and Share — secondary channel row without quote actions */
#deal-root .channel.is-secondary-ch .ch-right.is-quote-hidden{
  min-width:0 !important;
  width:0 !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  visibility:hidden !important;
}

/* t410: 质保套餐 — list ¥ left-align with VIP row (VIP already left) */
#deal-root .pkg .price,
#deal-root .pkg .deal-price{
  text-align:left !important;
  justify-content:flex-start !important;
}
#deal-root .pkg .deal-price{
  display:inline-flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  width:100%;
}
#deal-root .pkg .deal-price .list-amt{
  text-align:left !important;
  align-self:flex-start !important;
  width:auto;
}
#deal-root .pkg .deal-price .quote-member{
  align-self:flex-start !important;
}

/* t411/t412: US CPA price table — two-column horizontal split; Canada unchanged */
#deal-root .cpa-tables{display:block}
#deal-root .cpa-tables--us-two-col{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  gap:12px;
  flex:1 1 520px;
  width:100%;
  max-width:740px;
  min-width:min(280px,100%);
}
#deal-root .cpa-tables--us-two-col .table-wrap{
  flex:1 1 280px;
  width:auto;
  max-width:360px;
  margin:0;
  align-self:stretch;
}
#deal-root .cpa-tables--single{
  flex:0 1 360px;
  width:100%;
  max-width:360px;
}
#deal-root .cpa-tables--single .table-wrap{
  width:100%;
  max-width:360px;
  margin:0;
}
#deal-root .cpa-layout .cpa-tables--us-two-col{margin-left:0}
@media (max-width:720px){
  #deal-root .cpa-tables--us-two-col{flex-direction:column;max-width:100%;gap:10px}
  #deal-root .cpa-tables--us-two-col .table-wrap{max-width:100%;flex:1 1 auto}
}

/* t414: Deal filter selected (.active/.is-active) = light-gray metal fill; thin red rim; not red fill; collapse btn untouched */
#deal-root .filter-opts > .choice.is-active,
#deal-root .filter-opts > .choice.active,
#deal-root button.choice.is-active,
#deal-root button.choice.active,
#deal-root .countries button.choice.is-active,
#deal-root .countries button.choice.active,
#deal-root .countries button.active,
#deal-root .countries button.is-active,
#deal-root .tabs button.choice.is-active,
#deal-root .tabs button.choice.active,
#deal-root .tabs button.active,
#deal-root .tabs button.is-active,
#deal-root .chip-row button.choice.is-active,
#deal-root .chip-row button.choice.active,
#deal-root .chip-row button.active,
#deal-root .chip-row button.is-active,
#deal-root #deal-tabs .biz-tab.is-active,
#deal-root #deal-tabs .biz-tab.active{
  color:#1a1a22 !important;
  -webkit-text-fill-color:#1a1a22 !important;
  font-weight:700 !important;
  border:none !important;
  border-color:transparent !important;
  background:linear-gradient(145deg,#FFFFFF 0%,#F4F4F7 26%,#DCDCE3 58%,#B4B4BE 100%) !important;
  background-image:linear-gradient(145deg,#FFFFFF 0%,#F4F4F7 26%,#DCDCE3 58%,#B4B4BE 100%) !important;
  background-color:#E8E8ED !important;
  box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 0 0 1px rgba(255,255,255,.55) inset,0 2px 10px rgba(0,0,0,.14),0 0 16px rgba(148,163,184,.28) !important;
  text-shadow:none !important;
  filter:none !important;
  opacity:1 !important;
  transform:none !important;
  scale:1 !important;
}
#deal-root .filter-opts > .choice.is-active:hover,
#deal-root .filter-opts > .choice.active:hover,
#deal-root button.choice.is-active:hover,
#deal-root button.choice.active:hover,
#deal-root .countries button.active:hover,
#deal-root .countries button.is-active:hover,
#deal-root .tabs button.active:hover,
#deal-root .tabs button.is-active:hover,
#deal-root .chip-row button.active:hover,
#deal-root .chip-row button.is-active:hover,
#deal-root #deal-tabs .biz-tab.is-active:hover,
#deal-root #deal-tabs .biz-tab.active:hover{
  color:#111118 !important;
  -webkit-text-fill-color:#111118 !important;
  border:none !important;
  background:linear-gradient(145deg,#FFFFFF 0%,#F8F8FA 30%,#E4E4EA 60%,#C0C0CA 100%) !important;
  background-image:linear-gradient(145deg,#FFFFFF 0%,#F8F8FA 30%,#E4E4EA 60%,#C0C0CA 100%) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.98) inset,0 0 0 1px rgba(255,255,255,.65) inset,0 3px 12px rgba(0,0,0,.16),0 0 18px rgba(148,163,184,.32) !important;
  transform:none !important;
  scale:1 !important;
}
#deal-root #deal-tabs .biz-tab.is-active::before,
#deal-root #deal-tabs .biz-tab.active::before{
  background:#E11D2E !important;
  box-shadow:0 0 8px rgba(225,29,46,.45) !important;
}
#deal-root #deal-tabs .biz-tab.is-active .biz-zh,
#deal-root #deal-tabs .biz-tab.active .biz-zh{
  color:#1a1a22 !important;
}
#deal-root #deal-tabs .biz-tab.is-active .biz-cnt,
#deal-root #deal-tabs .biz-tab.active .biz-cnt{
  background:rgba(225,29,46,.12) !important;
  color:#C41E3A !important;
  box-shadow:inset 0 0 0 1px rgba(225,29,46,.22) !important;
}
#deal-root .countries button.active .en,
#deal-root .countries button.is-active .en,
#deal-root .tabs button.active .en,
#deal-root .tabs button.is-active .en{
  color:inherit !important;
  opacity:.75 !important;
}
html[data-theme="dark"] #deal-root .filter-opts > .choice.is-active,
html[data-theme="dark"] #deal-root .filter-opts > .choice.active,
html[data-theme="dark"] #deal-root button.choice.is-active,
html[data-theme="dark"] #deal-root button.choice.active,
html[data-theme="dark"] #deal-root .countries button.active,
html[data-theme="dark"] #deal-root .countries button.is-active,
html[data-theme="dark"] #deal-root .tabs button.active,
html[data-theme="dark"] #deal-root .tabs button.is-active,
html[data-theme="dark"] #deal-root .chip-row button.active,
html[data-theme="dark"] #deal-root .chip-row button.is-active,
html[data-theme="dark"] #deal-root #deal-tabs .biz-tab.is-active,
html[data-theme="dark"] #deal-root #deal-tabs .biz-tab.active{
  color:#111118 !important;
  -webkit-text-fill-color:#111118 !important;
  border:none !important;
  background:linear-gradient(145deg,#E8E8EE 0%,#C8C8D2 40%,#9A9AA6 78%,#7A7A86 100%) !important;
  background-image:linear-gradient(145deg,#E8E8EE 0%,#C8C8D2 40%,#9A9AA6 78%,#7A7A86 100%) !important;
  background-color:#C8C8D2 !important;
  box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 0 0 1px rgba(255,255,255,.2) inset,0 2px 12px rgba(0,0,0,.35),0 0 16px rgba(148,163,184,.2) !important;
}
html[data-theme="dark"] #deal-root .filter-opts > .choice.is-active:hover,
html[data-theme="dark"] #deal-root button.choice.is-active:hover,
html[data-theme="dark"] #deal-root #deal-tabs .biz-tab.is-active:hover,
html[data-theme="dark"] #deal-root #deal-tabs .biz-tab.active:hover{
  background:linear-gradient(145deg,#F0F0F5 0%,#D4D4DC 42%,#A8A8B4 78%,#888894 100%) !important;
  background-image:linear-gradient(145deg,#F0F0F5 0%,#D4D4DC 42%,#A8A8B4 78%,#888894 100%) !important;
}
/* end t414 */

/* t418: Deal filter buttons — no borders (active/inactive/collapse); keep light metal fill */
#deal-root .choice,
#deal-root button.choice,
#deal-root .filter-opts > .choice,
#deal-root .countries button,
#deal-root .tabs button,
#deal-root .chip-row button,
#deal-root #deal-tabs .biz-tab,
#deal-root .deal-filter-collapse-btn,
#deal-root #deal-top-filter-collapse-btn,
#deal-root #deal-site-filter-collapse-btn,
#deal-root .choice.is-active,
#deal-root .choice.active,
#deal-root .countries button.active,
#deal-root .countries button.is-active,
#deal-root .tabs button.active,
#deal-root .tabs button.is-active,
#deal-root .chip-row button.active,
#deal-root .chip-row button.is-active,
#deal-root #deal-tabs .biz-tab.is-active,
#deal-root #deal-tabs .biz-tab.active{
  border:none !important;
  border-color:transparent !important;
  border-width:0 !important;
  outline:none !important;
}
#deal-root .choice:hover,
#deal-root .choice.is-active:hover,
#deal-root .countries button:hover,
#deal-root .countries button.active:hover,
#deal-root .tabs button:hover,
#deal-root .tabs button.active:hover,
#deal-root .chip-row button:hover,
#deal-root .chip-row button.active:hover,
#deal-root #deal-tabs .biz-tab:hover,
#deal-root #deal-tabs .biz-tab.is-active:hover,
#deal-root .deal-filter-collapse-btn:hover,
#deal-root #deal-top-filter-collapse-btn:hover,
#deal-root #deal-site-filter-collapse-btn:hover{
  border:none !important;
  border-color:transparent !important;
}
/* end t418 */


/* t518-promo-no-shake: resource cards — no hover lift/shake; keep static border/shadow/wash */
#deal-root .card:hover,
#deal-root .card.site-card:hover,
#deal-root .card.site-card.open:hover{
  transform:none !important;
}
#deal-root .card{
  transition:box-shadow .18s ease,background .18s ease,border-color .18s ease !important;
}