/* deals-feed-card.css — fix0923eventfeed (E3): web 端「今日好价」活动信息流区块样式
 * ST9 暖玫瑰 token 体系 (--cp-* 衍生自 --h-*), 深色态对齐 [data-theme=dark] 深色套。
 * 纯新增类前缀 cp-df-, 零触碰既有类; 横滑卡片列, 屏宽自适应 (窄屏滑动/宽屏多卡并排)。 */

#cpDealsFeed{display:none}

.cp-df-card{background:var(--cp-card);border:1px solid var(--cp-border);border-radius:16px;margin:6px 0 10px;box-shadow:var(--cp-shadow);overflow:hidden}

.cp-df-head{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#c9486a,#9d7bd8);color:#fff}
.cp-df-title{font-size:15px;font-weight:700;flex-shrink:0}
.cp-df-sub{font-size:11px;opacity:.92;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp-df-count{flex-shrink:0;font-size:11px;font-weight:600;padding:2px 10px;border-radius:20px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff}

.cp-df-strip{display:flex;gap:10px;overflow-x:auto;padding:12px 16px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.cp-df-strip::-webkit-scrollbar{height:6px}
.cp-df-strip::-webkit-scrollbar-thumb{background:var(--cp-border);border-radius:3px}

.cp-df-item{flex:0 0 236px;scroll-snap-align:start;display:flex;flex-direction:column;gap:5px;background:var(--cp-bg);border:1px solid var(--cp-border);border-radius:12px;padding:10px 12px;min-height:0}

.cp-df-row1{display:flex;align-items:center;gap:6px}
.cp-df-chip{flex-shrink:0;font-size:10px;font-weight:700;padding:2px 8px;border-radius:8px}
.cp-df-chip.c-bone{background:#fceef2;color:#c9486a}
.cp-df-chip.c-misprice{background:#fef3c7;color:#b45309}
.cp-df-chip.c-seckill{background:#fee2e2;color:#dc2626}
.cp-df-chip.c-mega{background:#efe6fb;color:#7c3aed}
.cp-df-chip.c-coupon{background:#d1fae5;color:#047857}
.cp-df-plat{font-size:11px;color:var(--cp-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.cp-df-name{font-size:13px;font-weight:600;color:var(--cp-text);cursor:pointer;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}
.cp-df-name[data-df-go]:hover{color:var(--cp-accent)}

.cp-df-pricing{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.cp-df-price{font-size:18px;font-weight:700;color:#c9486a}
.cp-df-avg{font-size:11px;color:var(--cp-secondary);text-decoration:line-through}
.cp-df-save{font-size:10px;font-weight:700;color:#fff;background:#c9486a;border-radius:8px;padding:1px 6px}

.cp-df-note{font-size:11px;color:var(--cp-text);line-height:1.5}
.cp-df-meta{font-size:10px;color:var(--cp-secondary);line-height:1.5}
.cp-df-suggest{font-size:11px;color:#047857;font-weight:600;line-height:1.5}

.cp-df-btn{margin-top:auto;align-self:flex-start;padding:4px 14px;border-radius:8px;border:1px solid var(--cp-border);background:var(--cp-bg);color:var(--cp-text);font-size:12px;cursor:pointer;text-decoration:none;transition:all .15s}
.cp-df-btn:hover{border-color:var(--cp-accent);color:var(--cp-accent)}

.cp-df-foot{border-top:1px solid var(--cp-border);padding:8px 16px;font-size:11px;color:var(--cp-secondary);line-height:1.5;background:var(--cp-bg)}

/* ─── 深色态: token 自动切换, 固定色 chip 显式覆盖 ─── */
[data-theme=dark] .cp-df-chip.c-bone{background:#4a1f2b;color:#e8919f}
[data-theme=dark] .cp-df-chip.c-misprice{background:#453a10;color:#fcd34d}
[data-theme=dark] .cp-df-chip.c-seckill{background:#4c1d1d;color:#fca5a5}
[data-theme=dark] .cp-df-chip.c-mega{background:#33245c;color:#c4b5fd}
[data-theme=dark] .cp-df-chip.c-coupon{background:#0d3327;color:#6ee7b7}
[data-theme=dark] .cp-df-price{color:#e8919f}
[data-theme=dark] .cp-df-save{background:#c9486a;color:#fff}
[data-theme=dark] .cp-df-suggest{color:#6ee7b7}

/* ─── 屏宽自适应: 宽屏卡片略放宽, 窄屏收窄一屏一卡半 ─── */
@media (min-width: 900px){.cp-df-item{flex-basis:250px}}
@media (max-width: 480px){.cp-df-item{flex-basis:200px}}