/**
 * H5 多风格主题 — 独立布局 + 个性气质
 * douyin（默认，不改）| jd | taobao | pdd | amazon | meituan | xhs | elegant
 */

/* ========== 0. 抖音风：完全沿用 h5.css，此处不覆盖 ========== */
html[data-theme="douyin"] .h5-orb,
html:not([data-theme]) .h5-orb{/* keep */}

/* ========== 浅色系共用基底 ========== */
html[data-theme="jd"] body,
html[data-theme="taobao"] body,
html[data-theme="pdd"] body,
html[data-theme="amazon"] body,
html[data-theme="meituan"] body,
html[data-theme="xhs"] body,
html[data-theme="elegant"] body{
  background:var(--bg);color:var(--text);
}
html[data-theme="jd"] .h5-orb,
html[data-theme="taobao"] .h5-orb,
html[data-theme="pdd"] .h5-orb,
html[data-theme="amazon"] .h5-orb,
html[data-theme="meituan"] .h5-orb,
html[data-theme="xhs"] .h5-orb,
html[data-theme="elegant"] .h5-orb,
html[data-theme="jd"] .h5-mesh,
html[data-theme="taobao"] .h5-mesh,
html[data-theme="pdd"] .h5-mesh,
html[data-theme="amazon"] .h5-mesh,
html[data-theme="meituan"] .h5-mesh,
html[data-theme="xhs"] .h5-mesh,
html[data-theme="elegant"] .h5-mesh{display:none !important}

