:root,html[data-theme="dark"]{
  --bg:#000000;--card:#0A0A0A;--raised:#111111;--red:#E11D2E;--red-soft:#FF4D5A;
  --ink:#E8E8E8;--muted:#8A8A8A;--faint:#5C5C5C;--line:#1a1a1a;--line-strong:#2a2a2a;
  --brand:#E8E8E8;--brand-sub:#8A8A8A;--toggle-bg:rgba(255,255,255,.08);
  --toggle-border:rgba(255,255,255,.18);--toggle-text:#F2F2F2;--filter-bg:rgba(0,0,0,.92);
  --input-bg:#111;--input-border:var(--line);--input-text:var(--ink);--hero-fallback:#222;
  --badge-bg:var(--red);--badge-fg:#fff;--panel-bg:#0A0A0A;--chip-bg:rgba(255,255,255,.06);
  --chip-fg:#CFCFCF;--choice-active:#E8E8E8;--choice:#8A8A8A;--dash:rgba(255,255,255,.12);
  --modal-bg:rgba(0,0,0,.72);
}
html[data-theme="light"]{
  --bg:#F5F5F7;--card:#FFFFFF;--raised:#F0F0F2;--ink:#111111;--muted:#5C5C5C;--faint:#8A8A8A;
  --line:#E5E5EA;--line-strong:#D1D1D6;--brand:#111111;--brand-sub:#6B6B6B;
  --toggle-bg:#FFFFFF;--toggle-border:rgba(0,0,0,.12);--toggle-text:#111;
  --filter-bg:rgba(245,245,247,.94);--input-bg:#fff;--input-border:var(--line);--input-text:#111;
  --hero-fallback:#E8E8EC;--badge-bg:var(--red);--badge-fg:#fff;--red:#E11D2E;--red-soft:#FF4D5A;
  --panel-bg:#FFFFFF;--chip-bg:#F0F0F2;--chip-fg:#5C5C5C;--choice-active:#111;--choice:#5C5C5C;
  --dash:rgba(0,0,0,.1);--modal-bg:rgba(0,0,0,.55);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans SC","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}
.app{max-width:none;margin:0 auto;padding:12px 16px 48px;min-height:100vh}

/* Deal-style header */
.header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px 8px 14px;border-bottom:1px solid var(--line);background:var(--bg)}
.header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:11px;min-width:0}
.brand-mark{width:54px;height:54px;display:block;flex-shrink:0;border-radius:0} /* t481: +2 sizes */
.brand-text{display:flex;flex-direction:row;align-items:center;gap:8px;min-width:0;line-height:1;justify-content:flex-start} /* t481: H&L + 出海 horizontal */
.brand-title{font-size:11px;line-height:1.15;font-weight:600;letter-spacing:.5em;color:var(--brand-sub);text-indent:.08em} /* t481: same as 出海 */
.brand-sub{font-size:11px;line-height:1.15;color:var(--brand-sub);letter-spacing:.5em;font-weight:600;text-indent:.08em}
.theme-toggle{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--toggle-border);background:var(--toggle-bg);color:var(--toggle-text);font-size:12px;line-height:16px;font-weight:700;cursor:pointer;flex-shrink:0}
.theme-toggle .theme-ico{font-size:14px;line-height:1}
html[data-theme="light"] .theme-toggle{box-shadow:0 1px 3px rgba(0,0,0,.06)}
.contact{display:flex;align-items:center;justify-content:flex-end;gap:0;padding:0;border-radius:0;background:transparent;border:0;color:var(--ink);flex-shrink:0;margin-left:auto;text-align:right}
.contact>div{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:2px}
.contact .lab{font-size:11px;line-height:16px;font-weight:700;color:var(--muted);text-align:right}
.contact .num{font-size:14px;line-height:20px;font-weight:700;letter-spacing:.02em;color:var(--ink);text-align:right}

/* Canvas-like filters */
.filters{padding:12px 4px 4px;position:static;background:transparent;border-bottom:none}
/* t339 legacy: keep .filter-collapse-btn for Deal panels only */
.filter-collapse-btn{
  display:inline-flex;align-items:center;gap:6px;flex-shrink:0;margin-left:auto;
  border:none;cursor:pointer;border-radius:999px;padding:6px 12px 6px 10px;
  font-size:12px;line-height:16px;font-weight:700;color:#fff;
  background:linear-gradient(135deg,#8a8a94 0%,#6b6b75 42%,#4a4a55 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.28) inset,0 2px 8px rgba(0,0,0,.16),0 0 14px rgba(107,107,117,.18);
}
.filter-collapse-btn:hover{
  background:linear-gradient(135deg,#9898a2 0%,#787882 42%,#555560 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.34) inset,0 3px 10px rgba(0,0,0,.2),0 0 16px rgba(107,107,117,.24);
}
.filter-collapse-ico{display:inline-block;font-size:11px;line-height:1;transition:transform .18s ease}
html[data-theme="dark"] .filter-collapse-btn{
  background:linear-gradient(135deg,#7a7a86 0%,#555560 42%,#32323c 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.14) inset,0 2px 10px rgba(0,0,0,.35),0 0 16px rgba(0,0,0,.2);
}

/* t591: Woniu-style partial expand for Amazon+social #filters (first 3 rows always visible) */
#filters .filter-more{
  display:none;
}
html[data-kol-filters-more="open"] #filters .filter-more,
#filters.is-more-open .filter-more{
  display:block;
}
#filters .filter-actions{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  padding:8px 0 2px;margin-top:2px;
  border-top:1px solid rgba(0,0,0,.08);
}
html[data-theme="dark"] #filters .filter-actions{
  border-top-color:rgba(255,255,255,.12);
}
#filters .filter-reset-btn{
  display:inline-flex;align-items:center;gap:5px;
  border:1px solid #111;
  background:transparent;
  color:#111;
  border-radius:8px;padding:5px 12px;
  font-size:12px;line-height:16px;font-weight:600;
  cursor:pointer;
  box-shadow:none;
}
#filters .filter-reset-btn:hover{
  border-color:#000;
  background:transparent;
  color:#000;
}
#filters .filter-reset-ico{
  display:inline-block;font-size:13px;line-height:1;
  transform:translateY(-.5px);
}
#filters .filter-more-btn{
  display:inline-flex;align-items:center;gap:4px;
  border:none;background:transparent;padding:4px 2px;
  font-size:12px;line-height:16px;font-weight:500;
  color:var(--muted,#666);cursor:pointer;
}
#filters .filter-more-btn:hover{color:var(--red,#E11D2E)}
#filters .filter-more-ico{
  display:inline-block;font-size:11px;line-height:1;
  transition:transform .18s ease;
}
html[data-kol-filters-more="open"] #filters .filter-more-ico,
#filters.is-more-open .filter-more-ico{
  /* label already flips to 收起筛选 + ▴ via JS; keep upright */
}
html[data-theme="dark"] #filters .filter-reset-btn{
  border-color:#111;
  background:transparent;
  color:#111;
}
html[data-theme="dark"] #filters .filter-reset-btn:hover{
  border-color:#000;
  background:transparent;
  color:#000;
}
html[data-theme="dark"] #filters .filter-more-btn{color:var(--faint,#aaa)}
html[data-theme="dark"] #filters .filter-more-btn:hover{color:var(--red-soft,#FF4D5A)}

/* t393: Amazon KOL filters — match Deal compact size (deal-top/site filters) */
#filters{
  padding:8px 4px 2px;
}
#filters .chips-row{
  gap:8px;padding:2px 0 8px;
  display:flex;align-items:center;flex-wrap:nowrap;
}
/* t594: no 当前条件 chips — search alone on the left */
#filters .chips-row--search{
  justify-content:flex-start;
}
#filters .chips-row--search #q{
  flex:1 1 auto;width:100%;max-width:420px;min-width:220px;
}
/* t409: Amazon filter type +1px */
#filters .chips-lab,
#filters .chip-empty{
  font-size:12px;line-height:16px;
}
#filters .chip{
  padding:3px 8px;font-size:12px;line-height:16px;gap:5px;
}
#filters .chip button{font-size:13px}
#filters #q{
  padding:6px 10px;font-size:12px;line-height:16px;border-radius:9px;
}
#filters #q::placeholder{font-size:12px}
/* t592: Amazon+social #filters — flat/transparent panel (no border/bg/glow/dashed); Deal .filter-panel untouched */
#filters .filter-panel{
  border:none;border-radius:0;padding:8px 4px;
  background:transparent;box-shadow:none;
  backdrop-filter:none;-webkit-backdrop-filter:none;
  overflow:visible;isolation:auto;
}
#filters .filter-panel::before{
  content:none;display:none;background:none;filter:none;opacity:0;
}
html[data-theme="dark"] #filters .filter-panel{
  border:none;background:transparent;box-shadow:none;
  backdrop-filter:none;-webkit-backdrop-filter:none;
}
html[data-theme="dark"] #filters .filter-panel::before{
  content:none;display:none;background:none;filter:none;opacity:0;
}
#filters .filter-row{gap:6px;padding:4px 0}
#filters .filter-row + .filter-row{border-top:none}
html[data-theme="dark"] #filters .filter-row + .filter-row{border-top:none}
#filters .filter-lab{font-size:12px;line-height:16px;min-width:5.25em;width:5.25em;font-weight:500}
#filters .filter-opts{gap:4px}
#filters .choice{
  padding:3px 9px;font-size:12px;line-height:16px;
}
#filters .price-row{gap:6px}
#filters .price-row input[type="number"]{
  width:88px;padding:5px 8px;font-size:12px;line-height:16px;border-radius:9px;
}
#filters .price-row input[type="number"]::placeholder{font-size:12px}
#filters .price-dash{font-size:12px}
#filters .btn-quiet{
  padding:3px 9px;font-size:12px;line-height:16px;
}
#filters .chk{font-size:12px;gap:5px}
#filters .count-row{padding:6px 2px 4px}
#filters .count{font-size:12px}
/* t604: hide Amazon/social #filters count-row (stats line removed) */
#filters .count-row,#filters #count,.count-row{display:none!important}


