/* ============================================================
   山姆降价速报 · 风格模板库（10 套）
   ============================================================
   每一套都是「山姆会员店」气质的一个切面：
     01 会员蓝    山姆招牌蓝，会员卡质感
     02 极简高级  米白 + 墨黑，无印良品式克制
     03 黑金尊享  Member's Mark 黑金，礼盒质感
     04 鲜切红    鲜肉区红白 butcher 风
     05 烘焙奶油  面包房暖奶油 + 可可棕
     06 牛皮纸仓  仓储瓦楞纸 + 印章红
     07 薄荷生鲜  蔬菜区薄荷绿，清爽
     08 丹宁牛仔  靛蓝 + 洗水白，复古
     09 荧光夜市  暗底霓虹，夜场限时抢购
     10 暖阳橙    烘焙区暖橙黄，友好亲和

   用法：给 <html> 加 data-theme="<id>" 即可。
   层级：html[data-theme] (0,1,1) > :root (0,1,0)，能覆盖 style.css 的默认值。
   任何一套都只需要覆盖「变量」，不需要重复写结构规则。

   想加第 11 套？复制任意一段，改 id 和变量即可。
   ============================================================ */


/* ============================================================
   01 · 会员蓝 —— 山姆招牌色，会员卡 / 门店导视的经典蓝白
   ============================================================ */
