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

/* ---------- 通用页面头 ---------- */
.page-hero { background: var(--ink-800); padding: 32px 0 24px; color: #fff; }
.page-title { color: #fff; font-size: clamp(26px, 3.4vw, var(--fs-h2)); line-height: 1.23; font-weight: 700; }
.page-sub { color: var(--dark-muted); margin-top: 8px; font-size: 16px; }

/* ---------- 首页 HERO ---------- */
.hero { position: relative; background: var(--ink-800); color: #fff; padding: 48px 0 32px; overflow: hidden; }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(90px); opacity: .5; }
.hero-glow-1 { width: 420px; height: 420px; background: rgba(61,229,148,.18); top: -120px; right: -60px; }
.hero-glow-2 { width: 360px; height: 360px; background: rgba(224,169,63,.10); bottom: -100px; left: -80px; }
.hero-inner { position: relative; display: grid; grid-template-columns: 1.15fr .85fr; gap: 32px; align-items: center; }
.hero-eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--mint-300); font-weight: 700; letter-spacing: .02em; background: rgba(61,229,148,.14); padding: 7px 14px; border-radius: var(--radius-pill); font-size: 13px; margin-bottom: 14px; }
.hero-title { font-family: var(--font-display); color: #fff; font-size: clamp(32px, 5vw, var(--fs-h1)); font-weight: 800; line-height: 1.15; letter-spacing: -.02em; }
.hero-em { font-style: normal; color: transparent; background: linear-gradient(90deg,var(--mint-400),var(--mint-200)); -webkit-background-clip: text; background-clip: text; }
.hero-sub { color: var(--dark-muted); font-size: var(--fs-body-l); line-height: 1.7; margin: 16px 0 22px; max-width: 520px; }
.hero-cta { display: flex; gap: 14px; flex-wrap: wrap; }
.hero-trust { display: flex; gap: 22px; margin-top: 22px; flex-wrap: wrap; }
.trust-item { display: flex; align-items: center; gap: 7px; color: var(--dark-muted); 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: var(--mint-300); 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: 14px; border-radius: var(--radius); margin-top: 28px; 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; }
/* Hero 右上角：搜索卡（替代原精选车图片） */
.hero-right .hero-search-wrap { margin-top: 0; width: 100%; }
.hero-right .hero-search { grid-template-columns: 1fr; }

/* 数据横条 */
.stats-band { position: relative; z-index: 1; }
/* 6 项：品牌 / 车型 / 在售 / 待出库 / 合规检测中 / 出口国家 */
.stats-grid { display: grid; grid-template-columns: repeat(6,1fr); gap: 16px; padding: 8px 0; }
.stat { text-align: center; padding: 12px 10px; }
.stat-num { display: block; font-family: var(--font-display); font-size: 34px; font-weight: 800; color: var(--ink); letter-spacing: -.02em; }
.stat-label { color: var(--ink-mute); font-size: 14px; }

/* App 下载条（鸿蒙版） */
.app-band { background: linear-gradient(135deg,var(--ink-900),var(--ink-800)); color: #fff; padding: 18px 0; }
.app-band-inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.app-band-id { display: flex; align-items: center; gap: 14px; min-width: 0; }
.app-band-icon { width: 56px; height: 56px; border-radius: 14px; flex: none; box-shadow: 0 6px 18px rgba(0,0,0,.35); }
.app-band-txt { min-width: 0; }
.app-band-kicker { display: block; color: var(--mint-300); font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.app-band-title { font-size: 18px; font-weight: 700; color: #fff; margin-top: 3px; }
.app-band-sub { color: var(--dark-muted); font-size: 13px; line-height: 1.6; margin-top: 3px; max-width: 640px; }
.app-band-acts { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.app-band-btns { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.app-band-how { display: inline-flex; align-items: center; gap: 6px; color: var(--dark-muted); font-size: 14px; font-weight: 600; }
.app-band-how:hover { color: var(--mint-300); }
.app-band-meta { color: rgba(184,211,198,.78); font-size: 12px; }

/* 特性卡 */
/* 特性卡按最小卡宽自动增列，大屏不再把三张卡拉成巨大白块 */
.grid-3 { grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr)); }
.grid-4 { grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)); }
.feature-card { padding: 20px; text-align: left; }
.feature-icon { display: inline-flex; align-items: center; justify-content: center; width: 54px; height: 54px; border-radius: var(--radius); background: var(--prime-soft); color: var(--prime); margin-bottom: 12px; }
.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: 16px; 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: 36px; align-items: center; }
.market-list { margin-top: 20px; 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: var(--radius-pill); overflow: hidden; }
.country-bar i { display: block; height: 100%; background: linear-gradient(90deg,var(--mint-600),var(--mint-300)); border-radius: var(--radius-pill); }
.country-pct { color: var(--ink-soft); font-weight: 600; text-align: right; }
.market-card { padding: 22px; }
.market-card-head { display: flex; align-items: center; gap: 12px; color: var(--prime); margin-bottom: 14px; }
.market-card-head h3 { font-size: 20px; }
.mc-list { display: flex; flex-direction: column; gap: 12px; margin-bottom: 16px; }
.mc-list li { display: flex; align-items: center; gap: 8px; color: var(--ink-soft); }

/* 流程 */
.steps-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 16px; }
.step-card { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 22px; position: relative; overflow: hidden; transition: all .25s; }
.step-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); border-color: transparent; }
.step-num { font-family: var(--font-display); font-size: 44px; font-weight: 800; color: var(--mint-600); 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: 34px 30px; }
.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: 18px; }
.review-avatar { width: 48px; height: 48px; border-radius: 50%; background: var(--ink-800); 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: 14px; }
.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: var(--radius-pill); 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,var(--ink-800),var(--ink-600)); }
.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,var(--ink-600),var(--mint-700)); }
.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: var(--ink-800); color: #fff; padding: 30px 0; }
/* 子项必须限宽：列方向 flex 下 align-items:center/flex-start 时子项按 max-content 取宽，
   英文/法文/葡文/俄文的长句会把整页撑出横向滚动（中文可逐字断行所以看不出来） */
.cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.cta-inner > * { min-width: 0; max-width: 100%; }
.cta-title { color: #fff; font-size: 28px; font-weight: 700; overflow-wrap: anywhere; }
.cta-sub { color: var(--dark-muted); margin-top: 6px; overflow-wrap: anywhere; }
.cta-actions { display: flex; gap: 14px; flex-wrap: wrap; }

/* 多语言客服信任条 */
.langs-band { background: linear-gradient(135deg, var(--ink-900), var(--ink-800)); color: #fff; padding: 22px 0; }
.langs-inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.langs-head { display: flex; align-items: center; gap: 14px; }
.langs-ic { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: rgba(255,255,255,.08); color: var(--mint-300); flex-shrink: 0; }
.langs-title { font-size: 18px; font-weight: 700; }
.langs-sub { color: var(--dark-muted); margin-top: 4px; font-size: 13px; max-width: 640px; }
.langs-list { display: flex; flex-wrap: wrap; gap: 8px; }
.lang-pill { padding: 6px 12px; border-radius: 999px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); font-size: 13px; color: #fff; }

/* ---------- 车辆列表 ---------- */
/* 筛选区已从左侧栏改为列表上方的卡片式分步筛选，故容器为单列 */
/* 列表页容器放宽：车图是这一页的主体，1200px 下三列每张图只有 371px 宽，观感偏小 */
/* 宽度交给 var(--maxw-wide)：随视口增长（1080p 约 1730px，4K 封顶 2680px） */
.cars-page .container { max-width: var(--maxw-wide); }
/* 列表页容器更宽，顶栏/页脚跟随同宽，大屏下左右边缘不错位 */
body:has(.cars-page) .nav-inner.container,
body:has(.cars-page) .site-footer .container { max-width: var(--maxw-wide); }
/* 页头收矮：把首屏空间让给车源卡片 */
.cars-page .page-hero { padding: 16px 0 14px; }
.cars-page .page-title { font-size: clamp(21px, 2.4vw, 26px); }
.cars-page .page-sub { font-size: 14px; margin-top: 4px; }
.cars-layout { display: grid; grid-template-columns: 1fr; padding-top: 18px; padding-bottom: 56px; }
.brand-logo { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.brand-logo svg { width: 100%; height: 100%; display: block; }
/* ---------- 卡片式分步筛选（列表上方：品牌 → 车系 → 年限 → 价格/里程 → 更多） ---------- */
.fc { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 14px 18px 2px; margin-bottom: 18px; box-shadow: var(--shadow-sm); }
.fc-head { display: flex; align-items: center; gap: 8px; color: var(--ink); font-size: 15px; }
.fc-head strong { font-weight: 700; }
.fc-sub { font-size: 12px; color: var(--ink-mute); }
.fc-reset { margin-left: auto; background: none; border: none; color: var(--ink-mute); font-size: 13px; font-weight: 500; cursor: pointer; }
.fc-reset:hover { color: var(--accent); }
/* 已选条件汇总条 */
.fc-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 10px; padding: 8px 12px; background: var(--bg-soft); border-radius: var(--radius-sm); }
.fc-bar-l { font-size: 12px; color: var(--ink-mute); }
.fc-chip { display: inline-flex; align-items: center; gap: 4px; background: #fff; border: 1px solid var(--mint-500); color: var(--ink-950); border-radius: var(--radius-pill); padding: 4px 10px; font-size: 12px; cursor: pointer; transition: all .15s; }
.fc-chip:hover { background: var(--mint-50); }
.fc-bar-clear { margin-left: auto; background: none; border: none; color: var(--accent); font-size: 12px; cursor: pointer; }
/* 步骤条：同一时刻只展开一步，面板只占一行选项的高度，首屏留给车辆照片 */
.fc-tabs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 8px; padding-top: 10px; border-top: 1px solid var(--bg-soft); }
.fc-tab { display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 5px 12px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius-pill); color: var(--ink-soft); font-size: 13px; cursor: pointer; transition: all .15s; }
.fc-tab:hover { border-color: var(--prime); color: var(--prime); }
.fc-tab.on { border-color: var(--mint-500); background: var(--mint-50); color: var(--ink-950); font-weight: 600; box-shadow: inset 0 0 0 1px var(--mint-500); }
.fc-tab.done .fc-no { background: var(--mint-500); color: var(--ink-950); }
.fc-tab-l { white-space: nowrap; }
.fc-tab-v { max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--prime); font-weight: 600; }
.fc-tab-c { color: var(--ink-mute); flex-shrink: 0; }
.fc-tab.on .fc-tab-c { color: var(--prime); }
.fc-no { width: 20px; height: 20px; border-radius: 50%; background: var(--bg-soft); color: var(--ink-soft); font-size: 11px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.fc-nav { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; }
.fc-nav-i { font-size: 12px; color: var(--ink-mute); font-variant-numeric: tabular-nums; }
.fc-nav-btn { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border: 1px solid var(--line); border-radius: 50%; background: #fff; color: var(--ink-soft); cursor: pointer; transition: all .15s; }
.fc-nav-btn:hover:not(:disabled) { border-color: var(--prime); color: var(--prime); }
.fc-nav-btn:disabled { opacity: .35; cursor: default; }
.fc-pane { padding: 12px 0 8px; }
.fc-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(128px, 1fr)); gap: 8px; }
.fc-cards.sm { grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); }
.fc-card { display: flex; align-items: center; gap: 6px; min-height: 34px; padding: 5px 10px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius-sm); color: var(--ink-soft); font-size: 13px; cursor: pointer; transition: all .15s; }
.fc-card:hover { border-color: var(--prime); color: var(--prime); }
.fc-card .fc-name { flex: 1; min-width: 0; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fc-card .fc-n { font-size: 11px; color: var(--ink-mute); font-variant-numeric: tabular-nums; }
.fc-card.on { border-color: var(--mint-500); background: var(--mint-50); color: var(--ink-950); box-shadow: inset 0 0 0 1px var(--mint-500); font-weight: 600; }
.fc-cards.sm .fc-card { justify-content: center; padding: 6px 8px; }
.fc-cards.sm .fc-card .fc-name { flex: none; text-align: center; }
/* 价格/里程两行：左标签 + 右卡片 */
.fc-row { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 6px; }
.fc-row-l { flex: 0 0 84px; padding-top: 7px; font-size: 12px; color: var(--ink-mute); }
.fc-row .fc-cards { flex: 1; min-width: 0; }
.fc-hint { font-size: 13px; color: var(--ink-mute); padding: 2px 0 4px; }
.fc-more-row { display: flex; align-items: center; gap: 10px; margin-top: 8px; }
.fc-search { max-width: 220px; padding: 7px 12px; font-size: 13px; }
.fc-more { display: inline-flex; align-items: center; gap: 4px; background: none; border: 1px dashed var(--line); border-radius: var(--radius-pill); padding: 5px 12px; color: var(--ink-soft); font-size: 12px; cursor: pointer; }
.fc-more:hover { border-color: var(--prime); color: var(--prime); }
/* 第 5 步展开后的三行条件 */
.fc-more-body { padding-top: 2px; }
.fc-more-body .fc-row:last-child { margin-bottom: 2px; }
.cars-main { min-width: 0; }
.toolbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; flex-wrap: wrap; gap: 12px; }
.result-count { color: var(--ink-soft); font-size: 15px; }
.result-count strong { color: var(--ink); 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(auto-fill, minmax(min(320px, 100%), 1fr)); gap: 14px; }
/* 列表页卡片：按 340px 起自动排列，1360 容器下为 3 列（每列约 425px，车图 425×319） */
.cars-page .cars-grid { grid-template-columns: repeat(auto-fill, minmax(min(340px, 100%), 1fr)); gap: 14px; }
.cars-grid.list { grid-template-columns: 1fr; gap: 14px; }
/* 列表加载占位：骨架卡撑住版式，翻页/换筛选时旧卡片半透明 */
.car-skeleton { border: 1px solid var(--line); border-radius: 14px; background: #fff; overflow: hidden; }
.car-skeleton .sk-img { height: 0; padding-top: 75%; background: linear-gradient(100deg,#eef1f4 30%,#f8fafc 50%,#eef1f4 70%); background-size: 220% 100%; animation: ezsk 1.2s ease-in-out infinite; }
.car-skeleton .sk-line { height: 12px; margin: 14px 16px 0; border-radius: 6px; background: #eef1f4; }
.car-skeleton .sk-line.short { width: 45%; margin-bottom: 18px; }
.cars-grid.is-loading { opacity: .45; pointer-events: none; }
@keyframes ezsk { from { background-position: 120% 0; } to { background-position: -120% 0; } }
/* 首页 Live Inventory：一行四部车 */
.cars-grid.cars-grid-4 { grid-template-columns: repeat(4,1fr); }
@media (max-width: 1200px) { .cars-grid.cars-grid-4 { grid-template-columns: repeat(3,1fr); } }
@media (max-width: 900px) { .cars-grid.cars-grid-4 { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 560px) { .cars-grid.cars-grid-4 { grid-template-columns: 1fr; } }
.empty { text-align: center; padding: 44px 20px; }
.empty h3 { color: var(--ink); margin-top: 16px; }
.empty p { color: var(--ink-mute); margin: 8px 0 20px; }
.loading-spin { display: inline-block; width: 34px; height: 34px; border: 3px solid var(--line); border-top-color: var(--prime); border-radius: 50%; animation: ezspin .8s linear infinite; }
@keyframes ezspin { to { transform: rotate(360deg); } }
.pagination { display: flex; justify-content: center; gap: 8px; margin-top: 22px; }
.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(--mint-500); border-color: var(--mint-500); color: var(--ink-950); }
.pagination .page-gap { width: 22px; text-align: center; color: var(--ink-mute); }
.pagination .page-jump { display: inline-flex; align-items: center; gap: 4px; margin-left: 10px; font-size: 13px; color: var(--ink-soft); }
.pagination .page-jump input { width: 62px; height: 34px; padding: 0 6px; border: 1px solid var(--line); border-radius: 8px; font-size: 13px; text-align: center; }
.pagination button:disabled { opacity: .4; cursor: not-allowed; }

/* ---------- 车辆详情 ---------- */
.breadcrumb { display: flex; align-items: center; gap: 8px; padding: 12px 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: minmax(0,1.5fr) minmax(0,1fr); gap: 30px; align-items: start; }
.detail-gallery { position: relative; min-width: 0; }
/* 主图放大：采用 3:2 宽幅比例（参考主流二手车平台大图），整块更大气 */
.gallery-main { position: relative; border-radius: 18px; overflow: hidden; aspect-ratio: 3/2; background: linear-gradient(135deg,#0e2a45,#12406b 45%,#0f5570); box-shadow: 0 12px 30px rgba(10,59,44,.12); cursor: zoom-in; }
.gallery-main .car-photo { width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; transition: transform .45s ease; }
.gallery-main > svg { width: 100%; height: 100%; display: block; transition: transform .45s ease; }
/* 悬停轻微放大，暗示主图可点击查看大图（不引入文字，天然多语言） */
.gallery-main:hover .car-photo, .gallery-main:hover > svg { transform: scale(1.04); }
.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:hover { opacity: .92; }
.gallery-thumbs button.on { border-color: var(--prime); opacity: 1; }
.detail-info { padding: 4px 0; min-width: 0; }
.di-badges { display: flex; flex-wrap: wrap; gap: 8px; }
.di-name { font-size: 28px; margin-top: 10px; }
.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: 10px; }
.rate-stars { display: flex; gap: 2px; }
.rate-num { font-weight: 700; color: var(--ink); }
.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(3,1fr); gap: 10px; margin: 14px 0; }
/* 规格格横向化：图标在左、文字在右，单格高度减半，9 个规格 3 行收窄近一半 */
.spec { background: var(--bg); border-radius: 10px; padding: 10px 12px; display: flex; flex-direction: row; align-items: center; gap: 8px; }
.spec-l { color: var(--prime); flex-shrink: 0; display: inline-flex; align-items: center; }
.spec-dot { display: inline-block; width: 16px; height: 16px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.15); vertical-align: middle; }
.spec-v { font-size: 13px; font-weight: 600; color: var(--ink); min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.di-tags { display: flex; flex-wrap: wrap; gap: 8px; }
/* 价格焦点卡：深色卡片让 FOB 参考价成为信息区唯一视觉焦点，形成「白标题 → 深价格 → 白操作」三段节奏 */
.di-price { margin: 14px 0 0; padding: 16px 18px 18px; background: linear-gradient(135deg, var(--ink-800), #14382A); border-radius: var(--radius); border: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); }
.di-price-label { display: block; font-size: 12px; color: var(--mint-400); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 6px; }
.di-price-main { font-family: var(--font-display); font-size: 38px; font-weight: 800; color: #fff; letter-spacing: -.01em; }
.di-price-usd { font-size: 15px; color: var(--dark-muted); margin-left: 8px; }
/* 详情页价格旁的汇率提示：弱化处理，不中断主价视觉 */
.di-price-fx { display: inline-block; margin: 6px 0 0; font-size: 12px; color: var(--mint-400); letter-spacing: .01em; border-bottom: 1px dotted rgba(126,207,173,.5); cursor: help; }
.di-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 12px; }
/* 两个主操作按钮等宽占满一行，收藏/分享作为次要操作紧随，形成完整 CTA 带 */
.di-actions > .btn { flex: 1 1 calc(50% - 6px); }
.di-actions .collect-menu, .di-actions .share-panel { flex: 1 1 calc(50% - 6px); }
.di-actions .collect-menu .collect-btn, .di-actions .share-panel .btn { width: 100%; }
.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: var(--radius); 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: 12px; color: var(--ink-soft); font-size: 14px; }
.detail-body { display: grid; grid-template-columns: 1fr 340px; gap: 20px; margin-top: 24px; }
.detail-content { display: flex; flex-direction: column; gap: 14px; }
.panel { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 18px 20px; }
.panel-title { display: flex; align-items: center; gap: 10px; font-size: 20px; margin-bottom: 12px; }
.panel-title .icon { color: var(--prime); }
/* 参数配置：已收录项数 / 32，右对齐小胶囊 */
.spec-cnt { margin-left: auto; font-size: 12px; font-weight: 600; color: var(--ink-mute); background: var(--bg); border-radius: 999px; padding: 3px 10px; letter-spacing: .2px; }
.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(--ink); 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: var(--radius-pill); padding: 7px 12px; font-size: 13px; color: var(--ink); }
.score-badge { margin-left: auto; background: var(--mint-500); color: var(--ink-950); font-size: 13px; padding: 4px 12px; border-radius: var(--radius-pill); font-weight: 600; }
.inspect-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.inspect-item { display: flex; align-items: center; gap: 8px; background: var(--bg); border-radius: 10px; padding: 10px 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; }
/* 参数配置（32 项标准参数表）：两列分组卡片，组内键值行 */
.spec-table { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 14px; }
.spec-group { border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
.spec-gt { background: var(--bg); padding: 8px 14px; font-size: 13px; font-weight: 700; color: var(--ink); letter-spacing: .2px; }
.spec-rows { display: flex; flex-direction: column; }
.spec-row { display: flex; align-items: baseline; gap: 12px; padding: 8px 14px; font-size: 13px; border-top: 1px solid var(--bg-soft); }
.spec-row:first-child { border-top: none; }
.spec-row .sr-k { flex: 0 0 42%; color: var(--ink-mute); }
.spec-row .sr-v { flex: 1; color: var(--ink); font-weight: 600; text-align: right; word-break: break-word; }
.detail-aside { display: flex; flex-direction: column; gap: 12px; }
.aside-card { padding: 16px 18px; }
/* 详情页内的推荐/评价 section 收紧：营销页 .section 保持 40px，这里独立覆盖 */
.detail-page .section { padding: 26px 0 4px; }
.aside-card h4 { margin-bottom: 12px; 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: var(--ink-800); 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: var(--ink-800); color: #fff; padding: 42px 36px; display: flex; flex-direction: column; justify-content: center; }
.auth-logo { display: inline-block; font-family: var(--font-display); font-size: 28px; font-weight: 800; color: #fff; margin-bottom: 22px; transform: skewX(-10deg); transform-origin: left center; }
.auth-logo em { font-style: normal; color: var(--mint-400); }
.auth-side h2 { color: #fff; font-size: 26px; margin-bottom: 10px; }
.auth-side p { color: var(--dark-muted); }
.auth-points { display: flex; flex-direction: column; gap: 12px; margin-top: 24px; }
.auth-points span { display: flex; align-items: center; gap: 8px; color: var(--dark-muted); 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: 22px; padding-top: 28px; padding-bottom: 56px; }
.account-side { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 18px; 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: var(--ink-800); 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; }
/* 身份徽标：购车者 / 二手车商（A） / 二手车商 · 门店（B） */
.account-id { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: -6px 0 14px; }
.id-chip { display: inline-flex; align-items: center; padding: 4px 10px; border-radius: var(--radius-pill); font-size: 12px; font-weight: 700; background: var(--bg); color: var(--ink-soft); }
.id-chip.id-buyer { background: var(--bg); color: var(--ink-mute); }
.id-chip.id-dealer { background: #fbf1dc; color: #a9741a; }
.id-chip.id-dealer_ent { background: var(--mint-100); color: var(--mint-800); }
.id-chip.id-admin { background: var(--ink-800); color: #fff; }
.id-link { font-size: 12px; font-weight: 700; color: var(--prime); }
.id-tip { margin: -6px 0 14px; font-size: 12px; line-height: 1.5; color: var(--ink-mute); }
.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: var(--radius); padding: 20px; }
.acc-title { font-size: 20px; margin-bottom: 14px; 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 { display: block; color: var(--ink-mute); font-size: 12px; line-height: 1.6; }
.ord-as-reply { margin-top: 6px; }
.order-price { font-family: var(--font-display); font-size: 18px; font-weight: 800; color: var(--ink); }
.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 { font-style: normal; color: var(--ink); font-weight: 800; font-size: 18px; }
.wish-price { margin-left: auto; display: flex; align-items: baseline; gap: 8px; }
.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; }
/* 注册身份选择：购车者 / 二手车商（A 模式自助注册） */
.identity-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.identity-card { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; text-align: left; border: 1px solid var(--line); background: #fff; padding: 13px 14px; border-radius: 12px; color: var(--ink-soft); cursor: pointer; }
.identity-card strong { font-size: 14px; color: var(--ink); }
.identity-card span { font-size: 12px; line-height: 1.5; color: var(--ink-mute); }
.identity-card:hover { border-color: var(--prime); }
.identity-card.on { border-color: var(--prime); background: var(--prime-soft); }
.identity-card.on strong { color: var(--prime); }
.identity-note { display: flex; gap: 6px; align-items: flex-start; margin: 8px 0 0; font-size: 12px; line-height: 1.5; color: var(--ink-mute); }
.identity-note svg { flex: none; margin-top: 2px; }
@media (max-width: 640px) { .identity-cards { grid-template-columns: 1fr; } }

/* ---------- 经销商 ---------- */
.dealer-hero { background: var(--ink-800); color: #fff; padding: 60px 0; }
.dealer-title { font-family: var(--font-display); color: #fff; font-size: clamp(30px, 4.6vw, var(--fs-h1)); line-height: 1.15; font-weight: 800; margin-top: 16px; }
.dealer-sub { color: var(--dark-muted); font-size: 17px; max-width: 680px; margin: 18px 0 30px; }
.apply-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; }
.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: 24px; }
.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: var(--ink-800); color: #fff; overflow: hidden; }
.app-hero-inner { display: grid; grid-template-columns: 1.1fr .9fr; gap: 32px; align-items: center; padding: 56px 20px; }
.app-title { font-family: var(--font-display); color: #fff; font-size: clamp(30px, 4.6vw, var(--fs-h1)); font-weight: 800; line-height: 1.15; }
.app-sub { color: var(--dark-muted); 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: #C6CFC4; }
.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: var(--dark-muted); 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,var(--ink-600),var(--mint-700)); 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: var(--radius); 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: var(--ink-800); color: #fff; padding: 60px 0; }
.about-title { font-family: var(--font-display); color: #fff; font-size: clamp(30px, 4.6vw, var(--fs-h1)); font-weight: 800; line-height: 1.15; margin-top: 16px; }
.about-sub { color: var(--dark-muted); font-size: 17px; margin-top: 18px; max-width: 600px; }
.about-intro { display: grid; grid-template-columns: 1.1fr .9fr; gap: 36px; 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: var(--ink-800); 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 { font-family: var(--font-display); display: block; font-size: 30px; font-weight: 800; } 
.iv-stat span { color: var(--dark-muted); 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: 30px; }
.contact-form { padding: 26px; }
.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-card a.ci-link { color: #128C7E; font-weight: 600; text-decoration: none; }
.ci-card a.ci-link:hover { text-decoration: underline; }
.ci-map { height: 160px; background: linear-gradient(135deg,var(--sage-100),var(--mint-100)); 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: 16px 18px; 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: var(--radius-pill); font-size: 14px; color: var(--ink-soft); }
.blog-cats button.on { background: var(--mint-500); border-color: var(--mint-500); color: var(--ink-950); }
.blog-d-hero { background: var(--ink-800); color: #fff; padding: 48px 0; }
.blog-d-cat { margin-bottom: 14px; }
.blog-d-title { font-family: var(--font-display); color: #fff; font-size: clamp(26px, 3.6vw, var(--fs-h1)); font-weight: 800; max-width: 820px; line-height: 1.2; }
.blog-d-meta { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 20px; color: var(--dark-muted); 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: 30px; }
.post-body-wrap { background: #fff; border-radius: var(--radius); padding: 30px; }
.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); }
  .stats-grid { gap: 10px; }
  .stat-num { font-size: 30px; }
}
@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); }
  /* 6 列在 900px 下每列只剩 ~120px，数字会撑出格子，提前降到 3 列（6 项正好两行） */
  .stats-grid { grid-template-columns: repeat(3,1fr); }
  /* 搜索卡位于右列，移动端保持正文在前 */
  .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; }
  /* 参数配置：窄屏单列排版，避免键值挤压掉行 */
  .spec-table { 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; }
  .fc { padding: 14px 14px 2px; }
  /* minmax(0,1fr) 必须写在 1fr 位置：1fr 的最小值取自内容宽度，品牌名较长时会把整列顶出屏幕 */
  .fc-cards { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .fc-cards.sm { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .fc-card { min-width: 0; gap: 5px; padding: 5px 8px; font-size: 12px; }
  .fc-card .fc-n { font-size: 10px; }
  .fc-cards.sm .fc-card { padding: 6px 6px; }
  .fc-cards.sm .fc-card .fc-name { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
  /* 窄屏品牌卡片只保留品牌名：车源数量会把品牌名挤到省略号，手机上 3 列也能完整看清 */
  .fc-cards:not(.sm) .fc-card .fc-n { display: none; }
  .fc-sub { display: none; }
  /* 手机上步骤条改为横向滑动的一行，不再换行堆高 */
  .fc-tabs { flex-wrap: nowrap; overflow-x: auto; gap: 6px; padding-bottom: 2px; scrollbar-width: none; }
  .fc-tabs::-webkit-scrollbar { display: none; }
  .fc-tab { flex: 0 0 auto; min-height: 32px; padding: 4px 10px; font-size: 12px; }
  .fc-tab-v { max-width: 88px; }
  .fc-nav { display: none; }
  .fc-pane { padding: 10px 0 6px; }
  .fc-row { flex-direction: column; gap: 6px; }
  .fc-row-l { flex: none; padding-top: 0; }
  .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; }
  .app-band { padding: 16px 0; }
  .app-band-inner { flex-direction: column; align-items: flex-start; gap: 14px; }
  .app-band-acts { align-items: flex-start; width: 100%; }
  .app-band-btns { width: 100%; }
  .app-band-title { font-size: 17px; }
  .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; }
  .cta-inner > * { width: 100%; }
  .cta-title { font-size: 23px; }
  .cta-actions > .btn { flex: 1 1 auto; min-width: 0; }
  .langs-inner { flex-direction: column; align-items: flex-start; }
  .app-band-icon { width: 48px; height: 48px; border-radius: 12px; }
  .app-band-btns > .btn { width: 100%; }
  .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, .di-actions .collect-menu, .di-actions .share-panel { flex: none; width: 100%; }
  .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:var(--mint-600)}
.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:var(--mint-700);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 #C6CFC4;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:var(--mint-700);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 var(--line)}
.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 var(--line);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 var(--line)}
.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(--line);font-size:12px;color:var(--ink-mute)}
.di-fx .fx-src{opacity:.85}
.fx-c em{font-style:normal;font-weight:700;color:var(--ink)}

/* ============================================================
   B2B 经销商批发 · 首页新增区块
   ============================================================ */
/* Hero 搜索：页签 + 顾问入口 */
.hero-search-wrap { position: relative; z-index: 2; background: #fff; padding: 14px; border-radius: var(--radius); margin-top: 28px; box-shadow: var(--shadow-lg); }
.hero-search-wrap .hero-search { margin-top: 14px; padding: 0; background: transparent; border-radius: 0; box-shadow: none; }
.hs-tabs { display: flex; align-items: center; gap: 6px; }
.hs-tab { border: none; background: var(--bg-soft); color: var(--ink-soft); padding: 7px 16px; border-radius: var(--radius-pill); font-size: 14px; font-weight: 600; transition: all .18s; }
.hs-tab.on { background: var(--navy-800); color: #fff; }
.hs-expert { margin-left: auto; display: inline-flex; align-items: center; gap: 4px; color: var(--prime-dark); font-size: 13px; font-weight: 600; }

/* Hero 车辆 GRADE 角标 */
.hero-grade { position: absolute; top: 14px; left: 14px; z-index: 3; padding: 4px 10px; border-radius: 7px; font-size: 12px; font-weight: 800; letter-spacing: .5px; color: #fff; background: rgba(10,43,33,.82); }

/* 四大货源渠道 */
.sourcing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: 16px; }
.sourcing-card { padding: 18px 16px; }
.sourcing-ic { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 12px; background: var(--prime-soft); color: var(--prime-dark); margin-bottom: 14px; }
.sourcing-count { display: block; font-family: var(--font-display); font-size: 30px; font-weight: 800; color: var(--ink); letter-spacing: -.02em; }
.sourcing-title { font-size: 17px; margin: 8px 0 6px; }
.sourcing-desc { color: var(--ink-soft); font-size: 14px; line-height: 1.7; }

/* 热门现车筛选 */
.pop-chips { display: flex; gap: 8px; flex-wrap: wrap; }
.pop-chip { border: 1px solid var(--line); background: #fff; color: var(--ink-soft); padding: 8px 16px; border-radius: var(--radius-pill); font-size: 14px; font-weight: 600; transition: all .18s; }
.pop-chip.on { background: var(--navy-800); border-color: var(--navy-800); color: #fff; }

/* 经销商合作档位 */
.tiers-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 16px; align-items: stretch; }
.tier-card { padding: 22px 20px; display: flex; flex-direction: column; position: relative; }
.tier-card .btn { margin-top: auto; }
.tier-card.featured { background: var(--ink-800); border-color: var(--ink-800); color: #fff; }
.tier-card.featured .tier-name, .tier-card.featured .tier-price { color: #fff; }
.tier-card.featured .tier-note, .tier-card.featured .tier-perks li { color: var(--dark-muted); }
.tier-badge { position: absolute; top: 18px; right: 18px; padding: 4px 12px; border-radius: var(--radius-pill); font-size: 12px; font-weight: 700; color: #17251F; background: var(--accent); }
.tier-ic { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 12px; background: var(--prime-soft); color: var(--prime-dark); margin-bottom: 16px; }
.tier-card.featured .tier-ic { background: rgba(255,255,255,.12); color: var(--mint-300); }
.tier-name { font-size: 20px; }
.tier-note { color: var(--ink-mute); font-size: 13px; margin-top: 4px; }
.tier-price { font-family: var(--font-display); font-size: 24px; font-weight: 800; margin: 16px 0 18px; }
.tier-perks { display: flex; flex-direction: column; gap: 10px; margin-bottom: 22px; }
.tier-perks li { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--ink-soft); }
.tier-perks .icon { color: var(--prime); flex-shrink: 0; }
.tier-card.featured .tier-perks .icon { color: var(--mint-400); }

/* 采购四步 */
.flow-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: 16px; }
.step-ic { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: var(--prime-soft); color: var(--prime-dark); margin-bottom: 14px; }

/* 十周年 / 使命 */
.why-wrap { display: grid; grid-template-columns: 1.1fr .9fr; gap: 36px; align-items: center; }
.why-stats { display: grid; grid-template-columns: repeat(2,1fr); gap: 22px 32px; margin-top: 28px; }
.why-stat strong { display: block; font-family: var(--font-display); font-size: 34px; font-weight: 800; color: var(--ink); letter-spacing: -.02em; }
.why-stat span { color: var(--ink-soft); font-size: 14px; }
.mission-card { background: var(--ink-800); color: #fff; border-radius: var(--radius-lg); padding: 26px 24px; box-shadow: var(--shadow-lg); }
.mission-ic { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: var(--radius); background: rgba(255,255,255,.12); color: var(--mint-300); margin-bottom: 16px; }
.mission-title { font-size: 22px; color: #fff; }
.mission-text { color: var(--dark-muted); font-size: 15px; line-height: 1.8; margin: 12px 0 18px; }
.mission-link { display: inline-flex; align-items: center; gap: 6px; color: var(--mint-300); font-weight: 700; font-size: 14px; }

/* 常见问题（复用 .faq-item/.faq-q/.faq-a 基础样式并增强） */
.faq-wrap { display: grid; grid-template-columns: .8fr 1.2fr; gap: 36px; align-items: start; }
.faq-right { display: flex; flex-direction: column; gap: 12px; }
.faq-item { background: #fff; border: 1px solid var(--line); border-radius: 12px; }
.faq-item.open { border-color: var(--prime); box-shadow: var(--shadow-sm); }
.faq-q .icon { color: var(--ink-mute); flex-shrink: 0; }

@media (max-width: 960px) {
  .sourcing-grid { grid-template-columns: repeat(2,1fr); }
  .tiers-grid { grid-template-columns: 1fr; }
  .flow-grid { grid-template-columns: repeat(2,1fr); }
  .why-wrap { grid-template-columns: 1fr; gap: 32px; }
  .faq-wrap { grid-template-columns: 1fr; gap: 28px; }
}
@media (max-width: 560px) {
  .sourcing-grid { grid-template-columns: 1fr; }
  .flow-grid { grid-template-columns: 1fr; }
  .why-stats { gap: 18px 20px; }
  .hs-expert { display: none; }
  .hero-search-wrap { padding: 12px; }
  .footer-watermark { font-size: 78px; }
}

/* ===== 国家独立页面 /c/:code ===== */
.cs-hero { padding: 40px 0 26px; background: linear-gradient(180deg, var(--bg-soft), #fff); }
.cs-head { display: flex; align-items: center; gap: 16px; }
.cs-flag { font-size: 46px; line-height: 1; }
.cs-title { font-size: 34px; font-weight: 800; margin: 0; color: var(--ink); }
.cs-sub { color: var(--ink-soft); margin: 4px 0 0; }
.cs-meta { display: flex; gap: 18px; flex-wrap: wrap; margin: 16px 0 20px; color: var(--ink-soft); font-size: 14px; align-items: center; }
.cs-meta span { display: inline-flex; align-items: center; gap: 6px; }
.cs-cta { display: flex; gap: 12px; flex-wrap: wrap; }
.cs-blocked { text-align: center; padding: 24px 0; }
.cs-blocked h1 { font-size: 26px; margin-bottom: 8px; }
.cs-blocked p { color: var(--ink-soft); margin-bottom: 18px; }
.cs-contact p { display: flex; align-items: center; gap: 8px; color: var(--ink-soft); margin: 6px 0; }
@media (max-width: 640px) { .cs-title { font-size: 26px; } .cs-flag { font-size: 36px; } }

/* ===== 国旗图片（自托管 PNG，Windows 亦可见） ===== */
.flag-img { width: 20px; height: 15px; object-fit: cover; border-radius: 2px; display: inline-block; vertical-align: -2px; background: var(--bg-soft); flex: 0 0 auto; }
.ctry-btn .flag-img { width: 22px; height: 16px; vertical-align: -3px; }
.cs-flag { width: 64px; height: 48px; object-fit: cover; border-radius: 5px; display: block; background: var(--bg-soft); }

/* ============ 下单弹层（车辆详情 → 立即预订） ============ */
.bk-mask{position:fixed;inset:0;z-index:2300;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;padding:20px}
.bk-box{width:min(620px,94vw);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 26px 70px rgba(15,23,42,.34);padding:22px 24px 24px}
.bk-head{display:flex;align-items:flex-start;gap:12px;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--line)}
.bk-head-t h3{font-size:19px;margin-bottom:6px}
.bk-head-t p{font-size:13px;color:var(--ink-mute);line-height:1.65;max-width:460px}
.bk-x{border:none;background:none;color:var(--ink-mute);cursor:pointer;padding:6px;border-radius:9px;flex:0 0 auto}
.bk-x:hover{color:var(--ink);background:#f1f5f9}
.bk-body{padding-top:16px}
.bk-car{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:12px;background:#f8fafc;margin-bottom:16px}
.bk-car-t{display:flex;flex-direction:column;gap:4px;min-width:0}
.bk-car-t strong{font-size:15px;line-height:1.35}
.bk-car-t span{font-size:13px;color:var(--prime);font-weight:700}
.bk-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bk-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.bk-f > span{font-size:12.5px;font-weight:600;color:var(--ink-soft)}
.bk-f .input,.bk-f .textarea{width:100%}
.bk-full{margin-top:12px}
.bk-note{display:flex;align-items:flex-start;gap:7px;margin-top:14px;padding:10px 12px;border-radius:10px;background:var(--prime-soft);color:var(--ink-soft);font-size:12.5px;line-height:1.6}
.bk-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}
.bk-actions .btn{min-width:112px}
.bk-done{text-align:center;padding:10px 0 0}
.bk-ok{width:60px;height:60px;margin:4px auto 14px;border-radius:50%;background:#e8f6ee;color:var(--success,#16a34a);display:flex;align-items:center;justify-content:center}
.bk-no{font-size:15px;color:var(--ink-soft);margin-bottom:8px;word-break:break-all}
.bk-no strong{font-size:17px;color:var(--ink);letter-spacing:.4px}
.bk-next{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:var(--ink);font-weight:600;background:var(--prime-soft);border-radius:999px;padding:7px 14px}
.bk-done .bk-actions{justify-content:center}
.bk-more{margin-top:14px;border:none;background:none;color:var(--ink-mute);font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.bk-more:hover{color:var(--ink)}

/* ============ 订单域：履约进度条 / 时间线 / 公共查单 ============ */
.ord-steps{display:flex;gap:0;overflow-x:auto;padding:4px 0 2px;margin:4px 0 14px}
.ord-step{flex:1 0 auto;min-width:76px;text-align:center;position:relative;padding-top:22px;font-size:11.5px;color:var(--ink-mute)}
.ord-step::before{content:"";position:absolute;top:7px;left:0;right:0;height:2px;background:#e5e7eb;z-index:0}
.ord-step:first-child::before{left:50%}
.ord-step:last-child::before{right:50%}
.ord-step i{position:absolute;top:0;left:50%;transform:translateX(-50%);width:16px;height:16px;border-radius:50%;background:#e5e7eb;border:2px solid #fff;z-index:1;display:block}
.ord-step.done::before,.ord-step.on::before{background:var(--prime)}
.ord-step.done i{background:var(--prime)}
.ord-step.on i{background:var(--prime);box-shadow:0 0 0 4px var(--prime-soft)}
.ord-step.on{color:var(--prime);font-weight:700}
.ord-step.done{color:var(--ink-soft)}
.ord-step.dead::before{background:#e5e7eb !important}
.ord-step.dead i{background:#ef4444}
.ord-step.dead{color:#ef4444}
.ord-tl{display:flex;flex-direction:column;gap:0;margin-top:6px}
.ord-tl-item{display:grid;grid-template-columns:16px 1fr;gap:12px;padding-bottom:14px;position:relative}
.ord-tl-item:not(:last-child)::before{content:"";position:absolute;left:7px;top:16px;bottom:0;width:2px;background:#e5e7eb}
.ord-tl-dot{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--prime);margin-top:3px;z-index:1}
.ord-tl-item.first .ord-tl-dot{background:var(--prime)}
.ord-tl-body strong{font-size:13.5px;display:block;margin-bottom:3px}
.ord-tl-body span{font-size:12px;color:var(--ink-mute);line-height:1.6;display:block}
.ord-tl-body em{font-size:11.5px;color:#94a3b8;font-style:normal;display:block;margin-top:3px}
.ord-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 18px;margin:10px 0 14px}
.ord-kv div{font-size:12.5px;color:var(--ink-mute);display:flex;gap:6px}
.ord-kv b{color:var(--ink);font-weight:600;word-break:break-all}
.ord-tip{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-soft);background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:9px 12px;margin-top:10px}
/* 订单卡片内联展开区（个人中心） */
.ord-detail{grid-column:1/-1;border-top:1px dashed var(--line);margin-top:4px;padding-top:14px}
.ord-detail-load{font-size:12.5px;color:var(--ink-mute);padding:8px 0}
.ord-h4{font-size:13px;font-weight:700;color:var(--ink);margin:14px 0 2px;display:flex;align-items:center;gap:6px}
.ord-confirm{grid-column:1/-1;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:10px 12px;margin-top:10px}
.ord-confirm p{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#b45309;margin:0 0 8px}
.ord-confirm-b{display:flex;gap:8px;justify-content:flex-end}
.ord-as{margin-top:6px;border-top:1px dashed var(--line);padding-top:4px}
.ord-as-form{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start;margin-top:8px}
.ord-as-form .input{flex:0 0 132px;height:38px}
.ord-as-form .textarea{flex:1 1 220px;min-height:38px}
.ord-as-form .btn{height:38px}
.ord-as-row{grid-template-columns:1fr auto !important;align-items:start}
.ord-as-row .order-actions{align-self:start}

/* 公共查单页 */
.tk-wrap{max-width:720px;margin:0 auto;padding:28px 0 60px}
.tk-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.tk-form{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-top:14px}
.tk-form .field{flex:1 1 200px;margin:0}
.tk-form .btn{height:44px}
.tk-hint{font-size:12.5px;color:var(--ink-mute);margin-top:8px}
.tk-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;border-radius:999px;padding:4px 11px;background:var(--prime-soft);color:var(--prime);font-weight:600}
.tk-badge.warn{background:#fef3c7;color:#b45309}
/* 公共查单页 · 出口链路（24 节点折算） */
.tk-chain{margin-top:14px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}
.tk-chain-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.tk-chain-hd strong{font-size:13.5px}
.tk-chain-no{font-size:12px;color:var(--ink-mute);letter-spacing:.3px}
.tk-chain-cur{display:flex;align-items:baseline;gap:8px;margin-top:10px;flex-wrap:wrap}
.tk-chain-node{font-size:15px;font-weight:700;color:var(--prime)}
.tk-chain-cnt{font-size:12px;color:var(--ink-mute)}
.tk-chain-bar{position:relative;height:6px;border-radius:999px;background:#e5e7eb;margin-top:8px;overflow:hidden}
.tk-chain-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--prime);transition:width .35s}
.tk-chain-sla{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-mute);margin-top:8px}
.tk-chain-sla.over{color:#b45309}
.tk-chain-more{font-size:12px;color:var(--ink-mute);margin-top:8px;line-height:1.6}
@media (max-width:640px){
  .bk-grid{grid-template-columns:1fr}
  .bk-box{padding:18px 16px 20px}
  .bk-actions .btn{flex:1}
  .tk-card{padding:18px 16px}
  .ord-as-form{flex-direction:column;align-items:stretch}
  .ord-as-form .input,.ord-as-form .textarea,.ord-as-form .btn{flex:1 1 auto;width:100%}
  .ord-confirm-b .btn{flex:1}
  .ord-as-row{grid-template-columns:1fr !important}
}

/* ---------- 大屏补充：主视觉与侧栏同步放大 ----------
   容器在 1080p/2K/4K 下变宽后，固定宽度的主图与右栏会显得孤立在宽容器里。 */
@media (min-width: 1600px) {
  .hero-car-float { max-width: 560px; }
  .hero-sub { max-width: 640px; }
  .detail-body { grid-template-columns: 1fr 400px; }
  .blog-d-body { grid-template-columns: 1fr 360px; }
  .account-layout { grid-template-columns: 300px 1fr; }
}
@media (min-width: 2200px) {
  .hero-car-float { max-width: 640px; }
  .detail-body { grid-template-columns: 1fr 440px; }
  .blog-d-body { grid-template-columns: 1fr 400px; }
}

/* ---------- 超大屏（2K / 4K）：卡片跟着“变大”而不是无限“变多” ----------
   容器到 2K 以后如果仍用 300~340px 的最小卡宽，一行会挤成 7~8 列碎卡片；
   抬高各栅格的最小卡宽，让列数稳定在 4~6 列，图片与文字都保持可读尺寸。 */
@media (min-width: 2200px) {
  .cars-page .cars-grid { grid-template-columns: repeat(auto-fill, minmax(min(400px, 100%), 1fr)); }
  .cars-grid { grid-template-columns: repeat(auto-fill, minmax(min(360px, 100%), 1fr)); }
  .grid-3 { grid-template-columns: repeat(auto-fit, minmax(min(400px, 100%), 1fr)); }
  .grid-4 { grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr)); }
  .steps-grid, .tiers-grid { grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr)); }
  .sourcing-grid, .flow-grid { grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); }
  /* 三档合作方案只有 3 张卡，限制栅格总宽，避免每张卡被拉到 700px 以上显得空 */
  .tiers-grid { max-width: 1680px; margin-left: auto; margin-right: auto; }
}