.chips-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:4px 0 10px}
.chips-lab{font-size:12px;color:var(--faint);flex-shrink:0}
.active-chips{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:140px}
.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--chip-bg);color:var(--chip-fg);font-size:12px;line-height:16px}
.chip button{border:none;background:transparent;cursor:pointer;color:var(--faint);padding:0;margin:0;font-size:14px;line-height:1}
.chip-empty{font-size:12px;color:var(--faint)}
#q{flex:0 1 280px;min-width:180px;background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text);border-radius:10px;padding:8px 12px;font-size:12px;line-height:16px;font-weight:500}
#q::placeholder{font-size:12px;font-weight:500;color:var(--faint);opacity:1}
/* t238: filter-panel = hero-like near-invisible smoke black (NOT opaque charcoal box) */
.filter-panel{
  border:1px solid rgba(0,0,0,.10);
  border-radius:22px;
  padding:14px 16px;
  display:flex;flex-direction:column;gap:0;
  position:relative;overflow:hidden;isolation:isolate;
  color:var(--ink);
  background:
    linear-gradient(135deg,rgba(245,245,247,.92) 0%,rgba(255,255,255,.88) 48%,rgba(232,232,236,.9) 100%),
    rgba(255,255,255,.72);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.75) inset,
    0 14px 36px rgba(0,0,0,.08),
    0 6px 18px rgba(0,0,0,.04);
  backdrop-filter:blur(14px) saturate(1.08);-webkit-backdrop-filter:blur(14px) saturate(1.08);
}
.filter-panel::before{
  content:"";pointer-events:none;position:absolute;inset:-30%;z-index:0;
  background:
    radial-gradient(circle at 50% 0%,rgba(107,107,117,.22),transparent 52%),
    radial-gradient(circle at 78% 18%,rgba(90,90,99,.12),transparent 46%),
    radial-gradient(circle at 14% 78%,rgba(74,74,85,.08),transparent 42%),
    radial-gradient(circle at 48% 48%,rgba(255,255,255,.35),transparent 50%);
  filter:blur(28px);opacity:.9;
}
.filter-panel > *{position:relative;z-index:1}
.filters .filter-lab,
.filters .chips-lab,
.filters .chip-empty,
.filters .count{color:var(--faint)}
.filters .filter-row + .filter-row{border-top-color:rgba(0,0,0,.1)}
.filters .choice{color:var(--choice)}
.filters .choice:hover{color:var(--red)}
.filters .chip{background:rgba(0,0,0,.04);color:var(--ink)}
.filters #q,
.filters .price-row input[type="number"]{
  background:var(--input-bg);border-color:var(--input-border);color:var(--input-text);
}
.filters #q::placeholder,
.filters .price-row input[type="number"]::placeholder{color:var(--faint)}
.filters .btn-quiet{
  border:none;border-color:transparent;color:#1a1a22;font-weight:700;
  background:linear-gradient(145deg,#FFFFFF 0%,#F4F4F7 26%,#DCDCE3 58%,#B4B4BE 100%);
  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);
}
.filters .btn-quiet:hover{
  border:none;color:#111118;
  background:linear-gradient(145deg,#FFFFFF 0%,#F8F8FA 30%,#E4E4EA 60%,#C0C0CA 100%);
  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);
}
.filters .chk{color:var(--muted)}
.filters .price-dash{color:var(--faint)}
/* dark theme: keep panel soft, still not solid fill */
html[data-theme="dark"] .filter-panel{
  color:var(--ink);
  border-color:rgba(255,255,255,.10);
  background:
    linear-gradient(135deg,rgba(74,74,85,.55) 0%,rgba(52,52,62,.42) 55%,rgba(42,42,50,.48) 100%),
    rgba(18,18,22,.55);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06) inset,
    0 14px 36px rgba(0,0,0,.28),
    0 0 28px rgba(0,0,0,.12);
}
html[data-theme="dark"] .filter-panel::before{
  background:
    radial-gradient(circle at 50% 0%,rgba(140,140,150,.18),transparent 50%),
    radial-gradient(circle at 72% 16%,rgba(255,255,255,.08),transparent 42%),
    radial-gradient(circle at 18% 78%,rgba(42,42,50,.22),transparent 42%),
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.04),transparent 48%);
}
html[data-theme="dark"] .filters .filter-lab,
html[data-theme="dark"] .filters .chips-lab,
html[data-theme="dark"] .filters .chip-empty,
html[data-theme="dark"] .filters .count{color:var(--faint)}
html[data-theme="dark"] .filters .filter-row + .filter-row{border-top-color:rgba(255,255,255,.12)}
html[data-theme="dark"] .filters .choice{color:var(--choice)}
html[data-theme="dark"] .filters .chip{background:rgba(255,255,255,.06);color:var(--ink)}
html[data-theme="dark"] .filters #q,
html[data-theme="dark"] .filters .price-row input[type="number"]{
  background:var(--input-bg);border-color:var(--input-border);color:var(--input-text);
}
.filter-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:8px 0}
.filter-row + .filter-row{border-top:1px dashed var(--dash)}
.filter-lab{font-size:12px;color:var(--faint);min-width:72px;flex-shrink:0}
.filter-opts{display:flex;flex-wrap:wrap;gap:6px}
.choice{border:1px solid transparent;background:transparent;padding:5px 12px;margin:0;cursor:pointer;font-size:12px;line-height:16px;color:var(--choice);font-weight:500;text-decoration:none;border-radius:999px;box-shadow:none;transition:background .12s,border-color .12s,color .12s,box-shadow .12s}
.choice:hover{border-color:transparent;background:transparent;color:var(--red)}
.choice.is-active{
  color:#fff;font-weight:700;text-decoration:none;
  border:none;border-color:transparent;
  background:linear-gradient(135deg,#6b6b75 0%,#4a4a55 42%,#2a2a32 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 2px 8px rgba(0,0,0,.22);
}
.choice.is-active:hover{
  color:#fff;border:none;border-color:transparent;
  background:linear-gradient(135deg,#7a7a86 0%,#555560 42%,#32323c 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.28) inset,0 3px 10px rgba(0,0,0,.26);
}
html[data-theme="dark"] .choice{background:transparent;border-color:transparent;color:var(--choice)}
html[data-theme="dark"] .choice:hover{color:var(--red-soft,#FF4D5A);background:transparent;border-color:transparent}
html[data-theme="dark"] .choice.is-active{
  color:#fff;border:none;border-color:transparent;
  background:linear-gradient(135deg,#6b6b75 0%,#4a4a55 42%,#2a2a32 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 2px 8px rgba(0,0,0,.28);
}
html[data-theme="dark"] .choice.is-active:hover{
  color:#fff;border:none;border-color:transparent;
  background:linear-gradient(135deg,#7a7a86 0%,#555560 42%,#32323c 100%);
}
.price-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.price-row input[type="number"]{width:96px;background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text);border-radius:10px;padding:6px 10px;font-size:12px;line-height:16px;font-weight:500}
.price-row input[type="number"]::placeholder{font-size:12px;font-weight:500;color:var(--faint);opacity:1}
.price-dash{color:var(--faint);font-size:12px}
.btn-quiet{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:5px 12px;font-size:12px;line-height:16px;font-weight:500;cursor:pointer}
.btn-quiet:hover{border-color:var(--red)}
.chk{font-size:12px;color:var(--muted);display:inline-flex;gap:6px;align-items:center;margin-left:4px}
.count-row{display:flex;justify-content:flex-end;padding:10px 2px 6px}
.count{color:var(--faint);font-size:12px;font-variant-numeric:tabular-nums}

/* 6-col creator cards (canvas) */
.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:8px 4px 8px;align-items:stretch}
.card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;cursor:pointer;border-radius:12px;border:1px solid var(--line);background:var(--card);text-align:center;color:inherit;width:100%;height:100%;align-self:stretch;transition:border-color .15s,transform .15s,box-shadow .15s}
.card:hover{border-color:rgba(225,29,46,.45);transform:translateY(-1px);box-shadow:0 8px 18px rgba(225,29,46,.1)}
/* Avatar UX: larger face crop, trust ring, badge overlay — drives order intent */
.card .av-wrap{width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:linear-gradient(165deg,var(--raised),rgba(225,29,46,.06));border-radius:14px;overflow:hidden;position:relative}
.card .av{width:86%;height:86%;border-radius:50%;object-fit:cover;object-position:center 18%;display:block;background:var(--hero-fallback);border:3px solid #fff;box-shadow:0 0 0 2px rgba(225,29,46,.22),0 8px 18px rgba(0,0,0,.12)}
.card .av-fallback{width:86%;height:86%;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,#E11D2E,#7a0f18);font-size:30px;border:3px solid #fff;box-shadow:0 0 0 2px rgba(225,29,46,.22),0 8px 18px rgba(0,0,0,.12)}
.card .tier{position:absolute;top:8px;right:8px;left:auto;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.94);border:1px solid var(--line);font-size:11px;line-height:1.2;color:var(--muted);font-weight:800;box-shadow:0 2px 8px rgba(0,0,0,.08);z-index:2}
/* t246: TOP=浅紫渐变, 自孵化=浅红渐变, 会员价=浅黑渐变 */
.card .tier.is-top{color:#fff;background:linear-gradient(135deg,#C9B6F5 0%,#A78BFA 42%,#7C5CDB 100%);border-color:transparent;box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 2px 8px rgba(124,92,219,.25)}
.card .tier.is-self{color:#fff;background:linear-gradient(135deg,#FF9AA3 0%,#FF6B76 42%,#E11D2E 100%);border-color:transparent;box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 2px 8px rgba(225,29,46,.25)}
.card .tier.is-vip{color:#fff;background:#7C3AED;border-color:#7C3AED}
.card .tier.is-social{right:8px;left:auto}
.card .name{font-weight:700;font-size:13px;line-height:18px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card .meta-line{font-size:11px;line-height:15px;color:var(--muted);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card .meta-sub{font-size:11px;line-height:15px;color:var(--faint);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card .quote{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:4px;width:100%;font-size:13px;line-height:18px;font-weight:700;color:var(--ink);margin-top:2px;min-height:66px}
.card .quote-main{font-weight:700;color:var(--ink);min-height:18px;line-height:18px}
.card .quote-member-slot,.card .quote-copyright-slot{display:flex;align-items:center;justify-content:center;width:100%;min-height:22px}
.card .quote-copyright-slot{min-height:18px}
.card .quote-copyright,.prop .v .quote-copyright{display:inline-block;margin-left:0;font-size:12px;line-height:1.3;font-weight:600;color:var(--muted);white-space:nowrap}
.prop .v .quote-copyright{margin-left:0;margin-top:4px;display:inline-block}

.card .quote-member{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center;position:relative;padding:3px 8px 3px 6px;border-radius:999px;background:linear-gradient(135deg,rgba(26,26,31,.14) 0%,rgba(10,10,12,.10) 45%,rgba(0,0,0,.06) 100%);border:1px solid rgba(212,175,55,.32);box-shadow:0 0 0 1px rgba(245,215,110,.22) inset,0 4px 14px rgba(0,0,0,.10),0 0 18px rgba(212,175,55,.22);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.card .quote-member .member-glow{position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 80% at 20% 0%,rgba(245,215,110,.45),transparent 55%);opacity:.9}
.card .card-stars{margin-top:-2px;margin-bottom:1px;min-height:14px;display:flex;align-items:center;justify-content:center;width:100%}
.card .card-channels{margin:0;min-height:24px;width:100%;display:flex;align-items:center;justify-content:center}
.card .thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:100%;margin-top:auto;flex:0 0 auto}
.card .thumbs img,.card .thumbs .thumb-ph{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;background:var(--hero-fallback);display:block}
.card .thumbs .thumb-ph{background:transparent;border:1px dashed transparent}
.more-wrap{display:flex;justify-content:center;padding:16px 0 8px}
.pager-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 10px;padding:18px 0 12px}
.pager-nums{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.pager-num{min-width:32px;height:32px;padding:0 8px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;font-size:12px;font-weight:600;cursor:pointer}
.pager-num:hover{border-color:var(--red)}
.pager-num.is-active{background:var(--red);border-color:var(--red);color:#fff}
.pager-ellipsis{opacity:.55;padding:0 2px;font-size:12px}
.pager-meta{font-size:12px;color:var(--muted);margin-left:4px}
.pager-wrap .btn-quiet:disabled,.pager-num:disabled{opacity:.4;cursor:not-allowed}

.empty{color:var(--muted);padding:40px 8px;text-align:center}

/* Detail (hash route) */
.detail{padding:12px 4px 24px}
.back{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;font-weight:700;font-size:13px;margin-bottom:16px}
.back:hover{border-color:var(--red)}
/* t285/t286: detail hero = home-hero soft charcoal smoke + price top-right */
.hero-card{
  position:relative;overflow:hidden;isolation:isolate;
  display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap;
  padding:20px 22px;margin-bottom:16px;
  border-radius:22px;
  border:1px solid rgba(0,0,0,.10);
  color:var(--ink);
  background:
    linear-gradient(135deg,rgba(245,245,247,.92) 0%,rgba(255,255,255,.88) 48%,rgba(232,232,236,.9) 100%),
    rgba(255,255,255,.72);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.75) inset,
    0 14px 36px rgba(0,0,0,.08),
    0 6px 18px rgba(0,0,0,.04);
  backdrop-filter:blur(14px) saturate(1.08);-webkit-backdrop-filter:blur(14px) saturate(1.08);
}
.hero-card-bloom{
  pointer-events:none;position:absolute;inset:-30%;z-index:0;
  background:
    radial-gradient(circle at 50% 0%,rgba(107,107,117,.22),transparent 52%),
    radial-gradient(circle at 78% 18%,rgba(90,90,99,.12),transparent 46%),
    radial-gradient(circle at 14% 78%,rgba(74,74,85,.08),transparent 42%),
    radial-gradient(circle at 48% 48%,rgba(255,255,255,.35),transparent 50%);
  filter:blur(28px);opacity:.9;
}
.hero-card > .hero-av,
.hero-card > .hero-av-wrap,
.hero-card > .hero-body{position:relative;z-index:1}
html[data-theme="dark"] .hero-card{
  border-color:rgba(255,255,255,.10);
  background:
    linear-gradient(135deg,rgba(74,74,85,.95) 0%,rgba(52,52,62,.92) 55%,rgba(42,42,50,.96) 100%),
    rgba(42,42,50,.88);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.08) inset,
    0 14px 36px rgba(0,0,0,.28),
    0 0 28px rgba(0,0,0,.14);
}
html[data-theme="dark"] .hero-card-bloom{
  background:
    radial-gradient(circle at 50% 0%,rgba(140,140,150,.22),transparent 50%),
    radial-gradient(circle at 72% 16%,rgba(255,255,255,.1),transparent 42%),
    radial-gradient(circle at 18% 78%,rgba(42,42,50,.35),transparent 42%),
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.05),transparent 48%);
}
.hero-av{width:176px;height:176px;border-radius:50%;object-fit:cover;object-position:center 18%;background:var(--raised);flex-shrink:0;border:4px solid #fff;box-shadow:0 0 0 3px rgba(225,29,46,.2),0 12px 28px rgba(0,0,0,.12)}
.hero-av.av-fallback{display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,#E11D2E,#7a0f18);font-size:52px;border:4px solid #fff;box-shadow:0 0 0 3px rgba(225,29,46,.2)}
html[data-theme="dark"] .card .av,html[data-theme="dark"] .card .av-fallback,html[data-theme="dark"] .hero-av,html[data-theme="dark"] .hero-av.av-fallback,html[data-theme="dark"] .home-creator-av .av,html[data-theme="dark"] .home-creator-av .av-fallback{border-color:#1a1a1a;box-shadow:0 0 0 2px rgba(225,29,46,.35),0 8px 20px rgba(0,0,0,.45)}
.hero-body{flex:1;min-width:220px;display:flex;flex-direction:column;gap:10px}
.hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px 20px;flex-wrap:wrap}
.hero-title-block{flex:1;min-width:160px}
.hero-body h2{margin:0 0 8px;font-size:24px;line-height:1.2}
.hero-quote{
  flex:0 0 auto;margin-left:auto;
  display:flex;flex-direction:column;align-items:flex-end;gap:6px;
  text-align:right;max-width:100%;
}
.hero-quote .quote-main{
  font-size:26px;line-height:1.15;font-weight:800;letter-spacing:-.02em;color:var(--ink);
  display:block;margin:0;
}
.hero-quote .quote-member{
  display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end;
  position:relative;padding:3px 8px 3px 6px;border-radius:999px;
  background:linear-gradient(135deg,rgba(107,107,117,.16) 0%,rgba(74,74,85,.12) 45%,rgba(42,42,50,.08) 100%);
  border:1px solid rgba(74,74,85,.28);
  box-shadow:0 0 0 1px rgba(255,255,255,.55) inset,0 4px 14px rgba(0,0,0,.08),0 0 18px rgba(74,74,85,.12);
}
.hero-quote .quote-member .member-glow{
  position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;
  background:radial-gradient(120% 80% at 20% 0%,rgba(255,255,255,.55),transparent 55%);opacity:.85;
}
.hero-quote .quote-copyright{display:block;font-size:12px;line-height:1.3;font-weight:600;color:var(--muted);margin-top:2px}
html[data-theme="dark"] .hero-quote .quote-member{
  background:linear-gradient(135deg,rgba(107,107,117,.35) 0%,rgba(74,74,85,.28) 40%,rgba(42,42,50,.22) 100%);
  border-color:rgba(138,138,150,.35);
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 6px 20px rgba(0,0,0,.35),0 0 24px rgba(107,107,117,.18);
}

/* t346: list card 下单 above price — Deal charcoal; compact to keep quote align */
.card .card-btn-order{
  appearance:none;display:inline-flex;align-items:center;justify-content:center;
  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:12px;font-weight:750;line-height:16px;
  padding:5px 14px;border-radius:999px;cursor:pointer;
  white-space:nowrap;flex:0 0 auto;margin:4px 0 2px;
  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;
  pointer-events:auto;
}
.card .card-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"] .card .card-btn-order{
  background:linear-gradient(135deg,#7a7a86 0%,#555560 45%,#34343c 100%) !important;
  border-color:rgba(255,255,255,.28) !important;
}

/* t346: detail 下单 → hero-card bottom-right, enlarged; not above price */
.hero-card{align-items:stretch}
.hero-body{min-height:100%}
.hero-order-row{
  display:flex;justify-content:flex-end;align-items:center;
  margin-top:auto;padding-top:10px;width:100%;
}
.detail .hero-order-row .btn-order.detail-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:16px;font-weight:800;line-height:22px;letter-spacing:.04em;
  padding:12px 28px;border-radius:12px;cursor:pointer;
  white-space:nowrap;
  box-shadow:
    0 1px 0 rgba(255,255,255,.35) inset,
    0 4px 12px rgba(0,0,0,.24),
    0 0 16px rgba(74,74,85,.22) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.25);
  transition:transform .15s ease, filter .15s ease, box-shadow .15s ease;
  margin:0;
}
.detail .hero-order-row .btn-order.detail-btn-order:hover{
  filter:brightness(1.08);
  transform:translateY(-1px);
  box-shadow:
    0 1px 0 rgba(255,255,255,.4) inset,
    0 6px 16px rgba(0,0,0,.3),
    0 0 20px rgba(74,74,85,.3) !important;
}
html[data-theme="dark"] .detail .hero-order-row .btn-order.detail-btn-order{
  background:linear-gradient(135deg,#7a7a86 0%,#555560 45%,#34343c 100%) !important;
  border-color:rgba(255,255,255,.28) !important;
}
@media(max-width:720px){
  .detail .hero-order-row .btn-order.detail-btn-order{font-size:15px;padding:11px 22px;width:100%;justify-content:center}
  .hero-order-row{justify-content:stretch}
}


/* ===== t585/t586: Woniu-style detail hero (Amazon + social) ===== */
.detail:has(.hero-card.is-woniu){padding-top:8px;overflow:visible}
.hero-card.is-woniu{
  position:relative;
  display:block;
  min-height:190px;
  margin-top:66px;
  margin-bottom:20px;
  padding:0 0 24px;
  border-radius:12px;
  overflow:visible;
  isolation:auto;
  border:1px solid rgba(0,0,0,.06);
  color:var(--ink);
  background:#fff;
  box-shadow:0 4px 18px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.04);
  backdrop-filter:none;-webkit-backdrop-filter:none;
  flex-wrap:nowrap;
  gap:0;
  align-items:stretch;
}
.hero-card.is-woniu .hero-card-bloom{display:none}
.hero-card.is-woniu .hero-step-band{
  position:absolute;top:0;left:0;z-index:1;
  width:calc(100% - 200px);height:84px;
  pointer-events:none;
  border-radius:12px 0 0 0;
  background:linear-gradient(180deg,#f7f7f9 0%,#ffffff 72%);
  border-bottom:1px solid rgba(0,0,0,.03);
}
.hero-card.is-woniu .hero-av-wrap{
  position:absolute;top:-48px;left:36px;z-index:2;
  width:160px;height:160px;
  margin:0;flex-shrink:0;
}
.hero-card.is-woniu .hero-av-wrap > .hero-av,
.hero-card.is-woniu > .hero-av{
  width:160px;height:160px;
  border-radius:50%;
  object-fit:cover;object-position:center 18%;
  border:4px solid #fff;
  box-shadow:0 8px 22px rgba(0,0,0,.14);
  display:block;
  background:var(--raised);
}
.hero-card.is-woniu .hero-av.av-fallback{
  width:160px;height:160px;font-size:48px;
  border:4px solid #fff;
  box-shadow:0 8px 22px rgba(0,0,0,.14);
}
.hero-card.is-woniu .hero-av-wrap .av-flag{display:none}
.hero-card.is-woniu .hero-head-actions{
  position:absolute;right:24px;top:20px;z-index:9;
  display:flex;align-items:center;justify-content:flex-end;gap:8px;
}
.hero-card.is-woniu .hero-head-actions .btn-order.detail-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:15px;font-weight:800;line-height:22px;letter-spacing:.04em;
  padding:10px 22px;border-radius:999px;cursor:pointer;
  white-space:nowrap;margin:0;
  box-shadow:
    0 1px 0 rgba(255,255,255,.35) inset,
    0 4px 12px rgba(0,0,0,.24),
    0 0 16px rgba(74,74,85,.22) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.25);
  transition:transform .15s ease, filter .15s ease, box-shadow .15s ease;
}
.hero-card.is-woniu .hero-head-actions .btn-order.detail-btn-order:hover{
  filter:brightness(1.08);
  transform:translateY(-1px);
}
.hero-card.is-woniu .hero-info{
  position:relative;z-index:2;
  padding:22px 160px 0 220px;
  margin-bottom:24px;
}
.hero-card.is-woniu .hero-info h2{
  margin:0;
  font-size:26px;line-height:33px;font-weight:700;
  color:#111;
}
.hero-card.is-woniu .hero-quote-row{
  margin-top:16px;
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;
  line-height:1;
}
.hero-card.is-woniu .hero-quote-row .quote-label{
  color:#333;font-weight:400;font-size:13px;line-height:14px;
}
.hero-card.is-woniu .hero-quote-row .quote-main{
  color:var(--red,#E11D2E);
  font-size:22px;line-height:1;font-weight:800;letter-spacing:-.02em;
  display:inline;margin:0;
}
.hero-card.is-woniu .hero-quote-row .quote-member{
  display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;
  position:relative;padding:3px 8px 3px 6px;border-radius:999px;
  background:linear-gradient(135deg,rgba(107,107,117,.16) 0%,rgba(74,74,85,.12) 45%,rgba(42,42,50,.08) 100%);
  border:1px solid rgba(74,74,85,.28);
  box-shadow:0 0 0 1px rgba(255,255,255,.55) inset,0 4px 14px rgba(0,0,0,.08);
}
.hero-card.is-woniu .hero-quote-row .quote-copyright{
  display:inline-block;font-size:12px;line-height:1.3;font-weight:600;color:var(--muted);margin:0;
}
.hero-card.is-woniu .hero-meta-row{
  margin-top:20px;
  display:flex;flex-wrap:wrap;align-items:center;gap:12px 32px;
}
.hero-card.is-woniu .hero-meta-item{
  display:inline-flex;align-items:center;gap:4px;
  font-size:14px;line-height:20px;
}
.hero-card.is-woniu .hero-meta-item .label{
  color:#777;font-weight:400;
}
.hero-card.is-woniu .hero-meta-item .value{
  color:#333;font-weight:500;
}
.hero-card.is-woniu .hero-tags-box{
  position:relative;z-index:2;
  display:flex;gap:10px;align-items:flex-start;
  padding:0 24px;
}
.hero-card.is-woniu .hero-tags-box + .hero-tags-box{margin-top:24px}
.hero-card.is-woniu .hero-tags-lab{
  flex:0 0 auto;
  color:#777;font-weight:400;font-size:12px;line-height:18px;height:24px;
  display:flex;align-items:center;white-space:nowrap;
}
.hero-card.is-woniu .hero-pills{
  display:flex;flex-wrap:wrap;gap:12px;flex:1;min-width:0;
}
.hero-card.is-woniu .hero-pill{
  width:fit-content;height:fit-content;
  display:inline-flex;align-items:center;justify-content:center;
  padding:6px 12px;border-radius:60px;
  background:#f5f5f7;border:none;
  color:#666;font-weight:500;font-size:12px;line-height:12px;
}
.hero-card.is-woniu .hero-pill.is-cat{
  background:linear-gradient(180deg,rgba(225,29,46,.08),rgba(225,29,46,.03));
  color:#9F1239;
}
.hero-card.is-woniu .hero-bio-box{
  position:relative;z-index:2;
  margin:20px 24px 0;
  display:flex;gap:10px;align-items:flex-start;
  padding:10px 14px;border-radius:12px;
  background:#f7f7f9;border:1px solid rgba(0,0,0,.04);
  font-size:13px;line-height:1.55;
}
.hero-card.is-woniu .hero-bio-box .k{
  flex:0 0 auto;min-width:64px;
  color:#777;font-weight:600;font-size:12px;line-height:1.55;
}
.hero-card.is-woniu .hero-bio-box .v{
  color:#111;font-weight:600;word-break:break-word;
}
.hero-card.is-woniu .hero-extra{
  position:relative;z-index:2;
  margin:14px 24px 0;
  display:flex;flex-direction:column;gap:10px;
}
.hero-card.is-woniu .hero-extra-row{
  display:flex;gap:10px;align-items:flex-start;
  font-size:13px;line-height:1.45;
}
.hero-card.is-woniu .hero-extra-row .k{
  flex:0 0 auto;min-width:64px;color:#777;font-weight:600;font-size:12px;
}
.hero-card.is-woniu .hero-extra-row .v{color:#333;font-weight:500;min-width:0}
.hero-card.is-woniu .hero-extra-row.is-channels{align-items:stretch}
.hero-card.is-woniu .hero-extra-row.is-channels .v{flex:1}
html[data-theme="dark"] .hero-card.is-woniu{
  background:#1f1f24;
  border-color:rgba(255,255,255,.08);
  box-shadow:0 8px 28px rgba(0,0,0,.35);
}
html[data-theme="dark"] .hero-card.is-woniu .hero-step-band{
  background:linear-gradient(180deg,#2a2a32 0%,#1f1f24 72%);
  border-bottom-color:rgba(255,255,255,.04);
}
html[data-theme="dark"] .hero-card.is-woniu .hero-info h2{color:#f5f5f5}
html[data-theme="dark"] .hero-card.is-woniu .hero-quote-row .quote-label{color:#d4d4d8}
html[data-theme="dark"] .hero-card.is-woniu .hero-meta-item .label{color:#a1a1aa}
html[data-theme="dark"] .hero-card.is-woniu .hero-meta-item .value{color:#e4e4e7}
html[data-theme="dark"] .hero-card.is-woniu .hero-pill{
  background:rgba(255,255,255,.08);color:#d4d4d8;
}
html[data-theme="dark"] .hero-card.is-woniu .hero-pill.is-cat{
  background:rgba(225,29,46,.18);color:#FFB4C0;
}
html[data-theme="dark"] .hero-card.is-woniu .hero-bio-box{
  background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.06);
}
html[data-theme="dark"] .hero-card.is-woniu .hero-bio-box .k,
html[data-theme="dark"] .hero-card.is-woniu .hero-extra-row .k{color:#a1a1aa}
html[data-theme="dark"] .hero-card.is-woniu .hero-bio-box .v,
html[data-theme="dark"] .hero-card.is-woniu .hero-extra-row .v{color:#f5f5f5}
html[data-theme="dark"] .hero-card.is-woniu .hero-av-wrap > .hero-av,
html[data-theme="dark"] .hero-card.is-woniu .hero-av.av-fallback{
  border-color:#1f1f24;
}
@media(max-width:720px){
  .hero-card.is-woniu{margin-top:48px;padding-bottom:18px}
  .hero-card.is-woniu .hero-av-wrap{width:112px;height:112px;top:-36px;left:20px}
  .hero-card.is-woniu .hero-av-wrap > .hero-av,
  .hero-card.is-woniu .hero-av.av-fallback{width:112px;height:112px;font-size:36px}
  .hero-card.is-woniu .hero-info{padding:16px 16px 0 16px;margin-top:76px;margin-bottom:16px}
  .hero-card.is-woniu .hero-info h2{font-size:22px;line-height:28px}
  .hero-card.is-woniu .hero-head-actions{position:static;padding:0 16px 8px;justify-content:stretch}
  .hero-card.is-woniu .hero-head-actions .btn-order.detail-btn-order{width:100%;justify-content:center;border-radius:12px}
  .hero-card.is-woniu .hero-tags-box{padding:0 16px}
  .hero-card.is-woniu .hero-bio-box,
  .hero-card.is-woniu .hero-extra{margin-left:16px;margin-right:16px}
  .hero-card.is-woniu .hero-step-band{width:100%;height:64px}
  .hero-card.is-woniu .hero-meta-row{gap:10px 16px}
  .hero-card.is-woniu .hero-quote-row .quote-main{font-size:20px}
  html[data-page="social"] .detail .hero-card.is-woniu .hero-quote-row .quote-main{font-size:22px}
}
/* social page quote size override should not explode woniu row */
html[data-page="social"] .detail .hero-card.is-woniu .hero-quote-row .quote-main{
  font-size:22px;line-height:1;letter-spacing:-.02em;
}

/* t300 SOCIAL detail only: enlarge top-right quote (Amazon/kol untouched) */
html[data-page="social"] .detail .hero-quote{gap:8px}
html[data-page="social"] .detail .hero-quote .quote-main{
  font-size:36px;line-height:1.1;letter-spacing:-.03em;
}
html[data-page="social"] .detail .hero-quote .quote-member{
  gap:8px;padding:5px 12px 5px 8px;
}
html[data-page="social"] .detail .hero-quote .member-pill{
  font-size:12px;line-height:18px;padding:3px 11px;
}
html[data-page="social"] .detail .hero-quote .member-spark{font-size:11px}
html[data-page="social"] .detail .hero-quote .member-amt{
  font-size:17px;line-height:22px;
}
html[data-page="social"] .detail .hero-quote .quote-copyright{font-size:13px}
.badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:0}
.badge{font-size:11px;padding:2px 8px;border-radius:999px;background:var(--raised);color:var(--muted);font-weight:700;border:1px solid var(--line)}
.badge.is-top{background:linear-gradient(135deg,#C9B6F5 0%,#A78BFA 42%,#7C5CDB 100%);color:#fff;border-color:transparent;box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 2px 8px rgba(124,92,219,.25)}
.badge.is-self{background:linear-gradient(135deg,#FF9AA3 0%,#FF6B76 42%,#E11D2E 100%);color:#fff;border-color:transparent;box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 2px 8px rgba(225,29,46,.25)}
.badge.is-quote{background:transparent;color:var(--red);border-color:rgba(225,29,46,.35)}
.badge.is-cat{background:linear-gradient(180deg,rgba(225,29,46,.08),rgba(225,29,46,.02));color:#9F1239;border-color:rgba(225,29,46,.22)}
html[data-theme="dark"] .badge.is-cat{background:rgba(225,29,46,.16);color:#FFB4C0;border-color:rgba(225,29,46,.35)}
.props{display:flex;flex-direction:column;gap:10px;margin-top:2px;align-items:flex-start}
.prop{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.45}
/* t283+t285: detail meta — filter-chip style, stacked under title */
.prop.is-lead{display:inline-flex;width:fit-content;max-width:100%;padding:8px 12px;border-radius:14px;background:rgba(255,255,255,.55);border:none;box-shadow:none;align-items:center}
.prop.is-lead .k{min-width:72px;font-weight:700;color:var(--muted);font-size:12px;letter-spacing:.02em}
.prop.is-lead .v{font-size:14px;line-height:1.55;font-weight:600}
html[data-theme="dark"] .prop.is-lead{background:rgba(255,255,255,.06)}
/* size inline with 模特详情 — no pill */
.prop.is-lead .model-size{display:inline;margin:0;padding:0;border:none;background:none;box-shadow:none;font:inherit;font-weight:inherit;color:inherit;vertical-align:baseline;white-space:nowrap}
/* 渠道: one unified row matching 模特详情 lead card */
.channel-unified{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:14px;line-height:1.45;font-weight:600;color:var(--ink)}
.channel-unified .channel-badges{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center}
.channel-unified .channel-badge{padding:0;border:none;border-radius:0;background:transparent;box-shadow:none;font-size:inherit;font-weight:700;color:inherit;gap:5px}
.channel-unified .channel-badge.is-instagram,
.channel-unified .channel-badge.is-tiktok,
.channel-unified .channel-badge.is-youtube,
.channel-unified .channel-badge.is-facebook,
.channel-unified .channel-badge.is-amazon{border:none;background:transparent;box-shadow:none}
.channel-unified .channel-badge-fans{color:var(--ink);font-weight:700}
.channel-unified .channel-stat{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-weight:700}
.channel-unified .channel-stat b{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.02em}
.channel-unified .channel-sep{color:var(--faint);font-weight:500;opacity:.7;user-select:none}
.channel-unified .channel-inline-fans{font-weight:700}
html[data-theme="dark"] .channel-unified .channel-badge,
html[data-theme="dark"] .channel-unified .channel-badge.is-instagram,
html[data-theme="dark"] .channel-unified .channel-badge.is-tiktok,
html[data-theme="dark"] .channel-unified .channel-badge.is-youtube,
html[data-theme="dark"] .channel-unified .channel-badge.is-facebook,
html[data-theme="dark"] .channel-unified .channel-badge.is-amazon{background:transparent;border:none;box-shadow:none;color:inherit}
html[data-theme="dark"] .channel-unified .channel-stat b{color:var(--faint)}
/* legacy metrics classes kept inert if referenced */
.prop.is-metrics{padding:8px 12px;border-radius:14px;background:rgba(255,255,255,.55);border:none;box-shadow:none}
html[data-theme="dark"] .prop.is-metrics{background:rgba(255,255,255,.06)}
.prop.is-metrics .v{width:100%}
.social-metric-block{display:flex;flex-wrap:wrap;gap:8px}
.social-metric{display:inline-flex;align-items:center;gap:6px;padding:0;border-radius:0;background:transparent;border:none;box-shadow:none;font-size:13px;line-height:1.35;font-weight:700;color:var(--ink)}
.social-metric b{font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--muted)}
html[data-theme="dark"] .social-metric{background:transparent;border:none}
html[data-theme="dark"] .social-metric b{color:var(--faint)}
.prop .k{color:var(--faint);min-width:64px;flex-shrink:0}
.prop .v{color:var(--ink);word-break:break-word}
.prop .v .quote-main{font-weight:700;color:var(--ink);display:inline;margin-right:8px}
.prop .v .quote-member{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;vertical-align:middle;position:relative;padding:3px 8px 3px 6px;border-radius:999px;background:linear-gradient(135deg,rgba(26,26,31,.14) 0%,rgba(10,10,12,.10) 45%,rgba(0,0,0,.06) 100%);border:1px solid rgba(212,175,55,.32);box-shadow:0 0 0 1px rgba(245,215,110,.22) inset,0 4px 14px rgba(0,0,0,.10),0 0 18px rgba(212,175,55,.22);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.prop .v .quote-member .member-glow{position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 80% at 20% 0%,rgba(245,215,110,.45),transparent 55%);opacity:.9}
.member-pill{position:relative;z-index:1;display:inline-flex;align-items:center;gap:3px;padding:2px 9px;border-radius:999px;font-size:10px;line-height:16px;font-weight:800;letter-spacing:.08em;color:#F5D76E;background:linear-gradient(135deg,#1a1a1f 0%,#0a0a0c 45%,#000 100%);border:1px solid rgba(212,175,55,.55);box-shadow:0 1px 0 rgba(245,215,110,.28) inset,0 0 10px rgba(212,175,55,.45),0 2px 8px rgba(0,0,0,.35);text-shadow:0 0 8px rgba(245,215,110,.65),0 1px 1px rgba(0,0,0,.55)}
.member-spark{font-size:9px;line-height:1;opacity:1;color:#F5D76E;filter:drop-shadow(0 0 4px rgba(245,215,110,.95)) drop-shadow(0 0 8px rgba(212,175,55,.55))}
.member-amt{position:relative;z-index:1;font-size:13px;line-height:18px;font-weight:800;background:linear-gradient(180deg,#4a4a55,#2a2a32);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(255,255,255,.35))}
html[data-theme="dark"] .card .quote-member,
html[data-theme="dark"] .prop .v .quote-member{background:linear-gradient(135deg,rgba(26,26,31,.45) 0%,rgba(10,10,12,.35) 40%,rgba(0,0,0,.28) 100%);border-color:rgba(212,175,55,.40);box-shadow:0 0 0 1px rgba(245,215,110,.12) inset,0 6px 20px rgba(0,0,0,.4),0 0 24px rgba(212,175,55,.22)}
html[data-theme="dark"] .member-amt{background:linear-gradient(180deg,#CFCFD6,#8A8A96);-webkit-background-clip:text;background-clip:text;color:transparent;filter:none}
.card .member-pill{font-size:9px;line-height:14px;padding:1px 7px}
.card .member-amt{font-size:12px;line-height:14px}
.card .member-spark{font-size:8px}
.channel-list{display:flex;flex-direction:column;gap:4px}
.channel-line{display:inline-flex;align-items:center;gap:4px;font-size:12px;line-height:1.35;font-weight:650;color:#9A3412;text-decoration:none}
.channel-line[href]:hover{color:var(--red);text-decoration:underline}
html[data-theme="dark"] .channel-line{color:#FDBA74}
.channel-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.channel-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px 3px 5px;border-radius:999px;background:rgba(255,255,255,.88);border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 2px rgba(0,0,0,.06);font-size:12px;line-height:1.2;font-weight:800;color:var(--ink);vertical-align:middle}
.channel-badge-ico{display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center;flex-shrink:0}
.channel-badge-ico svg{display:block;width:14px;height:14px}
.channel-badge-lab{letter-spacing:.02em}
.channel-badge-fans{font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
.channel-badge.is-instagram{border-color:rgba(221,42,123,.28);background:linear-gradient(180deg,rgba(253,186,201,.28),rgba(255,255,255,.9))}
.channel-badge.is-tiktok{border-color:rgba(37,244,238,.35);background:linear-gradient(180deg,rgba(37,244,238,.12),rgba(254,44,85,.08),rgba(255,255,255,.92))}
.channel-badge.is-youtube{border-color:rgba(255,0,0,.22);background:linear-gradient(180deg,rgba(255,0,0,.08),rgba(255,255,255,.92))}
.channel-badge.is-facebook{border-color:rgba(24,119,242,.25);background:linear-gradient(180deg,rgba(24,119,242,.1),rgba(255,255,255,.92))}
.channel-badge.is-amazon{border-color:rgba(255,153,0,.35);background:linear-gradient(180deg,rgba(255,153,0,.12),rgba(255,255,255,.92))}
html[data-theme="dark"] .channel-badge{background:rgba(0,0,0,.35);border-color:rgba(255,255,255,.12);color:#F5F5F5;box-shadow:0 1px 2px rgba(0,0,0,.35)}
html[data-theme="dark"] .channel-badge-fans{color:#A3A3A3}
html[data-theme="dark"] .channel-badge.is-instagram{background:rgba(221,42,123,.18);border-color:rgba(221,42,123,.4)}
html[data-theme="dark"] .channel-badge.is-tiktok{background:rgba(37,244,238,.1);border-color:rgba(254,44,85,.35)}
.meta-line-channels{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.meta-line-channels .meta-co{font-weight:650}
.meta-line-channels .channel-badges{display:inline-flex}
.meta-line-channels .social-fans{font-size:12px;font-weight:700;color:var(--muted)}
.social-card .channel-badge{padding:2px 8px 2px 4px;font-size:11px}
.card-channels{margin:0}
.card .channel-badge{padding:2px 8px 2px 4px;font-size:11px}
.stars{display:inline-flex;gap:1px;align-items:center;letter-spacing:0}
.star{color:#D1D5DB;font-size:14px;line-height:1}
.star.is-on{color:#F5B301}
.card .stars .star{font-size:12px}
.section-h{font-size:15px;font-weight:700;margin:8px 0 12px}
/* t588: Woniu-style video cases — 5/row, portrait 3:4, radius ~8px, play top-right */
.case-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:16px;row-gap:20px;align-items:start}
@media(max-width:1100px){.case-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:16px}}
.case-tile{margin:0;background:transparent;border:none;border-radius:0;overflow:visible;display:flex;flex-direction:column;cursor:pointer;padding:0;color:inherit;text-align:center;width:100%;height:auto;align-self:start}
.case-tile:hover{border-color:transparent}
.case-tile:hover .media{box-shadow:0 4px 14px rgba(225,29,46,.18)}
.case-tile .media{position:relative;width:100%;aspect-ratio:3/4;flex:0 0 auto;overflow:hidden;background:var(--hero-fallback);border-radius:8px}
.case-tile .media>img,.case-tile .media>div{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.case-tile .play-ico{position:absolute;top:6px;right:8px;z-index:1;width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center;font-size:10px;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.case-tile figcaption,.case-tile .cap{flex:0 0 auto;box-sizing:border-box;min-height:0;height:auto;max-width:100%;font-size:13px;font-weight:500;color:#333;padding:12px 4px 0;text-align:center;line-height:1.35;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-word}

/* Player modal */
.player-modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px}
.player-modal[hidden]{display:none!important}
.player-backdrop{position:absolute;inset:0;background:var(--modal-bg)}
.player-sheet{position:relative;width:min(920px,100%);background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.45)}
.player-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line)}
.player-title{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.player-close{border:none;background:transparent;color:var(--ink);font-size:24px;line-height:1;cursor:pointer;padding:0 4px}
.case-tile .play-ico.is-muted{background:rgba(0,0,0,.45);font-size:10px;width:auto;padding:0 8px;border-radius:999px}
.player-note{margin:0;padding:14px 16px;font-size:13px;line-height:1.5;color:var(--muted);background:var(--raised);border-bottom:1px solid var(--line)}
.player-note[hidden]{display:none!important}

#player-video{width:100%;max-height:min(70vh,560px);background:#000;display:block}

/* t607: Amazon/Social .grid = 5 cols; 1100→4, 900→3, 640→2 (home-grid/case-grid untouched) */
@media(max-width:1100px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){
  #q{flex:1 1 100%;min-width:100%}
  .hero-av{width:132px;height:132px}
  .hero-quote{align-items:flex-start;text-align:left;margin-left:0;width:100%}
  .hero-quote .quote-main{font-size:22px}
  html[data-page="social"] .detail .hero-quote .quote-main{font-size:30px}
  .hero-card{padding:16px}
}
@media(max-width:640px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.contact .lab,.brand-sub{letter-spacing:.2em}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Header member entry */
.brand{text-decoration:none;color:inherit;cursor:pointer}
button.nav-login{appearance:none;cursor:pointer;font:inherit}
/* t590: 登录 / 会员方案 = plain muted-gray text (deeper than t589 #999) */
.nav-login,.nav-member{
  display:inline-flex;align-items:center;gap:4px;
  padding:0;margin:0;border:none;border-radius:0;
  background:transparent;box-shadow:none;text-shadow:none;
  color:#666;font-size:12px;line-height:1.3;font-weight:500;letter-spacing:.02em;
  text-decoration:none;flex-shrink:0;white-space:nowrap;cursor:pointer;
}
.nav-login:hover,.nav-member:hover{color:#444;background:transparent;box-shadow:none;filter:none;text-shadow:none}
.nav-member.is-active{color:#444;background:transparent;border:none;box-shadow:none;text-shadow:none}
html[data-theme="dark"] .nav-login,
html[data-theme="dark"] .nav-member{color:#ccc;background:transparent;border:none;box-shadow:none;text-shadow:none}
html[data-theme="dark"] .nav-login:hover,
html[data-theme="dark"] .nav-member:hover,
html[data-theme="dark"] .nav-member.is-active{color:#ddd;background:transparent;border:none;box-shadow:none}

/* Membership page */
.member-page{padding:12px 4px 32px}
.member-lead{margin:0 0 18px;font-size:13px;line-height:1.55;color:var(--muted)}
.member-section{margin:0 0 22px;padding:16px 16px 14px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.member-section .section-h{margin:0 0 12px;font-size:16px}
.member-countries{display:flex;flex-wrap:wrap;gap:8px}
.member-countries .chip{padding:6px 12px;font-weight:600;color:var(--muted);background:var(--raised);border:1px solid var(--line)}
.member-period{display:inline-flex;flex-wrap:wrap;gap:6px;padding:5px;border-radius:999px;background:var(--raised);border:1px solid var(--line);margin-bottom:14px}
.member-period .choice{border:1px solid transparent;background:transparent;box-shadow:none}
.member-period .choice.is-active{background:linear-gradient(135deg,#6b6b75 0%,#4a4a55 42%,#2a2a32 100%);border:none;color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 2px 8px rgba(0,0,0,.18)}
html[data-theme="dark"] .member-period .choice{background:transparent;border-color:transparent}
html[data-theme="dark"] .member-period .choice.is-active{background:#F2F2F2;border-color:#F2F2F2;color:#111}
.member-tiers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}
.tier-card{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:14px;border:1px solid var(--line);background:var(--raised);min-height:168px}
.tier-card.is-featured{border-color:rgba(225,29,46,.45);background:linear-gradient(180deg,rgba(225,29,46,.08),rgba(225,29,46,.02));box-shadow:0 8px 22px rgba(225,29,46,.1)}
html[data-theme="dark"] .tier-card.is-featured{background:linear-gradient(180deg,rgba(225,29,46,.2),rgba(225,29,46,.06));border-color:rgba(225,29,46,.5);box-shadow:0 10px 28px rgba(225,29,46,.18)}
.tier-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.tier-title{font-size:17px;font-weight:800;letter-spacing:.02em}
.tier-status{font-size:11px;line-height:1.2;font-weight:700;padding:3px 9px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--muted)}
.tier-status.is-vip{color:#fff;background:var(--red);border-color:var(--red)}
.tier-price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.tier-amt{font-size:32px;line-height:1.1;font-weight:800;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}
.tier-unit{font-size:13px;color:var(--faint);font-weight:600}
.tier-perk{display:inline-flex;align-self:flex-start;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:800;color:#9A3412;background:linear-gradient(135deg,rgba(255,237,213,.95),rgba(253,186,116,.4));border:1px solid rgba(251,146,60,.45)}
html[data-theme="dark"] .tier-perk{color:#FDBA74;background:rgba(154,52,18,.35);border-color:rgba(251,146,60,.4)}
.tier-note{font-size:13px;color:var(--muted);line-height:1.45}
.tier-blurb{font-size:12px;line-height:1.5;color:var(--faint)}
.member-cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:999px;border:1px solid var(--red);background:var(--red);color:#fff;font-size:13px;font-weight:800;cursor:pointer;text-decoration:none;box-shadow:0 4px 14px rgba(225,29,46,.28)}
.btn-primary:hover{filter:brightness(1.05)}
.member-cta-hint{font-size:12px;line-height:1.45;color:var(--muted)}
.member-callout{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;border:1px solid rgba(16,185,129,.28);background:linear-gradient(180deg,rgba(16,185,129,.1),rgba(16,185,129,.03));margin:0 0 22px}
html[data-theme="dark"] .member-callout{border-color:rgba(52,211,153,.35);background:linear-gradient(180deg,rgba(16,185,129,.18),rgba(16,185,129,.05))}
.member-callout .ico{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(16,185,129,.18);color:#059669;font-weight:800;font-size:14px}
html[data-theme="dark"] .member-callout .ico{color:#34D399;background:rgba(16,185,129,.22)}
.member-callout .body{min-width:0}
.member-callout .lead{font-size:14px;font-weight:800;color:var(--ink);margin:0 0 4px}
.member-callout .txt{font-size:13px;line-height:1.5;color:var(--muted);margin:0}
.benefit-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--raised)}
.benefit-row{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:12px 14px;border-top:1px solid var(--line)}
.benefit-row:first-child{border-top:none}
.benefit-main{min-width:0;flex:1}
.benefit-title{font-size:13px;font-weight:750;color:var(--ink);margin:0 0 2px}
.benefit-detail{font-size:12px;line-height:1.45;color:var(--muted);margin:0}
.benefit-tag{flex-shrink:0;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;border:1px solid rgba(16,185,129,.3);color:#059669;background:rgba(16,185,129,.1)}
html[data-theme="dark"] .benefit-tag{color:#34D399;border-color:rgba(52,211,153,.35);background:rgba(16,185,129,.15)}
.member-foot{margin-top:8px;padding:16px 8px 4px;text-align:center;font-size:12px;line-height:1.5;color:var(--faint);border-top:1px solid var(--line)}
.member-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:60;padding:10px 16px;border-radius:999px;background:var(--ink);color:var(--bg);font-size:13px;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:opacity .2s}
.member-toast.is-on{opacity:1}
@media(max-width:720px){
  .member-tiers{grid-template-columns:1fr}
  .tier-amt{font-size:28px}
}

.member-banner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 4px 6px;padding:10px 14px;border-radius:12px;border:1px solid rgba(225,29,46,.28);background:linear-gradient(90deg,rgba(225,29,46,.1),rgba(225,29,46,.02));text-decoration:none;color:inherit}
.member-banner:hover{border-color:var(--red)}
.member-banner-tag{flex-shrink:0;font-size:11px;font-weight:800;letter-spacing:.06em;padding:3px 8px;border-radius:999px;background:var(--red);color:#fff}
.member-banner-txt{flex:1;min-width:180px;font-size:12px;line-height:1.4;color:var(--muted);font-weight:600}
.member-banner-go{flex-shrink:0;font-size:12px;font-weight:800;color:var(--red)}
html[data-theme="dark"] .member-banner{background:linear-gradient(90deg,rgba(225,29,46,.2),rgba(225,29,46,.05));border-color:rgba(225,29,46,.4)}

/* t341: Amazon KOL order info modal (strip removed) */
.order-strip{display:none!important}
.kol-order-modal{position:fixed;inset:0;z-index:100050;display:flex;align-items:center;justify-content:center;padding:20px}
.kol-order-modal[hidden]{display:none!important}
.kol-order-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.kol-order-sheet{
  position:relative;z-index:1;width:min(720px,100%);max-height:min(88vh,640px);overflow:auto;
  padding:28px 26px 24px;border-radius:20px;
  border:1px solid rgba(225,29,46,.18);
  background:
    radial-gradient(ellipse 90% 55% at 12% 0%,rgba(225,29,46,.08),transparent 55%),
    linear-gradient(180deg,#FFF9FA 0%,#FFFFFF 42%,#FFFCFD 100%);
  box-shadow:0 22px 60px rgba(0,0,0,.28),0 0 28px rgba(225,29,46,.08);
}
/* t343: 2s fade + scale-in on open (Amazon order guide only) */
@keyframes kolOrderBackdropIn{
  from{opacity:0}
  to{opacity:1}
}
@keyframes kolOrderSheetIn{
  from{opacity:0;transform:scale(.9) translateY(16px)}
  to{opacity:1;transform:scale(1) translateY(0)}
}
.kol-order-modal.is-enter .kol-order-backdrop{
  animation:kolOrderBackdropIn 2s cubic-bezier(.22,1,.36,1) both;
}
.kol-order-modal.is-enter .kol-order-sheet{
  animation:kolOrderSheetIn 2s cubic-bezier(.22,1,.36,1) both;
  transform-origin:50% 45%;
}
@media (prefers-reduced-motion:reduce){
  .kol-order-modal.is-enter .kol-order-backdrop,
  .kol-order-modal.is-enter .kol-order-sheet{animation:none}
}
html[data-theme="dark"] .kol-order-sheet{
  background:
    radial-gradient(ellipse 90% 55% at 12% 0%,rgba(225,29,46,.16),transparent 55%),
    linear-gradient(180deg,#1a1214,#0C0C0C 55%);
  border-color:rgba(225,29,46,.32);
}
.kol-order-close{
  position:absolute;top:10px;right:12px;border:none;background:transparent;color:var(--muted);
  font-size:24px;line-height:1;cursor:pointer;padding:4px 8px;border-radius:8px;
}
.kol-order-close:hover{color:var(--ink);background:rgba(0,0,0,.06)}
.kol-order-body{display:grid;grid-template-columns:1.35fr 1fr;gap:22px 28px;align-items:start}
.kol-order-col{min-width:0}
.kol-order-h{
  margin:0 0 12px;font-size:16px;line-height:1.3;font-weight:800;color:var(--ink);
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
}
.kol-order-tag{
  font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;
  color:#C2414D;
  border:1px solid rgba(225,29,46,.22);
  background:linear-gradient(135deg,rgba(255,236,239,.95) 0%,rgba(255,214,220,.72) 45%,rgba(255,245,247,.9) 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.85) inset,0 0 10px rgba(225,29,46,.10);
  text-shadow:0 1px 0 rgba(255,255,255,.5);
}
html[data-theme="dark"] .kol-order-tag{
  color:#F0A8AE;
  border-color:rgba(225,29,46,.35);
  background:linear-gradient(135deg,rgba(225,29,46,.28) 0%,rgba(225,29,46,.14) 55%,rgba(225,29,46,.08) 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 0 12px rgba(225,29,46,.18);
  text-shadow:none;
}
.kol-order-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.kol-order-list li{font-size:13px;line-height:1.55;color:var(--muted)}
.kol-order-list b{color:var(--ink);font-weight:700}
.kol-order-foot{
  margin-top:18px;padding-top:14px;border-top:1px solid rgba(0,0,0,.08);
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
}
.kol-order-mute{
  display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none;
  color:var(--ink);font-size:13px;font-weight:600;line-height:1.2;
}
.kol-order-mute-cb{
  position:absolute;opacity:0;width:1px;height:1px;pointer-events:none;
}
.kol-order-mute-ring{
  flex-shrink:0;width:16px;height:16px;border-radius:999px;
  border:1.5px solid #C8C8C8;background:#fff;box-sizing:border-box;
  display:inline-block;position:relative;
}
.kol-order-mute-cb:checked + .kol-order-mute-ring{
  border-color:#4a4a55;background:linear-gradient(135deg,#6b6b75 0%,#4a4a55 42%,#2a2a32 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset;
}
.kol-order-mute-cb:checked + .kol-order-mute-ring::after{
  content:"";position:absolute;left:4px;top:2px;width:5px;height:8px;
  border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);
}
.kol-order-mute-lab{color:#333}
html[data-theme="dark"] .kol-order-mute-lab{color:var(--ink)}
html[data-theme="dark"] .kol-order-mute-ring{border-color:#888;background:#1a1a1a}
html[data-theme="dark"] .kol-order-foot{border-top-color:rgba(255,255,255,.12)}
/* t345: 我已知晓 = Deal / detail 下单 charcoal */
.kol-order-ack.btn-order,
#kol-order-ack{
  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:8px 18px;border-radius:10px;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;
  margin-left:auto;
}
.kol-order-ack.btn-order:hover,
#kol-order-ack: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"] .kol-order-ack.btn-order,
html[data-theme="dark"] #kol-order-ack{
  background:linear-gradient(135deg,#7a7a86 0%,#555560 45%,#34343c 100%) !important;
  border-color:rgba(255,255,255,.28) !important;
}
@media(max-width:720px){
  .kol-order-sheet{padding:24px 18px 20px;border-radius:16px}
  .kol-order-body{grid-template-columns:1fr;gap:18px}
  .kol-order-foot{flex-wrap:nowrap}
}


/* Header: logo + switch left; clocks under switch; actions right */
.header{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:10px 8px 0;border-bottom:1px solid var(--line);background:var(--bg)}
.header-top{display:flex;align-items:center;justify-content:flex-start;gap:14px;flex-wrap:wrap;padding-bottom:10px}
.header .brand{flex:0 0 auto;margin-right:8px;align-self:center}
.header .brand svg{width:42px;height:42px;display:block}
.header .brand .brand-mark{width:54px;height:54px;display:block;border-radius:0}
.site-footer-mark{width:54px;height:54px;display:block;border-radius:0;flex-shrink:0}
.header-mid{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:0;flex:0 1 auto;margin-left:auto;margin-right:clamp(56px,16vw,200px)} /* t480: ~20% left from center-right */
.header-switch{flex:0 0 auto;display:inline-flex;align-items:center;gap:2px;padding:0;border-radius:0;border:none;background:transparent;margin-right:0;box-shadow:none}
.header-right{flex:0 0 auto;display:flex;align-items:center;gap:10px;margin-left:0;flex-wrap:wrap}
.switch-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:0;font-size:14px;line-height:18px;font-weight:750;letter-spacing:.03em;text-decoration:none;color:var(--muted);border:none;background:transparent;box-shadow:none;white-space:nowrap}
.switch-btn:hover{
  border:none;background:transparent;box-shadow:none;
  background-image:linear-gradient(105deg,#FF4D5A 0%,#E11D2E 42%,#7a0f18 100%);
  -webkit-background-clip:text;background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;
}
/* t234: active switch soft LIGHT charcoal (#6b6b75→#4a4a55→#2a2a32), no border */
.header-switch .switch-btn.is-active,
a.switch-btn.is-active,
.switch-btn.is-active{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border:none !important;
  outline:none !important;
  border-radius:999px;
  background:linear-gradient(135deg,#6b6b75 0%,#4a4a55 42%,#2a2a32 100%) !important;
  background-image:linear-gradient(135deg,#6b6b75 0%,#4a4a55 42%,#2a2a32 100%) !important;
  background-color:transparent !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  box-shadow:0 1px 0 rgba(255,255,255,.28) inset,0 2px 10px rgba(0,0,0,.28);
  text-shadow:0 0 10px rgba(255,255,255,.22);
  filter:none;
}
.header-switch .switch-btn.is-active:hover,
a.switch-btn.is-active:hover,
.switch-btn.is-active:hover{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border:none !important;
  outline:none !important;
  filter:brightness(1.08);
  background:linear-gradient(135deg,#7a7a86 0%,#555560 42%,#32323c 100%) !important;
  background-image:linear-gradient(135deg,#7a7a86 0%,#555560 42%,#32323c 100%) !important;
  background-color:transparent !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  box-shadow:0 1px 0 rgba(255,255,255,.32) inset,0 3px 12px rgba(0,0,0,.3);
}
html[data-theme="dark"] .switch-btn:hover{
  background:transparent;
  background-image:linear-gradient(105deg,#FF7A85 0%,#FF4D5A 40%,#E11D2E 100%);
  -webkit-background-clip:text;background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;
}
html[data-theme="dark"] .header-switch .switch-btn.is-active,
html[data-theme="dark"] a.switch-btn.is-active,
html[data-theme="dark"] .switch-btn.is-active{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border:none !important;
  outline:none !important;
  background:linear-gradient(135deg,#6b6b75 0%,#4a4a55 42%,#2a2a32 100%) !important;
  background-image:linear-gradient(135deg,#6b6b75 0%,#4a4a55 42%,#2a2a32 100%) !important;
  background-color:transparent !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 2px 8px rgba(0,0,0,.28);
}
html[data-theme="dark"] .header-switch .switch-btn.is-active:hover,
html[data-theme="dark"] a.switch-btn.is-active:hover,
html[data-theme="dark"] .switch-btn.is-active:hover{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border:none !important;
  outline:none !important;
  filter:brightness(1.1);
  background:linear-gradient(135deg,#7a7a86 0%,#555560 42%,#32323c 100%) !important;
  background-image:linear-gradient(135deg,#7a7a86 0%,#555560 42%,#32323c 100%) !important;
  background-color:transparent !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
}
html[data-theme="dark"] .header-switch{background:transparent;border:none}
.tz-bar{display:none;align-items:center;gap:5px;flex-wrap:wrap;min-width:0}
html[data-page="deal"] .tz-bar{display:flex!important}
.tz-item{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:7px;border:1px solid var(--line);background:var(--card);min-width:0}
.tz-flag{font-size:12px;line-height:1}
.tz-meta{display:flex;flex-direction:row;align-items:baseline;gap:4px;min-width:0}
.tz-name{font-size:10px;line-height:12px;color:var(--faint);font-weight:600}
.tz-time{font-size:11px;line-height:12px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.01em;white-space:nowrap}

/* Left sidebar: account links under logo, beside main content */
/* t515: sidebar nav font −2 (16→14 / sub 14→12) */
.app-shell{display:flex;align-items:flex-start;gap:14px;margin-top:8px}
.user-sidebar{flex:0 0 120px;width:120px;padding:6px 0 24px;position:sticky;top:8px;align-self:flex-start;display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:0;box-sizing:border-box;z-index:20}
.user-nav{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:0;border:none;width:100%}
.user-nav-link{display:block;padding:8px 2px;border-radius:0;font-size:14px;line-height:20px;font-weight:600;color:var(--muted);text-decoration:none;border:none;background:transparent;white-space:nowrap}
button.user-nav-link{appearance:none;cursor:pointer;font:inherit;text-align:left;width:100%}
.user-nav-link:hover{color:var(--ink);background:transparent}
.user-nav-link.is-active{color:var(--red);background:transparent;border:none;box-shadow:none;font-weight:800}
html[data-theme="dark"] .user-nav-link:hover{background:transparent;color:var(--ink)}
/* t251: fixed bottom-right 小h FAB — same corner as intro chat */
.support-pup,
.support-pup--fab{
  appearance:none;margin:0;padding:0;border:0;background:transparent;cursor:pointer;
  position:fixed;right:22px;bottom:22px;z-index:1190;
  display:inline-flex;align-items:center;justify-content:center;
  width:76px;height:76px;border-radius:999px;flex-shrink:0;
}
.support-pup-avatar{width:72px;height:72px;border-radius:999px;object-fit:cover;display:block;border:2px solid rgba(225,29,46,.35);box-shadow:0 4px 18px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.6) inset;background:#fff;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.support-pup:hover .support-pup-avatar,
.support-pup:focus-visible .support-pup-avatar{transform:translateY(-2px) scale(1.04);border-color:rgba(225,29,46,.75);box-shadow:0 8px 22px rgba(225,29,46,.32),0 0 0 1px rgba(255,255,255,.7) inset}
.support-pup:focus-visible{outline:2px solid rgba(225,29,46,.55);outline-offset:3px}
.support-pup-tip{position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%) translateX(4px);padding:4px 9px;border-radius:999px;background:rgba(17,17,17,.92);color:#fff;font-size:12px;line-height:16px;font-weight:800;letter-spacing:.04em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;box-shadow:0 4px 14px rgba(0,0,0,.25);border:1px solid rgba(225,29,46,.45)}
.support-pup-tip::before{content:"";position:absolute;right:-5px;top:50%;width:8px;height:8px;background:rgba(17,17,17,.92);border-right:1px solid rgba(225,29,46,.45);border-top:1px solid rgba(225,29,46,.45);transform:translateY(-50%) rotate(45deg)}
.support-pup:hover .support-pup-tip,
.support-pup:focus-visible .support-pup-tip{opacity:1;transform:translateY(-50%) translateX(0)}
.support-pup.is-chat-open .support-pup-avatar{border-color:rgba(225,29,46,.85);box-shadow:0 6px 20px rgba(225,29,46,.35)}
/* t303: greet pending hide disabled — FAB always visible */
.support-pup.is-greet-pending{opacity:1;pointer-events:auto;transform:none}
.support-pup.is-greet-landing .support-pup-avatar{opacity:1}
.support-pup.is-dock-pulse .support-pup-avatar{
  animation:xiaohFabDockPulse .85s cubic-bezier(.22,1,.36,1) both;
}
@keyframes xiaohFabDockPulse{
  0%{transform:scale(.86);box-shadow:0 0 0 0 rgba(225,29,46,.0)}
  55%{transform:scale(1.08);box-shadow:0 0 0 10px rgba(225,29,46,.18)}
  100%{transform:scale(1);box-shadow:0 4px 18px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.6) inset}
}
html[data-theme="dark"] .support-pup-avatar{border-color:rgba(225,29,46,.55);box-shadow:0 4px 18px rgba(0,0,0,.45)}
.app-main{flex:1;min-width:0}

.user-page{max-width:none;margin:0;padding:12px 0 40px}
.user-page > .back{margin-bottom:12px}
.user-page h1{margin:0 0 8px;font-size:22px;line-height:1.25}
.user-page .lead{margin:0 0 16px;color:var(--muted);font-size:13px;line-height:1.55}
.user-card{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:16px;margin-bottom:12px}
.user-card h2{margin:0 0 8px;font-size:15px}
.user-card p,.user-card li{margin:0;font-size:13px;line-height:1.55;color:var(--muted)}
.user-card ul{margin:8px 0 0;padding-left:18px}
.user-kv{display:grid;grid-template-columns:120px 1fr;gap:8px 12px;font-size:13px}
.user-kv dt{color:var(--faint);font-weight:600}
.user-kv dd{margin:0;color:var(--ink);font-weight:600}

/* t539: account page — clean / minimal (replace t533/t538 metal clutter) */
/* t581: constrain+center account column like 逮虾录 (max-width 1000px); keep H&L red / t575 compact grid — not full-bleed */

html[data-page="account"]{
  --acc-ink:#1f2329;
  --acc-muted:#5c6570;
  --acc-faint:#8a929c;
  --acc-line:rgba(15,23,42,.08);
  --acc-line-strong:rgba(15,23,42,.12);
  --acc-bg:#f4f5f7;
  --acc-card:#ffffff;
  --acc-soft:#f8f9fb;
  --acc-red:#e11d2e;
  --acc-red-soft:rgba(225,29,46,.08);
}
html[data-page="account"] .app-main,
html[data-page="account"] #view{
  background:var(--acc-bg);
  min-height:100%;
}
html[data-page="account"] #view{
  position:relative;
  border-radius:12px;
  box-shadow:none;
  overflow:visible;
}
html[data-page="account"] #view::before{display:none;content:none}
html[data-page="account"] #view > *{position:relative;z-index:1}

.user-page:has(.acc-page){
  --acc-ink:#1f2329;
  --acc-muted:#5c6570;
  --acc-faint:#8a929c;
  max-width:1000px;
  width:100%;
  margin-left:auto;
  margin-right:auto;
  padding:16px 32px 48px;
  box-sizing:border-box;
  color:var(--acc-ink);
  background:transparent;
  border-radius:0;
  position:relative;
  isolation:isolate;
  min-height:calc(100vh - 160px);
}
.user-page:has(.acc-page)::before{display:none}
.user-page:has(.acc-page) > .back,
.user-page:has(.acc-page) > h1,
.user-page:has(.acc-page) > .lead,
.user-page:has(.acc-page) > .acc-page{
  position:relative;z-index:1;
}
.user-page:has(.acc-page) > .back{
  margin-bottom:14px;
  border-radius:999px;
  letter-spacing:.01em;
  color:var(--acc-ink);
  border:1px solid var(--acc-line-strong);
  background:#fff;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.user-page:has(.acc-page) > .back:hover{
  color:#111;
  border-color:rgba(225,29,46,.35);
  box-shadow:0 0 0 3px var(--acc-red-soft);
}
.user-page:has(.acc-page) > h1{
  margin:0 0 4px;
  font-size:clamp(20px,2.4vw,24px);
  line-height:1.2;
  font-weight:800;
  letter-spacing:-.02em;
  color:var(--acc-ink);
  background:none;
  -webkit-background-clip:unset;
  background-clip:unset;
  filter:none;
}
.user-page:has(.acc-page) > .lead{
  margin:0 0 16px;
  max-width:none;
  font-size:13px;
  line-height:1.55;
  letter-spacing:.01em;
  color:var(--acc-muted);
}

.acc-page{
  max-width:100%;
  width:100%;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:18px;
}

/* Flat white cards */
.acc-page .user-card.acc-card{
  position:relative;
  margin:0;
  padding:18px 18px 16px;
  border-radius:14px;
  border:1px solid var(--acc-line);
  color:var(--acc-ink);
  background:var(--acc-card);
  box-shadow:0 1px 2px rgba(15,23,42,.04), 0 8px 24px rgba(15,23,42,.04);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  overflow:hidden;
}
/* t621: remove left red accent bars on account profile/notify/danger cards */
.acc-page .user-card.acc-card::before{display:none;content:none}
.acc-page .user-card.acc-card::after{display:none;content:none}
html[data-theme="dark"] .acc-page .user-card.acc-card{
  border-color:var(--acc-line);
  background:var(--acc-card);
  box-shadow:0 1px 2px rgba(15,23,42,.04), 0 8px 24px rgba(15,23,42,.04);
  color:var(--acc-ink);
}
.acc-card--notify::before{display:none;content:none}
.acc-card--danger{
  border-color:rgba(225,29,46,.18)!important;
  background:#fff!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04), 0 8px 24px rgba(15,23,42,.04)!important;
}
html[data-theme="dark"] .acc-card--danger{
  border-color:rgba(225,29,46,.18)!important;
  background:#fff!important;
}
.acc-card--danger::before{display:none;content:none}

.acc-card-head{margin:0 0 14px;max-width:none;position:relative;z-index:1}
/* t542: English kickers = light-gray metal (same language as filter chips) */
.acc-card-kicker{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin:0 0 6px;
  padding:3px 10px;
  border-radius:999px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#1a1a22;
  -webkit-text-fill-color:#1a1a22;
  border:none;
  border-color:transparent;
  background-color:#E8E8ED;
  background-image:linear-gradient(145deg,#FFFFFF 0%,#F4F4F7 26%,#DCDCE3 58%,#B4B4BE 100%);
  background:linear-gradient(145deg,#FFFFFF 0%,#F4F4F7 26%,#DCDCE3 58%,#B4B4BE 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 0 0 1px rgba(255,255,255,.55) inset,0 1px 4px rgba(0,0,0,.12),0 0 10px rgba(148,163,184,.22);
  text-shadow:none;
}
.acc-card-kicker.is-danger{
  color:#1a1a22;
  -webkit-text-fill-color:#1a1a22;
  border:none;
  background-color:#E8E8ED;
  background-image:linear-gradient(145deg,#FFFFFF 0%,#F4F4F7 26%,#DCDCE3 58%,#B4B4BE 100%);
  background:linear-gradient(145deg,#FFFFFF 0%,#F4F4F7 26%,#DCDCE3 58%,#B4B4BE 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 0 0 1px rgba(255,255,255,.55) inset,0 1px 4px rgba(0,0,0,.12),0 0 10px rgba(148,163,184,.22);
}
html[data-theme="dark"] .acc-card-kicker,
html[data-theme="dark"] .acc-card-kicker.is-danger{
  color:#111118;
  -webkit-text-fill-color:#111118;
  background:linear-gradient(145deg,#E8E8EE 0%,#C8C8D2 40%,#9A9AA6 78%,#7A7A86 100%);
  background-image:linear-gradient(145deg,#E8E8EE 0%,#C8C8D2 40%,#9A9AA6 78%,#7A7A86 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 2px 8px rgba(0,0,0,.28);
}
/* t550: email「点击绑定」= same light-gray metal as .acc-card-kicker (Alerts) */
.acc-kicker-btn{
  appearance:none;
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin:0;
  padding:3px 10px;
  border-radius:999px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:none;
  color:#1a1a22;
  -webkit-text-fill-color:#1a1a22;
  border:none;
  border-color:transparent;
  background-color:#E8E8ED;
  background-image:linear-gradient(145deg,#FFFFFF 0%,#F4F4F7 26%,#DCDCE3 58%,#B4B4BE 100%);
  background:linear-gradient(145deg,#FFFFFF 0%,#F4F4F7 26%,#DCDCE3 58%,#B4B4BE 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 0 0 1px rgba(255,255,255,.55) inset,0 1px 4px rgba(0,0,0,.12),0 0 10px rgba(148,163,184,.22);
  text-shadow:none;
  cursor:pointer;
  vertical-align:middle;
  line-height:1.35;
  transition:filter .12s, box-shadow .12s;
}
.acc-kicker-btn:hover{
  filter:brightness(1.04);
  box-shadow:0 1px 0 rgba(255,255,255,.98) inset,0 0 0 1px rgba(255,255,255,.6) inset,0 2px 6px rgba(0,0,0,.14),0 0 12px rgba(148,163,184,.28);
}
.acc-kicker-btn:active{filter:brightness(.98)}
html[data-theme="dark"] .acc-kicker-btn{
  color:#111118;
  -webkit-text-fill-color:#111118;
  background:linear-gradient(145deg,#E8E8EE 0%,#C8C8D2 40%,#9A9AA6 78%,#7A7A86 100%);
  background-image:linear-gradient(145deg,#E8E8EE 0%,#C8C8D2 40%,#9A9AA6 78%,#7A7A86 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 2px 8px rgba(0,0,0,.28);
}
.acc-card h2,
.acc-card-head h2{
  margin:0 0 4px;
  font-size:16px;
  line-height:1.3;
  font-weight:800;
  letter-spacing:-.015em;
  color:var(--acc-ink);
  background:none;
  -webkit-background-clip:unset;
  background-clip:unset;
}
.acc-card-sub{
  margin:0!important;
  font-size:12.5px!important;
  line-height:1.5!important;
  letter-spacing:.01em;
  color:var(--acc-muted)!important;
  font-weight:500!important;
}

/* compact profile */
/* t575: tighter profile card chrome around denser field grid */
.acc-card--profile{padding:12px 14px 10px!important}
.acc-card--profile .acc-card-head{margin:0 0 8px}
.acc-card--profile .acc-card-sub{display:none}

.acc-avatar-row{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:10px;
  flex-wrap:wrap;
  padding:8px 10px;
  border-radius:12px;
  position:relative;z-index:1;
  background:var(--acc-soft);
  border:1px solid var(--acc-line);
  box-shadow:none;
}
html[data-theme="dark"] .acc-avatar-row{
  background:var(--acc-soft);
  border-color:var(--acc-line);
}
.acc-avatar-wrap{
  position:relative;
  width:56px;height:56px;
  flex-shrink:0;
}
.acc-avatar{
  width:56px;height:56px;
  border-radius:50%;
  overflow:hidden;
  border:2px solid #fff;
  background:#e8eaee;
  display:flex;align-items:center;justify-content:center;
  position:relative;z-index:1;
  box-shadow:0 0 0 1px var(--acc-line-strong), 0 2px 8px rgba(15,23,42,.08);
  transition:box-shadow .15s ease;
}
html[data-theme="dark"] .acc-avatar{border-color:#fff}
.acc-avatar-wrap:hover .acc-avatar{
  transform:none;
  box-shadow:0 0 0 1px rgba(225,29,46,.35), 0 2px 10px rgba(15,23,42,.1);
}
.acc-avatar-ring{
  position:absolute;inset:-3px;
  border-radius:50%;
  background:transparent;
  border:1.5px solid rgba(225,29,46,.28);
  opacity:1;
  z-index:0;
  animation:none;
  -webkit-mask:none;
  mask:none;
  pointer-events:none;
}
@keyframes accRingSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){
  .acc-avatar-ring{animation:none}
}
.acc-avatar-img{width:100%;height:100%;object-fit:cover;display:block}
.acc-avatar-fallback{
  font-size:20px;font-weight:800;color:#3a4250;
  letter-spacing:-.02em;line-height:1;
}
.acc-avatar-meta{display:flex;flex-direction:column;gap:4px;min-width:0}
/* t540/t549: 上传图片 = quiet pill like .acc-link / 修改 */
.acc-btn-upload{
  appearance:none;
  display:inline-flex;align-items:center;justify-content:center;gap:5px;
  padding:5px 12px;border-radius:999px;margin:0;
  border:1px solid var(--line,var(--acc-line,#e5e5e5));
  background:var(--card,#fff);
  color:var(--choice,var(--acc-ink,#5C5C5C));
  font-size:12px;line-height:16px;font-weight:500;letter-spacing:.01em;
  cursor:pointer;width:max-content;
  box-shadow:none;
  transition:border-color .12s,color .12s,background .12s;
  transform:none;
}
.acc-btn-upload:hover{
  border-color:var(--red,#E11D2E);
  color:var(--red,#E11D2E);
  background:var(--card,#fff);
  transform:none;filter:none;
  box-shadow:none;
}
.acc-btn-upload:active{transform:none}
.acc-btn-upload-ico{
  display:inline-flex;width:auto;height:auto;border-radius:0;
  align-items:center;justify-content:center;
  background:transparent;font-size:12px;line-height:1;
  color:inherit;opacity:.85;
}
.acc-hint{
  margin:0;font-size:11.5px;color:var(--acc-faint);
  line-height:1.45;letter-spacing:.01em;max-width:42ch;
}

.acc-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px 10px;
  position:relative;z-index:1;
  align-items:stretch;
}
@media(max-width:980px){.acc-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.acc-grid{grid-template-columns:1fr}}
/* t551: equal-height field cards — label row + value/action row aligned */
/* t575: denser 个人资料 field cards (~25–30% less vertical space) */
.acc-field{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:5px;
  min-height:56px;
  height:100%;
  padding:7px 10px;
  border-radius:10px;
  background:var(--acc-soft);
  border:1px solid var(--acc-line);
  box-shadow:none;
  transition:border-color .15s ease, box-shadow .15s ease;
  box-sizing:border-box;
}
html[data-theme="dark"] .acc-field{
  background:var(--acc-soft);
  border-color:var(--acc-line);
}
.acc-field:focus-within{
  border-color:rgba(225,29,46,.4);
  background:#fff;
  box-shadow:0 0 0 3px var(--acc-red-soft);
}
.acc-label{
  display:flex;align-items:center;gap:6px;flex-wrap:nowrap;
  margin:0;
  min-height:18px;
  font-size:13px;font-weight:650;
  letter-spacing:.02em;
  text-transform:none;
  color:var(--acc-faint);
  line-height:1.3;
}
/* t555: profile grid labels +2 (11→13), values −1 (value 14→13 / pill 13→12 / field input 12.5); modal inputs untouched */
/* t552: action buttons sit beside value text (~10% gap), not far-right */
.acc-field-row{
  display:flex;align-items:center;justify-content:flex-start;
  gap:clamp(8px,10%,28px);
  min-height:24px;
  margin-top:auto;
  width:100%;
}
.acc-field-row > .acc-value{
  flex:0 1 auto;min-width:0;max-width:70%;
}
.acc-field-row > .acc-link,
.acc-field-row > .acc-kicker-btn,
.acc-field-row > .acc-btn-member,
.acc-field-row > .acc-btn-quiet{
  flex:0 0 auto;
}
.acc-input{
  flex:1;min-width:0;width:100%;
  border:1px solid var(--acc-line-strong);
  border-radius:8px;
  padding:8px 10px;
  background:#fff;
  color:var(--acc-ink);
  font:inherit;font-size:13.5px;line-height:1.3;
  letter-spacing:.01em;
  box-shadow:none;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.acc-input::placeholder{color:#9aa3ad}
.acc-input:focus{
  outline:none;
  border-color:rgba(225,29,46,.45);
  box-shadow:0 0 0 3px var(--acc-red-soft);
}
.acc-value{
  font-size:13px;font-weight:700;color:var(--acc-ink);
  letter-spacing:.01em;line-height:1.35;
}
.acc-pill{
  display:inline-flex;align-items:center;
  max-width:100%;
  padding:4px 10px;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--acc-line);
  color:var(--acc-ink);
  font-size:12px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  box-shadow:none;
}
html[data-theme="dark"] .acc-pill{
  background:#fff;
  border-color:var(--acc-line);
}
/* t544: member tier pill = soft light gray (no pink/red) */
.acc-pill--tier{
  background:#F1F1F5;
  border:1px solid #E0E0E8;
  border-color:#E0E0E8;
  color:#6B6B78;
}
.acc-mask{letter-spacing:.18em;font-variant-numeric:tabular-nums}
/* t543: profile row values = plain text (no pill/input chrome); tier badge + modal inputs untouched */
.acc-field .acc-field-row > .acc-input[data-acc-nick],
.acc-field .acc-field-row > .acc-input{
  border:none !important;
  border-radius:0;
  background:transparent !important;
  padding:2px 0;
  box-shadow:none !important;
  font-size:12.5px;
}
.acc-field .acc-field-row > .acc-input:focus{
  outline:none;
  border:none !important;
  box-shadow:0 1px 0 rgba(225,29,46,.45) !important;
  background:transparent !important;
}
.acc-field .acc-field-row > .acc-value.acc-pill:not(.acc-pill--tier){
  border:none !important;
  background:transparent !important;
  padding:0;
  border-radius:0;
  box-shadow:none !important;
  max-width:100%;
}
html[data-theme="dark"] .acc-field .acc-field-row > .acc-value.acc-pill:not(.acc-pill--tier){
  background:transparent !important;
  border:none !important;
}
.acc-btn-quiet{
  flex:0 0 auto;
  display:inline-flex;align-items:center;justify-content:center;
  padding:5px 12px;border-radius:999px;margin:0;
  border:1px solid var(--line,var(--acc-line-strong,#e5e5e5));
  background:var(--card,#fff);
  color:var(--ink,var(--acc-ink,#111));
  font-size:12px;line-height:16px;font-weight:500;letter-spacing:.01em;
  cursor:pointer;
  box-shadow:none;
  transition:border-color .12s,color .12s,background .12s;
  transform:none;
}
.acc-btn-quiet:hover{
  border-color:var(--red,#E11D2E);
  color:var(--ink,#111);
  background:var(--card,#fff);
  transform:none;
}
.acc-link{
  appearance:none;
  display:inline-flex;align-items:center;justify-content:center;
  margin:0;padding:5px 12px;
  border:1px solid var(--line,var(--acc-line,#e5e5e5));
  border-radius:999px;
  background:var(--card,#fff);
  color:var(--choice,var(--acc-ink,#5C5C5C));
  font-size:12px;line-height:16px;font-weight:500;
  letter-spacing:.01em;cursor:pointer;
  text-decoration:none;box-shadow:none;
  transition:border-color .12s,color .12s,background .12s;
  transform:none;
}
.acc-link:hover{
  border-color:var(--red,#E11D2E);
  color:var(--red,#E11D2E);
  background:var(--card,#fff);
  text-decoration:none;
  transform:none;
}
a.acc-link{display:inline-flex}
.acc-link.acc-inline{
  padding:3px 9px;font-size:11px;line-height:15px;
  border-color:transparent;background:transparent;color:var(--choice,#5C5C5C);
}
.acc-link.acc-inline:hover{
  border-color:transparent;background:transparent;color:var(--red,#E11D2E);
}
.acc-link.acc-send{
  flex:0 0 auto;white-space:nowrap;
}
/* t546–t548: 加入会员 — black-gold metal CTA @ 100% opacity; text #111 */
.acc-btn-member{
  appearance:none;
  display:inline-flex;align-items:center;justify-content:center;
  margin:0;padding:6px 14px;
  border-radius:999px;
  border:1px solid rgba(212,175,55,.55);
  background:
    linear-gradient(135deg,
      rgba(18,18,20,.55) 0%,
      rgba(42,38,32,.5) 28%,
      rgba(184,148,62,.48) 52%,
      rgba(232,205,120,.55) 72%,
      rgba(28,26,22,.52) 100%);
  color:#111;
  font-size:12px;line-height:16px;font-weight:700;
  letter-spacing:.04em;
  text-decoration:none;
  text-shadow:none;
  box-shadow:
    inset 0 1px 0 rgba(255,236,180,.35),
    inset 0 -1px 0 rgba(0,0,0,.25),
    0 1px 2px rgba(0,0,0,.12);
  cursor:pointer;
  opacity:1;
  transition:opacity .15s, filter .15s, border-color .15s, box-shadow .15s;
  transform:none;
  white-space:nowrap;
}
.acc-btn-member:hover{
  opacity:1;
  filter:brightness(1.08);
  border-color:rgba(232,205,120,.75);
  color:#111;
  text-decoration:none;
  box-shadow:
    inset 0 1px 0 rgba(255,240,200,.45),
    inset 0 -1px 0 rgba(0,0,0,.22),
    0 2px 6px rgba(184,148,62,.22);
  transform:none;
}
.acc-btn-member:active{
  opacity:1;
  filter:brightness(.98);
  transform:none;
}
html[data-theme="dark"] .acc-btn-member{
  border-color:rgba(212,175,55,.5);
  color:#111;
}
.acc-status{
  display:inline-flex;align-items:center;gap:5px;
  font-size:11px;font-weight:750;letter-spacing:.02em;
  padding:2px 8px;border-radius:999px;
}
.acc-status.is-bound{
  color:#15803d;
  background:rgba(34,197,94,.1);
  border:1px solid rgba(34,197,94,.22);
}
.acc-status.is-bound i{
  width:6px;height:6px;border-radius:50%;
  background:#22c55e;display:inline-block;
  box-shadow:none;
}
html[data-theme="dark"] .acc-status.is-bound{
  color:#15803d;
  background:rgba(34,197,94,.1);
  border-color:rgba(34,197,94,.22);
}

.acc-notify-help{margin:0!important}
.acc-card--notify,.acc-card--danger{padding:16px 18px 14px!important}
.acc-switch-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 12px;
  max-width:none;
  width:100%;
  position:relative;z-index:1;
}
@media(max-width:720px){.acc-switch-list{grid-template-columns:1fr}}
.acc-switch-row{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:10px 12px;
  border-radius:10px;
  background:var(--acc-soft);
  border:1px solid var(--acc-line);
  box-shadow:none;
  transition:border-color .15s, background .15s;
}
html[data-theme="dark"] .acc-switch-row{
  background:var(--acc-soft);
  border-color:var(--acc-line);
}
.acc-switch-row:hover{
  border-color:rgba(225,29,46,.25);
  background:#fff;
}
.acc-switch-label{
  font-size:13.5px;font-weight:650;color:var(--acc-ink);
  letter-spacing:.01em;
}
/* t541: notify toggles = light-gray metal (not brand red) */
.acc-switch{
  position:relative;width:44px;height:26px;border-radius:999px;
  border:none;
  background-color:#D8D8E0;
  background-image:linear-gradient(145deg,#EDEDF2 0%,#D8D8E0 45%,#C2C2CC 100%);
  background:linear-gradient(145deg,#EDEDF2 0%,#D8D8E0 45%,#C2C2CC 100%);
  cursor:pointer;padding:0;flex:0 0 auto;
  transition:background .2s ease, box-shadow .2s ease;
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 0 0 1px rgba(255,255,255,.35) inset,0 1px 3px rgba(0,0,0,.12);
}
.acc-switch.is-on{
  border:none;
  background-color:#E8E8ED;
  background-image:linear-gradient(145deg,#FFFFFF 0%,#F4F4F7 26%,#DCDCE3 58%,#B4B4BE 100%);
  background:linear-gradient(145deg,#FFFFFF 0%,#F4F4F7 26%,#DCDCE3 58%,#B4B4BE 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 0 0 1px rgba(255,255,255,.55) inset,0 2px 8px rgba(0,0,0,.14),0 0 12px rgba(148,163,184,.26);
}
.acc-switch-knob{
  position:absolute;top:2px;left:2px;
  width:20px;height:20px;border-radius:50%;
  background:linear-gradient(160deg,#FFFFFF 0%,#F7F7FA 55%,#ECECF2 100%);
  border:1px solid rgba(255,255,255,.85);
  box-shadow:0 1px 3px rgba(15,23,42,.2),0 0 0 1px rgba(148,163,184,.18);
  transition:transform .2s cubic-bezier(.2,.8,.2,1);
}
.acc-switch.is-on .acc-switch-knob{transform:translateX(18px)}
html[data-theme="dark"] .acc-switch{
  background:linear-gradient(145deg,#3A3A44 0%,#2C2C34 55%,#22222A 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 1px 4px rgba(0,0,0,.35);
}
html[data-theme="dark"] .acc-switch.is-on{
  background:linear-gradient(145deg,#E8E8EE 0%,#C8C8D2 40%,#9A9AA6 78%,#7A7A86 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 2px 10px rgba(0,0,0,.35);
}

.acc-danger .acc-card-sub{max-width:48ch}
/* t545: page「注销账号」gray border/text (not brand red); modal keeps .acc-btn-danger-solid */
.acc-danger .acc-btn-danger,
.acc-card--danger .acc-btn-danger{
  display:inline-flex;align-items:center;justify-content:center;
  margin-top:4px;
  position:relative;z-index:1;
  padding:5px 12px;border-radius:999px;
  border:1px solid #C8CAD0;
  background:#fff;
  color:#6B6B78;
  font-size:12px;line-height:16px;font-weight:500;letter-spacing:.01em;
  cursor:pointer;
  box-shadow:none;
  transition:border-color .12s,color .12s,background .12s;
  transform:none;
}
html[data-theme="dark"] .acc-danger .acc-btn-danger,
html[data-theme="dark"] .acc-card--danger .acc-btn-danger{
  background:#fff;
  border-color:#C8CAD0;
  color:#6B6B78;
}
.acc-danger .acc-btn-danger:hover,
.acc-card--danger .acc-btn-danger:hover{
  background:#fff;
  border-color:#9A9AA6;
  color:#4A4A56;
  box-shadow:none;
  transform:none;
}

.acc-modal{
  position:fixed;inset:0;z-index:100060;
  display:flex;align-items:center;justify-content:center;
  padding:20px;
}
.acc-modal[hidden]{display:none!important}
.acc-modal-backdrop{
  position:absolute;inset:0;
  background:rgba(15,23,42,.4);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
.acc-modal-sheet{
  position:relative;z-index:1;
  width:min(440px,100%);
  color:var(--acc-ink,#1f2329);
  background:#fff;
  border:1px solid var(--acc-line,#e5e7eb);
  border-radius:14px;
  box-shadow:0 20px 48px rgba(15,23,42,.18);
  padding:18px 20px 16px;
  max-height:min(86vh,720px);overflow:auto;
}
html[data-theme="dark"] .acc-modal-sheet{
  background:#fff;
  border-color:rgba(15,23,42,.1);
  box-shadow:0 20px 48px rgba(15,23,42,.2);
  color:var(--acc-ink,#1f2329);
}
.acc-modal-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-bottom:14px;padding-bottom:10px;
  border-bottom:1px solid rgba(15,23,42,.08);
}
html[data-theme="dark"] .acc-modal-head{border-bottom-color:rgba(15,23,42,.08)}
.acc-modal-head h3{
  margin:0;font-size:17px;font-weight:800;
  letter-spacing:-.02em;line-height:1.25;
  color:var(--acc-ink,#1f2329);
  background:none;-webkit-background-clip:unset;background-clip:unset;
}
.acc-modal-x{
  border:1px solid var(--line,#e5e5e5);background:var(--card,#fff);color:var(--choice,#5C5C5C);
  width:28px;height:28px;border-radius:999px;
  font-size:16px;line-height:1;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
  box-shadow:none;
  transition:border-color .12s,color .12s,background .12s;
  transform:none;
}
.acc-modal-x:hover{border-color:var(--red,#E11D2E);color:var(--red,#E11D2E);background:var(--card,#fff)}
html[data-theme="dark"] .acc-modal-x{background:var(--card,#fff);border-color:var(--line,#e5e5e5)}
.acc-modal-body{display:flex;flex-direction:column;gap:8px}
.acc-mlabel{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  font-size:11px;font-weight:650;letter-spacing:.02em;
  color:#8a929c;margin-top:6px;
}
.acc-inline{font-size:12px;letter-spacing:.01em;color:#5c6570}
.acc-pw-wrap{position:relative;display:flex;align-items:center}
.acc-pw-wrap .acc-input{padding-right:42px}
.acc-eye{
  position:absolute;right:8px;border:0;background:transparent;
  cursor:pointer;font-size:14px;opacity:.65;padding:4px;color:#5c6570;
}
.acc-eye:hover{opacity:1}
.acc-code-row{display:flex;align-items:center;gap:10px}
.acc-code-row .acc-input{flex:1}
.acc-send{flex:0 0 auto;white-space:nowrap}
.acc-modal-actions{
  display:flex;justify-content:flex-end;gap:10px;margin-top:18px;
  padding-top:12px;border-top:1px solid rgba(15,23,42,.08);
}
html[data-theme="dark"] .acc-modal-actions{border-top-color:rgba(15,23,42,.08)}
.acc-btn-ghost{
  display:inline-flex;align-items:center;justify-content:center;
  padding:5px 12px;border-radius:999px;margin:0;
  border:1px solid var(--line,#e5e5e5);
  background:var(--card,#fff);
  color:var(--ink,#111);font-size:12px;line-height:16px;font-weight:500;cursor:pointer;
  box-shadow:none;transform:none;
  transition:border-color .12s,color .12s,background .12s;
}
.acc-btn-ghost:hover{border-color:var(--red,#E11D2E);color:var(--ink,#111);background:var(--card,#fff);transform:none}
.acc-btn-primary{
  display:inline-flex;align-items:center;justify-content:center;
  padding:5px 12px;border-radius:999px;margin:0;
  border:none;border-color:transparent;
  background:linear-gradient(135deg,#6b6b75 0%,#4a4a55 42%,#2a2a32 100%);
  color:#fff;font-size:12px;line-height:16px;font-weight:700;cursor:pointer;
  box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 2px 8px rgba(0,0,0,.22);
  transform:none;filter:none;
  transition:background .12s,box-shadow .12s;
}
.acc-btn-primary:hover{
  filter:none;transform:none;color:#fff;
  background:linear-gradient(135deg,#7a7a86 0%,#555560 42%,#32323c 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.28) inset,0 3px 10px rgba(0,0,0,.26);
}
.acc-btn-danger-solid{
  display:inline-flex;align-items:center;justify-content:center;
  padding:5px 12px;border-radius:999px;margin:0;
  border:1px solid rgba(225,29,46,.45);
  background:var(--card,#fff);
  color:var(--red,#E11D2E);font-size:12px;line-height:16px;font-weight:500;cursor:pointer;
  box-shadow:none;transform:none;
  transition:border-color .12s,color .12s,background .12s;
}
.acc-btn-danger-solid:hover{
  border-color:var(--red,#E11D2E);color:var(--red,#E11D2E);background:var(--card,#fff);transform:none;
}
.acc-btn-danger-solid:disabled{opacity:.42;cursor:not-allowed}
html[data-theme="dark"] .acc-btn-danger-solid{
  background:var(--card,#fff);
  border-color:rgba(225,29,46,.45);
}
.acc-cancel-banner{
  margin:0 0 12px;padding:11px 13px;border-radius:10px;
  background:rgba(225,29,46,.08);
  border:1px solid rgba(225,29,46,.2);
  color:#b91c1c;font-size:13px;font-weight:750;letter-spacing:.01em;
}
.acc-cancel-tip{margin:10px 0 4px;font-size:12.5px;color:#5c6570;line-height:1.55}
.acc-cancel-tip b{color:#1f2329;font-weight:800}
.acc-check{
  display:flex;align-items:flex-start;gap:8px;margin-top:14px;
  font-size:12.5px;color:#5c6570;line-height:1.5;cursor:pointer;
}
.acc-check input{margin-top:3px;accent-color:var(--red)}




@media(max-width:900px){
  .header-top{align-items:flex-start}
  .header-mid{width:100%;order:3;margin-left:0;margin-right:0;align-items:stretch}
  .header-right{margin-left:auto}
  .user-sidebar{flex-basis:110px;width:110px}
}
@media(max-width:720px){
  .header-switch{width:100%;justify-content:stretch}
  .switch-btn{flex:1}
  .header-mid{width:100%}
  .tz-bar{width:100%}
  .app-shell{flex-direction:column;gap:4px}
  .user-sidebar{position:static;width:100%;flex:0 0 auto;padding:0 0 8px;min-height:0;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 12px}
  .user-nav{flex-direction:row;flex-wrap:wrap;gap:4px 14px;padding:4px 0 8px;border-bottom:0;flex:1 1 auto}
  .user-nav-link{padding:6px 0}
  .support-pup,.support-pup--fab{right:12px;bottom:12px;width:64px;height:64px}
  .support-pup-avatar{width:60px;height:60px}
  .support-pup-tip{right:calc(100% + 8px);top:50%;bottom:auto;left:auto;transform:translateY(-50%) translateX(4px)}
  .support-pup-tip::before{right:-5px;left:auto;top:50%;bottom:auto;transform:translateY(-50%) rotate(45deg)}
  .support-pup:hover .support-pup-tip,
  .support-pup:focus-visible .support-pup-tip{transform:translateY(-50%) translateX(0)}
}
.deal-root{display:block;padding:4px 0 24px}
.deal-root[hidden]{display:none!important}

/* Community page */
.community-page{max-width:none;margin:0;padding:8px 0 40px}
.community-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 18px 16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,rgba(225,29,46,.08),rgba(255,255,255,.6) 42%,var(--card));margin-bottom:14px}
html[data-theme="dark"] .community-hero{background:linear-gradient(135deg,rgba(225,29,46,.18),rgba(255,255,255,.03) 45%,var(--card))}
.community-hero h1{margin:0 0 6px;font-size:22px;line-height:1.25;letter-spacing:.02em}
.community-hero p{margin:0;color:var(--muted);font-size:13px;line-height:1.55;max-width:52ch}
.community-hero-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.community-chip{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:700;color:var(--ink);background:rgba(0,0,0,.04);border:1px solid var(--line)}
html[data-theme="dark"] .community-chip{background:rgba(255,255,255,.06)}
.community-join{flex:0 0 auto;text-align:center;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:var(--card);min-width:118px}
.community-join img{width:72px;height:72px;border-radius:8px;display:block;margin:0 auto 6px;object-fit:cover;background:#fff}
.community-join .lab{font-size:11px;color:var(--muted)}
.community-join .num{font-size:13px;font-weight:800;letter-spacing:.02em}
.community-layout{display:grid;grid-template-columns:1fr;gap:12px}
.community-composer,.community-feed{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:14px}
.community-composer h2,.community-feed-head{margin:0 0 10px;font-size:15px}
.community-topics{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.community-topic{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;cursor:pointer}
.community-topic.is-active{background:var(--red);border-color:var(--red);color:#fff}
.community-fields{display:grid;grid-template-columns:160px 1fr;gap:8px}
@media(max-width:640px){.community-fields{grid-template-columns:1fr}.community-hero{flex-direction:column}}
.community-fields input,.community-fields textarea,.community-fields select{width:100%;border:1px solid var(--line);border-radius:10px;padding:9px 11px;font:inherit;background:var(--bg);color:var(--ink)}
.community-fields textarea{min-height:88px;resize:vertical;grid-column:1/-1}
.community-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
.community-actions .hint{font-size:12px;color:var(--muted)}
.community-post{padding:12px 0;border-top:1px solid var(--line)}
.community-post:first-child{border-top:0;padding-top:0}
.community-post-top{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}
.community-avatar{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;background:linear-gradient(135deg,#E11D2E,#ff7a59)}
.community-nick{font-weight:800;font-size:13px}
.community-time{font-size:11px;color:var(--muted)}
.community-tag{font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px;background:rgba(225,29,46,.08);color:var(--red)}
.community-text{font-size:14px;line-height:1.55;white-space:pre-wrap;word-break:break-word}
.community-empty{padding:28px 8px;text-align:center;color:var(--muted);font-size:13px}
.community-error{color:var(--red);font-size:12px;margin-top:8px}
.community-pin{border:1px dashed rgba(225,29,46,.35);background:rgba(225,29,46,.05);border-radius:12px;padding:12px;margin-bottom:12px}
.community-pin strong{display:block;margin-bottom:4px;font-size:13px}


/* ===== Marketing home ===== */
/* Home — Collabstr compact type + intro glow language (no fullscreen overlay) */
.home-page{
  position:relative;padding:4px 0 48px;display:flex;flex-direction:column;gap:16px;
  font-size:13px;line-height:1.55;color:var(--ink);
}
.home-page::before{
  content:"";pointer-events:none;position:absolute;inset:-40px -8% auto -8%;height:460px;z-index:0;
  background:
    radial-gradient(ellipse 80% 48% at 50% -4%,rgba(107,107,117,.34),transparent 60%),
    radial-gradient(ellipse 42% 36% at 18% 28%,rgba(90,90,99,.16),transparent 58%),
    radial-gradient(ellipse 36% 32% at 88% 22%,rgba(107,107,117,.12),transparent 55%);
  filter:blur(18px);opacity:.95;
}
.home-page > *{position:relative;z-index:1}
.home-hero{
  position:relative;overflow:hidden;border-radius:28px;
  padding:clamp(28px,4.5vh,48px) clamp(22px,3.5vw,48px) clamp(24px,3.5vh,40px);
  min-height:calc(100vh - 88px);
  display:flex;align-items:stretch;
  border:1px solid rgba(0,0,0,.12);
  background:
    linear-gradient(135deg,rgba(245,245,247,.92) 0%,rgba(255,255,255,.88) 48%,rgba(232,232,236,.9) 100%),
    rgba(255,255,255,.7);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.75) inset,
    0 18px 48px rgba(0,0,0,.1),
    0 8px 24px rgba(0,0,0,.05);
  backdrop-filter:blur(14px) saturate(1.08);-webkit-backdrop-filter:blur(14px) saturate(1.08);
}
.home-hero-bloom{
  pointer-events:none;position:absolute;inset:-30%;
  background:
    radial-gradient(circle at 50% 0%,rgba(107,107,117,.28),transparent 52%),
    radial-gradient(circle at 78% 18%,rgba(90,90,99,.14),transparent 46%),
    radial-gradient(circle at 14% 78%,rgba(74,74,85,.1),transparent 42%),
    radial-gradient(circle at 48% 48%,rgba(255,255,255,.4),transparent 50%);
  filter:blur(28px);opacity:.92;animation:homeBloomPulse 5.5s ease-in-out infinite;
}
@keyframes homeBloomPulse{
  0%,100%{opacity:.75;transform:scale(1)}
  50%{opacity:1;transform:scale(1.03)}
}
/* t249: hero waits in pre-enter until intro onDone (or immediate if intro already seen) */
@keyframes homeHeroEnter{
  from{opacity:0;transform:scale(.96)}
  to{opacity:1;transform:scale(1)}
}
.home-hero{
  opacity:0;transform:scale(.96);
}
.home-hero.is-enter{
  animation:homeHeroEnter 2.5s cubic-bezier(.22,1,.36,1) both;
}
.home-hero.is-shown{
  opacity:1;transform:scale(1);
}
@media (prefers-reduced-motion:reduce){
  .home-hero,.home-hero.is-enter{animation:none;opacity:1;transform:none}
}

html[data-theme="dark"] .home-hero{
  background:
    linear-gradient(135deg,rgba(74,74,85,.95) 0%,rgba(52,52,62,.92) 55%,rgba(42,42,50,.96) 100%),
    rgba(42,42,50,.88);
  border-color:rgba(255,255,255,.12);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.08) inset,
    0 18px 48px rgba(0,0,0,.32),
    0 0 40px rgba(0,0,0,.18);
}
html[data-theme="dark"] .home-hero-bloom{
  background:
    radial-gradient(circle at 50% 0%,rgba(140,140,150,.22),transparent 50%),
    radial-gradient(circle at 72% 16%,rgba(255,255,255,.1),transparent 42%),
    radial-gradient(circle at 18% 78%,rgba(42,42,50,.35),transparent 42%),
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.05),transparent 48%);
}
html[data-theme="dark"] .home-page::before{
  background:
    radial-gradient(ellipse 80% 48% at 50% -4%,rgba(140,140,150,.2),transparent 60%),
    radial-gradient(ellipse 35% 40% at 18% 60%,rgba(42,42,50,.28),transparent 55%);
}
.home-hero-inner{
  position:relative;z-index:1;width:100%;max-width:1180px;margin:0 auto;
  display:flex;flex-direction:column;justify-content:flex-start;
  min-height:100%;gap:clamp(18px,3.2vh,36px);
  box-sizing:border-box;
  padding-top:clamp(4px,1.5vh,18px);padding-bottom:5%;
}
.home-hero-inner--split{
  flex-direction:row;align-items:center;justify-content:space-between;
  gap:clamp(16px,3vw,40px);padding-bottom:clamp(12px,3vh,28px);
  flex:1 1 auto;
}
.home-hero-copy{flex:1 1 46%;max-width:min(620px,100%);position:relative;z-index:2}
.home-hero-model{
  flex:1 1 48%;position:relative;display:flex;align-items:center;justify-content:center;
  min-height:clamp(240px,42vh,480px);pointer-events:none;user-select:none;
}
.home-hero-model-glow{
  position:absolute;inset:12% 10%;
  background:
    radial-gradient(ellipse at 48% 52%,rgba(225,29,46,.14),rgba(255,77,154,.05) 45%,transparent 72%),
    radial-gradient(ellipse at 62% 40%,rgba(184,184,192,.12),transparent 55%);
  filter:blur(22px);opacity:.85;
  /* t485: no pulse during hero enter — start only with .is-shown */
  animation:none;
}
/* t473: soft geometric HL monogram — transparent, no card/border/multiply */
/* t485: enter in sync with .home-hero is-enter (no own delay/float during pop-in) */
.hl-monogram{
  position:relative;z-index:1;width:min(100%,560px);height:auto;display:block;
  object-fit:contain;
  filter:drop-shadow(0 18px 36px rgba(225,29,46,.12)) drop-shadow(0 4px 12px rgba(0,0,0,.06));
  animation:none;
  opacity:.92;
  transition:none;
}
.home-hero.is-shown .home-hero-model-glow{
  animation:hlModelPulse 5.5s ease-in-out infinite;
}
.home-hero.is-shown .hl-monogram{
  animation:hlModelFloat 6.5s ease-in-out infinite;
}
@keyframes hlModelFloat{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-10px) scale(1.012)}
}
@keyframes hlModelPulse{
  0%,100%{opacity:.65;transform:scale(1)}
  50%{opacity:.95;transform:scale(1.03)}
}
@media (prefers-reduced-motion:reduce){
  .hl-monogram,.home-hero-model-glow,
  .home-hero.is-shown .hl-monogram,
  .home-hero.is-shown .home-hero-model-glow{animation:none}
}
html[data-theme="dark"] .hl-monogram{
  opacity:.98;
  filter:drop-shadow(0 18px 40px rgba(225,29,46,.28)) drop-shadow(0 4px 14px rgba(0,0,0,.35));
}

@media(max-width:860px){
  .home-hero-inner--split{flex-direction:column;align-items:stretch;text-align:left}
  .home-hero-copy{max-width:100%}
  .home-hero-model{min-height:220px;width:100%}
  .hl-monogram{width:min(100%,420px);margin:0 auto}
}
.home-kicker{
  margin:0 0 10px;font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--red);
  text-shadow:0 0 12px rgba(225,29,46,.35),0 0 24px rgba(225,29,46,.14);
}
/* t469: larger two-line hero title (shwlsm-like); 底色 untouched */
.home-hero h1{
  margin:0 0 4px;
  font-size:clamp(32px,5.2vw,56px);
  line-height:1.18;
  letter-spacing:.01em;
  font-weight:800;
  color:var(--text);
  text-wrap:balance;
}
.home-hero h1 em{font-style:normal;color:inherit}
.home-hero h1 .hero-accent{
  color:var(--red);
  font-style:normal;
  text-shadow:0 0 10px rgba(225,29,46,.28),0 0 22px rgba(225,29,46,.12);
}
/* t475: shwlsm-like partner + SINCE block under title */
.home-hero-partner{margin:18px 0 16px;display:flex;flex-direction:column;gap:8px}
.home-partner-line{
  margin:0;font-size:clamp(14px,1.35vw,16px);line-height:1.55;font-weight:500;
  color:#8A8A96;letter-spacing:.04em;
}
html[data-theme="dark"] .home-partner-line{color:rgba(220,220,228,.72)}
.home-since-line{
  margin:0;display:inline-flex;align-items:center;gap:10px;
  font-size:clamp(12px,1.15vw,13.5px);line-height:1.4;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ink);
}
.home-since-dot{
  width:8px;height:8px;border-radius:50%;flex-shrink:0;
  background:var(--red);
  box-shadow:0 0 0 3px rgba(225,29,46,.16),0 0 12px rgba(225,29,46,.35);
}
.home-lead{margin:0;max-width:58ch;font-size:14px;line-height:1.65;color:var(--muted)}

.home-discover{display:flex;flex-direction:column;gap:10px;margin:0 0 14px}
.home-discover-bar{
  display:flex;align-items:center;gap:8px;padding:6px 6px 6px 12px;border-radius:999px;
  border:1px solid rgba(225,29,46,.28);background:rgba(255,255,255,.78);
  box-shadow:0 4px 18px rgba(225,29,46,.08),0 0 0 1px rgba(255,255,255,.5) inset;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
html[data-theme="dark"] .home-discover-bar{background:rgba(255,255,255,.06)}
.home-discover-lab{color:var(--red);font-weight:800;font-size:14px}
.home-discover-input{
  flex:1;min-width:0;border:0;outline:none;background:transparent;
  font-size:13px;font-weight:600;color:var(--ink);padding:8px 4px;
}
.home-discover-input::placeholder{color:var(--faint);font-weight:500}
.home-discover-go{
  appearance:none;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:9px 14px;cursor:pointer;
  background:linear-gradient(160deg,#6b6b75 0%,#3f3f48 55%,#2a2a32 100%);color:#fff;font-size:12px;font-weight:800;white-space:nowrap;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.08) inset,
    0 0 12px rgba(0,0,0,.35),
    0 0 22px rgba(255,255,255,.18),
    0 0 36px rgba(255,255,255,.08),
    0 4px 14px rgba(0,0,0,.28);
  text-shadow:0 0 10px rgba(255,255,255,.25);
}
.home-discover-go:hover{
  filter:brightness(1.08);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.14) inset,
    0 0 16px rgba(0,0,0,.4),
    0 0 28px rgba(255,255,255,.28),
    0 0 44px rgba(255,255,255,.12),
    0 6px 18px rgba(0,0,0,.32);
}
html[data-theme="dark"] .home-discover-go{
  background:linear-gradient(160deg,#7a7a86 0%,#4a4a55 55%,#32323c 100%);
  border-color:rgba(255,255,255,.22);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.1) inset,
    0 0 14px rgba(255,255,255,.16),
    0 0 28px rgba(255,255,255,.08),
    0 4px 16px rgba(0,0,0,.5);
}
.home-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.home-chip{
  display:inline-flex;align-items:center;justify-content:center;
  box-sizing:border-box;height:32px;padding:0 14px;border-radius:999px;
  border:1px solid #E5E7EB;background:#F3F4F6;color:#111827;
  font-size:12px;font-weight:600;line-height:1;letter-spacing:0;text-decoration:none;white-space:nowrap;
}
.home-chip:hover{border-color:rgba(225,29,46,.4);color:var(--red);background:rgba(225,29,46,.06)}
html[data-theme="dark"] .home-chip{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:var(--ink)}

/* t472: entry cards moved to home-modules (图一 bento); hero entries unused */
.home-hero-entries{display:none!important}

/* t472: 图一-style modules section */
.home-modules{
  position:relative;border-radius:28px;padding:clamp(28px,4vh,48px) clamp(20px,3vw,40px);
  border:1px solid rgba(0,0,0,.08);
  background:
    linear-gradient(180deg,rgba(250,250,252,.96),rgba(244,244,246,.92)),
    #f5f5f7;
  box-shadow:0 0 0 1px rgba(255,255,255,.7) inset,0 14px 36px rgba(0,0,0,.06);
}
.home-modules-inner{
  max-width:1180px;margin:0 auto;
  display:grid;grid-template-columns:minmax(240px,0.92fr) minmax(0,1.55fr);
  gap:clamp(22px,3.5vw,48px);align-items:center;
}
.home-modules-intro{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.mod-kicker{
  margin:0;display:inline-flex;align-items:center;gap:8px;
  font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#6b7280;
}
.mod-dot{
  width:8px;height:8px;border-radius:50%;background:var(--red);
  box-shadow:0 0 0 3px rgba(225,29,46,.18);flex:0 0 auto;
}
.home-modules-intro h2{
  margin:0;font-size:clamp(26px,3.4vw,40px);line-height:1.22;font-weight:800;color:var(--text);letter-spacing:.01em;
}
.mod-lead{margin:0;max-width:36ch;font-size:14px;line-height:1.7;color:#6b7280}
.mod-cta{
  margin-top:6px;display:inline-flex;align-items:center;gap:10px;text-decoration:none;
  padding:12px 18px 12px 22px;border-radius:999px;
  background:linear-gradient(135deg,#FF4D5A,#E11D2E 55%,#B01020);color:#fff;
  font-size:13px;font-weight:800;letter-spacing:.04em;
  box-shadow:0 8px 22px rgba(225,29,46,.32);
  transition:transform .15s,box-shadow .15s,filter .15s;
}
.mod-cta:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 12px 28px rgba(225,29,46,.4)}
.mod-cta-ico{
  display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;
  background:rgba(255,255,255,.22);font-size:14px;line-height:1;
}
.home-modules-bento{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  grid-template-rows:minmax(168px,1fr) minmax(132px,0.85fr);
  gap:12px;min-height:320px;
}
.mod-tile{
  position:relative;overflow:hidden;border-radius:18px;text-decoration:none;color:#fff;
  display:flex;align-items:flex-end;
  background:
    linear-gradient(180deg,rgba(20,20,24,.05),rgba(20,20,24,.55) 55%,rgba(10,10,12,.82)),
    var(--mod-img) center/cover no-repeat;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 10px 28px rgba(0,0,0,.12);
  min-height:120px;
  grid-column:span 2;
  transition:transform .2s ease,box-shadow .2s ease;
}
.mod-tile--lg{grid-column:span 3;min-height:168px}
.mod-tile:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(225,29,46,.22),0 10px 24px rgba(0,0,0,.16)}
.mod-tile-shade{
  position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.55) 78%,rgba(0,0,0,.78));
  pointer-events:none;
}
.mod-tile-body{
  position:relative;z-index:1;padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;width:100%;
}
.mod-tile-title{
  font-size:16px;font-weight:800;letter-spacing:.02em;line-height:1.25;
  text-shadow:0 1px 8px rgba(0,0,0,.45);
}
.mod-tile-desc{
  font-size:12px;line-height:1.45;color:rgba(255,255,255,.86);font-weight:500;
  text-shadow:0 1px 6px rgba(0,0,0,.4);
}
@media(max-width:960px){
  .home-modules-inner{grid-template-columns:1fr;gap:22px}
  .home-modules-intro{max-width:560px}
  .home-modules-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;min-height:0}
  .mod-tile--lg{grid-column:span 1;min-height:160px}
  .mod-tile{min-height:140px}
}
@media(max-width:560px){
  .home-modules{padding:22px 14px;border-radius:22px}
  .home-modules-bento{grid-template-columns:1fr;gap:10px}
  .mod-tile,.mod-tile--lg{min-height:128px}
  .home-modules-intro h2{font-size:26px}
}
html[data-theme="dark"] .home-modules{
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02)),rgba(18,18,22,.92);
  border-color:rgba(255,255,255,.1);
}
html[data-theme="dark"] .mod-lead,html[data-theme="dark"] .mod-kicker{color:var(--muted)}
html[data-theme="dark"] .home-modules-intro h2{color:var(--ink)}

.home-ctas{display:flex;flex-wrap:wrap;gap:8px}
.home-cta{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:9px 14px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.03em;text-decoration:none;
}
.home-cta.primary{background:linear-gradient(135deg,#FF4D5A,#E11D2E 55%,#B01020);color:#fff;border:1px solid transparent;box-shadow:0 4px 14px rgba(225,29,46,.3)}
.home-cta.ghost{background:rgba(225,29,46,.08);color:var(--red);border:1px solid rgba(225,29,46,.35)}
.home-cta.ghost:hover{background:rgba(225,29,46,.14)}

.home-promo{display:none!important} /* t341: Amazon promo strip removed; order info is modal */

.home-section{
  border:1px solid rgba(225,29,46,.12);border-radius:18px;padding:16px 14px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.45)),
    var(--card);
  box-shadow:0 0 0 1px rgba(255,255,255,.5) inset,0 8px 24px rgba(225,29,46,.05),0 2px 10px rgba(0,0,0,.03);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
html[data-theme="dark"] .home-section{
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02)),rgba(12,12,12,.72);
  border-color:rgba(225,29,46,.2);
  box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 10px 28px rgba(0,0,0,.3);
}
.home-section-head{margin:0 0 12px}
.home-section-head h2{margin:0 0 4px;font-size:18px;line-height:1.3;font-weight:800;letter-spacing:.02em}
.home-section-head p{margin:0;font-size:12px;line-height:1.5;color:var(--muted)}
.home-section-link{display:inline-block;margin-top:6px;font-size:12px;font-weight:800;color:var(--red);text-decoration:none}

.home-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
@media(max-width:1100px){.home-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.home-grid{grid-template-columns:1fr}}
.home-card{
  display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:14px;text-decoration:none;color:inherit;
  border:1px solid rgba(225,29,46,.12);background:linear-gradient(180deg,rgba(255,255,255,.78),var(--card));
  box-shadow:0 0 0 1px rgba(255,255,255,.45) inset,0 2px 8px rgba(0,0,0,.03);
  transition:transform .15s,border-color .15s,box-shadow .15s;
}
.home-card:hover{
  transform:translateY(-2px);border-color:rgba(225,29,46,.45);
  box-shadow:0 0 0 1px rgba(255,255,255,.55) inset,0 10px 28px rgba(225,29,46,.16),0 0 32px rgba(225,29,46,.1);
}
.home-card .ico{font-size:18px;line-height:1}
.home-card h3{margin:0;font-size:14px;font-weight:800}
.home-card p{margin:0;font-size:12px;line-height:1.5;color:var(--muted)}
.home-card .go{margin-top:auto;font-size:12px;font-weight:800;color:var(--red)}

.home-creator-grid{
  display:flex;flex-wrap:nowrap;gap:10px;
  overflow-x:auto;overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
  padding:2px 2px 10px;
  margin:0 -2px;
  scrollbar-width:none; /* auto-marquee: hide scrollbar chrome */
  cursor:grab;
}
.home-creator-grid.is-paused{cursor:grabbing}
.home-creator-grid::-webkit-scrollbar{display:none;height:0}
.home-creator{
  flex:0 0 148px;width:148px;max-width:148px;
  display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:14px;text-decoration:none;color:inherit;
  border:1px solid var(--line);background:var(--raised);transition:border-color .15s,box-shadow .15s,transform .15s;
}
@media(max-width:560px){
  .home-creator{flex-basis:132px;width:132px;max-width:132px}
}
.home-creator:hover{border-color:rgba(225,29,46,.45);box-shadow:0 10px 26px rgba(225,29,46,.14),0 0 28px rgba(225,29,46,.08);transform:translateY(-2px)}
.home-creator-av{position:relative;width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:14px;overflow:hidden;background:linear-gradient(165deg,var(--raised),rgba(225,29,46,.06))}
.home-creator-av .av{width:86%;height:86%;border-radius:50%;object-fit:cover;object-position:center 18%;display:block;background:var(--hero-fallback);border:3px solid #fff;box-shadow:0 0 0 2px rgba(225,29,46,.22),0 8px 18px rgba(0,0,0,.12)}
.home-creator-av .av-fallback{width:86%;height:86%;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,#E11D2E,#7a0f18);font-size:28px;border:3px solid #fff;box-shadow:0 0 0 2px rgba(225,29,46,.22),0 8px 18px rgba(0,0,0,.12)}
.home-creator-av .tier{position:absolute;top:8px;left:8px;right:auto;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.94);border:1px solid var(--line);font-size:11px;line-height:1.2;color:var(--muted);font-weight:800;box-shadow:0 2px 8px rgba(0,0,0,.08);z-index:2}
.home-creator-av .tier.is-top{color:#fff;background:linear-gradient(135deg,#C9B6F5 0%,#A78BFA 42%,#7C5CDB 100%);border-color:transparent;box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 2px 8px rgba(124,92,219,.25)}
.home-creator-av .tier.is-self{color:#fff;background:linear-gradient(135deg,#FF9AA3 0%,#FF6B76 42%,#E11D2E 100%);border-color:transparent;box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 2px 8px rgba(225,29,46,.25)}
.home-creator-av .tier.is-vip{color:#fff;background:#7C3AED;border-color:#7C3AED}
.home-creator-av .tier.is-social{left:8px;right:auto}
.home-creator-name{font-size:12px;font-weight:800;line-height:1.3}
.home-creator-meta{font-size:11px;color:var(--muted);line-height:1.4;font-weight:600}

/* Homepage creator preview — videos only; tiles ~2× prior size (t236) */
.home-creator-grid--videos{gap:14px;padding:4px 2px 14px}
.home-creator.is-video{
  appearance:none;background:var(--card);cursor:pointer;text-align:left;
  font:inherit;color:inherit;padding:12px;border-radius:18px;
  flex-basis:392px;width:392px;max-width:392px;
}
@media(max-width:900px){
  .home-creator.is-video{flex-basis:336px;width:336px;max-width:336px}
}
@media(max-width:560px){
  .home-creator.is-video{flex-basis:300px;width:300px;max-width:300px}
}
.home-creator.is-video .home-creator-vid{
  aspect-ratio:16/9;border-radius:14px;background:#0a0a0c;
}
.home-creator.is-video .home-creator-thumb{
  width:100%;height:100%;object-fit:cover;display:block;
  border:0;border-radius:14px;box-shadow:none;
}
.home-creator.is-video .home-creator-play{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:64px;height:64px;border-radius:50%;
  display:grid;place-items:center;
  background:rgba(0,0,0,.55);color:#fff;font-size:22px;
  box-shadow:0 6px 18px rgba(0,0,0,.35);
  pointer-events:none;
  transition:transform .15s,background .15s;
}
.home-creator.is-video:hover .home-creator-play{
  background:rgba(225,29,46,.92);transform:translate(-50%,-50%) scale(1.06);
}
.home-creator.is-video .home-creator-body{padding:10px 4px 2px}
.home-creator.is-video .home-creator-name{font-size:15px}
.home-creator.is-video .home-creator-meta{font-size:13px}

.home-teaser-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}

.home-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;counter-reset:hs}
@media(max-width:900px){.home-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.home-steps{grid-template-columns:1fr}}
.home-steps li{
  counter-increment:hs;position:relative;padding:12px 12px 12px 14px;border-radius:14px;
  border:1px solid rgba(225,29,46,.12);background:linear-gradient(180deg,rgba(255,255,255,.65),var(--raised));
  display:flex;flex-direction:column;gap:4px;
  box-shadow:0 0 0 1px rgba(255,255,255,.35) inset;
}
.home-steps li::before{
  content:counter(hs);width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:800;color:#fff;background:var(--red);margin-bottom:4px;
}
.home-steps b{font-size:13px;font-weight:800}
.home-steps span{font-size:12px;color:var(--muted);line-height:1.5}

.home-trust{display:grid;grid-template-columns:1fr;gap:10px}
.home-trust-item{
  padding:12px;border-radius:14px;border:1px solid rgba(225,29,46,.16);
  background:linear-gradient(180deg,rgba(225,29,46,.07),rgba(255,255,255,.4));
  box-shadow:0 0 0 1px rgba(255,255,255,.4) inset,0 4px 14px rgba(225,29,46,.05);
}
.home-trust-item h3{margin:0 0 4px;font-size:13px;font-weight:800}
.home-trust-item p{margin:0;font-size:12px;line-height:1.5;color:var(--muted)}

.home-final-cta{
  display:flex;flex-direction:column;gap:10px;padding:18px 16px;border-radius:18px;
  border:1px solid rgba(225,29,46,.25);
  background:
    radial-gradient(ellipse 60% 80% at 100% 0%,rgba(225,29,46,.18),transparent 55%),
    linear-gradient(180deg,rgba(255,255,255,.7),var(--card));
  box-shadow:0 0 0 1px rgba(255,255,255,.5) inset,0 10px 28px rgba(225,29,46,.08);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.home-final-cta h2{margin:0;font-size:18px;font-weight:800}
.home-final-cta>div>p{margin:4px 0 0;font-size:12px;color:var(--muted)}
.home-note{font-size:12px;color:var(--faint);line-height:1.5;margin:0}
.home-pills{display:flex;flex-wrap:wrap;gap:8px}
.home-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;color:var(--ink);background:var(--raised);border:1px solid var(--line)}
.home-pill b{color:var(--red);margin-right:4px}

html[data-page="home"] .user-sidebar{display:none}
html[data-page="home"] .app-shell{display:block}
html[data-page="home"] .app-main{width:100%}
html[data-page="home"] .tz-bar{display:none!important}
html[data-page="home"] .app{max-width:none;padding:12px 16px 48px}
html[data-page="home"] .home-page{padding:0 0 40px;gap:18px}
html[data-page="home"] .home-page::before{inset:-24px -2% auto -2%;height:min(70vh,640px)}
@media(max-width:720px){
  .app{padding:10px 10px 40px}
  html[data-page="home"] .app{padding:10px 10px 40px}
  .home-hero{min-height:calc(100vh - 120px);border-radius:22px;padding:22px 16px 20px;align-items:stretch}
}

/* t204: hide 黑底 toggle for now */
.theme-toggle{display:none!important}

/* WeChat login / register modal */
.login-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px}
.login-modal[hidden]{display:none!important}
.login-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.login-sheet{
  position:relative;z-index:1;width:min(400px,100%);
  padding:28px 24px 22px;border-radius:20px;text-align:center;
  border:1px solid rgba(225,29,46,.28);
  background:
    radial-gradient(ellipse 80% 50% at 50% 0%,rgba(225,29,46,.16),transparent 55%),
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),
    var(--card);
  box-shadow:0 20px 60px rgba(0,0,0,.35),0 0 40px rgba(225,29,46,.12);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
html[data-theme="dark"] .login-sheet{background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(225,29,46,.22),transparent 55%),#0C0C0C}
.login-close{
  position:absolute;top:12px;right:14px;border:none;background:transparent;color:var(--muted);
  font-size:24px;line-height:1;cursor:pointer;padding:4px 8px;border-radius:8px;
}
.login-close:hover{color:var(--ink);background:rgba(0,0,0,.06)}
.login-kicker{margin:0 0 8px;font-size:11px;font-weight:800;letter-spacing:.22em;color:var(--red)}
.login-title{margin:0 0 8px;font-size:22px;line-height:1.25;font-weight:800;letter-spacing:.04em}
.login-lead{margin:0 0 18px;font-size:13px;line-height:1.55;color:var(--muted)}
.login-qr-box{
  margin:0 auto 14px;width:200px;height:200px;border-radius:16px;
  border:1.5px dashed rgba(225,29,46,.4);background:rgba(225,29,46,.04);
  display:grid;place-items:center;
}
.login-qr-ph{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--faint);font-size:13px;font-weight:700}
.login-qr-ico{font-size:36px;line-height:1;color:rgba(225,29,46,.45)}
.login-hint{margin:0 0 16px;font-size:12px;line-height:1.5;color:var(--muted)}
.login-hint b{color:var(--red)}
.login-done{
  appearance:none;cursor:pointer;font:inherit;border:1px solid rgba(225,29,46,.35);
  background:linear-gradient(180deg,rgba(225,29,46,.14),rgba(225,29,46,.05));
  color:var(--red);font-size:13px;font-weight:800;padding:10px 18px;border-radius:999px;
}
.login-done:hover{box-shadow:0 0 16px rgba(225,29,46,.2)}


/* Switch: longer Amazon / Social labels — t478 shrink ~2 sizes; t480 mid ~20% left, no 首页 */
.switch-btn{padding:6px 10px;font-size:14px;letter-spacing:.02em}
@media(max-width:1100px){
  .switch-btn{padding:5px 8px;font-size:12px}
}
@media(max-width:720px){
  .switch-btn{padding:5px 7px;font-size:11px}
}

/* Social KOL catalog */
.tier.is-social,.badge.is-social{background:#0EA5E9;color:#fff;border-color:#0EA5E9}
html[data-theme="dark"] .tier.is-social,html[data-theme="dark"] .badge.is-social{background:#0284C7;border-color:#0284C7}
.social-intro{margin:4px 0 14px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--raised,var(--card))}
.social-intro h2{margin:0 0 6px;font-size:18px;line-height:1.3}
.social-intro p{margin:0;font-size:13px;line-height:1.55;color:var(--muted)}
/* Social channel — one card per platform, side-by-side on detail */
.social-channel-stack{
  display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:10px;
  width:fit-content;max-width:100%;
  padding:0;background:transparent;border:none;box-shadow:none;
  backdrop-filter:none;-webkit-backdrop-filter:none;
}
.social-channel-stack.is-rail{gap:10px}
.social-channel-stack.is-multi{gap:10px}
.social-ch-card{
  display:flex;flex-direction:column;gap:10px;
  width:fit-content;max-width:100%;min-width:0;
  padding:10px 12px 12px;
  border-radius:18px;
  background:
    radial-gradient(120% 90% at 0% 0%, rgba(253,186,201,.28), transparent 55%),
    radial-gradient(100% 80% at 100% 100%, rgba(167,139,250,.18), transparent 50%),
    linear-gradient(165deg, rgba(255,255,255,.78), rgba(255,255,255,.42));
  border:1px solid rgba(255,255,255,.55);
  box-shadow:
    0 10px 28px rgba(15,23,42,.06),
    0 1px 0 rgba(255,255,255,.7) inset;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.social-ch-head{
  display:inline-flex;align-items:center;gap:8px;
  padding:2px 2px 0;
}
.social-ch-head .channel-badge{
  padding:0;border:none;border-radius:0;background:transparent;box-shadow:none;
  font-size:13px;font-weight:800;color:var(--ink);gap:6px;letter-spacing:.01em;
}
.social-ch-head .channel-badge.is-instagram,
.social-ch-head .channel-badge.is-tiktok,
.social-ch-head .channel-badge.is-youtube,
.social-ch-head .channel-badge.is-facebook,
.social-ch-head .channel-badge.is-amazon{border:none;background:transparent;box-shadow:none}
.social-ch-head .channel-badge-fans{display:none!important}
.social-ch-tiles{
  display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;
}
.social-ch-tile{
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  gap:2px;min-width:72px;padding:8px 12px 9px;
  border-radius:14px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.65);
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.social-ch-num{
  font-size:16px;line-height:1.15;font-weight:850;color:var(--ink);
  font-variant-numeric:tabular-nums;letter-spacing:.01em;
}
.social-ch-cap{
  font-size:11px;line-height:1.2;font-weight:700;letter-spacing:.04em;color:var(--muted);
}
/* legacy vertical rows (catalog may still use class names) */
.social-ch-plat{
  display:flex;align-items:center;gap:8px;padding:0;
}
.social-ch-plat .channel-badge{
  padding:0;border:none;border-radius:0;background:transparent;box-shadow:none;
  font-size:14px;font-weight:800;color:var(--ink);gap:6px;
}
.social-ch-plat .channel-badge.is-instagram,
.social-ch-plat .channel-badge.is-tiktok,
.social-ch-plat .channel-badge.is-youtube,
.social-ch-plat .channel-badge.is-facebook,
.social-ch-plat .channel-badge.is-amazon{border:none;background:transparent;box-shadow:none}
.social-ch-plat .channel-badge-fans{display:none!important}
.social-ch-fans-only{font-size:14px;font-weight:800;color:var(--ink)}
.social-ch-metric{display:none}
.social-ch-lab{font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--muted)}
.social-ch-val{font-size:14px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
html[data-theme="dark"] .social-channel-stack{
  background:transparent;border:none;box-shadow:none;
}
html[data-theme="dark"] .social-ch-card{
  background:
    radial-gradient(120% 90% at 0% 0%, rgba(221,42,123,.22), transparent 55%),
    radial-gradient(100% 80% at 100% 100%, rgba(139,92,246,.16), transparent 50%),
    linear-gradient(165deg, rgba(255,255,255,.1), rgba(255,255,255,.04));
  border-color:rgba(255,255,255,.12);
  box-shadow:0 10px 28px rgba(0,0,0,.28), 0 1px 0 rgba(255,255,255,.06) inset;
}
html[data-theme="dark"] .social-ch-head .channel-badge{color:#F5F5F5}
html[data-theme="dark"] .social-ch-tile{
  background:rgba(0,0,0,.28);
  border-color:rgba(255,255,255,.1);
  box-shadow:none;
}
html[data-theme="dark"] .social-ch-num{color:#F5F5F5}
html[data-theme="dark"] .social-ch-cap{color:var(--faint)}
html[data-theme="dark"] .social-ch-plat .channel-badge{color:#F5F5F5}
/* lead card padding tweak when hosting channel rail */
.prop.is-lead .social-channel-stack{margin:0}
.prop.is-lead:has(.social-channel-stack){
  display:inline-flex;width:fit-content;max-width:100%;
  padding:0;background:transparent;border:none;box-shadow:none;align-items:stretch;flex-direction:column;gap:8px;
}
.prop.is-lead .v{width:auto;max-width:100%;}
.prop.is-lead:has(.social-channel-stack) .v{width:fit-content;max-width:100%;}
.prop.is-lead:has(.social-channel-stack) .k{min-width:0;margin:0 0 0 4px}
@media (max-width:560px){
  .social-channel-stack{width:100%}
  .social-ch-card{width:100%}
}

/* Social cards: pin quote+会员价 above thumbs so prices align across uneven content heights */
.social-card .quote{margin-top:auto;}
.social-card .thumbs{margin-top:0;}
.social-card .meta-sub{
  min-height:30px; /* up to 2 lines */
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  overflow:hidden;white-space:normal;text-overflow:ellipsis;line-height:15px;
}
.social-card .meta-line-channels{min-height:24px;align-content:center;justify-content:center;text-align:center;}
.social-card .social-metrics.is-vert{min-height:90px;} /* 3 metric rows */

/* Social catalog cards — vertical metrics */
.social-metrics{display:flex;flex-wrap:wrap;gap:6px 10px;margin:6px 0 2px;font-size:12px;color:var(--muted);font-weight:600;min-height:24px;width:100%;justify-content:center;align-items:center}
.social-metrics span{padding:2px 8px;border-radius:999px;border:1px solid var(--line);background:var(--card)}
.social-metrics.is-vert{
  display:inline-flex;flex-direction:column;flex-wrap:nowrap;gap:0;
  margin:8px 0 4px;padding:0;min-height:0;width:fit-content;max-width:100%;
  justify-content:stretch;align-items:stretch;
  border-radius:12px;overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.4));
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 1px 0 rgba(255,255,255,.6) inset;
}
.social-mrow{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:7px 10px;min-height:30px;
  border-top:1px solid rgba(0,0,0,.045);
}
.social-mrow:first-child{border-top:none}
.social-mlab{font-size:11px;font-weight:700;letter-spacing:.03em;color:var(--muted)}
.social-mval{font-size:12px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
html[data-theme="dark"] .social-metrics.is-vert{
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
  border-color:rgba(255,255,255,.1);
  box-shadow:none;
}
html[data-theme="dark"] .social-mrow{border-top-color:rgba(255,255,255,.06)}
html[data-theme="dark"] .social-mlab{color:var(--faint)}
html[data-theme="dark"] .social-mval{color:#F5F5F5}
.social-link-hint{margin-top:6px;font-size:11px;color:var(--faint)}
.social-card .meta-line{font-weight:600}
.social-card .social-metrics.is-vert{text-align:left}
/* Home payment / invoice trust strip (inside unified shell) */
.home-pay-after{
  display:flex;flex-direction:column;gap:18px;
  margin:0;align-items:stretch;
}
.home-pay-after > .home-pay,
.home-pay-after > .home-after{margin:0}
.home-pay{margin:0}
.home-pay-inner{
  border:none;border-radius:0;padding:0;
  background:transparent;box-shadow:none;
  backdrop-filter:none;-webkit-backdrop-filter:none;
}
html[data-theme="dark"] .home-pay-inner{
  background:transparent;box-shadow:none;
}
.home-pay h2{margin:0 0 10px;font-size:18px;line-height:1.3;font-weight:800;letter-spacing:.02em}
.home-pay-kicker{
  display:block;font-size:12px;font-weight:700;letter-spacing:.14em;
  color:var(--red);margin:0 0 10px;
  text-shadow:0 0 12px rgba(225,29,46,.35),0 0 22px rgba(225,29,46,.14);
  line-height:1.5;
}
.home-pay-list{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:1fr;gap:8px;
}
.home-pay-list li{
  font-size:13px;line-height:1.45;color:var(--muted);
  padding:8px 10px;border-radius:12px;border:1px solid var(--line);
  background:var(--card);
}
.home-pay-list b{color:var(--ink);font-weight:750}


/* t482/t483: hide 客服 FAB on homepage only; other sections keep it */
html[data-page="home"] .support-pup,
html[data-page="home"] .support-pup--fab,
html[data-page="home"] #xiaoh-chat{display:none!important}

/* t474: hide login + member on homepage only */
html[data-page="home"] .nav-login,
html[data-page="home"] .nav-member{display:none!important}

/* t590 override: deeper muted-gray text for 登录 / 会员方案 (beats earlier pill rules) */
.nav-login,.nav-member{
  display:inline-flex !important;align-items:center;justify-content:center;gap:4px;
  padding:0 !important;margin:0;border:none !important;border-radius:0 !important;
  background:transparent !important;box-shadow:none !important;text-shadow:none !important;
  color:#666 !important;font-size:12px !important;line-height:1.3 !important;font-weight:500 !important;
  letter-spacing:.02em;cursor:pointer;text-decoration:none;white-space:nowrap;filter:none;
}
.nav-login::before{content:none !important;display:none !important}
.nav-login:hover,.nav-member:hover{
  color:#444 !important;background:transparent !important;box-shadow:none !important;
  border:none !important;filter:none;text-shadow:none !important;
}
.nav-member.is-active{
  color:#444 !important;background:transparent !important;border:none !important;
  box-shadow:none !important;text-shadow:none !important;
}
html[data-theme="dark"] .nav-login,
html[data-theme="dark"] .nav-member{
  color:#ccc !important;background:transparent !important;border:none !important;
  box-shadow:none !important;text-shadow:none !important;
}
html[data-theme="dark"] .nav-login:hover,
html[data-theme="dark"] .nav-member:hover,
html[data-theme="dark"] .nav-member.is-active{
  color:#ddd !important;background:transparent !important;border:none !important;
  box-shadow:none !important;
}

.login-qr-box img{display:block;max-width:100%;height:auto}
.login-qr-box.has-qr{border-style:solid;background:#fff;padding:8px}
html[data-theme="dark"] .login-qr-box.has-qr{background:#fff}

/* Deal (#/deal) member price chips — reuse KOL member glow tokens */
/* t331: stack 会员价 below list price; list price → black gradient */
#deal-root .deal-price{
  display:inline-flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:flex-start;
  gap:4px;
  flex-wrap:nowrap;
}
#deal-root .deal-price .list-amt{font-weight:700;color:inherit}
#deal-root .deal-price .quote-member{
  display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;position:relative;
  padding:2px 7px 2px 5px;border-radius:999px;
  background:linear-gradient(135deg,rgba(26,26,31,.14) 0%,rgba(10,10,12,.10) 45%,rgba(0,0,0,.06) 100%);
  border:1px solid rgba(212,175,55,.32);
  box-shadow:0 0 0 1px rgba(245,215,110,.22) inset,0 3px 10px rgba(0,0,0,.10),0 0 14px rgba(212,175,55,.28);
}
#deal-root .deal-price .quote-member .member-glow{position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 80% at 20% 0%,rgba(245,215,110,.45),transparent 55%);opacity:.9}
#deal-root .pkg .deal-price{
  align-items:flex-start !important;
  justify-content:flex-start !important;
}
#deal-root .pkg .deal-price .list-amt{font-size:16px;color:#000;text-align:left;align-self:flex-start}
#deal-root .ch-price .deal-price .list-amt,
#deal-root .card .price.from .deal-price .list-amt{
  font-size:13px;
  line-height:18px;
  font-weight:800;
  background:linear-gradient(135deg,#6b6b75 0%,#4a4a55 42%,#2a2a32 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 8px rgba(74,74,85,.35)) drop-shadow(0 1px 0 rgba(255,255,255,.35));
}
html[data-theme="dark"] #deal-root .ch-price .deal-price .list-amt,
html[data-theme="dark"] #deal-root .card .price.from .deal-price .list-amt{
  background:linear-gradient(135deg,#D8D8DE 0%,#A8A8B0 45%,#8A8A95 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 10px rgba(160,160,175,.4));
}
#deal-root .ops .fee .deal-price{justify-content:flex-end}
#deal-root .table .deal-price{justify-content:flex-end}
#deal-root .table .deal-price .list-amt{font-size:13px;color:#111}
#deal-root .deal-member-banner{margin:4px 0 10px}
html[data-theme="dark"] #deal-root .deal-price .quote-member{
  background:linear-gradient(135deg,rgba(26,26,31,.45) 0%,rgba(10,10,12,.35) 40%,rgba(0,0,0,.28) 100%);
  border-color:rgba(212,175,55,.40);
}


/* t239: 如何合作+付款开票+售后保障 = ONE unified hero-smoke shell */
.home-trust-shell{
  position:relative;overflow:hidden;isolation:isolate;
  margin:14px 0 18px;
  padding:18px 16px 16px;
  border-radius:28px;
  border:1px solid rgba(0,0,0,.10);
  color:var(--ink);
  background:
    linear-gradient(135deg,rgba(245,245,247,.92) 0%,rgba(255,255,255,.88) 48%,rgba(232,232,236,.9) 100%),
    rgba(255,255,255,.72);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.75) inset,
    0 18px 48px rgba(0,0,0,.08),
    0 8px 24px rgba(0,0,0,.04);
  backdrop-filter:blur(14px) saturate(1.08);-webkit-backdrop-filter:blur(14px) saturate(1.08);
}
.home-trust-shell-bloom{
  pointer-events:none;position:absolute;inset:-30%;z-index:0;
  background:
    radial-gradient(circle at 50% 0%,rgba(107,107,117,.22),transparent 52%),
    radial-gradient(circle at 78% 18%,rgba(90,90,99,.12),transparent 46%),
    radial-gradient(circle at 14% 78%,rgba(74,74,85,.08),transparent 42%),
    radial-gradient(circle at 48% 48%,rgba(255,255,255,.35),transparent 50%);
  filter:blur(28px);opacity:.9;
}
.home-trust-shell-inner{
  position:relative;z-index:1;
  display:flex;flex-direction:column;gap:0; /* t247: only pay-after remains inside */
  padding:14px 14px 12px;
}
.home-trust-shell .home-coop,
.home-trust-shell .home-after,
.home-trust-shell .home-pay{
  margin:0;padding:0;border:none;background:transparent;box-shadow:none;
  backdrop-filter:none;-webkit-backdrop-filter:none;
}
.home-trust-shell .home-coop .home-section-head h2{color:var(--ink)}
/* t252: after/pay titles use hero red — see .home-trust-head h2 */
.home-trust-shell .home-coop .home-section-head p,
.home-trust-shell .home-after .home-section-head p{color:var(--muted)}

/* soft glass inner pills on shared shell */
.home-trust-shell .home-steps li{
  border:none;
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.52));
  box-shadow:0 6px 16px rgba(0,0,0,.06);
  color:var(--ink);
}
.home-trust-shell .home-steps b{color:var(--ink)}
.home-trust-shell .home-steps span{color:var(--muted)}

.home-trust-shell .home-pay-kicker{
  color:var(--red);
  text-shadow:0 0 12px rgba(225,29,46,.35),0 0 22px rgba(225,29,46,.14);
}
.home-trust-shell .home-pay-list li{
  color:var(--muted);
  border:none;
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.52));
  box-shadow:none;
}
.home-trust-shell .home-pay-list b{color:var(--ink)}

.home-trust-shell .home-trust-item{
  border:none;
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.52));
  box-shadow:0 6px 16px rgba(0,0,0,.06);
}
.home-trust-shell .home-trust-item h3{color:var(--ink)}
.home-trust-shell .home-trust-item p{color:var(--muted)}

html[data-theme="dark"] .home-trust-shell{
  border-color:rgba(255,255,255,.10);
  background:
    linear-gradient(135deg,rgba(74,74,85,.55) 0%,rgba(52,52,62,.42) 55%,rgba(42,42,50,.48) 100%),
    rgba(18,18,22,.55);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06) inset,
    0 18px 48px rgba(0,0,0,.28),
    0 0 40px rgba(0,0,0,.12);
}
html[data-theme="dark"] .home-trust-shell-bloom{
  background:
    radial-gradient(circle at 50% 0%,rgba(140,140,150,.18),transparent 50%),
    radial-gradient(circle at 72% 16%,rgba(255,255,255,.08),transparent 42%),
    radial-gradient(circle at 18% 78%,rgba(42,42,50,.22),transparent 42%),
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.04),transparent 48%);
}
html[data-theme="dark"] .home-trust-shell .home-steps li,
html[data-theme="dark"] .home-trust-shell .home-pay-list li,
html[data-theme="dark"] .home-trust-shell .home-trust-item{
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
  box-shadow:0 8px 20px rgba(0,0,0,.22);
}

/* t254: shrink trust block; dark headings, muted body, one subtle red accent */
.home-trust-shell .home-trust-head{
  text-align:center;
  margin:0 0 12px;
  display:flex;flex-direction:column;align-items:center;gap:4px;
}
.home-trust-shell .home-trust-head h2{
  margin:0;
  font-size:clamp(18px,2.2vw,22px);
  line-height:1.3;
  font-weight:800;
  letter-spacing:.02em;
  color:var(--ink);
  background:none;-webkit-background-clip:unset;background-clip:unset;
  -webkit-text-fill-color:unset;
  text-shadow:none;
}
.home-trust-shell .home-trust-head h2 .trust-accent{
  position:relative;display:inline;
  color:var(--red);
  text-shadow:none;
}
.home-trust-shell .home-trust-head h2 .trust-accent::after{
  content:"";position:absolute;left:10%;right:10%;bottom:-1px;height:3px;border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(225,29,46,.22) 30%,rgba(225,29,46,.32) 50%,rgba(225,29,46,.22) 70%,transparent);
  filter:blur(1px);pointer-events:none;z-index:-1;
}
.home-trust-shell .home-trust-head p{
  margin:0;
  font-size:12px;
  line-height:1.55;
  font-weight:500;
  letter-spacing:.01em;
  color:var(--muted);
  max-width:58ch;
}
.home-trust-shell .home-trust-head p .trust-accent{
  color:inherit;font-weight:inherit;text-shadow:none;
}
.home-trust-shell .home-trust-head p .trust-accent::after{display:none}

.home-trust-shell .home-trust-item h3,
.home-trust-shell .home-pay-list b{
  background:none;-webkit-background-clip:unset;background-clip:unset;
  -webkit-text-fill-color:unset;
  color:var(--ink);
  text-shadow:none;
}

/* t247/t250: vertical stack 售后 above 付款 */
.home-pay-after > .home-pay,
.home-pay-after > .home-after{
  display:flex;flex-direction:column;align-items:stretch;width:100%;
}
.home-pay-after > .home-pay .home-pay-inner{
  box-sizing:border-box;
  display:flex;flex-direction:column;align-items:stretch;width:100%;
}

/* 售后：三项横排 */
.home-pay-after > .home-after .home-trust,
.home-trust-shell .home-trust{
  width:100%;
  max-width:100%;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  justify-items:stretch;
}
.home-trust-shell .home-trust-item{
  width:auto;max-width:none;justify-self:stretch;
  box-sizing:border-box;
  text-align:center;
  padding:10px 10px 9px;
  border-radius:12px;
  display:flex;flex-direction:column;align-items:center;gap:4px;
}
.home-trust-shell .home-trust-item h3{
  margin:0;
  font-size:13px;
  line-height:1.3;
  font-weight:800;
  letter-spacing:.01em;
}
.home-trust-shell .home-trust-item p{
  margin:0;
  font-size:11.5px;
  line-height:1.5;
  color:var(--muted);
  font-weight:500;
  max-width:26ch;
}

/* 付款：2×2 */
.home-pay-after .home-pay-list,
.home-trust-shell .home-pay-list{
  width:100%;
  max-width:100%;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  justify-items:stretch;
  list-style:none;margin:0;padding:0;
}
.home-trust-shell .home-pay-list li{
  width:auto;max-width:none;justify-self:stretch;
  box-sizing:border-box;
  text-align:center;
  padding:10px 10px 9px;
  border-radius:12px;
  display:flex;flex-direction:column;align-items:center;gap:4px;
  font-size:inherit;line-height:inherit;
}
.home-trust-shell .home-pay-list b{
  display:block;
  margin:0;
  font-size:13px;
  line-height:1.3;
  font-weight:800;
  letter-spacing:.01em;
}
.home-trust-shell .home-pay-list span{
  display:block;
  margin:0;
  font-size:11.5px;
  line-height:1.5;
  color:var(--muted);
  font-weight:500;
}

@media(max-width:720px){
  .home-pay-after > .home-after .home-trust,
  .home-trust-shell .home-trust{
    grid-template-columns:1fr;
  }
  .home-pay-after .home-pay-list,
  .home-trust-shell .home-pay-list{
    grid-template-columns:1fr;
  }
  .home-trust-shell .home-trust-item p,
  .home-trust-shell .home-pay-list span{max-width:none}
}


/* t253/t255/t256/t257/t259/t479: 合作伙伴 — continuous horizontal marquee */
.home-partners{margin:8px 0 28px}
.home-partners-head{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0 0 14px}
.home-partners-head h2{margin:0;font-size:18px;line-height:1.3;font-weight:800;letter-spacing:.02em;color:var(--ink)}
.home-partners-head p{margin:0;font-size:12px;line-height:1.5;color:var(--muted);font-weight:600}
.home-partners-marquee{
  position:relative;overflow:hidden;
  border-radius:18px;
  padding:16px 0;
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(248,248,250,.55));
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 8px 24px rgba(0,0,0,.04);
  /* edge fade so logos ease in/out */
  -webkit-mask-image:linear-gradient(90deg,transparent 0, #000 4%, #000 96%, transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0, #000 4%, #000 96%, transparent 100%);
}
html[data-theme="dark"] .home-partners-marquee{
  background:linear-gradient(180deg,rgba(74,74,85,.28),rgba(42,42,50,.22));
  border-color:rgba(255,255,255,.08);
  box-shadow:0 8px 24px rgba(0,0,0,.25);
}
.home-partners-track{
  list-style:none;margin:0;padding:0;
  display:flex;flex-wrap:nowrap;align-items:center;gap:14px;
  width:max-content;
  animation:home-partners-scroll 48s linear infinite;
  will-change:transform;
}
.home-partners-marquee:hover .home-partners-track,
.home-partners-marquee:focus-within .home-partners-track{
  animation-play-state:paused;
}
@keyframes home-partners-scroll{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
.home-partner{
  flex:0 0 auto;
  display:flex;align-items:center;justify-content:center;
  min-width:120px;height:64px;padding:10px 18px;border-radius:14px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(0,0,0,.05);
  box-shadow:0 2px 8px rgba(0,0,0,.03);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
html[data-theme="dark"] .home-partner{
  background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.1);
}
.home-partner img{
  display:block;height:40px;width:auto;max-width:130px;object-fit:contain;
  filter:none;opacity:.92;
  transition:transform .22s ease, opacity .22s ease;
}
.home-partner:hover{
  transform:translateY(-2px);
  border-color:rgba(225,29,46,.28);
  box-shadow:0 8px 18px rgba(0,0,0,.08);
}
.home-partner:hover img{opacity:1;transform:scale(1.04)}
.home-partner-name{display:none!important}
@media(max-width:720px){
  .home-partners-track{gap:10px;animation-duration:36s}
  .home-partner{min-width:100px;height:56px;padding:8px 12px}
  .home-partner img{height:34px;max-width:108px}
}
@media(prefers-reduced-motion:reduce){
  .home-partners-marquee{
    -webkit-mask-image:none;mask-image:none;overflow:auto;
  }
  .home-partners-track{
    animation:none;flex-wrap:wrap;justify-content:center;width:auto;
    padding:0 12px;gap:10px 14px;
  }
}

/* t249: 小h welcome chat (after intro + hero pop) */
.xiaoh-chat{
  position:fixed;z-index:1200;right:22px;bottom:110px;width:min(360px,calc(100vw - 28px));
  display:flex;flex-direction:column;gap:0;
  border-radius:18px;overflow:hidden;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(0,0,0,.1);
  box-shadow:0 18px 48px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.7) inset;
  backdrop-filter:blur(14px) saturate(1.08);-webkit-backdrop-filter:blur(14px) saturate(1.08);
  opacity:0;transform:translateY(16px) scale(.96);pointer-events:none;
  transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1);
}
.xiaoh-chat.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
html[data-theme="dark"] .xiaoh-chat{
  background:rgba(42,42,50,.96);border-color:rgba(255,255,255,.12);
  box-shadow:0 18px 48px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.06) inset;
}
.xiaoh-chat-head{
  display:flex;align-items:center;gap:10px;padding:12px 12px 10px 14px;
  border-bottom:1px solid rgba(0,0,0,.06);background:linear-gradient(135deg,rgba(245,245,247,.9),rgba(255,255,255,.7));
}
html[data-theme="dark"] .xiaoh-chat-head{
  border-bottom-color:rgba(255,255,255,.08);
  background:linear-gradient(135deg,rgba(74,74,85,.55),rgba(42,42,50,.4));
}
.xiaoh-chat-av{
  width:44px;height:44px;border-radius:999px;object-fit:cover;flex-shrink:0;
  border:2px solid rgba(225,29,46,.4);box-shadow:0 2px 8px rgba(0,0,0,.12);
  background:#fff;
}
.xiaoh-chat-meta{flex:1;min-width:0}
.xiaoh-chat-name{margin:0;font-size:14px;font-weight:800;letter-spacing:.02em;color:var(--ink,#111)}
.xiaoh-chat-sub{margin:2px 0 0;font-size:11px;color:var(--muted,#6b6b75);font-weight:600}
.xiaoh-chat-close{
  appearance:none;border:0;background:transparent;cursor:pointer;width:32px;height:32px;border-radius:999px;
  font-size:20px;line-height:1;color:var(--muted,#6b6b75);display:inline-flex;align-items:center;justify-content:center;
}
.xiaoh-chat-close:hover{background:rgba(0,0,0,.06);color:var(--ink,#111)}
.xiaoh-chat-body{
  /* t261: taller message area (grow upward; width unchanged) */
  padding:12px 14px;min-height:320px;max-height:min(520px,calc(100vh - 260px));
  overflow:auto;display:flex;flex-direction:column;gap:10px;
  background:rgba(248,248,250,.55);
}
html[data-theme="dark"] .xiaoh-chat-body{background:rgba(0,0,0,.18)}
.xiaoh-bubble{
  max-width:92%;padding:10px 12px;border-radius:14px;font-size:13px;line-height:1.55;
  background:#fff;color:var(--ink,#111);border:1px solid rgba(0,0,0,.06);
  box-shadow:0 2px 8px rgba(0,0,0,.04);
}
.xiaoh-bubble.is-bot{align-self:flex-start;border-radius:14px 14px 14px 4px}
.xiaoh-bubble.is-user{
  align-self:flex-end;border-radius:14px 14px 4px 14px;
  background:linear-gradient(135deg,#FF9AA3,#FF6B76 55%,#E11D2E);color:#fff;border:0;font-weight:600;
}
html[data-theme="dark"] .xiaoh-bubble.is-bot{background:rgba(60,60,70,.95);border-color:rgba(255,255,255,.08);color:#f2f2f4}
.xiaoh-chat-foot{
  display:flex;gap:8px;padding:10px 12px 12px;border-top:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.9);
}
html[data-theme="dark"] .xiaoh-chat-foot{border-top-color:rgba(255,255,255,.08);background:rgba(42,42,50,.9)}
.xiaoh-chat-input{
  flex:1;min-width:0;height:40px;border-radius:12px;border:1px solid rgba(0,0,0,.12);
  padding:0 12px;font:inherit;font-size:13px;background:#fff;color:var(--ink,#111);
}
html[data-theme="dark"] .xiaoh-chat-input{background:rgba(30,30,36,.95);border-color:rgba(255,255,255,.12);color:#f2f2f4}
.xiaoh-chat-input:focus{outline:2px solid rgba(225,29,46,.35);outline-offset:1px;border-color:rgba(225,29,46,.45)}
.xiaoh-chat-send{
  appearance:none;border:0;cursor:pointer;height:40px;padding:0 14px;border-radius:12px;font:inherit;font-size:13px;font-weight:800;
  color:#fff;background:linear-gradient(135deg,#FF9AA3,#E11D2E);box-shadow:0 4px 14px rgba(225,29,46,.28);
}
.xiaoh-chat-send:hover{filter:brightness(1.06)}
.xiaoh-chat-send:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:720px){
  .xiaoh-chat{right:12px;bottom:92px;width:calc(100vw - 24px)}
  .xiaoh-chat-body{min-height:260px;max-height:min(420px,calc(100vh - 220px))}
}
@media (prefers-reduced-motion:reduce){
  .xiaoh-chat{transition:none}
}





/* t303: 边牧 run-in greet overlay CSS removed; FAB + .xiaoh-chat kept */

/* t258: page-bottom site logo → scroll to top */
.site-footer{
  display:flex;justify-content:center;align-items:center;
  padding:28px 16px 40px;margin:0;
}
.site-footer-logo{
  appearance:none;border:0;background:transparent;cursor:pointer;padding:8px 12px;
  display:inline-flex;align-items:center;gap:10px;border-radius:14px;
  color:inherit;text-decoration:none;
  transition:transform .18s ease, opacity .18s ease, background .18s ease;
}
.site-footer-logo:hover{transform:translateY(-2px);background:rgba(0,0,0,.04)}
html[data-theme="dark"] .site-footer-logo:hover{background:rgba(255,255,255,.06)}
.site-footer-logo svg{width:56px;height:40px;display:block}
.site-footer-lab{font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--muted)}


/* user-sidebar collapse (t292) */
.user-sidebar{position:sticky;transition:width .22s ease,flex-basis .22s ease,padding .22s ease,opacity .18s ease}
.user-sidebar-toggle{
  appearance:none;margin:0 0 4px;padding:2px 6px;min-width:22px;min-height:22px;border:1px solid var(--line);border-radius:999px;
  background:var(--card);color:var(--muted);cursor:pointer;font:inherit;font-size:11px;font-weight:700;
  line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:0;box-shadow:0 1px 0 rgba(255,255,255,.5) inset;
  transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.user-sidebar-toggle:hover{color:var(--ink);border-color:rgba(225,29,46,.35);background:rgba(225,29,46,.06)}
.user-sidebar-toggle:focus-visible{outline:2px solid rgba(225,29,46,.45);outline-offset:2px}
.user-sidebar-toggle-ico{font-size:13px;line-height:1;font-weight:800;display:inline-block;transform:translateY(-.5px)}
.user-sidebar-toggle-lab{display:none !important}
html[data-theme="dark"] .user-sidebar-toggle{background:rgba(255,255,255,.04);box-shadow:none}
html[data-theme="dark"] .user-sidebar-toggle:hover{background:rgba(225,29,46,.14)}

html[data-user-sidebar="collapsed"] .app-shell,
.app-shell.is-sidebar-collapsed{
  gap:0;
}
html[data-user-sidebar="collapsed"] .user-sidebar,
.app-shell.is-sidebar-collapsed .user-sidebar{
  flex:0 0 0;width:0;min-width:0;padding:0;gap:0;overflow:visible;opacity:1;pointer-events:none;
}
html[data-user-sidebar="collapsed"] .user-nav,
.app-shell.is-sidebar-collapsed .user-nav{
  display:none !important;
}
html[data-user-sidebar="collapsed"] .user-sidebar-toggle,
.app-shell.is-sidebar-collapsed .user-sidebar-toggle{
  position:fixed;left:10px;top:88px;z-index:40;pointer-events:auto;
  padding:2px 6px;min-width:22px;min-height:22px;box-shadow:0 4px 16px rgba(0,0,0,.12);background:var(--card);
  border-color:rgba(225,29,46,.28);
}
html[data-user-sidebar="collapsed"] .app-main,
.app-shell.is-sidebar-collapsed .app-main{
  flex:1 1 100%;width:100%;min-width:0;
}
/* home already hides sidebar */
html[data-page="home"] .user-sidebar-toggle{display:none !important}

@media(max-width:720px){
  html[data-user-sidebar="collapsed"] .user-sidebar,
  .app-shell.is-sidebar-collapsed .user-sidebar{
    flex:0 0 auto;width:auto;min-width:0;padding:0;overflow:visible;
  }
  html[data-user-sidebar="collapsed"] .user-sidebar-toggle,
  .app-shell.is-sidebar-collapsed .user-sidebar-toggle{
    position:static;box-shadow:none;padding:2px 6px;margin:0;
  }
}

/* t327: deal ch-price member font size unify with list price / 下单 */
#deal-root .ch-price .deal-price .member-pill{
  font-size:13px !important;
  line-height:18px !important;
  padding:2px 9px !important;
}
#deal-root .ch-price .deal-price .member-amt{
  font-size:13px !important;
  line-height:18px !important;
}
#deal-root .ch-price .deal-price .member-spark{font-size:11px !important}

/* t331: deal list price stack + black gradient (channel rows) */
#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;
}


/* t333: VIP black-gold member pill (label only; amt unchanged) */
#deal-root .deal-price .member-pill{
  color:#F5D76E !important;
  background:linear-gradient(135deg,#1a1a1f 0%,#0a0a0c 45%,#000 100%) !important;
  border:1px solid rgba(212,175,55,.55) !important;
  box-shadow:0 1px 0 rgba(245,215,110,.28) inset,0 0 12px rgba(212,175,55,.5),0 2px 8px rgba(0,0,0,.35) !important;
  text-shadow:0 0 8px rgba(245,215,110,.7),0 1px 1px rgba(0,0,0,.55) !important;
  letter-spacing:.08em;
}
#deal-root .deal-price .member-spark{
  color:#F5D76E !important;
  filter:drop-shadow(0 0 4px rgba(245,215,110,.95)) drop-shadow(0 0 8px rgba(212,175,55,.55)) !important;
}


/* t334: sidebar cart/fav under 我的帖子 */
.user-nav-link.user-nav-sub{
  font-size:12px;line-height:18px;font-weight:600;padding:5px 2px 5px 10px;
  color:var(--faint,#888);
}
.user-nav-link.user-nav-sub.is-active{color:var(--red);font-weight:750}
.deal-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.deal-list-item{
  display:flex;align-items:center;gap:12px;padding:10px 12px;
  border:1px solid var(--line);border-radius:12px;background:var(--raised,#fff);
}
.deal-list-item img,.deal-list-logo{
  width:40px;height:40px;border-radius:10px;object-fit:contain;background:#fff;
  border:1px solid var(--line);flex-shrink:0;
}
.deal-list-logo{
  display:inline-flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:800;color:#666;background:#f5f5f7;
}
.deal-list-body{min-width:0;flex:1}
.deal-list-body .nm{font-size:14px;font-weight:750;color:var(--ink);line-height:1.3}
.deal-list-body .sub{font-size:12px;color:var(--muted);margin-top:2px;line-height:1.4}
.deal-list-body .price{font-size:13px;font-weight:700;color:#C41E3A;margin-top:4px}
.deal-list-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}
.deal-list-actions button,.deal-list-actions a{
  appearance:none;border:0;background:transparent;cursor:pointer;
  font-size:12px;font-weight:700;color:var(--muted);text-decoration:none;padding:4px 6px;border-radius:8px;
}
.deal-list-actions button:hover,.deal-list-actions a:hover{color:var(--red);background:rgba(225,29,46,.06)}
.deal-list-empty{font-size:13px;color:var(--muted);padding:8px 0}


/* ===== t556: Taobao-anatomy cart (H&L style; no Taobao orange) ===== */
/* ===== t558: top filter tabs + right 结算明细 panel ===== */
.user-page.is-cart{
  padding-bottom: 24px;
}
.hl-cart{
  display:flex;
  flex-direction:column;
  gap:12px;
  width:100%;
  max-width:1180px;
}
.hl-cart-layout{
  display:grid;
  grid-template-columns: minmax(0,1fr) 300px;
  gap:16px;
  align-items:start;
}
.hl-cart-main{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-width:0;
}
.hl-cart-tabs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:0;
  padding:0 2px;
  border-bottom:1px solid var(--line);
}
.hl-cart-tab{
  appearance:none;border:0;background:transparent;cursor:pointer;
  font:inherit;font-size:14px;font-weight:750;color:var(--ink,#1a1a1a);
  height:42px;padding:0 14px;
  display:inline-flex;align-items:center;gap:6px;
  position:relative;
  transition:color .12s ease;
}
.hl-cart-tab:hover{color:var(--red,#E11D2E)}
.hl-cart-tab.is-on{
  color:var(--red,#E11D2E);
  font-weight:850;
}
.hl-cart-tab.is-on::after{
  content:"";
  position:absolute;left:12px;right:12px;bottom:-1px;height:2px;
  border-radius:2px 2px 0 0;
  background:var(--red,#E11D2E);
}
.hl-cart-tab-n{
  font-size:13px;font-weight:750;opacity:.85;
}
.hl-cart-tab-ico{
  width:16px;height:16px;
  flex:0 0 auto;
  display:block;
  object-fit:contain;
  margin-right:2px;
  opacity:.92;
}
.hl-cart-tab.is-on .hl-cart-tab-ico{opacity:1}
.hl-cart-tab svg.hl-cart-tab-ico{color:currentColor}

.hl-cart-tab-sep{
  width:1px;height:14px;background:rgba(15,23,42,.12);flex:0 0 auto;
  margin:0 2px;
}
.hl-cart-cols{
  display:grid;
  grid-template-columns: 72px minmax(220px,1fr) 140px 132px;
  align-items:center;
  gap:12px;
  padding:10px 14px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--raised,#f7f7f9);
  color:var(--faint,#8a929c);
  font-size:12px;
  font-weight:700;
}
.hl-cart-cols .hl-cart-check{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--muted);
  font-weight:700;
}
.hl-cart-col-price,
.hl-cart-col-ops{text-align:center}
.hl-cart-groups{display:flex;flex-direction:column;gap:12px}
.hl-cart-filter-empty{
  text-align:center;padding:36px 16px;
  border:1px dashed var(--line);border-radius:12px;
  color:var(--muted);font-size:13px;background:var(--raised,#f7f7f9);
}
.hl-cart-filter-empty p{margin:0}
.hl-cart-shop{
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--card,#fff);
  overflow:visible;
}
.hl-cart-shop-hd{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,rgba(15,23,42,.02),transparent);
}
.hl-cart-shop-badge{
  width:8px;height:8px;border-radius:50%;
  background:linear-gradient(135deg,#FF9AA3 0%,#E11D2E 100%);
  box-shadow:0 0 0 3px rgba(225,29,46,.10);
  flex:0 0 auto;
}
.hl-cart-shop-name{
  font-size:13px;font-weight:800;color:var(--ink);letter-spacing:.01em;
}
.hl-cart-shop-count{
  margin-left:auto;font-size:11px;font-weight:700;color:var(--faint);
}
.hl-cart-shop-body{display:flex;flex-direction:column}
.hl-cart-row{
  display:grid;
  grid-template-columns: 72px minmax(220px,1fr) 140px 132px;
  align-items:center;
  gap:12px;
  padding:14px;
  border-top:1px solid rgba(15,23,42,.06);
  overflow:visible;
}
.hl-cart-shop-body .hl-cart-row:first-child{border-top:0}
.hl-cart-check{
  display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;
  cursor:pointer;user-select:none;
}
.hl-cart-check input{
  width:16px;height:16px;accent-color:var(--red,#E11D2E);cursor:pointer;
}
.hl-cart-info{
  display:flex;align-items:center;gap:12px;min-width:0;
}
.hl-cart-av-wrap{
  position:relative;
  flex:0 0 64px;
  width:64px;height:64px;
  z-index:1;
}
.hl-cart-av-wrap .hl-cart-thumb{
  display:block;
  width:64px;height:64px;
  transition:transform .18s ease, box-shadow .18s ease;
  transform-origin:center center;
  will-change:transform;
}
.hl-cart-av-wrap:hover{
  z-index:6;
}
.hl-cart-av-wrap:hover .hl-cart-thumb.is-av{
  transform:scale(1.55);
  box-shadow:0 10px 24px rgba(15,23,42,.22),0 0 0 2px rgba(225,29,46,.18);
}
.hl-cart-thumb{
  width:64px;height:64px;border-radius:12px;object-fit:cover;
  border:1px solid var(--line);background:#fff;flex:0 0 64px;
  box-sizing:border-box;
}
/* t572: deal/推广资源 logo — same 64×64 as .is-av; keep rounded-rect (not circle) */
.hl-cart-thumb.is-logo{
  border-radius:12px;
  object-fit:contain;
  padding:0;
  background:#fff;
}
.hl-cart-thumb.is-av{border-radius:50%;object-fit:cover;padding:0}
.hl-cart-thumb-fallback{
  display:inline-flex;align-items:center;justify-content:center;
  font-size:13px;font-weight:800;color:#666;background:#f5f5f7;
}
.hl-cart-meta{min-width:0;flex:0 1 220px}
a.hl-cart-meta{
  display:block;
  color:inherit;
  text-decoration:none;
  cursor:pointer;
  border-radius:8px;
  margin:-4px -6px;
  padding:4px 6px;
  transition:color .12s ease, background .12s ease;
}
a.hl-cart-meta:hover{
  background:rgba(225,29,46,.04);
}
a.hl-cart-meta:hover .hl-cart-title,
a.hl-cart-meta:hover .hl-cart-name{
  color:var(--red,#E11D2E);
}
a.hl-cart-meta:hover .hl-cart-sub{
  color:rgba(225,29,46,.78);
}
.hl-cart-extra{
  flex:1 1 180px;
  min-width:0;
  max-width:320px;
  padding:0 6px 0 10px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  cursor:default;
}
.hl-cart-cat,
.hl-cart-bio{
  position:relative;
  min-width:0;
  outline:none;
  cursor:default;
}
.hl-cart-cat{
  font-size:12px;font-weight:750;color:var(--ink);line-height:1.3;
}
.hl-cart-bio{
  font-size:12px;font-weight:650;color:var(--muted);line-height:1.35;
}
.hl-cart-line-txt{
  display:block;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
/* t577/t578: per-line hover tip — cat = full 类目 list, bio = full 简介 */
.hl-cart-extra-tip{
  position:absolute;
  left:0;
  bottom:calc(100% + 8px);
  z-index:12;
  max-width:min(400px, 72vw);
  min-width:140px;
  padding:8px 12px;
  border-radius:10px;
  font-size:12px;
  font-weight:650;
  line-height:1.45;
  letter-spacing:.01em;
  color:#fff;
  background:linear-gradient(135deg,#2a2f3a 0%,#1a1d24 100%);
  box-shadow:0 8px 22px rgba(15,18,28,.28),0 0 0 1px rgba(255,255,255,.08) inset;
  white-space:normal;
  word-break:break-word;
  opacity:0;
  pointer-events:none;
  transform:translateY(4px);
  transition:opacity .14s ease, transform .14s ease;
}
.hl-cart-extra-tip::after{
  content:"";
  position:absolute;
  top:100%;
  left:18px;
  border:5px solid transparent;
  border-top-color:#1a1d24;
}
.hl-cart-cat:hover .hl-cart-extra-tip,
.hl-cart-cat:focus-visible .hl-cart-extra-tip,
.hl-cart-bio:hover .hl-cart-extra-tip,
.hl-cart-bio:focus-visible .hl-cart-extra-tip{
  opacity:1;
  transform:translateY(0);
}
/* Shared name/sub fonts for deal + Amazon + social (t572: no deal-specific overrides) */
.hl-cart-title{
  font-size:14px;font-weight:750;color:var(--ink);line-height:1.35;
  overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}
.hl-cart-name,
a.hl-cart-name{
  font-size:inherit;font-weight:inherit;line-height:inherit;
  color:inherit;text-decoration:none;cursor:pointer;
  transition:color .12s ease;
}
a.hl-cart-name:hover{
  color:var(--red,#E11D2E);
}
.hl-cart-sub{
  margin-top:4px;font-size:12px;font-weight:500;color:var(--muted);line-height:1.4;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.hl-cart-row[data-store="deal"] .hl-cart-title,
.hl-cart-row[data-store="deal"] .hl-cart-name{
  font-size:14px;font-weight:750;color:var(--ink);line-height:1.35;
}
.hl-cart-row[data-store="deal"] .hl-cart-sub{
  font-size:12px;font-weight:500;color:var(--muted);line-height:1.4;
}
.hl-cart-price{
  text-align:center;font-size:13px;font-weight:800;color:var(--red,#E11D2E);
  line-height:1.3;word-break:break-word;
  position:relative;
}
.hl-cart-price-wrap{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:default;
  outline:none;
}
.hl-cart-price-main{display:inline-block}
.hl-cart-mem-tip{
  position:absolute;
  left:50%;
  bottom:calc(100% + 8px);
  transform:translateX(-50%) translateY(4px);
  opacity:0;
  pointer-events:none;
  z-index:9;
  padding:6px 10px;
  border-radius:8px;
  white-space:nowrap;
  font-size:12px;
  font-weight:750;
  letter-spacing:.01em;
  color:#fff;
  background:linear-gradient(135deg,#FF6B76 0%,#E11D2E 100%);
  box-shadow:0 6px 16px rgba(225,29,46,.28),0 0 0 1px rgba(255,255,255,.12) inset;
  transition:opacity .14s ease, transform .14s ease;
}
.hl-cart-mem-tip::after{
  content:"";
  position:absolute;
  top:100%;
  left:50%;
  margin-left:-5px;
  border:5px solid transparent;
  border-top-color:#E11D2E;
}
.hl-cart-price-wrap:hover .hl-cart-mem-tip,
.hl-cart-price-wrap:focus-visible .hl-cart-mem-tip{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}
.hl-cart-ops{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
}
.hl-cart-link{
  appearance:none;border:0;background:transparent;cursor:pointer;
  font:inherit;font-size:12px;font-weight:700;color:var(--muted);
  text-decoration:none;padding:2px 6px;border-radius:8px;line-height:1.4;
}
.hl-cart-link:hover{color:var(--red);background:rgba(225,29,46,.06)}
.hl-cart-link.is-danger:hover{color:#b91c1c;background:rgba(185,28,28,.08)}
.hl-cart-bar{
  position:static;z-index:auto;
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  width:100%;box-sizing:border-box;
  margin:0;padding:10px 14px;
  border:1px solid var(--line);border-radius:10px;
  background:var(--card,#fff);
  box-shadow:none;
}
html[data-theme="dark"] .hl-cart-bar{
  background:var(--card,#121214);
  box-shadow:none;
}
.hl-cart-bar-left,
.hl-cart-bar-right{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
}
.hl-cart-bar-right{margin-left:auto}
.hl-cart-bar .hl-cart-check,
.hl-cart-bar .hl-cart-check span{
  font-size:12px;font-weight:700;color:var(--muted);line-height:1.2;
}
.hl-cart-bar-link{
  appearance:none;border:0;background:transparent;cursor:pointer;
  font:inherit;font-size:12px;font-weight:700;color:var(--muted);padding:4px 2px;
}
.hl-cart-bar-link:hover{color:var(--red)}
.hl-cart-selected{font-size:12px;color:var(--muted)}
.hl-cart-selected b{color:var(--ink);font-weight:700}
.hl-cart-sum{font-size:13px;color:var(--muted)}
.hl-cart-sum b{color:var(--red);font-size:18px;font-weight:900;letter-spacing:-.01em}

/* Right settle panel — t567 Taobao-like 结算明细 */
.hl-cart-settle{
  position:sticky;top:72px;
  display:flex;flex-direction:column;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--card,#fff);
  box-shadow:0 4px 18px rgba(15,23,42,.05);
  min-height:360px;
  overflow:hidden;
}
.hl-cart-settle-hd{
  padding:14px 16px 10px;
  display:flex;align-items:baseline;justify-content:space-between;gap:10px;
  border-bottom:1px solid rgba(15,23,42,.06);
}
.hl-cart-settle-title{
  font-size:15px;font-weight:850;color:var(--ink);flex:0 0 auto;
}
.hl-cart-settle-note{
  font-size:11px;font-weight:600;color:var(--muted);line-height:1.35;text-align:right;
}
.hl-cart-settle-body{
  flex:1 1 auto;
  padding:14px 16px 10px;
  display:flex;flex-direction:column;
  min-height:180px;
}
/* t569: display:flex on settle empty/detail overrides UA [hidden] — same class of bug as t508 member-banner */
.hl-cart-settle-empty[hidden],
.hl-cart-settle-detail[hidden],
.hl-cart-settle-disc-sub[hidden],
.hl-cart-settle-save[hidden]{display:none!important}

.hl-cart-settle-empty{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;gap:10px;padding:12px 8px;
}
.hl-cart-settle-empty-ico{
  width:64px;height:64px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:28px;line-height:1;
  background:rgba(225,29,46,.06);
  border:1px dashed rgba(225,29,46,.28);
  position:relative;
}
.hl-cart-settle-empty-ico::after{
  content:"空";
  position:absolute;right:-2px;bottom:-2px;
  width:20px;height:20px;border-radius:50%;
  background:var(--red,#E11D2E);color:#fff;
  font-size:10px;font-weight:800;line-height:20px;text-align:center;
  box-shadow:0 1px 4px rgba(225,29,46,.35);
}
.hl-cart-settle-empty-txt{
  margin:0;font-size:13px;font-weight:750;color:var(--red,#E11D2E);line-height:1.45;
}
.hl-cart-settle-detail{
  display:flex;flex-direction:column;gap:14px;
}
.hl-cart-settle-avs{
  display:flex;flex-wrap:wrap;gap:8px;
  max-height:112px;overflow:auto;
}
.hl-cart-settle-av{
  width:48px;height:48px;object-fit:cover;
  border-radius:8px;
  border:1px solid rgba(15,23,42,.08);
  background:#f3f4f6;
  flex:0 0 auto;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:800;color:var(--muted);
}
.hl-cart-settle-av.is-av{border-radius:10px}
.hl-cart-settle-av.is-more{
  background:rgba(225,29,46,.06);color:var(--red,#E11D2E);
  border-color:rgba(225,29,46,.2);font-size:12px;
}
.hl-cart-settle-breakdown{
  display:flex;flex-direction:column;gap:10px;
  padding-top:2px;
}
.hl-cart-settle-row{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  font-size:13px;line-height:1.4;
}
.hl-cart-settle-k{color:var(--ink);font-weight:650}
.hl-cart-settle-v{color:var(--ink);font-weight:850;font-size:14px;white-space:nowrap}
.hl-cart-settle-v.is-disc,
.hl-cart-settle-row.is-disc .hl-cart-settle-v{color:var(--red,#E11D2E)}
.hl-cart-settle-disc-sub{
  margin:-2px 0 0;
  padding:8px 10px;
  border-radius:8px;
  background:rgba(15,23,42,.03);
  display:flex;flex-direction:column;gap:6px;
}
.hl-cart-settle-subrow{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  font-size:12px;color:var(--muted);font-weight:650;
}
.hl-cart-settle-subrow span:last-child{color:var(--red,#E11D2E);font-weight:750;white-space:nowrap}
.hl-cart-settle-foot{
  margin-top:auto;
  padding:12px 16px 16px;
  border-top:1px solid rgba(15,23,42,.06);
  display:flex;flex-direction:column;gap:12px;
}
.hl-cart-settle-total{
  display:flex;align-items:flex-start;justify-content:space-between;gap:10px;
  font-size:14px;color:var(--ink);font-weight:800;
}
.hl-cart-settle-total-lab{padding-top:6px}
.hl-cart-settle-total-r{
  display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:0;
}
.hl-cart-settle-total b{
  color:var(--red,#E11D2E);font-size:24px;font-weight:900;letter-spacing:-.02em;line-height:1.1;
}
.hl-cart-settle-save{
  font-size:12px;font-weight:750;color:var(--red,#E11D2E);line-height:1.3;
}
/* legacy lines kept harmless if leftover markup appears */
.hl-cart-settle-lines{display:none}

.hl-cart-checkout{
  appearance:none;border:0;cursor:pointer;
  width:100%;min-width:0;height:44px;padding:0 22px;border-radius:10px;
  font:inherit;font-size:16px;font-weight:850;letter-spacing:.02em;color:#fff;
  background:linear-gradient(135deg,#FF9AA3 0%,#FF6B76 42%,#E11D2E 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 6px 16px rgba(225,29,46,.28);
  transition:transform .12s ease, filter .12s ease, opacity .12s ease;
}
.hl-cart-checkout:hover:not(:disabled):not(.is-disabled){
  filter:brightness(1.04);
  transform:translateY(-1px);
}
.hl-cart-checkout:disabled,
.hl-cart-checkout.is-disabled{
  cursor:not-allowed;
  color:rgba(255,255,255,.75);
  background:linear-gradient(135deg,#c9c9d0 0%,#a8a8b2 45%,#8e8e98 100%);
  box-shadow:none;
  opacity:.85;
}
.hl-cart.is-empty{
  min-height:420px;align-items:center;justify-content:center;
}
.hl-cart-empty{
  text-align:center;padding:48px 20px;max-width:420px;margin:0 auto;
}
.hl-cart-empty-ico{font-size:42px;line-height:1;margin-bottom:10px;opacity:.85}
.hl-cart-empty-title{margin:0;font-size:18px;font-weight:800;color:var(--ink)}
.hl-cart-empty-sub{margin:8px 0 0;font-size:13px;color:var(--muted);line-height:1.55}
.hl-cart-empty-ctas{
  display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:18px;
}
.hl-cart-empty-ctas a{
  display:inline-flex;align-items:center;justify-content:center;
  height:34px;padding:0 14px;border-radius:999px;
  border:1px solid var(--line);background:var(--card,#fff);
  color:var(--ink);font-size:12px;font-weight:750;text-decoration:none;
}
.hl-cart-empty-ctas a:hover{
  color:var(--red);border-color:rgba(225,29,46,.35);
  box-shadow:0 0 0 3px rgba(225,29,46,.08);
}
@media (max-width:980px){
  .hl-cart-layout{
    grid-template-columns:1fr;
  }
  .hl-cart-settle{
    position:static;
    order:2;
    min-height:0;
  }
  .hl-cart-main{order:1}
}
@media (max-width:820px){
  .hl-cart-cols{display:none}
  .hl-cart-row{
    grid-template-columns: 28px minmax(0,1fr);
    grid-template-areas:
      "check info"
      "check price"
      "check ops";
    gap:8px 10px;
  }
  .hl-cart-check{grid-area:check;align-self:start;padding-top:4px}
  .hl-cart-info{grid-area:info;flex-wrap:wrap}
  .hl-cart-extra{flex:1 1 100%;max-width:none;padding:2px 0 0 76px}
  .hl-cart-price{grid-area:price;text-align:left}
  .hl-cart-ops{grid-area:ops;flex-direction:row;justify-content:flex-start;flex-wrap:wrap}
  .hl-cart-tab{font-size:13px;padding:0 10px;height:38px}
  .hl-cart-checkout{min-width:0}
}


/* ===== t574: 我的收藏 align 我的加购 — reuse .hl-cart-* row/tabs/bar/groups; fav shell only ===== */
.user-page.is-fav{
  padding-bottom: 24px;
}
.hl-fav{
  display:flex;
  flex-direction:column;
  gap:12px;
  width:100%;
  max-width:1180px;
}
.hl-fav .hl-cart-link.is-done{
  color:var(--faint,#8a929c);
  pointer-events:none;
}
/* t580: favs「已加入购物车」— muted red-tint like list 已加购; non-clickable */
.hl-fav .hl-cart-link.is-in{
  color:var(--red,#e11d2e);
  background:rgba(225,29,46,.08);
  opacity:.78;
  cursor:default;
  pointer-events:none;
}
.hl-fav .hl-cart-link.is-in:hover{
  color:var(--red,#e11d2e);
  background:rgba(225,29,46,.08);
}
html[data-theme="dark"] .hl-fav .hl-cart-link.is-in{
  color:#ff7a86;
  background:rgba(225,29,46,.16);
  opacity:.9;
}
.hl-fav.is-empty{
  min-height:420px;align-items:center;justify-content:center;
}
.hl-fav-empty{
  text-align:center;padding:48px 20px;max-width:420px;margin:0 auto;
}
.hl-fav-empty-ico{font-size:42px;line-height:1;margin-bottom:10px;opacity:.85;color:var(--red)}
.hl-fav-empty-title{margin:0;font-size:18px;font-weight:800;color:var(--ink)}
.hl-fav-empty-sub{margin:8px 0 0;font-size:13px;color:var(--muted);line-height:1.55}
.hl-fav-empty-ctas{
  display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:18px;
}
.hl-fav-empty-ctas a{
  display:inline-flex;align-items:center;justify-content:center;
  height:34px;padding:0 14px;border-radius:999px;
  border:1px solid var(--line);background:var(--card,#fff);
  color:var(--ink);font-size:12px;font-weight:750;text-decoration:none;
}
.hl-fav-empty-ctas a:hover{
  color:var(--red);border-color:rgba(225,29,46,.35);
  box-shadow:0 0 0 3px rgba(225,29,46,.08);
}

/* t369: Amazon card 特殊场景 row under 模特详情 */
.card .meta-sub.meta-scene{
  color: var(--muted, #6b7280);
  font-size: 12px;
  line-height: 16px;
  margin-top: 2px;
}


/* t377: list-card 加购 (Deal borderless glow) + 头像左上角收藏 */
.card .card-actions{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  flex-wrap:wrap;width:100%;margin:4px 0 2px;
}
.card .card-actions .card-btn-order{margin:0}
/* t378: list-card 加购 = compact cart icon (Deal text btn unchanged) */
.card .btn-cart.card-btn-cart{
  appearance:none;border:0 !important;outline:none;
  width:30px;height:30px;min-width:30px;padding:0;margin:0;
  border-radius:999px;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.92);
  color:#6b6b75;
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset, 0 2px 8px rgba(0,0,0,.10);
  transition:transform .15s ease, color .15s ease, background .15s ease, box-shadow .15s ease;
  pointer-events:auto;flex:0 0 auto;
}
.card .btn-cart.card-btn-cart .cart-svg{width:16px;height:16px;display:block}
.card .btn-cart.card-btn-cart:hover{
  color:#E11D2E;
  background:rgba(255,230,234,.98);
  transform:translateY(-1px) scale(1.05);
  box-shadow:0 0 0 1px rgba(225,29,46,.12) inset, 0 4px 12px rgba(225,29,46,.16);
}
.card .btn-cart.card-btn-cart.is-in{
  /* t554: 已加购 = 浅红金属渐变渲染（同 .tier.is-self 语感） */
  color:#fff;
  background:linear-gradient(145deg,#FFE0E4 0%,#FF9AA3 28%,#FF6B76 58%,#E11D2E 100%);
  box-shadow:
    0 1px 0 rgba(255,255,255,.55) inset,
    0 -1px 0 rgba(120,10,20,.18) inset,
    0 2px 10px rgba(225,29,46,.28);
}
.card .btn-cart.card-btn-cart.is-in:hover{
  filter:brightness(1.05);
  color:#fff;
  box-shadow:
    0 1px 0 rgba(255,255,255,.62) inset,
    0 -1px 0 rgba(120,10,20,.2) inset,
    0 4px 14px rgba(225,29,46,.34);
}
html[data-theme="dark"] .card .btn-cart.card-btn-cart{
  background:rgba(26,26,31,.88);color:#C4C4CC;
  box-shadow:0 2px 8px rgba(0,0,0,.35);
}
html[data-theme="dark"] .card .btn-cart.card-btn-cart:hover{
  color:#FCA5A5;background:rgba(225,29,46,.22);
}
html[data-theme="dark"] .card .btn-cart.card-btn-cart.is-in{
  color:#fff;
  background:linear-gradient(145deg,#FFB0B8 0%,#FF7A86 32%,#E11D2E 68%,#9A101C 100%);
  box-shadow:
    0 1px 0 rgba(255,255,255,.28) inset,
    0 -1px 0 rgba(0,0,0,.28) inset,
    0 2px 12px rgba(225,29,46,.4);
}
.card .btn-fav.card-btn-fav{
  appearance:none;border:0;background:rgba(255,255,255,.92);
  width:30px;height:30px;border-radius:999px;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
  color:#C4C4CC;flex-shrink:0;
  position:absolute;top:6px;left:6px;z-index:4;
  transition:transform .15s ease, color .15s ease, background .15s ease, box-shadow .15s ease;
  padding:0;margin:0;
  box-shadow:0 2px 8px rgba(0,0,0,.12);
  pointer-events:auto;
}
.card .btn-fav.card-btn-fav svg{width:16px;height:16px;display:block}
.card .btn-fav.card-btn-fav:hover{
  color:#E11D2E;
  background:rgba(255,230,234,.98);
  transform:scale(1.08);
}
.card .btn-fav.card-btn-fav.is-on{
  color:#E11D2E;
  background:linear-gradient(145deg,rgba(255,230,234,.98),rgba(255,200,210,.88));
  box-shadow:0 0 14px rgba(225,29,46,.28), inset 0 1px 0 rgba(255,255,255,.7);
}
.card .btn-fav.card-btn-fav.is-on svg{fill:currentColor}
html[data-theme="dark"] .card .btn-fav.card-btn-fav{
  background:rgba(26,26,31,.88);color:#A3A3A3;
  box-shadow:0 2px 8px rgba(0,0,0,.35);
}
html[data-theme="dark"] .card .btn-fav.card-btn-fav.is-on{
  color:#FCA5A5;
  background:linear-gradient(145deg,rgba(225,29,46,.35),rgba(225,29,46,.18));
}

/* t414: Amazon #filters selected only (social untouched) — light-gray metal active */
#filters .choice.is-active,
#filters .choice.active,
#filters button.choice.is-active,
#filters button.choice.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;
}
#filters .choice.is-active:hover,
#filters .choice.active:hover,
#filters button.choice.is-active:hover,
#filters button.choice.active:hover{
  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;
}
html[data-theme="dark"] #filters .choice.is-active,
html[data-theme="dark"] #filters .choice.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;
  box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 2px 12px rgba(0,0,0,.35) !important;
}
/* end t414 */

/* t417: Amazon price 确定/清空 = light-gray metal like active choice (no dark fill) */
#filters #price-apply,
#filters #price-clear,
#filters .price-row > .btn-quiet{
  color:#1a1a22 !important;
  -webkit-text-fill-color:#1a1a22 !important;
  font-weight:700 !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;
  text-shadow:none !important;
}
#filters #price-apply:hover,
#filters #price-clear:hover,
#filters .price-row > .btn-quiet:hover{
  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;
}
html[data-theme="dark"] #filters #price-apply,
html[data-theme="dark"] #filters #price-clear,
html[data-theme="dark"] #filters .price-row > .btn-quiet{
  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;
}
/* end t417 */

/* t418: Amazon #filters buttons — no borders (active/inactive/collapse/apply/clear); social untouched */
#filters .choice,
#filters button.choice,
#filters .choice.is-active,
#filters .choice.active,
#filters .filter-collapse-btn,
#filters #filter-collapse-btn,
#filters #price-apply,
#filters #price-clear,
#filters .btn-quiet,
#filters .price-row > .btn-quiet{
  border:none !important;
  border-color:transparent !important;
  border-width:0 !important;
  outline:none !important;
}
#filters .choice:hover,
#filters .choice.is-active:hover,
#filters .filter-collapse-btn:hover,
#filters #price-apply:hover,
#filters #price-clear:hover,
#filters .btn-quiet:hover{
  border:none !important;
  border-color:transparent !important;
}
/* also neutralize older dark .filters .btn-quiet border:none already; ensure metal not red rim */
.filters .btn-quiet,
.filters .btn-quiet:hover{
  border:none !important;
  border-color:transparent !important;
}
/* end t418 */


/* t420: Amazon #filters — fixed label column so first「全部」aligns across rows */
#filters .filter-row{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:6px !important;
}
#filters .filter-lab{
  flex:0 0 5.25em !important;
  width:5.25em !important;
  min-width:5.25em !important;
  max-width:5.25em !important;
  box-sizing:border-box !important;
  text-align:left !important;
  white-space:nowrap !important;
  overflow:hidden !important;
}
#filters .filter-opts,
#filters .price-row{
  flex:1 1 auto !important;
  min-width:0 !important;
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
}
/* end t420 */

/* t421: ONLY active topnav switch pill −3 tones darker + heavier metal; .header shell stays light (revert t419) */
.header{
  background:var(--bg) !important;
  background-image:none !important;
  background-color:var(--bg) !important;
  box-shadow:none !important;
  border-bottom:1px solid var(--line) !important;
  overflow:visible !important;
  isolation:auto !important;
}
.header::before{content:none !important;display:none !important}
.header > *{position:static;z-index:auto}
html[data-theme="dark"] .header{
  background:var(--bg) !important;
  background-image:none !important;
  background-color:var(--bg) !important;
  box-shadow:none !important;
  border-bottom:1px solid var(--line) !important;
}
html[data-theme="dark"] .header::before{content:none !important;display:none !important}

.header-switch .switch-btn.is-active,
a.switch-btn.is-active,
.switch-btn.is-active{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border:none !important;
  outline:none !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#3a3a42 0%,#22222a 40%,#0a0a0e 100%) !important;
  background-image:linear-gradient(135deg,#3a3a42 0%,#22222a 40%,#0a0a0e 100%) !important;
  background-color:#0a0a0e !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  box-shadow:0 1px 0 rgba(255,255,255,.38) inset,0 0 0 1px rgba(0,0,0,.45) inset,0 3px 12px rgba(0,0,0,.38),0 0 18px rgba(0,0,0,.22) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.45) !important;
  filter:none !important;
}
.header-switch .switch-btn.is-active:hover,
a.switch-btn.is-active:hover,
.switch-btn.is-active:hover{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border:none !important;
  filter:none !important;
  background:linear-gradient(135deg,#4a4a54 0%,#2e2e38 42%,#12121a 100%) !important;
  background-image:linear-gradient(135deg,#4a4a54 0%,#2e2e38 42%,#12121a 100%) !important;
  background-color:#12121a !important;
  box-shadow:0 1px 0 rgba(255,255,255,.45) inset,0 0 0 1px rgba(0,0,0,.45) inset,0 4px 14px rgba(0,0,0,.42),0 0 22px rgba(0,0,0,.26) !important;
}
html[data-theme="dark"] .header-switch .switch-btn.is-active,
html[data-theme="dark"] a.switch-btn.is-active,
html[data-theme="dark"] .switch-btn.is-active{
  background:linear-gradient(135deg,#3a3a42 0%,#22222a 40%,#0a0a0e 100%) !important;
  background-image:linear-gradient(135deg,#3a3a42 0%,#22222a 40%,#0a0a0e 100%) !important;
  background-color:#0a0a0e !important;
  box-shadow:0 1px 0 rgba(255,255,255,.38) inset,0 0 0 1px rgba(0,0,0,.45) inset,0 3px 12px rgba(0,0,0,.38),0 0 18px rgba(0,0,0,.22) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
html[data-theme="dark"] .header-switch .switch-btn.is-active:hover,
html[data-theme="dark"] a.switch-btn.is-active:hover,
html[data-theme="dark"] .switch-btn.is-active:hover{
  background:linear-gradient(135deg,#4a4a54 0%,#2e2e38 42%,#12121a 100%) !important;
  background-image:linear-gradient(135deg,#4a4a54 0%,#2e2e38 42%,#12121a 100%) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.45) inset,0 0 0 1px rgba(0,0,0,.45) inset,0 4px 14px rgba(0,0,0,.42),0 0 22px rgba(0,0,0,.26) !important;
}
/* end t421 */

/* t423: active topnav pill = light charcoal metal (not pure black); heavier metal; .header untouched */
.header-switch .switch-btn.is-active,
a.switch-btn.is-active,
.switch-btn.is-active{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border:none !important;
  outline:none !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#8a8a94 0%,#6b6b75 38%,#4a4a55 100%) !important;
  background-image:linear-gradient(135deg,#8a8a94 0%,#6b6b75 38%,#4a4a55 100%) !important;
  background-color:#4a4a55 !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  box-shadow:0 1px 0 rgba(255,255,255,.42) inset,0 0 0 1px rgba(255,255,255,.18) inset,0 0 0 1px rgba(0,0,0,.28) inset,0 3px 12px rgba(0,0,0,.32),0 0 20px rgba(74,74,85,.35) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.35) !important;
  filter:none !important;
}
.header-switch .switch-btn.is-active:hover,
a.switch-btn.is-active:hover,
.switch-btn.is-active:hover{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border:none !important;
  filter:none !important;
  background:linear-gradient(135deg,#9898a2 0%,#787882 40%,#555560 100%) !important;
  background-image:linear-gradient(135deg,#9898a2 0%,#787882 40%,#555560 100%) !important;
  background-color:#555560 !important;
  box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 0 0 1px rgba(255,255,255,.22) inset,0 0 0 1px rgba(0,0,0,.3) inset,0 4px 14px rgba(0,0,0,.36),0 0 24px rgba(74,74,85,.42) !important;
}
html[data-theme="dark"] .header-switch .switch-btn.is-active,
html[data-theme="dark"] a.switch-btn.is-active,
html[data-theme="dark"] .switch-btn.is-active{
  background:linear-gradient(135deg,#8a8a94 0%,#6b6b75 38%,#4a4a55 100%) !important;
  background-image:linear-gradient(135deg,#8a8a94 0%,#6b6b75 38%,#4a4a55 100%) !important;
  background-color:#4a4a55 !important;
  box-shadow:0 1px 0 rgba(255,255,255,.42) inset,0 0 0 1px rgba(255,255,255,.18) inset,0 0 0 1px rgba(0,0,0,.28) inset,0 3px 12px rgba(0,0,0,.32),0 0 20px rgba(74,74,85,.35) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
html[data-theme="dark"] .header-switch .switch-btn.is-active:hover,
html[data-theme="dark"] a.switch-btn.is-active:hover,
html[data-theme="dark"] .switch-btn.is-active:hover{
  background:linear-gradient(135deg,#9898a2 0%,#787882 40%,#555560 100%) !important;
  background-image:linear-gradient(135deg,#9898a2 0%,#787882 40%,#555560 100%) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 0 0 1px rgba(255,255,255,.22) inset,0 0 0 1px rgba(0,0,0,.3) inset,0 4px 14px rgba(0,0,0,.36),0 0 24px rgba(74,74,85,.42) !important;
}
/* end t423 */


/* t457: social country flag on avatar top-right */
.card.social-card .av-flag{
  position:absolute;top:6px;right:6px;z-index:4;
  display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;border-radius:999px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 2px 8px rgba(0,0,0,.12);
  overflow:hidden;pointer-events:none;
}
.card.social-card .av-flag img{
  width:18px;height:12px;object-fit:cover;display:block;
  border-radius:2px;
}
html[data-theme="dark"] .card.social-card .av-flag{
  background:rgba(26,26,31,.92);
  border-color:rgba(255,255,255,.12);
  box-shadow:0 2px 8px rgba(0,0,0,.4);
}
.hero-av-wrap{
  position:relative;flex-shrink:0;display:inline-block;
  width:176px;height:176px;
}
.hero-av-wrap > .hero-av{width:176px;height:176px;display:block}
.hero-av-wrap .av-flag.is-hero{
  position:absolute;top:6px;right:6px;z-index:3;
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:999px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 2px 10px rgba(0,0,0,.14);
  overflow:hidden;pointer-events:none;
}
.hero-av-wrap .av-flag.is-hero img{
  width:22px;height:15px;object-fit:cover;display:block;border-radius:2px;
}
@media(max-width:720px){
  .hero-av-wrap{width:132px;height:132px}
  .hero-av-wrap > .hero-av{width:132px;height:132px}
}

/* t501: Amazon KOL packages — membership-style compact strip, expand in place */
.kol-packages{
  margin:10px 4px 6px;
  padding:0;
  border:none;
  background:transparent;
}
button.kol-pkg-strip.member-banner{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  box-sizing:border-box;
  font:inherit;
  text-align:left;
  cursor:pointer;
  margin:0;
}
button.kol-pkg-strip.member-banner:hover{border-color:var(--red)}
.kol-packages:not(.is-collapsed) .kol-pkg-strip{
  margin-bottom:10px;
}
.kol-packages.is-collapsed .kol-pkg-grid{display:none}
.kol-pkg-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  padding:0 0 2px;
}
.kol-pkg{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:12px 12px 10px;
  border-radius:12px;
  border:1px solid var(--line);
  background:var(--raised);
  box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 2px 8px rgba(0,0,0,.04);
  min-height:0;
}
.kol-pkg.is-featured{
  border-color:rgba(225,29,46,.45);
  background:linear-gradient(180deg,rgba(225,29,46,.08),rgba(225,29,46,.02));
  box-shadow:0 8px 22px rgba(225,29,46,.1);
}
html[data-theme="dark"] .kol-pkg{
  box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 2px 10px rgba(0,0,0,.25);
}
html[data-theme="dark"] .kol-pkg.is-featured{
  background:linear-gradient(180deg,rgba(225,29,46,.2),rgba(225,29,46,.06));
  border-color:rgba(225,29,46,.5);
  box-shadow:0 10px 28px rgba(225,29,46,.18);
}
.kol-pkg-name{
  font-size:13px;
  font-weight:800;
  color:var(--ink);
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
.kol-pkg-badge{
  display:inline-block;
  padding:2px 7px;
  border-radius:999px;
  background:#1a0507;
  color:#FF4D5A;
  border:1px solid var(--red);
  font-size:10px;
  font-weight:700;
  letter-spacing:.02em;
}
.kol-pkg-price{
  font-size:22px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:-.02em;
  color:var(--ink);
  font-variant-numeric:tabular-nums;
  text-align:left;
  margin:2px 0 2px;
}
.kol-pkg-meta{
  font-size:11px;
  line-height:1.45;
  color:var(--muted);
}
/* t500: 下单右下角，与左边文案底线对齐 */
.kol-pkg-foot{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  margin-top:auto;
  width:100%;
}
.kol-pkg-meta-block{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.kol-pkg-actions{
  display:flex;
  justify-content:flex-end;
  align-items:flex-end;
  flex:0 0 auto;
  margin:0;
  padding:0;
}
.kol-pkg .btn-order.kol-pkg-btn-order,
.kol-pkg .card-btn-order.kol-pkg-btn-order{
  appearance:none;display:inline-flex;align-items:center;justify-content:center;
  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:12px;font-weight:750;line-height:16px;
  padding:5px 14px;border-radius:999px;cursor:pointer;
  white-space:nowrap;flex:0 0 auto;margin:0;
  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;
}
.kol-pkg .btn-order.kol-pkg-btn-order:hover,
.kol-pkg .card-btn-order.kol-pkg-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"] .kol-pkg .btn-order.kol-pkg-btn-order,
html[data-theme="dark"] .kol-pkg .card-btn-order.kol-pkg-btn-order{
  background:linear-gradient(135deg,#7a7a86 0%,#555560 45%,#34343c 100%) !important;
  border-color:rgba(255,255,255,.28) !important;
}
@media(max-width:960px){
  .kol-pkg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .kol-pkg-grid{grid-template-columns:1fr}
  .kol-pkg-price{font-size:20px}
}

/* t480: topbar elevation only off homepage; home stays flat */
html:not([data-page="home"]) .header{
  box-shadow:0 6px 20px rgba(0,0,0,.08),0 1px 0 rgba(0,0,0,.04) !important;
  border-bottom-color:rgba(0,0,0,.06) !important;
}
html[data-theme="dark"]:not([data-page="home"]) .header{
  box-shadow:0 8px 24px rgba(0,0,0,.35),0 1px 0 rgba(255,255,255,.04) !important;
  border-bottom-color:rgba(255,255,255,.08) !important;
}
html[data-page="home"] .header{
  box-shadow:none !important;
  border-bottom:1px solid var(--line) !important;
}


/* t484: 关于我们 — reuse home trust/pay cards inside user sidebar page */
.about-trust.home-trust-shell{margin:0;padding:0;position:relative;overflow:visible}
.about-trust .home-pay-after{display:grid;gap:16px}
.user-page .about-trust .home-section-head h2{font-size:20px}
.user-page .about-trust .home-trust{margin-top:10px}

/* t508: .member-banner{display:flex} overrides UA [hidden]; force hide when attr set (home + non-list pages) */
#kol-member-banner[hidden]{display:none!important}
.kol-packages[hidden]{display:none!important}

/* t505/t506: page-level 会员 strip under 套餐 (Amazon) or under nav (Social), above filters */
#kol-member-banner{margin:4px 4px 8px}
.kol-packages[hidden] + #kol-member-banner{margin-top:10px}

/* t507: scale 套餐/会员 strips ~10% smaller (Amazon #/kol + Social #/social only; not Deal) */
#kol-packages{
  margin:9px 4px 5px;
}
#kol-packages .kol-pkg-strip.member-banner,
#kol-member-banner.member-banner{
  gap:9px;
  padding:9px 13px;
  border-radius:11px;
}
#kol-packages .kol-pkg-strip .member-banner-tag,
#kol-member-banner .member-banner-tag{
  font-size:10px;
  padding:3px 7px;
  letter-spacing:.05em;
}
#kol-packages .kol-pkg-strip .member-banner-txt,
#kol-packages .kol-pkg-strip .member-banner-go,
#kol-member-banner .member-banner-txt,
#kol-member-banner .member-banner-go{
  font-size:11px;
  line-height:1.35;
}
#kol-packages .kol-pkg-strip .member-banner-txt,
#kol-member-banner .member-banner-txt{
  min-width:160px;
}
#kol-member-banner{margin:4px 4px 7px}
.kol-packages[hidden] + #kol-member-banner{margin-top:9px}
.kol-packages:not(.is-collapsed) .kol-pkg-strip{margin-bottom:9px}


/* ===== t509: 我的帖子 · 帖子管理表 ===== */
/* ===== t514: compact header + dense filter row ===== */
/* ===== t516: back beside title; whole date frame; labeled ant-select filters ===== */
/* ===== t517: 我的红人 shares my-posts chrome ===== */
/* ===== t519: country flags + shop logos in asel options ===== */
/* ===== t520: stretch table/empty panel to fill remaining viewport ===== */
.user-page.is-mp,
.user-page.is-mk,
.user-page.is-cart,
.user-page.is-fav,
.user-page:has(.mp-page),
.user-page:has(.hl-cart),
.user-page:has(.hl-fav){
  padding:4px 0 16px;
  display:flex;
  flex-direction:column;
  min-height:calc(100vh - 96px);
  box-sizing:border-box;
}
.user-page.is-mp > .back,
.user-page.is-mk > .back,
.user-page.is-cart > .back,
.user-page.is-fav > .back,
.user-page:has(.mp-page) > .back,
.user-page:has(.hl-cart) > .back,
.user-page:has(.hl-fav) > .back{
  margin-bottom:4px;
  padding:4px 10px;
  font-size:12px;
}
.mp-head{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 6px;
  min-height:0;
}
.mp-head > .back{
  margin:0;
  padding:4px 10px;
  font-size:12px;
  flex:0 0 auto;
}
.mp-head h1{
  margin:0;
  font-size:18px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:-.02em;
}
.mp-page,.mk-page{display:flex;flex-direction:column;gap:6px;flex:1 1 auto;min-height:0}
.mp-quicklinks{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-left:auto}
.mp-quicklinks a{color:var(--red);font-weight:700;text-decoration:none}
.mp-quicklinks a:hover{text-decoration:underline}
.mp-demo-tag{margin-left:auto;font-size:11px;color:var(--faint)}
.mp-toolbar{border:1px solid var(--line);border-radius:8px;background:var(--card);padding:6px 8px}
.mp-filters{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}
.mp-field{display:flex;flex-direction:row;align-items:center;gap:4px;min-width:0}
.mp-lab{font-size:11px;font-weight:700;color:var(--faint);letter-spacing:.02em;white-space:nowrap}
.mp-ctrl,
.mp-search-input{
  height:32px;border:1px solid var(--line);border-radius:6px;background:var(--input-bg);
  color:var(--input-text);padding:0 11px;font:inherit;font-size:13px;min-width:108px;box-sizing:border-box
}
/* Date range — whole frame clickable (daixialu); t523: no bg/glow shadow on click */
.mp-dates{
  display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:6px;
  height:32px;padding:0 10px 0 11px;border:1px solid var(--line);border-radius:6px;
  background:var(--input-bg);cursor:pointer;box-sizing:border-box;min-width:0;position:relative;
  transition:border-color .2s;
  box-shadow:none;
}
.mp-dates:hover{border-color:rgba(225,29,46,.45)}
.mp-dates:focus-within{
  border-color:var(--red);
  /* t523: drop soft red ring — was read as 背景阴影 with digit selection */
  box-shadow:none !important;
  outline:0;
}
.mp-dates input[type="date"]{
  height:28px;border:0;background:transparent;color:var(--input-text);
  padding:0;font:inherit;font-size:13px;min-width:118px;width:118px;box-sizing:border-box;
  cursor:pointer;outline:none;
  -webkit-appearance:none;appearance:none;
  color-scheme:light;
  text-shadow:none !important;
  box-shadow:none !important;
  -webkit-box-shadow:none !important;
  filter:none !important;
  -webkit-text-stroke:0;
  -webkit-text-fill-color:var(--input-text);
}
.mp-dates input[type="date"]:focus,
.mp-dates input[type="date"]:focus-visible,
.mp-dates input[type="date"]:active{
  outline:none !important;
  border:0 !important;
  box-shadow:none !important;
  -webkit-box-shadow:none !important;
  text-shadow:none !important;
  filter:none !important;
  background:transparent;
  -webkit-text-fill-color:var(--input-text);
}
.mp-dates input[type="date"]::selection,
.mp-dates input[type="date"]::-moz-selection{
  background:#B3D7FF;
  color:var(--input-text);
  text-shadow:none !important;
}
.mp-dates input[type="date"]::-webkit-datetime-edit,
.mp-dates input[type="date"]::-webkit-datetime-edit-fields-wrapper,
.mp-dates input[type="date"]::-webkit-datetime-edit-text,
.mp-dates input[type="date"]::-webkit-datetime-edit-month-field,
.mp-dates input[type="date"]::-webkit-datetime-edit-day-field,
.mp-dates input[type="date"]::-webkit-datetime-edit-year-field{
  text-shadow:none !important;
  box-shadow:none !important;
  -webkit-box-shadow:none !important;
  outline:none !important;
  border:0 !important;
  border-radius:0 !important;
  filter:none !important;
  -webkit-text-stroke:0;
  color:var(--input-text);
  -webkit-text-fill-color:var(--input-text);
  background-color:transparent;
}
.mp-dates input[type="date"]::-webkit-datetime-edit-month-field:focus,
.mp-dates input[type="date"]::-webkit-datetime-edit-day-field:focus,
.mp-dates input[type="date"]::-webkit-datetime-edit-year-field:focus,
.mp-dates input[type="date"]::-webkit-datetime-edit-month-field:focus-visible,
.mp-dates input[type="date"]::-webkit-datetime-edit-day-field:focus-visible,
.mp-dates input[type="date"]::-webkit-datetime-edit-year-field:focus-visible{
  /* flat blue selection — no inset/glow */
  background-color:#B3D7FF !important;
  background-image:none !important;
  color:var(--input-text) !important;
  -webkit-text-fill-color:var(--input-text) !important;
  text-shadow:none !important;
  box-shadow:none !important;
  -webkit-box-shadow:none !important;
  outline:none !important;
  outline-offset:0 !important;
  border:0 !important;
  border-radius:0 !important;
  filter:none !important;
  -webkit-filter:none !important;
}
.mp-dates input[type="date"]::-webkit-calendar-picker-indicator{
  opacity:0;position:absolute;width:0;height:0;pointer-events:none;
}
.mp-dates-ico{
  flex:0 0 auto;width:14px;height:14px;margin-left:2px;
  background:currentColor;opacity:.45;color:var(--muted);
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M7 2a1 1 0 0 1 1 1v1h8V3a1 1 0 1 1 2 0v1h1a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h1V3a1 1 0 0 1 1-1zm12 8H5v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-9zM5 8h14V7a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v1z'/></svg>") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M7 2a1 1 0 0 1 1 1v1h8V3a1 1 0 1 1 2 0v1h1a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h1V3a1 1 0 0 1 1-1zm12 8H5v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-9zM5 8h14V7a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v1z'/></svg>") center/contain no-repeat;
}
.mp-sep{font-size:12px;color:var(--muted);flex:0 0 auto}
.mp-search-input{flex:1 1 180px;min-width:160px;width:auto}
.mp-switch{display:inline-flex;flex-direction:row;align-items:center;gap:5px;height:32px;padding:0 2px;font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap;cursor:pointer}
.mp-switch input{accent-color:var(--red)}
.mp-btn-ghost{
  height:32px;padding:0 12px;border-radius:6px;border:1px solid var(--line);
  background:var(--raised);color:var(--ink);font-size:12px;font-weight:700;cursor:pointer;flex:0 0 auto
}
.mp-btn-ghost:hover{border-color:var(--red);color:var(--red)}
/* Labeled ant-select style (daixialu open/focus look, H&L red) */
.mp-asel{position:relative;flex:0 0 auto;min-width:118px;z-index:2}
.mp-asel.is-open{z-index:20}
.mp-asel-trigger{
  display:flex;align-items:center;gap:8px;width:100%;min-width:118px;height:32px;
  padding:0 28px 0 11px;border:1px solid var(--line);border-radius:6px;
  background:var(--input-bg);color:var(--input-text);font:inherit;font-size:13px;
  cursor:pointer;box-sizing:border-box;text-align:left;position:relative;
  transition:border-color .2s, box-shadow .2s;
}
.mp-asel-trigger:hover{border-color:rgba(225,29,46,.45)}
.mp-asel.is-open .mp-asel-trigger,
.mp-asel-trigger:focus{
  border-color:var(--red);
  box-shadow:0 0 0 2px rgba(225,29,46,.22);
  outline:0;
}
.mp-asel-value{
  flex:1;min-width:0;display:inline-flex;align-items:center;gap:8px;overflow:hidden;
}
.mp-asel-text{
  flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:var(--ink);font-weight:600;
}
.mp-asel-text.is-ph{color:#8c8c8c;font-weight:500}
html[data-theme="dark"] .mp-asel-text.is-ph{color:var(--faint)}
.mp-asel-ico{
  flex:0 0 auto;display:inline-block;object-fit:contain;border-radius:2px;
}
.mp-asel-ico.is-flag{
  width:20px;height:14px;box-shadow:0 0 0 1px rgba(0,0,0,.08);
}
.mp-asel-ico.is-plat{
  width:18px;height:18px;border-radius:4px;
}
.mp-asel.is-country .mp-asel-menu,
.mp-asel.is-shop .mp-asel-menu,
.mp-asel.is-kolplat .mp-asel-menu{min-width:168px}
.mp-asel-opt.has-ico{
  display:flex;align-items:center;gap:10px;padding:8px 12px;
}
.mp-asel-opt-lab{flex:1;min-width:0}
.mp-asel-arrow{
  position:absolute;right:10px;top:50%;width:10px;height:10px;margin-top:-5px;
  opacity:.45;pointer-events:none;
  background:currentColor;color:var(--muted);
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path fill='black' d='M2.1 4.2a.75.75 0 0 1 1.06-.02L6 6.9l2.84-2.72a.75.75 0 1 1 1.04 1.08l-3.36 3.22a.75.75 0 0 1-1.04 0L2.12 5.26a.75.75 0 0 1-.02-1.06z'/></svg>") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path fill='black' d='M2.1 4.2a.75.75 0 0 1 1.06-.02L6 6.9l2.84-2.72a.75.75 0 1 1 1.04 1.08l-3.36 3.22a.75.75 0 0 1-1.04 0L2.12 5.26a.75.75 0 0 1-.02-1.06z'/></svg>") center/contain no-repeat;
  transition:transform .2s;
}
.mp-asel.is-open .mp-asel-arrow{transform:rotate(180deg);opacity:.7}
.mp-asel-menu{
  position:absolute;left:0;right:0;top:calc(100% + 4px);min-width:100%;
  margin:0;padding:4px 0;list-style:none;
  background:var(--card);border:1px solid var(--line);border-radius:8px;
  box-shadow:0 6px 16px rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12);
  max-height:260px;overflow:auto;z-index:30;
}
html[data-theme="dark"] .mp-asel-menu{box-shadow:0 6px 16px rgba(0,0,0,.35)}
.mp-asel-opt{
  padding:7px 12px;font-size:13px;color:var(--ink);cursor:pointer;line-height:1.35;
}
.mp-asel-opt:hover{background:rgba(225,29,46,.08)}
.mp-asel-opt.is-active{
  color:var(--red);font-weight:700;background:rgba(225,29,46,.1);
}
.mp-table-wrap{
  border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:auto;
  flex:1 1 auto;min-height:calc(100vh - 260px);display:flex;flex-direction:column;
}
.mp-table-wrap > .mp-thead{flex:0 0 auto}
.mp-table-wrap > .mp-tbody{flex:1 1 auto}
.mp-thead,.mp-row-main{
  display:grid;
  grid-template-columns:minmax(240px,2.2fr) minmax(88px,.7fr) minmax(100px,.8fr) minmax(96px,.7fr) minmax(92px,.7fr) minmax(120px,.9fr) minmax(128px,.8fr);
  gap:10px;align-items:center;padding:10px 12px
}
.mp-thead{position:sticky;top:0;z-index:1;background:var(--raised);border-bottom:1px solid var(--line);font-size:12px;font-weight:800;color:var(--muted)}
.mp-tbody{min-height:160px;flex:1 1 auto}
.mp-row{border-bottom:1px solid var(--line)}
.mp-row:last-child{border-bottom:0}
.mp-row-main{font-size:13px}
.mp-row.is-open{background:rgba(225,29,46,.03)}
html[data-theme="dark"] .mp-row.is-open{background:rgba(225,29,46,.08)}
.mp-col-product{display:flex;gap:10px;align-items:flex-start;min-width:0}
.mp-thumb{flex:0 0 56px;width:56px;height:56px;border-radius:8px;overflow:hidden;border:1px solid var(--line);background:var(--raised)}
.mp-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.mp-thumb.is-av{border-radius:50%}
.mp-product-body{min-width:0;flex:1}
.mp-title{font-size:13px;font-weight:800;line-height:1.35;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mp-demo-badge{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;font-size:10px;font-weight:800;vertical-align:middle;background:rgba(225,29,46,.1);color:var(--red);border:1px solid rgba(225,29,46,.25)}
.mp-sub{margin-top:2px;font-size:11px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-meta-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;align-items:center}
.mp-flag{display:inline-block;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.mp-chip{display:inline-flex;align-items:center;padding:1px 6px;border-radius:999px;font-size:10px;font-weight:700;border:1px solid var(--line);background:var(--raised);color:var(--muted)}
.mp-chip.faint{color:var(--faint);font-weight:600}
.mp-price-now{font-weight:800;color:var(--ink)}
.mp-price-was{font-size:11px;color:var(--faint);text-decoration:line-through;margin-top:2px}
.mp-code{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:700;padding:2px 6px;border-radius:6px;background:rgba(225,29,46,.08);color:var(--red);border:1px solid rgba(225,29,46,.18)}
.mp-off{display:block;margin-top:4px;font-size:11px;font-weight:700;color:var(--muted)}
.mp-fee{font-weight:800;font-variant-numeric:tabular-nums}
.mp-tag{display:inline-block;margin-top:4px;padding:1px 7px;border-radius:999px;font-size:10px;font-weight:800;border:1px solid var(--line);background:var(--raised);color:var(--muted)}
.mp-tag.is-paid{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.35);color:#059669}
.mp-tag.is-unpaid{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.35);color:#d97706}
.mp-tag.is-closed{background:rgba(107,114,128,.12);border-color:rgba(107,114,128,.3);color:#6b7280}
html[data-theme="dark"] .mp-tag.is-paid{color:#34d399}
html[data-theme="dark"] .mp-tag.is-unpaid{color:#fbbf24}
.mp-col-time{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}
.mp-prog{display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.mp-prog-total{font-size:11px;color:var(--faint);font-weight:700}
.mp-prog-pill{display:inline-flex;align-items:center;padding:1px 7px;border-radius:999px;font-size:10px;font-weight:800;border:1px solid var(--line);background:var(--raised);color:var(--muted)}
.mp-prog-pill.is-done{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.35);color:#059669}
.mp-prog-pill.is-refund{background:rgba(225,29,46,.1);border-color:rgba(225,29,46,.3);color:var(--red)}
.mp-prog-pill.is-active{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.35);color:#2563eb}
html[data-theme="dark"] .mp-prog-pill.is-done{color:#34d399}
html[data-theme="dark"] .mp-prog-pill.is-active{color:#60a5fa}
.mp-col-ops{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.mp-btn{
  height:28px;padding:0 10px;border-radius:8px;border:1px solid var(--line);
  background:var(--raised);color:var(--ink);font-size:12px;font-weight:700;cursor:pointer
}
.mp-btn:hover{border-color:var(--red)}
.mp-btn-primary{background:var(--red);border-color:var(--red);color:#fff}
.mp-btn-primary:hover{filter:brightness(1.05)}
.mp-children{padding:0 12px 12px 78px;display:flex;flex-direction:column;gap:8px}
.mp-child{
  display:grid;grid-template-columns:1.2fr 1.2fr .7fr .8fr 1.4fr;gap:10px;align-items:start;
  padding:10px 12px;border:1px dashed rgba(225,29,46,.28);border-radius:10px;background:rgba(225,29,46,.03)
}
html[data-theme="dark"] .mp-child{background:rgba(225,29,46,.07)}
.mp-child.is-empty{color:var(--muted);font-size:12px}
.mp-child-site a{font-weight:800;color:var(--red);text-decoration:none;font-size:13px}
.mp-child-site a:hover{text-decoration:underline}
.mp-k{display:block;font-size:10px;font-weight:700;color:var(--faint);margin-bottom:2px;letter-spacing:.04em}
.mp-child-note,.mp-child-fee,.mp-child-msg{font-size:12px;color:var(--ink);line-height:1.45}
.mp-child-status{display:inline-flex;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800;border:1px solid var(--line);background:var(--raised);color:var(--muted)}
.mp-child-status.is-done{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.35);color:#059669}
.mp-child-status.is-refund{background:rgba(225,29,46,.1);border-color:rgba(225,29,46,.3);color:var(--red)}
.mp-child-status.is-wait{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.35);color:#2563eb}
.mp-child-status.is-pending{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.35);color:#d97706}
.mp-empty{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  padding:56px 16px;color:var(--muted);font-size:13px;
  flex:1 1 auto;min-height:calc(100vh - 280px);width:100%;box-sizing:border-box;
}
.mp-empty-ico{width:48px;height:48px;border-radius:12px;border:1px dashed var(--line-strong);background:
  linear-gradient(135deg,rgba(225,29,46,.08),transparent 55%),var(--raised);
  position:relative}
.mp-empty-ico::after{content:"";position:absolute;inset:14px;border:2px solid var(--faint);border-radius:4px;opacity:.55}
.mp-pager{display:flex;justify-content:flex-end;flex:0 0 auto;margin-top:auto}
.mp-pager-inner{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:4px 2px}
.mp-pager-meta{font-size:12px;color:var(--muted);font-weight:600}
.mp-pager-btns{display:flex;flex-wrap:wrap;gap:4px}
.mp-page-btn{
  min-width:30px;height:30px;padding:0 8px;border-radius:8px;border:1px solid var(--line);
  background:var(--card);color:var(--ink);font-size:12px;font-weight:700;cursor:pointer
}
.mp-page-btn:hover:not(:disabled){border-color:var(--red)}
.mp-page-btn.is-active{background:var(--red);border-color:var(--red);color:#fff}
.mp-page-btn:disabled{opacity:.45;cursor:not-allowed}
.mp-page-size{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}
.mp-page-size select{height:30px;border:1px solid var(--line);border-radius:8px;background:var(--input-bg);color:var(--input-text);padding:0 8px;font:inherit;font-size:12px}
@media(max-width:960px){
  .mp-thead{display:none}
  .mp-row-main{grid-template-columns:1fr 1fr;gap:8px}
  .mp-col-product{grid-column:1/-1}
  .mp-col-ops{grid-column:1/-1;justify-content:flex-start}
  .mp-children{padding-left:12px}
  .mp-child{grid-template-columns:1fr 1fr}
}


/* t531/t532: social compliance notice (reuse kol-order-modal shell) */
.social-compliance-sheet{width:min(440px,100%);max-height:min(88vh,420px)}
.social-compliance-body{padding:4px 4px 0}
.social-compliance-text{margin:0;font-size:14px;line-height:1.65;color:var(--muted);font-weight:600}
.social-compliance-foot{justify-content:flex-end;gap:10px;flex-wrap:wrap}
.social-compliance-foot .social-compliance-mute{
  min-width:110px;border:1px solid var(--line);background:var(--card);color:var(--ink);
  border-radius:999px;padding:10px 16px;font-size:13px;font-weight:600;cursor:pointer
}
.social-compliance-foot .social-compliance-mute:hover{border-color:var(--red);color:var(--red)}
.social-compliance-foot .kol-order-ack{min-width:120px}

/* ===== t584: #/add-product 我要下单 (逮虾录 step1 · H&L red) ===== */
.ap-page{max-width:1180px;margin:0 auto;padding:8px 4px 48px;color:var(--ink,#111)}
.ap-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px}
.ap-top-left{display:flex;align-items:center;gap:10px;min-width:0}
.ap-back{border:1px solid var(--line,#e5e5e5);background:var(--card,#fff);color:var(--ink,#111);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer}
.ap-back:hover{border-color:var(--red,#E11D2E);color:var(--red,#E11D2E)}
.ap-title{font-size:20px;font-weight:750;margin:0;letter-spacing:.02em}
.ap-top-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ap-link{font-size:13px;font-weight:600;color:var(--muted,#666);text-decoration:none}
.ap-link:hover{color:var(--red,#E11D2E)}
.ap-link b{color:var(--red,#E11D2E);font-weight:750}
.ap-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);gap:18px;align-items:start}
@media(max-width:960px){.ap-grid{grid-template-columns:1fr}}
.ap-card{background:var(--card,#fff);border:1px solid var(--line,#e8e8ed);border-radius:14px;padding:16px 18px 18px;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.ap-sec{margin:0 0 18px}
.ap-sec:last-child{margin-bottom:0}
.ap-sec-h{font-size:15px;font-weight:750;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line,#eee);display:flex;align-items:center;gap:8px}
.ap-sec-h::before{content:"";width:3px;height:14px;border-radius:999px;background:linear-gradient(180deg,#FF6B6B,#E11D2E);box-shadow:0 0 8px rgba(225,29,46,.45)}
.ap-field{margin:0 0 12px}
.ap-lab{display:block;font-size:12px;font-weight:700;color:var(--muted,#666);margin:0 0 6px}
.ap-lab .req{color:#E11D2E;margin-right:2px}
.ap-input,.ap-select,.ap-textarea{
  width:100%;box-sizing:border-box;padding:9px 12px;border-radius:10px;
  border:1px solid var(--line,#e5e5e5);background:#fff;color:var(--ink,#111);
  font-size:13px;font-weight:500;outline:none;transition:border-color .14s,box-shadow .14s
}
.ap-input:focus,.ap-select:focus,.ap-textarea:focus{
  border-color:rgba(225,29,46,.55);box-shadow:0 0 0 3px rgba(225,29,46,.12)
}
.ap-input.is-err,.ap-select.is-err,.ap-textarea.is-err{border-color:#E11D2E;box-shadow:0 0 0 3px rgba(225,29,46,.15)}
.ap-hint{font-size:11px;color:var(--muted,#888);margin-top:4px;line-height:1.4}
.ap-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:640px){.ap-row2{grid-template-columns:1fr}}
.ap-price{display:flex;align-items:center;gap:8px}
.ap-price .ap-input{flex:1;min-width:0}
.ap-price .ap-dash{color:var(--muted,#999);font-weight:700}
.ap-price .ap-cur{font-size:13px;font-weight:700;color:var(--muted,#666);flex-shrink:0}
.ap-inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ap-inline .ap-input{flex:1;min-width:120px}
.ap-chk{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--muted,#555);cursor:pointer;user-select:none;white-space:nowrap}
.ap-chk input{accent-color:#E11D2E}
.ap-btn-quiet{
  border:1px dashed rgba(225,29,46,.35);background:rgba(225,29,46,.04);color:#C41E3A;
  border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;cursor:pointer
}
.ap-btn-quiet:hover{background:rgba(225,29,46,.08);border-color:#E11D2E}
.ap-variants{display:flex;flex-direction:column;gap:6px;margin:6px 0 0}
.ap-var-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:999px;background:#F5F5F7;font-size:12px;font-weight:600;width:fit-content}
.ap-var-chip button{border:0;background:transparent;color:#999;cursor:pointer;font-size:14px;line-height:1;padding:0 2px}
.ap-var-chip button:hover{color:#E11D2E}
.ap-extra{display:none;margin-top:10px;padding:12px;border-radius:10px;background:#FAFAFB;border:1px solid var(--line,#eee)}
.ap-extra.is-open{display:block}
.ap-cta{
  display:inline-flex;align-items:center;justify-content:center;width:100%;margin-top:8px;
  padding:12px 18px;border:0;border-radius:12px;cursor:pointer;
  background:linear-gradient(135deg,#E11D2E,#C41E3A);color:#fff;font-size:15px;font-weight:750;
  box-shadow:0 6px 18px rgba(225,29,46,.28);transition:transform .14s,filter .14s
}
.ap-cta:hover{transform:translateY(-1px);filter:brightness(1.04)}
.ap-cta:active{transform:none}
.ap-step{font-size:12px;font-weight:700;color:var(--muted,#666);margin:0 0 10px;letter-spacing:.04em}
.ap-step b{color:#E11D2E}
.ap-side-h{font-size:14px;font-weight:750;margin:0 0 8px}
.ap-textarea{min-height:140px;resize:vertical;line-height:1.5;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}
.ap-side-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.ap-side-actions button{
  border:1px solid var(--line,#e5e5e5);background:#fff;color:var(--ink,#111);
  border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;cursor:pointer
}
.ap-side-actions button.ap-primary{
  background:linear-gradient(135deg,#E11D2E,#C41E3A);border-color:#E11D2E;color:#fff
}
.ap-side-actions button:hover{border-color:#E11D2E}
.ap-faq{margin-top:14px}
.ap-faq-item{border-top:1px solid var(--line,#eee)}
.ap-faq-item:last-child{border-bottom:1px solid var(--line,#eee)}
.ap-faq-q{
  width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:11px 2px;border:0;background:transparent;cursor:pointer;font-size:13px;font-weight:650;color:var(--ink,#222)
}
.ap-faq-q:hover{color:#E11D2E}
.ap-faq-q .chev{color:#999;transition:transform .16s}
.ap-faq-item.is-open .chev{transform:rotate(180deg);color:#E11D2E}
.ap-faq-a{display:none;padding:0 2px 12px;font-size:12px;line-height:1.55;color:var(--muted,#666)}
.ap-faq-item.is-open .ap-faq-a{display:block}
.ap-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:9999;
  transition:opacity .2s,transform .2s;box-shadow:0 8px 24px rgba(0,0,0,.25)
}
.ap-toast.is-on{opacity:1;transform:translateX(-50%) translateY(0)}
html[data-theme="dark"] .ap-card{background:#141416;border-color:#2a2a32}
html[data-theme="dark"] .ap-input,html[data-theme="dark"] .ap-select,html[data-theme="dark"] .ap-textarea{background:#1a1a1f;border-color:#333;color:#f2f2f2}
html[data-theme="dark"] .ap-extra{background:#1a1a1f;border-color:#333}
html[data-theme="dark"] .ap-var-chip{background:#222}
html[data-theme="dark"] .ap-back,html[data-theme="dark"] .ap-side-actions button{background:#1a1a1f;border-color:#333;color:#eee}


/* t593: active topnav = solid brand red text, NO charcoal metal pill (beats t234/t421/t423) */
.header-switch .switch-btn.is-active,
a.switch-btn.is-active,
.switch-btn.is-active{
  color:var(--red,#E11D2E) !important;
  -webkit-text-fill-color:var(--red,#E11D2E) !important;
  border:none !important;
  outline:none !important;
  border-radius:0 !important;
  background:transparent !important;
  background-image:none !important;
  background-color:transparent !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  box-shadow:none !important;
  text-shadow:none !important;
  filter:none !important;
}
.header-switch .switch-btn.is-active:hover,
a.switch-btn.is-active:hover,
.switch-btn.is-active:hover{
  color:#C41826 !important;
  -webkit-text-fill-color:#C41826 !important;
  border:none !important;
  outline:none !important;
  background:transparent !important;
  background-image:none !important;
  background-color:transparent !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  box-shadow:none !important;
  text-shadow:none !important;
  filter:none !important;
}
html[data-theme="dark"] .header-switch .switch-btn.is-active,
html[data-theme="dark"] a.switch-btn.is-active,
html[data-theme="dark"] .switch-btn.is-active{
  color:var(--red,#E11D2E) !important;
  -webkit-text-fill-color:var(--red,#E11D2E) !important;
  border:none !important;
  outline:none !important;
  border-radius:0 !important;
  background:transparent !important;
  background-image:none !important;
  background-color:transparent !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  box-shadow:none !important;
  text-shadow:none !important;
  filter:none !important;
}
html[data-theme="dark"] .header-switch .switch-btn.is-active:hover,
html[data-theme="dark"] a.switch-btn.is-active:hover,
html[data-theme="dark"] .switch-btn.is-active:hover{
  color:#C41826 !important;
  -webkit-text-fill-color:#C41826 !important;
  border:none !important;
  outline:none !important;
  background:transparent !important;
  background-image:none !important;
  background-color:transparent !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  box-shadow:none !important;
  text-shadow:none !important;
  filter:none !important;
}
/* end t593 */

/* t596: #filters selected chips — gold-black heavy-metal TEXT (no pill fill/border); beats t414/t418 fills */
#filters .choice.is-active,
#filters .choice.active,
#filters button.choice.is-active,
#filters button.choice.active{
  background:transparent !important;
  background-color:transparent !important;
  background-image:linear-gradient(105deg,#F5D76E 0%,#D4AF37 28%,#1a1a1f 55%,#000 78%,#F5D76E 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  border:none !important;
  border-color:transparent !important;
  border-width:0 !important;
  outline:none !important;
  box-shadow:none !important;
  text-shadow:none !important;
  font-weight:800 !important;
  filter:drop-shadow(0 1px 0 rgba(245,215,110,.45)) drop-shadow(0 1px 2px rgba(0,0,0,.35)) !important;
}
#filters .choice.is-active:hover,
#filters .choice.active:hover,
#filters button.choice.is-active:hover,
#filters button.choice.active:hover{
  background:transparent !important;
  background-color:transparent !important;
  background-image:linear-gradient(105deg,#FFE9A0 0%,#F5D76E 22%,#D4AF37 42%,#2a2a32 62%,#111118 82%,#F5D76E 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  border:none !important;
  border-color:transparent !important;
  box-shadow:none !important;
  text-shadow:none !important;
  filter:drop-shadow(0 1px 0 rgba(255,233,160,.55)) drop-shadow(0 1px 2px rgba(0,0,0,.28)) !important;
}
html[data-theme="dark"] #filters .choice.is-active,
html[data-theme="dark"] #filters .choice.active,
html[data-theme="dark"] #filters button.choice.is-active,
html[data-theme="dark"] #filters button.choice.active{
  background:transparent !important;
  background-color:transparent !important;
  background-image:linear-gradient(105deg,#F5D76E 0%,#D4AF37 28%,#1a1a1f 55%,#000 78%,#F5D76E 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  border:none !important;
  box-shadow:none !important;
  filter:drop-shadow(0 1px 0 rgba(245,215,110,.55)) drop-shadow(0 1px 3px rgba(0,0,0,.55)) !important;
}
html[data-theme="dark"] #filters .choice.is-active:hover,
html[data-theme="dark"] #filters .choice.active:hover,
html[data-theme="dark"] #filters button.choice.is-active:hover,
html[data-theme="dark"] #filters button.choice.active:hover{
  background:transparent !important;
  background-color:transparent !important;
  background-image:linear-gradient(105deg,#FFE9A0 0%,#F5D76E 22%,#D4AF37 42%,#2a2a32 62%,#111118 82%,#F5D76E 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  border:none !important;
  box-shadow:none !important;
  filter:drop-shadow(0 1px 0 rgba(255,233,160,.6)) drop-shadow(0 1px 3px rgba(0,0,0,.5)) !important;
}
/* end t596 */

/* t597: #filters 重置 — black border; keep red text/fill metal otherwise */
#filters #filter-reset,
#filters .filter-reset-btn#filter-reset,
#filters button.filter-reset-btn{
  border:1px solid #111 !important;
  border-color:#111 !important;
}
#filters #filter-reset:hover,
#filters .filter-reset-btn#filter-reset:hover,
#filters button.filter-reset-btn:hover{
  border:1px solid #000 !important;
  border-color:#000 !important;
}
html[data-theme="dark"] #filters #filter-reset,
html[data-theme="dark"] #filters .filter-reset-btn#filter-reset,
html[data-theme="dark"] #filters button.filter-reset-btn{
  border:1px solid #111 !important;
  border-color:#111 !important;
}
html[data-theme="dark"] #filters #filter-reset:hover,
html[data-theme="dark"] #filters .filter-reset-btn#filter-reset:hover,
html[data-theme="dark"] #filters button.filter-reset-btn:hover{
  border:1px solid #000 !important;
  border-color:#000 !important;
}
/* end t597 */

/* ===== t598: Amazon #/kol 套餐 strip → black-gold metal (match .acc-btn-member) ===== */
/* Scope: only #kol-packages button.kol-pkg-strip — not Deal banners / global .member-banner */
#kol-packages button.kol-pkg-strip.member-banner,
#kol-packages button.kol-pkg-strip{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  box-sizing:border-box;
  font:inherit;
  text-align:left;
  cursor:pointer;
  margin:0;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  padding:9px 13px;
  border-radius:11px;
  border:1px solid rgba(212,175,55,.55) !important;
  background:
    linear-gradient(135deg,
      rgba(18,18,20,.55) 0%,
      rgba(42,38,32,.5) 28%,
      rgba(184,148,62,.48) 52%,
      rgba(232,205,120,.55) 72%,
      rgba(28,26,22,.52) 100%) !important;
  color:#111 !important;
  text-decoration:none;
  text-shadow:none;
  box-shadow:
    inset 0 1px 0 rgba(255,236,180,.35),
    inset 0 -1px 0 rgba(0,0,0,.25),
    0 1px 2px rgba(0,0,0,.12) !important;
  transition:filter .15s, border-color .15s, box-shadow .15s;
  opacity:1;
  transform:none;
}
#kol-packages button.kol-pkg-strip.member-banner:hover,
#kol-packages button.kol-pkg-strip:hover{
  border-color:rgba(232,205,120,.75) !important;
  filter:brightness(1.08);
  color:#111 !important;
  text-decoration:none;
  box-shadow:
    inset 0 1px 0 rgba(255,240,200,.45),
    inset 0 -1px 0 rgba(0,0,0,.22),
    0 2px 6px rgba(184,148,62,.22) !important;
  transform:none;
}
#kol-packages button.kol-pkg-strip.member-banner:active,
#kol-packages button.kol-pkg-strip:active{
  filter:brightness(.98);
  transform:none;
}
/* tag chip: dark/black-gold metal (drop red fill) */
#kol-packages .kol-pkg-strip .member-banner-tag{
  flex-shrink:0;
  font-size:10px;
  font-weight:800;
  letter-spacing:.05em;
  padding:3px 8px;
  border-radius:999px;
  border:1px solid rgba(212,175,55,.65) !important;
  background:
    linear-gradient(135deg,
      rgba(18,18,20,.92) 0%,
      rgba(42,38,32,.88) 40%,
      rgba(28,26,22,.9) 100%) !important;
  color:#e8cd78 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,236,180,.22),
    inset 0 -1px 0 rgba(0,0,0,.35);
}
/* txt + go: dark charcoal, not red */
#kol-packages .kol-pkg-strip .member-banner-txt{
  flex:1;
  min-width:160px;
  font-size:11px;
  line-height:1.35;
  font-weight:700;
  color:#111 !important;
}
#kol-packages .kol-pkg-strip .member-banner-go{
  flex-shrink:0;
  font-size:11px;
  line-height:1.35;
  font-weight:800;
  color:#1a1510 !important;
}
#kol-packages button.kol-pkg-strip:hover .member-banner-go{
  color:#111 !important;
}
html[data-theme="dark"] #kol-packages button.kol-pkg-strip.member-banner,
html[data-theme="dark"] #kol-packages button.kol-pkg-strip{
  border-color:rgba(212,175,55,.5) !important;
  color:#111 !important;
}
html[data-theme="dark"] #kol-packages .kol-pkg-strip .member-banner-txt,
html[data-theme="dark"] #kol-packages .kol-pkg-strip .member-banner-go{
  color:#111 !important;
}
/* end t598 */

/* ===== t599: #filters 重置 — transparent bg + black text; keep t597 black border ===== */
#filters #filter-reset,
#filters .filter-reset-btn#filter-reset,
#filters button.filter-reset-btn{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  color:#111 !important;
  -webkit-text-fill-color:#111 !important;
  border:1px solid #111 !important;
  border-color:#111 !important;
  box-shadow:none !important;
  filter:none !important;
  text-shadow:none !important;
}
#filters #filter-reset:hover,
#filters .filter-reset-btn#filter-reset:hover,
#filters button.filter-reset-btn:hover{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  color:#000 !important;
  -webkit-text-fill-color:#000 !important;
  border:1px solid #000 !important;
  border-color:#000 !important;
  box-shadow:none !important;
}
html[data-theme="dark"] #filters #filter-reset,
html[data-theme="dark"] #filters .filter-reset-btn#filter-reset,
html[data-theme="dark"] #filters button.filter-reset-btn{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  color:#111 !important;
  -webkit-text-fill-color:#111 !important;
  border:1px solid #111 !important;
  border-color:#111 !important;
}
html[data-theme="dark"] #filters #filter-reset:hover,
html[data-theme="dark"] #filters .filter-reset-btn#filter-reset:hover,
html[data-theme="dark"] #filters button.filter-reset-btn:hover{
  background:transparent !important;
  color:#000 !important;
  -webkit-text-fill-color:#000 !important;
  border:1px solid #000 !important;
  border-color:#000 !important;
}
/* end t599 */

/* ===== t600: #filters selected — 浅黑金属 pill (away from t596 gold-black text) ===== */
/* light charcoal/black metal fill + inset highlight; white text; no border */
#filters .choice.is-active,
#filters .choice.active,
#filters button.choice.is-active,
#filters button.choice.active{
  background:linear-gradient(135deg,#6b6b75 0%,#4a4a55 42%,#2a2a32 100%) !important;
  background-image:linear-gradient(135deg,#6b6b75 0%,#4a4a55 42%,#2a2a32 100%) !important;
  background-color:#3a3a44 !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border:none !important;
  border-color:transparent !important;
  border-width:0 !important;
  outline:none !important;
  box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 0 0 1px rgba(255,255,255,.08) inset,0 2px 8px rgba(0,0,0,.18) !important;
  text-shadow:none !important;
  font-weight:700 !important;
  filter:none !important;
}
#filters .choice.is-active:hover,
#filters .choice.active:hover,
#filters button.choice.is-active:hover,
#filters button.choice.active:hover{
  background:linear-gradient(135deg,#7a7a86 0%,#585866 40%,#34343e 100%) !important;
  background-image:linear-gradient(135deg,#7a7a86 0%,#585866 40%,#34343e 100%) !important;
  background-color:#4a4a55 !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border:none !important;
  border-color:transparent !important;
  box-shadow:0 1px 0 rgba(255,255,255,.28) inset,0 0 0 1px rgba(255,255,255,.10) inset,0 3px 10px rgba(0,0,0,.22) !important;
  text-shadow:none !important;
  filter:none !important;
}
html[data-theme="dark"] #filters .choice.is-active,
html[data-theme="dark"] #filters .choice.active,
html[data-theme="dark"] #filters button.choice.is-active,
html[data-theme="dark"] #filters button.choice.active{
  background:linear-gradient(135deg,#7a7a86 0%,#555562 42%,#2e2e38 100%) !important;
  background-image:linear-gradient(135deg,#7a7a86 0%,#555562 42%,#2e2e38 100%) !important;
  background-color:#3a3a44 !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border:none !important;
  box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 2px 10px rgba(0,0,0,.35) !important;
  filter:none !important;
}
html[data-theme="dark"] #filters .choice.is-active:hover,
html[data-theme="dark"] #filters .choice.active:hover,
html[data-theme="dark"] #filters button.choice.is-active:hover,
html[data-theme="dark"] #filters button.choice.active:hover{
  background:linear-gradient(135deg,#8a8a96 0%,#646472 40%,#383844 100%) !important;
  background-image:linear-gradient(135deg,#8a8a96 0%,#646472 40%,#383844 100%) !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border:none !important;
  box-shadow:0 1px 0 rgba(255,255,255,.24) inset,0 3px 12px rgba(0,0,0,.4) !important;
  filter:none !important;
}
/* end t600 */

/* ===== t601: #filters selected — TEXT-ONLY 浅黑金属渐变 (override t600 pill) ===== */
/* chip fill/border/shadow none; metal lives only in glyph clip + drop-shadow */
#filters .choice.is-active,
#filters .choice.active,
#filters button.choice.is-active,
#filters button.choice.active{
  background:transparent !important;
  background-color:transparent !important;
  background-image:linear-gradient(105deg,#9a9aa6 0%,#6b6b75 30%,#4a4a55 55%,#2a2a32 78%,#8a8a94 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  border:none !important;
  border-color:transparent !important;
  border-width:0 !important;
  outline:none !important;
  box-shadow:none !important;
  text-shadow:none !important;
  font-weight:800 !important;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.35)) drop-shadow(0 1px 2px rgba(0,0,0,.28)) !important;
}
#filters .choice.is-active:hover,
#filters .choice.active:hover,
#filters button.choice.is-active:hover,
#filters button.choice.active:hover{
  background:transparent !important;
  background-color:transparent !important;
  background-image:linear-gradient(105deg,#b0b0ba 0%,#858592 28%,#5c5c68 52%,#3a3a44 76%,#9a9aa6 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  border:none !important;
  border-color:transparent !important;
  box-shadow:none !important;
  text-shadow:none !important;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.42)) drop-shadow(0 1px 2px rgba(0,0,0,.22)) !important;
}
html[data-theme="dark"] #filters .choice.is-active,
html[data-theme="dark"] #filters .choice.active,
html[data-theme="dark"] #filters button.choice.is-active,
html[data-theme="dark"] #filters button.choice.active{
  background:transparent !important;
  background-color:transparent !important;
  background-image:linear-gradient(105deg,#c8c8d0 0%,#9a9aa6 28%,#7a7a86 52%,#4a4a55 76%,#b0b0ba 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  border:none !important;
  box-shadow:none !important;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.28)) drop-shadow(0 1px 3px rgba(0,0,0,.45)) !important;
}
html[data-theme="dark"] #filters .choice.is-active:hover,
html[data-theme="dark"] #filters .choice.active:hover,
html[data-theme="dark"] #filters button.choice.is-active:hover,
html[data-theme="dark"] #filters button.choice.active:hover{
  background:transparent !important;
  background-color:transparent !important;
  background-image:linear-gradient(105deg,#d8d8e0 0%,#b0b0ba 26%,#8a8a96 50%,#5c5c68 74%,#c8c8d0 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  border:none !important;
  box-shadow:none !important;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.35)) drop-shadow(0 1px 3px rgba(0,0,0,.4)) !important;
}
/* end t601 */

/* ===== t602: #filters unselected — 深灰 text only (keep t601 selected metal) ===== */
#filters .choice:not(.is-active):not(.active),
#filters button.choice:not(.is-active):not(.active){
  color:#555 !important;
  -webkit-text-fill-color:#555 !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  border:none !important;
  border-color:transparent !important;
  box-shadow:none !important;
  text-shadow:none !important;
  filter:none !important;
  font-weight:500 !important;
}
#filters .choice:not(.is-active):not(.active):hover,
#filters button.choice:not(.is-active):not(.active):hover{
  color:#333 !important;
  -webkit-text-fill-color:#333 !important;
  background:transparent !important;
  background-image:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  border:none !important;
  box-shadow:none !important;
  filter:none !important;
}
html[data-theme="dark"] #filters .choice:not(.is-active):not(.active),
html[data-theme="dark"] #filters button.choice:not(.is-active):not(.active){
  color:#555 !important;
  -webkit-text-fill-color:#555 !important;
  background:transparent !important;
  background-image:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  filter:none !important;
}
html[data-theme="dark"] #filters .choice:not(.is-active):not(.active):hover,
html[data-theme="dark"] #filters button.choice:not(.is-active):not(.active):hover{
  color:#333 !important;
  -webkit-text-fill-color:#333 !important;
  background:transparent !important;
  background-image:none !important;
  filter:none !important;
}
/* end t602 */


/* ===== t603: Amazon packages on #/member; hide list-page strip forever ===== */
#kol-packages,
.kol-packages#kol-packages{
  display:none !important;
}
#member-amazon-pkgs .kol-pkg-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  padding:0;
  margin:0;
}
#member-amazon-pkgs .section-h{
  margin:0 0 12px;
  font-size:16px;
}
#member-amazon-pkgs .member-lead{
  margin:0 0 12px;
}
@media(max-width:960px){
  #member-amazon-pkgs .kol-pkg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  #member-amazon-pkgs .kol-pkg-grid{grid-template-columns:1fr}
}
/* end t603 */

/* ===== t605: #filters unselected + 重置 + 展开 — 深灰 #555 (keep reset black border; keep t601 selected metal) ===== */
#filters .choice:not(.is-active):not(.active),
#filters button.choice:not(.is-active):not(.active){
  color:#555 !important;
  -webkit-text-fill-color:#555 !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  border:none !important;
  border-color:transparent !important;
  box-shadow:none !important;
  text-shadow:none !important;
  filter:none !important;
  font-weight:500 !important;
}
#filters .choice:not(.is-active):not(.active):hover,
#filters button.choice:not(.is-active):not(.active):hover{
  color:#333 !important;
  -webkit-text-fill-color:#333 !important;
  background:transparent !important;
  background-image:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  border:none !important;
  box-shadow:none !important;
  filter:none !important;
}
#filters .filter-lab{
  color:#555 !important;
  -webkit-text-fill-color:#555 !important;
}
#filters #filter-reset,
#filters .filter-reset-btn#filter-reset,
#filters button.filter-reset-btn,
#filters .filter-reset-btn{
  color:#555 !important;
  -webkit-text-fill-color:#555 !important;
  background:transparent !important;
  background-color:transparent !important;
  border:1px solid #111 !important;
  border-color:#111 !important;
  box-shadow:none !important;
}
#filters #filter-reset:hover,
#filters .filter-reset-btn#filter-reset:hover,
#filters button.filter-reset-btn:hover,
#filters .filter-reset-btn:hover{
  color:#333 !important;
  -webkit-text-fill-color:#333 !important;
  background:transparent !important;
  border-color:#111 !important;
}
#filters #filter-reset .filter-reset-ico,
#filters .filter-reset-btn .filter-reset-ico{
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
}
#filters #filter-more-btn,
#filters .filter-more-btn#filter-more-btn,
#filters button.filter-more-btn,
#filters .filter-more-btn{
  color:#555 !important;
  -webkit-text-fill-color:#555 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}
#filters #filter-more-btn:hover,
#filters .filter-more-btn#filter-more-btn:hover,
#filters button.filter-more-btn:hover,
#filters .filter-more-btn:hover{
  color:var(--red,#E11D2E) !important;
  -webkit-text-fill-color:var(--red,#E11D2E) !important;
}
#filters #filter-more-btn .filter-more-lab,
#filters #filter-more-btn .filter-more-ico,
#filters .filter-more-btn .filter-more-lab,
#filters .filter-more-btn .filter-more-ico{
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
}
html[data-theme="dark"] #filters .choice:not(.is-active):not(.active),
html[data-theme="dark"] #filters button.choice:not(.is-active):not(.active),
html[data-theme="dark"] #filters .filter-lab,
html[data-theme="dark"] #filters #filter-reset,
html[data-theme="dark"] #filters .filter-reset-btn,
html[data-theme="dark"] #filters #filter-more-btn,
html[data-theme="dark"] #filters .filter-more-btn{
  color:#555 !important;
  -webkit-text-fill-color:#555 !important;
}
html[data-theme="dark"] #filters #filter-reset,
html[data-theme="dark"] #filters .filter-reset-btn{
  border:1px solid #111 !important;
  background:transparent !important;
}
html[data-theme="dark"] #filters #filter-more-btn:hover,
html[data-theme="dark"] #filters .filter-more-btn:hover{
  color:var(--red-soft,#FF4D5A) !important;
  -webkit-text-fill-color:var(--red-soft,#FF4D5A) !important;
}
/* end t605 */


/* ===== t607/t609: list .grid 5-col confirm; hide leftover list meta-sub/thumbs if any ===== */
.grid{grid-template-columns:repeat(5,minmax(0,1fr))}
html[data-page="kol"] .grid .card > .meta-sub,
html[data-page="social"] .grid .card > .meta-sub,
html[data-page="kol"] .grid .card > .thumbs,
html[data-page="social"] .grid .card > .thumbs{
  display:none !important;
}
/* end t607/t609 */

/* ===== t611 (clarifies t610): lighten ONLY 未选中 — .choice:not(.is-active), 重置, 展开/收起 ===== */
/* Selected (.is-active) stays t601 shallow-black metal text clip — do NOT touch */
#filters .choice:not(.is-active):not(.active),
#filters button.choice:not(.is-active):not(.active){
  color:#888 !important;
  -webkit-text-fill-color:#888 !important;
  background:transparent !important;
  background-image:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  border:none !important;
  box-shadow:none !important;
  filter:none !important;
}
#filters .choice:not(.is-active):not(.active):hover,
#filters button.choice:not(.is-active):not(.active):hover{
  color:#666 !important;
  -webkit-text-fill-color:#666 !important;
  background:transparent !important;
  background-image:none !important;
  filter:none !important;
}
#filters #filter-reset,
#filters .filter-reset-btn#filter-reset,
#filters button.filter-reset-btn,
#filters .filter-reset-btn{
  color:#888 !important;
  -webkit-text-fill-color:#888 !important;
  background:transparent !important;
  border:1px solid #111 !important;
  border-color:#111 !important;
  box-shadow:none !important;
}
#filters #filter-reset:hover,
#filters .filter-reset-btn#filter-reset:hover,
#filters button.filter-reset-btn:hover,
#filters .filter-reset-btn:hover{
  color:#666 !important;
  -webkit-text-fill-color:#666 !important;
  background:transparent !important;
  border-color:#111 !important;
}
#filters #filter-reset .filter-reset-ico,
#filters .filter-reset-btn .filter-reset-ico{
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
}
#filters #filter-more-btn,
#filters .filter-more-btn#filter-more-btn,
#filters button.filter-more-btn,
#filters .filter-more-btn{
  color:#888 !important;
  -webkit-text-fill-color:#888 !important;
  background:transparent !important;
  border:none !important;
}
#filters #filter-more-btn:hover,
#filters .filter-more-btn#filter-more-btn:hover,
#filters button.filter-more-btn:hover,
#filters .filter-more-btn:hover{
  color:var(--red,#E11D2E) !important;
  -webkit-text-fill-color:var(--red,#E11D2E) !important;
}
#filters #filter-more-btn .filter-more-lab,
#filters #filter-more-btn .filter-more-ico,
#filters .filter-more-btn .filter-more-lab,
#filters .filter-more-btn .filter-more-ico{
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
}
html[data-theme="dark"] #filters .choice:not(.is-active):not(.active),
html[data-theme="dark"] #filters button.choice:not(.is-active):not(.active),
html[data-theme="dark"] #filters #filter-reset,
html[data-theme="dark"] #filters .filter-reset-btn,
html[data-theme="dark"] #filters #filter-more-btn,
html[data-theme="dark"] #filters .filter-more-btn{
  color:#888 !important;
  -webkit-text-fill-color:#888 !important;
}
html[data-theme="dark"] #filters #filter-reset,
html[data-theme="dark"] #filters .filter-reset-btn{
  border:1px solid #111 !important;
  background:transparent !important;
}
/* end t611 */