/* 贝晶煜梦香氛·香水与家居香 — 九形态「暮光香氛·紫金」(bj- 体系)
   暖象牙底 / 深紫梅主色 / 雾玫瑰 / 哑光金点缀；避开 search-bar/nav-tabs/goods-grid 默认脸 */
:root{
  --bj-bg:#F7F2F5; --bj-surface:#FFFFFF; --bj-ink:#3A2C36;
  --bj-plum:#7A5563; --bj-plum-d:#5E3F4C; --bj-rose:#C99BA6;
  --bj-gold:#B4924E; --bj-gold-d:#97772F; --bj-muted:#9A8A90;
  --bj-line:#ECE2E6; --bj-radius:14px; --bj-shadow:0 6px 20px rgba(58,44,54,.08);
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bj-bg);color:var(--bj-ink);line-height:1.6;-webkit-text-size-adjust:100%}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

/* 顶栏 */
.bj-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bj-surface);border-bottom:1px solid var(--bj-line);position:sticky;top:0;z-index:20}
.bj-topbar .brand{font-weight:800;font-size:18px;color:var(--bj-plum-d);letter-spacing:.5px}
.bj-topbar .brand small{display:block;font-size:10px;letter-spacing:3px;color:var(--bj-muted);font-weight:400}
.bj-topbar .phone{font-size:13px;color:var(--bj-gold-d);font-weight:600}

