/* 铁老号商城 · 品牌样式（2026-11-06） */
:root{--tlh-pri:#d9480f;--tlh-pri-d:#b8390b;--tlh-pri-l:#fff1ea;--tlh-ink:#1f2a37;--tlh-sub:#5b6470;--tlh-line:#e6e8ec;--tlh-bg:#f4f5f7;--tlh-ok:#12a37a;--tlh-r:12px}
body{background:var(--tlh-bg);color:var(--tlh-ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",system-ui,-apple-system,sans-serif}
.site-header{background:#1f2a37;box-shadow:0 2px 10px rgba(15,20,30,.18)}
.site-header .main-nav a,.site-header .header-action-btn{color:#e7eaee}
.site-header .main-nav a:hover,.site-header .main-nav a.active,.site-header .main-nav .active>a{color:#fff}
.site-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.site-header .site-logo-text,.site-logo .site-logo-text{color:#fff!important;font-weight:800;letter-spacing:.5px;background:none!important;-webkit-text-fill-color:#fff}
.tlh-logo-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:var(--tlh-pri);color:#fff;font-weight:900;font-size:19px;line-height:1;flex:0 0 34px}
.header-action-btn--text{background:rgba(255,255,255,.1)!important;color:#fff!important}
.tlh-home{padding-top:16px;padding-bottom:28px}
.tlh-hero{position:relative;border-radius:var(--tlh-r);overflow:hidden;background:#1f2a37}
.tlh-hero img{display:block;width:100%;height:auto}
.tlh-hero__cta{position:absolute;left:5%;bottom:7%;display:flex;gap:10px}
.tlh-h1{font-size:15px;font-weight:600;color:var(--tlh-sub);margin:14px 2px 10px}
.tlh-btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 14px;border-radius:8px;background:var(--tlh-pri);color:#fff!important;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap;border:0;transition:background .15s}
.tlh-btn:hover{background:var(--tlh-pri-d)}
.tlh-btn--lg{padding:10px 20px;font-size:15px}
.tlh-btn--ghost{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4)}
.tlh-btn.is-disabled{background:#c4c8cf;cursor:not-allowed}
.tlh-notice{display:flex;gap:10px;align-items:flex-start;background:#fff8e6;border:1px solid #f6dfa6;color:#6b4e00;border-radius:10px;padding:10px 14px;margin-bottom:14px;font-size:14px;line-height:1.7}
.tlh-notice p{margin:0}.tlh-notice a{color:var(--tlh-pri);font-weight:700}
.tlh-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px;align-items:start}
.tlh-side,.tlh-main,.tlh-catgrid,.tlh-info>div{background:#fff;border:1px solid var(--tlh-line);border-radius:var(--tlh-r)}
.tlh-side{padding:10px;position:sticky;top:76px}
.tlh-side__title{font-weight:800;font-size:15px;padding:6px 8px 10px;border-bottom:1px solid var(--tlh-line);margin-bottom:6px}
.tlh-cat{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;color:var(--tlh-ink);text-decoration:none;font-size:14px}
.tlh-cat img{width:22px;height:22px;border-radius:6px}
.tlh-cat:hover{background:var(--tlh-pri-l);color:var(--tlh-pri)}
.tlh-cat.is-hot{background:var(--tlh-pri-l);color:var(--tlh-pri);font-weight:700}
.tlh-cat__dot{width:8px;height:8px;border-radius:50%;background:var(--tlh-pri);margin:0 7px}
.tlh-cat__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tlh-cat__n{font-size:12px;color:#8a929c}
.tlh-main{padding:6px 14px 10px}
.tlh-sec-head{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.tlh-sec-head h2{font-size:17px;font-weight:800;margin:0;padding-left:10px;border-left:4px solid var(--tlh-pri);line-height:1.1}
.tlh-sec-head a{font-size:13px;color:var(--tlh-sub);text-decoration:none}
.tlh-rows{display:flex;flex-direction:column}
.tlh-row{display:grid;grid-template-columns:minmax(0,1fr) 92px 70px 96px 98px;align-items:center;gap:10px;padding:10px 4px;border-top:1px solid #f0f1f3}
.tlh-row--head{border-top:0;font-size:12.5px;color:#8a929c;padding-top:4px;padding-bottom:6px}
.tlh-row .c-info{display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none;color:var(--tlh-ink)}
.tlh-row .c-info img{width:96px;height:54px;object-fit:cover;border-radius:8px;flex:0 0 96px;background:#eef0f3}
.tlh-name{font-size:14.5px;font-weight:600;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tlh-row .c-info:hover .tlh-name{color:var(--tlh-pri)}
.tlh-row .c-type,.tlh-row .c-stock{text-align:center}
.tlh-row .c-price{text-align:right;color:#e03131;font-weight:800;font-size:16px}
.tlh-row .c-act{text-align:right}
.tlh-row--head .c-price,.tlh-row--head .c-act{text-align:right}
.tlh-badge{display:inline-block;font-size:12px;font-weight:700;padding:3px 8px;border-radius:6px}
.tlh-badge--manual{background:#fff1ea;color:var(--tlh-pri)}.tlh-badge--auto{background:#e7f8f1;color:#0e7a5a}
.tlh-stock{font-size:13px;color:var(--tlh-sub)}.tlh-stock.is-plenty{color:var(--tlh-ok);font-weight:700}.tlh-stock.is-out{color:#adb5bd}
.tlh-row.is-sold{opacity:.6}
.tlh-catgrid{margin-top:16px;padding:6px 14px 14px}
.tlh-catgrid__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.tlh-catcard{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--tlh-line);border-radius:10px;text-decoration:none;color:var(--tlh-ink)}
.tlh-catcard:hover{border-color:var(--tlh-pri);box-shadow:0 4px 14px rgba(217,72,15,.1)}
.tlh-catcard img{width:48px;height:48px;border-radius:10px}
.tlh-catcard strong{display:block;font-size:14px}.tlh-catcard em{font-style:normal;font-size:12px;color:#8a929c}
.tlh-info{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.tlh-info>div{padding:14px 16px}.tlh-info strong{font-size:15px}.tlh-info p{margin:6px 0 0;font-size:13px;color:var(--tlh-sub);line-height:1.7}
.tlh-empty{padding:40px;text-align:center;color:#8a929c}
.tlh-list-h1{font-size:22px;font-weight:800;margin:2px 0 6px}
.tlh-list-desc{color:var(--tlh-sub);font-size:13.5px;line-height:1.7;margin:0 0 12px}
.shop-main .tlh-rows{background:#fff;border:1px solid var(--tlh-line);border-radius:var(--tlh-r);padding:4px 14px}
h1.detail-name{font-size:20px;font-weight:800;line-height:1.45;margin:0 0 8px}
.detail-price{color:#e03131!important}
.site-footer.tlh-footer{background:#1f2a37;color:#c9ced6;padding:34px 0 0;margin-top:24px;text-align:left}
.tlh-footer a{color:#e7eaee;text-decoration:none}.tlh-footer a:hover{color:#fff}
.site-footer.tlh-footer .wrapper.tlh-footer__grid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr 1.4fr;gap:28px;align-items:start;text-align:left;flex-direction:initial}
.tlh-footer__logo{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:18px}
.tlh-footer__brand p{font-size:13px;line-height:1.8;margin:12px 0 0;max-width:340px;color:#aeb5bf}
.tlh-footer__col{display:flex;flex-direction:column;align-items:flex-start;gap:9px;font-size:13.5px}
.tlh-footer__col strong{color:#fff;font-size:14px;margin-bottom:2px}
.tlh-footer__muted{font-size:12px;color:#99a1ac}
.site-footer.tlh-footer .wrapper.tlh-footer__copy{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid rgba(255,255,255,.08);margin-top:26px;padding:16px 0;font-size:12.5px;color:#99a1ac}
@media (max-width:900px){
 .tlh-layout{grid-template-columns:1fr}.tlh-side{position:static}
 .tlh-side__list{display:flex;flex-wrap:wrap;gap:6px}.tlh-cat{padding:6px 10px;border:1px solid var(--tlh-line)}.tlh-cat__name{white-space:nowrap}
 .tlh-info{grid-template-columns:1fr 1fr}.site-footer.tlh-footer .wrapper.tlh-footer__grid{grid-template-columns:1fr 1fr 1fr;gap:22px}.tlh-footer__brand{grid-column:1/-1}
}
@media (max-width:640px){
 .tlh-hero__cta{left:16px;bottom:14px}.tlh-btn--lg{padding:8px 14px;font-size:14px}
 .tlh-row--head{display:none}
 .tlh-row{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"info info info" "stock price act";row-gap:8px}
 .tlh-row .c-info{grid-area:info}.tlh-row .c-type{display:none}
 .tlh-row .c-stock{grid-area:stock;text-align:left}.tlh-row .c-price{grid-area:price;text-align:right}
 .tlh-row .c-act{grid-area:act}
 .tlh-row .c-info img{width:80px;height:45px;flex-basis:80px}
 .tlh-info{grid-template-columns:1fr}.site-footer.tlh-footer .wrapper.tlh-footer__grid{grid-template-columns:1fr 1fr}.site-footer.tlh-footer .wrapper.tlh-footer__copy{flex-direction:column;align-items:flex-start}
}

/* 表头不着色 */
.tlh-row--head .c-price{color:#8a929c;font-weight:400;font-size:12.5px}
/* 商品详情：原图为 16:9 横图，完整显示不裁切 */
.detail-layout{grid-template-columns:480px 1fr}
.detail-img{aspect-ratio:16/9;background:#fff}
.detail-img img{object-fit:contain}
.detail-thumb img{object-fit:cover}
/* 商品说明排版 */
.detail-body{font-size:14.5px;line-height:1.85;color:#2b3440}
.detail-body h3{font-size:16px;font-weight:800;margin:20px 0 8px;padding-left:10px;border-left:3px solid var(--tlh-pri);line-height:1.3}
.detail-body h3:first-child{margin-top:4px}
.detail-body ul{margin:4px 0 8px 20px;padding:0;list-style:disc}
.detail-body li{margin:2px 0}
.detail-body p{margin:6px 0}
.detail-body a{color:var(--tlh-pri);font-weight:700}
@media (max-width:900px){.detail-layout{grid-template-columns:1fr}}
@media (max-width:640px){
 .tlh-hero__cta{position:static;padding:10px 12px;background:#1f2a37}
 .tlh-side{padding:8px}.tlh-side__title{display:none}
 .tlh-side__list{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}
 .tlh-side__list::-webkit-scrollbar{display:none}
 .tlh-cat{flex:0 0 auto}
 .tlh-h1{font-size:13.5px}
}

.tlh-mailtip{margin-left:8px;font-size:12.5px;color:#5b6470}
/* 网格子项允许收缩（防止分类横向滚动条把页面撑宽） */
.tlh-layout>*,.tlh-main,.tlh-side,.tlh-rows,.tlh-row,.tlh-row .c-info{min-width:0}
.tlh-side{overflow:hidden}
.tlh-home,.page-body{max-width:100%;overflow-x:clip}

/* 导航不换行；中等宽度收紧间距 */
.main-nav a,.main-nav li a{white-space:nowrap}
@media (max-width:1100px){.main-nav a{padding-left:8px!important;padding-right:8px!important;font-size:14px}}
@media (max-width:1000px){.tlh-hero__cta{position:static;padding:10px 14px;background:#1f2a37}}