*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Helvetica Neue','PingFang SC','Microsoft YaHei',sans-serif;background:#f5f5f7;color:#1d1d1f;line-height:1.6}
a{color:inherit;text-decoration:none}
nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,0.92);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,0.06);height:52px}
.nav-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:52px}
.nav-logo{font-size:17px;font-weight:700;color:#1d1d1f}.nav-logo .dot{color:#0071e3}
.nav-links{display:flex;gap:16px;list-style:none}
.nav-links a{font-size:13px;color:#6e6e73;transition:color 0.2s}
.nav-links a:hover,.nav-links a.active{color:#1d1d1f}
.nav-cta{font-size:12px;font-weight:500;background:#0071e3;color:#fff!important;padding:5px 14px;border-radius:20px}
.hamburger{display:none;flex-direction:column;gap:4px;cursor:pointer;padding:8px;background:none;border:none}
.hamburger span{width:20px;height:2px;background:#1d1d1f;border-radius:2px;display:block}
.breadcrumb{background:#fff;border-bottom:1px solid #e8e8ed;padding:68px 0 8px}
.breadcrumb-inner{max-width:1280px;margin:0 auto;padding:0 20px;font-size:12px;color:#86868b}
.breadcrumb a{color:#86868b}.breadcrumb a:hover{color:#0071e3}.breadcrumb .sep{margin:0 6px;color:#d2d2d7}
.detail-wrap{max-width:1280px;margin:0 auto;padding:24px 20px;display:grid;grid-template-columns:1fr 320px;gap:32px}
.detail-main{background:#fff;border:1px solid #e8e8ed;border-radius:14px;padding:28px}
.detail-side{background:#fff;border:1px solid #e8e8ed;border-radius:14px;padding:24px;position:sticky;top:72px;height:fit-content}
.detail-name{font-size:clamp(18px,2vw,24px);font-weight:700;color:#1d1d1f;line-height:1.4;margin-bottom:12px}
.detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
.meta-item{padding:12px;background:#f9f9f9;border-radius:8px}
.meta-item .label{font-size:11px;color:#86868b;letter-spacing:0.05em;margin-bottom:2px}
.meta-item .value{font-size:14px;font-weight:500;color:#1d1d1f;word-break:break-all}
.detail-price{font-size:28px;font-weight:700;color:#1d1d1f;margin-bottom:4px}
.detail-price .unit{font-size:14px;font-weight:400;color:#86868b}
.detail-price-note{font-size:12px;color:#86868b;margin-bottom:16px}
.detail-tag{display:inline-block;font-size:11px;padding:3px 10px;border-radius:10px;margin-bottom:12px}
.detail-tag.jw{background:rgba(0,200,83,0.1);color:#1a8c3e;font-weight:500}
.detail-actions{display:flex;flex-direction:column;gap:10px}
.detail-actions .btn{display:block;text-align:center;padding:12px;border-radius:10px;font-size:14px;font-weight:500;transition:all 0.2s;border:none;font-family:inherit}
.btn-primary{background:#0071e3;color:#fff}.btn-primary:hover{background:#0077ed}
.btn-secondary{background:#f0f0f0;color:#1d1d1f;border:1px solid #d2d2d7!important}.btn-secondary:hover{background:#e8e8ed}
.detail-spec{margin-top:20px}.detail-spec h3{font-size:15px;font-weight:600;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #e8e8ed}
.detail-spec p{font-size:13px;color:#515154;line-height:1.7;white-space:pre-wrap}
footer{background:#fff;border-top:1px solid #e8e8ed;padding:24px 0;margin-top:40px}
.footer-inner{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:0 20px;font-size:12px;color:#86868b}
.footer-inner .links{display:flex;gap:16px;flex-wrap:wrap}.footer-inner .links a{color:#86868b}.footer-inner .links a:hover{color:#1d1d1f}
@media(max-width:768px){.nav-links{display:none;position:absolute;top:52px;left:0;right:0;background:rgba(255,255,255,0.98);padding:16px 24px;flex-direction:column;border-bottom:1px solid #e8e8ed}.nav-links.open{display:flex}.hamburger{display:flex}.detail-wrap{grid-template-columns:1fr}.detail-meta{grid-template-columns:1fr}}