.detail-header{position:relative}
.detail-back{font-size:12px;font-weight:700;color:#555}
.detail-back:hover,.detail-breadcrumb a:hover{color:#111}
.variety-detail{max-width:1160px;padding-top:28px;padding-bottom:85px}
.detail-breadcrumb{display:flex;gap:9px;align-items:center;color:#a0a0a0;font-size:11px;margin-bottom:24px}
.detail-breadcrumb a{color:#666}
.detail-breadcrumb strong{color:#222;font-weight:700}
.detail-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;padding:18px 0 58px;border-bottom:1px solid #eee}
.detail-photo{height:340px;border-radius:15px;background-size:cover;background-position:center}
.detail-intro{max-width:500px}
.detail-intro h1{font:800 clamp(36px,5vw,54px)/1.08 Manrope,sans-serif;letter-spacing:-2px;margin:14px 0;color:#111}
.detail-intro>p{font-size:14px;line-height:1.8;color:#747474;margin:0 0 25px}
.detail-price{border:1px solid #ececec;border-radius:12px;padding:18px 20px;display:grid;gap:5px;max-width:310px;background:#fff}
.detail-price span,.detail-price small{font-size:10px;color:#888}
.detail-price strong{font:800 27px Manrope;color:#111}
.detail-history{padding-top:58px}
.detail-history .section-heading{align-items:end}
.detail-history .section-heading h2{font-size:30px}
.detail-record-count{font-size:10px;font-weight:700;color:#555;background:#f4f4f4;padding:8px 11px;border-radius:20px;white-space:nowrap}
.detail-chart-panel{margin-top:20px}
.detail-chart-panel .chart-wrap #detailChart{position:absolute;inset:0;touch-action:pan-y;overflow:hidden}
#detailLegendDot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--detail-color,#2962ff);margin-right:6px}
.detail-chart-panel .chart-legend>span{display:flex;align-items:center;gap:4px}
.detail-data-note{margin:10px 0 0;color:#888;font-size:10px}
.detail-records{margin-top:24px;background:#fff;border:1px solid #eee;border-radius:13px;padding:24px 26px}
.detail-records .records-head{margin-bottom:12px}
@media(max-width:700px){.detail-header{padding:0 5%}.variety-detail{padding:22px 5% 65px}.detail-hero{grid-template-columns:1fr;gap:25px;padding-bottom:38px}.detail-photo{height:230px}.detail-intro h1{font-size:38px}.detail-history{padding-top:42px}.detail-history .section-heading{align-items:flex-start;gap:14px}.detail-history .section-heading h2{font-size:27px}.detail-chart-panel{padding:18px 14px}.detail-records{padding:18px 14px}.detail-back{font-size:10px}}