/* ============================================================
   dzm-inner.css — 点资商城 · 内页覆盖层（最后加载）
   各页原有结构保留，这里统一换成墨黑页头 + 米色正文 + 新商品卡网格
   ============================================================ */

/* ---------- 内页页头：墨黑横带，右侧首屏图淡入 ---------- */
.zh_pb_header { background: var(--dm-ink); border-bottom: 1px solid rgba(201, 160, 99, .35); }
.zh_pb_header::before { width: 52%; background: url('/uploads/dz/banner.jpg') right center / cover no-repeat; opacity: .55; }
.zh_pb_inner { max-width: 1240px; min-height: 180px; padding: 36px 20px 30px; }
.zh_pb_crumb, .zh_pb_crumb a { color: rgba(255, 255, 255, .55); }
.zh_pb_crumb a:hover { color: var(--dm-gold-l); }
.zh_pb_crumb .sep { color: rgba(255, 255, 255, .3); }
.zh_pb_crumb .active { color: var(--dm-gold-l); }
.zh_pb_title { color: #fff; font-size: 30px; letter-spacing: .04em; padding-bottom: 12px; }
.zh_pb_title::after { width: 40px; height: 2px; background: var(--dm-gold); }
.zh_pb_title em { color: var(--dm-gold); }
.zh_pb_sub { color: rgba(255, 255, 255, .62); }
.zh_pb_sub em { color: var(--dm-gold-l) !important; }
.zh_pb_btn { background: rgba(255, 255, 255, .06); color: #fff; border-color: rgba(255, 255, 255, .22); border-radius: 18px; padding: 8px 18px; }
.zh_pb_btn:hover { background: #fff; color: var(--dm-ink); border-color: #fff; }
.zh_pb_btn_primary { background: var(--dm-gold); color: var(--dm-ink); border-color: var(--dm-gold); }
.zh_pb_btn_primary:hover { background: var(--dm-gold-l); color: var(--dm-ink); border-color: var(--dm-gold-l); }
/* 会员中心 / 结果页里的按钮仍在白底上 */
.zh_uc_order_status_btns .zh_pb_btn, .zh_mc_res_actions .zh_pb_btn, .zh_mc_show_card_actions .zh_pb_btn { background: #fff; color: var(--dm-ink); border-color: var(--dm-line); }
.zh_uc_order_status_btns .zh_pb_btn_primary, .zh_mc_res_actions .zh_pb_btn_primary, .zh_mc_show_card_actions .zh_pb_btn_primary { background: var(--dm-ink); color: var(--dm-gold-l); border-color: var(--dm-ink); }

/* ---------- 分类页：去侧栏，顶部频道标签 ---------- */
.zh_pl_inner { display: block !important; max-width: 1240px; }
.dm_ctabs { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 22px; }
.dm_ctabs a { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 20px; border-radius: 20px; background: #fff; border: 1px solid var(--dm-line); color: var(--dm-text); font-size: 14px; }
.dm_ctabs a em { font-style: normal; font-size: 12px; color: var(--dm-faint); }
.dm_ctabs a:hover { border-color: var(--dm-gold); color: var(--dm-ink); }
.dm_ctabs a.on { background: var(--dm-ink); border-color: var(--dm-ink); color: var(--dm-gold-l); }
.dm_ctabs a.on em { color: rgba(221, 190, 138, .7); }
.dm_ctabs_mer { margin-left: auto; }
.dm_ctabs_mer i { color: var(--dm-gold-d); }
.zh_pl_tools { background: #fff; border: 1px solid var(--dm-line); border-radius: var(--dm-r); }
.zh_pl_sort_btn.active { background: var(--dm-ink) !important; color: var(--dm-gold-l) !important; border-color: var(--dm-ink) !important; }
.zh_pl_grid { grid-template-columns: repeat(5, 1fr) !important; gap: 18px !important; }
.zh_pl_tail_grid { grid-template-columns: repeat(5, 1fr) !important; gap: 18px !important; }
.zh_pl_tail_head h3 small { color: var(--dm-gold-d); letter-spacing: .2em; }

@media (max-width: 1180px) { .zh_pl_grid, .zh_pl_tail_grid { grid-template-columns: repeat(4, 1fr) !important; } }
@media (max-width: 960px)  { .zh_pl_grid, .zh_pl_tail_grid { grid-template-columns: repeat(3, 1fr) !important; } .dm_ctabs_mer { margin-left: 0; } }
@media (max-width: 560px)  { .zh_pl_grid, .zh_pl_tail_grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; } }

/* ---------- 通用：提示条、分页、空状态跟随金黑配色 ---------- */
.zh_alert_success { border-left-color: var(--dm-gold) !important; }
.pagination .page-item.active .page-link, .zh_pager .active > * { background: var(--dm-ink) !important; border-color: var(--dm-ink) !important; color: var(--dm-gold-l) !important; }
.zh_empty_state_icon { color: var(--dm-gold) !important; }