/* ===== 惠兆民小店 H5端公共样式 ===== */
:root {
    --primary: #C01A1A;
    --primary-light: #fff0f0;
    --bg: #f5f5f5;
    --card-bg: #ffffff;
    --text-main: #333333;
    --text-sub: #666666;
    --text-light: #999999;
    --border: #f0f0f0;
    --success: #27ae60;
    --warning: #f39c12;
    --danger: #e74c3c;
    --radius: 12px;
    --radius-sm: 8px;
    --shadow: 0 2px 10px rgba(0,0,0,0.05);
}
* { margin:0; padding:0; box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
html, body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    background: var(--bg); color: var(--text-main); font-size:14px; line-height:1.5;
    -webkit-font-smoothing: antialiased;
}
.h5-page { min-height:100vh; padding-bottom:76px; background:var(--bg); }
.h5-secret-admin { position:fixed; bottom:56px; left:0; right:0; text-align:center; font-size:9px; color:#e0e0e0; background:var(--card-bg); padding:3px 0; z-index:999; user-select:none; cursor:default; }
.h5-navbar {
    background:var(--card-bg); height:50px; display:flex; align-items:center;
    justify-content:space-between; padding:0 15px; position:sticky; top:0; z-index:100;
    box-shadow:0 1px 3px rgba(0,0,0,0.05);
}
.h5-navbar .nav-back { width:30px; font-size:26px; cursor:pointer; color:var(--text-main); background:none; border:none; line-height:1; }
.h5-navbar .nav-title { font-size:17px; font-weight:600; flex:1; text-align:center; }
.h5-navbar .nav-right { width:30px; text-align:right; font-size:14px; color:var(--primary); cursor:pointer; }
.h5-tabbar {
    position:fixed; bottom:0; left:0; right:0; background:var(--card-bg);
    display:flex; height:56px; border-top:1px solid var(--border); z-index:1000;
    padding-bottom:env(safe-area-inset-bottom);
}
.h5-tabbar .tab-item {
    flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center;
    font-size:11px; color:var(--text-light); cursor:pointer; gap:2px;
}
.h5-tabbar .tab-item .tab-icon { font-size:22px; line-height:1; }
.h5-tabbar .tab-item.active { color:var(--primary); }
.h5-card { background:var(--card-bg); border-radius:var(--radius); padding:15px; margin:10px 12px; box-shadow:var(--shadow); }
.h5-btn {
    display:block; width:100%; padding:13px; background:var(--primary); color:white;
    border:none; border-radius:var(--radius-sm); font-size:16px; font-weight:600;
    cursor:pointer; text-align:center;
}
.h5-btn:active { opacity:0.85; }
.h5-btn-outline { background:white; color:var(--primary); border:1px solid var(--primary); }
.h5-btn-gray { background:#f0f0f0; color:var(--text-sub); }
.h5-btn-sm { padding:6px 14px; font-size:13px; width:auto; border-radius:15px; }
.h5-form-group { margin-bottom:15px; }
.h5-form-group label { display:block; font-size:14px; color:var(--text-sub); margin-bottom:8px; }
.h5-input {
    width:100%; padding:12px 15px; border:1px solid #e0e0e0; border-radius:var(--radius-sm);
    font-size:15px; outline:none; background:white;
}
.h5-input:focus { border-color:var(--primary); }
.h5-tag { display:inline-block; padding:2px 8px; border-radius:10px; font-size:11px; }
.h5-tag-red { background:var(--primary-light); color:var(--primary); }
.h5-tag-green { background:#e8f8f0; color:var(--success); }
.h5-tag-orange { background:#fef5e7; color:var(--warning); }
.h5-tag-gray { background:#f0f0f0; color:var(--text-light); }
.h5-empty { text-align:center; padding:60px 20px; color:var(--text-light); }
.h5-empty .empty-icon { font-size:50px; margin-bottom:12px; }
.h5-empty .empty-text { font-size:14px; }
.h5-price { color:var(--primary); font-weight:bold; }
.h5-cell {
    display:flex; align-items:center; justify-content:space-between; padding:14px 15px;
    background:white; border-bottom:1px solid var(--border); cursor:pointer;
}
.h5-cell .cell-left { display:flex; align-items:center; gap:12px; }
.h5-cell .cell-icon { font-size:22px; }
.h5-cell .cell-label { font-size:15px; }
.h5-cell .cell-arrow { color:#ccc; font-size:16px; }
.pc-only { display:none !important; }
.h5-only { display:block; }

/* ============================================================
   PC端公共框架（>768px 启用）—— 与H5双结构，媒体查询切换
   ============================================================ */
.pc-header, .pc-footer { display:none; }
.pc-view { display:none; }
.pc-mt { margin-top:20px; }
.pc-mb { margin-bottom:20px; }

@media (min-width:769px) {
  /* 切换：隐藏H5专用元素，显示PC专用元素 */
  .h5-navbar, .h5-tabbar, .h5-view, #tabbar { display:none !important; }
  .pc-header, .pc-footer { display:block; }
  .pc-view { display:block; }

  body { background:#f5f5f5; font-size:14px; }
  /* 顶部导航 */
  .pc-header { background:#fff; box-shadow:0 2px 12px rgba(0,0,0,0.06); position:sticky; top:0; z-index:1000; }
  .pc-nav { max-width:1200px; margin:0 auto; padding:0 24px; height:72px; display:flex; align-items:center; }
  .pc-logo { font-size:24px; font-weight:bold; color:var(--primary); margin-right:48px; cursor:pointer; white-space:nowrap; display:flex; align-items:center; gap:8px; }
  .pc-menu { display:flex; gap:4px; flex:1; }
  .pc-menu-item { padding:9px 20px; font-size:15px; color:#555; cursor:pointer; border-radius:8px; position:relative; white-space:nowrap; }
  .pc-menu-item:hover { background:var(--primary-light); color:var(--primary); }
  .pc-menu-item.active { color:var(--primary); font-weight:600; }
  .pc-menu-item.active::after { content:''; position:absolute; left:50%; transform:translateX(-50%); bottom:2px; width:22px; height:3px; background:var(--primary); border-radius:2px; }
  .pc-nav-right { display:flex; align-items:center; gap:18px; }
  .pc-nav-cart { position:relative; cursor:pointer; font-size:22px; line-height:1; }
  .pc-cart-badge { position:absolute; top:-8px; right:-10px; background:var(--primary); color:#fff; font-size:11px; min-width:18px; height:18px; line-height:18px; border-radius:9px; text-align:center; padding:0 4px; }
  .pc-nav-user { display:flex; align-items:center; gap:8px; cursor:pointer; font-size:14px; color:#555; }
  .pc-nav-avatar { width:34px; height:34px; border-radius:50%; background:linear-gradient(135deg,#C01A1A,#e74c3c); color:#fff; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:bold; }
  .pc-nav-login { color:var(--primary); font-size:14px; cursor:pointer; padding:7px 18px; border:1px solid var(--primary); border-radius:18px; }
  .pc-nav-login:hover { background:var(--primary-light); }

  /* 内容容器 */
  .pc-wrap { max-width:1200px; margin:0 auto; padding:24px; }
  .pc-page-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; position:relative; background:linear-gradient(135deg,#ffffff 0%,#fdf5f5 100%); border:1px solid #f6e3e3; border-radius:14px; padding:20px 26px 20px 28px; box-shadow:0 3px 16px rgba(192,26,26,0.07); overflow:hidden; }
  .pc-page-head::before { content:''; position:absolute; left:0; top:0; bottom:0; width:5px; background:linear-gradient(180deg,#C01A1A 0%,#e0453a 100%); }
  .pc-page-head::after { content:''; position:absolute; right:30px; top:50%; transform:translateY(-50%); width:158px; height:36px; background:url('../images/HZMLOGO-red.png') no-repeat center/contain; opacity:.07; pointer-events:none; z-index:0; }
  .pc-page-head > * { position:relative; z-index:1; min-width:0; }
  .pc-page-title { font-size:23px; font-weight:800; color:#1a1a1a; letter-spacing:.5px; display:flex; align-items:center; gap:10px; line-height:1.3; }
  .pc-page-sub { font-size:13px; color:#a07070; margin-top:6px; }
  .pc-page-head .pc-btn { flex-shrink:0; }
  .pht-icon { width:44px; height:44px; border-radius:12px; background:linear-gradient(135deg,#C01A1A 0%,#e0453a 100%); display:inline-flex; align-items:center; justify-content:center; flex:none; box-shadow:0 5px 12px rgba(192,26,26,.28); margin-right:14px; }
  .pht-icon .icon { font-size:23px; color:#fff; width:23px; height:23px; vertical-align:0; }
  .pc-page-head .pht-titlewrap { display:flex; align-items:center; min-width:0; }
  .pc-page-head .pht-text { min-width:0; }

  /* 卡片/栅格 */
  .pc-card { background:#fff; border-radius:12px; padding:22px; box-shadow:0 2px 12px rgba(0,0,0,0.05); }
  .pc-card-title { font-size:16px; font-weight:bold; margin-bottom:16px; display:flex; align-items:center; justify-content:space-between; }
  .pc-grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
  .pc-grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
  .pc-grid-4 { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
  .pc-sidebar-layout { display:grid; grid-template-columns:220px 1fr; gap:22px; align-items:start; }

  /* 数据统计卡 */
  .pc-stat { background:#fff; border-radius:12px; padding:8px 24px; box-shadow:0 2px 12px rgba(0,0,0,0.05); }
  .pc-stat-label { font-size:13px; color:#999; margin-bottom:2px; }
  .pc-stat-value { font-size:28px; font-weight:bold; color:#222; }
  .pc-stat-value.red { color:var(--primary); }
  .pc-stat-value.gold { color:#b8860b; }

  /* 按钮 */
  .pc-btn { display:inline-block; padding:10px 26px; background:var(--primary); color:#fff; border:none; border-radius:8px; font-size:14px; font-weight:600; cursor:pointer; text-align:center; }
  .pc-btn:hover { opacity:.9; }
  .pc-btn:disabled { background:#ccc; cursor:not-allowed; }
  .pc-btn-outline { background:#fff; color:var(--primary); border:1px solid var(--primary); }
  .pc-btn-gray { background:#f0f0f0; color:#666; }
  .pc-btn-sm { padding:6px 14px; font-size:13px; }
  .pc-btn-lg { padding:13px 40px; font-size:16px; }

  /* 表单 */
  .pc-form-row { display:flex; align-items:center; margin-bottom:18px; }
  .pc-form-row label { width:130px; text-align:right; padding-right:18px; color:#666; font-size:14px; flex-shrink:0; }
  .pc-form-row .pc-form-ctl { flex:1; }
  .pc-input { width:100%; max-width:380px; padding:10px 14px; border:1px solid #ddd; border-radius:8px; font-size:14px; outline:none; }
  .pc-input:focus { border-color:var(--primary); }
  .pc-form-box { max-width:680px; }

  /* 表格 */
  .pc-table { width:100%; border-collapse:collapse; background:#fff; }
  .pc-table th { background:#fafafa; text-align:left; padding:13px 16px; font-size:13px; color:#888; font-weight:600; border-bottom:1px solid #f0f0f0; white-space:nowrap; }
  .pc-table td { padding:15px 16px; font-size:14px; border-bottom:1px solid #f5f5f5; vertical-align:middle; }
  .pc-table tr:hover td { background:#fcfcfc; }
  .pc-table-wrap { background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 2px 12px rgba(0,0,0,0.05); }

  /* 标签 */
  .pc-badge { display:inline-block; padding:3px 10px; border-radius:12px; font-size:12px; }
  .pc-badge-red { background:var(--primary-light); color:var(--primary); }
  .pc-badge-green { background:#e8f8f0; color:var(--success); }
  .pc-badge-orange { background:#fef5e7; color:var(--warning); }
  .pc-badge-gray { background:#f0f0f0; color:#999; }

  /* 空状态 */
  .pc-empty { text-align:center; padding:80px 20px; color:#aaa; }
  .pc-empty .pc-empty-icon { font-size:56px; margin-bottom:16px; }
  .pc-empty .pc-empty-text { font-size:15px; }

  /* 商品网格 */
  .pc-product-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
  .pc-product-card { background:#fff; border-radius:10px; overflow:hidden; cursor:pointer; transition:all .2s; border:1px solid #f0f0f0; }
  .pc-product-card:hover { box-shadow:0 8px 24px rgba(0,0,0,0.12); transform:translateY(-3px); }
  .pc-product-img { background:#f8f8f8; display:flex; align-items:center; justify-content:center; font-size:46px; overflow:hidden; }
  .pc-product-img img { width:100%; height:auto; display:block; }
  .pc-product-info { padding:13px 14px; }
  .pc-product-name { font-size:14px; height:40px; line-height:1.42; overflow:hidden; margin-bottom:8px; color:#333; }
  .pc-product-price { font-size:19px; font-weight:bold; color:var(--primary); }
  .pc-product-contrib { font-size:12px; color:#e67e22; margin-top:5px; }

  /* 侧边菜单（个人中心） */
  .pc-side-menu { background:#fff; border-radius:12px; padding:10px; box-shadow:0 2px 12px rgba(0,0,0,0.05); }
  .pc-side-item { padding:13px 18px; border-radius:8px; font-size:15px; color:#555; cursor:pointer; display:flex; align-items:center; gap:10px; margin-bottom:4px; }
  .pc-side-item:hover { background:#fafafa; }
  .pc-side-item.active { background:var(--primary-light); color:var(--primary); font-weight:600; }

  /* 页脚 */
  .pc-footer { background:#fff; border-top:1px solid #eee; margin-top:40px; padding:32px 24px; text-align:center; color:#999; font-size:13px; line-height:2; }
  .pc-footer .pc-footer-brand { font-size:16px; font-weight:bold; color:#666; margin-bottom:6px; }
}

/* ============================================================
   v1.4 统一SVG线性图标 + 用户下拉菜单 + 管理员入口
   ============================================================ */
.icon { width:1em; height:1em; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; display:inline-block; vertical-align:-0.14em; flex:none; }
/* 导航场景尺寸 */
.pc-logo .icon { font-size:26px; }
.pc-nav-cart .icon { font-size:22px; }
.pc-nav-user .icon { font-size:16px; color:#bbb; transition:transform .2s; }
.pc-user-wrap.open .pc-nav-user .icon { transform:rotate(90deg); }
.pc-footer-brand .icon { font-size:18px; vertical-align:-0.2em; }
.pc-footer-links { margin-top:8px; }
.pc-footer-links a { color:#999; font-size:13px; text-decoration:none; display:inline-flex; align-items:center; gap:4px; }
.pc-footer-links a:hover { color:var(--primary); }
/* H5底部导航图标 */
.tab-icon .icon { font-size:22px; }
.tab-item.active .icon { color:var(--primary); }
.cell-icon { display:inline-flex; align-items:center; justify-content:center; width:24px; color:var(--primary); }
.cell-icon .icon { font-size:20px; }
.nav-back { display:inline-flex; align-items:center; justify-content:center; }
.nav-back .icon { font-size:24px; }
/* PC用户下拉菜单 */
.pc-user-wrap { position:relative; }
.pc-nav-user { padding:6px 10px 6px 6px; border-radius:20px; transition:background .2s; }
.pc-nav-user:hover { background:#f5f5f5; }
.pc-nav-uname { max-width:110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pc-user-menu { position:absolute; right:0; top:calc(100% + 10px); background:#fff; border-radius:12px; box-shadow:0 10px 32px rgba(0,0,0,0.14); min-width:176px; padding:6px; display:none; z-index:1300; border:1px solid #f0f0f0; }
.pc-user-wrap.open .pc-user-menu { display:block; animation:pcMenuIn .15s ease; }
@keyframes pcMenuIn { from { opacity:0; transform:translateY(-4px); } to { opacity:1; transform:translateY(0); } }
.pc-user-menu-item { display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:8px; font-size:14px; color:#333; cursor:pointer; white-space:nowrap; }
.pc-user-menu-item .icon { font-size:17px; color:#888; }
.pc-user-menu-item:hover { background:#f7f7f7; }
.pc-user-menu-item.danger { color:#e74c3c; }
.pc-user-menu-item.danger .icon { color:#e74c3c; }
.pc-user-menu-divider { height:1px; background:#f0f0f0; margin:5px 4px; }

/* 侧栏/快捷入口图标容器（v1.4） */
.mi { display:inline-flex; width:20px; justify-content:center; flex:none; }
.mi .icon { font-size:18px; }
.qicon { display:flex !important; align-items:center; justify-content:center; color:var(--primary); margin-bottom:10px; }
.qicon .icon { font-size:30px; }

/* ===== v1.4 图标容器统一着色/对齐 ===== */
.cti { display:inline-flex; vertical-align:-0.18em; color:var(--primary); }
.pc-card-title .cti { display:inline; }
.pc-card-title .cti .icon { margin-right:7px; vertical-align:-0.18em; }
h2 .cti, h3 .cti { color:inherit; }
.al-logo, .login-logo, .reg-logo { display:flex; align-items:center; justify-content:center; color:#fff; }
.afi { color:#fff; display:inline-flex; align-items:center; justify-content:center; }
.auth-feat { display:flex; align-items:center; }
.h5-brand { display:flex; align-items:center; gap:6px; color:#fff; }
.h5-brand .icon { font-size:20px; }
.h5-search .icon { color:#bbb; font-size:16px; }
.h5-title-ic { color:var(--primary); display:inline-flex; vertical-align:-0.15em; }
.h5-quick-icon { display:flex; align-items:center; justify-content:center; color:var(--primary); }
.h5-quick-icon .icon { font-size:24px; }
.empty-icon, .pc-empty-icon { display:flex; align-items:center; justify-content:center; color:#ccc; }
.empty-icon .icon { font-size:46px; }
.pc-empty-icon .icon { font-size:52px; }
.detail-icon { color:var(--primary); }
.detail-icon .icon { font-size:19px; }
.mall-cat-ic { display:inline-flex; width:20px; justify-content:center; color:var(--primary); }
.mall-cat-ic .icon { font-size:17px; }
.checkout-address-icon { display:flex; align-items:center; justify-content:center; color:var(--primary); }
.checkout-address-icon .icon { font-size:20px; }
.d-mark { display:flex; align-items:center; justify-content:center; }
.d-mark .icon { font-size:13px; }
.h5-pbar-icon { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; }
.h5-pbar-icon .ico { display:flex; align-items:center; justify-content:center; }
.checkin-banner h2, .invite-banner h2 { display:flex; align-items:center; justify-content:center; gap:8px; }
.checkin-banner .cti, .invite-banner .cti { color:#fff; }

/* v1.4 箭头统一 */
.cell-arrow { display:inline-flex; align-items:center; }
.cell-arrow .icon { font-size:16px; color:#ccc; }
.arr-ic { display:inline-flex; align-items:center; vertical-align:-0.15em; }
.arr-ic .icon { font-size:14px; color:inherit; }
.checkout-arrow { display:inline-flex; align-items:center; gap:2px; }

/* ===== 会员端 LOGO（v1.7） ===== */
.pc-nav-logo{height:30px;width:auto;display:block;}
.pc-footer-logo{height:22px;width:auto;vertical-align:middle;margin-right:8px;}
.pc-footer-brand{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
.h5-brand-logo{height:24px;width:auto;display:block;}
.h5-brand{display:flex;align-items:center;}
.login-logo-img{width:140px;height:auto;display:block;margin:0 auto;}
.reg-logo-img{width:140px;height:auto;display:block;margin:0 auto;}


/* PC 个人中心：左侧菜单 + 右侧内容（由 mountPcSidebar 注入） */
.pc-side-content { min-width:0; }
.pc-side-content .pc-page-head { margin-top:0; }
.pc-side-logout { color:#e74c3c !important; }
.pc-side-logout:hover { background:#fef2f2 !important; }

/* ===== 金额小数部分美化（H5）：小数点后数字变小、变浅，颜色随父元素自适应 ===== */
.m-dec { font-size:.58em; font-weight:600; opacity:.48; margin-left:1px; }
/* PC端成长值/购物金数字：小数部分统一小字 + 绿色（覆盖父色淡化） */
.pc-view .m-dec { color:var(--success); opacity:1; font-size:.62em; font-weight:700; }
/* 金色卡片（金底白字）上的小数用深绿，保证可读 */
.pc-view .rc-balance .m-dec, .pc-view .recharge-balance .m-dec { color:#0d6e3f; }
/* 红底白字场景（如签到「今日」格）小数用白色，不用绿色 */
.pc-view .checkin-day.today .m-dec { color:#fff; opacity:.9; }

/* ===== H5 资产卡片：只保留贡献值/购物金两列，数值防溢出 ===== */
.h5-profile-stats, .h5-user-stats { gap:8px; }
.h5-profile-stat, .h5-user-stat { min-width:0; flex:1; }
.h5-profile-stat .num, .h5-user-stat .num {
  min-width:0; max-width:100%; padding:0 8px; line-height:1.15;
  white-space:nowrap; display:flex; justify-content:center; align-items:baseline;
  box-sizing:border-box; overflow:visible;
}
.h5-profile-stat .label, .h5-user-stat .label { white-space:nowrap; }

/* ============================================================
   v3.23 合规公示页脚（H5/PC）
   ============================================================ */
.h5-legal-footer { text-align:center; padding:18px 16px 22px; margin-top:14px; width:100%; box-sizing:border-box; }
.h5-legal-links { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:6px 8px; font-size:12.5px; }
.h5-legal-links a { color:#888; text-decoration:none; line-height:1.4; }
.h5-legal-links a:active { color:var(--primary); }
.h5-legal-links i { color:#ccc; font-style:normal; }
.h5-legal-copy { font-size:11px; color:#999; line-height:1.8; display:inline; }
.h5-legal-beian { font-size:11px; line-height:1.8; display:inline; white-space:nowrap; }
.h5-legal-beian a { color:#999; text-decoration:none; display:inline; margin:0 6px; }
.h5-legal-beian .h5-beian-police img { width:12px; height:12px; vertical-align:-2px; margin-right:3px; display:inline-block; }
@media (max-width:768px){
  .h5-legal-footer, .h5-legal-footer * { white-space:normal !important; overflow-wrap:break-word !important; }
  .h5-legal-copy, .h5-legal-beian { display:block; margin-top:4px; }
}
@media (min-width:769px){
  .h5-legal-footer { padding:24px 16px 30px; margin-top:20px; white-space:nowrap; }
  .h5-legal-links, .h5-legal-copy, .h5-legal-beian { font-size:13px; }
  .h5-legal-beian { white-space:nowrap; }
}
.pc-footer-links { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:6px 8px; }
.pc-footer-links .fl-sep { color:#ccc; }
.pc-footer .secret-admin { text-align:center; font-size:12px; color:#999; white-space:normal; overflow-wrap:break-word; word-break:break-word; }
@media (min-width:769px){
  .pc-footer .secret-admin { white-space:nowrap; }
}

/* ============================================================
   v3.23 自营商品红标签（全站商品名统一）
   ============================================================ */
.self-tag { display:inline-block; background:#C01A1A; color:#fff; font-size:10px; font-weight:600; font-style:normal; line-height:1; padding:2px 5px; border-radius:3px; margin-right:5px; vertical-align:1px; white-space:nowrap; letter-spacing:1px; flex:none; }
.delivery-tag { display:inline-block; background:#1e6fff; color:#fff; font-size:10px; font-weight:600; font-style:normal; line-height:1; padding:2px 5px; border-radius:3px; margin-right:5px; vertical-align:1px; white-space:nowrap; flex:none; }
@media (min-width:769px){
  .self-tag { font-size:12px; padding:3px 7px; border-radius:4px; margin-right:8px; }
  .delivery-tag { font-size:12px; padding:3px 7px; border-radius:4px; margin-right:8px; }
}
/* 商品名容器内标签与文字对齐（flex 场景） */
.self-tag-name { display:flex; align-items:center; }
.self-tag-name > .self-tag { margin-top:0; }