/* hpq-look-20261110：很多号批发 全站视觉优化（只加样式，不改结构） */
:root{--hl-brand:#1f5eff;--hl-brand-d:#1546c7;--hl-ink:#14213d;--hl-sub:#5b6b86;--hl-line:#e4eaf4;--hl-bg:#f3f6fb;--hl-red:#e5484d;--hl-green:#12a36b}
body{background:var(--hl-bg)!important;color:var(--hl-ink)}
a{transition:color .15s}

/* 顶栏 */
header.header{position:sticky;top:0;z-index:1020;background:rgba(255,255,255,.96)!important;backdrop-filter:saturate(1.4) blur(8px);box-shadow:0 1px 0 var(--hl-line),0 6px 18px rgba(20,33,61,.05)}
header.header .navbar{padding:8px 0!important}
header.header .navbar-brand img{border-radius:8px}
header.header .nav-link{color:var(--hl-ink)!important;font-weight:500;padding:7px 14px!important;border-radius:999px;margin:0 2px}
header.header .nav-link:hover{background:#eef3ff;color:var(--hl-brand)!important}
header.header form.form-inline{position:relative}
header.header form.form-inline .form-control{width:240px;height:38px;border-radius:999px;border:1px solid var(--hl-line);background:#f6f8fc;padding:0 92px 0 16px;font-size:14px;box-shadow:none}
header.header form.form-inline .form-control:focus{background:#fff;border-color:#a9c0ff;box-shadow:0 0 0 3px rgba(31,94,255,.12)}
header.header form.form-inline .btn{position:absolute;right:4px;top:4px;height:30px;line-height:1;padding:0 14px;margin:0!important;border:0;border-radius:999px;background:var(--hl-brand);color:#fff!important;font-size:13px}
header.header form.form-inline .btn:hover{background:var(--hl-brand-d)}
header.header .btn-success{height:38px;display:inline-flex;align-items:center;margin-left:10px;padding:0 18px;border-radius:999px;border:0;background:var(--hl-green);font-weight:600;box-shadow:0 6px 14px rgba(18,163,107,.25)}
header.header .btn-success:hover{background:#0e8a5a}

/* 首页顶部介绍 → 横幅 */
section.main .container>section[aria-label="热门商品与指南"]{position:relative;overflow:hidden;margin-top:20px!important;padding:30px 32px 26px!important;border-radius:20px!important;color:#fff;background:linear-gradient(120deg,#1546c7 0%,#1f5eff 48%,#3d8bff 100%)!important;box-shadow:0 18px 40px rgba(21,70,199,.22)}
section.main .container>section[aria-label="热门商品与指南"]::after{content:"";position:absolute;right:-80px;top:-90px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),rgba(255,255,255,0) 70%);pointer-events:none}
section.main .container>section[aria-label="热门商品与指南"] h1{font-size:28px!important;font-weight:800;letter-spacing:.5px;color:#fff;margin-bottom:10px!important}
section.main .container>section[aria-label="热门商品与指南"] .text-secondary{color:rgba(255,255,255,.88)!important;font-size:15px;max-width:860px;line-height:1.8}
section.main .container>section[aria-label="热门商品与指南"] .text-muted{color:rgba(255,255,255,.65)!important}
section.main .container>section[aria-label="热门商品与指南"] nav{gap:8px!important;align-items:center;margin-top:6px}
section.main .container>section[aria-label="热门商品与指南"] nav strong{color:#fff;font-weight:600;margin-right:4px}
section.main .container>section[aria-label="热门商品与指南"] nav a{display:inline-block;padding:5px 14px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);color:#fff!important;font-size:13.5px;text-decoration:none!important;transition:background .15s,transform .15s}
section.main .container>section[aria-label="热门商品与指南"] nav a:hover{background:#fff;color:var(--hl-brand)!important;transform:translateY(-1px)}

/* 公告 */
.gonggao{position:relative;text-align:left!important;padding:14px 18px 14px 52px!important;border-radius:14px;background:#fff8ec;border:1px solid #f6dfb6;color:#6b4e16;font-size:14px;line-height:1.8}
.gonggao::before{content:"!";position:absolute;left:16px;top:16px;width:24px;height:24px;border-radius:50%;background:#f59e0b;color:#fff;font-weight:800;text-align:center;line-height:24px;font-size:14px}
.gonggao p{margin:0}
.gonggao a{color:#b45309!important;font-weight:600}
.gonggao+*{border-top:0!important}
.bg-white.rounded.h-mtauto:has(>.gonggao){display:flex;align-items:stretch;gap:14px;padding:14px!important;margin-top:18px!important}
.bg-white.rounded.h-mtauto>.gonggao{flex:1;margin:0}
.bg-white.rounded.h-mtauto:has(>.gonggao)>.py-3{display:flex;align-items:center;padding:0!important}
.bg-white.rounded.h-mtauto:has(>.gonggao)>.py-3 a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:150px;height:100%;padding:12px 18px;border-radius:14px;background:linear-gradient(135deg,#12a36b,#0e8a5a);color:#fff!important;font-weight:700;font-size:15px;text-decoration:none!important;box-shadow:0 8px 18px rgba(18,163,107,.22);transition:transform .15s}
.bg-white.rounded.h-mtauto:has(>.gonggao)>.py-3 a::before{content:"\1F50E";font-size:22px;line-height:1}
.bg-white.rounded.h-mtauto:has(>.gonggao)>.py-3 a:hover{transform:translateY(-2px)}
@media (max-width:767px){.bg-white.rounded.h-mtauto:has(>.gonggao){flex-direction:column;gap:10px;padding:10px!important}.bg-white.rounded.h-mtauto:has(>.gonggao)>.py-3 a{flex-direction:row;width:100%;height:46px;padding:0}.bg-white.rounded.h-mtauto:has(>.gonggao)>.py-3 a::before{font-size:17px}.bg-white.rounded.h-mtauto:has(>.gonggao)>.py-3{width:100%}}

/* 分类楼层 */
.goods.bg-white,section.main .bg-white.rounded.h-mtauto{border-radius:18px!important;border:1px solid var(--hl-line);box-shadow:0 4px 16px rgba(20,33,61,.04)}
.goods.bg-white{padding:18px 18px 8px!important;margin-top:18px!important}
.goods>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px!important}
.goods>header .font-weight-bold{position:relative;padding-left:14px;font-size:19px;font-weight:800!important}
.goods>header .font-weight-bold::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:5px;border-radius:4px;background:linear-gradient(var(--hl-brand),#3d8bff)}
.goods>header .font-weight-bold a{color:var(--hl-ink)!important;text-decoration:none!important}
.goods>header .font-weight-bold a::after{content:"查看全部 ›";margin-left:12px;font-size:13px;font-weight:500;color:var(--hl-brand);vertical-align:2px}
.goods>header .font-weight-bold a:hover::after{text-decoration:underline}
.goods>header .float-right{float:none!important;padding:3px 12px;border-radius:999px;background:#eef3ff;color:var(--hl-brand);font-size:13px;font-weight:600}
.goods>.hr,.bg-white>.hr{display:none}

/* 商品卡片 */
.goods-cards{margin-left:-7px!important;margin-right:-7px!important}
.goods-cards>.col{padding:7px!important;margin-top:0!important}
.card.h-100.border-0{border:1px solid var(--hl-line)!important;border-radius:14px!important;overflow:hidden;background:#fff;transition:transform .18s,box-shadow .18s,border-color .18s}
.card.h-100.border-0:hover{transform:translateY(-3px);border-color:#c9d7f5!important;box-shadow:0 12px 26px rgba(20,33,61,.10)}
.card.h-100.border-0 .rounded-top{border-radius:0!important;background:#f5f8fd}
.card.h-100.border-0 .goods-img,.card.h-100.border-0 .new-goods-img{display:block;width:100%;aspect-ratio:4/3;height:auto!important;object-fit:cover;transition:transform .3s}
.card.h-100.border-0:hover .goods-img,.card.h-100.border-0:hover .new-goods-img{transform:scale(1.04)}
.card.h-100.border-0 .card-body{padding:12px 12px 6px!important;display:flex;flex-direction:column-reverse;gap:8px}
.card.h-100.border-0 .card-body>a{color:var(--hl-ink)!important;font-size:14px;font-weight:500;line-height:1.5;min-height:3em;text-decoration:none!important}
.card.h-100.border-0 .card-body>a:hover{color:var(--hl-brand)!important}
.card.h-100.border-0 .card-body>div{display:flex;align-items:baseline;justify-content:space-between}
.card.h-100.border-0 .card-body strong.text-danger{color:var(--hl-red)!important;font-size:19px;font-weight:800}
.card.h-100.border-0 .card-body .float-right{float:none!important;color:#8a97ad;font-size:12px!important}
.card.h-100.border-0 .card-footer{background:#fff!important;border-top:0!important;padding:0 12px 12px!important}
.card.h-100.border-0 .card-footer .float-right{float:none!important;display:block}
.card.h-100.border-0 .badge-success{background:#e7f8f0!important;color:var(--hl-green)!important;border-radius:999px;padding:4px 10px;font-weight:600;font-size:12px}
.card.h-100.border-0 .badge-success::before{content:"⚡";margin-right:3px}

/* 底部分类导航 / 问答 */
section[aria-label="更多商品分类"]{padding:20px!important}
section[aria-label="更多商品分类"]>header .font-weight-bold{font-size:19px;font-weight:800!important}
section[aria-label="更多商品分类"] a{text-decoration:none!important}
.service-facts{border-radius:18px!important;border-color:var(--hl-line)!important}
.service-facts details{border:1px solid var(--hl-line);border-radius:12px;padding:10px 14px;margin:10px 0;background:#fafcff}
.service-facts summary{cursor:pointer;font-weight:600;color:var(--hl-ink)}

/* 手机端 */
@media (max-width:991px){
 header.header form.form-inline{margin:10px 0 0}
 header.header form.form-inline .form-control{width:100%}
 header.header .btn-success{margin:10px 0 4px;width:100%;justify-content:center}
 header.header .navbar-collapse{padding-bottom:6px}
}
@media (max-width:767px){
 section.main .container>section[aria-label="热门商品与指南"]{padding:22px 18px 18px!important;border-radius:16px!important;margin-top:12px!important}
 section.main .container>section[aria-label="热门商品与指南"] h1{font-size:21px!important}
 section.main .container>section[aria-label="热门商品与指南"] .text-secondary{font-size:13.5px}
 section.main .container>section[aria-label="热门商品与指南"] nav{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}
 section.main .container>section[aria-label="热门商品与指南"] nav::-webkit-scrollbar{display:none}
 section.main .container>section[aria-label="热门商品与指南"] nav a,section.main .container>section[aria-label="热门商品与指南"] nav strong{flex:none;white-space:nowrap}
 .goods.bg-white{padding:14px 10px 4px!important;border-radius:16px!important;margin-top:14px!important}
 .goods>header{padding:0 4px}
 .goods>header .font-weight-bold{font-size:16px}
 .goods>header .font-weight-bold a::after{content:"›";margin-left:6px;font-size:16px;vertical-align:0}
 .goods>header .float-right{font-size:12px;padding:2px 10px}
 .goods-cards>.col{padding:5px!important}
 .card.h-100.border-0{border-radius:12px!important}
 .card.h-100.border-0 .card-body{padding:10px 10px 4px!important}
 .card.h-100.border-0 .card-body>a{font-size:13px}
 .card.h-100.border-0 .card-body strong.text-danger{font-size:17px}
 .card.h-100.border-0 .card-footer{padding:0 10px 10px!important}
 .gonggao{font-size:13px;padding:12px 14px 12px 46px!important}
 .gonggao::before{left:13px;top:14px}
}

/* 分类页 / 详情页楼层标题（div.mb-2 结构） */
.goods>.mb-2{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px!important}
.goods>.mb-2 .font-weight-bold{position:relative;padding-left:14px;font-size:18px;font-weight:800!important;color:var(--hl-ink)}
.goods>.mb-2 .font-weight-bold::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:5px;border-radius:4px;background:linear-gradient(var(--hl-brand),#3d8bff)}
.goods>.mb-2 .float-right{float:none!important;padding:3px 12px;border-radius:999px;background:#eef3ff;color:var(--hl-brand);font-size:13px;font-weight:600}
.col-lg-3 .goods .goods-cards>.col,.col-lg-3 .goods .row>.col{flex:0 0 100%;max-width:100%}

/* 分类页顶部 / 面包屑 */
section.main .container>.bg-white.rounded:first-child,section.main .container>div:first-child.bg-white{border-radius:18px!important;border:1px solid var(--hl-line)}
.breadcrumb{background:transparent!important;padding:0!important}
.breadcrumb a,nav[aria-label*="面包屑"] a{color:var(--hl-sub)!important;text-decoration:none!important}
.breadcrumb a:hover{color:var(--hl-brand)!important}

/* 商品详情 购买区 */
.col-lg-8.col-12>.bg-white,.col-lg-8>.h-mtauto.bg-white{border-radius:18px!important;border:1px solid var(--hl-line)}
form .form-control{height:42px;border-radius:10px;border-color:#dbe3ef;background:#fafcff}
form .form-control:focus{background:#fff;border-color:#a9c0ff;box-shadow:0 0 0 3px rgba(31,94,255,.12)}
form .row>.col-12>span{display:inline-block;margin-bottom:4px;font-weight:600;color:var(--hl-ink);font-size:14px}
form .form-check-inline{margin:10px 8px 0 0!important;padding:0}
form .form-check-inline .form-check-input{position:absolute;opacity:0;pointer-events:none}
form .form-check-inline .form-check-label{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #dbe3ef;border-radius:999px;background:#fff;cursor:pointer;font-weight:600;font-size:14px;color:var(--hl-ink);transition:all .15s}
form .form-check-inline .form-check-label::before{content:"";width:14px;height:14px;border-radius:50%;border:2px solid #b7c3d6;box-sizing:border-box}
form .form-check-inline .form-check-input:checked+.form-check-label{border-color:var(--hl-brand);background:#eef3ff;color:var(--hl-brand)}
form .form-check-inline .form-check-input:checked+.form-check-label::before{border:4px solid var(--hl-brand)}
form .form-check-inline .form-check-input:focus-visible+.form-check-label{box-shadow:0 0 0 3px rgba(31,94,255,.18)}
.site-help-purchase{margin-top:14px;padding:10px 14px;border-radius:10px;background:#f6f8fc;font-size:13px;color:var(--hl-sub)}
form button.btn-primary[type=submit]{min-width:220px;height:48px;border:0;border-radius:12px!important;background:linear-gradient(135deg,#ff6a3d,#e5484d)!important;font-size:17px;font-weight:800;letter-spacing:2px;box-shadow:0 10px 22px rgba(229,72,77,.28);transition:transform .15s,box-shadow .15s}
form button.btn-primary[type=submit]:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(229,72,77,.32)}
@media (max-width:767px){form button.btn-primary[type=submit]{width:100%}.goods>.mb-2 .font-weight-bold{font-size:16px}}
@media (max-width:767px){form .form-check-inline{margin-right:5px!important}form .form-check-inline .form-check-label{padding:7px 10px;font-size:12.5px;gap:5px}form .form-check-inline .form-check-label::before{width:12px;height:12px}}
@media (max-width:767px){form .form-check-inline{margin-right:4px!important}form .form-check-inline .form-check-label{padding:7px 9px;font-size:12px}form .form-check-inline .form-check-label::before{display:none}}

/* 2026-11-10b 自动发货标签放到图片左上角 */
.card.h-100.border-0{position:relative}
.card.h-100.border-0 .card-footer{position:absolute!important;top:10px;left:10px;right:auto;z-index:2;padding:0!important;background:transparent!important;border:0!important;pointer-events:none}
.card.h-100.border-0 .card-footer .float-right{float:none!important}
.card.h-100.border-0 .card-footer .badge{margin:0!important;padding:5px 10px!important;border-radius:999px;background:rgba(255,255,255,.94)!important;color:#0e8a5a!important;font-size:12px!important;font-weight:700;box-shadow:0 4px 12px rgba(15,23,42,.18);backdrop-filter:blur(4px)}
.card.h-100.border-0 .card-footer .badge-success::before{content:"⚡";margin-right:3px}
.card.h-100.border-0 .card-body{padding-bottom:12px!important}
@media (max-width:767px){.card.h-100.border-0 .card-footer{top:7px;left:7px}.card.h-100.border-0 .card-footer .badge{padding:3px 8px!important;font-size:11px!important}.card.h-100.border-0 .card-body{padding-bottom:10px!important}}