/* sxchwl-detail.css v2 - 吃喝玩乐详情页专属样式 */
body{background:#f4f6f5}
.det-gallery{position:relative;width:100%;aspect-ratio:4/3;background:#e8ebea;overflow:hidden}
.det-gallery img{width:100%;height:100%;object-fit:cover;display:block}
.det-gallery-backdrop{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.1),transparent 40%,transparent 60%,rgba(0,0,0,.25))}
.det-crumb{font-size:12px;color:#8a9a97;padding:10px 16px;background:#fff;border-bottom:1px solid #e8ebea;display:flex;align-items:center;gap:4px}
.det-crumb a{color:#6b7a77;text-decoration:none}
.det-crumb .sep{color:#c0cbc9}
.det-crumb .cur{color:#6b7a77;font-weight:normal;margin:0;font-size:12px}
.det-head{background:#fff;padding:14px 16px 16px;border-bottom:1px solid #f0f3f2}
.det-head .det-title{margin:0 0 6px;font-size:20px;font-weight:700;color:#1f2a28;line-height:1.3}
.det-head .det-sub{margin:0;font-size:12px;color:#8a9a97;display:flex;gap:12px;flex-wrap:wrap}
.det-sec{background:#fff;margin:12px;border-radius:12px;overflow:hidden;box-shadow:0 1px 6px rgba(0,0,0,.06)}
.det-sec-head,.det-info-head{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid #f0f3f2}
.det-sec-head-bar,.det-info-head-bar{width:3px;height:14px;background:#00766c;border-radius:2px}
.det-sec-head-title,.det-info-head-title{font-size:14px;font-weight:700;color:#1f2a28}
.det-sec-body{padding:14px}
.det-sec-body p{margin:0 0 12px;font-size:12px;color:#8a9a97;line-height:1.8}
.det-sec-body img{max-width:100%;height:auto;display:block;border-radius:8px;margin:8px auto}
.i-svg{width:16px;height:16px;flex-shrink:0;vertical-align:-3px;color:#00766c}
.det-sub .i-svg{width:13px;height:13px;vertical-align:-2px;color:#8a9a97}
.det-sub .i-fire{color:#e0a33c}
.det-related-title .i-svg{width:15px;height:15px;vertical-align:-2px;color:#e0a33c}
.ls-fav .i-svg{width:13px;height:13px;vertical-align:-1px;color:#e0a33c}
.det-tags{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 14px}
.det-tag{background:#e8f0ef;color:#00766c;font-size:12px;padding:4px 10px;border-radius:12px;font-weight:500;text-decoration:none}
.det-info{background:#fff;margin:12px;border-radius:12px;overflow:hidden;box-shadow:0 1px 6px rgba(0,0,0,.06)}
.det-info-item{display:flex;gap:10px;padding:12px 14px;border-bottom:1px solid #f0f3f2;font-size:13px}
.det-info-item:last-child{border-bottom:none}
.det-info-item .ii-icon{display:flex;align-items:center;justify-content:center;width:20px;flex-shrink:0;color:#00766c}
.det-info-item .ii-label{color:#8a9a97;flex-shrink:0;width:62px}
.det-info-item .ii-val{color:#1f2a28;flex:1;word-break:break-all}
.det-info-item .ii-val a{color:#00766c;text-decoration:underline}
.det-info-body{border-top:1px solid #f0f3f2}
.det-info-body .det-sec-head{border-bottom:1px solid #f0f3f2}
.ls-price,.ls-price i,.ls-price .unit,.ls-price .cons{color:#e0a33c!important}
.det-related-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px;background:#f4f6f5}
.det-related-title{font-size:15px;font-weight:700;color:#1f2a28}
.det-related-more{font-size:12px;color:#00766c;text-decoration:none}
.det-related-ls{padding:0 0 16px;background:#f4f6f5}
.det-related-ls .ls-card{margin:0 12px 10px}
.det-nav{display:flex;flex-direction:column;gap:8px;padding:8px 12px 16px;background:#f4f6f5}
.det-nav-item{background:#fff;border-radius:10px;padding:12px;text-decoration:none;color:inherit;box-shadow:0 1px 4px rgba(0,0,0,.05);display:flex;flex-direction:column;gap:2px;min-width:0}
.det-nav-label{font-size:11px;color:#8a9a97}
.det-nav-title{font-size:13px;color:#1f2a28;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}



/* ===== 桌面端限宽 750px（与全站 .app 一致） ===== */
@media (min-width:751px){
  html{background:#e6ebe9}
  body{max-width:750px;margin:0 auto;box-shadow:0 0 24px rgba(0,0,0,.07)}
}