:root{color:#202632;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--accent:#f14b52;--accent-dark:#d93c44;--text-secondary:#7e8794;--line:#e6e8eb;background:#f4f5f7;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.vehicle-page{min-height:calc(100vh - 64px);padding:44px 24px 72px}.vehicle-browser{background:#fff;width:min(1180px,100%);margin:0 auto;padding:42px 48px 34px;box-shadow:0 16px 48px #20263214}.page-heading,.section-title{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.12em;margin:0 0 8px;font-size:.875rem;font-weight:700}.page-heading h1,.section-title h3{color:#1c222c;letter-spacing:-.02em;margin:0;font-size:clamp(1.75rem,3vw,2.25rem)}.section-title>span{color:var(--text-secondary);margin:0;font-size:.875rem}.state-panel{min-height:420px;color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex}.state-panel p{margin:0}.error-state button{border:1px solid var(--accent);min-height:40px;color:var(--accent);cursor:pointer;background:#fff;border-radius:5px;padding:0 20px}.error-state button:hover{color:#fff;background:var(--accent)}.vehicle-list{margin-top:22px}.vehicle-card{border-top:1px solid var(--line);padding:28px 0 54px}.vehicle-card+.vehicle-card{padding-top:54px}.vehicle-overview{grid-template-columns:minmax(320px,.9fr) minmax(420px,1.35fr);align-items:center;gap:clamp(42px,7vw,88px);min-height:360px;padding:42px 0 50px;display:grid}.vehicle-visual{background:linear-gradient(#fff 18%,#f8f9fa 100%);justify-content:center;align-items:center;height:290px;display:flex;overflow:hidden}.vehicle-image{object-fit:contain;width:100%;height:100%;animation:.32s both vehicle-enter}.vehicle-image-button{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0}.vehicle-image-placeholder{color:#9a9a9a;background:#f6f6f6;border-radius:16px;place-items:center;min-height:220px;display:grid}@keyframes vehicle-enter{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.vehicle-summary h2{color:#252b34;margin:0 0 18px;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:600}.price-line{color:#59616d;align-items:baseline;gap:12px;margin:0;font-size:1rem;display:flex}.price-line strong{color:var(--accent);font-size:clamp(1.9rem,4vw,2.6rem);font-weight:500}.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 36px;margin:36px 0 0;display:grid}.spec-grid div{grid-template-columns:76px 1fr;gap:10px;display:grid}.spec-grid dt{color:#9aa0a9}.spec-grid dd{color:#343a44;margin:0}.trim-section{padding-top:10px}.section-title{margin-bottom:24px}.section-title h3{margin:0}.trim-table{border-top:1px solid #dfe2e6}.empty-trims{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--text-secondary);text-align:center;padding:34px 20px}.trim-head,.trim-row{grid-template-columns:minmax(280px,1.7fr) minmax(160px,.8fr) minmax(120px,.65fr) 84px;align-items:center;gap:24px;display:grid}.trim-head{color:#8d949e;text-align:left;background:#f6f7f8;min-height:58px;padding:0 14px}.trim-head span:last-child{text-align:center}.trim-row{border-bottom:1px solid var(--line);text-align:left;min-height:76px;padding:12px 14px}.trim-row .trim-price{color:var(--accent)}.inquiry-button,.primary-button{border:1px solid var(--accent);color:#fff;background:var(--accent);cursor:pointer;transition:all .16s}.inquiry-button{border-radius:5px;min-height:40px}.inquiry-button:hover,.primary-button:hover{border-color:var(--accent-dark);background:var(--accent-dark)}.inquiry-button:focus-visible,.vehicle-image-button:focus-visible,.dialog-close:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible,.inquiry-form input:focus-visible{outline-offset:2px;outline:3px solid #f14b5238}.site-footer{color:#a0a6af;text-align:center;background:#f4f5f7;min-height:64px;padding:20px 24px;font-size:.875rem}.image-preview-dialog{background:#fff;border:0;border-radius:12px;width:min(1100px,100vw - 48px);max-width:none;padding:44px 24px 24px;box-shadow:0 24px 80px #0000003d}.image-preview-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#111827ad}.image-preview-dialog>img{object-fit:contain;width:100%;max-height:calc(100vh - 120px);display:block}.image-preview-dialog .dialog-close{top:10px;right:12px}.inquiry-dialog{background:#fff;border:0;border-radius:10px;width:min(430px,100vw - 32px);padding:0;box-shadow:0 24px 80px #00000038}.inquiry-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1118277a}.inquiry-form{padding:34px;position:relative}.inquiry-form h2{color:#202632;margin:0;padding-right:28px;font-size:1.4rem}.dialog-close{color:#7d8490;cursor:pointer;background:0 0;border:0;width:32px;height:32px;padding:0;font-size:1.75rem;line-height:1;position:absolute;top:18px;right:20px}.dialog-description{color:var(--text-secondary);margin:10px 0 28px;font-size:.875rem;line-height:1.6}.inquiry-form label{color:#383f49;margin-bottom:8px;font-size:.875rem;font-weight:600;display:block}.inquiry-form input{color:#202632;background:#fff;border:1px solid #d9dde2;border-radius:5px;width:100%;height:46px;padding:0 14px}.inquiry-form input[aria-invalid=true]{border-color:var(--accent)}.field-error{min-height:20px;color:var(--accent);margin:6px 0 16px;font-size:.75rem}.dialog-actions{justify-content:flex-end;gap:12px;display:flex}.primary-button,.secondary-button{border-radius:5px;min-width:92px;height:42px}.secondary-button{color:#545c68;cursor:pointer;background:#fff;border:1px solid #d9dde2}.secondary-button:hover{background:#f6f7f8}.notice{z-index:20;color:#267341;background:#f0fbf4;border:1px solid #b7e3c5;border-radius:6px;padding:13px 20px;font-size:.875rem;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 36px #12442624}.notice-enter-active,.notice-leave-active{transition:all .18s}.notice-enter-from,.notice-leave-to{opacity:0;transform:translate(-50%,-8px)}@media (width<=900px){.vehicle-browser{padding:34px 28px 28px}.vehicle-overview{grid-template-columns:1fr;gap:24px;padding-top:32px}.vehicle-visual{height:260px}.trim-head,.trim-row{grid-template-columns:minmax(240px,1.4fr) minmax(135px,.8fr) 100px 72px;gap:16px}}@media (width<=640px){.vehicle-page{padding:0}.vehicle-browser{min-height:calc(100vh - 64px);box-shadow:none;padding:28px 20px 36px}.page-heading{flex-direction:column;align-items:flex-start;gap:10px}.vehicle-overview{min-height:0;padding:26px 0 44px}.vehicle-visual{height:210px}.price-line{flex-direction:column;align-items:flex-start;gap:4px}.spec-grid{grid-template-columns:1fr;gap:14px;margin-top:28px}.trim-head{display:none}.trim-row{grid-template-columns:1fr auto;gap:12px 16px;padding:18px 0}.trim-name{grid-column:1/-1}.trim-row span{color:#646c77;font-size:.875rem}.trim-row span[data-label]:before{color:#a0a6af;content:attr(data-label) "：";margin-right:6px}.inquiry-button{grid-area:2/2/span 2;align-self:center;min-width:72px}.section-title{align-items:center}.inquiry-form{padding:30px 24px 24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}