/* wb-2026.min.css —— 漫染半优选 促销活动式皮肤（石墨黑×柠黄×促销红）skins#24 组合三 */
:root{--wb-ink:#232323;--wb-ink2:#3a3a3a;--wb-yellow:#F7C948;--wb-yellow2:#FFDE7A;--wb-red:#E03E2D;--wb-bg:#FAF9F5;--wb-line:#ECE8DF;--wb-gray:#8a8578}
body{background:var(--wb-bg)}
a{text-decoration:none;color:inherit}
/* 顶部促销条 */
.wb-promo{background:var(--wb-ink);color:var(--wb-yellow);font-size:12px;text-align:center;padding:7px 8px;letter-spacing:.5px}
.wb-promo b{color:#fff;font-weight:600}
/* 店头 */
.wb-head{background:var(--wb-ink);color:#fff;padding:12px 14px 14px;display:flex;align-items:baseline;gap:10px}
.wb-logo{font-size:22px;font-weight:800;letter-spacing:1px;color:var(--wb-yellow)}
.wb-sub{font-size:12px;color:#bdb9ad}
/* 促销主视觉（文字海报，不用图片banner） */
.wb-hero{display:block;margin:10px;border-radius:12px;background:linear-gradient(135deg,var(--wb-ink) 0%,#4a4436 70%,var(--wb-yellow) 140%);padding:20px 16px 18px;position:relative;overflow:hidden}
.wb-hero-t{color:#fff;font-size:24px;font-weight:800;line-height:1.25}
.wb-hero-t b{color:var(--wb-yellow)}
.wb-hero-s{color:#d8d3c4;font-size:13px;margin-top:6px}
.wb-hero-cta{display:inline-block;margin-top:12px;background:var(--wb-yellow);color:var(--wb-ink);font-size:13px;font-weight:700;padding:7px 16px;border-radius:999px}
.wb-hero-seal{position:absolute;right:10px;top:12px;background:var(--wb-red);color:#fff;font-size:12px;font-weight:700;padding:6px 9px;border-radius:8px;transform:rotate(6deg);line-height:1.2;text-align:center}
/* 楼层通用 */
.wb-floor{margin:12px 10px;background:#fff;border-radius:12px;padding:12px 0 4px;border:1px solid var(--wb-line)}
.wb-fl-head{display:flex;align-items:baseline;justify-content:space-between;padding:0 12px 10px}
.wb-fl-head b{font-size:16px;color:var(--wb-ink)}
.wb-fl-head b i{font-style:normal;color:var(--wb-red);margin-right:4px}
.wb-fl-head a{font-size:12px;color:var(--wb-gray)}
.wb-fl-time{font-size:11px;color:var(--wb-red);background:#fdecea;border-radius:999px;padding:3px 8px}
.wb-fl-row{display:flex;gap:8px;overflow-x:auto;padding:0 12px 12px;-webkit-overflow-scrolling:touch}
.wb-fl-card{flex:0 0 116px;background:var(--wb-bg);border-radius:10px;overflow:hidden;border:1px solid var(--wb-line)}
.wb-fl-card img{width:100%;height:112px;object-fit:cover;display:block}
.wb-fl-name{font-size:12px;color:var(--wb-ink2);line-height:1.35;height:32px;overflow:hidden;margin:6px 8px 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.wb-fl-price{margin:0 8px 8px;display:flex;align-items:baseline;gap:4px}
/* 分类横滑 */
.wb-cat-row{display:flex;gap:14px;overflow-x:auto;padding:0 14px 14px;-webkit-overflow-scrolling:touch}
.wb-cat{flex:0 0 60px;text-align:center}
.wb-cat img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--wb-yellow);display:block;margin:0 auto 6px}
.wb-cat span{font-size:12px;color:var(--wb-ink2)}
/* 两列瀑布 */
.wb-waves{column-count:2;column-gap:8px;padding:0 10px;margin:12px 0}
.wb-w-card{break-inside:avoid;background:#fff;border:1px solid var(--wb-line);border-radius:12px;overflow:hidden;margin-bottom:8px;display:block}
.wb-w-card img{width:100%;display:block}
.wb-w-info{padding:8px 9px 10px}
.wb-w-name{font-size:13px;color:var(--wb-ink2);line-height:1.4;height:36px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.wb-price{color:var(--wb-red);font-size:19px;font-weight:800}
.wb-price small{font-size:12px;font-weight:600}
.wb-was{color:#b9b4a6;font-size:11px;text-decoration:line-through;margin-left:5px}
.wb-tag-down{display:inline-block;background:var(--wb-yellow);color:var(--wb-ink);font-size:10px;font-weight:700;border-radius:4px;padding:1px 5px;margin-right:4px;vertical-align:2px}
.wb-buy{display:block;margin-top:7px;background:var(--wb-ink);color:var(--wb-yellow);text-align:center;font-size:12px;font-weight:700;border-radius:999px;padding:7px 0}
/* 保障条 */
.wb-serve{display:flex;background:#fff;border:1px solid var(--wb-line);border-radius:12px;margin:0 10px 12px;padding:12px 4px}
.wb-serve div{flex:1;text-align:center;font-size:11px;color:var(--wb-ink2)}
.wb-serve b{display:block;font-size:16px;margin-bottom:3px}
/* 静态内容块 */
.wb-block{background:#fff;border:1px solid var(--wb-line);border-radius:12px;margin:0 10px 12px;padding:14px}
.wb-block h4{font-size:15px;color:var(--wb-ink);margin-bottom:8px;border-left:4px solid var(--wb-yellow);padding-left:8px}
.wb-block p{font-size:13px;color:#5c584e;line-height:1.75;margin-bottom:6px}
/* 详情页促销件 */
.wb-pd-strip{display:flex;gap:6px;margin:10px 10px 0}
.wb-pd-strip span{flex:1;text-align:center;background:#fff;border:1px dashed var(--wb-yellow2);border-radius:8px;font-size:11px;color:var(--wb-ink2);padding:7px 2px}
.wb-pd-strip b{color:var(--wb-red)}
.wb-pd-hot{margin:10px 10px 0;background:linear-gradient(90deg,#fdecea,#fff);border-radius:10px;padding:9px 12px;font-size:12px;color:var(--wb-red);display:flex;justify-content:space-between}
/* 文档页（合规） */
.wb-doc{background:#fff;margin:12px 10px;border-radius:12px;border:1px solid var(--wb-line);padding:18px 16px}
.wb-doc h1{font-size:20px;color:var(--wb-ink);text-align:center;margin-bottom:4px}
.wb-doc .wb-doc-meta{text-align:center;font-size:11px;color:var(--wb-gray);margin-bottom:14px}
.wb-doc h2{font-size:15px;color:var(--wb-ink);margin:16px 0 8px;border-left:4px solid var(--wb-yellow);padding-left:8px}
.wb-doc p,.wb-doc li{font-size:13px;color:#5c584e;line-height:1.8;margin-bottom:7px}
.wb-doc ul{padding-left:18px}
.wb-doc table{width:100%;border-collapse:collapse;font-size:12px;margin:8px 0}
.wb-doc td,.wb-doc th{border:1px solid var(--wb-line);padding:6px 8px;color:var(--wb-ink2);text-align:left}
.wb-doc-card{background:var(--wb-bg);border-radius:10px;padding:12px 14px;margin:10px 0;font-size:13px;color:var(--wb-ink2);line-height:1.8}
.wb-doc-card b{color:var(--wb-ink)}
.wb-doc-foot{text-align:center;font-size:11px;color:var(--wb-gray);padding:4px 10px 26px;line-height:1.9}
.wb-doc-foot a{color:var(--wb-gray);margin:0 4px}
/* 主题覆盖：框架业务组件换装 */
.tabbar{background:var(--wb-ink) !important;border-top:1px solid #000}
.tabbar a{color:#9b968a}
.tabbar a.active{color:var(--wb-yellow)}
.nav-tabs{background:var(--wb-ink)}
.nav-tabs a{color:#cfcabb}
.nav-tabs a.active{background:var(--wb-yellow);color:var(--wb-ink);font-weight:700}
.search-bar{background:var(--wb-ink)}
.search-bar input{border-radius:999px;border:none}
.bottom-bar{background:var(--wb-ink)}
.bottom-bar .op{color:#cfcabb}
.btn-cart{background:#4a4436;color:#fff}
.btn-buy2,.btn-buy{background:var(--wb-yellow);color:var(--wb-ink);font-weight:800}
.pd-price{color:var(--wb-red)}
.sec-head h3{border-left:4px solid var(--wb-yellow);padding-left:8px}
.card{border:1px solid var(--wb-line)}
.wb-foot{background:var(--wb-ink);color:#9b968a;font-size:11px;text-align:center;padding:12px 10px 18px;line-height:1.9}
.wb-foot a{color:#cfcabb;margin:0 5px}
.wb-foot .wb-foot-icp{color:#7a766b}
