/*
 * wx_home_recommend.css - 首页精选好物板块样式（子批次 2b / A12）
 * 内容为 wx_user.php wx_home_recommend_css() 内联 <style> 的 1:1 纯搬运，
 * 类命名 wx-hr-*，复用主题 --bg-card / --shadow-card 等变量。
 * 引用方：wx_user.php wx_home_recommend_css()，?v=20260828c
 */

/* === 精选好物板块（与限时推荐 timed-rec 同构） === */
.wx-home-recommend{padding:1em 1.5em;margin-bottom:20px;overflow:hidden;}
.wx-hr-header{display:flex;align-items:baseline;gap:12px;margin-bottom:1em;padding-bottom:.5em;border-bottom:1px solid var(--border-light);}
.wx-hr-title{font-size:16px;font-weight:700;color:var(--text-primary);white-space:nowrap;}
.wx-hr-subtitle{font-size:13px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;}
.wx-hr-more{font-size:13px;color:#e17055;text-decoration:none;font-weight:600;white-space:nowrap;margin-left:auto;}
.wx-hr-more:hover{text-decoration:underline;}
.wx-hr-body{overflow:hidden;}
.wx-hr-list{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:0;margin:0;}
/* 单卡：横向 flex（图片 + 信息），对齐 timed-rec-item */
.wx-hr-item{display:flex;gap:12px;align-items:center;padding:10px;border-radius:8px;transition:background .2s;text-decoration:none;color:inherit;}
.wx-hr-item:hover{background:rgba(0,0,0,.04);text-decoration:none;}
.wx-hr-item:hover .wx-hr-name{color:#e17055;}
.wx-hr-img{width:72px;height:72px;border-radius:6px;overflow:hidden;flex-shrink:0;position:relative;background:#f8f8f8;display:flex;align-items:center;justify-content:center;}
.wx-hr-img img{width:100%;height:100%;object-fit:cover;display:block;}
.wx-hr-info{flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:4px;}
.wx-hr-name{font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;}
/* === 价格行（最重要，暖色加粗） === */
.wx-hr-price-row{display:flex;align-items:baseline;gap:8px;font-size:13px;font-weight:700;color:#e17055;line-height:1.2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.wx-hr-price-pt{color:#e17055;font-size:13px;}
.wx-hr-price-rmb{color:#e17055;font-size:13px;}
.wx-hr-price-or{color:#bbb;font-size:11px;font-weight:400;padding:0 2px;}
/* === 拍卖：当前价 + 顶价人 + 倒计时（动态） === */
.wx-hr-item[data-st="auction"] .wx-hr-price-row{color:#d63031;}
.wx-hr-price-label{font-size:11px;color:#999;font-weight:500;flex-shrink:0;}
.wx-hr-price-current{color:#e74c3c;font-size:15px;font-weight:800;letter-spacing:-.5px;font-variant-numeric:tabular-nums;flex-shrink:0;}
.wx-hr-price-current.flash{animation:hrflash .8s ease;}
@keyframes hrflash{0%{background:#fef5e7;color:#e17055;}100%{background:transparent;color:#e74c3c;}}
/* === meta 行（小标签链） === */
.wx-hr-meta-row{display:flex;flex-wrap:wrap;gap:4px;align-items:center;}
.wx-hr-meta-tag{font-size:10px;padding:2px 7px;border-radius:10px;background:#fef5e7;color:#e17055;line-height:1.4;white-space:nowrap;font-weight:500;}
.wx-hr-meta-tag.stock-low{background:#fff0f0;color:#e74c3c;font-weight:600;}
.wx-hr-meta-tag.limit{background:#fff8e1;color:#e17055;}
.wx-hr-meta-tag.type{background:#f0f0f0;color:#777;}
.wx-hr-meta-tag.sale{background:linear-gradient(135deg,#fdcb6e,#e17055);color:#fff;font-weight:700;}
/* 倒计时（拍卖特供：红色脉冲感） */
.wx-hr-timer{font-size:11px;color:#d63031;font-weight:700;font-variant-numeric:tabular-nums;padding:2px 8px;border-radius:10px;background:#fde8e8;line-height:1.4;white-space:nowrap;}
/* 所属分类 / 标签 小标签 */
.wx-hr-meta-tag.cat{background:#fef5e7;color:#e17055;}
.wx-hr-meta-tag.tag{background:#f8f8f8;color:#777;border:1px solid var(--border-light);}
/* 商品标签（hot/new/sale/auction）：左上角小徽章 */
.wx-hr-tag{position:absolute;top:4px;left:4px;padding:2px 7px;border-radius:4px;font-size:10px;font-weight:700;color:#fff;line-height:1.3;background:linear-gradient(135deg,#e17055,#fdcb6e);text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 1px 3px rgba(0,0,0,.15);z-index:1;}
.wx-hr-tag.hot{background:linear-gradient(135deg,#e17055,#fdcb6e);}
.wx-hr-tag.new{background:linear-gradient(135deg,#f39c12,#e17055);}
.wx-hr-tag.sale{background:#e17055;}
.wx-hr-tag.auction{background:linear-gradient(135deg,#d63031,#e17055);}
/* 响应式：与 timed-rec 一致 */
@media screen and (max-width:992px){
    .wx-hr-list{grid-template-columns:repeat(2,1fr);gap:10px;}
    .wx-hr-img{width:64px;height:64px;}
    .wx-hr-price-current{font-size:14px;}
}
@media screen and (max-width:576px){
    .wx-hr-list{grid-template-columns:1fr;}
    .wx-hr-img{width:60px;height:60px;}
    .wx-hr-header{flex-direction:column;gap:4px;align-items:flex-start;}
    .wx-hr-subtitle{font-size:12px;}
}