html[data-theme="member-blue"]{
  --brand:#0057B8;
  --brand-dk:#003E86;
  --accent:#00A0E9;
  --lemon:#FFD100;
  --ink-900:#0B1E3A;
  --ink-700:#28405F;
  --ink-500:#5A7391;
  --ink-300:#9BB0C6;
  --paper:#F2F7FC;
  --card:#FFFFFF;
  --line:#D5E4F2;

  --radius-xl:18px;
  --radius-lg:14px;
  --radius-md:10px;

  --font-display:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;

  --body-bg:#DCE9F7;
  --body-dot1:radial-gradient(circle at 12% 18%,rgba(0,87,184,.14) 0 26px,transparent 27px);
  --body-dot2:radial-gradient(circle at 88% 78%,rgba(0,160,233,.14) 0 30px,transparent 31px);

  /* 封面：深蓝 → 亮蓝，企业感渐变 */
  --cover-bg:linear-gradient(160deg,#003E86 0%,#0057B8 46%,#1E88D6 100%);
  --cover-fg:#fff;
  --cover-glow:radial-gradient(circle,rgba(255,209,0,.35) 0%,rgba(255,209,0,0) 70%);
  --cover-date-bg:rgba(255,255,255,.16);
  --cover-date-fg:#fff;
  --l2-bg:#FFD100;
  --l2-fg:#0B1E3A;
  --l2-shadow:0 5px 0 rgba(0,30,70,.4);
  --l2-radius:8px;
  --l2-rot:0deg;

  /* 四块数字：正圆。格子是宽扁的（导出时约 485×330），
     必须先 aspect-ratio:1 拉成正方形，circle(50%) 才是圆而不是椭圆 */
  --stat-aspect:1;
  --stat-radius:50%;
  --stat-shape-1:circle(50% at 50% 50%);
  --stat-shape-2:circle(50% at 50% 50%);
  --stat-shape-3:circle(50% at 50% 50%);
  --stat-shape-4:circle(50% at 50% 50%);
  --stat-bg-1:linear-gradient(145deg,#4FA8F0 0%,#0057B8 52%,#00326E 100%);
  --stat-bg-2:linear-gradient(145deg,#FFD97A 0%,#FFC107 52%,#D99400 100%);
  --stat-bg-3:linear-gradient(145deg,#5FD0C4 0%,#00A0A0 52%,#00706F 100%);
  --stat-bg-4:linear-gradient(145deg,#FF8A7A 0%,#E8503C 52%,#B3301F 100%);
  --stat-gloss:linear-gradient(160deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.06) 48%,rgba(0,0,0,.16) 100%);
  --stat-rays:none;
  --stat-shadow:drop-shadow(0 9px 16px rgba(0,40,90,.32));
  --stat-fg:#fff;
  --stat-fg-soft:rgba(255,255,255,.86);
  --stat-fg-shadow:0 1px 2px rgba(0,20,50,.35);
  --stat-lab-shadow:none;

  /* 清单：细边框 + 轻投影，去掉粗描边 */
  --head-bg:#0057B8;
  --head-fg:#fff;
  --head-shadow:#003E86;
  --head-radius:8px;
  --head-rot:0deg;
  --date-bg:#FFD100;
  --date-fg:#0B1E3A;
  --desc-em-fg:#0057B8;

  --row-bg:#fff;
  --row-border:1px solid #D5E4F2;
  --row-radius:10px;
  --row-shadow:0 2px 8px rgba(11,30,58,.07);
  --row-shadow-hover:0 4px 14px rgba(11,30,58,.12);
  --row-shadow-active:0 1px 3px rgba(11,30,58,.10);

  --no-bg:#0057B8;
  --no-bg2:#FFD100;
  --no-bg3:#00A0A0;
  --no-fg:#fff;
  --no-fg2:#0B1E3A;
  --no-fg3:#fff;
  --no-border:none;
  --no-radius:6px;

  --price-fg:#E8503C;
  --price-old-fg:#9BB0C6;
  --pill-bg:#FFD100;
  --pill-fg:#0B1E3A;
  --pill-border:none;
  --pill-radius:5px;

  --go-bg:#0057B8;
  --go-fg:#fff;

  /* 详情 */
  --rank-fg:#0057B8;
  --rank-bar:#0057B8;
  --tag-bg:#FFD100;
  --tag-fg:#0B1E3A;
  --tag-border:none;
  --dcard-bg:#fff;
  --dcard-border:1px solid #D5E4F2;
  --dcard-radius:18px;
  --dcard-shadow:0 6px 22px rgba(11,30,58,.10);
  --dcard-rail:linear-gradient(180deg,#0057B8,#00A0E9);
  --img-bg:#EEF5FC;
  --img-border:none;
  --img-radius:14px;
  --panel-bg:#F4F9FE;
  --panel-border:1px solid #D5E4F2;
  --panel-radius:10px;
  --track-bg:#DCE9F7;
  --track-border:none;
  --bar-old:#A9C6E2;
  --bar-new:linear-gradient(90deg,#0057B8,#00A0E9);
  --save-bg:linear-gradient(90deg,#0057B8,#00A0E9);
  --save-fg:#fff;
  --save-border:none;
  --save-shadow:0 4px 12px rgba(0,87,184,.28);
  --save-radius:10px;

  --btn-bg:#0057B8;
  --btn-fg:#fff;
  --btn-border:none;
  --btn-shadow:#003E86;
}


/* ============================================================
   02 · 极简高级 —— 米白 + 墨黑，无印良品式克制
   ============================================================ */
html[data-theme="minimal-luxe"]{
  --brand:#1A1A1A;
  --brand-dk:#000;
  --accent:#8C6A3F;
  --lemon:#EDE6D8;
  --mint:#8C6A3F;
  --ink-900:#1A1A1A;
  --ink-700:#4A4A4A;
  --ink-500:#8A8A8A;
  --ink-300:#C2C2C2;
  --paper:#FAF8F4;
  --card:#FFFFFF;
  --line:#E8E2D8;

  --radius-xl:4px;
  --radius-lg:3px;
  --radius-md:2px;

  --font-display:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --title-weight:700;
  --title-ls:.04em;
  --row-title-weight:600;

  --body-bg:#EFEBE3;
  --body-dot1:none;
  --body-dot2:none;

  --cover-bg:linear-gradient(170deg,#FFFFFF 0%,#F5F1EA 52%,#EAE3D7 100%);
  --cover-fg:#1A1A1A;
  --cover-glow:none;
  --cover-foot-fg:rgba(26,26,26,.6);
  --cover-date-bg:transparent;
  --cover-date-fg:#1A1A1A;
  /* 第二行：细下划线代替色块 */
  --l2-bg:transparent;
  --l2-fg:#1A1A1A;
  --l2-shadow:none;
  --l2-radius:0;
  --l2-scale:.62em;
  --l2-rot:0deg;

  --stat-radius:0;
  --stat-shape-1:none;
  --stat-shape-2:none;
  --stat-shape-3:none;
  --stat-shape-4:none;
  --stat-bg-1:#1A1A1A;
  --stat-bg-2:#F0EBE0;
  --stat-bg-3:#1A1A1A;
  --stat-bg-4:#F0EBE0;
  --stat-gloss:none;
  --stat-rays:none;
  --stat-shadow:none;
  --stat-fg:#F5F1EA;
  --stat-fg-soft:rgba(245,241,234,.62);
  --stat-fg-shadow:none;
  --stat-lab-shadow:none;
}
/* 深浅交替 → 文字颜色也要跟着换 */
html[data-theme="minimal-luxe"] .stat:nth-child(2),
html[data-theme="minimal-luxe"] .stat:nth-child(4){color:#1A1A1A}
html[data-theme="minimal-luxe"] .stat:nth-child(2) b,
html[data-theme="minimal-luxe"] .stat:nth-child(2) span,
html[data-theme="minimal-luxe"] .stat:nth-child(4) b,
html[data-theme="minimal-luxe"] .stat:nth-child(4) span{color:#1A1A1A}
html[data-theme="minimal-luxe"] .stat:nth-child(2) span,
html[data-theme="minimal-luxe"] .stat:nth-child(4) span{color:rgba(26,26,26,.6)}
html[data-theme="minimal-luxe"] .list-head h2{
  font-weight:700;letter-spacing:.14em;
}
html[data-theme="minimal-luxe"] .l2{border-bottom:2px solid #8C6A3F;padding-bottom:6px}
html[data-theme="minimal-luxe"] .no{
  background:transparent;color:#1A1A1A;font-weight:700;
  border-bottom:2px solid #1A1A1A;border-radius:0;
}
html[data-theme="minimal-luxe"] .row:nth-child(2) .no{color:#8C6A3F;border-bottom-color:#8C6A3F}
html[data-theme="minimal-luxe"] .row:nth-child(3) .no{color:#1A1A1A}
html[data-theme="minimal-luxe"] .pill{
  background:transparent;color:#1A1A1A;border:none;
  border-left:2px solid #8C6A3F;border-radius:0;padding-left:7px;
}
html[data-theme="minimal-luxe"] .rank-tag .rk{background:#F0EBE0;color:#1A1A1A;border:none;border-radius:2px}
html[data-theme="minimal-luxe"] .save-line{background:#1A1A1A;color:#F5F1EA;border-radius:0;box-shadow:none}
html[data-theme="minimal-luxe"] .dcard::before{background:#8C6A3F}
html[data-theme="minimal-luxe"] .stat{transition:none}
html[data-theme="minimal-luxe"] .stat:hover{transform:none;filter:none}
html[data-theme="minimal-luxe"] .list-foot .go,
html[data-theme="minimal-luxe"] .detail-foot .go{background:#1A1A1A;border-radius:2px}


/* ============================================================
   03 · 黑金尊享 —— Member's Mark 黑金，节庆礼盒质感
   ============================================================ */
html[data-theme="black-gold"]{
  --brand:#C8A45C;
  --brand-dk:#9C7A38;
  --accent:#E8CC8C;
  --lemon:#E8CC8C;
  --mint:#8FA88A;
  --ink-900:#12100C;
  --ink-700:#2E2A22;
  --ink-500:#5C544A;
  --ink-300:#8C8478;
  --paper:#0F0D0A;
  --card:#191510;
  --line:#3A332A;

  --radius-xl:6px;
  --radius-lg:4px;
  --radius-md:3px;

  --font-display:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --title-weight:800;

  --body-bg:#0B0906;
  --body-dot1:radial-gradient(circle at 15% 20%,rgba(200,164,92,.16) 0 30px,transparent 31px);
  --body-dot2:radial-gradient(circle at 85% 80%,rgba(232,204,140,.12) 0 34px,transparent 35px);

  --cover-bg:linear-gradient(160deg,#12100C 0%,#241E15 48%,#0F0D0A 100%);
  --cover-fg:#E8CC8C;
  --cover-glow:radial-gradient(circle,rgba(200,164,92,.22) 0%,rgba(200,164,92,0) 70%);
  --cover-foot-fg:rgba(232,204,140,.62);
  --cover-date-bg:rgba(200,164,92,.14);
  --cover-date-fg:#E8CC8C;
  --l2-bg:transparent;
  --l2-fg:#E8CC8C;
  --l2-shadow:none;
  --l2-radius:0;
  --l2-scale:.72em;
  --l2-rot:0deg;

  --stat-radius:2px;
  --stat-shape-1:none;
  --stat-shape-2:none;
  --stat-shape-3:none;
  --stat-shape-4:none;
  --stat-bg-1:linear-gradient(150deg,#3A3020 0%,#1E1810 100%);
  --stat-bg-2:linear-gradient(150deg,#3A3020 0%,#1E1810 100%);
  --stat-bg-3:linear-gradient(150deg,#3A3020 0%,#1E1810 100%);
  --stat-bg-4:linear-gradient(150deg,#3A3020 0%,#1E1810 100%);
  --stat-gloss:linear-gradient(160deg,rgba(200,164,92,.18) 0%,rgba(0,0,0,0) 50%);
  --stat-rays:none;
  --stat-shadow:none;
  --stat-fg:#E8CC8C;
  --stat-fg-soft:rgba(232,204,140,.6);
  --stat-fg-shadow:none;
  --stat-lab-shadow:none;
}
/* 用 inset 描边叠一圈金边，clip-path:none 时也能出"牌"的感觉 */
html[data-theme="black-gold"] .stat{box-shadow:inset 0 0 0 1px rgba(200,164,92,.45)}
/* 第二行标题加金框；保留 width:fit-content，否则会被撑满整行导致折行 */
html[data-theme="black-gold"] .cover h1 .l2{
  border:1px solid rgba(200,164,92,.45);padding:10px 18px;
}
html[data-theme="black-gold"] .list-head h2{
  background:transparent;color:#E8CC8C;font-weight:700;letter-spacing:.2em;
  box-shadow:none;transform:none;border:1px solid rgba(200,164,92,.4);
}
html[data-theme="black-gold"] .list-head .date{background:transparent;color:#E8CC8C;border:1px solid rgba(200,164,92,.4)}
html[data-theme="black-gold"] .row{
  background:#191510;border:1px solid #3A332A;box-shadow:none;
}
html[data-theme="black-gold"] .row:hover{box-shadow:0 0 0 1px rgba(200,164,92,.6);border-color:rgba(200,164,92,.6)}
html[data-theme="black-gold"] .row:active{box-shadow:none;border-color:rgba(200,164,92,.6)}
html[data-theme="black-gold"] .no{
  background:transparent;color:#E8CC8C;border:1px solid rgba(200,164,92,.5);border-radius:2px;
}
html[data-theme="black-gold"] .row:nth-child(2) .no,
html[data-theme="black-gold"] .row:nth-child(3) .no{background:transparent;color:#E8CC8C;border-color:rgba(200,164,92,.5)}
html[data-theme="black-gold"] .row-title{color:#EFE7D6}
html[data-theme="black-gold"] .price-now{color:#E8CC8C}
html[data-theme="black-gold"] .price-old{color:#6A6257}
html[data-theme="black-gold"] .pill{background:transparent;color:#E8CC8C;border:1px solid rgba(200,164,92,.45);border-radius:2px}
html[data-theme="black-gold"] .rank-tag{color:#C8A45C}
html[data-theme="black-gold"] .rank-tag .rk{background:transparent;color:#E8CC8C;border:1px solid rgba(200,164,92,.45);border-radius:2px}
html[data-theme="black-gold"] .dcard{background:#191510;border:1px solid #3A332A}
html[data-theme="black-gold"] .dcard::before{background:linear-gradient(180deg,#C8A45C,#8A6C30)}
html[data-theme="black-gold"] .d-title{color:#EFE7D6}
html[data-theme="black-gold"] .d-img{background:#221C14;border:1px solid #3A332A}
html[data-theme="black-gold"] .price-panel{background:#1E1811;border:1px solid #3A332A}
html[data-theme="black-gold"] .p-line{color:#B0A692}
html[data-theme="black-gold"] .p-line .v{color:#B0A692}
html[data-theme="black-gold"] .p-line.now .v{color:#E8CC8C}
html[data-theme="black-gold"] .p-line .track{background:#2E281E;border:1px solid #3A332A}
html[data-theme="black-gold"] .p-line .bar-in{background:#6A5B3E}
html[data-theme="black-gold"] .save-line{
  background:linear-gradient(90deg,#C8A45C,#E8CC8C);color:#12100C;
  border:none;border-radius:2px;box-shadow:none;
}
html[data-theme="black-gold"] .list-foot .go,
html[data-theme="black-gold"] .detail-foot .go{background:transparent;color:#E8CC8C;border:1px solid rgba(200,164,92,.4);border-radius:2px}
html[data-theme="black-gold"] .list-foot .src,
html[data-theme="black-gold"] .detail-foot .src{color:#6A6257}


/* ============================================================
   04 · 鲜切红 —— 鲜肉区 butcher 风，红白高对比
   ============================================================ */
html[data-theme="butcher-red"]{
  --brand:#D62828;
  --brand-dk:#A81C1C;
  --accent:#FF6B35;
  --lemon:#FFD166;
  --mint:#2A9D8F;
  --ink-900:#1A0F0F;
  --ink-700:#3D2222;
  --ink-500:#6E4C4C;
  --ink-300:#A88585;
  --paper:#FFF8F6;
  --card:#FFFFFF;
  --line:#F3DCD6;

  --radius-xl:22px;
  --radius-lg:16px;
  --radius-md:10px;

  --font-display:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;

  --body-bg:#F6E3DE;
  --body-dot1:repeating-linear-gradient(45deg,rgba(214,40,40,.05) 0 12px,transparent 12px 24px);
  --body-dot2:none;

  --cover-bg:linear-gradient(158deg,#8E1414 0%,#D62828 44%,#FF6B35 100%);
  --cover-fg:#fff;
  --cover-glow:radial-gradient(circle,rgba(255,255,255,.24) 0%,rgba(255,255,255,0) 70%);
  --cover-date-bg:rgba(0,0,0,.24);
  --cover-date-fg:#fff;
  --l2-bg:#FFD166;
  --l2-fg:#8E1414;
  --l2-shadow:0 5px 0 rgba(80,10,10,.4);
  --l2-radius:4px;
  --l2-rot:-1deg;

  /* 数字块：切角矩形（屠户砧板感） */
  --stat-radius:0;
  --stat-shape-1:polygon(0 0,100% 0,100% 82%,84% 100%,0 100%);
  --stat-shape-2:polygon(0 0,100% 0,100% 100%,16% 100%,0 84%);
  --stat-shape-3:polygon(0 0,100% 0,100% 100%,0 100%);
  --stat-shape-4:polygon(0 0,100% 0,100% 18%,100% 100%,0 100%);
  --stat-bg-1:linear-gradient(150deg,#E63946 0%,#A81C1C 100%);
  --stat-bg-2:linear-gradient(150deg,#FFD166 0%,#E09B12 100%);
  --stat-bg-3:linear-gradient(150deg,#2A9D8F 0%,#176B60 100%);
  --stat-bg-4:linear-gradient(150deg,#FFF3E6 0%,#F3D9C2 100%);
  --stat-gloss:linear-gradient(160deg,rgba(255,255,255,.30) 0%,rgba(255,255,255,.05) 46%,rgba(0,0,0,.14) 100%);
  --stat-rays:none;
  --stat-shadow:drop-shadow(0 8px 14px rgba(120,20,20,.30));
  --stat-fg:#fff;
  --stat-fg-soft:rgba(255,255,255,.85);
  --stat-fg-shadow:0 1px 2px rgba(90,10,10,.4);
  --stat-lab-shadow:none;
}
html[data-theme="butcher-red"] .stat:nth-child(2),
html[data-theme="butcher-red"] .stat:nth-child(4){color:#3D2222}
html[data-theme="butcher-red"] .stat:nth-child(2) b,
html[data-theme="butcher-red"] .stat:nth-child(2) span,
html[data-theme="butcher-red"] .stat:nth-child(4) b,
html[data-theme="butcher-red"] .stat:nth-child(4) span{color:#3D2222}
html[data-theme="butcher-red"] .stat:nth-child(2) span,
html[data-theme="butcher-red"] .stat:nth-child(4) span{color:rgba(61,34,34,.7)}
html[data-theme="butcher-red"] .list-head h2{
  border-radius:4px;transform:none;letter-spacing:.02em;
}
html[data-theme="butcher-red"] .row{border:2px solid #1A0F0F;box-shadow:0 3px 0 #1A0F0F}
html[data-theme="butcher-red"] .row:hover{box-shadow:0 5px 0 #1A0F0F}
html[data-theme="butcher-red"] .row:active{box-shadow:0 1px 0 #1A0F0F}
html[data-theme="butcher-red"] .no{border:2px solid #1A0F0F;border-radius:4px}
html[data-theme="butcher-red"] .row:nth-child(2) .no{background:#FFD166;color:#1A0F0F}
html[data-theme="butcher-red"] .row:nth-child(3) .no{background:#2A9D8F;color:#fff}
html[data-theme="butcher-red"] .pill{background:#D62828;color:#fff;border:2px solid #1A0F0F;border-radius:4px}
html[data-theme="butcher-red"] .rank-tag .rk{background:#FFD166;color:#1A0F0F;border:2px solid #1A0F0F;border-radius:4px}
html[data-theme="butcher-red"] .dcard{border:2px solid #1A0F0F;border-radius:22px;box-shadow:0 6px 0 rgba(26,15,15,.14)}
html[data-theme="butcher-red"] .dcard::before{background:repeating-linear-gradient(180deg,#D62828 0 14px,#fff 14px 28px)}
html[data-theme="butcher-red"] .d-img{border:2px solid #1A0F0F;background:#FFF3EC}
html[data-theme="butcher-red"] .price-panel{background:#FFF3EC;border:2px solid #1A0F0F;border-radius:10px}
html[data-theme="butcher-red"] .p-line .track{border:2px solid #1A0F0F;border-radius:4px;background:#F3DCD6}
html[data-theme="butcher-red"] .p-line .bar-in{border-radius:4px;background:#C9A9A0}
html[data-theme="butcher-red"] .p-line.now .bar-in{background:linear-gradient(90deg,#D62828,#FF6B35)}
html[data-theme="butcher-red"] .save-line{
  background:#D62828;color:#fff;border:2px solid #1A0F0F;border-radius:6px;
  box-shadow:0 5px 0 #1A0F0F;
}
html[data-theme="butcher-red"] .list-foot .go,
html[data-theme="butcher-red"] .detail-foot .go{background:#1A0F0F;border-radius:4px}


/* ============================================================
   05 · 烘焙奶油 —— 面包房暖奶油 + 可可棕
   ============================================================ */
html[data-theme="bakery-cream"]{
  --brand:#C97B3C;
  --brand-dk:#A05E28;
  --accent:#E8B36A;
  --lemon:#F7DC9B;
  --mint:#A8C686;
  --ink-900:#3E2A1C;
  --ink-700:#5C422F;
  --ink-500:#8A6E56;
  --ink-300:#BCA88F;
  --paper:#FFF9F0;
  --card:#FFFFFF;
  --line:#F0E2CE;

  --radius-xl:28px;
  --radius-lg:22px;
  --radius-md:16px;

  --font-display:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --title-weight:800;
  --title-ls:-.01em;

  --body-bg:#F7EADB;
  --body-dot1:radial-gradient(circle at 12% 18%,rgba(201,123,60,.16) 0 24px,transparent 25px);
  --body-dot2:radial-gradient(circle at 88% 78%,rgba(232,179,106,.20) 0 28px,transparent 29px);

  --cover-bg:linear-gradient(162deg,#8C4A1E 0%,#C97B3C 46%,#F0C48A 100%);
  --cover-fg:#FFF9F0;
  --cover-glow:radial-gradient(circle,rgba(255,249,240,.34) 0%,rgba(255,249,240,0) 70%);
  --cover-foot-fg:rgba(255,249,240,.88);
  --cover-date-bg:rgba(62,42,28,.28);
  --cover-date-fg:#FFF9F0;
  --l2-bg:#3E2A1C;
  --l2-fg:#F7DC9B;
  --l2-shadow:0 5px 0 rgba(50,30,15,.35);
  --l2-radius:20px;
  --l2-rot:0deg;

  /* 数字块：圆润软方 */
  --stat-radius:34px;
  --stat-shape-1:none;
  --stat-shape-2:none;
  --stat-shape-3:none;
  --stat-shape-4:none;
  --stat-bg-1:linear-gradient(150deg,#F3C98B 0%,#C97B3C 100%);
  --stat-bg-2:linear-gradient(150deg,#F7E3B0 0%,#E0AE62 100%);
  --stat-bg-3:linear-gradient(150deg,#D6E3C4 0%,#8FAE6C 100%);
  --stat-bg-4:linear-gradient(150deg,#F6DCC8 0%,#D89C74 100%);
  --stat-gloss:linear-gradient(165deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,.08) 48%,rgba(90,55,25,.10) 100%);
  --stat-rays:none;
  --stat-shadow:0 10px 18px rgba(120,70,30,.22);
  --stat-fg:#3E2A1C;
  --stat-fg-soft:rgba(62,42,28,.78);
  --stat-fg-shadow:0 1px 0 rgba(255,255,255,.5);
  --stat-lab-shadow:none;

  --head-bg:#3E2A1C;
  --head-fg:#FFF9F0;
  --head-shadow:#C97B3C;
  --head-radius:20px;
  --head-rot:0deg;
  --date-bg:#C97B3C;
  --date-fg:#FFF9F0;
  --desc-em-fg:#C97B3C;

  --row-bg:#fff;
  --row-border:1.5px solid #F0E2CE;
  --row-radius:16px;
  --row-shadow:0 3px 10px rgba(120,70,30,.10);
  --row-shadow-hover:0 6px 16px rgba(120,70,30,.16);
  --row-shadow-active:0 1px 4px rgba(120,70,30,.12);

  --no-bg:#C97B3C;
  --no-bg2:#F7DC9B;
  --no-bg3:#A8C686;
  --no-fg:#fff;
  --no-fg2:#3E2A1C;
  --no-fg3:#2C3A1C;
  --no-border:none;
  --no-radius:50%;

  --price-fg:#C0502A;
  --price-old-fg:#BCA88F;
  --pill-bg:#F7DC9B;
  --pill-fg:#3E2A1C;
  --pill-border:none;
  --pill-radius:999px;

  --go-bg:#3E2A1C;
  --go-fg:#FFF9F0;

  --rank-fg:#C97B3C;
  --rank-bar:#C97B3C;
  --tag-bg:#F7DC9B;
  --tag-fg:#3E2A1C;
  --tag-border:none;
  --dcard-bg:#fff;
  --dcard-border:1.5px solid #F0E2CE;
  --dcard-radius:28px;
  --dcard-shadow:0 8px 24px rgba(120,70,30,.14);
  --dcard-rail:linear-gradient(180deg,#C97B3C,#F7DC9B);
  --img-bg:#FFF3E2;
  --img-border:1.5px solid #F0E2CE;
  --img-radius:22px;
  --panel-bg:#FFF9F0;
  --panel-border:1.5px solid #F0E2CE;
  --panel-radius:16px;
  --track-bg:#F3E5D2;
  --track-border:none;
  --track-radius:999px;
  --bar-old:#D6BFA2;
  --bar-new:linear-gradient(90deg,#C97B3C,#E8B36A);
  --save-bg:linear-gradient(90deg,#C97B3C,#E8B36A);
  --save-fg:#fff;
  --save-border:none;
  --save-shadow:0 5px 14px rgba(201,123,60,.34);
  --save-radius:999px;

  --btn-bg:#3E2A1C;
  --btn-fg:#FFF9F0;
  --btn-border:none;
  --btn-shadow:#C97B3C;
}


/* ============================================================
   06 · 牛皮纸仓 —— 仓储瓦楞纸 + 印章红
   ============================================================ */
html[data-theme="kraft"]{
  --brand:#B4472E;
  --brand-dk:#8E3623;
  --accent:#D9A441;
  --lemon:#D9A441;
  --mint:#5E7A54;
  --ink-900:#2E2118;
  --ink-700:#4C3A2A;
  --ink-500:#7A6552;
  --ink-300:#AC9C8B;
  --paper:#F5EBDA;
  --card:#FFFAF2;
  --line:#DFCDB2;

  --radius-xl:8px;
  --radius-lg:6px;
  --radius-md:4px;

  --font-display:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --title-weight:800;
  --title-ls:.01em;

  --body-bg:#EADCC4;
  --body-dot1:repeating-linear-gradient(0deg,rgba(180,140,90,.10) 0 2px,transparent 2px 8px);
  --body-dot2:none;

  --cover-bg:linear-gradient(160deg,#8A6A46 0%,#B98B5E 48%,#D9BC94 100%);
  --cover-fg:#2E2118;
  --cover-glow:radial-gradient(circle,rgba(255,250,242,.36) 0%,rgba(255,250,242,0) 70%);
  --cover-foot-fg:rgba(46,33,24,.7);
  --cover-date-bg:rgba(46,33,24,.16);
  --cover-date-fg:#2E2118;
  --l2-bg:#B4472E;
  --l2-fg:#FFFAF2;
  --l2-shadow:0 4px 0 rgba(80,32,18,.45);
  --l2-radius:4px;
  --l2-rot:-1.5deg;

  /* 数字块：标签贴纸（撕角） */
  --stat-radius:6px;
  --stat-shape-1:polygon(0 6%,6% 0,100% 0,100% 100%,0 100%);
  --stat-shape-2:polygon(0 0,94% 0,100% 6%,100% 100%,0 100%);
  --stat-shape-3:polygon(0 0,100% 0,100% 94%,94% 100%,0 100%);
  --stat-shape-4:polygon(6% 0,100% 0,100% 100%,0 100%,0 6%);
  --stat-bg-1:#B4472E;
  --stat-bg-2:#D9A441;
  --stat-bg-3:#5E7A54;
  --stat-bg-4:#3F3227;
  --stat-gloss:repeating-linear-gradient(90deg,rgba(255,255,255,.10) 0 3px,transparent 3px 7px);
  --stat-rays:none;
  --stat-shadow:0 6px 0 rgba(90,66,42,.28);
  --stat-fg:#FFFAF2;
  --stat-fg-soft:rgba(255,250,242,.82);
  --stat-fg-shadow:0 1px 1px rgba(0,0,0,.28);
  --stat-lab-shadow:none;

  --head-bg:#2E2118;
  --head-fg:#FFFAF2;
  --head-shadow:#B4472E;
  --head-radius:4px;
  --head-rot:-1deg;
  --date-bg:#B4472E;
  --date-fg:#FFFAF2;
  --desc-em-fg:#B4472E;

  --row-bg:#FFFAF2;
  --row-border:1.5px dashed #AC9C8B;
  --row-radius:6px;
  --row-shadow:0 2px 0 rgba(120,95,66,.22);
  --row-shadow-hover:0 4px 0 rgba(120,95,66,.28);
  --row-shadow-active:0 1px 0 rgba(120,95,66,.22);

  --no-bg:#B4472E;
  --no-bg2:#D9A441;
  --no-bg3:#5E7A54;
  --no-fg:#FFFAF2;
  --no-fg2:#2E2118;
  --no-fg3:#fff;
  --no-border:1.5px solid #2E2118;
  --no-radius:4px;

  --price-fg:#B4472E;
  --price-old-fg:#AC9C8B;
  --pill-bg:#D9A441;
  --pill-fg:#2E2118;
  --pill-border:none;
  --pill-radius:3px;

  --go-bg:#2E2118;
  --go-fg:#FFFAF2;

  --rank-fg:#B4472E;
  --rank-bar:#B4472E;
  --tag-bg:#D9A441;
  --tag-fg:#2E2118;
  --tag-border:none;
  --dcard-bg:#FFFAF2;
  --dcard-border:2px solid #2E2118;
  --dcard-radius:8px;
  --dcard-shadow:0 6px 0 rgba(90,66,42,.20);
  --dcard-rail:repeating-linear-gradient(180deg,#B4472E 0 16px,#D9A441 16px 32px);
  --img-bg:#F0E4CE;
  --img-border:2px solid #2E2118;
  --img-radius:6px;
  --panel-bg:#F7EFE1;
  --panel-border:1.5px dashed #AC9C8B;
  --panel-radius:4px;
  --track-bg:#E6D8C0;
  --track-border:1.5px solid #2E2118;
  --track-radius:3px;
  --bar-old:#C9B79C;
  --bar-new:linear-gradient(90deg,#B4472E,#D9A441);
  --save-bg:repeating-linear-gradient(90deg,#B4472E 0 14px,#8E3623 14px 28px);
  --save-fg:#FFFAF2;
  --save-border:2px solid #2E2118;
  --save-shadow:0 4px 0 #2E2118;
  --save-radius:4px;

  --btn-bg:#2E2118;
  --btn-fg:#FFFAF2;
  --btn-border:none;
  --btn-shadow:#B4472E;
}


/* ============================================================
   07 · 薄荷生鲜 —— 蔬菜区清爽薄荷绿
   ============================================================ */
html[data-theme="mint-fresh"]{
  --brand:#00A87E;
  --brand-dk:#00805F;
  --accent:#7FD4B4;
  --lemon:#C8F0DC;
  --mint:#00A87E;
  --ink-900:#0C2B22;
  --ink-700:#1E4A3C;
  --ink-500:#4A7568;
  --ink-300:#94B8AC;
  --paper:#F2FBF7;
  --card:#FFFFFF;
  --line:#D2EDE2;

  --radius-xl:24px;
  --radius-lg:18px;
  --radius-md:12px;

  --font-display:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --title-weight:800;

  --body-bg:#DDF2E9;
  --body-dot1:radial-gradient(circle at 12% 18%,rgba(0,168,126,.16) 0 26px,transparent 27px);
  --body-dot2:radial-gradient(circle at 88% 78%,rgba(127,212,180,.24) 0 30px,transparent 31px);

  --cover-bg:linear-gradient(160deg,#00604A 0%,#00A87E 48%,#5FD3A8 100%);
  --cover-fg:#fff;
  --cover-glow:radial-gradient(circle,rgba(255,255,255,.32) 0%,rgba(255,255,255,0) 70%);
  --cover-date-bg:rgba(0,50,36,.22);
  --cover-date-fg:#fff;
  --l2-bg:#C8F0DC;
  --l2-fg:#00604A;
  --l2-shadow:0 5px 0 rgba(0,50,36,.35);
  --l2-radius:22px;
  --l2-rot:0deg;

  /* 数字块：胶囊 + 轻微斜切 */
  --stat-radius:999px;
  --stat-shape-1:none;
  --stat-shape-2:none;
  --stat-shape-3:none;
  --stat-shape-4:none;
  --stat-bg-1:linear-gradient(150deg,#5FD3A8 0%,#00A87E 100%);
  --stat-bg-2:linear-gradient(150deg,#C8F0DC 0%,#7FD4B4 100%);
  --stat-bg-3:linear-gradient(150deg,#9BE0FF 0%,#4FB8E8 100%);
  --stat-bg-4:linear-gradient(150deg,#FFE6A8 0%,#F2C55C 100%);
  --stat-gloss:linear-gradient(160deg,rgba(255,255,255,.46) 0%,rgba(255,255,255,.10) 48%,rgba(0,60,44,.10) 100%);
  --stat-rays:none;
  --stat-shadow:0 10px 20px rgba(0,90,68,.22);
  --stat-fg:#fff;
  --stat-fg-soft:rgba(255,255,255,.88);
  --stat-fg-shadow:0 1px 2px rgba(0,60,44,.3);
  --stat-lab-shadow:none;
}
html[data-theme="mint-fresh"] .stat:nth-child(2){color:#00483A}
html[data-theme="mint-fresh"] .stat:nth-child(2) b,
html[data-theme="mint-fresh"] .stat:nth-child(2) span{color:#00483A}
html[data-theme="mint-fresh"] .stat:nth-child(2) span{color:rgba(0,72,58,.7)}
html[data-theme="mint-fresh"] .stat:nth-child(4){color:#4A3A12}
html[data-theme="mint-fresh"] .stat:nth-child(4) b,
html[data-theme="mint-fresh"] .stat:nth-child(4) span{color:#4A3A12}
html[data-theme="mint-fresh"] .stat:nth-child(4) span{color:rgba(74,58,18,.72)}

  html[data-theme="mint-fresh"] .list-head h2{transform:none;border-radius:22px}
html[data-theme="mint-fresh"] .row{
  border:1.5px solid #D2EDE2;box-shadow:0 3px 0 rgba(0,128,95,.16);
}
html[data-theme="mint-fresh"] .row:hover{box-shadow:0 5px 0 rgba(0,128,95,.22)}
html[data-theme="mint-fresh"] .row:active{box-shadow:0 1px 0 rgba(0,128,95,.16)}
html[data-theme="mint-fresh"] .no{border:none}
html[data-theme="mint-fresh"] .row:nth-child(2) .no{color:#00483A}
html[data-theme="mint-fresh"] .row:nth-child(3) .no{color:#fff}
html[data-theme="mint-fresh"] .pill{background:#C8F0DC;color:#00604A;border:none}
html[data-theme="mint-fresh"] .rank-tag .rk{background:#C8F0DC;color:#00604A;border:none}
html[data-theme="mint-fresh"] .dcard{border:1.5px solid #D2EDE2}
html[data-theme="mint-fresh"] .dcard::before{background:linear-gradient(180deg,#00A87E,#C8F0DC)}
html[data-theme="mint-fresh"] .d-img{border:1.5px solid #D2EDE2;background:#EDF9F4}
html[data-theme="mint-fresh"] .price-panel{background:#F2FBF7;border:1.5px solid #D2EDE2}
html[data-theme="mint-fresh"] .p-line .track{background:#D9EFE6;border:none;border-radius:999px}
html[data-theme="mint-fresh"] .p-line .bar-in{border-radius:999px}
html[data-theme="mint-fresh"] .save-line{
  background:linear-gradient(90deg,#00A87E,#5FD3A8);color:#fff;border:none;
  border-radius:999px;box-shadow:0 5px 14px rgba(0,168,126,.34);
}


/* ============================================================
   08 · 丹宁牛仔 —— 靛蓝 + 洗水白，复古
   ============================================================ */
html[data-theme="denim"]{
  --brand:#2A4C8F;
  --brand-dk:#1B3266;
  --accent:#E4B363;
  --lemon:#E4B363;
  --mint:#7FA0C9;
  --ink-900:#16233D;
  --ink-700:#2C3E63;
  --ink-500:#5A6C90;
  --ink-300:#9AA9C4;
  --paper:#EEF3FA;
  --card:#FFFFFF;
  --line:#D3DEEE;

  --radius-xl:6px;
  --radius-lg:4px;
  --radius-md:3px;

  --font-display:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --title-weight:800;

  --body-bg:#DCE6F3;
  --body-dot1:repeating-linear-gradient(45deg,rgba(42,76,143,.07) 0 3px,transparent 3px 9px);
  --body-dot2:repeating-linear-gradient(-45deg,rgba(42,76,143,.05) 0 3px,transparent 3px 9px);

  --cover-bg:linear-gradient(160deg,#16233D 0%,#2A4C8F 50%,#4A72BE 100%);
  --cover-fg:#fff;
  --cover-glow:radial-gradient(circle,rgba(228,179,99,.26) 0%,rgba(228,179,99,0) 70%);
  --cover-foot-fg:rgba(255,255,255,.85);
  --cover-date-bg:rgba(255,255,255,.14);
  --cover-date-fg:#fff;
  --l2-bg:#E4B363;
  --l2-fg:#16233D;
  --l2-shadow:0 5px 0 rgba(10,20,38,.5);
  --l2-radius:4px;
  --l2-rot:0deg;

  /* 数字块：牛仔布标牌 */
  --stat-radius:6px;
  --stat-shape-1:none;
  --stat-shape-2:none;
  --stat-shape-3:none;
  --stat-shape-4:none;
  --stat-bg-1:linear-gradient(150deg,#3D63AD 0%,#1B3266 100%);
  --stat-bg-2:linear-gradient(150deg,#5C82C4 0%,#2A4C8F 100%);
  --stat-bg-3:linear-gradient(150deg,#E4B363 0%,#B8863A 100%);
  --stat-bg-4:linear-gradient(150deg,#EDF2FA 0%,#C3D2E8 100%);
  --stat-gloss:repeating-linear-gradient(45deg,rgba(255,255,255,.09) 0 2px,transparent 2px 6px);
  --stat-rays:none;
  --stat-shadow:0 6px 0 rgba(22,35,61,.28);
  --stat-fg:#fff;
  --stat-fg-soft:rgba(255,255,255,.85);
  --stat-fg-shadow:0 1px 1px rgba(10,20,38,.4);
  --stat-lab-shadow:none;
}
html[data-theme="denim"] .stat:nth-child(4){color:#16233D}
html[data-theme="denim"] .stat:nth-child(4) b,
html[data-theme="denim"] .stat:nth-child(4) span{color:#16233D}
html[data-theme="denim"] .stat:nth-child(4) span{color:rgba(22,35,61,.66)}
/* 布标上的双针线 */
html[data-theme="denim"] .stat::before{
  background:
    linear-gradient(180deg,transparent 0 9px,rgba(255,255,255,.34) 9px 10px,transparent 10px calc(100% - 10px),rgba(255,255,255,.34) calc(100% - 10px) calc(100% - 9px),transparent calc(100% - 9px)),
    repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 2px,transparent 2px 6px);
}
html[data-theme="denim"] .list-head h2{border-radius:4px;transform:none;letter-spacing:.02em}
html[data-theme="denim"] .row{
  border:1.5px solid #16233D;border-radius:5px;box-shadow:0 3px 0 #16233D;
}
html[data-theme="denim"] .row:hover{box-shadow:0 5px 0 #16233D}
html[data-theme="denim"] .row:active{box-shadow:0 1px 0 #16233D}
html[data-theme="denim"] .no{
  background:#16233D;color:#fff;border:1.5px solid #16233D;border-radius:3px;
}
html[data-theme="denim"] .row:nth-child(2) .no{background:#E4B363;color:#16233D}
html[data-theme="denim"] .row:nth-child(3) .no{background:#5C82C4;color:#fff}
html[data-theme="denim"] .pill{background:#2A4C8F;color:#fff;border:1.5px solid #16233D;border-radius:3px}
html[data-theme="denim"] .rank-tag .rk{background:#E4B363;color:#16233D;border:1.5px solid #16233D;border-radius:3px}
html[data-theme="denim"] .dcard{border:2px solid #16233D;border-radius:6px}
html[data-theme="denim"] .dcard::before{
  background:repeating-linear-gradient(180deg,#2A4C8F 0 10px,#16233D 10px 20px);
}
html[data-theme="denim"] .d-img{border:1.5px solid #16233D;border-radius:5px;background:#E7EEF8}
html[data-theme="denim"] .price-panel{background:#F7FAFE;border:1.5px solid #D3DEEE;border-radius:4px}
html[data-theme="denim"] .p-line .track{border:1.5px solid #16233D;border-radius:4px;background:#E1EAF6}
html[data-theme="denim"] .p-line .bar-in{border-radius:4px;background:#A9BCD8}
html[data-theme="denim"] .p-line.now .bar-in{background:linear-gradient(90deg,#2A4C8F,#4A72BE)}
html[data-theme="denim"] .save-line{
  background:linear-gradient(90deg,#2A4C8F,#4A72BE);color:#fff;
  border:1.5px solid #16233D;border-radius:4px;box-shadow:0 4px 0 #16233D;
}
html[data-theme="denim"] .list-foot .go,
html[data-theme="denim"] .detail-foot .go{background:#16233D;border-radius:3px}


/* ============================================================
   09 · 荧光夜市 —— 暗底霓虹，限时抢购
   ============================================================ */
html[data-theme="neon-night"]{
  --brand:#00F0FF;
  --brand-dk:#00A8B5;
  --accent:#FF2D95;
  --lemon:#FFE600;
  --mint:#39FF88;
  --ink-900:#F2F6FF;
  --ink-700:#C6D2EA;
  --ink-500:#8B97B5;
  --ink-300:#5A6480;
  --paper:#080A14;
  --card:#111428;
  --line:#232744;

  --radius-xl:20px;
  --radius-lg:14px;
  --radius-md:10px;

  --font-display:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --title-weight:900;

  --body-bg:#05060D;
  --body-dot1:radial-gradient(circle at 15% 20%,rgba(0,240,255,.18) 0 34px,transparent 35px);
  --body-dot2:radial-gradient(circle at 85% 80%,rgba(255,45,149,.18) 0 38px,transparent 39px);

  --cover-bg:linear-gradient(158deg,#0A0C1C 0%,#141A38 44%,#0A0C1C 100%);
  --cover-fg:#F2F6FF;
  --cover-glow:radial-gradient(circle,rgba(0,240,255,.30) 0%,rgba(255,45,149,.16) 55%,transparent 72%);
  --cover-glow-size:300px;
  --cover-foot-fg:rgba(242,246,255,.65);
  --cover-date-bg:rgba(0,240,255,.14);
  --cover-date-fg:#00F0FF;
  --l2-bg:#00F0FF;
  --l2-fg:#05060D;
  --l2-shadow:0 0 22px rgba(0,240,255,.75), 0 6px 0 rgba(0,80,90,.6);
  --l2-radius:12px;
  --l2-rot:0deg;

  /* 数字块：霓虹描边 + 六边形 */
  --stat-radius:0;
  --stat-shape-1:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
  --stat-shape-2:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
  --stat-shape-3:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
  --stat-shape-4:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
  --stat-bg-1:linear-gradient(150deg,#123A4A 0%,#0A1626 100%);
  --stat-bg-2:linear-gradient(150deg,#3A1440 0%,#1A0A26 100%);
  --stat-bg-3:linear-gradient(150deg,#123A24 0%,#0A1A14 100%);
  --stat-bg-4:linear-gradient(150deg,#3A3210 0%,#1C1806 100%);
  --stat-gloss:linear-gradient(160deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 48%);
  --stat-rays:none;
  --stat-shadow:none;
  --stat-fg:#00F0FF;
  --stat-fg-soft:rgba(0,240,255,.72);
  --stat-fg-shadow:0 0 18px rgba(0,240,255,.85);
  --stat-lab-shadow:none;
}
html[data-theme="neon-night"] .stat:nth-child(1){--stat-fg:#00F0FF;--stat-fg-soft:rgba(0,240,255,.72);--stat-fg-shadow:0 0 18px rgba(0,240,255,.85)}
html[data-theme="neon-night"] .stat:nth-child(2){--stat-fg:#FF2D95;--stat-fg-soft:rgba(255,45,149,.75);--stat-fg-shadow:0 0 18px rgba(255,45,149,.85)}
html[data-theme="neon-night"] .stat:nth-child(3){--stat-fg:#39FF88;--stat-fg-soft:rgba(57,255,136,.75);--stat-fg-shadow:0 0 18px rgba(57,255,136,.85)}
html[data-theme="neon-night"] .stat:nth-child(4){--stat-fg:#FFE600;--stat-fg-soft:rgba(255,230,0,.75);--stat-fg-shadow:0 0 18px rgba(255,230,0,.85)}
/* 霓虹描边：inset box-shadow 叠出光圈 */
html[data-theme="neon-night"] .stat:nth-child(1){box-shadow:inset 0 0 0 2px #00F0FF,inset 0 0 26px rgba(0,240,255,.28)}
html[data-theme="neon-night"] .stat:nth-child(2){box-shadow:inset 0 0 0 2px #FF2D95,inset 0 0 26px rgba(255,45,149,.28)}
html[data-theme="neon-night"] .stat:nth-child(3){box-shadow:inset 0 0 0 2px #39FF88,inset 0 0 26px rgba(57,255,136,.26)}
html[data-theme="neon-night"] .stat:nth-child(4){box-shadow:inset 0 0 0 2px #FFE600,inset 0 0 26px rgba(255,230,0,.24)}
html[data-theme="neon-night"] .stat:hover{filter:drop-shadow(0 0 22px rgba(0,240,255,.55))}
html[data-theme="neon-night"] .cover h1{
  text-shadow:0 0 24px rgba(0,240,255,.45), 0 0 60px rgba(255,45,149,.22);
}
html[data-theme="neon-night"] .list-head h2{
  background:#00F0FF;color:#05060D;border-radius:12px;transform:none;
  box-shadow:0 0 18px rgba(0,240,255,.45);
}
html[data-theme="neon-night"] .list-head .date{background:#FF2D95;color:#fff}
html[data-theme="neon-night"] .list-desc b{color:#00F0FF}
html[data-theme="neon-night"] .row{
  background:#111428;border:1px solid #232744;border-radius:12px;box-shadow:none;
}
html[data-theme="neon-night"] .row:hover{border-color:#00F0FF;box-shadow:0 0 16px rgba(0,240,255,.28)}
html[data-theme="neon-night"] .row:active{border-color:#00F0FF;box-shadow:none}
html[data-theme="neon-night"] .row-title{color:#F2F6FF}
html[data-theme="neon-night"] .no{background:#00F0FF;color:#05060D;border:none;border-radius:8px}
html[data-theme="neon-night"] .row:nth-child(2) .no{background:#FFE600;color:#05060D}
html[data-theme="neon-night"] .row:nth-child(3) .no{background:#FF2D95;color:#fff}
html[data-theme="neon-night"] .price-now{color:#00F0FF;text-shadow:0 0 12px rgba(0,240,255,.5)}
html[data-theme="neon-night"] .price-old{color:#5A6480}
html[data-theme="neon-night"] .pill{
  background:transparent;color:#FF2D95;border:1px solid #FF2D95;border-radius:8px;
  text-shadow:0 0 10px rgba(255,45,149,.6);
}
html[data-theme="neon-night"] .rank-tag{color:#00F0FF}
html[data-theme="neon-night"] .rank-tag .rk{
  background:#FF2D95;color:#fff;border:none;border-radius:8px;
  box-shadow:0 0 14px rgba(255,45,149,.5);
}
html[data-theme="neon-night"] .dcard{background:#0D1022;border:1px solid #232744}
html[data-theme="neon-night"] .dcard::before{background:linear-gradient(180deg,#00F0FF,#FF2D95)}
html[data-theme="neon-night"] .d-title{color:#F2F6FF}
html[data-theme="neon-night"] .d-img{background:#0A0C18;border:1px solid #232744}
html[data-theme="neon-night"] .price-panel{background:#0D1022;border:1px solid #232744}
html[data-theme="neon-night"] .p-line{color:#C6D2EA}
html[data-theme="neon-night"] .p-line .v{color:#C6D2EA}
html[data-theme="neon-night"] .p-line.now .v{color:#00F0FF}
html[data-theme="neon-night"] .p-line .track{background:#1B1F38;border:1px solid #2E3355}
html[data-theme="neon-night"] .p-line .bar-in{background:#3A4166}
html[data-theme="neon-night"] .p-line.now .bar-in{
  background:linear-gradient(90deg,#00F0FF,#FF2D95);
  box-shadow:0 0 12px rgba(0,240,255,.45);
}
html[data-theme="neon-night"] .save-line{
  background:linear-gradient(90deg,#00F0FF,#FF2D95);color:#05060D;border:none;
  border-radius:12px;box-shadow:0 0 24px rgba(0,240,255,.4);
}
html[data-theme="neon-night"] .list-foot .go,
html[data-theme="neon-night"] .detail-foot .go{background:#00F0FF;color:#05060D;border-radius:8px}
html[data-theme="neon-night"] .list-foot .src,
html[data-theme="neon-night"] .detail-foot .src{color:#5A6480}


/* ============================================================
   10 · 暖阳橙 —— 烘焙区暖橙黄，友好亲和
   ============================================================ */
html[data-theme="warm-sun"]{
  --brand:#FF6B35;
  --brand-dk:#D94E1B;
  --accent:#FFC145;
  --lemon:#FFC145;
  --mint:#70C1B3;
  --ink-900:#3A2314;
  --ink-700:#5A3B22;
  --ink-500:#8A6B52;
  --ink-300:#BCA48C;
  --paper:#FFF8F0;
  --card:#FFFFFF;
  --line:#FBE3CE;

  --radius-xl:24px;
  --radius-lg:18px;
  --radius-md:12px;

  --font-display:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --title-weight:900;

  --body-bg:#FDE8D3;
  --body-dot1:radial-gradient(circle at 12% 18%,rgba(255,107,53,.18) 0 28px,transparent 29px);
  --body-dot2:radial-gradient(circle at 88% 78%,rgba(255,193,69,.24) 0 32px,transparent 33px);

  --cover-bg:linear-gradient(160deg,#D94E1B 0%,#FF6B35 46%,#FFA84D 100%);
  --cover-fg:#fff;
  --cover-glow:radial-gradient(circle,rgba(255,240,190,.44) 0%,rgba(255,240,190,0) 70%);
  --cover-foot-fg:rgba(255,255,255,.9);
  --cover-date-bg:rgba(120,40,10,.24);
  --cover-date-fg:#fff;
  --l2-bg:#FFF3D6;
  --l2-fg:#D94E1B;
  --l2-shadow:0 6px 0 rgba(120,40,10,.4);
  --l2-radius:18px;
  --l2-rot:-1.5deg;

  /* 数字块：暖阳花瓣形 */
  --stat-radius:0;
  --stat-shape-1:polygon(50% 0,64% 16%,86% 8%,84% 30%,100% 42%,86% 56%,94% 78%,70% 72%,62% 96%,48% 80%,28% 98%,26% 74%,4% 84%,14% 58%,0 42%,18% 26%,12% 6%,36% 16%);
  --stat-shape-2:polygon(50% 2%,62% 18%,84% 6%,80% 30%,100% 40%,84% 54%,96% 76%,72% 70%,58% 96%,44% 76%,20% 92%,20% 66%,2% 54%,18% 38%,4% 14%,32% 18%);
  --stat-shape-3:polygon(50% 0,66% 14%,88% 10%,82% 32%,100% 46%,84% 58%,92% 80%,66% 72%,54% 98%,42% 78%,16% 94%,20% 68%,0 58%,14% 42%,2% 18%,34% 16%);
  --stat-shape-4:polygon(50% 2%,68% 14%,90% 10%,78% 34%,100% 46%,82% 60%,90% 84%,62% 74%,52% 100%,40% 76%,10% 92%,16% 64%,0 54%,18% 38%,6% 16%,34% 20%);
  --stat-bg-1:linear-gradient(145deg,#FFD98A 0%,#FFB03A 50%,#F08A1C 100%);
  --stat-bg-2:linear-gradient(145deg,#FFC9A8 0%,#FF9A5E 50%,#E86A2E 100%);
  --stat-bg-3:linear-gradient(145deg,#FFF0B8 0%,#FFD35C 50%,#E8A81C 100%);
  --stat-bg-4:linear-gradient(145deg,#B8E8DE 0%,#7FD0C2 50%,#46A695 100%);
  --stat-gloss:linear-gradient(160deg,rgba(255,255,255,.50) 0%,rgba(255,255,255,.12) 46%,rgba(120,50,10,.12) 100%);
  --stat-rays:repeating-conic-gradient(from 0deg,rgba(255,255,255,.28) 0deg 6deg,transparent 6deg 18deg);
  --stat-ray-mask:radial-gradient(circle,transparent 24%,#000 40%,#000 68%,transparent 84%);
  --stat-shadow:drop-shadow(0 10px 16px rgba(180,80,20,.30));
  --stat-fg:#4A2410;
  --stat-fg-soft:rgba(74,36,16,.85);
  --stat-fg-shadow:0 2px 0 rgba(255,255,255,.55);
  --stat-lab-shadow:0 1px 0 rgba(255,255,255,.55);

  --head-bg:#3A2314;
  --head-fg:#FFF8F0;
  --head-shadow:#FF6B35;
  --head-radius:18px;
  --head-rot:-1.2deg;
  --date-bg:#FFC145;
  --date-fg:#3A2314;
  --desc-em-fg:#E0561F;

  --row-bg:#fff;
  --row-border:2px solid #3A2314;
  --row-radius:14px;
  --row-shadow:0 3px 0 #3A2314;
  --row-shadow-hover:0 5px 0 #3A2314;
  --row-shadow-active:0 1px 0 #3A2314;

  --no-bg:#FF6B35;
  --no-bg2:#FFC145;
  --no-bg3:#70C1B3;
  --no-fg:#fff;
  --no-fg2:#3A2314;
  --no-fg3:#0E3A34;
  --no-border:1.5px solid #3A2314;
  --no-radius:10px;

  --price-fg:#D94E1B;
  --price-old-fg:#BCA48C;
  --pill-bg:#FFC145;
  --pill-fg:#3A2314;
  --pill-border:1.5px solid #3A2314;
  --pill-radius:8px;

  --go-bg:#3A2314;
  --go-fg:#FFF8F0;

  --rank-fg:#D94E1B;
  --rank-bar:#FF6B35;
  --tag-bg:#FFC145;
  --tag-fg:#3A2314;
  --tag-border:2px solid #3A2314;
  --dcard-bg:#fff;
  --dcard-border:2px solid #3A2314;
  --dcard-radius:24px;
  --dcard-shadow:0 6px 0 rgba(58,35,20,.16);
  --dcard-rail:linear-gradient(180deg,#FF6B35,#FFC145);
  --img-bg:#FFF1E0;
  --img-border:2px solid #3A2314;
  --img-radius:16px;
  --panel-bg:#FFF8F0;
  --panel-border:2px dashed #FBE3CE;
  --panel-radius:14px;
  --track-bg:#FBE3CE;
  --track-border:1.5px solid #3A2314;
  --track-radius:8px;
  --bar-old:#E2C3A4;
  --bar-new:linear-gradient(90deg,#FF6B35,#FFC145);
  --save-bg:linear-gradient(90deg,#FF6B35,#FFC145);
  --save-fg:#fff;
  --save-border:2px solid #3A2314;
  --save-shadow:0 4px 0 #3A2314;
  --save-radius:14px;

  --btn-bg:#3A2314;
  --btn-fg:#FFF8F0;
  --btn-border:none;
  --btn-shadow:#FF6B35;
}


/* ============================================================
   附录 A · 导出圆角（1080×1440 满幅成图专用）
   ------------------------------------------------------------
   xhs-frame.css 把 .phone 从 420px 拉到 1080px（约 2.5 倍），
   若沿用屏幕内的圆角数值，成图里卡片会显得"太方"。
   这里给每套主题补一组 --*-out 变量供 xhs-frame.css 取用。
   只写需要覆盖的项，没写的自动回落到 xhs-frame.css 的默认值。
   ============================================================ */

/* 01 会员蓝 */
html[data-theme="member-blue"]{
  --stat-radius-out:50%;
  --head-radius-out:18px;
  --row-radius-out:22px;
  --no-radius-out:13px;
  --pill-radius-out:12px;
  --dcard-radius-out:40px;
  --img-radius-out:32px;
  --panel-radius-out:22px;
  --track-radius-out:11px;
  --save-radius-out:22px;
}

/* 02 极简高级 */
html[data-theme="minimal-luxe"]{
  --stat-radius-out:0;
  --head-radius-out:8px;
  --row-radius-out:7px;
  --no-radius-out:0;
  --pill-radius-out:0;
  --dcard-radius-out:8px;
  --img-radius-out:6px;
  --panel-radius-out:5px;
  --track-radius-out:4px;
  --save-radius-out:0;
}

/* 03 黑金尊享 */
html[data-theme="black-gold"]{
  --stat-radius-out:5px;
  --head-radius-out:14px;
  --row-radius-out:10px;
  --no-radius-out:5px;
  --pill-radius-out:5px;
  --dcard-radius-out:14px;
  --img-radius-out:10px;
  --panel-radius-out:7px;
  --track-radius-out:6px;
  --save-radius-out:5px;
}

/* 04 鲜切红 */
html[data-theme="butcher-red"]{
  --stat-radius-out:0;
  --head-radius-out:10px;
  --row-radius-out:40px;
  --no-radius-out:10px;
  --pill-radius-out:10px;
  --dcard-radius-out:44px;
  --img-radius-out:32px;
  --panel-radius-out:20px;
  --track-radius-out:9px;
  --save-radius-out:13px;
}

/* 05 烘焙奶油 */
html[data-theme="bakery-cream"]{
  --stat-radius-out:64px;
  --head-radius-out:44px;
  --row-radius-out:36px;
  --no-radius-out:50%;
  --pill-radius-out:999px;
  --dcard-radius-out:56px;
  --img-radius-out:48px;
  --panel-radius-out:36px;
  --track-radius-out:999px;
  --save-radius-out:999px;
}

/* 06 牛皮纸仓 */
html[data-theme="kraft"]{
  --stat-radius-out:14px;
  --head-radius-out:10px;
  --row-radius-out:14px;
  --no-radius-out:9px;
  --pill-radius-out:7px;
  --dcard-radius-out:18px;
  --img-radius-out:14px;
  --panel-radius-out:9px;
  --track-radius-out:7px;
  --save-radius-out:9px;
}

/* 07 薄荷生鲜 */
html[data-theme="mint-fresh"]{
  --stat-radius-out:999px;
  --head-radius-out:44px;
  --row-radius-out:40px;
  --no-radius-out:50%;
  --pill-radius-out:999px;
  --dcard-radius-out:52px;
  --img-radius-out:40px;
  --panel-radius-out:28px;
  --track-radius-out:999px;
  --save-radius-out:999px;
}

/* 08 丹宁牛仔 */
html[data-theme="denim"]{
  --stat-radius-out:13px;
  --head-radius-out:10px;
  --row-radius-out:11px;
  --no-radius-out:7px;
  --pill-radius-out:7px;
  --dcard-radius-out:13px;
  --img-radius-out:11px;
  --panel-radius-out:9px;
  --track-radius-out:9px;
  --save-radius-out:9px;
}

/* 09 荧光夜市 */
html[data-theme="neon-night"]{
  --stat-radius-out:0;
  --head-radius-out:26px;
  --row-radius-out:30px;
  --no-radius-out:18px;
  --pill-radius-out:18px;
  --dcard-radius-out:44px;
  --img-radius-out:32px;
  --panel-radius-out:22px;
  --track-radius-out:9px;
  --save-radius-out:26px;
}

/* 10 暖阳橙 */
html[data-theme="warm-sun"]{
  --stat-radius-out:0;
  --head-radius-out:40px;
  --row-radius-out:32px;
  --no-radius-out:22px;
  --pill-radius-out:18px;
  --dcard-radius-out:52px;
  --img-radius-out:36px;
  --panel-radius-out:32px;
  --track-radius-out:18px;
  --save-radius-out:32px;
}