:root{--yx-primary:#f07d00;--yx-surface:#fff;--yx-border:#e5e7eb;--yx-text-main:#111827;--yx-text-muted:#4b5563}.page-product-detail{color:var(--yx-text-main);background-color:var(--yx-surface)}.hero-main-image{padding:2rem;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center}.hero-main-image,.thumb-btn{background:#fff;border:1px solid var(--yx-border);border-radius:4px}.thumb-btn{padding:.35rem;transition:border-color .15s ease}.thumb-btn:hover{border-color:#9ca3af}.thumb-btn.active{border-color:var(--yx-primary);box-shadow:0 0 0 1px var(--yx-primary)}.sticky-subnav{position:sticky;top:64px;z-index:30;background:hsla(0,0%,100%,.98);border-bottom:1px solid var(--yx-border);height:48px;overflow:hidden}.subnav-link{height:48px;display:flex;align-items:center;padding:0 1.25rem;font-size:.8125rem;font-weight:600;color:var(--yx-text-muted);border-bottom:2px solid transparent;transition:all .15s ease;white-space:nowrap}.subnav-link:hover{color:var(--yx-text-main)}.subnav-link.active{color:var(--yx-primary);border-bottom-color:var(--yx-primary)}.yx-spec-section{padding:48px 0;border-bottom:1px solid var(--yx-border);background:#fff}.yx-spec-table{width:100%;border-collapse:collapse;font-size:.8125rem;table-layout:fixed;background:#fff}.yx-spec-group-header{background:#2c3e50;color:#fff;font-weight:700;font-size:.875rem;padding:.875rem 1.25rem;border:1px solid #2c3e50;text-align:left}.yx-spec-row:nth-child(2n){background-color:#f9fafb}.yx-spec-row:nth-child(odd){background-color:#fff}.yx-spec-row td{padding:.875rem 1.25rem;border:1px solid var(--yx-border);vertical-align:top}.yx-spec-label{width:240px;font-weight:600;color:#374151}.yx-spec-value{color:#111827;line-height:1.5}.yx-related-section{padding:64px 0;background:#fff;border-top:1px solid var(--yx-border)}.yx-related-card{display:block;background:#fff;border:1px solid var(--yx-border);border-radius:4px;padding:1.25rem;transition:border-color .15s ease,box-shadow .15s ease;height:100%}.yx-related-card:hover{border-color:var(--yx-primary);box-shadow:0 4px 12px rgba(0,0,0,.05)}.yx-related-image{width:100%;aspect-ratio:1/1;background:#fff;border-radius:4px;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow:hidden}.yx-related-image img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}@media (max-width:767px){.sticky-subnav{top:60px;height:44px}.subnav-link{height:44px;padding:0 .75rem;font-size:.75rem}.yx-spec-table,.yx-spec-table tbody,.yx-spec-table td,.yx-spec-table th,.yx-spec-table thead,.yx-spec-table tr{display:block;width:100%}.yx-spec-group-header{padding:.75rem 1rem;font-size:.8125rem}.yx-spec-row td{border-left:0;border-right:0;padding:.625rem 1rem}.yx-spec-label{width:auto;padding-bottom:.25rem}.yx-spec-value{padding-top:0}.yx-related-section{padding:48px 0 64px}}