/* ============================================================
   拾货集 · 商城视觉增强层
   在页面内联样式之后加载，仅覆盖视觉表现，不改变布局结构
   ============================================================ */

/* 纸底后退，白卡浮起 */
body { background: #F3F3EE; }

/* ── 顶栏：由半透明纸色改为实底白，强化商城秩序感 ── */
header.site {
  background: rgba(255, 255, 255, .96);
  border-bottom: 1px solid #E3E2D8;
  box-shadow: 0 1px 0 rgba(23, 23, 15, .03), 0 10px 30px -24px rgba(23, 23, 15, .35);
}
.nav-links a { color: #4C4A42; font-weight: 500; }
.nav-links a:hover,
.nav-links a.on { background: rgba(14, 122, 87, .10); color: #0A5D42; }
.btn-user { background: #0E7A57; box-shadow: 0 10px 22px -12px rgba(14, 122, 87, .7); }
.btn-user:hover { background: #0A5D42; }

.search { height: 42px; border-color: #DAD9CF; }
.search:focus-within { border-color: #0E7A57; box-shadow: 0 0 0 4px rgba(14, 122, 87, .10); }
.search button { width: 32px; height: 32px; font-size: 15px; }

/* ── 商品卡：白卡、轻阴影、悬停抬升 ── */
article.card {
  border-color: #E8E6DC;
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(23, 23, 15, .04);
}
article.card:hover {
  transform: translateY(-6px);
  border-color: #D6D4C7;
  box-shadow: 0 26px 50px -22px rgba(23, 23, 15, .24);
}
article.card .cat-tag {
  background: rgba(255, 255, 255, .94);
  color: #17170F;
  font-weight: 600;
  box-shadow: 0 2px 10px rgba(23, 23, 15, .10);
  backdrop-filter: blur(6px);
}
article.card .body { padding: 17px 18px 18px; }
article.card h3 { font-size: 17px; letter-spacing: .01em; }
article.card .kws span { background: rgba(14, 122, 87, .07); }

/* 价格是第一视觉：更大、更重、更绿 */
.price { font-size: 22px; font-weight: 700; letter-spacing: -.02em; }
article.card .foot .price del { font-size: 12px; color: #ABA79A; }
.views { color: #8A877C; }

/* ── 按钮 ── */
.btn-green { box-shadow: 0 10px 24px -12px rgba(14, 122, 87, .65); }
.btn-green:hover { box-shadow: 0 14px 28px -12px rgba(14, 122, 87, .7); }

/* ── 筛选胶囊 ── */
.pill { border-color: #DEDCD2; color: #4C4A42; }
.pill:hover { border-color: #0E7A57; color: #0E7A57; background: rgba(14, 122, 87, .05); }
.pill.on { background: #0E7A57; border-color: #0E7A57; box-shadow: 0 8px 18px -10px rgba(14, 122, 87, .6); }

/* ── 首页推荐卡：去掉手账感的倾斜 ── */
.hero-card { transform: none; box-shadow: 0 24px 56px -30px rgba(23, 23, 15, .32); }
.hero-card:hover { transform: translateY(-4px); }

/* ── 行情条保持深色，但更收敛 ── */
.ticker { background: #0F1712; }

/* ── 页脚 ── */
footer { background: #0F1712; }

/* ── 会员与服务标签的统一质感 ── */
.eyebrow { letter-spacing: .14em; }

/* 限时特惠角标：只在折扣 ≥ 13% 时由页面渲染 */
article.card .sale-tag {
  position: absolute;
  right: 12px;
  top: 12px;
  background: #B42318;
  color: #fff;
  font-family: var(--mono);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 4px 9px;
  border-radius: 7px;
  box-shadow: 0 4px 12px -4px rgba(180, 35, 24, .6);
}