html[data-theme="jd"] .btn.ghost,
html[data-theme="taobao"] .btn.ghost,
html[data-theme="pdd"] .btn.ghost,
html[data-theme="amazon"] .btn.ghost,
html[data-theme="meituan"] .btn.ghost,
html[data-theme="xhs"] .btn.ghost,
html[data-theme="elegant"] .btn.ghost{
  background:#fff;border-color:var(--line);color:var(--text);box-shadow:none;
}
html[data-theme="jd"] .sku-chip,
html[data-theme="taobao"] .sku-chip,
html[data-theme="pdd"] .sku-chip,
html[data-theme="amazon"] .sku-chip,
html[data-theme="meituan"] .sku-chip,
html[data-theme="xhs"] .sku-chip,
html[data-theme="elegant"] .sku-chip{background:var(--chip-bg);color:var(--text)}
html[data-theme="jd"] .gallery,
html[data-theme="taobao"] .gallery,
html[data-theme="pdd"] .gallery,
html[data-theme="amazon"] .gallery,
html[data-theme="meituan"] .gallery,
html[data-theme="xhs"] .gallery,
html[data-theme="elegant"] .gallery{background:var(--gallery-bg)}
html[data-theme="jd"] .review-body,
html[data-theme="taobao"] .review-body,
html[data-theme="pdd"] .review-body,
html[data-theme="amazon"] .review-body,
html[data-theme="meituan"] .review-body,
html[data-theme="xhs"] .review-body,
html[data-theme="elegant"] .review-body{color:var(--soft-text)}
html[data-theme="jd"] .page-mc,
html[data-theme="taobao"] .page-mc,
html[data-theme="pdd"] .page-mc,
html[data-theme="amazon"] .page-mc,
html[data-theme="meituan"] .page-mc,
html[data-theme="xhs"] .page-mc,
html[data-theme="elegant"] .page-mc{background:var(--bg)}
html[data-theme="jd"] .mc-topbar,
html[data-theme="taobao"] .mc-topbar,
html[data-theme="pdd"] .mc-topbar,
html[data-theme="amazon"] .mc-topbar,
html[data-theme="meituan"] .mc-topbar,
html[data-theme="xhs"] .mc-topbar,
html[data-theme="elegant"] .mc-topbar,
html[data-theme="jd"] .uc-topbar,
html[data-theme="taobao"] .uc-topbar,
html[data-theme="pdd"] .uc-topbar,
html[data-theme="amazon"] .uc-topbar,
html[data-theme="meituan"] .uc-topbar,
html[data-theme="xhs"] .uc-topbar,
html[data-theme="elegant"] .uc-topbar{
  background:rgba(255,255,255,.92);color:var(--text);border-bottom:1px solid var(--line);backdrop-filter:blur(12px);
}
html[data-theme="jd"] .mc-back,
html[data-theme="taobao"] .mc-back,
html[data-theme="pdd"] .mc-back,
html[data-theme="amazon"] .mc-back,
html[data-theme="meituan"] .mc-back,
html[data-theme="xhs"] .mc-back,
html[data-theme="elegant"] .mc-back,
html[data-theme="jd"] .mc-ico-btn,
html[data-theme="taobao"] .mc-ico-btn,
html[data-theme="pdd"] .mc-ico-btn,
html[data-theme="amazon"] .mc-ico-btn,
html[data-theme="meituan"] .mc-ico-btn,
html[data-theme="xhs"] .mc-ico-btn,
html[data-theme="elegant"] .mc-ico-btn{color:var(--text)}
html[data-theme="jd"] .uc-card,
html[data-theme="taobao"] .uc-card,
html[data-theme="pdd"] .uc-card,
html[data-theme="amazon"] .uc-card,
html[data-theme="meituan"] .uc-card,
html[data-theme="xhs"] .uc-card,
html[data-theme="elegant"] .uc-card{
  background:var(--card);box-shadow:var(--shadow);border-color:var(--line);
}
html[data-theme="jd"] .uc-stat,
html[data-theme="taobao"] .uc-stat,
html[data-theme="pdd"] .uc-stat,
html[data-theme="amazon"] .uc-stat,
html[data-theme="meituan"] .uc-stat,
html[data-theme="xhs"] .uc-stat,
html[data-theme="elegant"] .uc-stat{background:#f7f7f8;border-color:var(--line)}
html[data-theme="jd"] .uc-promo-card,
html[data-theme="taobao"] .uc-promo-card,
html[data-theme="pdd"] .uc-promo-card,
html[data-theme="amazon"] .uc-promo-card,
html[data-theme="meituan"] .uc-promo-card,
html[data-theme="xhs"] .uc-promo-card,
html[data-theme="elegant"] .uc-promo-card{
  background:linear-gradient(145deg,rgba(var(--accent-rgb),.08),#fff 55%);
}
html[data-theme="jd"] .uc-promo-entry,
html[data-theme="taobao"] .uc-promo-entry,
html[data-theme="pdd"] .uc-promo-entry,
html[data-theme="amazon"] .uc-promo-entry,
html[data-theme="meituan"] .uc-promo-entry,
html[data-theme="xhs"] .uc-promo-entry,
html[data-theme="elegant"] .uc-promo-entry{background:#fff;border-color:var(--line)}
html[data-theme="jd"] .cat-top,
html[data-theme="taobao"] .cat-top,
html[data-theme="pdd"] .cat-top,
html[data-theme="amazon"] .cat-top,
html[data-theme="meituan"] .cat-top,
html[data-theme="xhs"] .cat-top,
html[data-theme="elegant"] .cat-top{background:rgba(255,255,255,.96)}
html[data-theme="jd"] .bottom-bar,
html[data-theme="taobao"] .bottom-bar,
html[data-theme="pdd"] .bottom-bar,
html[data-theme="amazon"] .bottom-bar,
html[data-theme="meituan"] .bottom-bar,
html[data-theme="xhs"] .bottom-bar,
html[data-theme="elegant"] .bottom-bar{background:rgba(255,255,255,.96)}
html[data-theme="jd"] .sp-bottom,
html[data-theme="taobao"] .sp-bottom,
html[data-theme="pdd"] .sp-bottom,
html[data-theme="amazon"] .sp-bottom,
html[data-theme="meituan"] .sp-bottom,
html[data-theme="xhs"] .sp-bottom,
html[data-theme="elegant"] .sp-bottom{background:rgba(255,255,255,.96)}

/* ##########################################################################
   2. 京东 — 货架感：锐利直角、红顶栏、白底密排、价格醒目
########################################################################## */
html[data-theme="jd"]{
  --bg:#f2f2f2;--card:#fff;--text:#1a1a1a;--muted:#8c8c8c;--line:#e8e8e8;
  --accent:#e4393c;--accent-mid:#f15453;--accent-soft:#ff6a6a;--accent-rgb:228,57,60;
  --cyan:#e4393c;--cyan-rgb:228,57,60;--ok:#00b26a;--err:#e4393c;--danger:#e4393c;
  --radius:6px;--r:6px;--shadow:0 1px 4px rgba(0,0,0,.06);
  --surface:#fff;--header-bg:#fff;--tabbar-bg:#fff;
  --btn-grad:linear-gradient(90deg,#f2140c,#f2270c 60%,#f24d0c);
  --btn-shadow:0 4px 12px rgba(228,57,60,.22);
  --danger-grad:linear-gradient(90deg,#e4393c,#f15453);
  --price-grad:#fff;--theme-scheme:light;
  --topbar-grad:linear-gradient(180deg,#e4393c,#c8161d);
  --chip-bg:#f5f5f5;--gallery-bg:#fafafa;--soft-text:#666;
  --display:"Noto Sans SC",system-ui,sans-serif;--font:"Noto Sans SC",system-ui,sans-serif;
}
html[data-theme="jd"] .page-home{background:#f2f2f2}
html[data-theme="jd"] .hm-topbar{
  background:var(--topbar-grad);color:#fff;border-radius:0;margin:0;padding:8px 12px 0;
  box-shadow:none;position:relative;
}
html[data-theme="jd"] .hm-top-title{
  color:#fff;background:none;-webkit-background-clip:unset;background-clip:unset;
  font-weight:900;letter-spacing:.04em;font-size:18px;
}
html[data-theme="jd"] .hm-top-acts .mi,
html[data-theme="jd"] .hm-ico-btn{color:#fff}
html[data-theme="jd"] .hm-search-bar{
  background:linear-gradient(180deg,#c8161d,#c8161d 70%,transparent);
  padding:8px 12px 14px;margin:0;
}
html[data-theme="jd"] .hm-search{
  background:#fff;border:0;border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.08);
}
html[data-theme="jd"] .hm-search input{color:#333}
html[data-theme="jd"] .hm-search-btn{
  background:#fff;color:#e4393c;border:0;border-radius:16px;font-weight:800;
}
html[data-theme="jd"] .hm-banner{
  margin:-4px 10px 10px;border-radius:8px;border:0;box-shadow:var(--shadow);aspect-ratio:16/6.5;
}
html[data-theme="jd"] .hm-quick{
  margin:0 10px 10px;padding:12px 6px;border-radius:8px;background:#fff;border:0;box-shadow:var(--shadow);
  grid-template-columns:repeat(5,1fr);
}
html[data-theme="jd"] .hm-q span{color:#333;font-weight:600}
html[data-theme="jd"] .hm-q-glow img{filter:none}
html[data-theme="jd"] .hm-mid{padding:0 10px 10px;gap:8px}
html[data-theme="jd"] .hm-live,
html[data-theme="jd"] .hm-brand-box{border-radius:8px;border:0;box-shadow:var(--shadow);background:#fff}
html[data-theme="jd"] .hm-act-tabs{padding:0 10px 6px}
html[data-theme="jd"] .hm-act-tabs button{
  border-radius:4px;background:#fff;border:1px solid #eee;color:#666;
}
html[data-theme="jd"] .hm-act-tabs button.on{background:#e4393c;color:#fff;border-color:#e4393c}
html[data-theme="jd"] .hm-seckill,
html[data-theme="jd"] .hm-group{
  margin:0 10px 10px;padding:10px;background:#fff;border-radius:8px;box-shadow:var(--shadow);
}
html[data-theme="jd"] .hm-sk-btn,
html[data-theme="jd"] .pd-bar-buy,
html[data-theme="jd"] .hm-sk-btn.gp{
  background:#e4393c;border:0;color:#fff;border-radius:4px;font-weight:800;
}
html[data-theme="jd"] .hm-cd span{background:#e4393c;border-radius:2px}
html[data-theme="jd"] .hm-best-card,
html[data-theme="jd"] .hm-store-card,
html[data-theme="jd"] .hm-feed-card,
html[data-theme="jd"] .goods{
  border-radius:6px;background:#fff;border:0;box-shadow:var(--shadow);
}
html[data-theme="jd"] .hm-feed{gap:8px;padding:0 10px 12px}
html[data-theme="jd"] .hm-feed-card .price{color:#e4393c;font-size:17px}
html[data-theme="jd"] .hm-feed-card .title{font-size:12px;color:#333;height:2.6em}
html[data-theme="jd"] .tabbar{
  background:#fff;border-top:1px solid #e5e5e5;box-shadow:0 -2px 10px rgba(0,0,0,.04);
}
html[data-theme="jd"] .tabbar a.on{color:#e4393c}
html[data-theme="jd"] .tabbar a.on .mi{stroke:#e4393c}
html[data-theme="jd"] .btn{border-radius:6px;font-weight:800}
html[data-theme="jd"] .card{border-radius:8px;background:#fff;box-shadow:var(--shadow);border:0}

/* ##########################################################################
   3. 淘宝 — 暖橙亲和：大圆角、浮层搜索、柔和阴影、宽松呼吸
########################################################################## */
html[data-theme="taobao"]{
  --bg:#f5f5f5;--card:#fff;--text:#333;--muted:#999;--line:#eee;
  --accent:#ff5000;--accent-mid:#ff6a00;--accent-soft:#ff8533;--accent-rgb:255,80,0;
  --cyan:#ff5000;--cyan-rgb:255,80,0;--ok:#00b578;--err:#ff5000;--danger:#ff5000;
  --radius:18px;--r:18px;--shadow:0 8px 24px rgba(255,80,0,.08);
  --surface:#fff;--header-bg:#fff;--tabbar-bg:#fff;
  --btn-grad:linear-gradient(90deg,#ff9000,#ff5000);
  --btn-shadow:0 10px 24px rgba(255,80,0,.28);
  --danger-grad:linear-gradient(90deg,#ff5000,#ff8533);
  --price-grad:#fff;--theme-scheme:light;
  --topbar-grad:linear-gradient(135deg,#ffb347 0%,#ff7a00 45%,#ff5000 100%);
  --chip-bg:#fff7f0;--gallery-bg:#fafafa;--soft-text:#666;
  --display:"Noto Sans SC",system-ui,sans-serif;
}
html[data-theme="taobao"] .page-home{background:linear-gradient(180deg,#ffe8d6 0%,#f5f5f5 220px)}
html[data-theme="taobao"] .hm-topbar{
  background:transparent;color:#fff;padding:14px 16px 0;box-shadow:none;border-radius:0;
}
html[data-theme="taobao"] .hm-top-title{
  color:#fff;background:none;-webkit-background-clip:unset;font-weight:900;font-size:19px;
  text-shadow:0 2px 8px rgba(255,80,0,.25);
}
html[data-theme="taobao"] .hm-top-acts .mi{stroke:#fff}
html[data-theme="taobao"] .hm-search-bar{background:transparent;padding:10px 16px 0;position:relative;z-index:2}
html[data-theme="taobao"] .hm-search{
  background:#fff;border:0;border-radius:999px;box-shadow:0 10px 28px rgba(255,80,0,.18);
  padding:12px 16px;
}
html[data-theme="taobao"] .hm-search-btn{
  background:linear-gradient(90deg,#ff9000,#ff5000);color:#fff;border:0;border-radius:999px;
  padding:0 18px;height:36px;font-weight:800;
}
html[data-theme="taobao"] .hm-banner{
  margin:16px 14px 12px;border-radius:20px;border:0;box-shadow:var(--shadow);aspect-ratio:16/7.5;
}
html[data-theme="taobao"] .hm-quick{
  margin:0 14px 14px;padding:16px 8px;border-radius:20px;background:#fff;border:0;box-shadow:var(--shadow);
}
html[data-theme="taobao"] .hm-q span{color:#555}
html[data-theme="taobao"] .hm-q-glow{
  width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#fff5eb,#ffe8d6);
}
html[data-theme="taobao"] .hm-mid{padding:0 14px 12px;gap:10px}
html[data-theme="taobao"] .hm-live,
html[data-theme="taobao"] .hm-brand-box{border-radius:18px;border:0;box-shadow:var(--shadow);background:#fff;overflow:hidden}
html[data-theme="taobao"] .hm-act-tabs{padding:0 14px 8px}
html[data-theme="taobao"] .hm-act-tabs button{border-radius:999px;background:#fff;color:#999;box-shadow:var(--shadow)}
html[data-theme="taobao"] .hm-act-tabs button.on{
  background:linear-gradient(90deg,#ff9000,#ff5000);color:#fff;
}
html[data-theme="taobao"] .hm-seckill{margin:0 14px 12px;padding:14px;background:#fff;border-radius:20px;box-shadow:var(--shadow)}
html[data-theme="taobao"] .hm-sk-btn,
html[data-theme="taobao"] .pd-bar-buy{
  background:linear-gradient(90deg,#ff9000,#ff5000);border:0;color:#fff;border-radius:999px;
}
html[data-theme="taobao"] .hm-feed{gap:12px;padding:0 14px 16px}
html[data-theme="taobao"] .hm-feed-card,
html[data-theme="taobao"] .hm-best-card,
html[data-theme="taobao"] .hm-store-card,
html[data-theme="taobao"] .goods{
  border-radius:18px;border:0;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.05);
}
html[data-theme="taobao"] .hm-feed-card .meta{padding:12px}
html[data-theme="taobao"] .hm-feed-card .price{color:#ff5000;font-size:18px}
html[data-theme="taobao"] .tabbar{
  background:rgba(255,255,255,.94);border-top:0;box-shadow:0 -8px 30px rgba(0,0,0,.06);
  border-radius:20px 20px 0 0;
}
html[data-theme="taobao"] .tabbar a.on{color:#ff5000}
html[data-theme="taobao"] .tabbar a.on .mi{stroke:#ff5000}
html[data-theme="taobao"] .btn{border-radius:999px}

/* ##########################################################################
   4. 拼多多 — 促销轰炸：大红大黄、巨号价格、圆角胶囊、紧凑抢购
########################################################################## */
html[data-theme="pdd"]{
  --bg:#f4f4f4;--card:#fff;--text:#222;--muted:#9b9b9b;--line:#ececec;
  --accent:#e02e24;--accent-mid:#f5483b;--accent-soft:#ff6b5b;--accent-rgb:224,46,36;
  --cyan:#fdd835;--cyan-rgb:253,216,53;--ok:#2ecc71;--err:#e02e24;--danger:#e02e24;
  --radius:12px;--r:12px;--shadow:0 4px 14px rgba(224,46,36,.12);
  --surface:#fff;--header-bg:#fff;--tabbar-bg:#fff;
  --btn-grad:linear-gradient(90deg,#f5483b,#e02e24);
  --btn-shadow:0 8px 18px rgba(224,46,36,.32);
  --danger-grad:linear-gradient(90deg,#e02e24,#f5483b);
  --price-grad:#fff;--theme-scheme:light;
  --topbar-grad:linear-gradient(180deg,#e02e24,#c41e16);
  --chip-bg:#fff1f0;--gallery-bg:#f7f7f7;--soft-text:#555;
  --display:"Noto Sans SC",system-ui,sans-serif;
}
html[data-theme="pdd"] .page-home{background:#f4f4f4}
html[data-theme="pdd"] .hm-topbar{
  background:var(--topbar-grad);padding:10px 12px 4px;border-radius:0 0 16px 16px;
  box-shadow:0 8px 20px rgba(224,46,36,.25);
}
html[data-theme="pdd"] .hm-top-title{
  color:#fff;background:none;-webkit-background-clip:unset;font-weight:900;font-size:18px;
}
html[data-theme="pdd"] .hm-top-title::after{
  content:" 百亿补贴";font-size:11px;font-weight:800;background:#fdd835;color:#e02e24;
  padding:2px 6px;border-radius:4px;margin-left:6px;vertical-align:middle;
}
html[data-theme="pdd"] .hm-top-acts .mi{stroke:#fff}
html[data-theme="pdd"] .hm-search-bar{background:transparent;padding:8px 12px 12px}
html[data-theme="pdd"] .hm-search{background:#fff;border:2px solid #fdd835;border-radius:999px}
html[data-theme="pdd"] .hm-search-btn{
  background:#fdd835;color:#e02e24;border:0;border-radius:999px;font-weight:900;
}
html[data-theme="pdd"] .hm-banner{margin:0 10px 10px;border-radius:12px;border:0;box-shadow:var(--shadow)}
html[data-theme="pdd"] .hm-quick{
  margin:0 10px 10px;padding:12px 4px;background:#fff;border-radius:12px;border:0;box-shadow:var(--shadow);
}
html[data-theme="pdd"] .hm-q span{color:#333;font-weight:700}
html[data-theme="pdd"] .hm-act-tabs button.on{
  background:#fff3cd;color:#e02e24;border:1px solid #fdd835;border-radius:999px;font-weight:900;
}
html[data-theme="pdd"] .hm-seckill{
  margin:0 10px 10px;padding:12px;background:linear-gradient(180deg,#fff5f4,#fff);
  border-radius:12px;border:1px solid #ffd0cc;
}
html[data-theme="pdd"] .hm-sk-price{font-size:18px;font-weight:900;color:#e02e24}
html[data-theme="pdd"] .hm-sk-btn,
html[data-theme="pdd"] .pd-bar-buy,
html[data-theme="pdd"] .hm-sk-btn.gp{
  background:linear-gradient(90deg,#f5483b,#e02e24);border:0;color:#fff;border-radius:999px;font-weight:900;
}
html[data-theme="pdd"] .hm-feed{gap:8px;padding:0 10px 12px}
html[data-theme="pdd"] .hm-feed-card{
  border-radius:12px;border:0;background:#fff;box-shadow:var(--shadow);position:relative;
}
html[data-theme="pdd"] .hm-feed-card .price{color:#e02e24;font-size:19px;font-weight:900}
html[data-theme="pdd"] .hm-feed-card .title{font-weight:600}
html[data-theme="pdd"] .hm-feed-card .sold{
  display:inline-block;margin-top:4px;padding:1px 6px;border-radius:4px;
  background:#fff3cd;color:#e02e24;font-weight:700;font-size:10px;
}
html[data-theme="pdd"] .tabbar{background:#fff;border-top:1px solid #eee}
html[data-theme="pdd"] .tabbar a.on{color:#e02e24;font-weight:900}
html[data-theme="pdd"] .tabbar a.on .mi{stroke:#e02e24}
html[data-theme="pdd"] .btn{border-radius:999px;font-weight:900}

/* ##########################################################################
   5. 亚马逊 — 目录感：单列货卡、深蓝顶、琥珀按钮、留白克制
########################################################################## */
html[data-theme="amazon"]{
  --bg:#eaeded;--card:#fff;--text:#0f1111;--muted:#565959;--line:#d5d9d9;
  --accent:#ff9900;--accent-mid:#ffa41c;--accent-soft:#ffb84d;--accent-rgb:255,153,0;
  --cyan:#232f3e;--cyan-rgb:35,47,62;--ok:#067d62;--err:#b12704;--danger:#b12704;
  --radius:8px;--r:8px;--shadow:0 2px 5px rgba(15,17,17,.1);
  --surface:#fff;--header-bg:#fff;--tabbar-bg:#fff;
  --btn-grad:linear-gradient(180deg,#f7dfa5,#f0c14b);
  --btn-shadow:0 2px 5px rgba(213,217,217,.5);
  --danger-grad:linear-gradient(180deg,#f7dfa5,#f0c14b);
  --price-grad:#fff;--theme-scheme:light;
  --topbar-grad:linear-gradient(180deg,#232f3e,#131921);
  --chip-bg:#f0f2f2;--gallery-bg:#fff;--soft-text:#0f1111;
  --display:"Noto Sans SC",system-ui,sans-serif;--font:"Noto Sans SC",system-ui,sans-serif;
}
html[data-theme="amazon"] .page-home{background:#eaeded}
html[data-theme="amazon"] .hm-topbar{
  background:var(--topbar-grad);border-radius:0;padding:10px 12px 6px;box-shadow:none;
}
html[data-theme="amazon"] .hm-top-title{
  color:#fff;background:none;-webkit-background-clip:unset;font-weight:700;letter-spacing:.02em;
}
html[data-theme="amazon"] .hm-top-acts .mi{stroke:#fff}
html[data-theme="amazon"] .hm-search-bar{background:#232f3e;padding:6px 12px 12px}
html[data-theme="amazon"] .hm-search{background:#fff;border:0;border-radius:8px}
html[data-theme="amazon"] .hm-search-btn{
  background:linear-gradient(180deg,#f7dfa5,#f0c14b);color:#0f1111;border:1px solid #a88734;
  border-radius:8px;font-weight:700;
}
html[data-theme="amazon"] .hm-banner{margin:10px 12px;border-radius:8px;border:0;box-shadow:var(--shadow)}
html[data-theme="amazon"] .hm-quick{
  margin:0 12px 10px;padding:14px 6px;background:#fff;border-radius:8px;border:0;box-shadow:var(--shadow);
}
html[data-theme="amazon"] .hm-q span{color:#0f1111;font-size:11px}
html[data-theme="amazon"] .hm-mid{display:none} /* 亚马逊首页更克制，弱化直播块 */
html[data-theme="amazon"] .hm-act-tabs button.on{background:#232f3e;color:#fff;border-radius:6px}
html[data-theme="amazon"] .hm-seckill{
  margin:0 12px 10px;padding:12px;background:#fff;border-radius:8px;box-shadow:var(--shadow);
}
html[data-theme="amazon"] .hm-sk-btn,
html[data-theme="amazon"] .pd-bar-buy{
  background:linear-gradient(180deg,#f7dfa5,#f0c14b);color:#0f1111;border:1px solid #a88734;border-radius:8px;
}
html[data-theme="amazon"] .hm-sk-price,
html[data-theme="amazon"] .hm-feed-card .price,
html[data-theme="amazon"] .goods .price,
html[data-theme="amazon"] .price-main{color:#b12704 !important}
/* 单列「搜索结果式」货卡 */
html[data-theme="amazon"] .hm-feed{
  display:flex;flex-direction:column;gap:10px;padding:0 12px 16px;
}
html[data-theme="amazon"] .hm-feed-card{
  display:grid;grid-template-columns:118px 1fr;gap:0;border-radius:8px;border:0;
  background:#fff;box-shadow:var(--shadow);overflow:hidden;align-items:stretch;
}
html[data-theme="amazon"] .hm-feed-card img{
  width:118px;height:118px;aspect-ratio:auto;object-fit:contain;background:#fff;padding:6px;
}
html[data-theme="amazon"] .hm-feed-card .meta{
  padding:12px 12px 12px 4px;display:flex;flex-direction:column;justify-content:center;
}
html[data-theme="amazon"] .hm-feed-card .title{
  height:auto;max-height:3.9em;font-size:13px;line-height:1.35;color:#0f1111;
}
html[data-theme="amazon"] .hm-feed-card .price{font-size:18px;font-weight:700}
html[data-theme="amazon"] .hm-best{padding:0 12px 10px}
html[data-theme="amazon"] .hm-best-card{border-radius:8px;background:#fff;border:0;box-shadow:var(--shadow)}
html[data-theme="amazon"] .hm-store-card{border-radius:8px;background:#fff;border:0;box-shadow:var(--shadow)}
html[data-theme="amazon"] .tabbar{background:#fff;border-top:1px solid #d5d9d9}
html[data-theme="amazon"] .tabbar a.on{color:#232f3e}
html[data-theme="amazon"] .tabbar a.on .mi{stroke:#ff9900}
html[data-theme="amazon"] .btn{
  color:#0f1111;border:1px solid #a88734;border-radius:8px;font-weight:700;
}

/* ##########################################################################
   6. 美团 — 生活服务：明黄顶栏、黑字按钮、圆润亲切、卡片通透
########################################################################## */
html[data-theme="meituan"]{
  --bg:#f5f5f5;--card:#fff;--text:#222;--muted:#888;--line:#eee;
  --accent:#ffc300;--accent-mid:#ffd100;--accent-soft:#ffe066;--accent-rgb:255,195,0;
  --cyan:#222;--cyan-rgb:34,34,34;--ok:#00b578;--err:#ff4d4f;--danger:#ff4d4f;
  --radius:16px;--r:16px;--shadow:0 6px 18px rgba(0,0,0,.06);
  --surface:#fff;--header-bg:#fff;--tabbar-bg:#fff;
  --btn-grad:linear-gradient(90deg,#ffd100,#ffc300);
  --btn-shadow:0 8px 18px rgba(255,195,0,.35);
  --danger-grad:linear-gradient(90deg,#ffd100,#ffc300);
  --price-grad:#fff;--theme-scheme:light;
  --topbar-grad:linear-gradient(135deg,#ffe566,#ffc300 55%,#ffb000);
  --chip-bg:#fff9e6;--gallery-bg:#fafafa;--soft-text:#555;
  --display:"Noto Sans SC",system-ui,sans-serif;
}
html[data-theme="meituan"] .page-home{background:#f5f5f5}
html[data-theme="meituan"] .hm-topbar{
  background:var(--topbar-grad);color:#222;border-radius:0 0 22px 22px;padding:12px 14px 8px;
  box-shadow:0 10px 28px rgba(255,195,0,.28);
}
html[data-theme="meituan"] .hm-top-title{
  color:#222;background:none;-webkit-background-clip:unset;font-weight:900;font-size:18px;
}
html[data-theme="meituan"] .hm-top-acts .mi{stroke:#222}
html[data-theme="meituan"] .hm-search-bar{background:transparent;padding:8px 14px 14px}
html[data-theme="meituan"] .hm-search{
  background:#fff;border:0;border-radius:999px;box-shadow:0 6px 16px rgba(0,0,0,.06);
}
html[data-theme="meituan"] .hm-search-btn{
  background:#222;color:#ffc300;border:0;border-radius:999px;font-weight:800;
}
html[data-theme="meituan"] .hm-banner{margin:0 14px 12px;border-radius:16px;border:0;box-shadow:var(--shadow)}
html[data-theme="meituan"] .hm-quick{
  margin:0 14px 12px;padding:14px 6px;background:#fff;border-radius:16px;border:0;box-shadow:var(--shadow);
}
html[data-theme="meituan"] .hm-q-glow{
  background:#fff9e6;border-radius:50%;width:56px;height:56px;
}
html[data-theme="meituan"] .hm-q span{color:#333;font-weight:600}
html[data-theme="meituan"] .hm-act-tabs button.on{
  background:#ffc300;color:#222;border-radius:999px;font-weight:900;
}
html[data-theme="meituan"] .hm-seckill{
  margin:0 14px 12px;padding:14px;background:#fff;border-radius:16px;box-shadow:var(--shadow);
}
html[data-theme="meituan"] .hm-sk-btn,
html[data-theme="meituan"] .pd-bar-buy{
  background:#ffc300;color:#222;border:0;border-radius:999px;font-weight:900;
}
html[data-theme="meituan"] .hm-sk-price,
html[data-theme="meituan"] .hm-feed-card .price{color:#ff4d4f}
html[data-theme="meituan"] .hm-feed{gap:10px;padding:0 14px 14px}
html[data-theme="meituan"] .hm-feed-card,
html[data-theme="meituan"] .hm-best-card,
html[data-theme="meituan"] .hm-store-card{
  border-radius:16px;border:0;background:#fff;box-shadow:var(--shadow);
}
html[data-theme="meituan"] .tabbar{
  background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -6px 20px rgba(0,0,0,.05);border-top:0;
}
html[data-theme="meituan"] .tabbar a.on{color:#222;font-weight:800}
html[data-theme="meituan"] .tabbar a.on .mi{stroke:#ffc300;fill:#ffc300}
html[data-theme="meituan"] .btn{color:#222;border-radius:999px;font-weight:800}

/* ##########################################################################
   7. 小红书 — 种草瀑布：奶油底、竖图卡片、柔粉点缀、杂志排版
########################################################################## */
html[data-theme="xhs"]{
  --bg:#faf7f5;--card:#fff;--text:#333;--muted:#9a9590;--line:#f0ebe6;
  --accent:#ff2442;--accent-mid:#ff4d66;--accent-soft:#ff7a8a;--accent-rgb:255,36,66;
  --cyan:#ff2442;--cyan-rgb:255,36,66;--ok:#3dcc85;--err:#ff2442;--danger:#ff2442;
  --radius:16px;--r:16px;--shadow:0 10px 28px rgba(255,36,66,.07);
  --surface:#fff;--header-bg:#fff;--tabbar-bg:#fff;
  --btn-grad:linear-gradient(135deg,#ff4d66,#ff2442);
  --btn-shadow:0 10px 24px rgba(255,36,66,.28);
  --danger-grad:linear-gradient(135deg,#ff4d66,#ff2442);
  --price-grad:#fff;--theme-scheme:light;
  --topbar-grad:transparent;
  --chip-bg:#fff0f2;--gallery-bg:#f7f2ef;--soft-text:#666;
  --display:"Noto Sans SC",system-ui,sans-serif;
}
html[data-theme="xhs"] .page-home{background:#faf7f5;padding-top:4px}
html[data-theme="xhs"] .hm-topbar{
  background:transparent;color:#333;box-shadow:none;border-radius:0;padding:12px 16px 4px;
}
html[data-theme="xhs"] .hm-top-title{
  color:#ff2442;background:none;-webkit-background-clip:unset;font-weight:900;font-size:20px;
  letter-spacing:.06em;
}
html[data-theme="xhs"] .hm-top-acts .mi{stroke:#333}
html[data-theme="xhs"] .hm-search-bar{background:transparent;padding:6px 16px 12px}
html[data-theme="xhs"] .hm-search{
  background:#fff;border:0;border-radius:999px;box-shadow:0 4px 16px rgba(0,0,0,.04);
}
html[data-theme="xhs"] .hm-search-btn{
  background:#ff2442;color:#fff;border:0;border-radius:999px;font-weight:800;
}
html[data-theme="xhs"] .hm-banner{
  margin:0 16px 14px;border-radius:18px;border:0;box-shadow:var(--shadow);aspect-ratio:16/8;
}
html[data-theme="xhs"] .hm-quick{
  margin:0 16px 14px;padding:14px 4px;background:transparent;border:0;
}
html[data-theme="xhs"] .hm-q-glow{
  background:#fff;border-radius:20px;box-shadow:0 4px 14px rgba(0,0,0,.04);
}
html[data-theme="xhs"] .hm-q span{color:#666}
html[data-theme="xhs"] .hm-mid{padding:0 16px 12px}
html[data-theme="xhs"] .hm-live,
html[data-theme="xhs"] .hm-brand-box{border-radius:18px;border:0;box-shadow:var(--shadow);background:#fff}
html[data-theme="xhs"] .hm-act-tabs{padding:0 16px 8px}
html[data-theme="xhs"] .hm-act-tabs button.on{
  background:rgba(255,36,66,.1);color:#ff2442;border-radius:999px;font-weight:800;
}
html[data-theme="xhs"] .hm-seckill{
  margin:0 16px 14px;padding:14px;background:#fff;border-radius:18px;box-shadow:var(--shadow);
}
html[data-theme="xhs"] .hm-sk-btn,
html[data-theme="xhs"] .pd-bar-buy{
  background:#ff2442;border:0;color:#fff;border-radius:999px;font-weight:800;
}
/* 瀑布流竖图 */
html[data-theme="xhs"] .hm-feed{
  column-count:2;column-gap:10px;display:block;padding:0 12px 20px;
}
html[data-theme="xhs"] .hm-feed-card{
  break-inside:avoid;display:inline-block;width:100%;margin:0 0 10px;
  border-radius:16px;border:0;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.04);
  overflow:hidden;
}
html[data-theme="xhs"] .hm-feed-card img{aspect-ratio:3/4;object-fit:cover}
html[data-theme="xhs"] .hm-feed-card .meta{padding:10px 12px 14px}
html[data-theme="xhs"] .hm-feed-card .title{height:auto;max-height:3.9em;font-size:13px;font-weight:600}
html[data-theme="xhs"] .hm-feed-card .price{color:#ff2442;font-size:15px}
html[data-theme="xhs"] .hm-feed-card .sold{display:none}
html[data-theme="xhs"] .hm-best{display:none} /* 种草流为主 */
html[data-theme="xhs"] .tabbar{
  background:rgba(255,255,255,.94);border-top:0;box-shadow:0 -8px 24px rgba(0,0,0,.04);
}
html[data-theme="xhs"] .tabbar a.on{color:#ff2442}
html[data-theme="xhs"] .tabbar a.on .mi{stroke:#ff2442}
html[data-theme="xhs"] .btn{border-radius:999px}

/* ##########################################################################
   8. 简约白 — 极简杂志：大留白、轻阴影、蓝强调、克制信息密度
########################################################################## */
html[data-theme="elegant"]{
  --bg:#f5f5f7;--card:#fff;--text:#1d1d1f;--muted:#86868b;--line:#e8e8ed;
  --accent:#0071e3;--accent-mid:#2997ff;--accent-soft:#64b5ff;--accent-rgb:0,113,227;
  --cyan:#1d1d1f;--cyan-rgb:29,29,31;--ok:#30d158;--err:#ff453a;--danger:#ff453a;
  --radius:22px;--r:22px;--shadow:0 12px 40px rgba(0,0,0,.06);
  --surface:rgba(255,255,255,.86);--header-bg:rgba(255,255,255,.82);--tabbar-bg:rgba(255,255,255,.92);
  --btn-grad:linear-gradient(180deg,#0077ed,#0071e3);
  --btn-shadow:0 8px 20px rgba(0,113,227,.22);
  --danger-grad:linear-gradient(180deg,#ff6961,#ff453a);
  --price-grad:#fff;--theme-scheme:light;
  --topbar-grad:transparent;
  --chip-bg:#f5f5f7;--gallery-bg:#f5f5f7;--soft-text:#6e6e73;
  --display:"Outfit","Noto Sans SC",system-ui,sans-serif;
  --font:"Noto Sans SC",system-ui,sans-serif;
}
html[data-theme="elegant"] .page-home{background:#f5f5f7;padding:8px 0 90px}
html[data-theme="elegant"] .hm-topbar{
  background:transparent;box-shadow:none;border-radius:0;padding:16px 20px 4px;color:#1d1d1f;
}
html[data-theme="elegant"] .hm-top-title{
  color:#1d1d1f;background:none;-webkit-background-clip:unset;
  font-weight:800;font-size:22px;letter-spacing:-.03em;font-family:var(--display);
}
html[data-theme="elegant"] .hm-top-acts .mi{stroke:#1d1d1f}
html[data-theme="elegant"] .hm-search-bar{background:transparent;padding:8px 20px 16px}
html[data-theme="elegant"] .hm-search{
  background:#fff;border:0;border-radius:980px;box-shadow:var(--shadow);padding:14px 18px;
}
html[data-theme="elegant"] .hm-search-btn{
  background:#1d1d1f;color:#fff;border:0;border-radius:980px;font-weight:600;letter-spacing:.02em;
}
html[data-theme="elegant"] .hm-banner{
  margin:0 20px 18px;border-radius:24px;border:0;box-shadow:var(--shadow);aspect-ratio:16/8;
}
html[data-theme="elegant"] .hm-quick{
  margin:0 20px 18px;padding:18px 8px;background:#fff;border:0;border-radius:24px;box-shadow:var(--shadow);
}
html[data-theme="elegant"] .hm-q span{color:#1d1d1f;font-weight:500}
html[data-theme="elegant"] .hm-q-glow{filter:none}
html[data-theme="elegant"] .hm-mid{padding:0 20px 16px;gap:12px}
html[data-theme="elegant"] .hm-live,
html[data-theme="elegant"] .hm-brand-box{
  border-radius:24px;border:0;box-shadow:var(--shadow);background:#fff;min-height:180px;
}
html[data-theme="elegant"] .hm-act-tabs{padding:0 20px 10px}
html[data-theme="elegant"] .hm-act-tabs button{
  background:transparent;color:#86868b;border-radius:999px;padding:8px 16px;
}
html[data-theme="elegant"] .hm-act-tabs button.on{background:#1d1d1f;color:#fff;font-weight:600}
html[data-theme="elegant"] .hm-seckill{
  margin:0 20px 16px;padding:18px;background:#fff;border-radius:24px;box-shadow:var(--shadow);
}
html[data-theme="elegant"] .hm-sk-btn,
html[data-theme="elegant"] .pd-bar-buy{
  background:#0071e3;border:0;color:#fff;border-radius:980px;font-weight:600;
}
html[data-theme="elegant"] .hm-sk-price,
html[data-theme="elegant"] .hm-feed-card .price{color:#1d1d1f}
html[data-theme="elegant"] .hm-feed{gap:14px;padding:0 20px 24px}
html[data-theme="elegant"] .hm-feed-card,
html[data-theme="elegant"] .hm-best-card,
html[data-theme="elegant"] .hm-store-card,
html[data-theme="elegant"] .goods,
html[data-theme="elegant"] .card{
  border-radius:22px;border:0;background:#fff;box-shadow:var(--shadow);
}
html[data-theme="elegant"] .hm-feed-card .meta{padding:14px 14px 16px}
html[data-theme="elegant"] .hm-feed-card .title{font-weight:500;letter-spacing:-.01em}
html[data-theme="elegant"] .hm-feed-card .price{font-family:var(--display);font-size:17px}
html[data-theme="elegant"] .hm-best{padding:0 20px 14px}
html[data-theme="elegant"] .hm-store-card{margin:0 20px}
html[data-theme="elegant"] .tabbar{
  background:rgba(255,255,255,.92);border-top:0;border-radius:22px 22px 0 0;
  box-shadow:0 -12px 40px rgba(0,0,0,.06);backdrop-filter:blur(20px);
}
html[data-theme="elegant"] .tabbar a.on{color:#0071e3;font-weight:600}
html[data-theme="elegant"] .tabbar a.on .mi{stroke:#0071e3}
html[data-theme="elegant"] .btn{border-radius:980px;font-weight:600}
html[data-theme="elegant"] .uc-card{border-radius:22px;box-shadow:var(--shadow);border:0}

/* ========== 商品详情 / 通用按钮在浅色主题下的购买条 ========== */
html[data-theme="jd"] .pd-bar-cart,
html[data-theme="taobao"] .pd-bar-cart,
html[data-theme="pdd"] .pd-bar-cart,
html[data-theme="amazon"] .pd-bar-cart,
html[data-theme="meituan"] .pd-bar-cart,
html[data-theme="xhs"] .pd-bar-cart,
html[data-theme="elegant"] .pd-bar-cart{
  border-color:var(--accent);background:rgba(var(--accent-rgb),.08);color:var(--accent);
}
html[data-theme="amazon"] .pd-bar-cart{
  background:linear-gradient(180deg,#f7f8f8,#e7e9ec);border-color:#d5d9d9;color:#0f1111;
}
html[data-theme="meituan"] .pd-bar-cart{border-color:#222;color:#222;background:#fff9e6}
html[data-theme="elegant"] .pd-bar-cart{border-color:#1d1d1f;color:#1d1d1f;background:#f5f5f7}