/* 搜索 + 分类导航 */
.bj-search{margin:12px 16px;display:flex;gap:8px}
.bj-search input{flex:1;border:1px solid var(--bj-line);border-radius:999px;padding:10px 16px;font-size:14px;background:var(--bj-surface);outline:none}
.bj-search button{border:none;background:var(--bj-plum);color:#fff;border-radius:999px;padding:0 18px;font-size:14px}
.bj-nav{display:flex;gap:8px;overflow-x:auto;padding:0 16px 12px;scrollbar-width:none}
.bj-nav a{flex:0 0 auto;background:var(--bj-surface);border:1px solid var(--bj-line);border-radius:999px;padding:7px 14px;font-size:13px;color:var(--bj-ink);white-space:nowrap}
.bj-nav a.active{background:var(--bj-plum);color:#fff;border-color:var(--bj-plum)}

/* 首屏 banner */
.bj-banner{margin:0 16px 14px;border-radius:var(--bj-radius);overflow:hidden;background:linear-gradient(120deg,var(--bj-plum),var(--bj-plum-d));color:#fff;padding:26px 22px;box-shadow:var(--bj-shadow)}
.bj-banner h1{font-size:22px;margin-bottom:6px}
.bj-banner p{font-size:13px;opacity:.92}

/* 区块标题 */
.bj-sec-head{display:flex;align-items:center;gap:10px;margin:18px 16px 10px}
.bj-sec-head h3{font-size:17px;color:var(--bj-plum-d)}
.bj-sec-head .line{flex:1;height:1px;background:var(--bj-line)}

/* 商品网格 */
.bj-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 16px 16px}
.bj-card{background:var(--bj-surface);border-radius:var(--bj-radius);overflow:hidden;box-shadow:var(--bj-shadow);display:flex;flex-direction:column}
.bj-card .pic{aspect-ratio:1/1;background:var(--bj-bg);object-fit:cover;width:100%}
.bj-card .info{padding:10px 12px 12px}
.bj-card .name{font-size:13.5px;height:38px;overflow:hidden;color:var(--bj-ink)}
.bj-card .price{color:var(--bj-gold-d);font-weight:800;font-size:16px;margin-top:4px}
.bj-card .price s{color:var(--bj-muted);font-weight:400;font-size:12px;margin-left:6px}
.bj-card .buy{margin-top:8px;display:block;text-align:center;background:var(--bj-plum);color:#fff;border-radius:999px;padding:7px 0;font-size:13px}

/* 支付宝 / 信任块 */
.bj-pay{margin:0 16px 14px;background:var(--bj-surface);border:1px solid var(--bj-line);border-radius:var(--bj-radius);padding:14px 16px;display:flex;gap:12px;align-items:center;box-shadow:var(--bj-shadow)}
.bj-pay .ico{width:42px;height:42px;border-radius:12px;background:var(--bj-plum);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px}
.bj-pay .t{font-weight:700;color:var(--bj-plum-d)}
.bj-pay .d{font-size:12px;color:var(--bj-muted);margin-top:2px}

/* 详情页 */
.bj-detail{padding-bottom:70px}
.swiper{position:relative;background:var(--bj-bg);overflow:hidden}
.swiper-track{display:flex;transition:transform .3s ease}
.swiper-slide{flex:0 0 100%}
.swiper-slide img{width:100%;aspect-ratio:1/1;object-fit:cover}
.swiper .counter{position:absolute;right:12px;bottom:12px;background:rgba(58,44,54,.6);color:#fff;font-size:12px;padding:2px 10px;border-radius:999px}
.swiper .arrow-btn{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.85);border:none;font-size:22px;color:var(--bj-ink);display:flex;align-items:center;justify-content:center}
.swiper .arrow-btn.prev{left:10px}.swiper .arrow-btn.next{right:10px}
.dots{display:flex;gap:6px;justify-content:center;padding:8px 0}
.dots i{width:7px;height:7px;border-radius:50%;background:var(--bj-line)}
.dots i.on{background:var(--bj-plum)}
.bj-pd-block{background:var(--bj-surface);margin:12px 16px;border-radius:var(--bj-radius);padding:14px 16px;box-shadow:var(--bj-shadow)}
.bj-pd-title{font-size:18px;font-weight:700}
.bj-pd-price{color:var(--bj-gold-d);font-size:24px;font-weight:800;margin:6px 0}
.bj-pd-price s{color:var(--bj-muted);font-size:13px;font-weight:400;margin-left:8px}
.bj-pd-meta{font-size:12px;color:var(--bj-muted);display:flex;gap:14px;flex-wrap:wrap}
.bj-pd-block h4{font-size:15px;color:var(--bj-plum-d);margin-bottom:8px}
.bj-spec-table{width:100%;border-collapse:collapse;font-size:13px}
.bj-spec-table td{padding:8px 6px;border-bottom:1px solid var(--bj-line)}
.bj-spec-table td:first-child{color:var(--bj-muted);width:30%}
.bj-rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.bj-rel-grid .bj-card .name{height:32px;font-size:12px}
.bj-note{font-size:12px;color:var(--bj-muted);background:var(--bj-bg);border:1px dashed var(--bj-line);border-radius:10px;padding:10px 12px;margin:0 16px 12px;line-height:1.7}
.bj-bottom{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--bj-surface);border-top:1px solid var(--bj-line);padding:8px 12px;gap:10px;z-index:30}
.bj-bottom a{flex:1;text-align:center;font-size:12px;color:var(--bj-muted)}
.bj-bottom .ico{font-size:20px;display:block}
.bj-bottom .btn-cart,.bj-bottom .btn-buy{flex:1.4;border:none;border-radius:999px;color:#fff;font-size:14px;font-weight:600}
.bj-bottom .btn-cart{background:var(--bj-rose)}
.bj-bottom .btn-buy{background:var(--bj-plum)}
.bj-tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--bj-surface);border-top:1px solid var(--bj-line);z-index:30}
.bj-tabbar a{flex:1;text-align:center;padding:8px 0;font-size:12px;text-decoration:none}

/* 内容页 */
.bj-page{max-width:760px;margin:14px auto;background:var(--bj-surface);border-radius:var(--bj-radius);padding:22px 20px;box-shadow:var(--bj-shadow);font-size:15px;line-height:1.9}
.bj-page h2{color:var(--bj-plum-d);margin:18px 0 8px;font-size:18px}
.bj-page h3{color:var(--bj-plum);margin:14px 0 6px;font-size:15px}
.bj-page p{margin:8px 0;color:var(--bj-ink)}
.bj-page ul{padding-left:20px;margin:8px 0}
.bj-page li{margin:4px 0}

/* 分类页空/404 */
.bj-empty{text-align:center;padding:60px 20px;color:var(--bj-muted)}
.bj-empty .big{font-size:54px;margin-bottom:10px}

/* 页脚五件套 */
.bj-foot{background:var(--bj-ink);color:#d8ccd2;font-size:12.5px;padding:22px 16px 30px;line-height:1.9;margin-top:18px}
.bj-foot a{color:#d8ccd2}
.bj-foot .bj-foot-icp{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:10px}
.bj-foot .bj-foot-icp b{color:#fff;font-weight:600}
.bj-foot .bj-foot-alipay{display:inline-flex;align-items:center;gap:6px;background:rgba(122,85,99,.35);color:#ecd9df;padding:4px 12px;border-radius:999px;margin:8px 0}
.bj-foot .bj-copy{opacity:.7;border-top:1px solid rgba(255,255,255,.12);padding-top:10px;margin-top:10px}

/* 移动端 */
@media(max-width:480px){
  .bj-grid{grid-template-columns:repeat(2,1fr)}
  .bj-rel-grid{grid-template-columns:repeat(3,1fr)}
}