#jd-detail .detail-breadcrumb{display:flex;gap:12px;padding:25px 0;font-size:11px;color:var(--sub)}
#jd-detail [hidden]{display:none!important}
#jd-detail .detail-breadcrumb a{text-decoration:none}
#jd-detail .detail-hero{display:grid;grid-template-columns:58% 42%;align-items:center;gap:0;min-height:530px;border-bottom:1px solid var(--rule);padding-bottom:38px}
#jd-detail .detail-visual{min-width:0}
#jd-detail .detail-gallery{height:380px;position:relative;perspective:1200px;isolation:isolate;overflow:hidden;touch-action:pan-y;cursor:grab}
#jd-detail .detail-track{position:absolute;inset:0;transform-style:preserve-3d}
#jd-detail .detail-shot{position:absolute;left:50%;top:32px;width:66%;height:310px;border:1px solid #e1e1d8;background:#fffefa;padding:12px;border-radius:3px;box-shadow:0 18px 35px #24291d14;transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .65s;transform-origin:center;user-select:none}
#jd-detail .detail-shot img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
#jd-detail .detail-shot:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}
#jd-detail .detail-gallery,#jd-detail .detail-track{pointer-events:none}
#jd-detail .detail-controls{display:flex;justify-content:center;gap:18px;align-items:center;padding:12px 10px 0}
#jd-detail #detail-count{font-size:11px;letter-spacing:1px;white-space:nowrap}
#jd-detail #detail-dots{display:flex;flex-wrap:wrap;justify-content:center;max-width:200px}
#jd-detail .detail-dot{border:0;background:transparent;width:24px;height:32px;position:relative;padding:0}
#jd-detail .detail-dot:after{content:"";position:absolute;width:5px;height:5px;border:1px solid var(--sub);border-radius:50%;left:9px;top:13px}
#jd-detail .detail-dot[aria-current=true]:after{background:var(--ink);border-color:var(--ink)}
#jd-detail .detail-hint{text-align:center;font-size:9px;letter-spacing:1.4px;color:var(--sub);margin:20px 0 0}
#jd-detail .detail-intro{padding:15px 0 15px 35px}
#jd-detail h1{font-size:clamp(32px,3.5vw,49px);line-height:1.06;letter-spacing:-1.8px;font-weight:400;margin:0 0 24px}
#jd-detail .detail-summary{font-size:14px;line-height:1.85;color:var(--sub);margin-bottom:28px;max-width:450px}
#jd-detail .detail-summary p{margin:0 0 16px}
#jd-detail .detail-back{display:block;margin-top:20px;font-size:11px;width:fit-content}
#jd-detail .detail-information{display:grid;grid-template-columns:30% 70%;padding:48px 0;border-bottom:1px solid var(--rule)}
#jd-detail .detail-copy{max-width:720px;font-size:14px;line-height:1.8;color:var(--sub)}
#jd-detail .detail-copy p{margin:0 0 13px}
#jd-detail .detail-copy h3{font-size:22px;color:var(--ink);font-weight:400;letter-spacing:-.6px;margin:26px 0 15px}
#jd-detail .detail-copy h3:first-child{margin-top:0}
#jd-detail .spec-line{padding:10px 0;border-bottom:1px solid var(--rule);font-variant-numeric:tabular-nums}
#jd-detail .detail-next{padding:40px 0}
#jd-detail .detail-next a{display:flex;gap:30px;justify-content:space-between;align-items:center;font-size:32px;font-weight:400;letter-spacing:-1px;text-decoration:none;margin-top:22px}
#jd-detail dialog{border:1px solid var(--rule);padding:46px 24px 20px;background:var(--paper);width:min(900px,92vw);max-height:92vh;color:var(--ink)}
#jd-detail dialog::backdrop{background:#20211fcc;backdrop-filter:blur(6px)}
#jd-detail dialog img{display:block;width:100%;height:65vh;object-fit:contain}
#jd-detail dialog p{font-size:12px;text-align:center}
#jd-detail .lightbox-close{position:absolute;right:18px;top:10px;border:0;background:transparent;min-height:34px;font-size:12px}
@media(max-width:800px){#jd-detail .detail-hero{grid-template-columns:1fr}#jd-detail .detail-intro{padding:34px 0 10px}#jd-detail .detail-gallery{height:370px}#jd-detail .detail-information{grid-template-columns:1fr;gap:15px}#jd-detail h1{font-size:40px}#jd-detail .detail-next a{font-size:27px}}
@media(max-width:450px){#jd-detail .detail-gallery{height:300px;margin:0 -18px}#jd-detail .detail-shot{height:250px;top:22px;width:70%;padding:8px}#jd-detail .detail-controls{gap:12px}#jd-detail .detail-hint{font-size:8px;letter-spacing:.6px}#jd-detail h1{font-size:35px}#jd-detail .detail-breadcrumb{font-size:10px}}
@media(prefers-reduced-motion:reduce){#jd-detail .detail-shot{transition:none}}