/* hs-2026.css —— 桦燊储物 · 门户金刚区式骨架（hs-* 前缀，本站独占） */
:root{
  --hs-ink:#1E3A33; --hs-ink2:#2C5248; --hs-copper:#B9783C; --hs-cream:#F7F4EC;
  --hs-line:#E4DECF; --hs-txt:#2A2A26; --hs-mut:#7C786C; --hs-red:#C4472F;
}
.hs-body{background:var(--hs-cream);color:var(--hs-txt);font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;margin:0;}
.hs-body *{box-sizing:border-box;}
.hs-body a{text-decoration:none;color:inherit;}
.hs-body img{display:block;max-width:100%;}

/* 站头：固定搜索胶囊顶栏 */
.hs-head{position:sticky;top:0;z-index:50;background:var(--hs-ink);color:#fff;box-shadow:0 2px 10px rgba(20,40,34,.18);}
.hs-head-in{display:flex;align-items:center;gap:10px;padding:10px 12px;max-width:1180px;margin:0 auto;}
.hs-logo{font-size:19px;font-weight:800;letter-spacing:2px;color:#fff;flex:0 0 auto;}
.hs-logo span{color:var(--hs-copper);}
.hs-search{flex:1;display:flex;background:#fff;border-radius:999px;overflow:hidden;height:36px;}
.hs-search input{flex:1;border:0;outline:0;padding:0 14px;font-size:13px;background:transparent;color:#222;}
.hs-search button{border:0;background:var(--hs-copper);color:#fff;padding:0 18px;font-size:13px;cursor:pointer;}
.hs-user{font-size:13px;color:#E9E2D2;flex:0 0 auto;}
.hs-head-pd .hs-pd-cat{flex:1;text-align:center;font-size:14px;color:#EFE9DB;}
.hs-back{font-size:13px;color:#E9E2D2;}

.hs-promise{background:var(--hs-ink2);color:#E9E2D2;font-size:12px;text-align:center;padding:7px 10px;letter-spacing:.5px;}

/* 首页横幅：左文右按钮的窄条，不放轮播 */
.hs-banner{max-width:1180px;margin:14px auto 0;padding:18px 18px;background:linear-gradient(120deg,#26473D,#1B322C);border-radius:16px;color:#F5F0E4;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 8px 22px rgba(26,48,42,.14);}
.hs-banner-txt b{display:block;font-size:20px;letter-spacing:1px;margin-bottom:6px;color:#fff;}
.hs-banner-txt span{font-size:12.5px;line-height:1.7;color:#D8D2C2;}
.hs-banner-btn{flex:0 0 auto;background:var(--hs-copper);color:#fff;font-size:13px;padding:10px 16px;border-radius:999px;white-space:nowrap;}

/* 金刚区 */
.hs-quads{max-width:1180px;margin:14px auto 0;padding:0 4px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;}
.hs-quad{background:#fff;border:1px solid var(--hs-line);border-radius:14px;padding:12px 6px 10px;display:flex;flex-direction:column;align-items:center;gap:5px;box-shadow:0 3px 8px rgba(60,52,34,.05);}
.hs-quad-ic{width:42px;height:42px;border-radius:50%;background:var(--hs-cream);border:1px solid var(--hs-line);color:var(--hs-ink);font-size:19px;font-weight:700;display:flex;align-items:center;justify-content:center;}
.hs-quad-nm{font-size:12.5px;color:var(--hs-txt);font-weight:600;text-align:center;line-height:1.3;}
.hs-quad-ct{font-size:11px;color:var(--hs-mut);}

/* 楼层 */
.hs-floor{max-width:1180px;margin:20px auto 0;padding:0 8px;}
.hs-floor-hd{display:flex;align-items:baseline;gap:10px;padding:0 4px 10px;border-bottom:2px solid var(--hs-ink);}
.hs-floor-hd b{font-size:17px;color:var(--hs-ink);letter-spacing:.5px;}
.hs-floor-hd span{font-size:12px;color:var(--hs-mut);flex:1;}
.hs-floor-hd a{font-size:12px;color:var(--hs-copper);}
.hs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px;}
.hs-card{background:#fff;border:1px solid var(--hs-line);border-radius:14px;overflow:hidden;display:block;padding-bottom:10px;box-shadow:0 3px 8px rgba(60,52,34,.05);}
.hs-card img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#fff;}
.hs-card-nm{font-size:13px;line-height:1.4;padding:8px 10px 0;min-height:36px;color:var(--hs-txt);}
.hs-card-meta{font-size:11px;color:var(--hs-mut);padding:3px 10px 0;}
.hs-card-pr{padding:5px 10px 0;display:flex;align-items:baseline;justify-content:center;gap:6px;}
.hs-card-pr b{color:var(--hs-red);font-size:16px;}
.hs-card-pr del{color:#B4AE9F;font-size:11px;}

.hs-note{max-width:1180px;margin:24px auto 0;padding:18px;background:#fff;border:1px solid var(--hs-line);border-radius:14px;}
.hs-note h3{margin:0 0 10px;font-size:16px;color:var(--hs-ink);}
.hs-note p{margin:0 0 8px;font-size:13px;line-height:1.9;color:#4C4A42;}

/* 页脚 */
.hs-foot{text-align:center;padding:18px 14px 6px;font-size:12px;line-height:1.95;color:#5D5A50;max-width:1180px;margin:0 auto;}
.hs-foot-id b{color:var(--hs-ink);}
.hs-foot-pay{margin-top:4px;color:#1E6F5C;font-size:12px;}
.hs-foot-pay::before{content:"▣ ";color:#1677FF;}
.hs-foot-scope{color:#8A8578;font-size:11.5px;}
.hs-foot-links{text-align:center;padding:6px 8px 24px;font-size:12px;line-height:2;color:#777;max-width:1180px;margin:0 auto;}
.hs-foot-links a{color:#6B675C;margin:0 4px;}

/* 分类页 */
.hs-cathead{max-width:1180px;margin:14px auto 0;padding:20px 18px;background:#fff;border:1px solid var(--hs-line);border-radius:16px;}
.hs-kicker{font-size:11px;letter-spacing:2px;color:var(--hs-copper);}
.hs-cathead h1{margin:6px 0 8px;font-size:22px;color:var(--hs-ink);letter-spacing:1px;}
.hs-cathead p{margin:0;font-size:12.5px;line-height:1.85;color:#5B584E;}
.hs-cathead-num{margin-top:12px;display:flex;align-items:baseline;gap:6px;}
.hs-cathead-num b{font-size:20px;color:var(--hs-red);}
.hs-cathead-num span{font-size:11.5px;color:var(--hs-mut);margin-right:10px;}
.hs-catnav{max-width:1180px;margin:12px auto 0;padding:0 10px;display:flex;gap:8px;overflow-x:auto;}
.hs-catnav a{flex:0 0 auto;padding:8px 14px;background:#fff;border:1px solid var(--hs-line);border-radius:999px;font-size:12.5px;color:var(--hs-txt);}
.hs-catnav a.on{background:var(--hs-ink);color:#fff;border-color:var(--hs-ink);}
.hs-listwrap{max-width:1180px;margin:12px auto 0;padding:0 8px 8px;}
.hs-empty{padding:60px 20px;text-align:center;color:var(--hs-mut);font-size:13px;background:#fff;border:1px solid var(--hs-line);border-radius:14px;}

/* 详情：上下式 App 结构 */
.hs-crumb{max-width:1180px;margin:10px auto 0;padding:0 14px;font-size:11.5px;color:#8B8678;}
.hs-crumb a{color:#6B675C;}
.hs-gallery{max-width:1180px;margin:8px auto 0;background:#fff;border:1px solid var(--hs-line);border-radius:16px;overflow:hidden;}
.hs-main img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#fff;}
.hs-thumbs{display:flex;gap:8px;padding:10px 12px;overflow-x:auto;}
.hs-thumbs img{width:58px;height:58px;object-fit:cover;border:2px solid transparent;border-radius:8px;cursor:pointer;}
.hs-thumbs img.on{border-color:var(--hs-copper);}
.hs-pricecard{max-width:1180px;margin:10px auto 0;padding:16px 18px;border-radius:16px;background:linear-gradient(120deg,#233E36,#152B25);color:#F2EDDF;}
.hs-price-main{display:flex;align-items:baseline;gap:8px;}
.hs-price-main span{font-size:11.5px;color:#BFC8BF;}
.hs-price-main b{font-size:30px;color:#F4C079;letter-spacing:.5px;}
.hs-price-main del{font-size:12px;color:#9FAEA4;}
.hs-price-meta{margin-top:6px;font-size:11.5px;color:#C9D2C8;}
.hs-infocard{max-width:1180px;margin:10px auto 0;padding:16px 18px;background:#fff;border:1px solid var(--hs-line);border-radius:16px;}
.hs-infocard h1{margin:0 0 10px;font-size:19px;line-height:1.45;color:var(--hs-ink);}
.hs-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px;}
.hs-tags span{font-size:11.5px;color:var(--hs-ink2);background:var(--hs-cream);border:1px solid var(--hs-line);padding:3px 9px;border-radius:6px;}
.hs-specrow{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed var(--hs-line);padding-top:12px;font-size:13px;color:var(--hs-txt);cursor:pointer;}
.hs-specrow i{color:var(--hs-mut);font-style:normal;font-size:12px;}
.hs-buybar{display:flex;gap:10px;margin-top:14px;}
.hs-buybar button{flex:1;border:0;border-radius:999px;font-size:14px;padding:12px 0;cursor:pointer;}
.hs-btn-cart{background:#F3E6D3;color:#8A5323;}
.hs-btn-buy{background:var(--hs-copper);color:#fff;}
.hs-panel{max-width:1180px;margin:12px auto 0;padding:16px 18px 18px;background:#fff;border:1px solid var(--hs-line);border-radius:16px;}
.hs-panel h2{margin:0 0 10px;font-size:15px;color:var(--hs-ink);border-left:3px solid var(--hs-copper);padding-left:8px;}
.hs-panel-body{font-size:13px;line-height:1.95;color:#45433B;overflow:hidden;}
.hs-panel-body img{max-width:100%;height:auto;border-radius:8px;margin:8px 0;}
.hs-panel-body table{width:100%;border-collapse:collapse;font-size:12.5px;}
.hs-panel-body td,.hs-panel-body th{border:1px solid var(--hs-line);padding:6px 8px;}
.hs-bottom{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--hs-line);display:flex;align-items:center;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));max-width:1180px;margin:0 auto;}
.hs-bop{font-size:11px;color:#6B675C;padding:0 6px;flex:0 0 auto;}
.hs-bottom button{flex:1;border:0;border-radius:999px;padding:11px 0;font-size:13.5px;cursor:pointer;}

/* 规格弹层沿用基础样式，仅补色 */
.spec-panel{background:#fff;}
.spec-item.on{border-color:var(--hs-copper);color:var(--hs-copper);}
#doCart{background:#F3E6D3;color:#8A5323;border:0;border-radius:8px;flex:1;padding:11px 0;}
#doBuy{background:var(--hs-copper);color:#fff;border:0;border-radius:8px;flex:1;padding:11px 0;}
.spec-item{display:inline-block;border:1px solid #ddd;border-radius:6px;padding:5px 10px;margin:0 8px 8px 0;font-size:12px;}

/* TabBar 微调 */
.hs-tabbar{background:#fff;border-top:1px solid var(--hs-line);}
.hs-tabbar a{color:#8A8578;}
.hs-tabbar a.active{color:var(--hs-ink);}

/* 桌面：楼层 3 列，首屏可看 6 件 */
@media (min-width:1100px){
  .hs-tabbar{display:none;}
  .hs-grid{grid-template-columns:repeat(3,1fr);gap:14px;}
  .hs-card{display:flex;flex-direction:column;}
  .hs-card img{height:250px;aspect-ratio:auto;}
  .hs-card-nm{min-height:auto;}
  .hs-quads{grid-template-columns:repeat(5,1fr);gap:12px;}
  .hs-main img{max-height:520px;aspect-ratio:auto;}
  .hs-bottom{display:none;}
  body{padding-bottom:0;}
}
@media (max-width:1099px){
  .hs-banner{flex-direction:column;align-items:flex-start;}
  .hs-banner-btn{align-self:flex-end;}
  .hs-bottom ~ .spec-mask{}
  .hs-body{padding-bottom:64px;}
}