/* ============================================================
   EZCARS 页面样式
   ============================================================ */

/* ---------- 通用页面头 ---------- */
.page-hero { background: linear-gradient(135deg,var(--navy-900),var(--navy-700)); padding: 56px 0 48px; color: #fff; }
.page-title { color: #fff; font-size: 34px; font-weight: 800; }
.page-sub { color: #a9bccf; margin-top: 8px; font-size: 16px; }

/* ---------- 首页 HERO ---------- */
.hero { position: relative; background: linear-gradient(140deg,var(--navy-900) 0%,var(--navy-800) 40%,#12395c 100%); color: #fff; padding: 70px 0 40px; overflow: hidden; }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(90px); opacity: .5; }
.hero-glow-1 { width: 420px; height: 420px; background: rgba(14,165,183,.4); top: -120px; right: -60px; }
.hero-glow-2 { width: 360px; height: 360px; background: rgba(255,122,26,.18); bottom: -100px; left: -80px; }
.hero-inner { position: relative; display: grid; grid-template-columns: 1.15fr .85fr; gap: 40px; align-items: center; }
.hero-eyebrow { display: inline-flex; align-items: center; gap: 8px; color: #7ee0d0; font-weight: 700; letter-spacing: 1px; background: rgba(14,165,183,.16); padding: 7px 14px; border-radius: 999px; font-size: 13px; margin-bottom: 20px; }
.hero-title { color: #fff; font-size: 46px; font-weight: 800; line-height: 1.2; letter-spacing: -1px; }
.hero-em { font-style: normal; color: transparent; background: linear-gradient(90deg,#38d9c6,#7ee0d0); -webkit-background-clip: text; background-clip: text; }
.hero-sub { color: #b9c8d8; font-size: 17px; margin: 20px 0 28px; max-width: 520px; }
.hero-cta { display: flex; gap: 14px; flex-wrap: wrap; }
.hero-trust { display: flex; gap: 22px; margin-top: 28px; flex-wrap: wrap; }
.trust-item { display: flex; align-items: center; gap: 7px; color: #d2dee9; font-size: 14px; }
.hero-right { display: flex; justify-content: center; }
.hero-car-float { position: relative; width: 100%; max-width: 430px; animation: float 5s ease-in-out infinite; }
.hero-car-float svg, .hero-car-float .car-photo { border-radius: 22px; box-shadow: var(--shadow-lg); }
  .hero-car-float .car-photo { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
.hero-car-tag { position: absolute; bottom: 18px; left: 18px; background: rgba(0,0,0,.55); backdrop-filter: blur(8px); padding: 10px 16px; border-radius: 12px; }
.hero-car-tag .hero-car-name { display: block; color: #fff; font-weight: 700; }
.hero-car-tag .hero-car-price { color: #ffd08a; font-weight: 800; font-size: 18px; }

/* 首页搜索 */
.hero-search { position: relative; z-index: 2; display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr auto; gap: 12px; background: #fff; padding: 16px; border-radius: 16px; margin-top: 40px; box-shadow: var(--shadow-lg); }
.hs-item { display: flex; align-items: center; gap: 8px; background: var(--bg); border-radius: 10px; padding: 0 14px; }
.hs-item input { border: none; background: none; width: 100%; height: 46px; outline: none; font-size: 14px; }
.hs-select { border: none; background: none; width: 100%; height: 46px; outline: none; font-size: 14px; color: var(--ink); cursor: pointer; }
.hs-btn { height: 46px; border-radius: 10px; }

/* 数据横条 */
.stats-band { position: relative; z-index: 1; }
.stats-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; padding: 20px 0; }
.stat { text-align: center; padding: 18px 10px; }
.stat-num { display: block; font-size: 34px; font-weight: 800; color: var(--ink); letter-spacing: -1px; }
.stat-label { color: var(--ink-mute); font-size: 14px; }

/* 特性卡 */
.grid-3 { grid-template-columns: repeat(3,1fr); }
.grid-4 { grid-template-columns: repeat(4,1fr); }
.feature-card { padding: 26px; text-align: left; }
.feature-icon { display: inline-flex; align-items: center; justify-content: center; width: 54px; height: 54px; border-radius: 14px; background: var(--prime-soft); color: var(--prime); margin-bottom: 16px; }
.feature-title { font-size: 18px; margin-bottom: 8px; }
.feature-desc { color: var(--ink-soft); font-size: 14px; line-height: 1.7; }

/* 车源横滚 */
.car-scroll { display: flex; gap: 20px; overflow-x: auto; padding-bottom: 16px; scroll-snap-type: x mandatory; }
.car-scroll::-webkit-scrollbar { height: 8px; }
.car-scroll-item { flex: 0 0 300px; scroll-snap-align: start; }

/* 市场 */
.market-wrap { display: grid; grid-template-columns: 1.2fr .8fr; gap: 48px; align-items: center; }
.market-list { margin-top: 26px; display: flex; flex-direction: column; gap: 14px; }
.market-row { display: grid; grid-template-columns: 40px 130px 1fr 50px; align-items: center; gap: 12px; }
.country-flag { width: 36px; height: 36px; border-radius: 50%; background: var(--navy-800); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 12px; }
.country-name { font-weight: 600; color: var(--ink); }
.country-bar { height: 10px; background: var(--bg-soft); border-radius: 999px; overflow: hidden; }
.country-bar i { display: block; height: 100%; background: linear-gradient(90deg,var(--prime),#4dd0e1); border-radius: 999px; }
.country-pct { color: var(--ink-soft); font-weight: 600; text-align: right; }
.market-card { padding: 28px; }
.market-card-head { display: flex; align-items: center; gap: 12px; color: var(--prime); margin-bottom: 18px; }
.market-card-head h3 { font-size: 20px; }
.mc-list { display: flex; flex-direction: column; gap: 12px; margin-bottom: 22px; }
.mc-list li { display: flex; align-items: center; gap: 8px; color: var(--ink-soft); }

/* 流程 */
.steps-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; }
.step-card { background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 28px; position: relative; overflow: hidden; transition: all .25s; }
.step-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); border-color: transparent; }
.step-num { font-size: 44px; font-weight: 800; color: var(--prime-soft); display: block; line-height: 1; }
.step-title { font-size: 19px; margin: 10px 0 8px; }
.step-desc { color: var(--ink-soft); font-size: 14px; }

/* 评价 */
.review-wrap { max-width: 820px; margin: 0 auto; text-align: center; }
.review-card { padding: 44px 40px; }
.review-quote { font-size: 20px; line-height: 1.7; color: var(--ink); font-weight: 500; }
.review-user { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 24px; }
.review-avatar { width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(135deg,var(--prime),#0f7ea8); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; }
.review-user strong { display: block; font-size: 16px; }
.review-user span { color: var(--ink-mute); font-size: 13px; }
.review-dots { display: flex; justify-content: center; gap: 8px; margin-top: 20px; }
.review-dots button { width: 10px; height: 10px; border-radius: 50%; background: #cdd6e0; border: none; transition: all .2s; }
.review-dots button.on { width: 26px; border-radius: 999px; background: var(--prime); }

/* 博客卡片 */
.post-card { overflow: hidden; }
.post-cover { height: 158px; display: flex; align-items: center; justify-content: center; color: #fff; }
.cover-policy { background: linear-gradient(135deg,#0e2a45,#0f7ea8); }
.cover-guide { background: linear-gradient(135deg,#b45309,#f59e0b); }
.cover-market { background: linear-gradient(135deg,#065f46,#10b981); }
.cover-announce { background: linear-gradient(135deg,#7c3aed,#a855f7); }
.cover-care { background: linear-gradient(135deg,#b91c1c,#f87171); }
.cover-fin { background: linear-gradient(135deg,#1f3a5a,#3b82f6); }
.post-body { padding: 18px 20px 20px; }
.post-title { font-size: 17px; margin: 10px 0 8px; line-height: 1.4; }
.post-title:hover { color: var(--prime); }
.post-excerpt { color: var(--ink-soft); font-size: 13px; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.post-meta { display: flex; gap: 16px; margin-top: 14px; color: var(--ink-mute); font-size: 12px; }
.post-meta span { display: inline-flex; align-items: center; gap: 4px; }

/* CTA 横幅 */
.cta-band { background: linear-gradient(135deg,var(--navy-800),#12395c); color: #fff; padding: 46px 0; }
.cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.cta-title { color: #fff; font-size: 28px; font-weight: 800; }
.cta-sub { color: #a9bccf; margin-top: 6px; }
.cta-actions { display: flex; gap: 14px; }

/* ---------- 车辆列表 ---------- */
.cars-layout { display: grid; grid-template-columns: 260px 1fr; gap: 28px; padding-top: 36px; padding-bottom: 70px; }
.filter-panel { background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 20px; height: fit-content; position: sticky; top: 82px; }
.fp-head { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 16px; color: var(--ink); margin-bottom: 18px; }
.fp-reset { margin-left: auto; background: none; border: none; color: var(--ink-mute); font-size: 13px; font-weight: 500; }
.fp-reset:hover { color: var(--accent); }
.fp-group { padding: 14px 0; border-top: 1px solid var(--bg-soft); }
.fp-group h4 { font-size: 13px; color: var(--ink-soft); margin-bottom: 10px; font-weight: 600; }
.fp-chips { display: flex; flex-wrap: wrap; gap: 7px; }
.fp-chips button { border: 1px solid var(--line); background: #fff; padding: 6px 12px; border-radius: 8px; font-size: 13px; color: var(--ink-soft); transition: all .15s; }
.fp-chips button:hover { border-color: var(--prime); color: var(--prime); }
.fp-chips button.on { background: var(--prime); border-color: var(--prime); color: #fff; }
/* 品牌筛选微章：车标 + 品牌名，随选中态继承颜色 */
.fp-chips .brand-chip { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; }
.brand-logo { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.brand-logo svg { width: 100%; height: 100%; display: block; }
.cars-main { min-width: 0; }
.toolbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; flex-wrap: wrap; gap: 12px; }
.result-count { color: var(--ink-soft); font-size: 15px; }
.result-count strong { color: var(--accent); font-size: 18px; }
.toolbar-right { display: flex; align-items: center; gap: 12px; }
.sort-select { border: 1px solid var(--line); border-radius: 10px; padding: 9px 12px; font-size: 14px; background: #fff; color: var(--ink); cursor: pointer; }
.view-toggle { display: flex; background: var(--bg-soft); border-radius: 10px; padding: 3px; }
.view-toggle button { border: none; background: none; padding: 7px 11px; border-radius: 8px; color: var(--ink-mute); display: flex; }
.view-toggle button.on { background: #fff; color: var(--prime); box-shadow: var(--shadow-sm); }
.cars-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.cars-grid.list { grid-template-columns: 1fr; gap: 16px; }
.empty { text-align: center; padding: 60px 20px; }
.empty h3 { color: var(--ink); margin-top: 16px; }
.empty p { color: var(--ink-mute); margin: 8px 0 20px; }
.pagination { display: flex; justify-content: center; gap: 8px; margin-top: 36px; }
.pagination button { width: 38px; height: 38px; border: 1px solid var(--line); background: #fff; border-radius: 10px; color: var(--ink-soft); display: flex; align-items: center; justify-content: center; font-weight: 600; transition: all .15s; }
.pagination button:hover:not(:disabled) { border-color: var(--prime); color: var(--prime); }
.pagination button.on { background: var(--prime); border-color: var(--prime); color: #fff; }
.pagination button:disabled { opacity: .4; cursor: not-allowed; }

/* ---------- 车辆详情 ---------- */
.breadcrumb { display: flex; align-items: center; gap: 8px; padding: 20px 0; color: var(--ink-mute); font-size: 14px; }
.breadcrumb a:hover { color: var(--prime); }
.breadcrumb .cur { color: var(--ink); font-weight: 600; }
.detail-top { display: grid; grid-template-columns: 1.05fr .95fr; gap: 36px; }
.detail-gallery { position: relative; }
.gallery-main { position: relative; border-radius: 18px; overflow: hidden; }
.gallery-main > svg, .gallery-main .car-vis svg { border-radius: 18px; }
.gallery-main .fav-btn { position: absolute; top: 14px; right: 14px; width: 42px; height: 42px; }
.gallery-thumbs { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin-top: 12px; }
.gallery-thumbs button { border: 2px solid transparent; border-radius: 10px; overflow: hidden; padding: 0; opacity: .7; transition: all .2s; cursor: pointer; }
.gallery-thumbs button.on { border-color: var(--prime); opacity: 1; }
.detail-info { padding: 8px 0; }
.di-badges { display: flex; flex-wrap: wrap; gap: 8px; }
.di-name { font-size: 30px; margin-top: 12px; }
.di-year { font-size: 16px; color: var(--ink-mute); font-weight: 600; margin-left: 6px; }
.di-rate { display: flex; align-items: center; gap: 14px; margin-top: 12px; }
.rate-stars { display: flex; gap: 2px; }
.rate-num { font-weight: 700; color: var(--accent); }
.rate-views, .rate-loc { display: inline-flex; align-items: center; gap: 4px; color: var(--ink-mute); font-size: 13px; }
.di-specs { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin: 22px 0; }
.spec { background: var(--bg); border-radius: 10px; padding: 12px; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.spec-l { color: var(--prime); }
.spec-v { font-size: 13px; font-weight: 600; color: var(--ink); }
.di-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.di-price { margin: 22px 0; padding: 20px; background: linear-gradient(135deg,var(--bg),#fff); border-radius: 14px; border: 1px solid var(--line); }
.di-price-label { display: block; font-size: 13px; color: var(--ink-mute); }
.di-price-main { font-size: 34px; font-weight: 800; color: var(--accent); }
.di-price-usd { font-size: 14px; color: var(--ink-mute); margin-left: 8px; }
.di-actions { display: flex; gap: 14px; }
.collect-menu { position: relative; }
.collect-btn { position: relative; }
.collect-pop { position: absolute; top: calc(100% + 8px); left: 0; z-index: 30; width: 240px; background: #fff; border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 18px 44px rgba(15,23,42,.2); padding: 8px; }
.collect-item { display: flex; align-items: center; gap: 10px; width: 100%; border: none; background: none; padding: 11px 12px; border-radius: 10px; font-size: 14px; color: var(--ink); cursor: pointer; text-align: left; transition: background .15s; }
.collect-item:hover { background: var(--bg-soft); }
.collect-done { font-style: normal; margin-left: auto; color: var(--accent); font-weight: 700; }
.collect-hint { padding: 10px 12px 6px; color: var(--ink-mute); font-size: 12px; line-height: 1.6; border-top: 1px solid var(--bg-soft); margin-top: 6px; }
.di-note { display: flex; align-items: center; gap: 6px; margin-top: 16px; color: var(--ink-soft); font-size: 14px; }
.detail-body { display: grid; grid-template-columns: 1fr 340px; gap: 30px; margin-top: 44px; }
.detail-content { display: flex; flex-direction: column; gap: 24px; }
.panel { background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 26px; }
.panel-title { display: flex; align-items: center; gap: 10px; font-size: 20px; margin-bottom: 20px; }
.panel-title .icon { color: var(--prime); }
.pay-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin-bottom: 22px; }
.pay-result { background: var(--bg); border-radius: 12px; padding: 16px; text-align: center; }
.pay-result span { display: block; color: var(--ink-mute); font-size: 13px; }
.pay-result strong { display: block; font-size: 22px; color: var(--accent); margin-top: 6px; }
.pay-controls { display: flex; flex-direction: column; gap: 12px; }
.pay-row { display: grid; grid-template-columns: 100px 1fr 70px; align-items: center; gap: 12px; }
.pay-row label { font-size: 13px; color: var(--ink-soft); font-weight: 600; }
.pay-row input[type=range] { width: 100%; accent-color: var(--prime); }
.pay-row b { text-align: right; font-size: 14px; color: var(--ink); }
.desc-text { color: var(--ink-soft); line-height: 1.9; font-size: 15px; }
.chip-grid { display: flex; flex-wrap: wrap; gap: 10px; }
.chip { display: inline-flex; align-items: center; gap: 6px; background: var(--bg); border-radius: 999px; padding: 8px 14px; font-size: 13px; color: var(--ink); }
.score-badge { margin-left: auto; background: var(--success); color: #fff; font-size: 13px; padding: 4px 12px; border-radius: 999px; font-weight: 600; }
.inspect-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.inspect-item { display: flex; align-items: center; gap: 8px; background: var(--bg); border-radius: 10px; padding: 12px 14px; font-size: 14px; }
.inspect-item span { color: var(--ink); flex: 1; }
.inspect-item em { font-style: normal; font-size: 12px; color: var(--success); font-weight: 600; }
.inspect-tip { color: var(--ink-mute); font-size: 13px; margin-top: 16px; }
.detail-aside { display: flex; flex-direction: column; gap: 16px; }
.aside-card { padding: 22px; }
.aside-card h4 { margin-bottom: 16px; font-size: 18px; }
.as-consult { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.as-avatar { width: 48px; height: 48px; border-radius: 12px; background: linear-gradient(135deg,var(--prime),#0f7ea8); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 700; }
.as-consult strong { display: block; font-size: 15px; }
.as-consult span { color: var(--ink-mute); font-size: 12px; }
.aside-tags { display: flex; gap: 8px; margin-top: 14px; }

/* ---------- 认证 ---------- */
.auth-page { display: flex; align-items: center; justify-content: center; padding: 70px 20px; min-height: 70vh; }
.auth-card { display: grid; grid-template-columns: 1fr 1.1fr; max-width: 900px; width: 100%; overflow: hidden; }
.auth-side { background: linear-gradient(135deg,var(--navy-900),var(--navy-700)); color: #fff; padding: 42px 36px; display: flex; flex-direction: column; justify-content: center; }
.auth-logo { font-size: 28px; font-weight: 800; color: #fff; margin-bottom: 22px; }
.auth-logo em { font-style: normal; color: var(--prime); }
.auth-side h2 { color: #fff; font-size: 26px; margin-bottom: 10px; }
.auth-side p { color: #a9bccf; }
.auth-points { display: flex; flex-direction: column; gap: 12px; margin-top: 24px; }
.auth-points span { display: flex; align-items: center; gap: 8px; color: #cfdbe7; font-size: 14px; }
.auth-form { padding: 42px 36px; }
.auth-form h3 { font-size: 24px; }
.auth-sub { color: var(--ink-mute); margin: 8px 0 24px; }
.link { color: var(--prime); font-weight: 600; }
.pwd-wrap { position: relative; }
.pwd-eye { position: absolute; right: 12px; top: 12px; background: none; border: none; }
.auth-alt { margin-top: 14px; }
.remember-row { display: flex; align-items: center; gap: 8px; margin: 14px 0 18px; font-size: 14px; color: var(--ink-soft); cursor: pointer; user-select: none; }
.remember-row input { width: 16px; height: 16px; accent-color: var(--prime); cursor: pointer; }

/* ---------- 账户中心 ---------- */
.account-layout { display: grid; grid-template-columns: 260px 1fr; gap: 28px; padding-top: 36px; padding-bottom: 70px; }
.account-side { background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 24px; height: fit-content; }
.account-user { display: flex; align-items: center; gap: 12px; padding-bottom: 18px; border-bottom: 1px solid var(--bg-soft); margin-bottom: 16px; }
.account-avatar { width: 52px; height: 52px; border-radius: 50%; background: linear-gradient(135deg,var(--prime),#0f7ea8); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 700; }
.account-user strong { display: block; font-size: 16px; }
.account-user span { color: var(--ink-mute); font-size: 13px; }
.account-tabs { display: flex; flex-direction: column; gap: 6px; margin-bottom: 18px; }
.account-tabs button { display: flex; align-items: center; gap: 10px; border: none; background: none; padding: 11px 14px; border-radius: 10px; color: var(--ink-soft); font-size: 15px; font-weight: 500; text-align: left; transition: all .15s; }
.account-tabs button:hover { background: var(--bg-soft); }
.account-tabs button.on { background: var(--prime-soft); color: var(--prime); font-weight: 700; }
.account-main { min-width: 0; }
.acc-panel { background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 26px; }
.acc-title { font-size: 20px; margin-bottom: 20px; display: flex; align-items: center; gap: 10px; }
.order-list, .inq-list { display: flex; flex-direction: column; gap: 14px; }
.order-card { display: grid; grid-template-columns: 120px 1fr auto auto; align-items: center; gap: 18px; padding: 16px; }
.order-car { cursor: pointer; border-radius: 8px; overflow: hidden; }
.order-info strong { display: block; font-size: 16px; }
.order-id { color: var(--ink-mute); font-size: 12px; }
.order-price { font-size: 18px; font-weight: 800; color: var(--accent); }
.order-actions { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.inq-card { padding: 18px; }
.inq-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.inq-top strong { font-size: 16px; }
.inq-msg { color: var(--ink-soft); font-size: 14px; }
.inq-meta { color: var(--ink-mute); font-size: 12px; margin-top: 10px; }
.wish-grid { display: flex; flex-direction: column; gap: 12px; }
.wish-row { display: flex; align-items: center; gap: 14px; padding: 12px; }
.wish-row strong { display: block; font-size: 16px; }
.wish-meta { color: var(--ink-mute); font-size: 13px; }
.wish-row em { margin-left: auto; font-style: normal; color: var(--accent); font-weight: 800; font-size: 18px; }
.type-toggle { display: flex; gap: 10px; }
.type-toggle button { flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px; border: 1px solid var(--line); background: #fff; padding: 11px; border-radius: 10px; color: var(--ink-soft); font-weight: 500; }
.type-toggle button.on { border-color: var(--prime); color: var(--prime); background: var(--prime-soft); font-weight: 700; }

/* ---------- 经销商 ---------- */
.dealer-hero { background: linear-gradient(135deg,var(--navy-900),var(--navy-700)); color: #fff; padding: 76px 0; }
.dealer-title { color: #fff; font-size: 42px; font-weight: 800; margin-top: 16px; }
.dealer-sub { color: #b9c8d8; font-size: 17px; max-width: 680px; margin: 18px 0 30px; }
.apply-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; }
.apply-info .sec-kicker { margin: 0 0 12px; }
.apply-list { display: flex; flex-direction: column; gap: 12px; margin-top: 24px; }
.apply-list li { display: flex; align-items: center; gap: 8px; color: var(--ink-soft); }
.apply-form { padding: 30px; }
.apply-success { text-align: center; padding: 30px 10px; }
.apply-success h3 { margin-top: 16px; font-size: 22px; }
.apply-success p { color: var(--ink-soft); margin-top: 8px; }

/* ---------- App 下载 ---------- */
.app-hero { background: linear-gradient(135deg,var(--navy-900),var(--navy-700)); color: #fff; overflow: hidden; }
.app-hero-inner { display: grid; grid-template-columns: 1.1fr .9fr; gap: 40px; align-items: center; padding: 70px 20px; }
.app-title { color: #fff; font-size: 44px; font-weight: 800; line-height: 1.2; }
.app-sub { color: #b9c8d8; margin: 20px 0 28px; max-width: 480px; }
.store-btns { display: flex; gap: 14px; }
.store-btn { display: flex; align-items: center; gap: 12px; background: #000; color: #fff; border-radius: 12px; padding: 12px 20px; border: 1px solid rgba(255,255,255,.15); }
.store-btn:hover { background: #111; }
.sb-txt { display: flex; flex-direction: column; line-height: 1.3; }
.sb-txt small { font-size: 10px; color: #cbd5e1; }
.sb-txt strong { font-size: 16px; }
.app-benefits { display: flex; gap: 20px; margin-top: 24px; flex-wrap: wrap; }
.app-benefits span { display: flex; align-items: center; gap: 6px; color: #cfe0ec; font-size: 14px; }
.app-right { display: flex; justify-content: center; }
.phone-mock { width: 250px; height: 520px; background: #0a0f18; border-radius: 36px; padding: 14px; box-shadow: var(--shadow-lg); position: relative; border: 6px solid #1a2028; animation: float 5s ease-in-out infinite; }
.phone-notch { width: 110px; height: 22px; background: #0a0f18; border-radius: 0 0 14px 14px; margin: 0 auto 12px; }
.phone-screen { background: var(--bg); border-radius: 22px; height: calc(100% - 34px); overflow: hidden; padding: 14px; }
.phone-app { display: flex; flex-direction: column; gap: 10px; }
.phone-logo { font-weight: 800; font-size: 18px; }
.phone-logo em { font-style: normal; color: var(--prime); }
.phone-line { display: block; background: #d7dee7; border-radius: 6px; }
.w1 { width: 70%; height: 10px; }
.w2 { width: 50%; height: 8px; }
.w3 { width: 40%; height: 8px; }
.phone-car { background: #fff; border-radius: 12px; padding: 8px; }
.pc-img { height: 70px; border-radius: 8px; background: linear-gradient(135deg,#12406b,#0f5570); margin-bottom: 8px; }
.pc-img2 { background: linear-gradient(135deg,#1B1D22,#3a3f47); }
.pc-name { display: block; font-size: 13px; font-weight: 700; }
.pc-price { color: var(--accent); font-weight: 800; font-size: 13px; }
.scan-wrap { display: flex; align-items: center; justify-content: center; gap: 56px; flex-wrap: wrap; text-align: center; }
.qr-box { text-align: center; }
.qr-grid { display: inline-grid; grid-template-columns: repeat(16,10px); grid-auto-rows: 10px; gap: 2px; padding: 14px; background: #fff; border-radius: 14px; box-shadow: var(--shadow); }
.qr-row { display: contents; }
.qr-row i { width: 10px; height: 10px; background: #fff; }
.qr-row i.on { background: var(--navy-900); }
.qr-hint { color: var(--ink-mute); font-size: 13px; margin-top: 12px; }

/* ---------- 关于 ---------- */
.about-hero { background: linear-gradient(135deg,var(--navy-900),var(--navy-700)); color: #fff; padding: 76px 0; }
.about-title { color: #fff; font-size: 44px; font-weight: 800; line-height: 1.2; margin-top: 16px; }
.about-sub { color: #b9c8d8; font-size: 17px; margin-top: 18px; max-width: 600px; }
.about-intro { display: grid; grid-template-columns: 1.1fr .9fr; gap: 48px; align-items: center; }
.intro-text h2 { font-size: 30px; margin-bottom: 16px; }
.intro-text p { color: var(--ink-soft); margin-bottom: 16px; line-height: 1.8; }
.intro-points { display: flex; flex-direction: column; gap: 10px; margin-top: 20px; }
.intro-points span { display: flex; align-items: center; gap: 8px; color: var(--ink); }
.intro-visual { background: linear-gradient(135deg,var(--navy-900),var(--navy-700)); padding: 34px; }
.iv-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.iv-stat { text-align: center; color: #fff; padding: 16px; }
.iv-stat strong { display: block; font-size: 30px; font-weight: 800; } 
.iv-stat span { color: #a9bccf; font-size: 13px; }
.milestone { display: flex; flex-direction: column; gap: 0; max-width: 640px; margin: 0 auto; }
.ms-item { display: grid; grid-template-columns: 80px 24px 1fr; align-items: center; gap: 8px; position: relative; padding: 16px 0; }
.ms-item::before { content: ''; position: absolute; left: 87px; top: 0; bottom: 0; width: 2px; background: var(--line); }
.ms-year { font-weight: 800; font-size: 18px; color: var(--prime); }
.ms-dot { width: 12px; height: 12px; border-radius: 50%; background: var(--prime); position: relative; z-index: 1; box-shadow: 0 0 0 4px var(--prime-soft); }
.ms-item p { color: var(--ink-soft); }

/* ---------- 联系 ---------- */
.contact-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 40px; }
.contact-form { padding: 34px; }
.contact-form h3 { font-size: 24px; margin-bottom: 22px; }
.contact-info h3 { font-size: 22px; margin-bottom: 20px; }
.ci-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 20px; }
.ci-card { padding: 18px; display: flex; gap: 12px; align-items: flex-start; }
.ci-icon { width: 42px; height: 42px; border-radius: 10px; background: var(--prime-soft); color: var(--prime); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.ci-card strong { display: block; font-size: 14px; }
.ci-card p { color: var(--ink-mute); font-size: 13px; margin-top: 2px; }
.ci-map { height: 160px; background: linear-gradient(135deg,#e8f4f5,#d8ecee); display: flex; align-items: center; justify-content: center; }
.ci-map-pin { display: flex; align-items: center; gap: 8px; font-weight: 700; color: var(--navy-700); }
.faq-list { display: flex; flex-direction: column; gap: 12px; max-width: 780px; margin: 0 auto; }
.faq-item { overflow: hidden; }
.faq-q { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 12px; background: none; border: none; padding: 20px 22px; text-align: left; font-size: 16px; font-weight: 600; color: var(--ink); }
.faq-a { padding: 0 22px 20px; color: var(--ink-soft); line-height: 1.8; }

/* ---------- 博客详情 ---------- */
.blog-cats { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 30px; }
.blog-cats button { border: 1px solid var(--line); background: #fff; padding: 8px 18px; border-radius: 999px; font-size: 14px; color: var(--ink-soft); }
.blog-cats button.on { background: var(--prime); border-color: var(--prime); color: #fff; }
.blog-d-hero { background: linear-gradient(135deg,var(--navy-900),var(--navy-700)); color: #fff; padding: 60px 0; }
.blog-d-cat { margin-bottom: 14px; }
.blog-d-title { color: #fff; font-size: 36px; font-weight: 800; max-width: 820px; line-height: 1.3; }
.blog-d-meta { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 20px; color: #a9bccf; font-size: 14px; }
.blog-d-meta span { display: inline-flex; align-items: center; gap: 5px; }
.blog-d-body { display: grid; grid-template-columns: 1fr 300px; gap: 40px; }
.post-body-wrap { background: #fff; border-radius: 16px; padding: 40px; }
.post-para { color: var(--ink-soft); line-height: 2; font-size: 16px; margin-bottom: 20px; }
.blog-d-side h4 { font-size: 18px; margin-bottom: 16px; }
.side-post { display: flex; align-items: center; gap: 12px; padding: 12px; margin-bottom: 12px; }
.sp-cover { width: 64px; height: 48px; border-radius: 8px; flex-shrink: 0; }
.sp-meta { display: block; color: var(--ink-mute); font-size: 12px; margin-top: 4px; }

/* ---------- 收藏页 ---------- */
.wish-item { position: relative; }
.wish-remove { position: absolute; top: 10px; bottom: 10px; right: -6px; display: none; align-items: center; gap: 4px; background: var(--danger); color: #fff; border: none; padding: 8px 14px; border-radius: 10px; font-size: 13px; z-index: 5; cursor: pointer; }
.wish-item:hover .wish-remove { display: inline-flex; }
.wish-item .fav-btn { top: 10px; right: 10px; }
.wish-item .status-pill { right: 10px; }

/* ---------- 响应式 ---------- */
@media (max-width: 1080px) {
  .cars-grid { grid-template-columns: repeat(2,1fr); }
  .cars-layout { grid-template-columns: 220px 1fr; }
}
@media (max-width: 900px) {
  .hero-inner, .detail-top, .detail-body, .market-wrap, .about-intro, .contact-grid, .apply-wrap, .app-hero-inner { grid-template-columns: 1fr; }
  .account-layout { grid-template-columns: 1fr; }
  .grid-3, .grid-4, .steps-grid { grid-template-columns: repeat(2,1fr); }
  .hero-right { order: -1; }
  .hero-title, .app-title, .about-title, .dealer-title { font-size: 34px; }
  .auth-card { grid-template-columns: 1fr; }
  .auth-side { display: none; }
  .hero-search { grid-template-columns: 1fr 1fr; transform: none; }
  .blog-d-body { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .cars-grid, .grid-3, .grid-4, .steps-grid, .ci-grid { grid-template-columns: 1fr; }
  .cars-layout { grid-template-columns: 1fr; }
  .filter-panel { position: static; }
  .di-specs, .pay-grid, .inspect-grid { grid-template-columns: repeat(2,1fr); }
  .order-card { grid-template-columns: 90px 1fr; }
  .order-price, .order-actions { grid-column: 1 / -1; }
  .stats-grid { grid-template-columns: repeat(2,1fr); }
  .hero-search { grid-template-columns: 1fr; }
}

/* ---------- 全平台自适应 增强 ---------- */
@media (max-width: 768px) {
  .page-hero { padding: 38px 0 30px; }
  .page-title { font-size: 26px; }
  .page-sub { font-size: 15px; }
  .hero { padding: 40px 0 0; }
  .hero-title, .app-title, .about-title, .dealer-title { font-size: 30px; }
  .hero-sub { font-size: 15px; }
  .stats-grid { grid-template-columns: repeat(2,1fr); gap: 12px; }
  .stat-num { font-size: 26px; }
  .car-scroll-item { flex-basis: 250px; }
  .review-card { padding: 28px 22px; }
  .contact-form, .auth-form, .post-body-wrap, .apply-form, .acc-panel { padding: 24px 20px; }
  .blog-d-title { font-size: 28px; }
  .ci-map { height: 130px; }
}
@media (max-width: 640px) {
  .detail-top { gap: 22px; }
  .di-name { font-size: 24px; }
  .di-price-main { font-size: 28px; }
  .market-row { grid-template-columns: 32px 1fr 44px; gap: 8px; }
  .country-name { font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .country-flag { width: 30px; height: 30px; font-size: 11px; }
  .store-btns { flex-direction: column; width: 100%; }
  .store-btn { justify-content: flex-start; }
  .cta-inner { flex-direction: column; align-items: flex-start; }
  .blog-d-hero, .dealer-hero, .about-hero { padding: 44px 0; }
  .ms-item { grid-template-columns: 64px 20px 1fr; gap: 6px; }
  .ms-item::before { left: 70px; }
  .di-actions { flex-direction: column; }
  .di-actions .btn { width: 100%; }
  .pay-row { grid-template-columns: 86px 1fr 56px; }
  .intro-visual { padding: 24px; }
}
@media (max-width: 480px) {
  .stats-grid { grid-template-columns: 1fr; }
  .grid-3, .grid-4, .steps-grid { grid-template-columns: 1fr; }
  .di-specs, .pay-grid, .inspect-grid { grid-template-columns: repeat(2,1fr); }
  .gallery-thumbs { grid-template-columns: repeat(3,1fr); }
  .ci-grid { gap: 10px; }
  .hero-car-float { max-width: 100%; }
  .hero-search { padding: 12px; gap: 8px; }
  .hs-item, .hs-select { height: 42px; }
  .hs-btn { height: 42px; width: 100%; }
  .blog-d-meta { gap: 12px; }
  .post-cover { height: 130px; }
  .faq-q { font-size: 15px; }
}

/* ============ 联系我们 · 富文本编辑器 ============ */
.rich-editor{min-height:120px;max-height:320px;overflow-y:auto;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;line-height:1.7;font-size:14px;outline:none;transition:border-color .2s}
.rich-editor:focus{border-color:#2563eb}
.rich-editor:empty::before{content:attr(data-placeholder);color:#9ca3af;pointer-events:none}
.rich-editor h3{font-size:16px;margin:8px 0 4px;font-weight:600}
.rich-editor ul,.rich-editor ol{margin:6px 0;padding-left:22px}
.rich-editor a{color:#2563eb;text-decoration:underline}
.rich-toolbar{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.rt-btn{min-width:30px;height:30px;padding:0 8px;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc;cursor:pointer;font-size:13px;line-height:1;color:#334155}
.rt-btn:hover{background:#eef2ff;border-color:#c7d2fe}
.rt-btn small{font-size:9px;color:#94a3b8;margin-left:1px}

/* ============ 联系我们 · 附件上传 ============ */
.uploader{display:flex;align-items:center;gap:8px;padding:12px;border:1px dashed #cbd5e1;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;background:#f8fafc;transition:border-color .2s,background .2s}
.uploader:hover{border-color:#94a3b8;background:#f1f5f9}
.uploader-plus{font-size:18px;font-weight:700;color:#2563eb;line-height:1}
.file-list{margin-top:10px;display:flex;flex-direction:column;gap:6px}
.file-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:13px}
.file-thumb{width:34px;height:34px;border-radius:4px;object-fit:cover;flex-shrink:0}
.file-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#334155}
.file-size{color:#94a3b8;font-size:12px;white-space:nowrap}
.file-del{border:none;background:none;color:#ef4444;cursor:pointer;font-size:16px;line-height:1;padding:0 2px}
.file-del:hover{color:#b91c1c}

/* ============ 登录/注册 · 社交登录 ============ */
.auth-divider{display:flex;align-items:center;gap:12px;margin:14px 0;color:var(--ink-mute,#94a3b8);font-size:12px}
.auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:#e2e8f0}
.social-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}
.social-ic{font-size:16px;line-height:1}
.social-empty{text-align:center;color:var(--ink-mute,#94a3b8);font-size:12px;padding:4px 0}

/* ============ 社交分享 ============ */
.hero-share{position:absolute;top:26px;right:32px;z-index:6;display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.share-glass{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:14px;font-weight:600;cursor:pointer;backdrop-filter:blur(8px);transition:background .2s,border-color .2s}
.share-glass:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.5)}
.favsite{position:relative}
.favsite-pop{position:absolute;top:calc(100% + 10px);right:0;z-index:30;width:230px;background:#fff;border-radius:14px;box-shadow:0 18px 44px rgba(15,23,42,.22);padding:16px;color:var(--ink,#0f172a)}
.favsite-close{position:absolute;top:8px;right:8px;border:none;background:none;color:var(--ink-mute,#8b97a5);cursor:pointer;padding:4px;border-radius:8px}
.favsite-close:hover{color:#0f172a;background:#f1f5f9}
.favsite-tip{font-size:13px;color:var(--ink-mute,#64748b);line-height:1.6;margin-bottom:12px;padding-right:24px}
.favsite-tip strong{color:var(--ink,#0f172a);font-size:14px}
.favsite-tip b{color:var(--ink,#0f172a)}
.gallery-share{position:absolute;top:14px;right:64px;z-index:3}
.share-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:none;border-radius:50%;background:rgba(255,255,255,.2);color:#fff;cursor:pointer;backdrop-filter:blur(6px);transition:background .2s,transform .2s}
.share-icon-btn:hover{background:rgba(255,255,255,.4);transform:scale(1.06)}
.share-mask{position:fixed;inset:0;z-index:2000;background:rgba(15,23,42,.5);display:flex;align-items:center;justify-content:center;padding:20px}
.share-pop{width:min(520px,92vw);background:#fff;border-radius:16px;box-shadow:0 24px 60px rgba(15,23,42,.3);padding:20px 22px 22px;max-height:88vh;overflow:auto}
.share-pop-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:16px}
.share-close{border:none;background:none;color:var(--ink-mute,#8b97a5);cursor:pointer;padding:4px;border-radius:8px}
.share-close:hover{color:#0f172a;background:#f1f5f9}
.share-plats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.share-plat{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 4px;border:none;background:none;cursor:pointer;border-radius:12px;transition:background .2s}
.share-plat:hover{background:#f1f5f9}
.share-plat-ic{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;color:#fff;font-size:17px;font-weight:700;line-height:1}
.share-plat-name{font-size:12px;color:#334155;white-space:nowrap}
.cfd-mask{position:fixed;inset:0;z-index:2200;background:rgba(15,23,42,.5);display:flex;align-items:center;justify-content:center;padding:20px}
.cfd-box{width:min(400px,92vw);background:#fff;border-radius:16px;box-shadow:0 24px 60px rgba(15,23,42,.3);padding:28px 26px 24px;text-align:center}
.cfd-ic{width:52px;height:52px;margin:0 auto 14px;border-radius:50%;background:var(--prime-soft);color:var(--prime);display:flex;align-items:center;justify-content:center}
.cfd-box h4{font-size:19px;margin-bottom:10px}
.cfd-text{font-size:15px;color:var(--ink);font-weight:600;margin-bottom:8px}
.cfd-sub{font-size:13px;color:var(--ink-mute);line-height:1.7;margin-bottom:20px}
.cfd-actions{display:flex;gap:12px;justify-content:center}
.cfd-actions .btn{min-width:128px}
.share-qr{display:flex;justify-content:center;margin-top:18px;padding-top:18px;border-top:1px solid #eef2f7}
.share-qr-box{display:flex;flex-direction:column;align-items:center;gap:10px}
.share-qr-box img{width:190px;height:190px;border-radius:10px;border:1px solid #eef2f7;padding:6px;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.06)}
.share-qr-tip{font-size:12px;color:#64748b;line-height:1.5}
.share-url{display:flex;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid #eef2f7}
.share-url .input{flex:1;font-size:12px;color:#64748b}
@media (max-width:640px){
  .hero-share{top:16px;right:16px}
  .share-plat-name{font-size:11px}
  .share-qr-box img{width:160px;height:160px}
  .favsite-pop{right:auto;left:0}
}

/* ---------- 我们是谁 ---------- */
.about-us-text{
  max-width:860px;margin:0 auto;font-size:16.5px;color:#475569;line-height:1.95;text-align:center;
  white-space:pre-line;
}
.about-intro .about-us-text{text-align:left;max-width:none}
@media (max-width:640px){ .about-us-text{font-size:15px;line-height:1.85} }
.ms-wrap{margin-top:28px}
.ms-title{font-size:19px;font-weight:800;color:var(--txt);text-align:center;margin:0 0 8px}
.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;max-width:900px;margin:0 auto}

/* 图片放大镜灯箱 */
.zv-mask{position:fixed;inset:0;z-index:3000;background:rgba(10,16,28,.92);display:flex;align-items:center;justify-content:center}
.zv-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;user-select:none;cursor:zoom-in}
.zv-img-wrap{max-width:92vw;max-height:92vh;transition:transform .18s ease;will-change:transform;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.zv-img-wrap .car-photo{max-width:92vw;max-height:92vh;object-fit:contain;display:block}
.zv-img-wrap .car-visual{max-width:92vw;max-height:92vh;display:block}
.zv-close{position:fixed;top:20px;right:24px;z-index:3001;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;cursor:pointer}
.zv-close:hover{background:rgba(255,255,255,.24)}
.zv-tip{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:3001;color:#cfe;font-size:13px;background:rgba(0,0,0,.4);padding:7px 16px;border-radius:999px;white-space:nowrap}

/* 手持放大镜：整图固定 + 跟随鼠标的放大镜镜片 */
.zv-stage{cursor:zoom-in}
.zv-img{max-width:90vw;max-height:86vh;object-fit:contain;display:block;cursor:zoom-in;border-radius:10px}

/* 放大镜：圆镜片（.zv-glass）+ 手柄（.zv-lens::after） */
.zv-stage{cursor:zoom-in}
.zv-img{max-width:90vw;max-height:86vh;object-fit:contain;display:block;cursor:zoom-in;border-radius:10px}
.zv-lens{position:absolute;pointer-events:none;z-index:6;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45));overflow:visible}
/* 古铜手柄：向右倾斜 + 高光 + 圆头 */
.zv-lens::after{content:'';position:absolute;z-index:1;left:calc(50% + 7px);top:calc(100% - 8px);width:16px;height:64px;margin:0;transform-origin:top center;transform:rotate(58deg);background:linear-gradient(90deg,#5a3313,#a2622a 30%,#e8bd78 48%,#a2622a 66%,#6b431c);border-radius:4px 4px 13px 13px;box-shadow:inset 0 0 0 1px rgba(255,240,200,.35),0 3px 8px rgba(0,0,0,.4)}
/* 手柄与镜片连接处的金属箍 */
.zv-lens::before{content:'';position:absolute;z-index:2;left:calc(50% + 2px);top:calc(100% - 12px);width:30px;height:12px;margin:0;transform:rotate(58deg);background:linear-gradient(180deg,#e8bd78,#8a5a2b);border-radius:5px;box-shadow:0 2px 6px rgba(0,0,0,.35)}
/* 古典铜色镜片 + 玻璃高光 */
.zv-glass{width:100%;height:100%;border-radius:50%;overflow:hidden;border:4px solid #d8a648;position:relative;background-repeat:no-repeat;box-shadow:inset 0 0 28px rgba(130,190,230,.35),0 0 0 3px rgba(122,74,28,.35),0 8px 22px rgba(0,0,0,.4)}
.zv-glass::after{content:'';position:absolute;inset:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.35),rgba(255,255,255,0) 45%)}

.hero-car-usd{font-style:normal;font-size:.62em;opacity:.9;margin-left:2px;white-space:nowrap}

/* 实时汇率参考行：本地货币 → 美元$ → 人民币￥ */
.di-fx{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px;padding-top:10px;border-top:1px dashed var(--border);font-size:13px;color:var(--ink-mute)}
.fx-c em{font-style:normal;font-weight:700;color:var(--ink)}