body.detail-open{height:100dvh;overflow:hidden;background:#f5f5f5}
body.detail-open .staff-entry{display:none}
body.detail-open main{max-width:none;padding:0}
.detail-page{position:relative;height:calc(100dvh - 58px);min-height:0;padding-bottom:70px;overflow:hidden;background:#f5f5f5}
.detail-back,.detail-manage{position:absolute;top:10px;z-index:14;border:0;border-radius:50%;background:#11182799;color:#fff;box-shadow:none}
.detail-back{left:13px;width:38px;height:38px;padding:0;font-size:34px;line-height:32px}
.detail-manage{right:13px;padding:9px 12px;font-size:12px}
.detail-media{position:relative;display:grid;place-items:center;width:min(100%,570px);height:min(133.333vw,calc(100dvh - 270px));margin:auto;overflow:hidden;background:#eef0f3;touch-action:pan-y}
.detail-media.no-image:after{content:'暂无实拍图片';color:#778093;font-size:13px}
.detail-media img{display:block;width:100%;height:100%;object-fit:contain;background:#eef0f3}
.detail-media.no-image img{display:none}
.detail-dots{position:absolute;right:15px;bottom:14px;display:flex;gap:5px}
.detail-dots button{width:18px;height:3px;padding:0;border-radius:99px;background:#ffffff8f}
.detail-dots button:after{content:"";position:absolute;inset:-10px -4px}
.detail-dots button{position:relative}
.detail-dots button.active{background:#fff}
.detail-image-count{position:absolute;right:15px;top:15px;padding:4px 8px;border-radius:999px;background:#1118278a;color:#fff;font-size:12px}
.detail-info{width:min(760px,100%);margin:auto;padding:3px 16px 22px;background:#fff}
.detail-price-row{position:relative;display:flex;align-items:flex-end;gap:7px;min-height:33px;white-space:nowrap}
.detail-price-row strong{display:inline-flex;align-items:flex-end;color:#ff542d;font-size:29px;line-height:1;letter-spacing:-.6px}
.detail-price-row #detailMemberPrice{display:inline-flex;align-items:flex-end;gap:3px;color:#8666e8;font-size:15px;font-weight:700;line-height:1}
.detail-price-row .currency{display:inline-block;margin:0;font-size:15px;font-style:normal;font-weight:400;line-height:1}
.detail-price-row .price-amount{font:inherit;line-height:1}
#detailPrice .price-amount{transform:translateY(3px)}
.detail-price-unit{align-self:flex-end;margin-left:3px;color:#7d8493;font-size:14px;font-style:normal;font-weight:400;line-height:1;letter-spacing:0}
.detail-info h1{margin:6px 0 3px;font-size:20px;line-height:1.4}
.detail-spec,.detail-stock{margin:0;padding:9px 0;border-top:1px solid #f0f0f0;color:#737b8c;font-size:14px}
.detail-spec{padding:5px 0;font-weight:700}
.detail-stock{border:0;color:#25815e}
.detail-stock.is-out{color:#d8495a}
#detailStock.detail-stock{position:absolute;bottom:0;left:50%;margin:0;padding:0;transform:none;border:0;color:#25815e;font-size:13px;line-height:1.2}
#detailStock.detail-stock.is-out{color:#d8495a}
.detail-description{margin:0;padding:5px 0;border-top:1px solid #f0f0f0;border-radius:0;background:transparent;color:#737b8c;font-size:14px;font-weight:700;line-height:1.5}
.detail-actionbar{position:fixed;right:0;bottom:0;left:0;z-index:15;display:flex;align-items:stretch;gap:5px;width:min(760px,100%);margin:auto;padding:9px 8px calc(9px + env(safe-area-inset-bottom));background:#fff;border-top:0;box-shadow:none}
.detail-actionbar button{padding:0;border-radius:10px;color:#fff;font-size:15px;font-weight:800}
.detail-consult,.detail-service,.detail-cart-nav{display:grid;place-items:center;flex:0 0 38px;border-radius:10px!important;font-size:12px!important;font-weight:800;text-decoration:none}
.detail-consult,.detail-service{background:#f1f3f7!important;color:#566074!important}
.detail-consult svg,.detail-service svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.detail-service[hidden]{display:none!important}
.detail-cart-nav{background:#fff0f1!important;color:#ff5966!important}
.detail-cart-nav[hidden]{display:none!important}
.detail-cart-nav{position:relative}.detail-cart-nav b{position:absolute;top:-4px;right:-4px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#ff5966;color:#fff;font-size:10px;line-height:1}.detail-cart-nav b[hidden]{display:none!important}
.detail-quantity{display:flex;align-items:center;flex:0 0 auto;height:40px;overflow:hidden;border:1px solid #dfe3ea;border-radius:10px;background:#f5f6f8}
.detail-quantity button{width:31px!important;height:38px;color:#566074;background:transparent;font-size:18px;font-weight:700}
.detail-quantity button:disabled{color:#bbc1cb}
.detail-quantity input{display:block;align-self:stretch;width:52px;margin:0;padding:0 3px;border:0;border-right:1px solid #e2e5eb;border-left:1px solid #e2e5eb;background:#fff;color:#29314e;font:14px "Microsoft YaHei",sans-serif;text-align:center;outline:0}
.detail-quantity input:focus{background:#fffafa;box-shadow:inset 0 0 0 1px var(--coral)}
.detail-cart{flex:1;min-height:38px;height:38px;background:#ffb21b}
.detail-buy{flex:1;background:#ff592e}
.detail-actionbar button:disabled{background:#c8ccd4!important;color:#fff!important}
.detail-cart:active{transform:scale(.97)}
.detail-cart.added{animation:detail-cart-added .26s ease}
@keyframes detail-cart-added{0%{transform:scale(1)}45%{transform:scale(.96);filter:brightness(.88)}100%{transform:scale(1)}}
@media(min-width:721px){.detail-page{height:calc(100dvh - 66px)}}
@media(min-width:761px){body.detail-open .detail-page{max-width:760px;margin:auto;box-shadow:0 0 0 1px #e7e8ec}.detail-media{max-height:660px}.detail-actionbar{border-right:1px solid #eceef2;border-left:1px solid #eceef2}}
@media(max-width:420px){.detail-info{padding:3px 13px 15px}.detail-info h1{font-size:18px}.detail-price-row strong{font-size:27px}.detail-price-row #detailMemberPrice,.detail-price-row .currency{font-size:14px}.detail-actionbar button{font-size:14px}}
@media(max-width:420px){.detail-cart,.detail-buy{flex:1 1 72px;min-width:72px;font-size:13px!important;white-space:nowrap}}