/* 大熊通用广告模块样式: 与 bbw-ads.js 配套; 容器无内容时被 JS 移除, 这里不预留任何占位高度 */
.bbw-ad { font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; }
.bbw-ad-head { font-size: 15px; font-weight: 800; color: #121212; margin-bottom: 10px; }
.bbw-ad-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 12px; }
.bbw-ad-card { display: block; background: #fff; border: 1px solid rgba(18,18,18,.14); border-radius: 0; padding: 10px; text-decoration: none; color: #1b2b43; }
.bbw-ad-card:hover { border-color: #121212; }
.bbw-ad-img { height: 110px; display: flex; align-items: center; justify-content: center; background: #f3f3f3; border-radius: 0; overflow: hidden; margin-bottom: 8px; }
.bbw-ad-img img { max-width: 100%; max-height: 100%; object-fit: contain; }
.bbw-ad-noimg { font-size: 34px; }
.bbw-ad-t { font-size: 13.5px; font-weight: 600; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 36px; }
.bbw-ad-p { margin-top: 5px; }
.bbw-ad-price { color: #121212; font-weight: 800; font-size: 16px; }
.bbw-ad-banner .bbw-ad-grid { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); }
.bbw-ad-rail .bbw-ad-grid { grid-template-columns: 1fr; }
.bbw-ad-bar { background: #242833; color: #fff; font-size: 14px; padding: 8px 14px; display: flex; gap: 12px; align-items: center; justify-content: center; }
.bbw-ad-bar a { color: #ffe08a; font-weight: 700; text-decoration: none; }
.bbw-ad-marquee { overflow: hidden; white-space: nowrap; color: #b91c1c; font-size: 13.5px; font-weight: 600; padding: 4px 0; }
.bbw-ad-marquee .bbw-ad-mq { display: inline-block; margin-right: 48px; animation: bbwMq 18s linear infinite; }
@keyframes bbwMq { from { transform: translateX(30%); } to { transform: translateX(-110%); } }
.bbw-ad-couplet { position: fixed; top: 110px; z-index: 30; width: 132px; }
.bbw-ad-couplet .bbw-ad-grid { grid-template-columns: 1fr; }
.bbw-ad-couplet .bbw-ad-left { }
.bbw-ad-modal { position: fixed; inset: 0; background: rgba(10, 20, 40, .5); z-index: 90; display: flex; align-items: center; justify-content: center; padding: 18px; }
.bbw-ad-modal-box { background: #fff; border-radius: 0; padding: 20px; max-width: 560px; width: 100%; max-height: 84vh; overflow: auto; position: relative; }
.bbw-ad-x { position: absolute; right: 10px; top: 10px; border: none; background: #e2e8f0; border-radius: 999px; width: 30px; height: 30px; cursor: pointer; z-index: 2; }
@media (max-width: 760px) { .bbw-ad-couplet { display: none; } .bbw-ad-rail .bbw-ad-grid { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); } }
/* 客户中心顶部横幅 (account_banner): 手机端收成一条横幅——只露第一个主推品, 横排呈现 (左图, 右上品名、右下价格), 不再四卡片网格; 桌面端维持原卡片网格。第 1 张卡被裂图兜底移除时, 后一张自动顶上, 不留空坑 */
@media (max-width: 760px) {
  .bbw-acct-banner .bbw-ad-grid { grid-template-columns: 1fr; }
  .bbw-acct-banner .bbw-ad-card:nth-child(n+2) { display: none; }
  .bbw-acct-banner .bbw-ad-card { display: grid; grid-template-columns: 108px 1fr; grid-template-areas: "img t" "img p"; column-gap: 12px; align-items: center; padding: 12px; }
  .bbw-acct-banner .bbw-ad-img { grid-area: img; width: 108px; height: 88px; margin-bottom: 0; }
  .bbw-acct-banner .bbw-ad-t { grid-area: t; min-height: 0; align-self: end; }
  .bbw-acct-banner .bbw-ad-p { grid-area: p; margin-top: 4px; align-self: start; }
}
