/* 桦燊储物 · 目录册皮肤 hsc-2026（2026-10） */
:root{
  --hsc-ink:#26352E; --hsc-paper:#F5F2E9; --hsc-card:#FFFCF5; --hsc-line:#DCD5C4;
  --hsc-green:#2F4A3E; --hsc-copper:#B0713A; --hsc-mute:#7A7364; --hsc-red:#A8452C;
}
html,body{background:var(--hsc-paper)!important;color:var(--hsc-ink)}
a{color:inherit;text-decoration:none}

/* 站头 */
.hsc-top{background:var(--hsc-green);color:#F1EADA}
.hsc-topin{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;max-width:1180px;margin:0 auto}
.hsc-brand{font-size:15px;font-weight:700;letter-spacing:.14em}
.hsc-note{font-size:10.5px;opacity:.82;letter-spacing:.05em}

/* 刊头 */
.hsc-mast{background:linear-gradient(180deg,#FBFAF4,#F1EDE1);border-bottom:1px solid var(--hsc-line)}
.hsc-mastin{max-width:1180px;margin:0 auto;padding:22px 16px 20px}
.hsc-kicker{font-size:10px;letter-spacing:.22em;color:var(--hsc-copper);font-weight:600}
.hsc-mast h1{font-size:24px;line-height:1.45;margin-top:9px;letter-spacing:.04em;color:var(--hsc-green);font-weight:700}
.hsc-mast p{font-size:12px;line-height:1.85;color:var(--hsc-mute);margin-top:10px;max-width:640px}
.hsc-metrics{display:flex;margin-top:16px;border-top:1px solid var(--hsc-line);padding-top:12px}
.hsc-metrics div{flex:1;border-right:1px dashed var(--hsc-line)}
.hsc-metrics div:last-child{border-right:0}
.hsc-metrics b{display:block;font-size:19px;color:var(--hsc-copper);line-height:1.2}
.hsc-metrics span{font-size:10px;color:var(--hsc-mute)}

/* 货架横排 */
.hsc-nav{display:flex;gap:8px;overflow-x:auto;padding:11px 14px;background:var(--hsc-card);border-bottom:1px solid var(--hsc-line)}
.hsc-nav a{flex:0 0 auto;font-size:11.5px;color:var(--hsc-green);border:1px solid var(--hsc-line);border-radius:2px;padding:5px 9px;background:#fff}
.hsc-nav a i{font-style:normal;color:var(--hsc-copper);font-size:10px;margin-right:4px}

/* 索引 */
.hsc-index{max-width:1180px;margin:0 auto;padding:18px 16px 2px}
.hsc-index h2{font-size:13px;letter-spacing:.16em;color:var(--hsc-green);font-weight:700}
.hsc-indexgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.hsc-indexgrid a{display:flex;align-items:baseline;gap:8px;background:var(--hsc-card);border:1px solid var(--hsc-line);border-radius:3px;padding:10px 12px}
.hsc-indexgrid .no{font:700 15px/1 Georgia,serif;color:var(--hsc-copper)}
.hsc-indexgrid .nm{font-size:12.5px;font-weight:600}
.hsc-indexgrid .ct{margin-left:auto;font-size:10.5px;color:var(--hsc-mute)}

/* 货架段 */
.hsc-shelf{max-width:1180px;margin:0 auto;padding:20px 16px 0}
.hsc-shelfhd{display:flex;align-items:flex-start;gap:10px;border-bottom:2px solid var(--hsc-green);padding-bottom:9px}
.hsc-shelfhd .no{font:700 26px/1 Georgia,serif;color:var(--hsc-copper)}
.hsc-shelfhd .tt{flex:1;min-width:0}
.hsc-shelfhd h2{font-size:15.5px;letter-spacing:.08em;color:var(--hsc-green)}
.hsc-shelfhd p{font-size:10.5px;color:var(--hsc-mute);line-height:1.7;margin-top:4px}
.hsc-shelfhd .more{flex:0 0 auto;font-size:10.5px;color:var(--hsc-copper);padding-top:4px}

/* 目录行 */
.hsc-rows{margin-top:2px}
.hsc-row{display:flex;gap:11px;align-items:center;padding:11px 0;border-bottom:1px dashed var(--hsc-line)}
.hsc-row img{width:88px;height:88px;object-fit:cover;border-radius:2px;background:#EFEBE1;flex:0 0 auto}
.hsc-row .hsc-r{flex:1;min-width:0}
.hsc-row .hsc-t{font-size:13px;line-height:1.45;font-weight:600}
.hsc-row .hsc-d{font-size:10.5px;color:var(--hsc-mute);line-height:1.6;margin-top:3px;height:34px;overflow:hidden}
.hsc-row .hsc-p{display:flex;align-items:baseline;gap:7px;margin-top:4px}
.hsc-row .hsc-p b{color:var(--hsc-red);font-size:15px}
.hsc-row .hsc-p s{font-size:10px;color:#B9B2A3}
.hsc-row .hsc-p .st{margin-left:auto;font-size:10px;color:var(--hsc-mute)}
.hsc-row .hsc-a{flex:0 0 auto;color:var(--hsc-copper);font-size:18px;padding-right:2px}

/* 承诺条 */
.hsc-promise{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:1180px;margin:22px auto 0;border-top:1px solid var(--hsc-line);border-bottom:1px solid var(--hsc-line);background:var(--hsc-card)}
.hsc-promise div{padding:12px 14px;border-right:1px dashed var(--hsc-line);border-bottom:1px dashed var(--hsc-line)}
.hsc-promise div:nth-child(2n){border-right:0}
.hsc-promise b{display:block;font-size:12px;color:var(--hsc-green)}
.hsc-promise span{font-size:10px;color:var(--hsc-mute)}

/* 店内说明 */
.hsc-text{max-width:1180px;margin:0 auto;padding:18px 16px 6px}
.hsc-text h3{font-size:13px;letter-spacing:.14em;color:var(--hsc-green);font-weight:700;border-left:3px solid var(--hsc-copper);padding-left:8px}
.hsc-text p{font-size:11.5px;line-height:1.95;color:#4A4436;margin-top:10px}

/* 其他页面（沿用 hz2 组件）换色，避免与兄弟站同脸 */
.hz2-top,.hz2-pdbar{background:var(--hsc-green)!important}
.hz2-seal{background:var(--hsc-copper)!important;color:#FFF8EC!important}
.hz2-chips a{background:#FCFAF3!important;border-color:var(--hsc-line)!important;color:var(--hsc-green)!important}
.hz2-chips a.on{background:var(--hsc-green)!important;color:#F3EDDE!important}
.hz2-hero{background:var(--hsc-card)!important;border-color:var(--hsc-line)!important}
.hz2-hero-tags span{background:var(--hsc-green)!important;color:#F3EDDE!important}
.hz2-ftime{background:var(--hsc-copper)!important}
.hz2-no{background:var(--hsc-copper)!important}
.hz2-card,.hz2-desccard,.hz2-ticket{background:var(--hsc-card)!important;border-color:var(--hsc-line)!important}
.hz2-cprice b,.hz2-rprice b,.pd-price{color:var(--hsc-red)!important}
.btn-primary{background:var(--hsc-green)!important;border-radius:4px!important}
.tabbar,.bottom-bar{background:var(--hsc-card)!important;border-top-color:var(--hsc-line)!important}
.tabbar a.active,.bottom-bar .btn-buy2{color:var(--hsc-red)!important}
.bottom-bar .btn-buy2{background:var(--hsc-green)!important;color:#fff!important;border-radius:4px}
.pd-params td{background:var(--hsc-card)!important;border-color:var(--hsc-line)!important}

@media (min-width:900px){
  .hsc-mast h1{font-size:30px}
  .hsc-indexgrid{grid-template-columns:repeat(4,1fr)}
  .hsc-promise{grid-template-columns:repeat(4,1fr)}
  .hsc-promise div:nth-child(2n){border-right:1px dashed var(--hsc-line)}
  .hsc-promise div:last-child{border-right:0}
}
/* 2026-11 厨房用具：调色 + 分章/详情页 sd 组件 */
:root{
  --hsc-ink:#2B2F33; --hsc-paper:#F4F1EA; --hsc-card:#FFFDF8; --hsc-line:#D9D2C4;
  --hsc-green:#3A4A52; --hsc-copper:#B5643C; --hsc-mute:#77716A; --hsc-red:#A33B2A;
}
.hsc-mast-small .hsc-mastin{padding:18px 16px 16px}
.hsc-mast-small h1{font-size:20px;line-height:1.5}
.hsc-mast-small .hsc-metrics{margin-top:12px;padding-top:10px}
.hsc-nav a.on{background:var(--hsc-green);color:#F3EDDE;border-color:var(--hsc-green)}
.hsc-pd-wrap{max-width:1180px;margin:0 auto;padding:0 16px 24px}
.hsc-pd-crumb{font-size:11px;color:var(--hsc-mute);line-height:1.8;padding:12px 0 8px}
.hsc-pd-crumb a{color:var(--hsc-copper)}
.hsc-pd-gallery{background:var(--hsc-card);border:1px solid var(--hsc-line);border-radius:3px;overflow:hidden}
.hsc-pd-main{width:100%;background:#fff}
.hsc-pd-main img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;margin:0 auto}
.hsc-pd-thumbs{display:flex;gap:6px;padding:8px}
.hsc-pd-thumbs img{width:56px;height:56px;object-fit:cover;border:1px solid var(--hsc-line);border-radius:2px}
.hsc-pd-thumbs img.on{border-color:var(--hsc-copper)}
.hsc-pd-head{padding:14px 2px 0}
.hsc-pd-head h1{font-size:18px;line-height:1.55;color:var(--hsc-ink);font-weight:700}
.hsc-pd-price{display:flex;align-items:baseline;gap:8px;margin-top:10px;flex-wrap:wrap}
.hsc-pd-price span{font-size:10px;color:var(--hsc-mute);letter-spacing:.08em}
.hsc-pd-price b{font-size:24px;color:var(--hsc-red);line-height:1}
.hsc-pd-price del{font-size:11px;color:#B9B2A3}
.hsc-pd-price em{font-style:normal;margin-left:auto;font-size:10.5px;color:var(--hsc-mute)}
.hsc-pd-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.hsc-pd-tags span{font-size:10.5px;color:var(--hsc-green);background:#fff;border:1px solid var(--hsc-line);border-radius:2px;padding:4px 8px}
.hsc-pd-specrow{display:flex;justify-content:space-between;align-items:center;background:var(--hsc-card);border:1px solid var(--hsc-line);border-radius:3px;padding:11px 12px;margin-top:12px;font-size:12px}
.hsc-pd-specrow i{font-style:normal;color:var(--hsc-copper);font-size:11px}
.hsc-pd-desc{background:var(--hsc-card);border:1px solid var(--hsc-line);border-radius:3px;padding:16px 14px;margin-top:14px}
.hsc-pd-desc h2{font-size:13px;letter-spacing:.12em;color:var(--hsc-green);border-left:3px solid var(--hsc-copper);padding-left:8px;font-weight:700}
.hsc-pd-body{margin-top:8px}
.hsc-pd-body p{font-size:12.5px;line-height:2;color:#4A4436;margin-top:10px}
.hsc-pd-body table.pd-params{width:100%;border-collapse:collapse;margin-top:8px}
.hsc-pd-body table.pd-params td{border:1px solid var(--hsc-line);padding:8px 10px;font-size:11.5px;line-height:1.7;background:#fff;vertical-align:top}
.hsc-pd-body table.pd-params tr td:first-child{width:30%;color:var(--hsc-mute);background:var(--hsc-card);white-space:nowrap}
.hsc-pd-note{font-size:11px;line-height:1.9;color:var(--hsc-mute);padding:14px 2px 0}
.hsc-pd-bar .btn-buy2{background:var(--hsc-green)!important;color:#fff!important}
.hsc-pd-bar .btn-cart{background:var(--hsc-copper)!important;color:#fff!important}
@media (min-width:900px){
  .hsc-pd-main img{max-height:640px}
  .hsc-pd-head h1{font-size:22px}
  .hsc-pd-price b{font-size:28px}
}