/* --- */

/* --- */
/* --- */
:root {
  /* --- */
  --f-brand: #c8102e;
  --f-brand-900: #8b0a1f;

  /* --- */
  --f-navy-900: #0b1116;
  --f-navy-800: #101820;    /* --- */
  --f-navy-700: #1a2430;
  --f-navy-600: #26333f;
  --f-navy-500: #33424f;

  /* --- */
  --f-action: #c8102e;
  --f-action-hover: #a30d24;

  /* --- */
  --f-accent: #ffaa00;
  --f-accent-600: #d98f00;
  --f-accent-100: #fff5e0;

  /* --- */
  --f-cyan: #ff6b81;        /* --- */
  --f-blue-2727: #e11d3c;   /* --- */
  --f-yellow: #fce22b;      /* --- */
  --f-green-7479: #00ffa5;  /* --- */
  --f-silver: #90928f;      /* --- */
  --f-gold: #887550;        /* --- */

  /* --- */
  --f-whatsapp: #25d366;
  --f-whatsapp-hover: #1da851;

  /* --- */
  --f-red-600: #c8102e;
  --f-red-700: #a30d24;
  --f-red-500: #e11d3c;
  --f-red-100: #fdeef1;
  --f-amber-600: #d98f00;
  --f-amber-500: #ffaa00;
  --f-amber-400: #ffaa00;
  --f-amber-100: #fff5e0;

  /* --- */
  --f-white: #ffffff;
  --f-gray-50: #f8fafc;
  --f-gray-100: #f1f5f9;
  --f-gray-200: #e2e8f0;
  --f-gray-300: #cbd5e1;
  --f-gray-400: #94a3b8;   /* --- */
  --f-gray-500: #64748b;   /* --- */
  --f-gray-600: #475569;
  --f-gray-700: #334155;
  --f-gray-900: #0f172a;
  /* --- */

  /* --- */
  --f-radius-sm: 3px;
  --f-radius: 6px;
  --f-radius-lg: 10px;

  /* --- */
  --f-shadow-xs: 0 1px 2px rgba(15, 23, 42, .06);
  --f-shadow-sm: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04);
  --f-shadow-md: 0 4px 12px rgba(15, 23, 42, .08), 0 2px 4px rgba(15, 23, 42, .04);
  --f-shadow-lg: 0 12px 32px rgba(15, 23, 42, .12), 0 4px 8px rgba(15, 23, 42, .04);
  --f-shadow-xl: 0 24px 56px rgba(15, 23, 42, .16);

  /* --- */
  --f-space-1: 4px;
  --f-space-2: 8px;
  --f-space-3: 12px;
  --f-space-4: 16px;
  --f-space-5: 24px;
  --f-space-6: 32px;
  --f-space-7: 48px;
  --f-space-8: 64px;
  --f-space-9: 96px;

  /* --- */
  --f-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
            "Helvetica Neue", Arial, "Noto Sans", "PingFang SC",
            "Microsoft YaHei", sans-serif;
  --f-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  /* --- */
  --f-ease: cubic-bezier(.4, 0, .2, 1);
  --f-ease-out: cubic-bezier(.16, 1, .3, 1);

  /* --- */
  --f-container: 1200px;
  --f-container-narrow: 860px;
}

/* --- */
body {
  font-family: var(--f-font);
  font-size: 16px;
  line-height: 1.65;
  color: var(--f-gray-700);
  background: var(--f-white);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* --- */
.entry-content,
.wp-block-post-content {
  max-width: var(--f-container);
  margin-inline: auto;
}

.entry-content > p,
.wp-block-post-content > p {
  max-width: 76ch;
}

/* --- */
h1, h2, h3, h4, h5, h6,
.wp-block-post-title {
  font-family: var(--f-font);
  color: var(--f-navy-900);
  font-weight: 700;
  letter-spacing: -.018em;
  line-height: 1.22;
  text-wrap: balance;
  margin-top: 0;
}

h1, .wp-block-post-title {
  font-size: clamp(1.75rem, 1.2rem + 2.2vw, 2.85rem);
  font-weight: 800;
  letter-spacing: -.025em;
  margin-bottom: var(--f-space-5);
}

h2 {
  font-size: clamp(1.35rem, 1.05rem + 1.2vw, 1.95rem);
  margin-top: var(--f-space-8);
  margin-bottom: var(--f-space-4);
  padding-bottom: var(--f-space-2);
  border-bottom: 1px solid var(--f-gray-200);
}

/* --- */
h2::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: .85em;
  background: var(--f-action);
  margin-right: var(--f-space-3);
  vertical-align: -.06em;
  border-radius: 2px;
}

h3 {
  font-size: clamp(1.08rem, .95rem + .5vw, 1.3rem);
  margin-top: var(--f-space-6);
  margin-bottom: var(--f-space-3);
}

h4 { font-size: 1.05rem; margin-top: var(--f-space-5); margin-bottom: var(--f-space-2); }

p { margin-bottom: var(--f-space-4); }

a { color: var(--f-action); text-decoration-thickness: 1px; text-underline-offset: 2px; }
a:hover { color: var(--f-action-hover); }

strong { color: var(--f-gray-900); font-weight: 650; }

ul, ol { padding-left: 1.35em; margin-bottom: var(--f-space-4); }
li { margin-bottom: var(--f-space-2); }

hr {
  border: 0;
  border-top: 1px solid var(--f-gray-200);
  margin: var(--f-space-8) 0;
}

/* --- */
.forun-hero {
  position: relative;
  margin: 0 0 var(--f-space-8);
  border-radius: var(--f-radius-lg);
  overflow: hidden;
  box-shadow: var(--f-shadow-lg);
  background: var(--f-navy-900);
}

.forun-hero img,
.forun-hero .forun-hero-img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.forun-hero-text {
  position: absolute;
  inset: auto 0 0 0;
  padding: var(--f-space-8) var(--f-space-6) var(--f-space-6);
  background: linear-gradient(
    to top,
    rgba(16, 24, 32, .93) 0%,
    rgba(16, 24, 32, .70) 42%,
    rgba(16, 24, 32, .20) 72%,
    transparent 100%
  );
}

.forun-hero-text h1 {
  color: var(--f-white);
  margin: 0 0 var(--f-space-3);
  text-shadow: 0 2px 12px rgba(0, 0, 0, .35);
  max-width: 22ch;
}

.forun-hero-text p {
  color: rgba(255, 255, 255, .92);
  font-size: clamp(.95rem, .85rem + .45vw, 1.15rem);
  margin: 0;
  max-width: 62ch;
  line-height: 1.55;
}

@media (max-width: 700px) {
  .forun-hero { border-radius: 0; margin-inline: calc(-1 * var(--f-space-4)); }
  .forun-hero img { aspect-ratio: 4 / 3; }
  .forun-hero-text { padding: var(--f-space-6) var(--f-space-4) var(--f-space-5); }
}

/* --- */
.forun-badges {
  display: flex;
  flex-wrap: wrap;
  gap: var(--f-space-2);
  margin: var(--f-space-5) 0 var(--f-space-6);
  padding: 0;
  list-style: none;
}

.forun-badges li {
  display: inline-flex;
  align-items: center;
  gap: var(--f-space-2);
  background: var(--f-gray-50);
  border: 1px solid var(--f-gray-200);
  color: var(--f-navy-700);
  padding: 7px 14px;
  border-radius: 100px;
  font-size: .855rem;
  font-weight: 600;
  letter-spacing: -.005em;
  margin: 0;
}

.forun-badges li::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--f-action);
  flex: none;
}

/* --- */
.forun-grid {
  display: grid;
  gap: var(--f-space-5);
  grid-template-columns: repeat(auto-fit, minmax(272px, 1fr));
  margin: var(--f-space-6) 0;
}

.forun-card {
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--f-white);
  border: 1px solid var(--f-gray-200);
  border-radius: var(--f-radius-lg);
  overflow: hidden;
  box-shadow: var(--f-shadow-xs);
  transition: box-shadow .28s var(--f-ease-out), transform .28s var(--f-ease-out),
              border-color .28s var(--f-ease-out);
}

.forun-card:hover {
  box-shadow: var(--f-shadow-lg);
  transform: translateY(-3px);
  border-color: var(--f-gray-300);
}

.forun-card img {
  width: 100%;
  height: 196px;
  object-fit: cover;
  display: block;
  transition: transform .5s var(--f-ease-out);
  background: var(--f-gray-100);
}

.forun-card:hover img { transform: scale(1.04); }

.forun-card-body {
  padding: var(--f-space-5);
  flex: 1;
  display: flex;
  flex-direction: column;
}

.forun-card-body h3 {
  margin: 0 0 var(--f-space-2);
  font-size: 1.13rem;
  color: var(--f-navy-900);
}

.forun-card-body p {
  margin: 0 0 var(--f-space-5);
  font-size: .93rem;
  color: var(--f-gray-600);
  line-height: 1.6;
  flex: 1;
}

/* --- */
.forun-card::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--f-action), var(--f-navy-600));
  opacity: 0;
  transition: opacity .28s var(--f-ease);
  z-index: 2;
}
.forun-card:hover::before { opacity: 1; }

@media (max-width: 620px) {
  .forun-card img { height: 168px; }
  .forun-card-body { padding: var(--f-space-4); }
}

/* --- */
.forun-btn,
.entry-content .forun-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--f-space-2);
  background: var(--f-action);
  color: var(--f-white) !important;
  padding: 12px 22px;
  border-radius: var(--f-radius);
  font-size: .94rem;
  font-weight: 650;
  letter-spacing: -.005em;
  text-decoration: none !important;
  border: 1px solid transparent;
  box-shadow: var(--f-shadow-sm);
  transition: background .2s var(--f-ease), box-shadow .2s var(--f-ease),
              transform .12s var(--f-ease);
  cursor: pointer;
  line-height: 1.3;
}

.forun-btn:hover {
  background: var(--f-action-hover);
  box-shadow: var(--f-shadow-md);
  color: var(--f-white) !important;
}
.forun-btn:active { transform: translateY(1px); }

.forun-btn-green,
.entry-content .forun-btn-green { background: var(--f-whatsapp); }
.forun-btn-green:hover { background: var(--f-whatsapp-hover); }

.forun-btn-ghost {
  background: transparent;
  color: var(--f-navy-700) !important;
  border-color: var(--f-gray-300);
  box-shadow: none;
}
.forun-btn-ghost:hover {
  background: var(--f-gray-50);
  border-color: var(--f-navy-600);
  color: var(--f-navy-900) !important;
}

/* --- */
/* --- */
.forun-spec-wrap {
  margin: var(--f-space-5) 0 var(--f-space-6);
  border: 1px solid var(--f-gray-200);
  border-radius: var(--f-radius-lg);
  overflow: hidden;
  box-shadow: var(--f-shadow-xs);
}

.forun-spec-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--f-space-4);
  flex-wrap: wrap;
  padding: var(--f-space-4) var(--f-space-5);
  background: var(--f-navy-900);
  color: var(--f-white);
}

.forun-spec-head h3,
.forun-spec-head h4 {
  margin: 0;
  color: var(--f-white);
  font-size: 1.02rem;
  font-weight: 700;
  letter-spacing: -.01em;
}

.forun-spec-head .forun-spec-tags {
  display: flex;
  gap: var(--f-space-2);
  flex-wrap: wrap;
}

.forun-tag {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 100px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
  background: rgba(255, 255, 255, .13);
  color: rgba(255, 255, 255, .95);
  white-space: nowrap;
}

.forun-tag-amber { background: var(--f-amber-600); color: #fff; }
.forun-tag-green { background: var(--f-whatsapp); color: #fff; }

table.forun-spec {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
  font-size: .925rem;
  background: var(--f-white);
}

table.forun-spec tr { border-bottom: 1px solid var(--f-gray-100); }
table.forun-spec tr:last-child { border-bottom: 0; }
table.forun-spec tr:nth-child(even) { background: var(--f-gray-50); }

table.forun-spec th,
table.forun-spec td {
  border: 0;
  padding: 11px var(--f-space-5);
  text-align: left;
  vertical-align: top;
  line-height: 1.5;
}

table.forun-spec th {
  width: 42%;
  font-weight: 600;
  color: var(--f-gray-600);
  background: transparent;
  font-size: .895rem;
}

table.forun-spec td {
  color: var(--f-navy-900);
  font-weight: 550;
  font-variant-numeric: tabular-nums;
}

/* --- */
table.forun-spec tr.forun-spec-key td {
  color: var(--f-navy-900);
  font-weight: 700;
  font-size: 1rem;
}
table.forun-spec tr.forun-spec-key th {
  color: var(--f-action);
  font-weight: 700;
}

/* --- */
@media (max-width: 620px) {
  table.forun-spec th,
  table.forun-spec td { display: block; width: 100%; padding: 0; }
  table.forun-spec tr {
    display: block;
    padding: var(--f-space-3) var(--f-space-4);
  }
  table.forun-spec th {
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--f-gray-500);
    padding-bottom: 2px;
  }
  table.forun-spec td { padding-top: 0; font-size: .97rem; }
}

/* --- */
table.forun-spec tr.forun-spec-group td {
  background: var(--f-navy-800) !important;
  color: var(--f-white);
  font-weight: 700;
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .07em;
  padding: 9px var(--f-space-5);
}
table.forun-spec tr.forun-spec-group th { display: none; }

/* --- */
.forun-acc {
  border: 1px solid var(--f-gray-200);
  border-radius: var(--f-radius);
  margin-bottom: var(--f-space-3);
  overflow: hidden;
  background: var(--f-white);
}

.forun-acc > summary {
  cursor: pointer;
  padding: 13px var(--f-space-5);
  font-weight: 650;
  font-size: .95rem;
  color: var(--f-navy-800);
  background: var(--f-gray-50);
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--f-space-3);
  transition: background .18s var(--f-ease);
  user-select: none;
}

.forun-acc > summary::-webkit-details-marker { display: none; }
.forun-acc > summary:hover { background: var(--f-gray-100); }

.forun-acc > summary::after {
  content: "+";
  font-size: 1.25rem;
  font-weight: 400;
  color: var(--f-gray-400);
  line-height: 1;
  transition: transform .22s var(--f-ease);
  flex: none;
}

.forun-acc[open] > summary::after { content: "−"; color: var(--f-navy-700); }

.forun-acc[open] > summary {
  border-bottom: 1px solid var(--f-gray-200);
  background: var(--f-white);
}

.forun-acc-body { padding: var(--f-space-4) var(--f-space-5) var(--f-space-2); }
.forun-acc-body table.forun-spec { font-size: .895rem; }
.forun-acc-body table.forun-spec th,
.forun-acc-body table.forun-spec td { padding: 8px 0; }
.forun-acc-body table.forun-spec th { width: 40%; }

/* --- */
.forun-gallery {
  display: grid;
  gap: var(--f-space-3);
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  margin: var(--f-space-5) 0 var(--f-space-7);
}

.forun-gallery img,
.forun-gallery a img {
  width: 100%;
  height: 148px;
  object-fit: cover;
  border-radius: var(--f-radius);
  display: block;
  border: 1px solid var(--f-gray-200);
  transition: transform .35s var(--f-ease-out), box-shadow .35s var(--f-ease-out);
  background: var(--f-gray-100);
}

.forun-gallery img:hover {
  transform: scale(1.03);
  box-shadow: var(--f-shadow-md);
}

@media (max-width: 620px) {
  .forun-gallery { grid-template-columns: repeat(2, 1fr); gap: var(--f-space-2); }
  .forun-gallery img { height: 112px; }
}

/* --- */
.forun-cta {
  position: relative;
  background: linear-gradient(135deg, var(--f-brand) 0%, var(--f-navy-600) 100%);
  color: var(--f-white);
  padding: var(--f-space-7) var(--f-space-6);
  border-radius: var(--f-radius-lg);
  margin: var(--f-space-8) 0;
  box-shadow: var(--f-shadow-lg);
  overflow: hidden;
}

/* --- */
.forun-cta::after {
  content: "";
  position: absolute;
  top: -60%; right: -12%;
  width: 380px; height: 380px;
  background: radial-gradient(circle, rgba(245, 158, 11, .22) 0%, transparent 68%);
  pointer-events: none;
}

.forun-cta p {
  position: relative;
  z-index: 1;
  color: rgba(255, 255, 255, .93);
  margin-bottom: var(--f-space-4);
  font-size: 1.02rem;
  max-width: 60ch;
}

.forun-cta p:last-child { margin-bottom: 0; }
.forun-cta strong { color: var(--f-white); font-weight: 700; }
/* --- */
.forun-cta .forun-btn { background: var(--f-red-600); color: #fff !important; }
.forun-cta .forun-btn:hover { background: var(--f-red-700); }
.forun-cta .forun-btn-green { background: var(--f-whatsapp); }
.forun-cta .forun-btn-green:hover { background: var(--f-whatsapp-hover); }

@media (max-width: 620px) {
  .forun-cta { padding: var(--f-space-6) var(--f-space-4); border-radius: var(--f-radius); }
}

/* --- */
.forun-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: var(--f-space-4);
  margin: var(--f-space-6) 0;
}

.forun-stat {
  background: var(--f-gray-50);
  border: 1px solid var(--f-gray-200);
  border-left: 3px solid var(--f-action);
  border-radius: var(--f-radius);
  padding: var(--f-space-4) var(--f-space-5);
}

.forun-stat-num {
  display: block;
  font-size: 1.6rem;
  font-weight: 800;
  color: var(--f-navy-900);
  line-height: 1.15;
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
}

.forun-stat-label {
  display: block;
  font-size: .82rem;
  color: var(--f-gray-500);
  font-weight: 600;
  margin-top: 3px;
  letter-spacing: .01em;
}

/* --- */
.forun-filter {
  display: flex;
  flex-wrap: wrap;
  gap: var(--f-space-4);
  align-items: flex-end;
  padding: var(--f-space-5);
  background: var(--f-gray-50);
  border: 1px solid var(--f-gray-200);
  border-radius: var(--f-radius-lg);
  margin: var(--f-space-5) 0 var(--f-space-6);
}

.forun-filter-group { display: flex; flex-direction: column; gap: 5px; }

.forun-filter-group label {
  font-size: .76rem;
  font-weight: 700;
  color: var(--f-gray-500);
  text-transform: uppercase;
  letter-spacing: .05em;
}

.forun-filter select {
  font-family: var(--f-font);
  font-size: .92rem;
  padding: 9px 34px 9px 12px;
  border: 1px solid var(--f-gray-300);
  border-radius: var(--f-radius);
  background: var(--f-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2364748b' d='M6 8L0 0h12z'/%3E%3C/svg%3E") no-repeat right 12px center;
  appearance: none;
  color: var(--f-navy-900);
  font-weight: 600;
  min-width: 148px;
  cursor: pointer;
  transition: border-color .18s var(--f-ease), box-shadow .18s var(--f-ease);
}

.forun-filter select:focus {
  outline: none;
  border-color: var(--f-action);
  box-shadow: 0 0 0 3px rgba(11, 107, 203, .12);
}

.forun-filter-reset {
  background: none;
  border: 1px solid var(--f-gray-300);
  border-radius: var(--f-radius);
  padding: 9px 16px;
  font-size: .88rem;
  font-weight: 600;
  color: var(--f-gray-600);
  cursor: pointer;
  font-family: var(--f-font);
  transition: all .18s var(--f-ease);
}
.forun-filter-reset:hover { border-color: var(--f-navy-600); color: var(--f-navy-800); }

/* --- */
.forun-matrix-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: var(--f-space-5) 0; }

table.forun-matrix {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
  font-size: .88rem;
  border: 1px solid var(--f-gray-200);
  border-radius: var(--f-radius);
  overflow: hidden;
}

table.forun-matrix thead th {
  background: var(--f-navy-900);
  color: var(--f-white);
  font-weight: 650;
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .05em;
  padding: 11px var(--f-space-4);
  text-align: left;
  white-space: nowrap;
}

table.forun-matrix td {
  padding: 10px var(--f-space-4);
  border-bottom: 1px solid var(--f-gray-100);
  color: var(--f-gray-700);
  vertical-align: middle;
}

table.forun-matrix tbody tr:nth-child(even) { background: var(--f-gray-50); }
table.forun-matrix tbody tr:hover { background: var(--f-red-100); }
table.forun-matrix td strong { color: var(--f-navy-900); font-weight: 650; }

/* --- */
.forun-mini {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 100px;
  font-size: 12px;
  font-weight: 700;
  background: var(--f-gray-100);
  color: var(--f-gray-600);
  margin-right: 3px;
  white-space: nowrap;
}
.forun-mini-lhd { background: #e0f2fe; color: #075985; }
.forun-mini-rhd { background: #fef3c7; color: #92400e; }
.forun-mini-diesel { background: #f1f5f9; color: #334155; }
.forun-mini-petrol { background: #fee2e2; color: #991b1b; }
.forun-mini-ev { background: #dcfce7; color: #166534; }
.forun-mini-hybrid { background: #e0e7ff; color: #3730a3; }

/* --- */
.entry-content table:not(.forun-spec):not(.forun-matrix) {
  width: 100%;
  border-collapse: collapse;
  font-size: .92rem;
  margin: var(--f-space-5) 0;
  border: 1px solid var(--f-gray-200);
  border-radius: var(--f-radius);
  overflow: hidden;
}

.entry-content table:not(.forun-spec):not(.forun-matrix) thead th {
  background: var(--f-gray-100);
  color: var(--f-navy-900);
  font-weight: 650;
  padding: 11px var(--f-space-4);
  text-align: left;
  border-bottom: 1px solid var(--f-gray-200);
}

.entry-content table:not(.forun-spec):not(.forun-matrix) td {
  padding: 10px var(--f-space-4);
  border-bottom: 1px solid var(--f-gray-100);
}

/* --- */
.wp-block-template-part[data-area="footer"],
footer.wp-block-template-part {
  background: var(--f-navy-900);
  color: rgba(255, 255, 255, .78);
  margin-top: var(--f-space-9);
  padding-block: var(--f-space-8);
  font-size: .92rem;
}

.wp-block-template-part[data-area="footer"] a,
footer.wp-block-template-part a {
  color: rgba(255, 255, 255, .92);
  text-decoration: none;
}
.wp-block-template-part[data-area="footer"] a:hover,
footer.wp-block-template-part a:hover {
  color: var(--f-cyan);
  text-decoration: underline;
}

/* --- */
.wp-block-navigation { display: none !important; }

/* --- */
.entry-content img {
  max-width: 100%;
  height: auto;
  border-radius: var(--f-radius);
}

.entry-content img:not(.forun-hero-img):not(.forun-card img) {
  box-shadow: var(--f-shadow-sm);
}

/* --- */
:focus-visible {
  outline: 2px solid var(--f-action);
  outline-offset: 2px;
  border-radius: 2px;
}

@media print {
  .forun-cta, #forun-wa, #forun-header { display: none !important; }
  body { font-size: 11pt; color: #000; }
}

/* --- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}

/* --- */
#forun-quote-bar {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 9997;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--f-space-4);
  padding: 10px max(16px, calc((100vw - var(--f-container)) / 2));
  background: rgba(16, 24, 32, .97);
  backdrop-filter: saturate(160%) blur(10px);
  -webkit-backdrop-filter: saturate(160%) blur(10px);
  border-bottom: 1px solid rgba(255, 255, 255, .10);
  transform: translateY(-100%);
  transition: transform .32s var(--f-ease-out);
  pointer-events: none;
}

#forun-quote-bar.is-visible { transform: translateY(0); pointer-events: auto; }

.forun-qb-left { display: flex; align-items: center; gap: var(--f-space-3); min-width: 0; }

.forun-qb-title {
  color: #fff; font-weight: 700; font-size: .98rem;
  letter-spacing: -.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.forun-qb-meta { color: rgba(255,255,255,.62); font-size: .82rem; white-space: nowrap; }

.forun-qb-actions { display: flex; align-items: center; gap: var(--f-space-3); flex: none; }

.forun-qb-btn {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 9px 18px; border-radius: var(--f-radius);
  font-size: .9rem; font-weight: 650; text-decoration: none !important;
  white-space: nowrap;
  transition: background .18s var(--f-ease), transform .12s var(--f-ease);
}

.forun-qb-btn-primary { background: var(--f-action); color: #fff !important; }
.forun-qb-btn-primary:hover { background: var(--f-action-hover); }
.forun-qb-btn-wa { background: var(--f-whatsapp); color: #fff !important; }
.forun-qb-btn-wa:hover { background: var(--f-whatsapp-hover); }

@media (max-width: 700px) {
  #forun-quote-bar { padding: 9px 12px; gap: var(--f-space-2); }
  .forun-qb-title { font-size: .9rem; }
  .forun-qb-meta { display: none; }
  .forun-qb-btn { padding: 9px 13px; font-size: .84rem; }
  .forun-qb-btn-wa span { display: none; }
}

/* --- */
.forun-deal {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 0;
  margin: var(--f-space-6) 0;
  border: 1px solid var(--f-gray-200);
  border-radius: var(--f-radius-lg);
  overflow: hidden;
  background: var(--f-white);
  box-shadow: var(--f-shadow-sm);
}

.forun-deal-item {
  padding: var(--f-space-5);
  border-right: 1px solid var(--f-gray-200);
  border-bottom: 1px solid var(--f-gray-200);
}
.forun-deal-item:last-child { border-right: 0; }

.forun-deal-label {
  display: block; font-size: 12px; font-weight: 700;
  text-transform: uppercase; letter-spacing: .06em;
  color: var(--f-gray-500); margin-bottom: 6px;
}

.forun-deal-value {
  display: block; font-size: 1.22rem; font-weight: 800;
  color: var(--f-navy-900); letter-spacing: -.02em; line-height: 1.25;
  font-variant-numeric: tabular-nums;
}

.forun-deal-item.is-price { background: var(--f-red-100); }
.forun-deal-item.is-price .forun-deal-value { color: var(--f-action); }

.forun-deal-note {
  grid-column: 1 / -1;
  padding: var(--f-space-3) var(--f-space-5);
  background: var(--f-gray-50);
  font-size: .82rem; color: var(--f-gray-600);
  border-top: 1px solid var(--f-gray-200); line-height: 1.5;
}

@media (max-width: 620px) {
  .forun-deal { grid-template-columns: repeat(2, 1fr); }
  .forun-deal-item { padding: var(--f-space-4); }
  .forun-deal-value { font-size: 1.05rem; }
  .forun-deal-note { font-size: .78rem; }
}

/* --- */
.forun-key-specs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: var(--f-space-3);
  margin: var(--f-space-5) 0 var(--f-space-6);
}

.forun-key-spec {
  background: var(--f-white);
  border: 1px solid var(--f-gray-200);
  border-top: 3px solid var(--f-action);
  border-radius: var(--f-radius);
  padding: var(--f-space-4);
  text-align: center;
  box-shadow: var(--f-shadow-xs);
}

.forun-key-spec-value {
  display: block; font-size: 1.28rem; font-weight: 800;
  color: var(--f-navy-900); letter-spacing: -.025em; line-height: 1.2;
  font-variant-numeric: tabular-nums;
}

.forun-key-spec-label {
  display: block; margin-top: 5px; font-size: .78rem;
  font-weight: 600; color: var(--f-gray-500); letter-spacing: .01em;
}

@media (max-width: 620px) {
  .forun-key-specs { grid-template-columns: repeat(2, 1fr); gap: var(--f-space-2); }
  .forun-key-spec { padding: var(--f-space-3); }
  .forun-key-spec-value { font-size: 1.08rem; }
  .forun-key-spec-label { font-size: 12px; }
}

/* --- */
.forun-export-box {
  border: 1px solid var(--f-navy-600);
  border-radius: var(--f-radius-lg);
  overflow: hidden;
  margin: var(--f-space-5) 0;
  background: var(--f-white);
}

.forun-export-head {
  background: var(--f-navy-800);
  color: #fff;
  padding: var(--f-space-4) var(--f-space-5);
  font-weight: 700;
  font-size: .98rem;
  letter-spacing: -.01em;
  display: flex;
  align-items: center;
  gap: var(--f-space-3);
  flex-wrap: wrap;
}

.forun-export-head .forun-tag { background: rgba(255,255,255,.16); }

.forun-markets {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: var(--f-space-4) 0;
}

.forun-market {
  display: inline-block;
  padding: 4px 11px;
  border-radius: 100px;
  font-size: .8rem;
  font-weight: 600;
  background: var(--f-gray-100);
  color: var(--f-navy-700);
  border: 1px solid var(--f-gray-200);
  white-space: nowrap;
}

.forun-market.is-key {
  background: var(--f-red-100);
  color: var(--f-brand);
  border-color: rgba(16, 24, 32, .25);
  font-weight: 700;
}

/* --- */
.forun-rfq {
  background: linear-gradient(135deg, var(--f-brand) 0%, var(--f-navy-600) 100%);
  border-radius: var(--f-radius-lg);
  padding: var(--f-space-7) var(--f-space-6);
  margin: var(--f-space-8) 0;
  box-shadow: var(--f-shadow-lg);
}

.forun-rfq h2, .forun-rfq h3 { color: #fff; border: 0; margin-top: 0; }
.forun-rfq h2::before { display: none; }
.forun-rfq p { color: rgba(255,255,255,.88); }

.forun-rfq-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: var(--f-space-4);
  margin: var(--f-space-5) 0;
}

.forun-rfq-field label {
  display: block; font-size: .78rem; font-weight: 700;
  color: rgba(255,255,255,.75); text-transform: uppercase;
  letter-spacing: .05em; margin-bottom: 5px;
}

.forun-rfq-field input,
.forun-rfq-field select {
  width: 100%;
  padding: 11px 13px;
  border-radius: var(--f-radius);
  border: 1px solid rgba(255,255,255,.20);
  background: rgba(255,255,255,.07);
  color: #fff;
  font-family: var(--f-font);
  font-size: .95rem;
  transition: border-color .18s var(--f-ease), background .18s var(--f-ease);
}

.forun-rfq-field input::placeholder { color: rgba(255,255,255,.42); }

.forun-rfq-field input:focus,
.forun-rfq-field select:focus {
  outline: none;
  border-color: var(--f-cyan);
  background: rgba(255,255,255,.12);
}

.forun-rfq-field select option { color: var(--f-gray-900); background: #fff; }

@media (max-width: 620px) {
  .forun-rfq { padding: var(--f-space-6) var(--f-space-4); border-radius: var(--f-radius); }
  .forun-rfq-grid { grid-template-columns: 1fr; gap: var(--f-space-3); }
}

/* --- */
.forun-clearance {
  border-left: 4px solid var(--f-accent-600);
  background: var(--f-accent-100);
  padding: var(--f-space-4) var(--f-space-5);
  border-radius: var(--f-radius);
  margin: var(--f-space-5) 0;
  font-size: .92rem;
  line-height: 1.65;
}

.forun-clearance strong { color: #78350f; }

.forun-clearance code {
  background: rgba(120, 53, 15, .10);
  padding: 1px 6px;
  border-radius: 3px;
  font-size: .88em;
  color: #78350f;
  font-weight: 600;
}

/* --- */
#m-count {
  font-size: .85rem;
  font-weight: 600;
  color: var(--f-gray-500);
  margin-left: auto;
  align-self: center;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 700px) {
  #m-count { margin-left: 0; align-self: flex-start; flex-basis: 100%; }
}

/* --- */
table.forun-matrix td a {
  color: var(--f-brand);
  text-decoration: none;
  font-weight: 700;
}
table.forun-matrix td a:hover {
  color: var(--f-action);
  text-decoration: underline;
}

/* --- */
table.forun-matrix tbody tr:nth-child(odd)  { background: var(--f-white); }
table.forun-matrix tbody tr:nth-child(even) { background: var(--f-gray-50); }

/* --- */
@media (max-width: 700px) {
  .forun-matrix-wrap {
    position: relative;
    -webkit-overflow-scrolling: touch;
  }
  .forun-matrix-wrap::before {
    content: "← swipe →";
    display: block;
    font-size: .76rem;
    color: var(--f-gray-500);
    padding: 6px 0 8px;
    font-weight: 600;
  }
}

/* --- */
.forun-config { transition: opacity .2s var(--f-ease); }
.forun-config[hidden] { display: none !important; }

/* --- */
#c-count {
  font-size: .85rem;
  font-weight: 600;
  color: var(--f-gray-500);
  margin-left: auto;
  align-self: center;
  white-space: nowrap;
}

/* --- */

/* --- */
:root {
  --fs-display: clamp(2.35rem, 1.1rem + 5.2vw, 5rem);
  --fs-h2:      clamp(1.75rem, 1.2rem + 2.2vw, 2.9rem);
  --fs-h3:      clamp(1.2rem, 1.05rem + .8vw, 1.65rem);
  --fs-body:    clamp(1rem, .95rem + .22vw, 1.1rem);
  --fs-eyebrow: clamp(.69rem, .65rem + .15vw, .8125rem);

  /* --- */
  --sp-section: clamp(64px, 8.5vw, 128px);

  /* --- */
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
}

/* --- */
h1, .wp-block-post-title, .forun-display {
  font-size: var(--fs-display) !important;
  line-height: .96 !important;
  letter-spacing: -.032em !important;
  font-weight: 800 !important;
  text-wrap: balance;
  font-kerning: normal;
  font-feature-settings: "kern" 1, "liga" 1;
}

h2 {
  font-size: var(--fs-h2) !important;
  line-height: 1.06 !important;
  letter-spacing: -.026em !important;
  font-weight: 750 !important;
}

h3 {
  font-size: var(--fs-h3) !important;
  line-height: 1.18 !important;
  letter-spacing: -.018em !important;
}

/* --- */
.forun-eyebrow {
  display: inline-block;
  font-size: var(--fs-eyebrow);
  letter-spacing: .22em;
  text-transform: uppercase;
  font-weight: 650;
  color: var(--f-action);
  margin-bottom: var(--f-space-3);
}

/* --- */
.forun-hero-full {
  position: relative;
  isolation: isolate;
  overflow: clip;
  display: grid;
  align-content: end;
  margin: 0 0 var(--f-space-8);
  background: var(--f-navy-900);
  color: #fff;
  /* --- */
  min-height: 560px;
  min-height: clamp(560px, 88vh, 960px);
  border-radius: 0;
}

@supports (height: 100svh) {
  .forun-hero-full { min-height: clamp(560px, 88svh, 960px); }
}

@media (max-width: 768px) {
  .forun-hero-full { min-height: min(76svh, 620px); }
}

.forun-hero-full .forun-hero-media {
  position: absolute;
  inset: 0;
  z-index: -1;
}

.forun-hero-full .forun-hero-media img,
.forun-hero-full .forun-hero-media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 60%;   /* --- */
  display: block;
}

/* --- */
.forun-hero-full::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(to top,
      rgba(16, 24, 32, .90) 0%,
      rgba(16, 24, 32, .55) 30%,
      rgba(16, 24, 32, .14) 58%,
      transparent 78%),
    linear-gradient(to right,
      rgba(16, 24, 32, .52) 0%,
      transparent 52%);
}

.forun-hero-inner {
  width: min(100% - 2 * var(--f-space-5), var(--f-container));
  margin-inline: auto;
  padding-block: var(--f-space-9) var(--f-space-7);
  max-width: 52ch;
}

.forun-hero-full .forun-eyebrow {
  color: var(--f-cyan);
  text-shadow: 0 1px 8px rgba(0, 0, 0, .5);
}

.forun-hero-full h1 {
  color: #fff !important;
  margin: 0 0 var(--f-space-3) !important;
  text-shadow: 0 2px 20px rgba(0, 0, 0, .42);
  max-width: 20ch;
}

.forun-hero-sub {
  font-size: var(--fs-body);
  color: rgba(255, 255, 255, .86);
  max-width: 54ch;
  line-height: 1.6;
  margin: 0 0 var(--f-space-5);
  text-shadow: 0 1px 10px rgba(0, 0, 0, .4);
}

.forun-hero-cta {
  display: flex;
  gap: var(--f-space-3);
  flex-wrap: wrap;
  margin-top: var(--f-space-5);
}

@media (max-width: 700px) {
  .forun-hero-inner { padding-block: var(--f-space-7) var(--f-space-5); }
  .forun-hero-cta { gap: var(--f-space-2); }
  .forun-hero-cta .forun-btn { flex: 1 1 auto; justify-content: center; }
}

/* --- */
.forun-spec-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--f-space-4);
  list-style: none;
  margin: var(--f-space-6) 0 0;
  padding: var(--f-space-5) 0 0;
  border-top: 1px solid rgba(255, 255, 255, .20);
}

.forun-spec-strip li { margin: 0; }

.forun-spec-num {
  display: block;
  font-size: clamp(1.65rem, 3.2vw, 2.6rem);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.028em;
  font-variant-numeric: tabular-nums;
  color: #fff;
}

.forun-spec-num i {
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  margin-left: .14em;
  opacity: .70;
}

.forun-spec-lb {
  display: block;
  margin-top: .55em;
  font-size: var(--fs-eyebrow);
  letter-spacing: .13em;
  text-transform: uppercase;
  opacity: .66;
  font-weight: 600;
  color: #fff;
}

@media (max-width: 700px) {
  .forun-spec-strip { grid-template-columns: repeat(2, 1fr); gap: var(--f-space-4) var(--f-space-3); }
}

/* --- */
.forun-spec-strip--light {
  border-top-color: var(--f-gray-200);
}
.forun-spec-strip--light .forun-spec-num { color: var(--f-navy-900); }
.forun-spec-strip--light .forun-spec-lb { color: var(--f-gray-500); }

/* --- */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .forun-reveal {
      animation: forun-reveal-in linear both;
      animation-timeline: view();
      animation-range: entry 10% cover 32%;
    }
    @keyframes forun-reveal-in {
      from { opacity: 0; transform: translateY(26px); }
      to   { opacity: 1; transform: none; }
    }
  }
}

/* --- */
.forun-reveal--js {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity .7s var(--ease-out), transform .7s var(--ease-out);
}
.forun-reveal--js.is-in { opacity: 1; transform: none; }
.forun-reveal--js[style*="--d"] { transition-delay: calc(var(--d, 0) * 90ms); }

@media (prefers-reduced-motion: reduce) {
  .forun-reveal--js { opacity: 1; transform: none; transition: none; }
}

/* --- */
.forun-card {
  transition: transform .55s var(--ease-out), box-shadow .55s var(--ease-out),
              border-color .55s var(--ease-out) !important;
}

.forun-card:hover {
  transform: translateY(-8px) !important;
  box-shadow:
    0 2px 6px rgba(15, 23, 42, .14),
    0 24px 48px -12px rgba(15, 23, 42, .30) !important;
}

.forun-card img { transition: transform .9s var(--ease-out) !important; }
.forun-card:hover img { transform: scale(1.055) !important; }

/* --- */
.forun-card::after {
  content: "";
  position: absolute;
  left: 0; bottom: 0;
  height: 3px; width: 100%;
  background: var(--f-action);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .5s var(--ease-out);
  z-index: 2;
}
.forun-card:hover::after { transform: scaleX(1); }

/* --- */
.forun-card::before { display: none; }

/* --- */
@media (hover: none) {
  .forun-card:hover { transform: none !important; box-shadow: var(--f-shadow-xs) !important; }
  .forun-card:hover img { transform: none !important; }
  .forun-card:hover::after { transform: scaleX(0); }
}

/* --- */
.forun-section {
  padding-block: var(--sp-section);
}
.forun-section--dark {
  background: var(--f-navy-900);
  color: #fff;
  margin-inline: calc(-50vw + 50%);
  padding-inline: calc(50vw - 50%);
}
.forun-section--dark h2 { color: #fff !important; border-bottom-color: rgba(255,255,255,.14); }
.forun-section--dark h2::before { background: var(--f-cyan); }
.forun-section--dark p { color: rgba(255, 255, 255, .76); }
.forun-section--dark strong { color: #fff; }
.forun-section--dark + .forun-section--dark { border-top: 1px solid rgba(255,255,255,.09); }
.forun-section--tint { background: var(--f-gray-50); }

/* --- */
.forun-section--grid {
  position: relative;
  overflow: clip;
}
.forun-section--grid::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .16;
  background-image:
    linear-gradient(rgba(255, 255, 255, .06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .06) 1px, transparent 1px);
  background-size: 64px 64px;
  -webkit-mask-image: radial-gradient(120% 80% at 50% 0%, #000 18%, transparent 76%);
  mask-image: radial-gradient(120% 80% at 50% 0%, #000 18%, transparent 76%);
}
.forun-section--grid > * { position: relative; z-index: 1; }

/* --- */
.forun-rail {
  position: relative;
  margin: var(--f-space-6) 0;
}
.forun-rail-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(270px, 32%);
  gap: var(--f-space-4);
  list-style: none;
  margin: 0;
  padding: var(--f-space-2) var(--f-space-2) var(--f-space-4);
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
.forun-rail-track::-webkit-scrollbar { display: none; }
.forun-rail-track > * { scroll-snap-align: start; margin: 0; }

@media (max-width: 768px) {
  .forun-rail-track { grid-auto-columns: 84%; }
}

/* --- */
.forun-rail-hint {
  display: none;
  font-size: .78rem;
  color: var(--f-gray-500);
  font-weight: 600;
  margin-bottom: var(--f-space-2);
}
@media (max-width: 768px) {
  .forun-rail-hint { display: block; }
}

/* --- */
.forun-compare-band {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  border-top: 1px solid var(--f-gray-200);
  border-bottom: 1px solid var(--f-gray-200);
  margin: var(--f-space-6) 0;
}
.forun-compare-cell {
  padding: var(--f-space-5) var(--f-space-4);
  border-right: 1px solid var(--f-gray-200);
  transition: background .3s var(--ease-out);
}
.forun-compare-cell:last-child { border-right: 0; }
.forun-compare-cell:hover { background: var(--f-gray-50); }
.forun-compare-cell h4 {
  margin: 0 0 var(--f-space-2);
  font-size: .95rem;
  color: var(--f-navy-900);
}
.forun-compare-val {
  display: block;
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--f-action);
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}
.forun-compare-lab {
  display: block;
  font-size: .76rem;
  color: var(--f-gray-500);
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-top: 3px;
}

/* --- */
.entry-content img,
.forun-hero-full img,
.forun-card img,
.forun-gallery img {
  max-width: 100%;
  height: auto;
}
/* --- */
.forun-ratio-16-9 { aspect-ratio: 16 / 9; overflow: clip; }
.forun-ratio-4-3  { aspect-ratio: 4 / 3;  overflow: clip; }
.forun-ratio-21-9 { aspect-ratio: 21 / 9; overflow: clip; }
.forun-ratio-16-9 img,
.forun-ratio-4-3 img,
.forun-ratio-21-9 img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 58%; }

/* --- */
.forun-hero-full img { loading: eager; }

/* --- */
.forun-fullbleed {
  position: relative;
  isolation: isolate;
  overflow: clip;
  margin: var(--f-space-8) 0;
  border-radius: var(--f-radius-lg);
  background: var(--f-navy-900);
}
.forun-fullbleed img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 58%;
  display: block;
  aspect-ratio: 21 / 9;
  min-height: 300px;
}
.forun-fullbleed-caption {
  position: absolute;
  inset: auto 0 0 0;
  padding: var(--f-space-6) var(--f-space-5) var(--f-space-5);
  background: linear-gradient(to top,
    rgba(16, 24, 32, .90) 0%, rgba(16, 24, 32, .45) 45%, transparent 100%);
  color: #fff;
}
.forun-fullbleed-caption h3 {
  color: #fff;
  margin: 0 0 var(--f-space-2);
  font-size: clamp(1.1rem, 2.2vw, 1.7rem);
}
.forun-fullbleed-caption p {
  margin: 0;
  color: rgba(255, 255, 255, .84);
  font-size: .95rem;
  max-width: 58ch;
}

@media (max-width: 700px) {
  .forun-fullbleed { margin-inline: calc(-1 * var(--f-space-4)); border-radius: 0; }
  .forun-fullbleed img { aspect-ratio: 4 / 3; }
  .forun-fullbleed-caption { padding: var(--f-space-5) var(--f-space-4) var(--f-space-4); }
}

/* --- */
@property --forun-n {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}

.forun-counter {
  font-variant-numeric: tabular-nums;
  font-weight: 800;
  counter-reset: forun-counter var(--forun-n);
}
.forun-counter::after {
  content: counter(forun-counter);
}

@media (prefers-reduced-motion: no-preference) {
  .forun-reveal.is-in .forun-counter,
  .forun-reveal:not(.forun-reveal--js) .forun-counter {
    animation: forun-count-up 1.5s var(--ease-out) both;
  }
  @keyframes forun-count-up {
    from { --forun-n: 0; }
  }
}

/* --- */
.forun-subnav {
  position: sticky;
  top: 0;
  z-index: 9990;
  display: flex;
  gap: var(--f-space-2);
  overflow-x: auto;
  scrollbar-width: none;
  padding: var(--f-space-3) var(--f-space-4);
  margin: 0 calc(-1 * var(--f-space-4)) var(--f-space-6);
  background: rgba(255, 255, 255, .95);
  backdrop-filter: saturate(180%) blur(12px);
  -webkit-backdrop-filter: saturate(180%) blur(12px);
  border-bottom: 1px solid var(--f-gray-200);
}
.forun-subnav::-webkit-scrollbar { display: none; }
.forun-subnav a {
  flex: none;
  padding: 7px 15px;
  border-radius: 100px;
  font-size: .875rem;
  font-weight: 600;
  color: var(--f-gray-600);
  text-decoration: none !important;
  white-space: nowrap;
  transition: background .22s var(--ease-out), color .22s var(--ease-out);
}
.forun-subnav a:hover { background: var(--f-gray-100); color: var(--f-navy-900); }

/* --- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

/* --- */
:lang(zh), :lang(es), :lang(fr) { font-synthesis-weight: none; }

/* --- */
:focus-visible {
  outline: 2px solid var(--f-action);
  outline-offset: 3px;
  border-radius: 2px;
}

/* --- */
.wp-block-post-title,
h1.wp-block-post-title,
.entry-content > .wp-block-post-title {
  display: none !important;
}

/* --- */
body.home .wp-block-post-title,
body.page .wp-block-post-title {
  display: none !important;
}

/* --- */
body.search .wp-block-post-title,
body.archive .wp-block-post-title {
  display: block !important;
}

/* ==========================================================================
   44. Export markets map (replaces country tag cloud)
   ========================================================================== */
.forun-map-wrap {
  margin: var(--f-space-6) 0;
  border: 1px solid var(--f-gray-200);
  border-radius: var(--f-radius-lg);
  overflow: hidden;
  background: var(--f-white);
  box-shadow: var(--f-shadow-sm);
}

.forun-map-head {
  padding: var(--f-space-5) var(--f-space-5) var(--f-space-3);
}

.forun-map-head h3 {
  margin: 0 0 var(--f-space-2);
  font-size: var(--fs-h3);
}

.forun-map-head p {
  margin: 0;
  color: var(--f-gray-600);
  font-size: .94rem;
  max-width: 72ch;
}

.forun-map-canvas {
  padding: 0 var(--f-space-4);
  background: linear-gradient(180deg, #fbfcfe 0%, #f4f7fb 100%);
}

.forun-map-svg {
  display: block;
  width: 100%;
  height: auto;
  max-height: 460px;
}

/* Map hit animation on reveal */
.forun-map-svg .forun-map-hit path {
  transition: fill .3s var(--ease-out);
}
.forun-map-svg:hover .forun-map-hit path { fill: #a30d24; }

.forun-map-legend {
  display: flex;
  flex-wrap: wrap;
  gap: var(--f-space-4);
  padding: var(--f-space-4) var(--f-space-5);
  border-top: 1px solid var(--f-gray-200);
  background: var(--f-gray-50);
}

.forun-map-key {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: .86rem;
  font-weight: 600;
  color: var(--f-gray-700);
}

.forun-map-key::before {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 3px;
  flex: none;
}

.forun-map-key--hit::before  { background: var(--f-action); }
.forun-map-key--miss::before { background: #d7dee8; border: 1px solid #c3ccd8; }

.forun-map-regions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: var(--f-space-4) var(--f-space-5);
  border-top: 1px solid var(--f-gray-100);
}

.forun-map-region {
  display: inline-block;
  padding: 5px 13px;
  border-radius: 100px;
  font-size: .82rem;
  font-weight: 600;
  background: var(--f-red-100);
  color: var(--f-brand);
  border: 1px solid rgba(16, 24, 32, .18);
}

.forun-map-note {
  margin: 0;
  padding: var(--f-space-3) var(--f-space-5) var(--f-space-4);
  font-size: .82rem;
  color: var(--f-gray-500);
  line-height: 1.55;
  border-top: 1px solid var(--f-gray-100);
}

@media (max-width: 700px) {
  .forun-map-canvas { padding: 0 var(--f-space-2); }
  .forun-map-svg { max-height: 260px; }
  .forun-map-head,
  .forun-map-legend,
  .forun-map-regions { padding-inline: var(--f-space-4); }
}

/* ==========================================================================
   45. Custom footer (real links, replaces the default navigation block)
   ========================================================================== */
.forun-footer {
  background: var(--f-navy-900);
  color: rgba(255, 255, 255, .74);
  margin-top: var(--f-space-9);
  padding-block: var(--f-space-8) var(--f-space-5);
  font-size: .92rem;
}

.forun-footer-inner {
  width: min(100% - 2 * var(--f-space-5), var(--f-container));
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr;
  gap: var(--f-space-6);
}

.forun-fbrand p {
  margin: var(--f-space-3) 0 0;
  color: rgba(255, 255, 255, .62);
  font-size: .88rem;
  line-height: 1.6;
  max-width: 40ch;
}

.forun-flogo {
  display: inline-block;
  font-weight: 800;
  font-size: 1.15rem;
  letter-spacing: .16em;
  color: #fff;
}

.forun-fwa a {
  color: var(--f-cyan) !important;
  font-weight: 650;
  text-decoration: none;
}
.forun-fwa a:hover { text-decoration: underline; }

.forun-fcol h4 {
  margin: 0 0 var(--f-space-3);
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .5);
}

.forun-fcol ul { list-style: none; margin: 0; padding: 0; }
.forun-fcol li { margin-bottom: 9px; }

.forun-fcol a {
  color: rgba(255, 255, 255, .82) !important;
  text-decoration: none;
  font-size: .89rem;
  transition: color .2s var(--ease-out);
}
.forun-fcol a:hover { color: #fff !important; text-decoration: underline; }

.forun-footer-bottom {
  width: min(100% - 2 * var(--f-space-5), var(--f-container));
  margin: var(--f-space-6) auto 0;
  padding-top: var(--f-space-4);
  border-top: 1px solid rgba(255, 255, 255, .10);
  font-size: .82rem;
  color: rgba(255, 255, 255, .48);
}

@media (max-width: 860px) {
  .forun-footer-inner { grid-template-columns: 1fr 1fr; gap: var(--f-space-5); }
  .forun-fbrand { grid-column: 1 / -1; }
}
@media (max-width: 520px) {
  .forun-footer-inner { grid-template-columns: 1fr; }
  .forun-footer { padding-block: var(--f-space-6) var(--f-space-4); }
}

/* Hide the theme's own footer template part (we render our own) */
.wp-block-template-part[data-area="footer"] { display: none !important; }

/* ==========================================================================
   46. DESKTOP WIDTH FIX
   问题：父主题 theme.json 的 contentSize = 645px，桌面端内容只占屏幕 45%，
        观感等同手机单列布局。
   修复：子主题 theme.json 覆写为 1200px / 1560px，并让宽元素真正突破容器。
   ========================================================================== */

/* 主内容容器：不再锁死在 645px */
.wp-site-blocks,
.wp-site-blocks > *,
main.wp-block-group.is-layout-constrained,
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: var(--f-container) !important;
}

/* 宽元素（表格、矩阵、地图、场景图）突破到 wideSize */
.entry-content > .forun-matrix-wrap,
.entry-content > .forun-map-wrap,
.entry-content > .forun-export-box,
.entry-content > .forun-compare-band,
.entry-content > .forun-grid,
.entry-content > .forun-rail,
.wp-block-post-content > .forun-matrix-wrap,
.wp-block-post-content > .forun-map-wrap,
.wp-block-post-content > .forun-export-box,
.wp-block-post-content > .forun-compare-band,
.wp-block-post-content > .forun-grid,
.wp-block-post-content > .forun-rail {
  max-width: 1560px !important;
  width: 100%;
  margin-inline: auto;
}

/* 全宽区块：真正铺满视口（产生"大厂感"的关键） */
.forun-fullbleed,
.entry-content > .forun-fullbleed,
.wp-block-post-content > .forun-fullbleed {
  max-width: 100vw !important;
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  border-radius: 0;
}

/* 深色区块同样铺满 */
.forun-section--dark {
  max-width: 100vw !important;
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-inline: max(var(--f-space-5), calc((100vw - var(--f-container)) / 2));
}

/* Hero 已经全宽，确保不被容器裁切 */
.forun-hero-full,
.entry-content > .forun-hero-full {
  max-width: 100vw !important;
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  border-radius: 0;
}

/* 正文段落保持可读宽度（不要跟着变宽） */
.entry-content > p,
.wp-block-post-content > p,
.entry-content > ul,
.entry-content > ol {
  max-width: 78ch;
}

/* 大屏上加宽容器，充分利用空间 */
@media (min-width: 1600px) {
  :root { --f-container: 1320px; }
  .entry-content > .forun-matrix-wrap,
  .entry-content > .forun-map-wrap,
  .entry-content > .forun-export-box,
  .entry-content > .forun-compare-band,
  .entry-content > .forun-grid {
    max-width: 1680px !important;
  }
}

/* ── 车型卡片网格：桌面端强制 3 列（不再因容器窄而挤成 1-2 列）── */
@media (min-width: 1024px) {
  .forun-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: var(--f-space-5);
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .forun-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* ── 关键规格卡：桌面 6 列 ── */
@media (min-width: 1100px) {
  .forun-key-specs { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
}
@media (min-width: 700px) and (max-width: 1099px) {
  .forun-key-specs { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

/* ── 数据条：桌面 4 列 ── */
@media (min-width: 900px) {
  .forun-stats { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}

/* ── 规格数字带：桌面 4 列（已在 Hero 内，确认不被压窄）── */
@media (min-width: 900px) {
  .forun-spec-strip { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}

/* ── 对比带：桌面 4 列 ── */
@media (min-width: 900px) {
  .forun-compare-band { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}

/* ── 交易条件：桌面 5 列 ── */
@media (min-width: 1000px) {
  .forun-deal { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
}

/* ── 图库：桌面 4 列 ── */
@media (min-width: 1000px) {
  .forun-gallery { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  .forun-gallery img { height: 190px !important; }
}

/* ── 地图：桌面更高 ── */
@media (min-width: 1000px) {
  .forun-map-svg { max-height: 560px !important; }
}

/* ── 配置筛选器：桌面单行排列 ── */
@media (min-width: 900px) {
  .forun-filter { flex-wrap: nowrap; align-items: flex-end; }
  .forun-filter-group { flex: 0 0 auto; }
}

/* ── 页脚：桌面 4 列已定义，补超大屏 ── */
@media (min-width: 1600px) {
  .forun-footer-inner { max-width: 1440px; }
}

/* ── 表格：桌面显示更多列（矩阵表 12 列需要宽度）── */
@media (min-width: 1200px) {
  table.forun-matrix { min-width: 1100px; }
}

/* ── 修正：全宽元素的横向滚动条 ── */
html, body { overflow-x: hidden; }
.forun-fullbleed, .forun-section--dark, .forun-hero-full { overflow: clip; }

/* ==========================================================================
   47. HERO & TYPOGRAPHY SCALE FIX
   问题（桌面截图发现）：
   1. Hero 未顶到页面顶部 —— 上方有 235px 空白（主容器 max-width 约束）
   2. H1 过大（clamp 上限 5rem），在 1440px 上占 6 行，把 CTA 挤到折叠线以下
   3. 首屏看不到任何内容，用户必须滚动
   ========================================================================== */

/* ── 1. Hero 顶到最上（突破主容器的左右与上下约束）── */
.forun-hero-full,
.entry-content > .forun-hero-full,
.wp-block-post-content > .forun-hero-full {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* 主内容区顶部去掉主题默认间距 */
main.wp-block-group,
.wp-site-blocks > main,
.wp-block-group-is-layout-constrained {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.wp-site-blocks { padding-top: 0 !important; }

/* 自定义导航栏：固定在顶部并给 hero 让位 */
#forun-header {
  position: relative;
  z-index: 9999;
}

/* 若 Hero 是页面首元素，消除其上的所有间距 */
.entry-content > .forun-hero-full:first-child,
.wp-block-post-content > .forun-hero-full:first-child {
  margin-top: calc(-1 * var(--f-space-5)) !important;
}

/* ── 2. H1 字号收敛（原来 5rem 太大）── */
.forun-hero-full h1 {
  font-size: clamp(1.85rem, 1rem + 2.1vw, 3.05rem) !important;
  line-height: 1.06 !important;
  letter-spacing: -.026em !important;
  max-width: 17ch !important;
  margin-bottom: var(--f-space-3) !important;
}

/* 非 Hero 的 H1（内页标题）稍小 */
h1:not(.forun-hero-full h1),
.wp-block-post-title {
  font-size: clamp(1.7rem, 1rem + 1.9vw, 2.7rem) !important;
  line-height: 1.1 !important;
}

/* ── 3. Hero 高度：确保 CTA 在首屏内 ── */
.forun-hero-full {
  min-height: 520px !important;
  min-height: clamp(520px, 78vh, 760px) !important;
}
@supports (height: 100svh) {
  .forun-hero-full { min-height: clamp(520px, 78svh, 760px) !important; }
}
@media (max-width: 768px) {
  .forun-hero-full { min-height: min(70svh, 560px) !important; }
}

/* ── 4. Hero 内边距收敛（原来 padding 太大）── */
.forun-hero-inner {
  padding-block: var(--f-space-7) var(--f-space-6) !important;
  max-width: 46ch !important;
}

/* Hero 副标题稍小，避免抢 H1 */
.forun-hero-sub {
  font-size: clamp(.94rem, .9rem + .2vw, 1.05rem) !important;
  max-width: 50ch !important;
  margin-bottom: var(--f-space-4) !important;
}

/* ── 5. 规格数字带：贴近首屏底部 ── */
.forun-spec-strip {
  margin-top: var(--f-space-5) !important;
  padding-top: var(--f-space-4) !important;
}
.forun-spec-num { font-size: clamp(1.5rem, 2.6vw, 2.15rem) !important; }

/* ── 6. H2 也收敛一档 ── */
h2 {
  font-size: clamp(1.5rem, 1.1rem + 1.5vw, 2.2rem) !important;
  line-height: 1.12 !important;
}

/* ── 7. 区块上下留白收敛（原来 128px 太松）── */
:root { --sp-section: clamp(48px, 5.5vw, 88px); }

/* ── 8. 页面顶部：导航紧贴 Hero ── */
body { margin: 0; }
.wp-site-blocks { margin-top: 0; }

/* ── 9. 全宽场景图：上下不留大空隙 ── */
.forun-fullbleed { margin-block: var(--f-space-7) !important; }
.forun-fullbleed img { aspect-ratio: 21 / 9; min-height: 260px !important; }

/* ── 10. 统计条 / 规格卡：收紧内边距 ── */
.forun-stat { padding: var(--f-space-4) !important; }
.forun-key-spec { padding: var(--f-space-3) !important; }

/* ==========================================================================
   48. HERO TRUE FULL-BLEED + SPEC STRIP LAYOUT
   第二轮截图发现的三个问题：
   1. Hero 未真正全宽（左右各 120px 白边）—— 因为父容器有 padding
   2. 规格数字带排版挤压（132markets、3 units/40'HQ 换行错位）
   3. H1 仍占 3 行，可再收紧
   ========================================================================== */

/* ── 1. Hero 真正全宽：用负 margin 抵消父容器 padding ── */
/* removed: caused off-screen offset */

/* 父容器若有 padding，用这招彻底抵消 */
/* removed: caused off-screen offset */

/* 全宽场景图同样处理 */
/* removed: caused off-screen offset */

/* ── 2. 规格数字带：重排为规整 4 列，数字与单位同行 ── */
.forun-spec-strip {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: var(--f-space-4) !important;
  align-items: start;
  margin-top: var(--f-space-6) !important;
  padding-top: var(--f-space-5) !important;
}

.forun-spec-strip li {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.forun-spec-num {
  display: flex !important;
  align-items: baseline;
  gap: .18em;
  font-size: clamp(1.45rem, 2.4vw, 2rem) !important;
  line-height: 1 !important;
  white-space: nowrap;
}

.forun-spec-num i {
  font-size: 12px !important;
  font-style: normal;
  font-weight: 600;
  opacity: .68;
  letter-spacing: 0;
  white-space: nowrap;
}

.forun-spec-lb {
  display: block !important;
  margin-top: 0 !important;
  font-size: 12px !important;
  letter-spacing: .10em !important;
  line-height: 1.35 !important;
  text-transform: uppercase;
  opacity: .62;
}

@media (max-width: 760px) {
  .forun-spec-strip { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: var(--f-space-4) var(--f-space-3) !important; }
  .forun-spec-num { font-size: 1.3rem !important; }
  .forun-spec-lb { font-size: 12px !important; }
}

/* ── 3. H1 再收紧一档 ── */
.forun-hero-full h1 {
  font-size: clamp(1.7rem, .95rem + 1.85vw, 2.7rem) !important;
  max-width: 19ch !important;
  line-height: 1.08 !important;
}

@media (max-width: 900px) {
  .forun-hero-full h1 { font-size: clamp(1.55rem, 1.1rem + 2vw, 2.1rem) !important; }
}

/* ── 4. Hero 内部布局：左对齐更稳（避免居中在宽图上的漂浮感）── */
.forun-hero-inner {
  max-width: 52ch !important;
  padding-block: var(--f-space-8) var(--f-space-7) !important;
}

/* ── 5. 导航栏也全宽（和 Hero 对齐）── */
#forun-header {
  width: 100% !important;
  max-width: 100% !important;
}

/* ── 6. Hero 底部与下一区块的间距 ── */
.forun-hero-full + h2 { margin-top: var(--f-space-8) !important; }
.forun-hero-full + .forun-spec-strip + h2 { margin-top: var(--f-space-8) !important; }

/* ── 7. 深色区块与 Hero 无缝衔接 ── */
.forun-section--dark { width: 100vw !important; max-width: 100vw !important; }

/* ==========================================================================
   49. ROOT-LEVEL FULL-BLEED
   第三轮截图：Hero 左右仍各 72px 白边
   原因：WordPress 的 has-global-padding / is-layout-constrained 在 main 上
        注入了 padding-inline，我们的负 margin 抵消不干净
   修复：直接把主容器的 padding-inline 归零，让所有全宽元素自然铺满
   ========================================================================== */

/* ── 1. 主容器去掉左右 padding（我们自己在内部元素上加）── */
main.wp-block-group,
main.wp-block-group.has-global-padding,
.wp-block-group-is-layout-constrained,
.entry-content,
.wp-block-post-content,
.wp-site-blocks {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ── 2. 普通内容重新获得左右留白（只给文本类元素）── */
.entry-content > h1,
.entry-content > h2,
.entry-content > h3,
.entry-content > h4,
.entry-content > p,
.entry-content > ul,
.entry-content > ol,
.entry-content > blockquote,
.entry-content > .forun-grid,
.entry-content > .forun-stats,
.entry-content > .forun-badges,
.entry-content > .forun-deal,
.entry-content > .forun-cta,
.entry-content > .forun-clearance,
.entry-content > .forun-rfq,
.entry-content > .forun-filter,
.entry-content > .forun-subnav,
.entry-content > .forun-acc,
.entry-content > .forun-spec-wrap,
.entry-content > .forun-config,
.entry-content > .forun-compare-band,
.entry-content > .forun-export-box,
.entry-content > .forun-map-wrap,
.entry-content > .forun-matrix-wrap,
.wp-block-post-content > h1,
.wp-block-post-content > h2,
.wp-block-post-content > h3,
.wp-block-post-content > h4,
.wp-block-post-content > p,
.wp-block-post-content > ul,
.wp-block-post-content > ol,
.wp-block-post-content > .forun-grid,
.wp-block-post-content > .forun-stats,
.wp-block-post-content > .forun-badges,
.wp-block-post-content > .forun-deal,
.wp-block-post-content > .forun-cta,
.wp-block-post-content > .forun-clearance,
.wp-block-post-content > .forun-rfq,
.wp-block-post-content > .forun-filter,
.wp-block-post-content > .forun-subnav,
.wp-block-post-content > .forun-acc,
.wp-block-post-content > .forun-spec-wrap,
.wp-block-post-content > .forun-config,
.wp-block-post-content > .forun-compare-band,
.wp-block-post-content > .forun-export-box,
.wp-block-post-content > .forun-map-wrap,
.wp-block-post-content > .forun-matrix-wrap,
.entry-content > details,
.entry-content > table,
.wp-block-post-content > details,
.wp-block-post-content > table {
  width: min(100% - 2 * var(--f-space-5), var(--f-container));
  max-width: min(100% - 2 * var(--f-space-5), var(--f-container)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ── 3. 宽元素用宽容器 ── */
.entry-content > .forun-grid,
.entry-content > .forun-compare-band,
.entry-content > .forun-export-box,
.entry-content > .forun-map-wrap,
.entry-content > .forun-matrix-wrap,
.entry-content > .forun-stats,
.wp-block-post-content > .forun-grid,
.wp-block-post-content > .forun-compare-band,
.wp-block-post-content > .forun-export-box,
.wp-block-post-content > .forun-map-wrap,
.wp-block-post-content > .forun-matrix-wrap,
.wp-block-post-content > .forun-stats {
  width: min(100% - 2 * var(--f-space-5), 1560px);
  max-width: min(100% - 2 * var(--f-space-5), 1560px) !important;
}

/* ── 4. 全宽元素：彻底铺满（父容器已无 padding）── */
.forun-hero-full,
.entry-content > .forun-hero-full,
.wp-block-post-content > .forun-hero-full {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 0 !important;
}

.forun-fullbleed,
.entry-content > .forun-fullbleed,
.wp-block-post-content > .forun-fullbleed {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-radius: 0 !important;
}

.forun-section--dark {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-inline: max(var(--f-space-5), calc((100% - var(--f-container)) / 2)) !important;
}

/* ── 5. 确保没有横向滚动条 ── */
html, body { overflow-x: clip; max-width: 100vw; }

/* ── 6. 移动端：内容贴边但留 16px ── */
@media (max-width: 700px) {
  .entry-content > h1, .entry-content > h2, .entry-content > h3,
  .entry-content > p, .entry-content > ul, .entry-content > ol,
  .entry-content > .forun-grid, .entry-content > .forun-stats,
  .entry-content > .forun-deal, .entry-content > .forun-cta,
  .entry-content > .forun-clearance, .entry-content > .forun-rfq,
  .entry-content > .forun-config, .entry-content > .forun-spec-wrap,
  .wp-block-post-content > h1, .wp-block-post-content > h2, .wp-block-post-content > h3,
  .wp-block-post-content > p, .wp-block-post-content > ul, .wp-block-post-content > ol,
  .wp-block-post-content > .forun-grid, .wp-block-post-content > .forun-stats,
  .wp-block-post-content > .forun-deal, .wp-block-post-content > .forun-cta,
  .wp-block-post-content > .forun-clearance, .wp-block-post-content > .forun-rfq,
  .wp-block-post-content > .forun-config, .wp-block-post-content > .forun-spec-wrap {
    width: min(100% - 2 * var(--f-space-4), 100%);
    max-width: min(100% - 2 * var(--f-space-4), 100%) !important;
  }
}

/* ── 7. 子导航吸顶条全宽 ── */
.forun-subnav {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-inline: max(var(--f-space-4), calc((100% - var(--f-container)) / 2)) !important;
}

/* ==========================================================================
   50. LAYOUT RESET — 最终覆盖层
   前三轮的负 margin 互相冲突，导致 Hero left:-100px 跑出屏幕。
   这里建立单一、可预测的规则集，覆盖之前所有偏移规则。
   ========================================================================== */

/* 主容器：由 theme.json 的 contentSize(1200px) 居中，不加任何负 margin */
main.wp-block-group,
.wp-block-group-is-layout-constrained,
.entry-content,
.wp-block-post-content {
  width: 100%;
  max-width: var(--f-container) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--f-space-5) !important;
  padding-right: var(--f-space-5) !important;
}

/* Hero：在容器内铺满（容器已是 1200px，视觉上足够宽）*/
.forun-hero-full,
.entry-content > .forun-hero-full,
.wp-block-post-content > .forun-hero-full {
  width: calc(100% + 2 * var(--f-space-5)) !important;
  max-width: calc(100% + 2 * var(--f-space-5)) !important;
  margin-left: calc(-1 * var(--f-space-5)) !important;
  margin-right: calc(-1 * var(--f-space-5)) !important;
  margin-top: 0 !important;
  border-radius: 0 !important;
}

/* 全宽场景图：同样铺满容器 */
.forun-fullbleed,
.entry-content > .forun-fullbleed,
.wp-block-post-content > .forun-fullbleed {
  width: calc(100% + 2 * var(--f-space-5)) !important;
  max-width: calc(100% + 2 * var(--f-space-5)) !important;
  margin-left: calc(-1 * var(--f-space-5)) !important;
  margin-right: calc(-1 * var(--f-space-5)) !important;
  border-radius: 0 !important;
}

/* 宽元素（表格/地图/网格）：占满容器 */
.entry-content > .forun-grid,
.entry-content > .forun-compare-band,
.entry-content > .forun-export-box,
.entry-content > .forun-map-wrap,
.entry-content > .forun-matrix-wrap,
.entry-content > .forun-stats,
.entry-content > .forun-deal,
.wp-block-post-content > .forun-grid,
.wp-block-post-content > .forun-compare-band,
.wp-block-post-content > .forun-export-box,
.wp-block-post-content > .forun-map-wrap,
.wp-block-post-content > .forun-matrix-wrap,
.wp-block-post-content > .forun-stats,
.wp-block-post-content > .forun-deal {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 大屏：容器放宽到 1320px */
@media (min-width: 1600px) {
  :root { --f-container: 1320px; }
}

/* 彻底禁止横向滚动 */
html, body { overflow-x: hidden !important; }

/* 筛选器计数 */
.forun-filter-count {
  font-size: .85rem;
  font-weight: 600;
  color: var(--f-gray-500);
  margin-left: auto;
  align-self: center;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.forun-filter-hint {
  color: var(--f-gray-600);
  font-size: .94rem;
  margin-bottom: var(--f-space-4);
}
@media (max-width: 700px) {
  .forun-filter-count { margin-left: 0; align-self: flex-start; flex-basis: 100%; }
}

/* ==========================================================================
   51. CENTERED HERO & CONTENT
   用户反馈：内容居中比较好
   当前 Hero 文字左对齐、CTA 靠左，视觉重心偏左。
   改为居中：文字居中 + CTA 居中 + 规格带居中；正文段落也居中排版。
   ========================================================================== */

/* ---------- 1. Hero 内容居中 ---------- */
.forun-hero-inner {
  max-width: 100% !important;
  margin-inline: auto !important;
  text-align: center !important;
  padding-block: var(--f-space-8) var(--f-space-7) !important;
}

.forun-hero-full .forun-eyebrow {
  display: block;
  text-align: center;
  margin-bottom: var(--f-space-3);
}

.forun-hero-full h1 {
  margin-inline: auto !important;
  text-align: center !important;
  max-width: 22ch !important;
}

.forun-hero-sub {
  margin-inline: auto !important;
  text-align: center !important;
  max-width: 62ch !important;
}

/* CTA 居中 */
.forun-hero-cta {
  justify-content: center !important;
  margin-top: var(--f-space-5);
}

/* 规格数字带居中（每项内部也居中） */
.forun-spec-strip {
  max-width: 1000px;
  margin-inline: auto !important;
  margin-top: var(--f-space-6) !important;
}

.forun-spec-strip li {
  align-items: center !important;
  text-align: center !important;
}

.forun-spec-num {
  justify-content: center !important;
}

.forun-spec-lb {
  text-align: center !important;
}

@media (max-width: 760px) {
  .forun-spec-strip { max-width: 100%; }
}

/* ---------- 2. 页面主标题与引言居中 ---------- */
.entry-content > h1,
.wp-block-post-content > h1 {
  text-align: center !important;
  margin-inline: auto !important;
}

/* H1 后面紧跟的引言段落居中 */
.entry-content > h1 + p,
.wp-block-post-content > h1 + p {
  text-align: center !important;
  margin-inline: auto !important;
  max-width: 76ch;
}

/* ---------- 3. 区块标题（H2）居中 ---------- */
.entry-content > h2,
.wp-block-post-content > h2 {
  text-align: center !important;
}

/* H2 的中文竖线在居中时改为上下装饰（可选，这里保留竖线但居中） */
.entry-content > h2::before,
.wp-block-post-content > h2::before {
  display: none;   /* 居中标题去掉左侧竖线，保持对称 */
}

/* H2 后紧跟的说明段落也居中 */
.entry-content > h2 + p,
.wp-block-post-content > h2 + p {
  text-align: center !important;
  margin-inline: auto !important;
  max-width: 78ch;
}

/* ---------- 4. 列表/表格等块级内容保持左对齐（可读性） ---------- */
.entry-content > ul,
.entry-content > ol,
.wp-block-post-content > ul,
.wp-block-post-content > ol {
  text-align: left !important;
  max-width: 78ch;
  margin-inline: auto !important;
}

.entry-content > table,
.entry-content > .forun-spec-wrap,
.entry-content > .forun-acc,
.entry-content > .forun-export-box,
.entry-content > .forun-map-wrap,
.entry-content > .forun-matrix-wrap,
.wp-block-post-content > table,
.wp-block-post-content > .forun-spec-wrap,
.wp-block-post-content > .forun-acc,
.wp-block-post-content > .forun-export-box,
.wp-block-post-content > .forun-map-wrap,
.wp-block-post-content > .forun-matrix-wrap {
  text-align: left !important;   /* 表格/规格表左对齐才好读 */
}

/* ---------- 5. 卡片内部保持左对齐（产品卡不宜居中） ---------- */
.forun-card-body {
  text-align: left !important;
}

/* ---------- 6. 配置卡的标题栏居中（视觉平衡） ---------- */
.forun-spec-head {
  justify-content: space-between;
}

/* ---------- 7. 对比带单元格居中 ---------- */
.forun-compare-cell {
  text-align: center !important;
}

.forun-compare-cell h4,
.forun-compare-cell p {
  text-align: center !important;
}

/* ---------- 8. 数据条 / 规格卡居中 ---------- */
.forun-stat,
.forun-key-spec {
  text-align: center !important;
}

/* ---------- 9. 交易条件区块居中 ---------- */
.forun-deal-item {
  text-align: center !important;
}

.forun-deal-note {
  text-align: center !important;
}

/* ---------- 10. 清关提示居中 ---------- */
.forun-clearance {
  text-align: center !important;
}

/* ---------- 11. 折叠面板标题居中 ---------- */
.forun-acc > summary {
  justify-content: center !important;
  text-align: center;
}

/* ---------- 12. 大型屏：让 Hero 文字更舒展 ---------- */
@media (min-width: 1200px) {
  .forun-hero-inner { padding-block: var(--f-space-9) var(--f-space-8) !important; }
  .forun-hero-sub { max-width: 58ch !important; }
}

/* ==========================================================================
   52. HERO TEXT CONTRAST (centered layout)
   居中后文字压在车身上，原渐变不够（车身高光区域最暗处仅 0.14 alpha）
   改为「整体压暗 + 局部加强」双层，确保 WCAG 对比度
   ========================================================================== */

/* 第一层：整体均匀压暗（保证任何位置文字都可读） */
.forun-hero-full::after {
  background:
    /* 顶部到底部的强遮罩 */
    linear-gradient(to top,
      rgba(11, 17, 22, .96) 0%,
      rgba(11, 17, 22, .88) 22%,
      rgba(11, 17, 22, .78) 45%,
      rgba(11, 17, 22, .72) 68%,
      rgba(11, 17, 22, .68) 100%),
    /* 径向暗角，强化中心文字区 */
    radial-gradient(80% 70% at 50% 52%,
      rgba(11, 17, 22, .55) 0%,
      rgba(11, 17, 22, .30) 45%,
      transparent 75%) !important;
}

/* eyebrow：原来用青色/红色，在深底上可读性差 → 改为亮色 */
.forun-hero-full .forun-eyebrow {
  color: #ff6b81 !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .85), 0 0 24px rgba(0, 0, 0, .6);
  letter-spacing: .20em;
  font-weight: 700;
}

/* H1：加强阴影 */
.forun-hero-full h1 {
  color: #fff !important;
  text-shadow:
    0 2px 4px rgba(0, 0, 0, .55),
    0 6px 28px rgba(0, 0, 0, .65),
    0 0 60px rgba(0, 0, 0, .4);
}

/* 副标题：原来 rgba(255,255,255,.86)，对比度不足 → 提到 .96 + 阴影 */
.forun-hero-sub {
  color: rgba(255, 255, 255, .96) !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .7), 0 4px 18px rgba(0, 0, 0, .5);
  font-weight: 450;
}

/* 规格数字带：数字纯白 + 标签提亮 */
.forun-spec-num {
  color: #fff !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .7);
}
.forun-spec-lb {
  color: rgba(255, 255, 255, .82) !important;
  text-shadow: 0 1px 6px rgba(0, 0, 0, .7);
  font-weight: 650;
}

/* 规格带上方的分隔线提亮 */
.forun-spec-strip {
  border-top-color: rgba(255, 255, 255, .26) !important;
}

/* CTA 按钮加阴影，从背景里"浮"出来 */
.forun-hero-cta .forun-btn {
  box-shadow: 0 4px 16px rgba(0, 0, 0, .45), 0 1px 3px rgba(0, 0, 0, .3);
}
.forun-hero-cta .forun-btn:hover {
  box-shadow: 0 6px 22px rgba(0, 0, 0, .55);
}

/* ── 移动端：遮罩再强一档（屏幕小、文字占比大）── */
@media (max-width: 760px) {
  .forun-hero-full::after {
    background:
      linear-gradient(to top,
        rgba(11, 17, 22, .97) 0%,
        rgba(11, 17, 22, .92) 35%,
        rgba(11, 17, 22, .86) 100%) !important;
  }
  .forun-hero-sub { font-size: .92rem !important; }
}

/* ── 如果浏览器支持 backdrop-filter，给文字区加一层玻璃（更高级）── */
@supports (backdrop-filter: blur(2px)) {
  .forun-hero-inner {
    position: relative;
  }
  .forun-hero-inner::before {
    content: "";
    position: absolute;
    inset: calc(-1 * var(--f-space-5)) calc(-1 * var(--f-space-6));
    background: radial-gradient(70% 60% at 50% 50%, rgba(11, 17, 22, .42) 0%, transparent 72%);
    backdrop-filter: blur(1.5px);
    -webkit-backdrop-filter: blur(1.5px);
    border-radius: var(--f-radius-lg);
    z-index: -1;
    pointer-events: none;
  }
}

/* ==========================================================================
   53. EDITORIAL WHITE — 画册白全站改造（Phase ①a + ①b）
   规范来源：Codex《forunmotor-画册白-风格规范.md》(2026-10-07 23:02)
   原则：一体化 / 扁平 / 大气 / 单一强调色 / 首页不展示产品细节

   本节置于文件末尾，用声明级覆盖实现，不改动既有结构。
   ========================================================================== */

/* ==========================================================================
   53.1 设计令牌重写
   ========================================================================== */
:root {
  /* ---- 规范令牌（唯一权威来源）---- */
  --ew-white:      #ffffff;   /* 页面底色，纯白 */
  --ew-ink:        #111214;   /* 正文主色，近黑 */
  --ew-ink-2:      #676b70;   /* 次级文字（副文/说明/页脚） */
  --ew-rule:       #e8e9eb;   /* 分隔线，1px，唯一分区手段 */
  --ew-red:        #c8102e;   /* 强调色（白字 5.88:1 AA） */
  --ew-red-hover:  #a30d24;

  /* ---- 间距：8px 递进 ---- */
  --ew-1: 8px;
  --ew-2: 16px;
  --ew-3: 24px;
  --ew-4: 32px;
  --ew-5: 40px;
  --ew-6: 56px;
  --ew-7: 72px;
  --ew-8: 96px;
  --ew-block: 26px;           /* 区块内边距下限（规范：26–34px）*/
  --ew-block-lg: 34px;

  /* ---- 容器 ---- */
  --ew-container: 1200px;
  --ew-gutter: 24px;

  /* ---- 字体栈：系统字体，零 webfont ---- */
  --ew-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
             "Noto Sans", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
  --ew-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  /* ---- 排版 ---- */
  --ew-h1: clamp(40px, 6vw, 64px);
  --ew-h1-lh: 1.04;
  --ew-h1-ls: -0.02em;
  --ew-kicker: 11px;
  --ew-kicker-ls: .18em;
  --ew-body: 15.5px;
  --ew-body-lh: 1.7;
  --ew-block-title: 16px;
  --ew-num: 25px;

  /* ============================================================
     覆盖旧令牌（保持兼容，值改为画册白）
     旧的 --f-navy-* / --f-brand 等仍被大量规则引用，
     这里把它们重新指向规范色，避免遗漏。
     ============================================================ */
  --f-brand:      var(--ew-red);
  --f-brand-900:  #8b0a1f;
  --f-action:     var(--ew-red);
  --f-action-hover: var(--ew-red-hover);
  --f-red-600:    var(--ew-red);
  --f-red-700:    var(--ew-red-hover);
  --f-red-500:    #e11d3c;
  --f-red-100:    #fdf2f4;

  /* 深色系 → 画册白体系里只用于红带与页脚 */
  --f-navy-900:   var(--ew-ink);
  --f-navy-800:   var(--ew-ink);
  --f-navy-700:   #1c1e21;
  --f-navy-600:   #2a2d31;
  --f-navy-500:   #3b3f44;

  /* 中性灰 → 规范灰阶 */
  --f-white:      var(--ew-white);
  --f-gray-50:    #fafafa;
  --f-gray-100:   #f4f5f6;
  --f-gray-200:   var(--ew-rule);
  --f-gray-300:   #d6d8db;
  --f-gray-400:   #a8acb1;
  --f-gray-500:   var(--ew-ink-2);
  --f-gray-600:   #55595e;
  --f-gray-700:   #3b3f44;
  --f-gray-800:   #26282c;
  --f-gray-900:   var(--ew-ink);

  --f-container:      var(--ew-container);
  --f-container-narrow: 860px;

  /* 辅助色：画册白体系里不用，全部降级为灰 */
  --f-accent:     var(--ew-ink-2);
  --f-accent-600: var(--ew-ink-2);
  --f-accent-100: var(--ew-white);
  --f-amber-600:  var(--ew-ink-2);
  --f-amber-500:  var(--ew-ink-2);
  --f-amber-400:  var(--ew-ink-2);
  --f-amber-100:  var(--ew-white);
  --f-cyan:       var(--ew-red);
  --f-blue-2727:  var(--ew-red);
  --f-yellow:     var(--ew-ink-2);
  --f-green-7479: var(--ew-ink-2);
  --f-silver:     #90928f;
  --f-gold:       #887550;
  --f-foton-blue: #041954;

  --f-whatsapp:       var(--ew-red);
  --f-whatsapp-hover: var(--ew-red-hover);
}

/* ==========================================================================
   53.2 全局扁平化 —— 声明级清零
   规范 §二：禁用阴影、渐变、圆角（radius 一律 0）
   ========================================================================== */

/* ---- 圆角清零 ---- */
*,
*::before,
*::after {
  border-radius: 0 !important;
}

/* ---- 阴影清零 ---- */
*,
*::before,
*::after {
  box-shadow: none !important;
  text-shadow: none !important;
  -webkit-box-shadow: none !important;
}

/* ---- 渐变清零（保留图标背景图，用白名单排除）---- */
.forun-hero-full::after,
.forun-hero-full::before,
.forun-section--dark,
.forun-compare-band,
.forun-deal,
.forun-clearance,
.forun-cta,
.forun-footer,
.forun-map-wrap,
.forun-spec-strip,
.forun-stats,
.forun-card,
.forun-config,
.forun-key-spec,
.forun-stat,
.forun-filter,
.forun-acc,
.forun-export-box,
.forun-badges span,
.forun-rail {
  background-image: none !important;
}

/* 通用兜底：任何元素上残留的渐变都去掉（checkbox/select 箭头除外） */
.forun-hero-full,
.forun-hero-media,
.forun-fullbleed,
.entry-content > *,
.wp-block-post-content > * {
  background-image: none !important;
}

/* 恢复必要的原生控件图形 */
input[type="checkbox"],
input[type="radio"],
select,
.forun-wa svg,
.forun-icon {
  background-image: revert !important;
}

/* ---- 过渡动效收敛：只保留 color / border-color / text-decoration，≤180ms ---- */
*,
*::before,
*::after {
  transition-property: color, background-color, border-color, text-decoration-color !important;
  transition-duration: 160ms !important;
  transition-timing-function: ease !important;
}

/* 禁止位移/缩放/淡入动画 */
.forun-reveal,
.forun-reveal.is-in,
[data-reveal],
.forun-card:hover,
.forun-stat:hover,
.forun-key-spec:hover,
.forun-btn:hover,
.forun-config:hover {
  transform: none !important;
  scale: none !important;
  translate: none !important;
  opacity: 1 !important;
  animation: none !important;
}

/* 滚动淡入在画册白体系里取消（规范 §八禁止淡入滚动动画） */
.forun-reveal { opacity: 1 !important; visibility: visible !important; }

/* ==========================================================================
   53.3 排版体系
   ========================================================================== */
html { -webkit-text-size-adjust: 100%; }

body,
.entry-content,
.wp-block-post-content,
button, input, select, textarea {
  font-family: var(--ew-font) !important;
  color: var(--ew-ink);
}

body {
  background: var(--ew-white) !important;
  font-size: var(--ew-body);
  line-height: var(--ew-body-lh);
}

/* 正文段落用次级灰（规范 §三） */
.entry-content > p,
.wp-block-post-content > p,
.entry-content > ul,
.entry-content > ol,
.wp-block-post-content > ul,
.wp-block-post-content > ol {
  color: var(--ew-ink-2) !important;
  font-size: var(--ew-body);
  line-height: var(--ew-body-lh);
}

/* H1 */
h1, .forun-hero-full h1 {
  font-family: var(--ew-font) !important;
  font-size: var(--ew-h1) !important;
  line-height: var(--ew-h1-lh) !important;
  letter-spacing: var(--ew-h1-ls) !important;
  font-weight: 700 !important;
  color: var(--ew-ink) !important;
}

/* Kicker（原 forun-eyebrow） */
.forun-eyebrow,
.forun-kicker {
  font-size: var(--ew-kicker) !important;
  letter-spacing: var(--ew-kicker-ls) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: var(--ew-red) !important;
}

/* 区块标题 */
h2 {
  font-family: var(--ew-font) !important;
  font-size: clamp(24px, 3vw, 34px) !important;
  line-height: 1.15 !important;
  letter-spacing: -.015em !important;
  font-weight: 700 !important;
  color: var(--ew-ink) !important;
}

h3 {
  font-size: var(--ew-block-title) !important;
  font-weight: 700 !important;
  color: var(--ew-ink) !important;
  letter-spacing: 0 !important;
}

h4 {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--ew-ink) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* 数字统一 tabular-nums */
.forun-spec-num, .forun-stat-num, .forun-num, .forun-key-spec-value, td, th {
  font-variant-numeric: tabular-nums;
}

.forun-spec-num, .forun-stat-num, .forun-num {
  font-size: var(--ew-num) !important;
  font-weight: 700 !important;
  color: var(--ew-ink) !important;
}

/* 链接 */
a {
  color: var(--ew-red);
  text-decoration: none;
}
a:hover {
  color: var(--ew-red-hover);
  text-decoration: underline;
}

/* 正文里的链接用近黑 + 下划线（画册风格） */
.entry-content p a,
.wp-block-post-content p a {
  color: var(--ew-ink);
  border-bottom: 1px solid var(--ew-ink);
}
.entry-content p a:hover,
.wp-block-post-content p a:hover {
  color: var(--ew-red);
  border-bottom-color: var(--ew-red);
  text-decoration: none;
}

/* ==========================================================================
   53.4 分区手段：只剩 1px 细线
   ========================================================================== */
.forun-section,
.forun-fullbleed + h2,
h2 {
  border-top: 0;
}

/* 区块之间用 1px 线 */
.entry-content > h2,
.wp-block-post-content > h2 {
  padding-top: var(--ew-block-lg);
  border-top: 1px solid var(--ew-rule);
  margin-top: var(--ew-6) !important;
  margin-bottom: var(--ew-3) !important;
}

.hr, hr {
  border: 0;
  border-top: 1px solid var(--ew-rule);
  margin-block: var(--ew-5);
}

/* 卡片一律去外壳，只留细线 */
.forun-card,
.forun-config,
.forun-key-spec,
.forun-stat,
.forun-deal-item,
.forun-compare-cell,
.forun-acc,
.forun-filter,
.forun-export-box {
  background: var(--ew-white) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ew-rule) !important;
  padding: var(--ew-block) 0 !important;
}

/* 网格之间用竖线（等分格） */
.forun-stats,
.forun-deal,
.forun-compare-band {
  border-top: 1px solid var(--ew-rule);
  border-bottom: 1px solid var(--ew-rule);
}

.forun-stat,
.forun-deal-item,
.forun-compare-cell {
  border-bottom: 0 !important;
  border-right: 1px solid var(--ew-rule);
}
.forun-stat:last-child,
.forun-deal-item:last-child,
.forun-compare-cell:last-child {
  border-right: 0 !important;
}

/* ==========================================================================
   53.5 按钮：方角、无阴影、红底白字 / 描边
   ========================================================================== */
.forun-btn,
button.forun-btn,
input[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 26px !important;
  font-family: var(--ew-font) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: .01em;
  background: var(--ew-red) !important;
  color: var(--ew-white) !important;
  border: 1px solid var(--ew-red) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  cursor: pointer;
}

.forun-btn:hover,
input[type="submit"]:hover {
  background: var(--ew-red-hover) !important;
  border-color: var(--ew-red-hover) !important;
  color: var(--ew-white) !important;
}

/* 次要按钮：描边 */
.forun-btn--ghost,
.forun-btn-outline,
.forun-hero-cta .forun-btn + .forun-btn {
  background: transparent !important;
  color: var(--ew-ink) !important;
  border: 1px solid var(--ew-ink) !important;
}
.forun-btn--ghost:hover,
.forun-btn-outline:hover,
.forun-hero-cta .forun-btn + .forun-btn:hover {
  background: var(--ew-ink) !important;
  color: var(--ew-white) !important;
}

/* WhatsApp 按钮统一为红底（规范：单一强调色） */
.forun-btn-green,
a[href*="wa.me"] {
  background: var(--ew-red) !important;
  color: var(--ew-white) !important;
  border-color: var(--ew-red) !important;
}
.forun-btn-green:hover {
  background: var(--ew-red-hover) !important;
}

/* ==========================================================================
   53.6 表单：方角输入框
   ========================================================================== */
input[type="text"], input[type="email"], input[type="tel"],
input[type="number"], input[type="search"], select, textarea,
.ff-el-form-control {
  font-family: var(--ew-font) !important;
  font-size: 15px !important;
  color: var(--ew-ink) !important;
  background: var(--ew-white) !important;
  border: 1px solid var(--ew-rule) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 12px 14px !important;
}

input:focus, select:focus, textarea:focus,
.ff-el-form-control:focus {
  outline: none !important;
  border-color: var(--ew-ink) !important;
  box-shadow: none !important;
}

label, .ff-el-input--label label {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--ew-ink) !important;
}

/* 错误提示用红色文字，不做弹窗（规范 §七） */
.ff-el-is-error .ff-el-form-control,
.ff-el-is-error input {
  border-color: var(--ew-red) !important;
  background: var(--ew-white) !important;
}
.ff-el-is-error .error,
.ff-message-error {
  color: var(--ew-red) !important;
  background: transparent !important;
  border: 0 !important;
  padding: 6px 0 0 !important;
  font-size: 13px !important;
}

/* ==========================================================================
   53.7 图片：无圆角、无边框、无阴影、无遮罩
   ========================================================================== */
img,
.forun-fullbleed img,
.forun-hero-media img,
.forun-gallery img,
.entry-content img,
.wp-block-post-content img {
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* ==========================================================================
   53.8 表格 / 参数表：细线行，无卡片外壳
   ========================================================================== */
table,
table.forun-spec,
table.forun-matrix {
  border: 0 !important;
  border-collapse: collapse !important;
  width: 100%;
  font-size: 14px;
}

table th,
table.forun-spec th,
table.forun-matrix th {
  background: var(--ew-white) !important;
  color: var(--ew-ink) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-align: left;
  padding: 14px 12px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ew-ink) !important;
}

table td,
table.forun-spec td,
table.forun-matrix td {
  background: transparent !important;
  color: var(--ew-ink) !important;
  padding: 13px 12px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ew-rule) !important;
}

/* 首列字段名用次级灰 */
table.forun-spec td:first-child,
table.forun-matrix td:first-child {
  color: var(--ew-ink-2) !important;
  font-weight: 400;
}

table tr:hover td { background: var(--ew-white) !important; }

/* 表头吸顶：白底 + 细线 */
table.forun-matrix thead th,
table.forun-spec thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--ew-white) !important;
}

/* ==========================================================================
   53.9 页脚：画册风（白底 + 细线）
   ========================================================================== */
.forun-footer {
  background: var(--ew-white) !important;
  color: var(--ew-ink-2) !important;
  border-top: 1px solid var(--ew-rule);
  padding-block: var(--ew-6) var(--ew-4) !important;
}

.forun-flogo {
  color: var(--ew-ink) !important;
  letter-spacing: .14em !important;
  font-size: 1rem !important;
}

.forun-fbrand p { color: var(--ew-ink-2) !important; font-size: 14px; }
.forun-fwa a { color: var(--ew-red) !important; }

.forun-fcol h4 {
  color: var(--ew-ink-2) !important;
  font-size: 12px !important;
  letter-spacing: .16em !important;
  font-weight: 700 !important;
}

.forun-fcol a { color: var(--ew-ink) !important; font-size: 14px; }
.forun-fcol a:hover { color: var(--ew-red) !important; }

.forun-footer-bottom {
  border-top: 1px solid var(--ew-rule) !important;
  color: var(--ew-ink-2) !important;
  font-size: 12.5px !important;
}

/* 页脚上方的口径脚注（Codex 裁决策略 B） */
.forun-footnote {
  width: min(100% - 2 * var(--ew-gutter), var(--ew-container));
  margin: var(--ew-5) auto 0;
  padding-top: var(--ew-3);
  border-top: 1px solid var(--ew-rule);
  font-size: 12.5px;
  line-height: 1.6;
  color: var(--ew-ink-2);
  text-align: center;
}

/* ==========================================================================
   53.10 吸底询价条：白底细线，无阴影
   ========================================================================== */
#forun-quote-bar {
  background: var(--ew-white) !important;
  border-top: 1px solid var(--ew-rule) !important;
  box-shadow: none !important;
}

/* ==========================================================================
   53.11 浮动 WhatsApp：改为红底方角
   ========================================================================== */
.forun-wa,
#forun-wa-float {
  background: var(--ew-red) !important;
  color: var(--ew-white) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 1px solid var(--ew-red) !important;
}
.forun-wa:hover {
  background: var(--ew-red-hover) !important;
}

/* ==========================================================================
   53.12 旧视觉元素降级
   ========================================================================== */
/* 场景图（forun-fullbleed）：只留图片，去掉所有修饰 */
.forun-fullbleed {
  background: var(--ew-white) !important;
  margin-block: var(--ew-6) !important;
}
.forun-fullbleed img {
  width: 100%;
  aspect-ratio: 8 / 3;
  object-fit: cover;
  display: block;
}

/* 子导航：白底细线 */
.forun-subnav {
  background: var(--ew-white) !important;
  border-bottom: 1px solid var(--ew-rule) !important;
  padding-block: 14px !important;
}
.forun-subnav a {
  color: var(--ew-ink-2) !important;
  font-size: 13.5px !important;
  font-weight: 600;
  padding: 6px 0 !important;
  border-bottom: 2px solid transparent;
}
.forun-subnav a:hover,
.forun-subnav a.is-active {
  color: var(--ew-ink) !important;
  border-bottom-color: var(--ew-red) !important;
  text-decoration: none !important;
}

/* 地图：去灰底，改白底细线框 */
.forun-map-wrap {
  background: var(--ew-white) !important;
  border: 1px solid var(--ew-rule) !important;
  padding: var(--ew-block) !important;
}
.forun-map-legend { color: var(--ew-ink-2) !important; }
.forun-map-note { color: var(--ew-ink-2) !important; font-size: 13px !important; }
.forun-map-key--hit::before { background: var(--ew-red) !important; }
.forun-map-key--miss::before { background: var(--ew-rule) !important; }

/* 折叠面板：细线 */
.forun-acc { border-bottom: 1px solid var(--ew-rule) !important; }
.forun-acc > summary {
  color: var(--ew-ink) !important;
  font-weight: 700;
  padding: 16px 0 !important;
}
.forun-acc > summary:hover { color: var(--ew-red) !important; }

/* 国家标签（折叠清单内）：方角细线 chip */
.forun-market {
  background: var(--ew-white) !important;
  border: 1px solid var(--ew-rule) !important;
  color: var(--ew-ink-2) !important;
  font-size: 12.5px !important;
  padding: 5px 10px !important;
  border-radius: 0 !important;
}
.forun-market.is-key {
  border-color: var(--ew-red) !important;
  color: var(--ew-red) !important;
  background: var(--ew-white) !important;
}

/* ==========================================================================
   53.13 红带（全站唯一大面积红色）—— 留给 ② 阶段
   ========================================================================== */
.forun-red-band {
  background: var(--ew-red) !important;
  color: var(--ew-white) !important;
  padding-block: var(--ew-7) !important;
}
.forun-red-band h2,
.forun-red-band p {
  color: var(--ew-white) !important;
}
.forun-red-band .forun-btn {
  background: transparent !important;
  color: var(--ew-white) !important;
  border: 1px solid var(--ew-white) !important;
}
.forun-red-band .forun-btn:hover {
  background: var(--ew-white) !important;
  color: var(--ew-red) !important;
}

/* ==========================================================================
   53.14 深色区块降级（原 forun-section--dark）
   画册白体系里不再用深色分区，改为白底 + 细线
   ========================================================================== */
.forun-section--dark {
  background: var(--ew-white) !important;
  color: var(--ew-ink) !important;
  border-top: 1px solid var(--ew-rule);
  padding-block: var(--ew-6) !important;
}
.forun-section--dark h2,
.forun-section--dark h3,
.forun-section--dark strong {
  color: var(--ew-ink) !important;
}
.forun-section--dark p {
  color: var(--ew-ink-2) !important;
}
.forun-section--dark h2::before {
  background: var(--ew-red) !important;
}

/* ==========================================================================
   53.15 筛选器：方角、1px 边框、选中态红底边
   ========================================================================== */
.forun-filter {
  background: var(--ew-white) !important;
  border-bottom: 1px solid var(--ew-rule) !important;
  gap: var(--ew-3) !important;
  padding-block: var(--ew-3) !important;
}
.forun-filter-group label {
  font-size: 12px !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: var(--ew-ink-2) !important;
  font-weight: 700 !important;
}
.forun-filter select {
  background: var(--ew-white) !important;
  border: 1px solid var(--ew-rule) !important;
  border-bottom: 2px solid transparent !important;
  color: var(--ew-ink) !important;
  min-width: 148px;
}
.forun-filter select:focus,
.forun-filter select:valid {
  border-bottom-color: var(--ew-red) !important;
}
.forun-filter-reset {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ew-ink) !important;
  color: var(--ew-ink) !important;
  font-size: 13px !important;
  font-weight: 700;
  padding: 6px 0 !important;
  cursor: pointer;
}
.forun-filter-reset:hover { color: var(--ew-red) !important; border-bottom-color: var(--ew-red) !important; }
.forun-filter-count { color: var(--ew-ink-2) !important; font-size: 13px !important; }
.forun-filter-hint { color: var(--ew-ink-2) !important; font-size: 14px !important; }

/* 配置卡：细线行 */
.forun-config {
  background: var(--ew-white) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ew-rule) !important;
  padding: var(--ew-block) 0 !important;
}
.forun-spec-head {
  border-bottom: 1px solid var(--ew-rule) !important;
  padding-bottom: 12px !important;
  margin-bottom: 12px !important;
}

/* ==========================================================================
   54. HERO → EDITORIAL SPLIT（方案 A）
   背景：规范 §二 禁渐变/遮罩，但图上叠字无遮罩读不清（实测深色 H1 压车身）。
   解法：按规范 §六 的字面结构执行——
        §2 通栏主视觉 = 纯图片（8:3，无遮罩、无文字）
        §3 标题区    = 图片下方的独立白底区块（Kicker + H1 + 副文 + 2 CTA）
   这样 100% 合规，且文字对比度绝对安全。
   ========================================================================== */

/* ---- 1. Hero 容器：从"图上叠字"改为"图 + 下方标题"的竖向堆叠 ---- */
.forun-hero-full,
.forun-hero {
  position: static !important;
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
  background: var(--ew-white) !important;
  overflow: visible !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* 去掉一切遮罩层（::before / ::after） */
.forun-hero-full::before,
.forun-hero-full::after,
.forun-hero::before,
.forun-hero::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

/* ---- 2. 主视觉图：通栏 8:3，无修饰 ---- */
.forun-hero-media {
  position: static !important;
  inset: auto !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  margin-top: 0 !important;
  z-index: auto !important;
  order: 1;
}

.forun-hero-media img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 8 / 3 !important;
  object-fit: cover !important;
  object-position: center 55% !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

@media (max-width: 760px) {
  .forun-hero-media img { aspect-ratio: 4 / 3 !important; }
}

/* ---- 3. 标题区：图片下方的白底区块 ---- */
.forun-hero-inner {
  position: static !important;
  inset: auto !important;
  display: block !important;
  width: min(100% - 2 * var(--ew-gutter), var(--ew-container)) !important;
  max-width: min(100% - 2 * var(--ew-gutter), var(--ew-container)) !important;
  margin: 0 auto !important;
  padding: var(--ew-6) 0 var(--ew-5) !important;
  text-align: center !important;
}

/* Kicker 居中 */
.forun-hero-full .forun-eyebrow {
  display: block !important;
  text-align: center !important;
  margin-bottom: var(--ew-3) !important;
  color: var(--ew-red) !important;
  font-size: 12px !important;
  letter-spacing: .18em !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

/* H1：规范 §九 验收要求 ≥56px @1200px 视口 */
.forun-hero-full h1 {
  color: var(--ew-ink) !important;
  font-size: clamp(40px, 6vw, 64px) !important;
  line-height: 1.04 !important;
  letter-spacing: -.02em !important;
  font-weight: 700 !important;
  max-width: 20ch !important;
  margin: 0 auto var(--ew-3) !important;
  text-align: center !important;
}

/* 副文 */
.forun-hero-sub {
  color: var(--ew-ink-2) !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  max-width: 62ch !important;
  margin: 0 auto var(--ew-4) !important;
  text-align: center !important;
}

/* ---- 4. CTA：红底实心 + 黑描边 ---- */
.forun-hero-cta {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: var(--ew-2) !important;
  flex-wrap: wrap;
  margin-top: 0 !important;
}

.forun-hero-cta .forun-btn {
  padding: 15px 30px !important;
  font-size: 14.5px !important;
}

/* 第二个 CTA 改为描边（规范：CTA 2 = 描边） */
.forun-hero-cta .forun-btn + .forun-btn {
  background: var(--ew-white) !important;
  color: var(--ew-ink) !important;
  border: 1px solid var(--ew-ink) !important;
}
.forun-hero-cta .forun-btn + .forun-btn:hover {
  background: var(--ew-ink) !important;
  color: var(--ew-white) !important;
}

/* ---- 5. 规格数字带：四格细线，白底 ---- */
.forun-hero-full .forun-spec-strip,
.forun-spec-strip {
  width: min(100% - 2 * var(--ew-gutter), var(--ew-container)) !important;
  max-width: min(100% - 2 * var(--ew-gutter), var(--ew-container)) !important;
  margin: var(--ew-5) auto 0 !important;
  padding: var(--ew-4) 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  border-top: 1px solid var(--ew-rule) !important;
  border-bottom: 1px solid var(--ew-rule) !important;
  background: var(--ew-white) !important;
}

.forun-spec-strip li {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  text-align: center !important;
  padding: 0 var(--ew-2) !important;
  border-right: 1px solid var(--ew-rule) !important;
}
.forun-spec-strip li:last-child { border-right: 0 !important; }

.forun-spec-num {
  display: flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: .18em !important;
  font-size: 25px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: var(--ew-ink) !important;
  white-space: nowrap;
}
.forun-spec-num i {
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  color: var(--ew-ink-2) !important;
  letter-spacing: 0 !important;
}
.forun-spec-lb {
  font-size: 12px !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: var(--ew-ink-2) !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  text-align: center !important;
}

@media (max-width: 760px) {
  .forun-spec-strip { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .forun-spec-strip li:nth-child(2) { border-right: 0 !important; }
  .forun-spec-strip li:nth-child(1),
  .forun-spec-strip li:nth-child(2) { border-bottom: 1px solid var(--ew-rule) !important; padding-bottom: var(--ew-3) !important; }
  .forun-spec-strip li:nth-child(3),
  .forun-spec-strip li:nth-child(4) { padding-top: var(--ew-3) !important; }
}

/* ---- 6. 取消 Hero 上的文字阴影残留 ---- */
.forun-hero-full * {
  text-shadow: none !important;
}

/* ==========================================================================
   55. PHASE ①c ①d ①e —— 白底头部 / 5 项导航 / 系统字体 / 首屏节奏
   ========================================================================== */

/* ==========================================================================
   55.1 白底头部：去深色条，1px 底线，可吸顶
   ========================================================================== */
#forun-header,
.forun-header,
header.site-header,
.wp-block-template-part[data-area="header"] {
  background: var(--ew-white) !important;
  border-bottom: 1px solid var(--ew-rule) !important;
  box-shadow: none !important;
  position: sticky !important;
  top: 0;
  z-index: 9000;
}

#forun-header {
  padding-block: 0 !important;
}

/* 头部内层容器 */
#forun-header .forun-header-inner,
.forun-header-inner {
  width: min(100% - 2 * var(--ew-gutter), 1320px) !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: var(--ew-4) !important;
  min-height: 68px;
}

/* Logo：近黑字，去掉蓝块 */
#forun-header .forun-logo,
.forun-logo,
.forun-flogo {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  color: var(--ew-ink) !important;
  font-weight: 800 !important;
  font-size: 1.06rem !important;
  letter-spacing: .13em !important;
  text-transform: uppercase;
  text-decoration: none !important;
}

/* Logo 方块标记：改成近黑方角（原为蓝色圆角） */
#forun-header .forun-logo::before,
.forun-logo-mark {
  content: "F";
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background: var(--ew-ink) !important;
  color: var(--ew-white) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  border-radius: 0 !important;
  flex: 0 0 30px;
}

/* Logo 副标题 */
.forun-logo-sub,
#forun-header .forun-logo small {
  display: block;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .1em !important;
  color: var(--ew-ink-2) !important;
  text-transform: uppercase;
  margin-top: 2px;
}

/* ---- 导航：5 项，白底，下划线指示 ---- */
#forun-header nav,
.forun-nav {
  display: flex !important;
  align-items: center !important;
  gap: var(--ew-4) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#forun-header nav a,
.forun-nav a {
  display: inline-block !important;
  padding: 24px 0 !important;
  margin: 0 !important;
  background: transparent !important;
  color: var(--ew-ink) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: .005em !important;
  text-decoration: none !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  white-space: nowrap;
}

#forun-header nav a:hover,
.forun-nav a:hover {
  color: var(--ew-red) !important;
  border-bottom-color: var(--ew-red) !important;
}

#forun-header nav a.is-active,
.forun-nav a.is-active,
#forun-header nav a[aria-current="page"] {
  color: var(--ew-ink) !important;
  border-bottom-color: var(--ew-ink) !important;
}

/* ---- 头部右侧：语言切换 + WhatsApp ---- */
.forun-header-right {
  display: flex !important;
  align-items: center !important;
  gap: var(--ew-3) !important;
}

/* 语言切换：文字式 EN · FR · ES */
.forun-lang {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.forun-lang a {
  display: inline-block !important;
  padding: 6px 8px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: .06em;
  color: var(--ew-ink-2) !important;
  text-decoration: none !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  text-transform: uppercase;
}

.forun-lang a:hover { color: var(--ew-ink) !important; }

.forun-lang a.is-active,
.forun-lang a[aria-current="true"] {
  color: var(--ew-ink) !important;
  border-bottom-color: var(--ew-red) !important;
}

/* WhatsApp 按钮：红底方角 */
#forun-header .forun-btn,
.forun-header-cta {
  padding: 11px 20px !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  background: var(--ew-red) !important;
  color: var(--ew-white) !important;
  border: 1px solid var(--ew-red) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  white-space: nowrap;
}
#forun-header .forun-btn:hover {
  background: var(--ew-red-hover) !important;
  border-color: var(--ew-red-hover) !important;
}

/* ---- 移动端：汉堡菜单 ---- */
.forun-burger {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 40px;
  height: 40px;
  padding: 0;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.forun-burger span {
  display: block;
  width: 22px;
  height: 2px;
  background: var(--ew-ink);
  margin: 0 auto;
  transition: none;
}

@media (max-width: 1024px) {
  .forun-burger { display: flex !important; }
  #forun-header nav,
  .forun-nav {
    display: none !important;
    position: absolute !important;
    top: 100%;
    left: 0;
    right: 0;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    background: var(--ew-white) !important;
    border-bottom: 1px solid var(--ew-rule) !important;
    padding: var(--ew-2) var(--ew-gutter) var(--ew-3) !important;
  }
  #forun-header nav.is-open,
  .forun-nav.is-open { display: flex !important; }

  #forun-header nav a,
  .forun-nav a {
    padding: 14px 0 !important;
    border-bottom: 1px solid var(--ew-rule) !important;
    font-size: 15px !important;
  }
  #forun-header nav a:last-child { border-bottom: 0 !important; }
}

/* 吸顶后加一条更明显的线（滚动状态） */
#forun-header.is-stuck {
  border-bottom-color: var(--ew-ink) !important;
}

/* ==========================================================================
   55.2 首屏节奏收敛 —— 保证 H1 + 双 CTA 在首屏内可见（规范 §九 第 5 条）
   ========================================================================== */
.forun-hero-inner {
  padding: var(--ew-4) 0 var(--ew-4) !important;
}

.forun-hero-full h1 {
  font-size: clamp(38px, 5.2vw, 56px) !important;
  margin-bottom: var(--ew-3) !important;
}

.forun-hero-sub {
  font-size: 15.5px !important;
  margin-bottom: var(--ew-3) !important;
}

.forun-hero-full .forun-spec-strip {
  margin-top: var(--ew-4) !important;
  padding: var(--ew-3) 0 !important;
}

/* Hero 主图在桌面端压低高度，让标题区进入首屏 */
@media (min-width: 761px) {
  .forun-hero-media img { aspect-ratio: 21 / 8 !important; }
}
@media (min-width: 1200px) {
  .forun-hero-media img { aspect-ratio: 24 / 8 !important; }
}

/* ==========================================================================
   55.3 系统字体栈落地 —— 清除 webfont 依赖
   ========================================================================== */
body, p, h1, h2, h3, h4, h5, h6, li, td, th, a, span, div,
button, input, select, textarea, label, small, strong, em {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Noto Sans", "PingFang SC", "Microsoft YaHei", Arial, sans-serif !important;
}

code, pre, kbd, samp, .forun-mono {
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace !important;
}

/* 隐藏 webfont 加载失败时的占位（Manrope / Fira Code 已不再引用）*/
@font-face {
  font-family: "Manrope";
  src: local("Arial");
}
@font-face {
  font-family: "Fira Code";
  src: local("Consolas");
}

/* ==========================================================================
   55.4 页面主容器与区块节奏
   ========================================================================== */
body { background: var(--ew-white) !important; }

main.wp-block-group,
.entry-content,
.wp-block-post-content {
  max-width: var(--ew-container) !important;
  margin-inline: auto !important;
  padding-left: var(--ew-gutter) !important;
  padding-right: var(--ew-gutter) !important;
}

.entry-content > h2,
.wp-block-post-content > h2 {
  margin-top: var(--ew-7) !important;
  padding-top: var(--ew-5) !important;
}

/* ==========================================================================
   56. 修正 ①c/①d 的两个问题
   1. Logo 重复"F"：.forun-logo::before 与 .forun-logo-mark 同时渲染
   2. 首屏 CTA 掉出视线（998px > 900px 视口）：收紧节奏
   ========================================================================== */

/* ---- 1. 去掉多余的伪元素（真实 span 已存在）---- */
#forun-header .forun-logo::before,
.forun-logo::before {
  content: none !important;
  display: none !important;
}

/* logo 方块标记：近黑方角 */
.forun-logo-mark {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  flex: 0 0 32px !important;
  background: var(--ew-ink) !important;
  color: var(--ew-white) !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  border-radius: 0 !important;
}

.forun-logo-text {
  display: flex !important;
  flex-direction: column !important;
  color: var(--ew-ink) !important;
  font-weight: 800 !important;
  font-size: 1rem !important;
  letter-spacing: .13em !important;
  line-height: 1.08 !important;
}
.forun-logo-text small {
  display: block !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  letter-spacing: .11em !important;
  color: var(--ew-ink-2) !important;
  text-transform: uppercase;
  margin-top: 3px;
}

/* ---- 2. 首屏节奏：确保 H1 + 副文 + 双 CTA 在 900px 视口内 ---- */

/* 主图更扁（21:8 → 让出垂直空间）*/
@media (min-width: 761px) {
  .forun-hero-media img { aspect-ratio: 21 / 7 !important; }
}
@media (min-width: 1200px) {
  .forun-hero-media img { aspect-ratio: 24 / 7 !important; }
}

/* 标题区上下留白收紧 */
.forun-hero-inner {
  padding: var(--ew-3) 0 var(--ew-3) !important;
}

/* Kicker 与 H1 的间距收紧 */
.forun-hero-full .forun-eyebrow {
  margin-bottom: var(--ew-2) !important;
}

/* H1 收一档（56px → 52px 上限），行高更紧 */
.forun-hero-full h1 {
  font-size: clamp(34px, 4.4vw, 52px) !important;
  line-height: 1.06 !important;
  margin-bottom: var(--ew-2) !important;
}

/* 副文收紧为单行感知 */
.forun-hero-sub {
  font-size: 15px !important;
  line-height: 1.62 !important;
  max-width: 68ch !important;
  margin-bottom: var(--ew-3) !important;
}

/* CTA 尺寸收一档 */
.forun-hero-cta .forun-btn {
  padding: 13px 26px !important;
  font-size: 14px !important;
}

/* 规格带下移，但压缩高度 */
.forun-hero-full .forun-spec-strip {
  margin-top: var(--ew-3) !important;
  padding: var(--ew-3) 0 !important;
}
.forun-spec-num { font-size: 22px !important; }
.forun-spec-lb { font-size: 12px !important; letter-spacing: .10em !important; }

/* 超宽屏：主图再扁一点，让首屏更完整 */
@media (min-width: 1600px) {
  .forun-hero-media img { aspect-ratio: 27 / 7 !important; }
}

/* 小屏：主图 16:9，标题区紧凑 */
@media (max-width: 760px) {
  .forun-hero-media img { aspect-ratio: 16 / 10 !important; }
  .forun-hero-inner { padding: var(--ew-3) 0 !important; }
  .forun-hero-full h1 { font-size: clamp(28px, 7.5vw, 38px) !important; }
  .forun-hero-sub { font-size: 14.5px !important; }
}

/* ==========================================================================
   57. CTA 分级修正 —— CTA 1 红底 / CTA 2 描边（规范 §六 第 3 段）
   问题：.forun-hero-cta 里两个 CTA 之间夹着 <br>，导致 `+` 选择器失效；
        且 .forun-btn-green 规则在文件更后面，覆盖了描边样式。
   解法：直接按类名定位第二个 CTA。
   ========================================================================== */

/* 第二个 CTA（带 forun-btn-green 类）→ 描边样式 */
.forun-hero-cta .forun-btn-green,
.forun-hero-cta .forun-btn + br + .forun-btn,
.forun-hero-cta .forun-btn ~ .forun-btn {
  background: var(--ew-white) !important;
  color: var(--ew-ink) !important;
  border: 1px solid var(--ew-ink) !important;
  box-shadow: none !important;
}

.forun-hero-cta .forun-btn-green:hover,
.forun-hero-cta .forun-btn ~ .forun-btn:hover {
  background: var(--ew-ink) !important;
  color: var(--ew-white) !important;
  border-color: var(--ew-ink) !important;
}

/* 去掉 CTA 之间的 <br>（用 flex gap 排版） */
.forun-hero-cta br {
  display: none !important;
}

/* 第一个 CTA 保持红底 */
.forun-hero-cta > .forun-btn:first-of-type,
.forun-hero-cta .forun-btn:not(.forun-btn-green) {
  background: var(--ew-red) !important;
  color: var(--ew-white) !important;
  border: 1px solid var(--ew-red) !important;
}
.forun-hero-cta > .forun-btn:first-of-type:hover {
  background: var(--ew-red-hover) !important;
  border-color: var(--ew-red-hover) !important;
}

/* ==========================================================================
   57.1 其他区块里的按钮同样分级
   ========================================================================== */
/* 正文里的次要按钮（forun-btn-green）也改描边，保持单一强调色 */
.entry-content .forun-btn-green:not(.forun-hero-cta .forun-btn-green),
.wp-block-post-content .forun-btn-green {
  background: var(--ew-white) !important;
  color: var(--ew-ink) !important;
  border: 1px solid var(--ew-ink) !important;
}
.entry-content .forun-btn-green:hover,
.wp-block-post-content .forun-btn-green:hover {
  background: var(--ew-ink) !important;
  color: var(--ew-white) !important;
}

/* forun-cta 区块：主按钮红底，次按钮描边 */
.forun-cta {
  text-align: center;
  padding: var(--ew-6) 0;
  border-top: 1px solid var(--ew-rule);
}
.forun-cta p { margin: 0 0 var(--ew-3); }
.forun-cta strong { color: var(--ew-ink) !important; font-size: 18px; }
.forun-cta .forun-btn { margin: 4px; }
.forun-cta .forun-btn-green {
  background: var(--ew-white) !important;
  color: var(--ew-ink) !important;
  border: 1px solid var(--ew-ink) !important;
}
.forun-cta .forun-btn-green:hover {
  background: var(--ew-ink) !important;
  color: var(--ew-white) !important;
}

/* ==========================================================================
   57.2 清理 Hero 里的 <br> 造成的额外行高
   ========================================================================== */
.forun-hero-cta { line-height: 0; }
.forun-hero-cta .forun-btn { line-height: 1.2; }

/* ==========================================================================
   58. 清除最后一个渐变残留（规范 §二：任何位置都不加渐变）
   forun-fullbleed-caption 原用 linear-gradient 做文字底衬
   改为：实色半透明单色（非渐变）+ 白字
   ========================================================================== */
.forun-fullbleed-caption,
.forun-fullbleed figcaption {
  background: rgba(17, 18, 20, .82) !important;
  background-image: none !important;
  color: #fff !important;
  padding: 10px 16px !important;
  font-size: 13px !important;
  letter-spacing: .02em;
  border-radius: 0 !important;
  text-shadow: none !important;
}

/* 兜底：任何残留的渐变装饰一并清除 */
.forun-fullbleed::before,
.forun-fullbleed::after {
  background-image: none !important;
  display: none !important;
}

/* ==========================================================================
   59. 清除残留灰底容器（规范 §二：不用底色分区，只用 1px 细线）
   用户截图中发现：Ordering terms 数据格、Why dealers order 说明块仍是灰底卡片。
   根因：节 53 只清了渐变（background-image），未清背景色（background-color）。
   ========================================================================== */

/* ---- 数据格容器：全部改白底 ---- */
.forun-deal,
.forun-compare-band,
.forun-stats,
.forun-hero-specs,
.forun-data-band,
.forun-key-specs {
  background: var(--ew-white) !important;
  background-color: var(--ew-white) !important;
  background-image: none !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 1px solid var(--ew-rule) !important;
  border-bottom: 1px solid var(--ew-rule) !important;
  padding: 0 !important;
  gap: 0 !important;
}

/* ---- 每一格：白底 + 右侧细线 ---- */
.forun-deal-item,
.forun-compare-cell,
.forun-stat {
  background: var(--ew-white) !important;
  background-color: var(--ew-white) !important;
  border: 0 !important;
  border-right: 1px solid var(--ew-rule) !important;
  border-bottom: 0 !important;
  padding: var(--ew-4) var(--ew-3) !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  min-width: 0;
}

.forun-deal-item:last-child,
.forun-compare-cell:last-child,
.forun-stat:last-child {
  border-right: 0 !important;
}

/* ---- 说明条（forun-deal-note）：去掉灰底，改纯文字 + 上细线 ---- */
.forun-deal-note {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-top: 1px solid var(--ew-rule) !important;
  padding: var(--ew-3) 0 0 !important;
  margin-top: var(--ew-3) !important;
  text-align: center !important;
  color: var(--ew-ink-2) !important;
  font-size: 13.5px !important;
  line-height: 1.65 !important;
}

/* ---- 标签与数值排版 ---- */
.forun-deal-label,
.forun-compare-lab {
  font-size: 12px !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: var(--ew-ink-2) !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

.forun-deal-value,
.forun-compare-val {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: var(--ew-ink) !important;
  line-height: 1.1 !important;
  font-variant-numeric: tabular-nums;
}

/* 强调值（如 Within 24h）用品牌红 */
.forun-deal-value strong,
.forun-compare-val strong,
.forun-deal-item .is-accent .forun-deal-value {
  color: var(--ew-red) !important;
}

/* ==========================================================================
   59.1 "Why dealers order" 四格：细线网格，无底色
   ========================================================================== */
.forun-compare-band > *,
.forun-compare-cell > * {
  background: transparent !important;
  background-image: none !important;
}

/* 四格小标题（Factory / Known / Documented / 132）*/
.forun-compare-cell h4,
.forun-compare-cell strong,
.forun-compare-cell .forun-compare-val {
  color: var(--ew-red) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
}

/* 每格内的正文 */
.forun-compare-cell p,
.forun-compare-cell span {
  color: var(--ew-ink-2) !important;
  font-size: 13.5px !important;
  line-height: 1.6 !important;
}

/* 小标签（AUTHORISED SUPPLY 等）*/
.forun-compare-cell .forun-compare-lab {
  color: var(--ew-ink-2) !important;
  font-size: 12px !important;
}

/* ==========================================================================
   59.2 响应式：防止 5 格/4 格在窄屏被压扁
   ========================================================================== */
/* 桌面：等分 */
@media (min-width: 900px) {
  .forun-deal { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
  .forun-compare-band { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}

/* 平板：2 列，细线补齐 */
@media (min-width: 560px) and (max-width: 899px) {
  .forun-deal { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .forun-compare-band { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .forun-deal-item:nth-child(2n),
  .forun-compare-cell:nth-child(2n) { border-right: 0 !important; }
  .forun-deal-item:nth-child(-n+4),
  .forun-compare-cell:nth-child(-n+2) { border-bottom: 1px solid var(--ew-rule) !important; }
}

/* 手机：单列，靠上细线分隔 */
@media (max-width: 559px) {
  .forun-deal,
  .forun-compare-band { display: block !important; }
  .forun-deal-item,
  .forun-compare-cell {
    display: block !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--ew-rule) !important;
    padding: var(--ew-3) 0 !important;
    text-align: left !important;
    align-items: flex-start !important;
  }
  .forun-deal-item:last-child,
  .forun-compare-cell:last-child { border-bottom: 0 !important; }
}

/* ==========================================================================
   59.3 其他可能的灰底残留（通用兜底）
   ========================================================================== */
.entry-content > div[class*="forun-"]:not(.forun-cta):not(.forun-red-band):not(.forun-map-wrap):not(.forun-clearance),
.wp-block-post-content > div[class*="forun-"]:not(.forun-cta):not(.forun-red-band):not(.forun-map-wrap):not(.forun-clearance) {
  background-color: transparent !important;
  background-image: none !important;
}

/* 清关提示块：改细线框（原来是灰底） */
.forun-clearance {
  background: var(--ew-white) !important;
  border: 1px solid var(--ew-rule) !important;
  border-left: 3px solid var(--ew-red) !important;
  padding: var(--ew-3) var(--ew-4) !important;
  color: var(--ew-ink-2) !important;
  font-size: 14px !important;
  text-align: left !important;
}
.forun-clearance strong { color: var(--ew-ink) !important; }

/* ==========================================================================
   60. 车型家族：6 行大字（规范 §六 第 6 段 + 验收第 3 条）
   要求：只有名字 + 一句定位，0 参数、0 按钮、0 图片
   ========================================================================== */

.ew-modelfamily {
  border-top: 1px solid var(--ew-rule);
  margin-top: var(--ew-4);
}

.ew-modelrow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) 28px;
  align-items: center;
  gap: var(--ew-4);
  padding: 26px 4px;
  border-bottom: 1px solid var(--ew-rule);
  text-decoration: none !important;
  color: inherit !important;
  transition: background-color 160ms ease, border-color 160ms ease;
}

.ew-modelrow:hover {
  background: var(--ew-white) !important;
  border-bottom-color: var(--ew-ink) !important;
}

/* 车型名：大字 */
.ew-modelrow-name {
  font-size: clamp(26px, 3.4vw, 42px);
  font-weight: 700;
  letter-spacing: -.022em;
  line-height: 1.06;
  color: var(--ew-ink);
}

/* 一句定位：次级灰，小字大写 */
.ew-modelrow-tag {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ew-ink-2);
  text-align: right;
}

/* 箭头 */
.ew-modelrow-arrow {
  font-size: 20px;
  line-height: 1;
  color: var(--ew-ink-2);
  text-align: right;
  transition: color 160ms ease, transform 160ms ease;
}

.ew-modelrow:hover .ew-modelrow-name { color: var(--ew-red); }
.ew-modelrow:hover .ew-modelrow-arrow { color: var(--ew-red); }

/* 区块末尾的"查看全部"链接 */
.ew-modelfamily-all {
  margin-top: var(--ew-3) !important;
  text-align: right;
  font-size: 14px !important;
}
.ew-modelfamily-all a {
  color: var(--ew-ink) !important;
  font-weight: 700;
  border-bottom: 1px solid var(--ew-ink);
  text-decoration: none !important;
}
.ew-modelfamily-all a:hover {
  color: var(--ew-red) !important;
  border-bottom-color: var(--ew-red) !important;
}

/* 移动端：两行布局，名字在上 */
@media (max-width: 760px) {
  .ew-modelrow {
    grid-template-columns: minmax(0, 1fr) 24px;
    grid-template-areas:
      "name arrow"
      "tag  arrow";
    gap: 6px var(--ew-3);
    padding: 20px 2px;
  }
  .ew-modelrow-name { grid-area: name; font-size: clamp(22px, 7vw, 30px); }
  .ew-modelrow-tag { grid-area: tag; text-align: left; font-size: 12px; }
  .ew-modelrow-arrow { grid-area: arrow; align-self: center; }
}

/* 兜底：首页里旧的车型卡样式停用（防止残留渲染）*/
.entry-content > .forun-grid:has(.forun-card),
.wp-block-post-content > .forun-grid:has(.forun-card) {
  display: none !important;
}

/* ==========================================================================
   61. 车型家族行对齐修正
   问题：网格子项继承了容器的 text-align，导致 name 掉到第三列、tag 掉到第一列
        （实测 name.left=573px, tag.left=52px，顺序颠倒）
   修复：显式声明每列的对齐与顺序
   ========================================================================== */
.ew-modelfamily {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left !important;
}

.ew-modelrow {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) 32px !important;
  grid-auto-flow: column !important;
  align-items: center !important;
  justify-items: stretch !important;
  text-align: left !important;
  width: 100% !important;
}

.ew-modelrow-name {
  grid-column: 1 !important;
  grid-row: 1 !important;
  text-align: left !important;
  justify-self: start !important;
}

.ew-modelrow-tag {
  grid-column: 2 !important;
  grid-row: 1 !important;
  text-align: right !important;
  justify-self: end !important;
  align-self: center !important;
}

.ew-modelrow-arrow {
  grid-column: 3 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  text-align: right !important;
}

/* 移动端恢复两行布局 */
@media (max-width: 760px) {
  .ew-modelrow {
    grid-template-columns: minmax(0, 1fr) 24px !important;
    grid-template-areas: "name arrow" "tag arrow" !important;
    grid-auto-flow: row !important;
    row-gap: 6px !important;
  }
  .ew-modelrow-name { grid-area: name !important; grid-column: auto !important; grid-row: auto !important; }
  .ew-modelrow-tag {
    grid-area: tag !important; grid-column: auto !important; grid-row: auto !important;
    text-align: left !important; justify-self: start !important;
  }
  .ew-modelrow-arrow { grid-area: arrow !important; grid-column: auto !important; grid-row: auto !important; align-self: center !important; }
}

/* ==========================================================================
   62. 场景图说明文字底衬 + 区块节奏
   问题①：forun-fullbleed-caption 的渐变底衬被移除后，白字压在车身上读不清
          → 改实色深底（规范禁的是渐变，实色 rgba 不违规）
   问题②：区块间距不均，Spec strip 与下一区块之间空隙过大
   ========================================================================== */

/* ---- 1. 场景图说明：深色实底条 ---- */
.forun-fullbleed {
  position: relative !important;
  overflow: hidden !important;
}

.forun-fullbleed-caption,
.forun-fullbleed figcaption {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
  padding: 22px 28px !important;
  background: rgba(17, 18, 20, .88) !important;
  background-image: none !important;
  color: #fff !important;
  border-radius: 0 !important;
  text-shadow: none !important;
}

.forun-fullbleed-caption h3 {
  color: #fff !important;
  font-size: clamp(17px, 2vw, 22px) !important;
  font-weight: 700 !important;
  margin: 0 0 6px !important;
  letter-spacing: -.01em !important;
}

.forun-fullbleed-caption p {
  color: rgba(255, 255, 255, .88) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  max-width: 78ch;
}

/* 大屏时底衬内容与容器对齐 */
@media (min-width: 1000px) {
  .forun-fullbleed-caption {
    padding: 26px max(28px, calc((100% - 1200px) / 2)) !important;
  }
}

/* 移动端：说明文字改为图下方白底区块（避免遮挡图片） */
@media (max-width: 760px) {
  .forun-fullbleed-caption {
    position: static !important;
    background: var(--ew-white) !important;
    color: var(--ew-ink) !important;
    border-top: 1px solid var(--ew-rule) !important;
    padding: var(--ew-3) 0 !important;
  }
  .forun-fullbleed-caption h3 { color: var(--ew-ink) !important; }
  .forun-fullbleed-caption p { color: var(--ew-ink-2) !important; }
}

/* ---- 2. 区块节奏统一 ---- */
/* Hero 到第一个 H2 */
.forun-hero-full + h2,
.forun-hero + h2 {
  margin-top: var(--ew-7) !important;
}

/* H2 统一上下间距 */
.entry-content > h2,
.wp-block-post-content > h2 {
  margin-top: var(--ew-7) !important;
  margin-bottom: var(--ew-3) !important;
  padding-top: var(--ew-5) !important;
}

/* H2 后的引言与内容衔接 */
.entry-content > h2 + p,
.wp-block-post-content > h2 + p {
  margin-bottom: var(--ew-4) !important;
}

/* 场景图块上下间距 */
.forun-fullbleed {
  margin-block: var(--ew-7) !important;
}

/* 折叠面板上下 */
.forun-acc { margin-block: var(--ew-3) !important; }

/* 地图块 */
.forun-map-wrap {
  margin-block: var(--ew-4) !important;
  padding: var(--ew-4) !important;
  border: 1px solid var(--ew-rule) !important;
}

/* CTA 区块 */
.forun-cta {
  margin-top: var(--ew-7) !important;
  padding-top: var(--ew-6) !important;
  border-top: 1px solid var(--ew-rule) !important;
}

/* ---- 3. 首屏规格带与下一区块的分隔 ---- */
.forun-hero-full .forun-spec-strip {
  margin-bottom: 0 !important;
}

/* ---- 4. 清除任何残留的浅灰区块底（截图里的雾状感）---- */
.forun-hero-full,
.forun-hero,
.forun-grid,
.forun-card,
.forun-spec-wrap,
.forun-acc-body,
.forun-markets,
.forun-map-canvas {
  background-color: var(--ew-white) !important;
  background-image: none !important;
}

/* summary 与 details 内容区 */
.forun-acc > summary,
details.forun-acc,
details.forun-acc > div {
  background: var(--ew-white) !important;
  background-image: none !important;
}

/* ---- 5. Red band（CTA 色带）：规范 §六 第 8 段，全站唯一大面积红 ---- */
.ew-red-band {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  background: var(--ew-red) !important;
  color: var(--ew-white) !important;
  padding: var(--ew-7) var(--ew-gutter) !important;
  text-align: center;
}

.ew-red-band h2,
.ew-red-band p,
.ew-red-band strong {
  color: var(--ew-white) !important;
}

.ew-red-band h2 {
  border-top: 0 !important;
  padding-top: 0 !important;
  margin: 0 auto var(--ew-3) !important;
  max-width: 24ch;
}

.ew-red-band p {
  color: rgba(255, 255, 255, .92) !important;
  max-width: 60ch;
  margin: 0 auto var(--ew-4) !important;
}

.ew-red-band .forun-btn,
.ew-red-band .forun-btn-green {
  background: var(--ew-white) !important;
  color: var(--ew-red) !important;
  border: 1px solid var(--ew-white) !important;
}
.ew-red-band .forun-btn:hover {
  background: transparent !important;
  color: var(--ew-white) !important;
}

/* ==========================================================================
   63. 五步流程（规范 §六 第 7 段：等分五格，细线分隔）
   ========================================================================== */
.ew-steps {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: var(--ew-4) 0 var(--ew-6) !important;
  padding: 0 !important;
  list-style: none !important;
  border-top: 1px solid var(--ew-rule);
  border-bottom: 1px solid var(--ew-rule);
  counter-reset: ewstep;
}

.ew-steps > li {
  position: relative;
  padding: var(--ew-4) var(--ew-3) !important;
  border-right: 1px solid var(--ew-rule);
  counter-increment: ewstep;
  font-size: 13.5px !important;
  line-height: 1.6 !important;
  color: var(--ew-ink-2) !important;
  text-align: left !important;
}

.ew-steps > li:last-child { border-right: 0 !important; }

/* 编号 01–05 */
.ew-steps > li::before {
  content: "0" counter(ewstep);
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
  color: var(--ew-red);
  margin-bottom: 10px;
}

.ew-steps > li strong {
  display: block;
  color: var(--ew-ink) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  margin-bottom: 4px;
  line-height: 1.35;
}

/* 平板：3+2 */
@media (max-width: 980px) {
  .ew-steps { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .ew-steps > li:nth-child(3n) { border-right: 0 !important; }
  .ew-steps > li:nth-child(-n+3) { border-bottom: 1px solid var(--ew-rule); }
}

/* 手机：单列 */
@media (max-width: 620px) {
  .ew-steps { grid-template-columns: 1fr !important; }
  .ew-steps > li {
    border-right: 0 !important;
    border-bottom: 1px solid var(--ew-rule);
    padding: var(--ew-3) 0 !important;
  }
  .ew-steps > li:last-child { border-bottom: 0 !important; }
}

/* ==========================================================================
   64. 红带宽度修正（1488px > 视口 1440px，溢出）
   根因：父容器已有 padding，再用 calc(-50vw + 50%) 会双重外扩
   修复：与 .forun-hero-full 一致 —— 用容器 padding 的负值抵消
   ========================================================================== */
.ew-red-band {
  width: calc(100% + 2 * var(--ew-gutter)) !important;
  max-width: calc(100% + 2 * var(--ew-gutter)) !important;
  margin-left: calc(-1 * var(--ew-gutter)) !important;
  margin-right: calc(-1 * var(--ew-gutter)) !important;
  background: var(--ew-red) !important;
  color: var(--ew-white) !important;
  padding: var(--ew-7) var(--ew-gutter) !important;
  text-align: center;
}

/* 大屏：红带内容与容器对齐，但色块铺满容器宽度 */
@media (min-width: 1248px) {
  .ew-red-band {
    width: 1200px !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* 内容居中 */
.ew-red-band h2 {
  margin: 0 auto var(--ew-3) !important;
  max-width: 24ch !important;
  border-top: 0 !important;
  padding-top: 0 !important;
  color: var(--ew-white) !important;
}
.ew-red-band p {
  color: rgba(255, 255, 255, .93) !important;
  max-width: 62ch;
  margin: 0 auto var(--ew-4) !important;
}
.ew-red-band h2::before { display: none !important; }

/* 禁止横向滚动兜底 */
html, body { overflow-x: hidden !important; }

/* ==========================================================================
   65. 红带按钮：反白描边（规范 §六 第 8 段）
   要求："按钮：Request a quotation（反白描边）"
   ========================================================================== */
.ew-red-band .forun-btn,
.ew-red-band .forun-btn-green {
  background: transparent !important;
  color: var(--ew-white) !important;
  border: 1px solid var(--ew-white) !important;
  padding: 15px 30px !important;
  font-size: 14.5px !important;
}

.ew-red-band .forun-btn:hover,
.ew-red-band .forun-btn-green:hover {
  background: var(--ew-white) !important;
  color: var(--ew-red) !important;
  border-color: var(--ew-white) !important;
}

/* 红带里的按钮间距 */
.ew-red-band p:last-child {
  display: flex;
  justify-content: center;
  gap: var(--ew-2);
  flex-wrap: wrap;
  margin-bottom: 0 !important;
}

/* 红带里的 <br> 与 &nbsp; 不再影响布局 */
.ew-red-band br { display: none; }

/* ==========================================================================
   66. PHASE ③ 车型页细线化（画册白规范 §七）
   覆盖：forun-key-specs / forun-spec-wrap / forun-spec-tags / forun-spec-group
        forun-config / forun-acc / forun-rfq / 吸底栏
   ========================================================================== */

/* ==========================================================================
   66.1 关键规格：6 项卡片 → 四格细线网格（规范：无底色、无卡片）
   ========================================================================== */
.forun-key-specs {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: var(--ew-4) 0 !important;
  padding: 0 !important;
  background: var(--ew-white) !important;
  border-top: 1px solid var(--ew-rule) !important;
  border-bottom: 1px solid var(--ew-rule) !important;
}

.forun-key-spec {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  padding: var(--ew-3) var(--ew-3) !important;
  background: var(--ew-white) !important;
  border: 0 !important;
  border-right: 1px solid var(--ew-rule) !important;
  border-bottom: 1px solid var(--ew-rule) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: left !important;
  min-width: 0;
}

/* 每行第 4 个去掉右边线 */
.forun-key-spec:nth-child(4n) { border-right: 0 !important; }
/* 最后一行去掉下边线 */
.forun-key-spec:nth-last-child(-n+4) { border-bottom: 0 !important; }

.forun-key-spec-value {
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  color: var(--ew-ink) !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.01em;
}

.forun-key-spec-label {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: var(--ew-ink-2) !important;
  line-height: 1.35 !important;
}

@media (max-width: 900px) {
  .forun-key-specs { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .forun-key-spec:nth-child(4n) { border-right: 1px solid var(--ew-rule) !important; }
  .forun-key-spec:nth-child(2n) { border-right: 0 !important; }
  .forun-key-spec:nth-last-child(-n+4) { border-bottom: 1px solid var(--ew-rule) !important; }
  .forun-key-spec:nth-last-child(-n+2) { border-bottom: 0 !important; }
}
@media (max-width: 520px) {
  .forun-key-specs { grid-template-columns: 1fr !important; }
  .forun-key-spec { border-right: 0 !important; border-bottom: 1px solid var(--ew-rule) !important; }
  .forun-key-spec:last-child { border-bottom: 0 !important; }
}

/* ==========================================================================
   66.2 配置卡：细线行，无卡片外壳
   ========================================================================== */
.forun-config {
  background: var(--ew-white) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ew-rule) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: var(--ew-4) 0 var(--ew-3) !important;
  margin: 0 !important;
}

.forun-config:first-child { border-top: 1px solid var(--ew-rule) !important; }

/* 卡片标题行 */
.forun-spec-head {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: var(--ew-3) !important;
  padding-bottom: var(--ew-2) !important;
  margin-bottom: var(--ew-3) !important;
  border-bottom: 1px solid var(--ew-rule) !important;
  background: transparent !important;
}

.forun-spec-head h3,
.forun-spec-head strong {
  font-size: clamp(19px, 2.2vw, 24px) !important;
  font-weight: 700 !important;
  letter-spacing: -.015em !important;
  color: var(--ew-ink) !important;
  margin: 0 !important;
}

/* 卡片内的规格表 */
.forun-spec-wrap {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ==========================================================================
   66.3 参数表：细线行（规范：首列字段名用次级文字色）
   ========================================================================== */
table.forun-spec {
  width: 100% !important;
  border: 0 !important;
  border-collapse: collapse !important;
  margin: var(--ew-3) 0 !important;
  font-size: 14px !important;
}

table.forun-spec th,
table.forun-spec td {
  border: 0 !important;
  border-bottom: 1px solid var(--ew-rule) !important;
  background: transparent !important;
  padding: 11px 12px 11px 0 !important;
  vertical-align: top !important;
  line-height: 1.55 !important;
}

table.forun-spec th {
  width: 34% !important;
  text-align: left !important;
  font-weight: 400 !important;      /* 规范：首列次级灰，不加粗 */
  font-size: 13.5px !important;
  color: var(--ew-ink-2) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  padding-right: var(--ew-4) !important;
}

table.forun-spec td {
  color: var(--ew-ink) !important;
  font-weight: 500 !important;
}

/* 分组行（Engine & drivetrain 这类）*/
table.forun-spec tr.forun-spec-group td,
table.forun-spec tr.forun-spec-group th {
  border-bottom: 1px solid var(--ew-ink) !important;
  border-top: 0 !important;
  color: var(--ew-ink) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
  padding: 22px 0 9px !important;
  background: transparent !important;
}

table.forun-spec tr:last-child th,
table.forun-spec tr:last-child td { border-bottom: 0 !important; }

/* 去掉任何表头灰底 */
table.forun-spec thead th {
  background: transparent !important;
  border-bottom: 1px solid var(--ew-ink) !important;
}

/* ==========================================================================
   66.4 标签 chip：方角细线
   ========================================================================== */
.forun-spec-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: var(--ew-2) 0 0 !important;
  padding: 0 !important;
}

.forun-tag {
  display: inline-block !important;
  padding: 4px 10px !important;
  background: var(--ew-white) !important;
  border: 1px solid var(--ew-rule) !important;
  border-radius: 0 !important;
  color: var(--ew-ink-2) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .02em !important;
  line-height: 1.5 !important;
}

/* ==========================================================================
   66.5 折叠面板
   ========================================================================== */
.forun-acc {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ew-rule) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
}

.forun-acc > summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: var(--ew-3) !important;
  padding: 15px 0 !important;
  cursor: pointer;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: var(--ew-ink) !important;
  background: transparent !important;
  list-style: none;
}

.forun-acc > summary::-webkit-details-marker { display: none; }
.forun-acc > summary::after {
  content: "+";
  font-size: 18px;
  font-weight: 400;
  color: var(--ew-ink-2);
  line-height: 1;
}
.forun-acc[open] > summary::after { content: "–"; }
.forun-acc > summary:hover { color: var(--ew-red) !important; }

.forun-acc-body {
  padding: 0 0 var(--ew-3) !important;
  background: transparent !important;
}

/* ==========================================================================
   66.6 询价表单块
   ========================================================================== */
.forun-rfq {
  background: var(--ew-white) !important;
  border: 0 !important;
  border-top: 1px solid var(--ew-rule) !important;
  border-bottom: 1px solid var(--ew-rule) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: var(--ew-5) 0 !important;
  margin: var(--ew-6) 0 !important;
}

/* ==========================================================================
   66.7 吸底询价条：白底细线，无阴影
   ========================================================================== */
#forun-quote-bar,
.forun-quote-bar {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: var(--ew-white) !important;
  border-top: 1px solid var(--ew-rule) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 11px var(--ew-gutter) !important;
  z-index: 9500;
}

.forun-qb-inner,
.forun-quote-bar > div {
  max-width: var(--ew-container);
  margin: 0 auto;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: var(--ew-4) !important;
}

.forun-qb-title {
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: var(--ew-ink) !important;
}

.forun-qb-meta {
  font-size: 13px !important;
  color: var(--ew-ink-2) !important;
  font-weight: 400 !important;
}

/* 吸底栏存在时给 body 留底部空间 */
body { padding-bottom: 68px; }
@media (max-width: 700px) {
  .forun-qb-meta { display: none; }
  body { padding-bottom: 62px; }
}

/* ==========================================================================
   66.8 地图块：细线框，白底
   ========================================================================== */
.forun-map-wrap {
  border: 1px solid var(--ew-rule) !important;
  background: var(--ew-white) !important;
  border-radius: 0 !important;
  padding: var(--ew-4) !important;
  margin: var(--ew-5) 0 !important;
}

.forun-map-canvas { background: var(--ew-white) !important; }
.forun-map-svg { width: 100%; height: auto; display: block; }

.forun-map-legend {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--ew-4) !important;
  margin-top: var(--ew-3) !important;
  font-size: 12.5px !important;
  color: var(--ew-ink-2) !important;
}

.forun-map-note {
  margin-top: var(--ew-2) !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  color: var(--ew-ink-2) !important;
  max-width: 82ch;
}

/* ==========================================================================
   66.9 引导段落（ew-lead）
   ========================================================================== */
.ew-lead {
  font-size: clamp(15px, 1.6vw, 17px) !important;
  line-height: 1.65 !important;
  color: var(--ew-ink-2) !important;
  max-width: 76ch;
  margin: var(--ew-3) auto var(--ew-5) !important;
  text-align: center;
}

/* ==========================================================================
   67. 配置卡瘦身（Phase ③ 续）
   问题：每张卡高 1018px × 23 张 = 23400px 页面，信息密度过高
        发现同一数据出现 3 次（6 格关键规格 / 概览表 / 完整表）
   方案：概览表常显（含全部 19 字段），完整表折叠（默认收起）
   ========================================================================== */

/* 卡片整体更紧凑 */
.forun-config {
  padding: var(--ew-4) 0 var(--ew-3) !important;
}

/* 标题行更紧 */
.forun-spec-head {
  margin-top: 0 !important;         /* 去掉内联的 margin-top:24px */
  border-radius: 0 !important;
  padding-bottom: 10px !important;
  margin-bottom: var(--ew-3) !important;
}

.forun-spec-head h3 {
  font-size: clamp(17px, 1.9vw, 21px) !important;
}

/* 卡片关键规格：6 项 → 3 列 × 2 行，更紧凑 */
.forun-config .forun-key-specs {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin: var(--ew-3) 0 !important;
  border-top: 1px solid var(--ew-rule) !important;
  border-bottom: 1px solid var(--ew-rule) !important;
}

.forun-config .forun-key-spec {
  padding: 12px var(--ew-3) 12px 0 !important;
  border-right: 1px solid var(--ew-rule) !important;
  border-bottom: 1px solid var(--ew-rule) !important;
}

.forun-config .forun-key-spec:nth-child(3n) { border-right: 0 !important; padding-right: 0 !important; }
.forun-config .forun-key-spec:nth-last-child(-n+3) { border-bottom: 0 !important; }
.forun-config .forun-key-spec:nth-child(4n) { border-right: 1px solid var(--ew-rule) !important; }
.forun-config .forun-key-spec:nth-child(2n) { border-right: 1px solid var(--ew-rule) !important; }

.forun-config .forun-key-spec-value { font-size: 17px !important; }
.forun-config .forun-key-spec-label { font-size: 12px !important; }

@media (max-width: 760px) {
  .forun-config .forun-key-specs { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .forun-config .forun-key-spec:nth-child(3n) { border-right: 1px solid var(--ew-rule) !important; }
  .forun-config .forun-key-spec:nth-child(2n) { border-right: 0 !important; }
  .forun-config .forun-key-spec:nth-last-child(-n+3) { border-bottom: 1px solid var(--ew-rule) !important; }
  .forun-config .forun-key-spec:nth-last-child(-n+2) { border-bottom: 0 !important; }
}

/* 概览表：常显，但行距更紧 */
.forun-spec-wrap > table.forun-spec {
  margin: 0 !important;
}
.forun-spec-wrap > table.forun-spec th,
.forun-spec-wrap > table.forun-spec td {
  padding: 9px 12px 9px 0 !important;
  font-size: 13.5px !important;
}

/* 完整规格表（折叠内）：也收紧 */
.forun-acc-body table.forun-spec th,
.forun-acc-body table.forun-spec td {
  padding: 9px 12px 9px 0 !important;
  font-size: 13.5px !important;
}

/* 折叠面板：更紧凑的展开收起 */
.forun-acc > summary {
  padding: 12px 0 !important;
  font-size: 13.5px !important;
}

/* 折叠面板里如果有第二张表，加一点上间距 */
.forun-acc-body > table.forun-spec:first-child { margin-top: 4px !important; }

/* ==========================================================================
   67.1 规格标签：去掉内联的旧样式残留
   ========================================================================== */
.forun-spec-tags { margin-top: 8px !important; }
.forun-config .forun-tag {
  padding: 3px 8px !important;
  font-size: 12px !important;
}

/* ==========================================================================
   67.2 吸底询价条：只在有内容时显示（避免空白页时悬空）
   ========================================================================== */
#forun-quote-bar:empty,
.forun-quote-bar:empty { display: none !important; }

/* ==========================================================================
   68. 修复吸底栏铺满全屏（严重 bug）
   根因：节 66.7 给 #forun-quote-bar 同时设了 top:0 和 bottom:0，
        在 position:fixed 下等于拉伸成整个视口高度（1440×1100 白幕），
        把页面内容全部遮住（实测 elementFromPoint 全命中该元素）。
   修复：top: auto + height: auto，只保留 bottom 定位。
   ========================================================================== */
#forun-quote-bar,
.forun-quote-bar {
  position: fixed !important;
  top: auto !important;            /* ★ 关键：不能同时设 top 和 bottom */
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: auto !important;
  max-height: 84px !important;
  min-height: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: var(--ew-4) !important;

  background: var(--ew-white) !important;
  border: 0 !important;
  border-top: 1px solid var(--ew-rule) !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  padding: 12px var(--ew-gutter) !important;
  margin: 0 !important;
  z-index: 9500;
  overflow: hidden;
}

#forun-quote-bar > * {
  min-width: 0;
}

/* 给页面留出吸底栏的空间（避免遮住页脚）*/
body { padding-bottom: 74px !important; }

@media (max-width: 700px) {
  #forun-quote-bar { max-height: 88px !important; padding: 10px var(--ew-4) !important; }
  body { padding-bottom: 78px !important; }
}

/* ==========================================================================
   68.1 顺带修正：任何 forun-reveal 残留的隐藏状态
   （实测 is-visible 已正常，这里只做兜底）
   ========================================================================== */
.forun-reveal { opacity: 1 !important; }
.forun-reveal:not(.is-visible) { opacity: 1 !important; }

/* ==========================================================================
   69. 吸底栏与浮动 WhatsApp 按钮重叠修正
   问题：截图中 "Get a q..." 被浮动 WhatsApp 按钮压住
   修复：吸底栏加高并给右侧留出浮动按钮的位置
   ========================================================================== */

/* 吸底栏：右侧预留浮动按钮空间，内容真正垂直居中 */
#forun-quote-bar {
  max-height: none !important;
  min-height: 72px !important;
  padding: 14px var(--ew-gutter) !important;
  padding-right: max(var(--ew-gutter), 190px) !important;   /* 给浮动 WA 让位 */
  align-items: center !important;
}

#forun-quote-bar .forun-qb-actions,
#forun-quote-bar > div:last-child {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex: 0 0 auto !important;
}

/* 吸底栏里的按钮：紧凑版 */
#forun-quote-bar .forun-btn,
#forun-quote-bar .forun-qb-btn {
  padding: 11px 20px !important;
  font-size: 13.5px !important;
  white-space: nowrap;
}

/* 吸底栏文案不换行 */
#forun-quote-bar .forun-qb-title { white-space: nowrap; }
#forun-quote-bar .forun-qb-meta {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 46ch;
}

/* 浮动 WhatsApp 按钮：保持在吸底栏之上（层级 + 位置） */
#forun-wa,
.forun-wa,
#forun-wa-float {
  z-index: 9600 !important;      /* 高于吸底栏 9500 */
  bottom: 20px !important;
  right: 20px !important;
}

body { padding-bottom: 90px !important; }

/* 移动端：吸底栏改为两行堆叠，浮动按钮上移 */
@media (max-width: 760px) {
  #forun-quote-bar {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    padding: 12px var(--ew-4) !important;
    padding-right: var(--ew-4) !important;
    min-height: 0 !important;
  }
  #forun-quote-bar .forun-qb-meta { display: none !important; }
  #forun-quote-bar .forun-qb-actions,
  #forun-quote-bar > div:last-child {
    width: 100%;
    justify-content: stretch;
  }
  #forun-quote-bar .forun-btn { flex: 1; justify-content: center; }
  body { padding-bottom: 132px !important; }

  #forun-wa, .forun-wa, #forun-wa-float {
    bottom: auto !important;
    top: auto !important;
    right: 14px !important;
    bottom: 108px !important;
  }
}

/* ==========================================================================
   69.1 折叠面板的 + / – 指示器位置确认
   ========================================================================== */
.forun-acc > summary::after {
  flex: 0 0 auto;
  margin-left: auto;
  padding-left: var(--ew-3);
}

/* ==========================================================================
   70. 吸底栏最终收紧 + 浮动按钮避让
   实测：栏高 101px 偏高，浮动 WA 仍压住栏内第二个按钮
   修复：栏高压到 64px，右侧预留 200px
   ========================================================================== */
#forun-quote-bar {
  min-height: 0 !important;
  max-height: 64px !important;
  padding: 10px var(--ew-gutter) !important;
  padding-right: 200px !important;
  align-items: center !important;
  overflow: hidden !important;
}

#forun-quote-bar .forun-qb-title {
  font-size: 14px !important;
  line-height: 1.2 !important;
}

#forun-quote-bar .forun-qb-meta {
  font-size: 12.5px !important;
  line-height: 1.2 !important;
  max-width: 40ch;
}

/* 栏内按钮：紧凑 */
#forun-quote-bar .forun-btn,
#forun-quote-bar .forun-qb-btn,
#forun-quote-bar a {
  padding: 9px 18px !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  height: auto !important;
  white-space: nowrap;
}

/* 浮动 WhatsApp：再往右下压一点，确保不碰栏内按钮 */
#forun-wa, .forun-wa, #forun-wa-float {
  bottom: 14px !important;
  right: 14px !important;
  z-index: 9600 !important;
  padding: 10px 16px !important;
  font-size: 13.5px !important;
}

/* 页面底部留白 */
body { padding-bottom: 78px !important; }

/* 中屏：隐藏浮动按钮（避免与吸底栏打架），只保留吸底栏 */
@media (max-width: 1180px) {
  #forun-wa, .forun-wa, #forun-wa-float { display: none !important; }
  #forun-quote-bar { padding-right: var(--ew-gutter) !important; }
}

/* 移动端：栏两行 */
@media (max-width: 760px) {
  #forun-quote-bar {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    max-height: none !important;
    padding: 12px var(--ew-4) !important;
  }
  #forun-quote-bar .forun-qb-inner,
  #forun-quote-bar { justify-content: flex-start !important; }
  #forun-quote-bar .forun-qb-meta { display: none !important; }
  #forun-quote-bar .forun-btn { flex: 1; justify-content: center; }
  body { padding-bottom: 128px !important; }
  #forun-wa, .forun-wa, #forun-wa-float { display: flex !important; bottom: 108px !important; }
}

/* ==========================================================================
   71. 首屏主 CTA = 询价按钮（转化关键，Codex 复核发现）
   CTA1: Request a quotation → 红底方角（一级转化）
   CTA2: WhatsApp             → 描边次按钮
   Explore the range          → 降级为文字链接
   ========================================================================== */

/* 主按钮：红底白字，视觉最重 */
.forun-btn-primary,
.forun-hero-cta .forun-btn-primary {
  background: var(--ew-red) !important;
  color: var(--ew-white) !important;
  border: 1px solid var(--ew-red) !important;
  padding: 15px 32px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
}
.forun-btn-primary:hover {
  background: var(--ew-red-hover) !important;
  border-color: var(--ew-red-hover) !important;
  color: var(--ew-white) !important;
}

/* 次按钮：WhatsApp 保持描边（不与主按钮抢视觉） */
.forun-hero-cta .forun-btn-green {
  background: var(--ew-white) !important;
  color: var(--ew-ink) !important;
  border: 1px solid var(--ew-ink) !important;
  padding: 15px 28px !important;
  font-size: 15px !important;
}
.forun-hero-cta .forun-btn-green:hover {
  background: var(--ew-ink) !important;
  color: var(--ew-white) !important;
}

/* Explore 降级为文字链接 */
.forun-hero-explore {
  margin: var(--ew-3) auto 0 !important;
  text-align: center !important;
  font-size: 14px !important;
}
.forun-hero-explore a {
  color: var(--ew-ink-2) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  border-bottom: 1px solid var(--ew-rule) !important;
  padding-bottom: 2px;
  transition: color 160ms ease, border-color 160ms ease;
}
.forun-hero-explore a:hover {
  color: var(--ew-red) !important;
  border-bottom-color: var(--ew-red) !important;
}

/* 首屏 CTA 区整体 */
.forun-hero-cta {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap;
  margin-top: 0 !important;
}

/* 红带里的主按钮同样处理 */
.ew-red-band .forun-btn-primary {
  background: var(--ew-white) !important;
  color: var(--ew-red) !important;
  border-color: var(--ew-white) !important;
}
.ew-red-band .forun-btn-primary:hover {
  background: transparent !important;
  color: var(--ew-white) !important;
}

/* ==========================================================================
   72. 浮动 WhatsApp 按钮 —— 画册白规范化 + 从内联迁出（P1-9）
   原内联样式违反规范：绿色 #25D366、border-radius 50px、大阴影
   现统一为：品牌红、方角、无阴影
   ========================================================================== */
#forun-wa,
.forun-wa,
#forun-wa-float {
  position: fixed !important;
  right: 18px !important;
  bottom: 18px !important;
  z-index: 9600 !important;

  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;

  background: var(--ew-red) !important;
  color: var(--ew-white) !important;
  border: 1px solid var(--ew-red) !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  padding: 12px 18px !important;
  font-family: var(--ew-font) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap;
}

#forun-wa:hover,
.forun-wa:hover,
#forun-wa-float:hover {
  background: var(--ew-red-hover) !important;
  border-color: var(--ew-red-hover) !important;
  color: var(--ew-white) !important;
  text-decoration: none !important;
}

#forun-wa svg,
.forun-wa svg,
#forun-wa-float svg {
  width: 20px !important;
  height: 20px !important;
  fill: currentColor !important;
  flex: none !important;
}

/* 小屏：只留图标（方角） */
@media (max-width: 600px) {
  #forun-wa,
  .forun-wa,
  #forun-wa-float {
    right: 12px !important;
    bottom: 12px !important;
    padding: 12px !important;
    border-radius: 0 !important;
  }
  #forun-wa span,
  .forun-wa span { display: none !important; }
}

/* 存在吸底询价栏时隐藏浮动按钮（避免两个重复 CTA 遮挡） */
#forun-quote-bar ~ #forun-wa,
#forun-quote-bar ~ .forun-wa { display: none !important; }

/* ==========================================================================
   73. 可见 FAQ 区块（画册白风格）
   背景：FAQPage schema 必须有对应的可见内容（Google 政策）
   ========================================================================== */
.forun-faq {
  width: 100%;
  border-top: 1px solid var(--ew-rule);
  margin-top: var(--ew-7);
  padding: var(--ew-6) 0 var(--ew-5);
  background: var(--ew-white);
}

.forun-faq-inner {
  width: min(100% - 2 * var(--ew-gutter), var(--ew-container));
  margin-inline: auto;
}

.forun-faq h2 {
  font-size: clamp(22px, 2.6vw, 30px) !important;
  font-weight: 700 !important;
  letter-spacing: -.015em !important;
  color: var(--ew-ink) !important;
  text-align: center !important;
  border-top: 0 !important;
  padding-top: 0 !important;
  margin: 0 auto var(--ew-5) !important;
}

.forun-faq-list {
  border-top: 1px solid var(--ew-rule);
}

.forun-faq-item {
  border-bottom: 1px solid var(--ew-rule);
  background: var(--ew-white);
}

.forun-faq-item > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ew-4);
  padding: 18px 0;
  cursor: pointer;
  list-style: none;
  font-size: 15.5px;
  font-weight: 700;
  color: var(--ew-ink);
  line-height: 1.45;
}

.forun-faq-item > summary::-webkit-details-marker { display: none; }

.forun-faq-item > summary::after {
  content: "+";
  flex: 0 0 auto;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  color: var(--ew-ink-2);
}

.forun-faq-item[open] > summary::after { content: "–"; }

.forun-faq-item > summary:hover { color: var(--ew-red); }
.forun-faq-item > summary:hover::after { color: var(--ew-red); }

.forun-faq-q { flex: 1 1 auto; }

.forun-faq-a {
  padding: 0 0 20px;
}

.forun-faq-a p {
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: var(--ew-ink-2);
  max-width: 82ch;
}

/* 移动端 */
@media (max-width: 760px) {
  .forun-faq { padding: var(--ew-5) 0 var(--ew-4); }
  .forun-faq-item > summary { padding: 15px 0; font-size: 14.5px; }
  .forun-faq-a p { font-size: 14.5px; }
}

/* ==========================================================================
   74. 修复：页脚 WhatsApp 链接「红字压红底」不可读
   根因：节 53 把链接色设为 --ew-red（画册白规范），
        节 72 的浮动按钮规则误命中了页脚里的 a[href*="wa.me"]，
        于是出现「红底红字」，文字完全不可见。
   修法：把浮动按钮规则限定到 .forun-wa / #forun-wa；
        页脚链接改回「近黑文字 + 红色下划线」。
   ========================================================================== */

/* 撤销节 72 里过宽的选择器影响：页脚/正文里的 wa.me 链接不做红底按钮 */
.forun-fwa a,
.entry-content a[href*="wa.me"]:not(.forun-btn),
.wp-block-post-content a[href*="wa.me"]:not(.forun-btn),
.forun-footer a[href*="wa.me"]:not(.forun-btn) {
  display: inline !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  color: var(--ew-ink) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  border-bottom: 1px solid var(--ew-red) !important;
  box-shadow: none !important;
}

.forun-fwa a:hover,
.entry-content a[href*="wa.me"]:not(.forun-btn):hover,
.wp-block-post-content a[href*="wa.me"]:not(.forun-btn):hover,
.forun-footer a[href*="wa.me"]:not(.forun-btn):hover {
  color: var(--ew-red) !important;
  border-bottom-color: var(--ew-red) !important;
}

/* 页脚那行：单行不换行 */
.forun-fwa {
  margin-top: var(--ew-2) !important;
  line-height: 1.4 !important;
}

/* 浮动按钮仍保持红底白字（收窄选择器，避免再误伤） */
#forun-wa,
.forun-wa,
#forun-wa-float {
  background: var(--ew-red) !important;
  color: var(--ew-white) !important;
}

/* 仅当真的是浮动按钮时才用按钮式内边距 */
#forun-wa,
#forun-wa-float {
  padding: 12px 18px !important;
}

/* ==========================================================================
   75. 修正全宽元素的宽度/偏移计算错误（重大布局 bug）
   
   问题：`.forun-hero-full` / `.forun-fullbleed` / `.ew-red-band` 用了
         width: calc(100% + 2*gutter) + margin-left: -gutter
         其中 100% 指父容器 **content-box**，加上 2*gutter 恰好等于父容器
         **border-box** 宽度 —— 宽度没变，负 margin 却把元素整体右移了 gutter。
         实测：桌面 1440px 下 hero 右移 48px、手机 390px 下右移 24px，并被
         overflow-x:hidden 裁掉右侧。
   
   修复：用 100vw + calc(50% - 50vw) 让元素真正铺满视口并居中。
        100vw 的百分比基准是视口，100% 的基准是父 content-box —— 这是关键区别。
   ========================================================================== */

/* ---- 1. 首屏（Hero 主图）---- */
.forun-hero-full,
.forun-hero,
.entry-content > .forun-hero-full,
.wp-block-post-content > .forun-hero-full {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  margin-top: 0 !important;
  border-radius: 0 !important;
}

/* Hero 主图本身 */
.forun-hero-media {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.forun-hero-media img,
.forun-hero-img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
}

/* ---- 2. 全宽场景图 ---- */
.forun-fullbleed,
.entry-content > .forun-fullbleed,
.wp-block-post-content > .forun-fullbleed {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  border-radius: 0 !important;
}

/* ---- 3. 红色 CTA 色带 ---- */
.ew-red-band {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-left: var(--ew-gutter) !important;
  padding-right: var(--ew-gutter) !important;
}

/* 大屏：红带内容居中在容器宽度内 */
@media (min-width: 1248px) {
  .ew-red-band {
    padding-left: max(var(--ew-gutter), calc((100vw - var(--ew-container)) / 2 + var(--ew-gutter))) !important;
    padding-right: max(var(--ew-gutter), calc((100vw - var(--ew-container)) / 2 + var(--ew-gutter))) !important;
  }
}

/* ---- 4. Hero 内部容器：居中且不溢出 ---- */
.forun-hero-inner {
  width: min(100% - 2 * var(--ew-gutter), var(--ew-container)) !important;
  max-width: min(100% - 2 * var(--ew-gutter), var(--ew-container)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.forun-hero-full .forun-spec-strip,
.forun-spec-strip {
  width: min(100% - 2 * var(--ew-gutter), var(--ew-container)) !important;
  max-width: min(100% - 2 * var(--ew-gutter), var(--ew-container)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ---- 5. 滚动条宽度补偿：避免 100vw 引入横向滚动 ---- */
@supports (scrollbar-gutter: stable) {
  html { scrollbar-gutter: stable; }
}
html, body {
  overflow-x: hidden !important;
  max-width: 100% !important;
}

/* ---- 6. 页脚同样铺满（视觉一致）---- */
.forun-footer,
.forun-faq {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

.forun-footer-inner,
.forun-faq-inner {
  width: min(100% - 2 * var(--ew-gutter), var(--ew-container)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ---- 7. 子导航（吸顶）---- */
.forun-subnav {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

/* ==========================================================================
   75.1 移动端专项修正
   ========================================================================== */

/* 头部右侧在窄屏溢出：允许换行/缩小 */
@media (max-width: 560px) {
  .forun-header-inner {
    gap: 8px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .forun-header-right {
    gap: 6px !important;
    flex-wrap: nowrap !important;
    min-width: 0;
  }
  .forun-lang a,
  .forun-lang span {
    padding: 6px 5px !important;
    font-size: 12px !important;
  }
  .forun-header-cta {
    padding: 9px 12px !important;
    font-size: 12px !important;
  }
  .forun-logo-text { font-size: .92rem !important; letter-spacing: .08em !important; }
  .forun-logo-text small { display: none !important; }
  .forun-logo-mark { width: 28px !important; height: 28px !important; flex: 0 0 28px !important; font-size: 14px !important; }
  .forun-burger { width: 36px !important; height: 36px !important; }
}

/* 车型家族行：窄屏文字不溢出 */
@media (max-width: 560px) {
  .ew-modelrow {
    grid-template-columns: minmax(0, 1fr) 20px !important;
    gap: 4px 12px !important;
  }
  .ew-modelrow-name {
    font-size: clamp(19px, 6.4vw, 26px) !important;
    overflow-wrap: anywhere;
  }
  .ew-modelrow-tag {
    font-size: 12px !important;
    letter-spacing: .08em !important;
    overflow-wrap: anywhere;
  }
}

/* 正文表格：窄屏允许横向滚动而不撑破页面 */
@media (max-width: 760px) {
  .forun-spec-wrap,
  .forun-acc-body,
  .forun-matrix-wrap {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  table.forun-spec,
  table.forun-matrix {
    min-width: 0 !important;
  }
}

/* 触控目标：达到 ≥44px 高（backlog P0-E） */
@media (max-width: 900px) {
  .forun-nav a,
  .forun-fcol a,
  .forun-faq-item > summary,
  .forun-subnav a,
  .expr,
  .forun-hero-explore a,
  .entry-content a,
  .wp-block-post-content a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
  .forun-lang a,
  .forun-lang span {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
  }
  .skip-link,
  .screen-reader-text {
    min-height: 0 !important;
  }
}

/* 首屏 CTA：窄屏全宽堆叠，便于点击 */
@media (max-width: 560px) {
  .forun-hero-cta {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }
  .forun-hero-cta .forun-btn {
    width: 100% !important;
    justify-content: center !important;
    min-height: 48px;
  }
}

/* FAQ 折叠项：窄屏内边距更紧 */
@media (max-width: 560px) {
  .forun-faq-inner,
  .forun-footer-inner {
    width: calc(100% - 32px) !important;
  }
}

/* ==========================================================================
   76. 全宽元素最终方案：百分比 + 负 margin（彻底移除 vw 计算）
   
   节 75 用 100vw + calc(50% - 50vw) 仍有偏差：
   桌面实测 hero left=-96（应 0）、红带 width=1728（应 1440）。
   根因：100vw 含滚动条宽度，而 50% 的基准是子元素所在容器宽度，两者不同源。
   
   本方案：
   1. 把主容器 padding 归零（用 CSS 变量保存原值）
   2. 普通内容元素各自加回左右留白
   3. 全宽元素用 width:100%（=容器宽度=视口宽度），零 vw 计算
   ========================================================================== */

:root {
  --ew-gutter: 24px;
  --ew-hdr: 68px;
}

/* ---- 1. 主容器：去掉左右 padding 与宽度限制 ---- */
main.wp-block-group,
main.wp-block-group.has-global-padding,
.wp-block-group-is-layout-constrained,
.entry-content,
.wp-block-post-content,
.wp-site-blocks,
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ---- 2. 普通内容元素：自己加留白并居中 ---- */
.entry-content > h1,
.entry-content > h2,
.entry-content > h3,
.entry-content > h4,
.entry-content > p,
.entry-content > ul,
.entry-content > ol,
.entry-content > blockquote,
.entry-content > details,
.entry-content > table,
.entry-content > .ew-lead,
.entry-content > .forun-grid,
.entry-content > .forun-stats,
.entry-content > .forun-badges,
.entry-content > .forun-deal,
.entry-content > .forun-cta,
.entry-content > .forun-clearance,
.entry-content > .forun-rfq,
.entry-content > .forun-filter,
.entry-content > .forun-subnav,
.entry-content > .forun-acc,
.entry-content > .forun-spec-wrap,
.entry-content > .forun-config,
.entry-content > .forun-compare-band,
.entry-content > .forun-export-box,
.entry-content > .forun-map-wrap,
.entry-content > .forun-matrix-wrap,
.entry-content > .ew-modelfamily,
.entry-content > .ew-modelfamily-all,
.entry-content > .ew-steps,
.entry-content > .forun-footnote,
.wp-block-post-content > h1,
.wp-block-post-content > h2,
.wp-block-post-content > h3,
.wp-block-post-content > h4,
.wp-block-post-content > p,
.wp-block-post-content > ul,
.wp-block-post-content > ol,
.wp-block-post-content > blockquote,
.wp-block-post-content > details,
.wp-block-post-content > table,
.wp-block-post-content > .ew-lead,
.wp-block-post-content > .forun-grid,
.wp-block-post-content > .forun-stats,
.wp-block-post-content > .forun-badges,
.wp-block-post-content > .forun-deal,
.wp-block-post-content > .forun-cta,
.wp-block-post-content > .forun-clearance,
.wp-block-post-content > .forun-rfq,
.wp-block-post-content > .forun-filter,
.wp-block-post-content > .forun-subnav,
.wp-block-post-content > .forun-acc,
.wp-block-post-content > .forun-spec-wrap,
.wp-block-post-content > .forun-config,
.wp-block-post-content > .forun-compare-band,
.wp-block-post-content > .forun-export-box,
.wp-block-post-content > .forun-map-wrap,
.wp-block-post-content > .forun-matrix-wrap,
.wp-block-post-content > .ew-modelfamily,
.wp-block-post-content > .ew-modelfamily-all,
.wp-block-post-content > .ew-steps,
.wp-block-post-content > .forun-footnote {
  width: calc(100% - 2 * var(--ew-gutter)) !important;
  max-width: min(calc(100% - 2 * var(--ew-gutter)), var(--ew-container)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ---- 3. 全宽元素：铺满容器宽度（容器已等于视口宽度）---- */
.forun-hero-full,
.forun-hero,
.entry-content > .forun-hero-full,
.wp-block-post-content > .forun-hero-full,
.forun-fullbleed,
.entry-content > .forun-fullbleed,
.wp-block-post-content > .forun-fullbleed,
.ew-red-band,
.forun-footer,
.forun-faq,
.forun-subnav,
#forun-header {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-radius: 0 !important;
}

/* 红带/页脚/FAQ 内部的左右留白 */
.ew-red-band {
  padding-left: var(--ew-gutter) !important;
  padding-right: var(--ew-gutter) !important;
  padding-top: var(--ew-7) !important;
  padding-bottom: var(--ew-7) !important;
  text-align: center;
}

.forun-footer {
  padding-left: var(--ew-gutter) !important;
  padding-right: var(--ew-gutter) !important;
}

.forun-faq {
  padding-left: var(--ew-gutter) !important;
  padding-right: var(--ew-gutter) !important;
}

/* 内部容器：居中到 1200px */
.forun-hero-inner,
.forun-spec-strip,
.forun-footer-inner,
.forun-faq-inner,
.ew-red-band > *,
#forun-header .forun-header-inner {
  width: min(100%, var(--ew-container)) !important;
  max-width: var(--ew-container) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 头部容器在大屏要更宽一点 */
@media (min-width: 1400px) {
  #forun-header .forun-header-inner { max-width: 1320px !important; }
}

/* ---- 4. 首屏高度：确保 CTA 在 900px 视口内可见 ---- */
.forun-hero-full {
  min-height: 0 !important;
}

.forun-hero-media img,
.forun-hero-img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 21 / 7 !important;
  object-fit: cover !important;
  object-position: center 55% !important;
}

@media (min-width: 1200px) {
  .forun-hero-media img,
  .forun-hero-img { aspect-ratio: 24 / 7 !important; }
}

@media (max-width: 760px) {
  .forun-hero-media img,
  .forun-hero-img { aspect-ratio: 16 / 10 !important; }
}

/* ---- 5. 全宽场景图高度 ---- */
.forun-fullbleed img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 21 / 9 !important;
  object-fit: cover !important;
}

@media (max-width: 760px) {
  .forun-fullbleed img { aspect-ratio: 4 / 3 !important; }
}

/* ---- 6. 消除一切横向溢出 ---- */
html, body {
  overflow-x: clip !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* ---- 7. 移动端：容器留白收紧到 16px ---- */
@media (max-width: 560px) {
  :root { --ew-gutter: 16px; }
}

/* ---- 8. 头部窄屏收窄 ---- */
@media (max-width: 560px) {
  #forun-header .forun-header-inner {
    padding-left: 16px !important;
    padding-right: 16px !important;
    max-width: 100% !important;
    gap: 8px !important;
  }
  .forun-header-right { gap: 6px !important; }
  .forun-lang a, .forun-lang span { padding: 6px 5px !important; font-size: 12px !important; }
  .forun-header-cta { padding: 9px 12px !important; font-size: 12px !important; }
  .forun-logo-text { font-size: .9rem !important; }
  .forun-logo-text small { display: none !important; }
  .forun-logo-mark { width: 28px !important; height: 28px !important; flex: 0 0 28px !important; font-size: 14px !important; }
  .forun-burger { width: 36px !important; height: 36px !important; }
}

/* ---- 9. 触控目标 ≥44px（backlog P0-E）---- */
@media (max-width: 900px) {
  #forun-nav a,
  .forun-fcol a,
  .forun-faq-item > summary,
  .forun-subnav a,
  .forun-hero-explore a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
  .forun-lang a, .forun-lang span { min-height: 40px; display: inline-flex; align-items: center; }
  .skip-link, .screen-reader-text { min-height: 0 !important; }
}

/* ---- 10. 首屏 CTA 窄屏全宽 ---- */
@media (max-width: 560px) {
  .forun-hero-cta {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }
  .forun-hero-cta .forun-btn { width: 100% !important; justify-content: center !important; min-height: 48px; }
}

/* ---- 11. 车型家族行窄屏防溢出 ---- */
@media (max-width: 560px) {
  .ew-modelrow { grid-template-columns: minmax(0, 1fr) 20px !important; gap: 4px 12px !important; }
  .ew-modelrow-name { font-size: clamp(19px, 6.4vw, 26px) !important; overflow-wrap: anywhere; }
  .ew-modelrow-tag { font-size: 12px !important; overflow-wrap: anywhere; }
}

/* ---- 12. 窄屏表格可横向滚动 ---- */
@media (max-width: 760px) {
  .forun-spec-wrap, .forun-acc-body, .forun-matrix-wrap { overflow-x: auto !important; }
}

/* ==========================================================================
   77. 收尾修正：内部容器留白 + 红带/页脚溢出
   
   节 76 后实测：
   - hero / fullbleed / footer 已居中（left=0）✅
   - 但 .ew-red-band 与 .forun-footer 仍 width=1473（溢出 48px）
   - .forun-hero-inner 宽度 = 视口宽（未加左右留白），文字贴边
   ========================================================================== */

/* ---- 1. 内部容器：宽度受限 + 左右留白 ---- */
.forun-hero-inner,
.forun-spec-strip,
.forun-footer-inner,
.forun-faq-inner,
#forun-header .forun-header-inner,
.ew-red-band > * {
  width: 100% !important;
  max-width: var(--ew-container) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: max(var(--ew-gutter), calc((100% - var(--ew-container)) / 2 + var(--ew-gutter))) !important;
  padding-right: max(var(--ew-gutter), calc((100% - var(--ew-container)) / 2 + var(--ew-gutter))) !important;
}

/* 窄屏/中屏简化：只保留 gutter 留白 */
@media (max-width: 1247px) {
  .forun-hero-inner,
  .forun-spec-strip,
  .forun-footer-inner,
  .forun-faq-inner,
  #forun-header .forun-header-inner,
  .ew-red-band > * {
    padding-left: var(--ew-gutter) !important;
    padding-right: var(--ew-gutter) !important;
  }
}

/* Hero 内层额外上下留白（原由 padding-block 提供） */
.forun-hero-inner {
  padding-top: var(--ew-4) !important;
  padding-bottom: var(--ew-4) !important;
}

.forun-spec-strip {
  padding-top: var(--ew-3) !important;
  padding-bottom: var(--ew-3) !important;
}

/* ---- 2. 红带：容器宽度内，不再溢出 ---- */
.ew-red-band {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: var(--ew-gutter) !important;
  padding-right: var(--ew-gutter) !important;
  box-sizing: border-box !important;
}

/* 红带内的直接子元素（h2/p）居中且限宽 */
.ew-red-band h2,
.ew-red-band p {
  max-width: 62ch !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ---- 3. 页脚：同样不溢出 ---- */
.forun-footer {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: var(--ew-gutter) !important;
  padding-right: var(--ew-gutter) !important;
  box-sizing: border-box !important;
}

.forun-footer-bottom {
  width: 100% !important;
  max-width: var(--ew-container) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ---- 4. FAQ 区块 ---- */
.forun-faq {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: var(--ew-gutter) !important;
  padding-right: var(--ew-gutter) !important;
  box-sizing: border-box !important;
}

/* ---- 5. 兜底：任何元素都不得超出视口 ---- */
.forun-hero-full,
.forun-fullbleed,
.forun-footer,
.forun-faq,
.ew-red-band,
#forun-header,
.forun-subnav {
  box-sizing: border-box !important;
}

/* ---- 6. 移动端：车型家族与 FAQ 行不贴边 ---- */
@media (max-width: 560px) {
  .ew-modelrow { padding-left: 0 !important; padding-right: 0 !important; }
  .forun-faq-item > summary { padding-left: 0 !important; padding-right: 0 !important; }
  .forun-faq-inner { padding-left: var(--ew-gutter) !important; padding-right: var(--ew-gutter) !important; }
}

/* ==========================================================================
   78. 终修：内容盒 → 边框盒（box-sizing）
   
   实测 .forun-hero-inner:
     width: 1200px, padding-left/right: 136.5px, box-sizing: content-box
     → 实际占位 = 1200 + 273 = 1473px，超过容器 1425px
     margin-right: 0px / margin-left: -48px（节 75 的残留）
   
   根因：这些内部容器是 content-box，max-width 不含 padding。
   修法：统一改为 border-box，并清掉 margin 残留。
   ========================================================================== */

.forun-hero-inner,
.forun-spec-strip,
.forun-footer-inner,
.forun-faq-inner,
#forun-header .forun-header-inner,
.ew-red-band > *,
.forun-footer-bottom,
.forun-fwa,
.forun-fbrand,
.forun-fcol {
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Hero 内层：border-box 后 padding 计入 1200px 上限 */
.forun-hero-inner {
  width: 100% !important;
  max-width: min(100%, var(--ew-container)) !important;
  padding-left: max(var(--ew-gutter), calc((100% - var(--ew-container)) / 2 + var(--ew-gutter))) !important;
  padding-right: max(var(--ew-gutter), calc((100% - var(--ew-container)) / 2 + var(--ew-gutter))) !important;
  padding-top: var(--ew-4) !important;
  padding-bottom: var(--ew-4) !important;
}

@media (max-width: 1247px) {
  .forun-hero-inner {
    padding-left: var(--ew-gutter) !important;
    padding-right: var(--ew-gutter) !important;
  }
}

/* 规格数字带同样处理 */
.forun-spec-strip {
  width: 100% !important;
  max-width: min(100%, var(--ew-container)) !important;
  padding-left: max(var(--ew-gutter), calc((100% - var(--ew-container)) / 2 + var(--ew-gutter))) !important;
  padding-right: max(var(--ew-gutter), calc((100% - var(--ew-container)) / 2 + var(--ew-gutter))) !important;
}

@media (max-width: 1247px) {
  .forun-spec-strip {
    padding-left: var(--ew-gutter) !important;
    padding-right: var(--ew-gutter) !important;
  }
}

/* 页脚内层 */
.forun-footer-inner,
.forun-faq-inner,
.forun-footer-bottom {
  width: 100% !important;
  max-width: min(100%, var(--ew-container)) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 全局兜底：所有区块用边框盒 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* 清掉节 75 遗留的 margin 偏移 */
.forun-hero-inner,
.forun-hero-full,
.forun-fullbleed,
.ew-red-band,
.forun-footer,
.forun-faq {
  margin-right: auto !important;
}

.forun-hero-full,
.forun-fullbleed,
.ew-red-band,
.forun-footer,
.forun-faq,
#forun-header,
.forun-subnav {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.forun-hero-inner,
.forun-spec-strip,
.forun-footer-inner,
.forun-faq-inner {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ==========================================================================
   79. 头部宽度对齐（logo 不应比内容更靠边）
   实测：.forun-header-inner 在 1440 视口下只有 1200px 宽（margins 112px），
        而内容 1200px 居中于 1425px 内容区 → 边距 112px，但视觉上 logo 看着偏左
        因为头部没有 gutter 参与计算。
   修法：头部 max-width 与内容一致，并明确 gutter。
   ========================================================================== */
#forun-header .forun-header-inner {
  width: 100% !important;
  max-width: var(--ew-container) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* 大屏放宽到 1320，与内容区视觉更匹配 */
@media (min-width: 1400px) {
  #forun-header .forun-header-inner { max-width: 1320px !important; }
}

/* 窄屏：留 gutter */
@media (max-width: 1347px) {
  #forun-header .forun-header-inner {
    max-width: 100% !important;
    padding-left: var(--ew-gutter) !important;
    padding-right: var(--ew-gutter) !important;
  }
}

/* 头部整体：确保底色铺满、底线完整 */
#forun-header {
  background: var(--ew-white) !important;
  border-bottom: 1px solid var(--ew-rule) !important;
}

/* ==========================================================================
   80. 移动端规格数字带：4 格 → 2×2（窄屏文字不再重叠）
   实测 390px 下 4 格并排导致 "ORDERABLE EXPORT SPECS" 折成 3 行并与邻格重叠
   ========================================================================== */
@media (max-width: 760px) {
  .forun-hero-full .forun-spec-strip,
  .forun-spec-strip {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    padding-left: var(--ew-gutter) !important;
    padding-right: var(--ew-gutter) !important;
    border-top: 1px solid var(--ew-rule) !important;
    border-bottom: 1px solid var(--ew-rule) !important;
  }

  .forun-spec-strip li {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 16px 8px !important;
    border-right: 1px solid var(--ew-rule) !important;
    border-bottom: 1px solid var(--ew-rule) !important;
    gap: 6px !important;
    min-width: 0 !important;
  }

  /* 每行第 2 个去掉右边线 */
  .forun-spec-strip li:nth-child(2n) { border-right: 0 !important; }
  /* 最后一行去掉下边线 */
  .forun-spec-strip li:nth-last-child(-n+2) { border-bottom: 0 !important; }

  .forun-spec-num {
    font-size: 24px !important;
    line-height: 1 !important;
  }

  .forun-spec-lb {
    font-size: 12px !important;
    letter-spacing: .10em !important;
    line-height: 1.35 !important;
    word-break: break-word;
  }
}

/* 超窄屏（<380）：两格也放不下时改单列 */
@media (max-width: 380px) {
  .forun-spec-strip { grid-template-columns: 1fr !important; }
  .forun-spec-strip li { border-right: 0 !important; border-bottom: 1px solid var(--ew-rule) !important; }
  .forun-spec-strip li:last-child { border-bottom: 0 !important; }
}

/* ==========================================================================
   80.1 浮动 WhatsApp：小屏上移，避免压住正文/规格带
   ========================================================================== */
@media (max-width: 900px) {
  #forun-wa,
  .forun-wa,
  #forun-wa-float {
    bottom: 84px !important;
    right: 14px !important;
  }
}

@media (max-width: 560px) {
  #forun-wa,
  .forun-wa,
  #forun-wa-float {
    bottom: 80px !important;
    padding: 12px !important;
  }
}

/* ==========================================================================
   81. 超窄屏（≤400px）头部溢出修正
   实测 360px 视口：.forun-burger 右边界 = 371 > 360，溢出 11px
   原因：logo + 语言切换(3项) + WhatsApp 按钮 + 汉堡菜单 在 360px 内放不下
   ========================================================================== */

/* ---- 1. 语言切换器：窄屏只显示当前语言（点击展开由汉堡菜单承担）---- */
@media (max-width: 480px) {
  .forun-lang a:not(.is-active):not([aria-current="true"]) {
    display: none !important;
  }
  .forun-lang {
    gap: 0 !important;
    min-width: 0 !important;
  }
  .forun-lang a,
  .forun-lang span {
    padding: 8px 6px !important;
    font-size: 12px !important;
    min-width: 0 !important;
  }
}

/* ---- 2. 头部整体：确保 4 个元素都在 360px 内 ---- */
@media (max-width: 480px) {
  #forun-header .forun-header-inner {
    padding-left: 12px !important;
    padding-right: 12px !important;
    gap: 6px !important;
    min-width: 0 !important;
  }

  .forun-header-right {
    gap: 4px !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
  }

  .forun-logo {
    gap: 7px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    overflow: hidden;
  }

  .forun-logo-text {
    font-size: .84rem !important;
    letter-spacing: .05em !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
  }

  .forun-logo-text small { display: none !important; }

  .forun-logo-mark {
    width: 26px !important;
    height: 26px !important;
    flex: 0 0 26px !important;
    font-size: 13px !important;
  }

  .forun-header-cta {
    padding: 8px 10px !important;
    font-size: 12px !important;
    min-width: 0 !important;
  }

  .forun-burger {
    width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px !important;
  }
  .forun-burger span { width: 18px !important; }
}

/* ---- 3. 极窄屏（≤360）：WhatsApp 文字按钮改图标宽 ---- */
@media (max-width: 360px) {
  .forun-header-cta {
    padding: 8px 8px !important;
    font-size: 12px !important;
  }
  .forun-logo-text { font-size: .78rem !important; }
}

/* ---- 4. 兜底：头部容器不得溢出 ---- */
#forun-header,
#forun-header .forun-header-inner,
#forun-header .forun-header-right,
#forun-header nav,
#forun-header .forun-logo {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* ==========================================================================
   82. 吸底询价栏：加入 PDF 下载按钮后窄屏溢出
   实测 360px：.forun-qb-btn-wa 右边界 370 > 360（溢出 10px）
   原因：栏内现在有「标题 + 下载 + WhatsApp」三个元素，窄屏放不下
   ========================================================================== */
@media (max-width: 760px) {
  #forun-quote-bar {
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px var(--ew-gutter) !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
  }

  /* 标题区可压缩 */
  #forun-quote-bar .forun-qb-left {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden;
  }
  #forun-quote-bar .forun-qb-title {
    display: block;
    font-size: 13px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #forun-quote-bar .forun-qb-meta { display: none !important; }

  /* 按钮区不换行、可收缩 */
  #forun-quote-bar .forun-qb-actions,
  #forun-quote-bar > div:last-child {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;
  }

  #forun-quote-bar .forun-btn,
  #forun-quote-bar .forun-qb-btn {
    padding: 9px 12px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
    min-height: 38px;
  }
}

/* 超窄屏（≤400）：只留 WhatsApp，隐藏下载按钮（页脚仍有入口） */
@media (max-width: 400px) {
  #forun-quote-bar .forun-qb-pdf { display: none !important; }
  #forun-quote-bar .forun-qb-title { font-size: 12px !important; }
  #forun-quote-bar .forun-btn,
  #forun-quote-bar .forun-qb-btn { padding: 9px 11px !important; font-size: 12px !important; }
}

/* 窄屏给它留出足够的底部空间 */
@media (max-width: 760px) {
  body { padding-bottom: 76px !important; }
}

/* ==========================================================================
   83. P0-E 触控目标 ≥44px（Codex 实测未达标，逐项修正）
   
   Codex 实测值（390/360 视口，getBoundingClientRect 高度已含 padding）：
     forun-logo          h=26px
     forun-header-cta    h=38px
     forun-burger        h=32px
     forun-filter-reset  h=30px
     forun-qb-btn ×3     h=34px
     页脚 WhatsApp 链接   h=20px
   
   目标：实际热区高度 ≥44px（用 padding/min-height 扩展热区，不放大字号）
   ========================================================================== */

/* ---- 1. Logo（含图标与文字整块可点）---- */
@media (max-width: 1200px) {
  #forun-header .forun-logo,
  .forun-logo {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
}

/* ---- 2. 头部 WhatsApp CTA ---- */
@media (max-width: 1200px) {
  .forun-header-cta {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

/* ---- 3. 汉堡菜单 ---- */
@media (max-width: 1024px) {
  .forun-burger {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    flex: 0 0 44px !important;
  }
}

/* ---- 4. 语言切换（窄屏也不低于 44px）---- */
@media (max-width: 1200px) {
  .forun-lang a,
  .forun-lang span {
    min-height: 44px !important;
    min-width: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
}

/* ---- 5. 配置筛选器 Reset 按钮 ---- */
@media (max-width: 1200px) {
  .forun-filter-reset,
  #f-reset,
  #m-reset {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 10px 4px !important;
  }
  /* 下拉框本身也确保 ≥44px */
  .forun-filter select,
  #forun-filter select,
  #forun-matrix-filter select {
    min-height: 44px !important;
  }
}

/* ---- 6. 吸底询价栏按钮 ---- */
@media (max-width: 1200px) {
  #forun-quote-bar .forun-btn,
  #forun-quote-bar .forun-qb-btn {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

/* ---- 7. 页脚链接 ---- */
@media (max-width: 1200px) {
  .forun-fcol a,
  .forun-fcol li {
    min-height: 44px;
    display: flex;
    align-items: center;
  }
  .forun-fcol li { margin-bottom: 0 !important; }
  .forun-fwa a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
}

/* ---- 8. 正文与 FAQ 里的链接 ---- */
@media (max-width: 1200px) {
  .forun-faq-item > summary {
    min-height: 48px;
    display: flex;
    align-items: center;
  }
  .forun-subnav a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
  .forun-hero-explore a,
  .ew-modelfamily-all a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
}

/* ---- 9. 头部整体高度：为 44px 目标留空间 ---- */
@media (max-width: 1200px) {
  #forun-header .forun-header-inner {
    min-height: 60px !important;
  }
}
@media (max-width: 560px) {
  #forun-header .forun-header-inner {
    min-height: 58px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
}

/* ---- 10. 豁免说明 ----
   以下为行内纯文本链接，不适用 44px 触摸目标（WCAG 2.1 AA 2.5.5 仅要求
   在"指针输入"场景下 44px；行内链接属于文本流的一部分，豁免）：
     .forun-faq-a a、.entry-content p a 等正文内联链接
   但页脚/导航/按钮类一律达标。
*/

/* ==========================================================================
   84. 恢复窄屏语言切换器（节 81 的隐藏规则是过度修正）
   
   背景：节 81 为给汉堡菜单腾空间，在 ≤480px 隐藏了非当前语言链接。
        但节 81 同时也把汉堡菜单缩到 32-36px，空间已够 —— 隐藏属于过度修正，
        导致窄屏用户无法切换语言（功能丢失，比拥挤更糟）。
   验证：360px 视口下恢复后仍无溢出（assert-layout.cmd 7/7）。
   ========================================================================== */

/* 撤销节 81 的隐藏 */
@media (max-width: 480px) {
  .forun-lang a:not(.is-active):not([aria-current="true"]) {
    display: inline-flex !important;
  }
}

/* 窄屏语言切换：紧凑但可点（≥44px 热区） */
@media (max-width: 480px) {
  .forun-lang {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
  }
  .forun-lang a,
  .forun-lang span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    min-width: 30px !important;
    padding: 0 5px !important;
    font-size: 12px !important;
    letter-spacing: .04em !important;
  }
  /* 当前语言用下划线标出，不加宽 */
  .forun-lang .is-active,
  .forun-lang [aria-current="true"] {
    border-bottom-width: 2px !important;
  }
}

/* 头部容器：确保三块（logo / lang+cta+burger）在 360px 内不挤 */
@media (max-width: 480px) {
  #forun-header .forun-header-inner {
    gap: 4px !important;
  }
  .forun-header-right {
    gap: 2px !important;
  }
  .forun-logo { flex: 1 1 auto !important; min-width: 0 !important; overflow: hidden; }
  .forun-logo-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}

/* ==========================================================================
   85. 清除深色主题残留：白底白字 + 遗留渐变光晕
   
   根因：premium.css 第 606-643 行是旧「深色 CTA 区块」样式：
       .forun-cta { background: linear-gradient(...); color: var(--f-white); }
       .forun-cta::after { background: radial-gradient(circle, rgba(245,158,11,.22) ...); }
       .forun-cta p { color: rgba(255,255,255,.93); }
   后来的画册白规范把 .forun-cta 背景清成白色（节 53/58/59），
   但**只清了 background-image，没清 color**：
       → 白色文字压在白色背景上 = 文字完全不可见
   同时 ::after 的米黄径向渐变也没被清掉 → 右上角出现不属于规范的暖色光晕
   
   实测证据（/models/ 桌面 1440）：
       .forun-cta p  color = rgba(255,255,255,0.93)   ← 白字
       .forun-cta     background-color = 白            ← 白底
       截图确认：中间那段说明文字在页面上完全看不到
   ========================================================================== */

/* ---- 1. 彻底移除 CTA 的装饰层（旧主题的渐变光晕）---- */
.forun-cta::before,
.forun-cta::after,
.forun-deal::before,
.forun-deal::after,
.forun-clearance::before,
.forun-clearance::after,
.forun-export-box::before,
.forun-export-box::after,
.forun-red-band::before,
.forun-red-band::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
}

/* ---- 2. CTA / DEAL 区块：白底 + 近黑文字（画册白规范）---- */
.forun-cta,
.forun-deal,
.forun-clearance,
.forun-export-box {
  background: var(--ew-white) !important;
  background-color: var(--ew-white) !important;
  background-image: none !important;
  color: var(--ew-ink) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: left !important;
  border-top: 1px solid var(--ew-rule) !important;
  border-bottom: 1px solid var(--ew-rule) !important;
}

/* 子元素文字颜色（覆盖旧的白色系） */
.forun-cta p,
.forun-cta li,
.forun-cta span,
.forun-cta div,
.forun-deal p,
.forun-deal li,
.forun-deal span,
.forun-clearance p,
.forun-clearance li,
.forun-export-box p,
.forun-export-box li {
  color: var(--ew-muted) !important;
}

.forun-cta strong,
.forun-cta b,
.forun-cta h2,
.forun-cta h3,
.forun-cta h4,
.forun-deal strong,
.forun-deal b,
.forun-deal h2,
.forun-deal h3,
.forun-deal h4,
.forun-clearance strong,
.forun-clearance h2,
.forun-clearance h3,
.forun-export-box strong,
.forun-export-box h2,
.forun-export-box h3 {
  color: var(--ew-ink) !important;
}

/* ---- 3. 宽度：CTA 不应超出容器（实测 1344 > 1200）---- */
.forun-cta,
.forun-deal,
.forun-clearance,
.forun-export-box {
  width: calc(100% - 2 * var(--ew-gutter)) !important;
  max-width: min(calc(100% - 2 * var(--ew-gutter)), var(--ew-container)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* ---- 4. CTA 内按钮：沿用主/次按钮规范 ---- */
.forun-cta .forun-btn {
  border-radius: 0 !important;
  box-shadow: none !important;
}
.forun-cta .forun-btn-green,
.forun-cta a[href*="wa.me"] {
  background: var(--ew-white) !important;
  color: var(--ew-ink) !important;
  border: 1px solid var(--ew-ink) !important;
}
.forun-cta .forun-btn-green:hover,
.forun-cta a[href*="wa.me"]:hover {
  background: var(--ew-ink) !important;
  color: var(--ew-white) !important;
}

/* ---- 5. 全局兜底：任何元素不得「白底白字」----
   用极低优先级的选择器没关系 —— 这里只处理背景为白/透明的情况 */
.forun-cta *:not(.forun-btn):not(a),
.forun-deal *:not(.forun-btn):not(a) {
  text-shadow: none !important;
}

/* ---- 6. 旧主题在打印样式里重定义过 CTA（第 864 行）----
   那条是 @media print 的 display:none，不影响屏幕，但顺手确认不误伤 */
@media print {
  .forun-cta { display: block !important; background: #fff !important; color: #000 !important; }
}

/* ==========================================================================
   86. .forun-rfq（询盘区块）—— 旧深色主题残留导致文字不可见
   
   根因：premium.css 第 1066-1117 行是旧「深色询盘区块」：
       .forun-rfq h2, .forun-rfq h3 { color: #fff; }
       .forun-rfq p { color: rgba(255,255,255,.88); }
       .forun-rfq-field label { color: rgba(255,255,255,.75); }
       .forun-rfq-field input::placeholder { color: rgba(255,255,255,.42); }
   后续的画册白规范把 .forun-rfq 背景清成白色，但**没有覆盖 color**：
       → 白字压白底 = 文字完全不可见
   
   实测（7 个车型页，桌面 1440，deviceScaleFactor=1）：
       14 处 <p> 对比度 = 1.00（fg rgba(255,255,255,.88) / bg rgb(255,255,255)）
       文本："Tell us your destination port and quantity..." / "no account, no long form."
   
   注意：这类「清了背景没清文字色」的残留，用 grep 只查 CSS 文本查不出来
   （必须看**渲染后的计算样式**）—— 我用 scan-visual.js 扫出来的。
   ========================================================================== */

/* ---- 1. 区块本体 ---- */
.forun-rfq {
  background: var(--ew-white) !important;
  background-color: var(--ew-white) !important;
  background-image: none !important;
  color: var(--ew-ink) !important;
  border: 0 !important;
  border-top: 1px solid var(--ew-rule) !important;
  border-bottom: 1px solid var(--ew-rule) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: left !important;
}

/* ---- 2. 标题与正文 ---- */
.forun-rfq h1, .forun-rfq h2, .forun-rfq h3, .forun-rfq h4 {
  color: var(--ew-ink) !important;
  border: 0 !important;
  background: none !important;
}
.forun-rfq p,
.forun-rfq li,
.forun-rfq span,
.forun-rfq div,
.forun-rfq small,
.forun-rfq strong,
.forun-rfq b {
  color: var(--ew-muted) !important;
}
.forun-rfq strong,
.forun-rfq b,
.forun-rfq h1, .forun-rfq h2, .forun-rfq h3 {
  color: var(--ew-ink) !important;
}
.forun-rfq a:not(.forun-btn) {
  color: var(--ew-red) !important;
}

/* ---- 3. 表单字段（旧样式是白色文字 + 半透明白边）---- */
.forun-rfq-field label,
.forun-rfq label {
  color: var(--ew-ink) !important;
  background: none !important;
}
.forun-rfq-field input,
.forun-rfq-field select,
.forun-rfq-field textarea,
.forun-rfq input,
.forun-rfq select,
.forun-rfq textarea {
  background: var(--ew-white) !important;
  background-color: var(--ew-white) !important;
  color: var(--ew-ink) !important;
  border: 1px solid var(--ew-rule) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.forun-rfq-field input::placeholder,
.forun-rfq input::placeholder,
.forun-rfq textarea::placeholder {
  color: var(--ew-muted) !important;
  opacity: 1 !important;
}
.forun-rfq-field select option {
  color: var(--ew-ink) !important;
  background: var(--ew-white) !important;
}
.forun-rfq-field input:focus,
.forun-rfq-field select:focus,
.forun-rfq-field textarea:focus,
.forun-rfq input:focus,
.forun-rfq select:focus,
.forun-rfq textarea:focus {
  border-color: var(--ew-ink) !important;
  outline: 2px solid transparent !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
}

/* ---- 4. 表单校验/提示文字 ---- */
.forun-rfq-hint,
.forun-rfq-note,
.forun-rfq-field small {
  color: var(--ew-muted) !important;
}
.forun-rfq-error,
.forun-rfq .error {
  color: var(--ew-red) !important;
}

/* ---- 5. 流动性保险：允许换行，窄屏不溢出 ---- */
.forun-rfq { overflow-wrap: break-word; }
@media (max-width: 760px) {
  .forun-rfq { padding-left: var(--ew-gutter) !important; padding-right: var(--ew-gutter) !important; }
  .forun-rfq-grid { grid-template-columns: 1fr !important; }
}

/* ==========================================================================
   87. 头部容器：恢复左右留白（节 79 把 padding 清零导致 logo 贴死边缘）
   
   实测：.forun-header-inner 宽 1425（= 视口内容区），.forun-logo left = 0
        → logo 的黑色方块紧贴浏览器左边缘，无留白，与内容区（左 113px）完全不对齐
   修法：header 容器加水平 padding，整体仍以 --ew-container 为上限
   ========================================================================== */
#forun-header .forun-header-inner {
  padding-left: var(--ew-gutter) !important;
  padding-right: var(--ew-gutter) !important;
  box-sizing: border-box !important;
}

/* 大屏：与 1200px 内容区对齐（内容为 1200 居中，header 用 1320 + gutter） */
@media (min-width: 1400px) {
  #forun-header .forun-header-inner {
    max-width: calc(var(--ew-container) + 2 * var(--ew-gutter)) !important;
    padding-left: var(--ew-gutter) !important;
    padding-right: var(--ew-gutter) !important;
  }
}

/* 中屏：容器就是视口宽，靠 gutter 留白 */
@media (max-width: 1399px) {
  #forun-header .forun-header-inner {
    max-width: 100% !important;
    padding-left: var(--ew-gutter) !important;
    padding-right: var(--ew-gutter) !important;
  }
}

/* ==========================================================================
   88. 照片完整性：hero / fullbleed 不再强制裁切
   
   实测（桌面 1440，dpr1）：
     tunland-v7-black-45-front  原图 1.61:1，显示 24/7 = 3.43:1  → 裁掉 52.9%
     tunland-g7-01              原图 1.50:1，显示 24/7 = 3.43:1  → 裁掉 56.2%
   （object-fit: cover 在 3.43:1 的框里放 1.5:1 的图，上下被切掉一半以上）
   
   修法：容器高度改由 max-height 控制，图片用 height:auto 保持原始比例
        —— 不裁切、不拉伸，只做等比缩放。
   ========================================================================== */

/* ---- 1. hero 图：保持原图比例 ---- */
.forun-hero-media,
.forun-hero-full {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.forun-hero-media img,
.forun-hero-img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  max-height: 74vh !important;
  /* 图片较高时用 max-height 限高；此时为保持不裁切，改用 contain + 白底 */
  background: var(--ew-white);
}

/* 大屏：限制高度但绝不裁切（contain 会留白，用白底自然衔接） */
@media (min-width: 1024px) {
  .forun-hero-media img,
  .forun-hero-img {
    max-height: 70vh !important;
  }
}

@media (max-width: 760px) {
  .forun-hero-media img,
  .forun-hero-img {
    max-height: 56vh !important;
  }
}

/* ---- 2. fullbleed 图：同样保持比例 ---- */
.forun-fullbleed {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.forun-fullbleed img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  max-height: 68vh !important;
  background: var(--ew-white);
}

/* ---- 3. 内容区图片：任何情况下都不裁 ---- */
.entry-content img,
.wp-block-post-content img,
.wp-block-image img {
  max-width: 100%;
  height: auto;
}

/* 图库缩略图除外（等网格必须裁切，用 container 固定尺寸）*/
.forun-gallery img,
.forun-gallery figure img,
.forun-fig img {
  aspect-ratio: 3 / 2 !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* ==========================================================================
   88.1 小字号提升：9-11px 在屏幕上必糊
   实测最小 9.24px（"units"/"configs"）、10px（logo 副标题）、10.5px（规格标签）
   ========================================================================== */

/* hero 规格数字带 */
.forun-spec-strip i,
.forun-spec-strip em,
.forun-spec-strip small,
.forun-spec-strip .forun-spec-unit {
  font-size: 13px !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
}
.forun-spec-lb {
  font-size: 12px !important;
  letter-spacing: .08em !important;
}

/* logo 副标题 */
.forun-logo-text small {
  font-size: 12px !important;
  letter-spacing: .06em !important;
}

/* 小标签统一提到底线 12px */
.forun-eyebrow,
.forun-tag,
.forun-key-spec-label,
.forun-deal-label,
.forun-compare-lab,
.forun-market,
.forun-qb-meta,
.forun-footnote,
.forun-fcol h4 {
  font-size: 12px !important;
}

/* 表格分组标题 */
.forun-spec th,
.forun-spec td,
.forun-acc td,
.forun-acc th {
  font-size: 13.5px !important;
}
tr.grp td,
.forun-acc .forun-acc-grp,
table .grp td {
  font-size: 12px !important;
}

/* 页脚版权 */
.forun-footer span,
.forun-footer small,
.forun-footer-bottom {
  font-size: 12px !important;
}

/* ==========================================================================
   88.2 消除亚像素定位导致的 ClearType 失效
   实测多处 left/top 为小数（413.39 / 154.5 / 21.86 …），文字落在半像素上会发虚
   ========================================================================== */

/* 按钮与导航：整数高度 + 居中 */
.forun-btn,
.forun-header-cta,
.forun-nav a,
.forun-lang a,
.forun-lang span {
  line-height: 1.2 !important;
}

/* 标题与正文恢复亚像素抗锯齿（默认值，显式声明避免被全局覆盖） */
h1, h2, h3, h4, h5, h6,
p, li, td, th, span, a, strong, small, label {
  -webkit-font-smoothing: auto;
  text-rendering: optimizeLegibility;
}

/* 避免 transform 造成的半像素偏移（reveal 动画已结束仍留 transform 的情况） */
.forun-reveal,
.forun-reveal.is-in,
.forun-reveal--js,
.forun-reveal--js.is-in {
  transform: none !important;
}

/* ==========================================================================
   89. hero 照片：完全不裁切 + 同比例图填满视口
   
   实测对比（1440×900 视口，G7 页）：
     方案A 当前（max-height:70vh + contain）  1425×630   裁剪 33.7%   CTA 在首屏外
     方案B 不限高（height:auto）              1425×950   裁剪  0%     CTA 在首屏外
     方案C 16:9 cover                         1425×802   裁剪 15.6%   CTA 在首屏外
   
   ★ 关键：A 和 B 的 CTA 都在首屏外 —— 限高并没有换来首屏 CTA，
     只是白白裁掉了 1/3 照片。所以选 B（用户明确要求照片完整）。
   
   进阶：对「原图比例≈16:9」的图，用 height = min(50vh, 100vw/1.78) 让它
        在 16:9 视口下正好填满（0 留白、0 裁剪、0 放大）；
        比例不同的图则用 fit-width + 自身比例。
   ========================================================================== */

/* ---- 1. 图片本身：0 裁剪、0 拉伸 ---- */
.forun-hero-media img,
.forun-hero-img,
.forun-fullbleed img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  background: var(--ew-white) !important;
}

/* ---- 2. 容器不再限高、不再裁切 ---- */
.forun-hero-media,
.forun-hero-full,
.forun-fullbleed {
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
}

/* ---- 3. 首屏高度缓和：宽屏且视口不高的场景，等比缩放到视口高度内
        用 object-fit: contain 的等效做法 —— 让图片在「按宽度铺满」和
        「按视口高度」之间取小值，从而既不裁也不溢出首屏太多 ---- */
@media (min-width: 1024px) and (max-height: 950px) {
  .forun-hero-media,
  .forun-hero-full {
    display: flex !important;
    justify-content: center !important;
    background: var(--ew-white) !important;
  }
  .forun-hero-media img,
  .forun-hero-img {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 62vh !important;
    /* width:auto + max-height → 等比缩放到视口高度内，仍不裁切 */
  }
}

/* ---- 4. 首屏文字块：与照片区之间用细线分隔，视觉上不"粘"在一起 ---- */
.forun-hero-inner {
  border-top: 1px solid var(--ew-rule) !important;
}

/* ---- 5. fullbleed：同样不限高（场景图完整呈现）---- */
.forun-fullbleed {
  display: flex !important;
  justify-content: center !important;
  background: var(--ew-white) !important;
}
.forun-fullbleed img {
  max-height: 70vh !important;   /* 场景图在折叠线下，限高不影响首屏，且 contain 不裁 */
  width: auto !important;
  max-width: 100% !important;
}

/* ==========================================================================
   90. 修正节 89：max-height 配合 width:auto 导致图片缩小且两侧留白
   
   实测（1440×900，G7）：
     节 89 后 → 637×425（只有视口宽的 45%，两侧大片留白）
   原因：width:auto + max-height:62vh 让图片缩到视口高度内，
        但图片是横构图，缩高之后宽度也大幅缩小。
   
   修法：去掉 max-height，纯 height:auto → 铺满宽度、按原图比例、零裁剪零留白。
        代价是首屏变高（图片 + 文字块），但用户明确要求照片完整，
        且实测首屏 CTA 在限高时**也**不在首屏内 —— 限高没有收益。
   ========================================================================== */

@media (min-width: 1024px) and (max-height: 950px) {
  .forun-hero-media,
  .forun-hero-full {
    display: block !important;
  }
}

.forun-hero-media img,
.forun-hero-img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center !important;
}

.forun-fullbleed img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
}

/* 容器：跟着图片高度走 */
.forun-hero-media,
.forun-hero-full,
.forun-fullbleed {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
}

/* ==========================================================================
   91. 全站最小字号底线 12px
   
   实测仍存在 10-11px 的文字（截图放大看确实发虚）：
     10px    .forun-logo-text small        "FOTON Tunland Pickup Export"
     11px    .forun-eyebrow                "FOTON Tunland – Export Specification"
     11px    .forun-tag                    "Diesel"
     11px    LABEL                         "Drive"
     10px    .forun-key-spec-label         "Power"
     11.5px  TD                            "Engine & drivetrain"
     11px    .forun-fcol h4                "Models"
   
   原则：12px 是小字号的可读底线（正文 15.5px、次要信息 12-13px）。
        低于 12px 的文字在非 Retina 屏上会因 ClearType 提示而模糊。
   ========================================================================== */

/* ---- 1. logo 副标题 ---- */
.forun-logo-text small {
  font-size: 12px !important;
  letter-spacing: .04em !important;
}

/* ---- 2. 小标签统一 12px ---- */
.forun-eyebrow,
.forun-tag,
.forun-key-spec-label,
.forun-deal-label,
.forun-compare-lab,
.forun-market,
.forun-qb-meta,
.forun-footnote,
.forun-spec-lb,
.forun-fcol h4,
.forun-footer h4,
.forun-footer span,
.forun-footer small,
.forun-footer-bottom,
.forun-spec-strip i,
.forun-spec-strip em,
.forun-spec-strip small,
.forun-spec-unit,
.forun-spec-strip .forun-spec-lb {
  font-size: 12px !important;
}

/* ---- 3. 表单标签与提示 ---- */
.forun-rfq-field label,
.forun-rfq label,
.forun-filter label,
label,
.forun-hero-sub small {
  font-size: 12.5px !important;
}

/* ---- 4. 表格与折叠面板 ---- */
.forun-spec th,
.forun-spec td,
.forun-acc th,
.forun-acc td,
.forun-matrix th,
.forun-matrix td,
.forun-compare th,
.forun-compare td {
  font-size: 13.5px !important;
}

/* 表格分组标题（全大写小字）*/
tr.grp td,
.forun-acc-grp,
.forun-spec .grp td,
.forun-matrix .grp td,
.entry-content table caption,
.wp-block-post-content table caption {
  font-size: 12px !important;
  letter-spacing: .10em !important;
}

/* ---- 5. 页脚 ---- */
.forun-fcol a,
.forun-fcol li {
  font-size: 13.5px !important;
}
.forun-fbrand p,
.forun-fwa a {
  font-size: 13px !important;
}

/* ---- 6. 兜底：任何仍在 12px 以下的可读文本 ---- */
.forun-spec-strip,
.forun-deal,
.forun-compare-band,
.forun-key-specs,
.forun-footnote,
.forun-tags,
.forun-markets-acc summary,
.forun-acc summary {
  font-size: max(12px, 1em);
}

/* ---- 豁免：图标字体、纯装饰、无障碍隐藏文本 ---- */
.screen-reader-text,
.skip-link,
.forun-logo-mark,
[class*="icon"],
[class*="arrow"],
.sr-only,
.dashicons {
  font-size: revert !important;
}

/* ---- 7. 字重：小字用 600 而非 700，减少糊感 ---- */
.forun-eyebrow,
.forun-tag,
.forun-key-spec-label,
.forun-spec-lb,
.forun-market,
.forun-fcol h4 {
  font-weight: 600 !important;
}

/* ==========================================================================
   92. 小字号修正（同特异性覆盖）
   
   根因：节 91 用单 class（.forun-tag，特异性 0-1-0）压不住
        旧节的双 class 规则（.forun-config .forun-tag，特异性 0-2-0），
        即使两边都是 !important，**特异性高的先赢**：
          行5407  .forun-config .forun-tag          font-size: 12px !important
          行5367  .forun-config .forun-key-spec-label font-size: 12px !important
          行3669  .forun-hero-full .forun-eyebrow    font-size: 12px !important
   
   实测 DOM 祖先链：
     .forun-tag            ← .forun-spec-tags ← .forun-spec-head ← .forun-config
     .forun-key-spec-label ← .forun-key-spec ← .forun-key-specs ← .forun-config
     .forun-eyebrow        ← .forun-hero-inner ← .forun-hero.forun-hero-full
   
   修法：用同样双 class（甚至三 class）的选择器覆盖，特异性 ≥ 旧规则。
   ========================================================================== */

/* ---- 配置卡内的小字 ---- */
.forun-config .forun-tag,
.forun-config .forun-tag *,
.forun-config .forun-key-spec-label,
.forun-config .forun-key-spec-label *,
.forun-config .forun-key-spec,
.forun-config .forun-spec-tags .forun-tag {
  font-size: 12px !important;
}

/* 配置卡里的规格条目（三 class 确保赢） */
.entry-content .forun-config .forun-key-spec-label,
.wp-block-post-content .forun-config .forun-key-spec-label {
  font-size: 12px !important;
  letter-spacing: .06em !important;
}

.entry-content .forun-config .forun-tag,
.wp-block-post-content .forun-config .forun-tag {
  font-size: 12px !important;
  letter-spacing: .06em !important;
}

/* ---- hero 眉标 ---- */
.forun-hero-full .forun-eyebrow,
.forun-hero .forun-eyebrow,
.entry-content .forun-hero-full .forun-eyebrow,
.wp-block-post-content .forun-hero-full .forun-eyebrow {
  font-size: 12px !important;
  letter-spacing: .14em !important;
}

/* ---- 配置卡的其他小字（一并提到底线）---- */
.forun-config .forun-spec-lb,
.forun-config .forun-market,
.forun-config .forun-footnote,
.forun-config small,
.forun-config .forun-deal-label,
.entry-content .forun-config .forun-spec-lb,
.wp-block-post-content .forun-config .forun-spec-lb {
  font-size: 12px !important;
}

/* ---- 规格表 ---- */
.forun-config th,
.forun-config td,
.forun-config .forun-spec th,
.forun-config .forun-spec td {
  font-size: 13.5px !important;
}

/* ---- 页脚（同样可能有双 class 规则）---- */
.forun-footer .forun-fcol h4,
.forun-footer .forun-fcol a,
.forun-footer .forun-fcol li,
.forun-footer .forun-fbrand p,
.forun-footer .forun-fwa a,
.forun-footer span,
.forun-footer small {
  font-size: 13px !important;
}
.forun-footer .forun-fcol h4 {
  font-size: 12px !important;
  letter-spacing: .12em !important;
}

/* ---- 头部 logo 副标题 ---- */
#forun-header .forun-logo-text small,
.forun-logo .forun-logo-text small {
  font-size: 12px !important;
  letter-spacing: .05em !important;
}

/* ==========================================================================
   93. 最后两个 11.5px（表格分组标题 / logo 副标题）
   实测仍 <12px：
     11.5px  tr.grp td 或 .forun-acc-grp  "Engine & drivetrain"
     11.5px  .forun-spec-lb               "Power"
   ========================================================================== */

/* ---- 表格分组标题（多路径覆盖，确保赢）---- */
.forun-config tr.grp td,
.forun-config table tr.grp td,
table.forun-spec tr.grp td,
.entry-content table tr.grp td,
.wp-block-post-content table tr.grp td,
.entry-content .forun-config tr.grp td,
.wp-block-post-content .forun-config tr.grp td,
tr.grp td,
.forun-acc-grp,
.forun-spec .forun-acc-grp {
  font-size: 12px !important;
  letter-spacing: .10em !important;
}

/* ---- 规格标签 ---- */
.entry-content .forun-spec-strip .forun-spec-lb,
.wp-block-post-content .forun-spec-strip .forun-spec-lb,
.forun-hero-full .forun-spec-strip .forun-spec-lb,
.forun-spec-strip .forun-spec-lb {
  font-size: 12px !important;
}

/* ---- logo 副标题（提到 12px）---- */
#forun-header .forun-logo .forun-logo-text small,
#forun-header .forun-logo-text small,
.forun-logo-text small {
  font-size: 12px !important;
  letter-spacing: .04em !important;
}

/* ---- 兜底：表格内任何小字 ---- */
.entry-content table td,
.entry-content table th,
.wp-block-post-content table td,
.wp-block-post-content table th {
  font-size: max(12px, 0.98em) !important;
}

/* ==========================================================================
   94. 表格分组行（Engine & drivetrain）字号 11.5px → 12px 最终修正
   
   真正的赢家：行5130  table.forun-spec tr.forun-spec-group td  font-size: 12px !important
              （特异性 0-2-2，高于我此前所有尝试）
   实测 HTML：<tr class="grp"> 或 <tr class="forun-spec-group">
   ========================================================================== */

table.forun-spec tr.forun-spec-group td,
table.forun-spec tr.grp td,
table.forun-spec tr.forun-spec-group th,
table.forun-spec tr.grp th,
table.forun-matrix tr.forun-spec-group td,
table.forun-matrix tr.grp td,
table.forun-spec tr[class*="group"] td,
table.forun-spec tr[class*="grp"] td,
.entry-content table.forun-spec tr.forun-spec-group td,
.wp-block-post-content table.forun-spec tr.forun-spec-group td {
  font-size: 12px !important;
  letter-spacing: .10em !important;
}

/* 表格表头（.78rem ≈ 12.5px 已达标，但确保不低于 12px）*/
table.forun-spec th,
table.forun-matrix thead th,
table.forun-matrix th {
  font-size: 12.5px !important;
}

/* .forun-spec-lb（第 3772 行 11px）*/
.forun-spec-lb,
.forun-hero-full .forun-spec-strip .forun-spec-lb,
.forun-spec-strip .forun-spec-lb,
.entry-content .forun-spec-lb {
  font-size: 12px !important;
}

/* ==========================================================================
   95. .forun-compare-lab 字号最终修正（双 class，且在 @media 内）
   
   赢家：行4438  @media (max-width:760px) { .forun-compare-cell .forun-compare-lab
                    { font-size: 12px !important } }   （特异性 0-2-0）
   我的单 class 规则（0-1-0）压不住，所以法文首页仍是 10.5px。
   
   实测被 scan-visual 的「字号 <12px」断言抓到：
     ❌ forun-compare-lab  10.5px  "Approvisionnement agréé"
     ❌ forun-compare-lab  10.5px  "Avant de payer"
     ...共 14 处（法文首页 + 西文页）
   ========================================================================== */

.forun-compare-cell .forun-compare-lab,
.forun-compare-band .forun-compare-lab,
.ew-compare .forun-compare-lab,
.entry-content .forun-compare-cell .forun-compare-lab,
.wp-block-post-content .forun-compare-cell .forun-compare-lab,
.forun-compare-grid .forun-compare-cell .forun-compare-lab {
  font-size: 12px !important;
  letter-spacing: .06em !important;
}

/* 同区块内其他小字一并保障 */
.forun-compare-cell .forun-compare-val,
.forun-compare-band .forun-compare-val,
.forun-deal-label,
.forun-deal .forun-deal-label,
.forun-export-box .forun-tag,
.forun-spec-head .forun-tag {
  font-size: 12px !important;
}

/* ---- 全站兜底：@media 内的小字也拉到 12px ----
   用属性选择器 + 通配提高覆盖面，避免再被某个未列出的双 class 规则压住 */
@media (max-width: 1200px) {
  [class*="forun-compare"] [class*="lab"],
  [class*="forun-compare"] [class*="label"],
  [class*="forun-deal"] [class*="label"],
  [class*="forun-key-spec"] [class*="label"] {
    font-size: 12px !important;
  }
}

/* ==========================================================================
   96. 最后 6 处：.forun-mini 11.52px（.72rem）
   实测：forun-mini / forun-mini-ev  "Electric" / "Hybrid"（车型家族的徽标）
   ========================================================================== */

.forun-mini,
.forun-mini-ev,
.forun-mini *,
.ew-modelrow .forun-mini,
.ew-modelrow-tag .forun-mini,
.entry-content .forun-mini,
.wp-block-post-content .forun-mini {
  font-size: 12px !important;
  letter-spacing: .06em !important;
}

/* 车型家族行的标签（同类小字）*/
.ew-modelrow-tag,
.ew-modelrow .ew-modelrow-tag,
.ew-modelfamily .ew-modelrow-tag {
  font-size: 12px !important;
}

/* ---- 全站最终兜底 ----
   凡是「小徽标 / 小标签」语义的 class（mini / badge / chip / tag / lab / meta），
   不管被多少个 class 叠加，一律不低于 12px。
   用 [class*=] 属性选择器避免再逐个追查特异性。 */
[class*="forun-mini"],
[class*="forun-badge"],
[class*="forun-chip"],
[class*="forun-tag"],
[class*="forun-lab"],
[class*="forun-meta"],
[class*="forun-eyebrow"],
[class*="forun-kicker"],
[class*="ew-modelrow-tag"] {
  font-size: 12px !important;
}

/* 但表格分组标题与需要大写间距的可单独放宽到 12px 固定 */
[class*="forun-spec-group"],
table tr[class*="group"] td {
  font-size: 12px !important;
}

/* ==========================================================================
   97. 吸底询价栏不再遮挡内容
   
   实测（G7 页 1440×900）：hero 图底边在视口 950px 处，而吸底栏固定在底部 55px，
   所以图片最后约 50px 被栏体盖住 —— 看起来就是"照片被切了一块"。
   
   修法：给页面底部留出与栏高等量的空间（只在有该栏时生效）。
   ========================================================================== */

/* 页面底部预留空间（桌面与移动统一） */
body.forun-has-qb,
body:has(#forun-quote-bar) {
  padding-bottom: 72px !important;
}

/* 兜底：body 上没标记时也留出空间（该栏只在车型页与首页出现） */
@media (min-width: 761px) {
  #forun-quote-bar ~ * { scroll-margin-bottom: 72px; }
}

/* 页脚：确保最后一屏内容不被栏体压住 */
.forun-footer {
  padding-bottom: calc(24px + 72px) !important;
}

/* 移动端栏体更高一些 */
@media (max-width: 760px) {
  body.forun-has-qb,
  body:has(#forun-quote-bar) {
    padding-bottom: 84px !important;
  }
  .forun-footer {
    padding-bottom: calc(20px + 84px) !important;
  }
}

/* ==========================================================================
   98. 2× HiDPI 屏不再放大图片（Codex 定位的真因）
   
   Codex 实测用户显示环境：
     物理面板 3200×2000，系统逻辑 1600×1000（200% 缩放）→ devicePixelRatio = 2
     全宽图需要 1585 CSS px × 2 = 3170 物理像素
     而站点最大候选只有 1920px
     → 放大 1.65 倍 → 必糊
   
   ★ 这是"分辨率不够"，不是"体积太大"。前几轮我一直在优化体积（WebP/裁剪/压缩），
     从未提升分辨率，所以在 2× 屏上一直是糊的。
   
   由于原图上限就是 1920px，唯一可行的不换素材方案是：
     **在 2× 屏上把全宽图限制到 ≤1440 CSS px**
     → 需要 1440 × 2 = 2880 物理像素… 仍不够。
   
   重新计算（关键）：
     要让 2× 屏不放大，需 imageWidth ≥ cssWidth × 2
     我们有 1920px → cssWidth ≤ 960px
   
   但 960px 的 hero 太窄，视觉退化明显。折中方案（按优先级）：
     A. 1× 屏：全宽 1585px，用 1920w（1.21×，清晰）
     B. 2× 屏：限制到 960px，用 1920w（1:1，完全清晰）但英雄区变窄
     C. 2× 屏：限制到 1440px，用 1920w（1.33× 轻微放大，比 1.65× 明显好）
   
   我采用 **C 为主 + 用 srcset 让浏览器选最大候选**，并把选择权交给用户：
   同时提供 B 的开关（CSS 变量 --hero-max-w-2x，默认 900px）。
   ========================================================================== */

/* ---- 1. 2× 屏起：限制全宽图上限（权威值由节 101 定义，此处只兜底）---- */
@media (min-resolution: 1.4dppx) {
  .forun-hero-media img,
  .forun-hero-img,
  .forun-fullbleed img {
    max-width: var(--hero-max-w-2x, 900px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .forun-hero-media,
  .forun-fullbleed {
    display: flex !important;
    justify-content: center !important;
    background: var(--ew-white) !important;
  }
}

/* ==========================================================================
   98.1 小字颜色加深（Codex：9-11px 的 #676B70 在 Windows 上发虚）
   #676B70 → #4A4E54（对比度从 5.1:1 提到 7.4:1）
   ========================================================================== */
:root {
  --ew-muted-strong: #4A4E54;
}

.forun-spec-lb,
.forun-key-spec-label,
.forun-tag,
.forun-eyebrow,
.forun-deal-label,
.forun-compare-lab,
.forun-market,
.forun-qb-meta,
.forun-footnote,
.forun-fcol h4,
.forun-logo-text small,
.forun-spec-strip i,
.forun-spec-strip em,
.forun-spec-strip small,
.forun-spec-unit,
tr.grp td,
.forun-acc-grp,
.forun-hero-sub,
.forun-spec th,
.forun-matrix th,
td, th, label, small {
  color: var(--ew-muted-strong) !important;
}

/* 标题与强调仍用近黑，保持层级 */
.forun-key-spec b,
.forun-key-spec strong,
.forun-spec td,
.forun-deal strong,
h1, h2, h3, h4 { color: var(--ew-ink) !important; }

/* ==========================================================================
   99. 页脚 WhatsApp 电话链接触控目标（Codex 扫出的最后 1 项）
   
   实测（390/360/768/1440 四个视口一致）：
     .forun-fwa a  "WhatsApp +86 150 1004 0923"  h=20px   ← 全站唯一 <44px 的交互元素
   
   我的节 83 里其实写了 `.forun-fwa a { min-height: 44px; display: inline-flex }`，
   但它被节 74 的 `.forun-fwa a { display: inline !important; padding: 0 !important }` 压住
   （节 74 在节 83 之后？不是 —— 节 74 在前，节 83 在后，但节 74 用了 !important 且
     display: inline 会忽略 min-height）。
   
   这次用 !important 明确覆盖，并保证行内链接的视觉不变（下划线仍在）。
   ========================================================================== */

/* 移动/触控视口：热区 ≥44px */
@media (max-width: 900px) {
  .forun-fwa a,
  .forun-fwa a:link,
  .forun-fwa a:visited,
  .forun-footer .forun-fwa a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 44px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }
  .forun-fwa { margin-top: 4px !important; line-height: 1.3 !important; }
}

/* 桌面：保持行内视觉（Codex 确认桌面 19-20px 是正常的，
   44px 只对触控视口成立）—— 但为一致性给一个温和的热区 */
@media (min-width: 901px) {
  .forun-fwa a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 32px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
}

/* ==========================================================================
   100. .forun-fwa a 触控热区最终修正
   
   诊断结果（390px 视口）：
     a  { display: inline; min-height: 44px; height: auto; padding: 0 }
     rect.h = 20px
   
   ★ 根因：`display: inline` 的元素**忽略 min-height / height**。
     节 99 设了 min-height，但 display 仍是 inline（被别处的 display 规则压住，
     且 Playwright 内查不到命中规则 —— 跨源样式表 CSSOM 限制）。
   
   可靠做法：不依赖 display 覆盖，直接用 **padding 撑高**（对 inline 也有效），
   再用 JS 兜底确保计算样式达标。
   ========================================================================== */

/* ---- 1. 用 padding 撑高（inline 元素也生效）---- */
.forun-fwa a,
.forun-fwa a:link,
.forun-fwa a:visited,
.forun-footer .forun-fwa a {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  line-height: 18px !important;
  box-sizing: content-box !important;
}
/* 13 + 18 + 13 = 44px */

/* ---- 2. 同时尝试 display: inline-flex（若能被应用则更精确）---- */
@media (max-width: 900px) {
  .forun-fwa a,
  .forun-fwa a:link,
  .forun-fwa a:visited {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 44px !important;
  }
  .forun-fwa {
    margin-top: 2px !important;
    margin-bottom: 0 !important;
  }
}

/* ---- 3. 桌面：温和热区（不改视觉）---- */
@media (min-width: 901px) {
  .forun-fwa a {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }
}

/* ==========================================================================
   101. 浏览器缩放（zoom）也会导致放大 —— 按「有效像素比」限制宽度
   
   实测（拉普拉斯方差量化中心区文字锐度，越高越锐）：
     dpr=1  zoom=1     1349   ← 清晰
     dpr=2  zoom=1     1273   ← 清晰
     dpr=2  zoom=2      625   ← 锐度掉 51%，模糊（复现了用户的现象）
   
   根因：浏览器缩放会把布局尺寸按倍数放大，
        「需要的物理像素」= cssWidth × dpr × zoom
        而节 98 只按 dpr 限制 max-width，没算 zoom：
          zoom=2 时 800px 布局 → 800 × 2(dpr) × 2(zoom) = 3200px 物理需求
          而文件只有 1920px → 放大 1.67× → 模糊
   
   修法：按视口宽度分档降低上限。CSS 无法直接读 devicePixelRatio，
        但「视口越窄 = 缩放越大」，所以用视口宽度做代理指标。
        上限公式：cssWidth ≤ 1920 / (dpr × zoom)
        在 dpr=2 前提下：
          zoom 1.0  → ≤960  → 取 900
          zoom 1.5  → ≤640  → 取 620
          zoom 2.0  → ≤480  → 取 460
   ========================================================================== */

/* ---- 基准：2× 屏、无缩放 ----
   上限公式：cssWidth ≤ 文件宽 / (dpr × zoom)
   文件上限 1920px，dpr=2：
     zoom 1.0 → ≤960  → 取 900
   视口不变时 zoom 会推高有效 dpr，所以要按「有效 dpr」给多档。
   CSS 无法读 dpr，但可以用 min-resolution 的多个区间逼近。 */
@media (min-resolution: 1.4dppx) {
  .forun-hero-media img,
  .forun-hero-img,
  .forun-fullbleed img {
    max-width: var(--hero-max-w-2x, 900px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .forun-hero-media,
  .forun-fullbleed {
    display: flex !important;
    justify-content: center !important;
    background: var(--ew-white) !important;
  }
}

/* 有效 2.8dppx 以上（≈2× 屏 + 150% 缩放）：上限降到 640px
   1920 / 2.8 ≈ 685 → 取 640 */
@media (min-resolution: 2.8dppx) {
  .forun-hero-media img,
  .forun-hero-img,
  .forun-fullbleed img { max-width: 640px !important; }
}

/* 有效 3.8dppx 以上（≈2× 屏 + 200% 缩放）：上限降到 480px
   1920 / 3.8 ≈ 505 → 取 480 */
@media (min-resolution: 3.8dppx) {
  .forun-hero-media img,
  .forun-hero-img,
  .forun-fullbleed img { max-width: 480px !important; }
}

/* 有效 5dppx 以上：上限 380px */
@media (min-resolution: 5dppx) {
  .forun-hero-media img,
  .forun-hero-img,
  .forun-fullbleed img { max-width: 380px !important; }
}

/* ---- 缩放代理：视口越窄 → 缩放越大 → 上限越低 ---- */
@media (min-resolution: 1.4dppx) and (max-width: 1199px) {
  .forun-hero-media img,
  .forun-hero-img,
  .forun-fullbleed img { max-width: 700px !important; }
}
@media (min-resolution: 1.4dppx) and (max-width: 999px) {
  .forun-hero-media img,
  .forun-hero-img,
  .forun-fullbleed img { max-width: 560px !important; }
}
@media (min-resolution: 1.4dppx) and (max-width: 799px) {
  .forun-hero-media img,
  .forun-hero-img,
  .forun-fullbleed img { max-width: 440px !important; }
}
@media (min-resolution: 1.4dppx) and (max-width: 599px) {
  .forun-hero-media img,
  .forun-hero-img,
  .forun-fullbleed img { max-width: 330px !important; }
}

/* ---- 1× 屏：保持全宽（无放大问题）---- */
@media (max-resolution: 1.39dppx) {
  .forun-hero-media img,
  .forun-hero-img,
  .forun-fullbleed img {
    max-width: 100% !important;
  }
}

/* ---- 补充：1× 屏但浏览器缩放 >1.5 时也要限制 ----
   1× 屏 + zoom 1.6 = 有效 1.6，1920/1.6 = 1200 → 视口窄于 1200 时限制 */
@media (max-resolution: 1.39dppx) and (max-width: 1099px) {
  .forun-hero-media img,
  .forun-hero-img { max-width: 900px !important; margin-left: auto !important; margin-right: auto !important; }
  .forun-hero-media { display: flex !important; justify-content: center !important; }
}
@media (max-resolution: 1.39dppx) and (max-width: 899px) {
  .forun-hero-media img,
  .forun-hero-img { max-width: 700px !important; }
}

/* ==========================================================================
   102. 吸底询价栏副标题被裁（新断言 A2 抓到）
   
   实测：.forun-qb-meta  scroll=276 > client=270  overflow=hidden/hidden/hidden
        文本 "Premium 4x4 double cab — diesel, p..." 被切掉尾部
        （节 82 我给它加了 white-space: nowrap + text-overflow: ellipsis）
   
   修法：取消 nowrap/ellipsis，允许两行完整显示；
        栏体高度随之微调，仍保持紧凑。
   ========================================================================== */

#forun-quote-bar .forun-qb-meta,
.forun-qb-meta {
  white-space: normal !important;
  text-overflow: clip !important;
  overflow: visible !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  line-height: 1.35 !important;
  max-height: 2.7em !important;
  font-size: 12px !important;
}

/* 标题也允许换行（避免同类问题）*/
#forun-quote-bar .forun-qb-title {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.3 !important;
}

/* 窄屏：两行 + 按钮并排仍要放得下 */
@media (max-width: 760px) {
  #forun-quote-bar {
    min-height: 60px !important;
    height: auto !important;
    align-items: center !important;
  }
  #forun-quote-bar .forun-qb-left {
    max-height: none !important;
  }
}

/* 桌面：栏体高度自适应，但不超高 */
@media (min-width: 761px) {
  #forun-quote-bar {
    min-height: 56px !important;
    height: auto !important;
  }
  .forun-qb-meta { -webkit-line-clamp: 1 !important; max-height: 1.5em !important; }
}

/* ==========================================================================
   103. 清除 .forun-hero-inner::before 的毛玻璃效果（"只首页模糊"的真凶）
   
   根因（premium.css 行 2803）：
     @supports (backdrop-filter: blur(2px)) {
       .forun-hero-inner::before {
         content: "";
         position: absolute;
         inset: calc(-1 * var(--f-space-5)) calc(-1 * var(--f-space-6));   ← 负数，向外扩张
         background: radial-gradient(70% 60% at 50% 50%, rgba(11,17,22,.42) 0%, transparent 72%);
         backdrop-filter: blur(1.5px);        ← 毛玻璃模糊
         border-radius: var(--f-radius-lg);
         z-index: -1;
       }
     }
   
   这是旧「深色主题 + 毛玻璃」设计的残留。画册白规范只清掉了
   `.forun-hero-full::before/::after`（行 3618），**漏了 `.forun-hero-inner::before`**。
   
   后果：
     1. `backdrop-filter: blur(1.5px)` 让该层背后的一切变模糊
     2. `inset` 用负值向外扩张，模糊区域漫出 hero，影响到下方区块
     3. `radial-gradient` + `border-radius` 造成可见的"圆角光晕"
   
   实测（Playwright 视口截图，非拼接）：
     该区域背景像素 RGB(199,201,202) —— 不是纯白，有柔和暗斑
   
   修法：与行 3618 同样的方式彻底禁用这个伪元素。
   ========================================================================== */

.forun-hero-inner::before,
.forun-hero-inner::after {
  display: none !important;
  content: none !important;
  background: none !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 0 !important;
  inset: auto !important;
  position: static !important;
}

/* 兜底：hero 内部任何伪元素都不得带模糊或渐变 */
.forun-hero *::before,
.forun-hero *::after,
.forun-hero-full *::before,
.forun-hero-full *::after {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
}

/* hero 文字区改为纯白块（与规范一致），用留白而非光晕分隔 */
.forun-hero-inner {
  background: var(--ew-white) !important;
  background-color: var(--ew-white) !important;
  background-image: none !important;
  border-top: 1px solid var(--ew-rule) !important;
}

/* ==========================================================================
   103.1 全站扫除 backdrop-filter（画册白规范：0 模糊 0 光晕）
   —— 这类残留会让文字/图片"发虚"，且从 CSS 文本上很难看出
   ========================================================================== */
*,
*::before,
*::after {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* ==========================================================================
   104. 首页「车型家族」卡片网格（用户要求：小图片 + 小标题 + 设计元素）
   
   旧结构：纯文字行 + 每行塞满 <br />（破坏 grid），视觉单调
   新结构：3×2 卡片网格 —— 小图 + 标题 + 一句说明 + 载柜数 + 箭头
   
   设计约束（画册白规范）：
     · 0 阴影 / 0 渐变 / 方角 / 1px 细线
     · 单一强调色 #C8102E（仅用于悬停与箭头）
     · 图片用 3:2 固定比例 + object-fit: cover（缩略图可裁，主视觉不裁）
     · 悬停：细线上浮 + 箭头右移 + 标题变红（全部用 transition，不用 transform 缩放）
   ========================================================================== */

.ew-mgrid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  border-top: 1px solid var(--ew-rule) !important;
  border-left: 1px solid var(--ew-rule) !important;
  width: calc(100% - 2 * var(--ew-gutter)) !important;
  max-width: min(calc(100% - 2 * var(--ew-gutter)), var(--ew-container)) !important;
  margin: 0 auto var(--ew-5) !important;
}

/* ---- 单张卡片 ---- */
.ew-mcard {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  border-right: 1px solid var(--ew-rule) !important;
  border-bottom: 1px solid var(--ew-rule) !important;
  background: var(--ew-white) !important;
  text-decoration: none !important;
  color: inherit !important;
  padding: 0 0 var(--ew-4) !important;
  transition: background-color .18s linear !important;
}
.ew-mcard:hover { background: #FAFAFA !important; }

/* ---- 图片区：3:2，缩略图可裁 ---- */
.ew-mcard-media {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 3 / 2 !important;
  overflow: hidden !important;
  background: #F4F4F5 !important;
}
.ew-mcard-media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  max-width: none !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  transition: opacity .18s linear !important;
}
.ew-mcard:hover .ew-mcard-media img { opacity: .92 !important; }

/* ---- 文字区 ---- */
.ew-mcard-body {
  display: block !important;
  padding: var(--ew-4) var(--ew-4) 0 !important;
}
.ew-mcard-name {
  display: block !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
  line-height: 1.15 !important;
  color: var(--ew-ink) !important;
  transition: color .18s linear !important;
}
.ew-mcard:hover .ew-mcard-name { color: var(--ew-red) !important; }

.ew-mcard-tag {
  display: block !important;
  margin-top: 6px !important;
  font-size: 13.5px !important;
  line-height: 1.45 !important;
  color: var(--ew-muted-strong, #4A4E54) !important;
}

.ew-mcard-load {
  display: block !important;
  margin-top: 12px !important;
  padding-top: 10px !important;
  border-top: 1px solid var(--ew-rule) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
  color: var(--ew-muted-strong, #4A4E54) !important;
}

/* ---- 箭头：右下角，悬停右移 ---- */
.ew-mcard-arrow {
  position: absolute !important;
  right: var(--ew-4) !important;
  bottom: calc(var(--ew-4) + 4px) !important;
  font-size: 16px !important;
  line-height: 1 !important;
  color: var(--ew-red) !important;
  transition: transform .18s linear !important;
}
.ew-mcard:hover .ew-mcard-arrow { transform: translateX(4px) !important; }

/* ---- 响应式 ---- */
@media (max-width: 900px) {
  .ew-mgrid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .ew-mcard-name { font-size: 19px !important; }
}
@media (max-width: 560px) {
  .ew-mgrid { grid-template-columns: 1fr !important; }
  .ew-mcard-media { aspect-ratio: 16 / 9 !important; }
  .ew-mcard-body { padding: var(--ew-3) var(--ew-3) 0 !important; }
  .ew-mcard-name { font-size: 18px !important; }
  .ew-mcard { padding-bottom: var(--ew-3) !important; }
}

/* ---- 「View full specifications」链接 ---- */
.ew-modelfamily-all {
  width: calc(100% - 2 * var(--ew-gutter)) !important;
  max-width: min(calc(100% - 2 * var(--ew-gutter)), var(--ew-container)) !important;
  margin: 0 auto var(--ew-6) !important;
  text-align: center !important;
}
.ew-modelfamily-all a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 44px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--ew-ink) !important;
  text-decoration: none !important;
  border-bottom: 1px solid var(--ew-red) !important;
  padding-bottom: 2px !important;
}
.ew-modelfamily-all a:hover { color: var(--ew-red) !important; }

/* ==========================================================================
   104.1 卡片文字对齐修正（特异性：行8640 .ew-modelfamily { text-align: center } 继承下来）
   ========================================================================== */
.ew-mgrid,
.ew-mgrid .ew-mcard,
.ew-mgrid .ew-mcard-body,
.ew-mgrid .ew-mcard-name,
.ew-mgrid .ew-mcard-tag,
.ew-mgrid .ew-mcard-load,
.ew-modelfamily.ew-mgrid,
.ew-modelfamily.ew-mgrid * {
  text-align: left !important;
}
.ew-mgrid .ew-mcard-media,
.ew-mgrid .ew-mcard-media img {
  text-align: initial !important;
}
/* 图片必须填满框，避免比例不符时出现黑边 */
.ew-mgrid .ew-mcard-media {
  background: var(--ew-white) !important;
}
.ew-mgrid .ew-mcard-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* ==========================================================================
   105. 秘鲁图限宽 + Codex 三处更正落地
   
   ── 背景 ──
   Codex 复核指出（我逐条实测确认）：
   
   C1. `-webkit-font-smoothing` 在 **Windows 上无效**（只在 macOS/iOS 生效）。
       我节 88.2 把它列为"亚像素"的修复手段之一 —— 这个说法在 Windows 上不成立。
       实测：g7 页面 antialiased=1630 个元素（forun-nav / forun-lang / forun-burger 等），
            自动=2156。节 88.2 的 auto 声明**没有覆盖全部**。
       → 本节的说明性文字不再声称它解决模糊；保留声明但不再作为修复项计入。
   
   C2. dpr2 需要 **≥3170** 物理像素（用户视口 1585 CSS px × 2），
       不是我先前写的 2880（那是按 1440 视口算的）。
   
   C3. 残留 transform 实测只剩 1 处：`matrix(1,0,0,1,0,-56)`
       —— **整数位移，不会导致模糊**，属无害残留。
   
   ── 秘鲁图问题（Codex 新观察）──
   Codex 实测：恢复 1:1 后该图在桌面是 1585×1585，**几乎占满一整屏高度**，对 B2B 首页偏重。
   我的实测：1425×1425（比例 1.00，0% 裁切）—— 同样过重。
   
   ── 修法 ──
   保持 0% 裁切，但**限制显示宽度到 940 CSS px 并居中**：
     · 940 × 2(dpr) = 1880 ≤ 源 1920  → 2× 屏不放大
     · 高度从 1425px 降到 940px，不再占满一屏
     · 居中 + 白底，两侧留白在画册白规范下是自然的
   ========================================================================== */

/* 秘鲁图（首页「Proven on real roads」区块）限宽 */
.forun-fullbleed img[src*="peru"],
img[src*="tunland-g9-peru-01"] {
  width: 100% !important;
  max-width: 940px !important;
  height: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  object-fit: contain !important;
}

.forun-fullbleed:has(img[src*="peru"]) {
  display: flex !important;
  justify-content: center !important;
  background: var(--ew-white) !important;
}

/* 该区块内的深色文字浮层：限宽后同步收窄，避免超出图片范围 */
.forun-fullbleed:has(img[src*="peru"]) .forun-bleed-caption,
.forun-fullbleed:has(img[src*="peru"]) figcaption {
  max-width: 940px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 手机：占满宽度，不受 940 限制影响（本来就 < 940） */
@media (max-width: 960px) {
  .forun-fullbleed img[src*="peru"],
  img[src*="tunland-g9-peru-01"] {
    max-width: 100% !important;
  }
}

/* ---- 说明性更正（不改变渲染，只记录事实，避免后来者误读）----
   · 节 88.2 的 -webkit-font-smoothing / text-rendering 声明保留，
     但在 Windows 上 Chromium 忽略 -webkit-font-smoothing，
     因此「文字发虚」的修复依赖的是**字号提升 + 颜色加深**，不是这个属性。
   · 残留 transform 仅 1 处（整数 -56px），无害，不再追清。
*/

/* ==========================================================================
   106. fullbleed 区块：铺满宽度且不留白
   
   问题（用户反馈「这张图很突兀」）：
     我节 105 把秘鲁图限宽到 940px 居中 → 两侧大片留白，视觉上很突兀
     而 fullbleed 区块的语义就是"通栏图"
   
   修法：
     1. 移除节 105 对 peru 的 940px 限宽（该图已不再使用，规则一并废掉）
     2. 新 fullbleed 图（tunland-g7-action-2，3:2）用 object-fit: cover 铺满
        —— 通栏区块裁掉少量上下是正常的杂志做法，
           且该图是"车在野外道路"，裁上下不影响主体
     3. 高度用 clamp 控制在 380–620px，保持通栏但不占满一屏
   ========================================================================== */

/* ---- 1. 废除 peru 的限宽规则（该图已从首页移除）---- */
.forun-fullbleed img[src*="peru"],
img[src*="tunland-g9-peru-01"] {
  max-width: none !important;
}

/* ---- 2. fullbleed 图：通栏 + cover + 受控高度 ---- */
.forun-fullbleed {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: hidden !important;
  background: var(--ew-white) !important;
}

.forun-fullbleed img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: clamp(380px, 42vw, 620px) !important;
  object-fit: cover !important;
  object-position: center 45% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (max-width: 760px) {
  .forun-fullbleed img {
    height: clamp(220px, 58vw, 340px) !important;
  }
}

/* ---- 3. 该区块里的文字浮层：仍限宽到容器，避免贴边 ---- */
.forun-fullbleed .forun-bleed-caption,
.forun-fullbleed figcaption,
.forun-fullbleed .forun-bleed-text {
  width: min(100% - 2 * var(--ew-gutter), var(--ew-container)) !important;
  max-width: var(--ew-container) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 2× 屏：cover 会把图放大，但通栏图裁切后主体仍在，
   且这是"背景式"用法，可接受；如需极致清晰可换素材 */

/* ==========================================================================
   107. fullbleed 图在 2× 屏的限制（与 hero 统一策略）
   
   结构性取舍（无法两全，必须二选一）：
     铺满宽度 1585 CSS px → 2× 屏需要 3170 物理像素 → 原图上限 1920px → 放大 1.65×（糊）
     限制宽度  ≤960 CSS px → 2× 屏需要 ≤1920 物理像素 → 1:1（清晰），但不再通栏
   
   采纳 Codex 建议：**2× 屏上限制到 900px**（与 hero 同值，保持一致）。
   1× 屏不受影响，仍是通栏 1585px。
   
   视觉补偿：限宽后居中显示，两侧用页面白底；因为该区块本身是"图片 + 半透明深色文字条"，
   限宽后文字条也同步收窄，整体读起来像一张"杂志跨页插图"而不是"背景板"。
   ========================================================================== */

@media (min-resolution: 1.4dppx) {
  .forun-fullbleed img {
    max-width: var(--hero-max-w-2x, 900px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    height: clamp(300px, 34vw, 520px) !important;
  }
  .forun-fullbleed {
    display: flex !important;
    justify-content: center !important;
    background: var(--ew-white) !important;
  }
}

/* 更高密度（≈2× 屏 + 缩放）：按节 101 的分档同步收窄 */
@media (min-resolution: 2.8dppx) {
  .forun-fullbleed img { max-width: 640px !important; }
}
@media (min-resolution: 3.8dppx) {
  .forun-fullbleed img { max-width: 480px !important; }
}

/* 1× 屏：保持通栏 */
@media (max-resolution: 1.39dppx) {
  .forun-fullbleed img {
    max-width: 100% !important;
    height: clamp(380px, 42vw, 620px) !important;
  }
  .forun-fullbleed {
    display: block !important;
  }
}

/* ==========================================================================
   108. 混动页「两种混动技术」区块样式
   
   用户要求：「混动按小混动及正常混动」区分
   依据：P4-PHEV 培训材料（2026.7）
     · 小混动 48V 轻混：4F20+48V，120 kW / 450 N·m，ZF 8AT —— 已量产
     · 正常混动 PHEV：N20 + P1+P2 双电机，350 kW / 800 N·m，4 档 DHT —— 2027
   
   风格：画册白（0 阴影 / 0 渐变 / 方角 / 1px 细线 / 单一强调色）
   ========================================================================== */

.forun-hybrid-intro {
  width: calc(100% - 2 * var(--ew-gutter)) !important;
  max-width: min(calc(100% - 2 * var(--ew-gutter)), var(--ew-container)) !important;
  margin: 0 auto var(--ew-6) !important;
}

.forun-hybrid-intro .ew-lead {
  color: var(--ew-muted-strong, #4A4E54) !important;
}

/* 两栏 */
.forun-hybrid-intro .forun-grid--2,
.forun-hybrid-intro .forun-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  border-top: 1px solid var(--ew-rule) !important;
  border-left: 1px solid var(--ew-rule) !important;
  margin-top: var(--ew-5) !important;
}

@media (max-width: 900px) {
  .forun-hybrid-intro .forun-grid--2,
  .forun-hybrid-intro .forun-grid {
    grid-template-columns: 1fr !important;
  }
}

.forun-hybrid-intro .forun-card {
  background: var(--ew-white) !important;
  border-right: 1px solid var(--ew-rule) !important;
  border-bottom: 1px solid var(--ew-rule) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: var(--ew-5) !important;
  margin: 0 !important;
}

/* 卡片标题 */
.forun-hybrid-intro .forun-card h3 {
  margin: 0 0 var(--ew-4) !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  color: var(--ew-ink) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 8px !important;
  padding-bottom: var(--ew-3) !important;
  border-bottom: 1px solid var(--ew-ink) !important;
}

/* 状态标签（In production / 2027）*/
.forun-hybrid-intro .forun-tag {
  display: inline-block !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: var(--ew-white) !important;
  background: var(--ew-red) !important;
  padding: 3px 8px !important;
  border-radius: 0 !important;
  white-space: nowrap !important;
}
/* 「2027」用近黑，区分「已量产」与「规划中」*/
.forun-hybrid-intro .forun-card:nth-child(2) .forun-tag {
  background: var(--ew-ink) !important;
}

/* 参数表 */
.forun-hybrid-intro table.forun-spec {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 0 0 var(--ew-4) !important;
}
.forun-hybrid-intro table.forun-spec th,
.forun-hybrid-intro table.forun-spec td {
  text-align: left !important;
  padding: 9px 0 !important;
  border-bottom: 1px solid var(--ew-rule) !important;
  font-size: 13.5px !important;
  vertical-align: top !important;
}
.forun-hybrid-intro table.forun-spec th {
  width: 38% !important;
  font-weight: 400 !important;
  color: var(--ew-muted-strong, #4A4E54) !important;
}
.forun-hybrid-intro table.forun-spec td {
  font-weight: 600 !important;
  color: var(--ew-ink) !important;
}
/* 强调值（450 N·m / 350 kW / 800 N·m）*/
.forun-hybrid-intro table.forun-spec td strong {
  color: var(--ew-red) !important;
  font-weight: 700 !important;
}

/* 卡片内说明段 */
.forun-hybrid-intro .forun-card > p {
  margin: 0 !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  color: var(--ew-muted-strong, #4A4E54) !important;
}

/* 脚注 */
.forun-hybrid-intro .forun-footnote {
  margin-top: var(--ew-4) !important;
  font-size: 12.5px !important;
  color: var(--ew-muted-strong, #4A4E54) !important;
}

/* 该区块内的正文加粗（ew-lead 里的 48V / PHEV）*/
.forun-hybrid-intro .ew-lead strong {
  color: var(--ew-ink) !important;
  font-weight: 700 !important;
}

/* ==========================================================================
   109. 首页车型区块重构（V7/V9 重点）
   
   用户指示（2026-10-09）：
     「V7和V9是重点产品，G9和SingleCab不重要，尤其是SingleCab只是驾驶室的一种」
   
   结构：
     第一行  2 张大卡    Tunland V7 | Tunland V9        （重点，含官方差异表）
     差异表  V7 vs V9 官方对比
     第二行  3 张小卡    G7 | 48V Mild Hybrid | PHEV
     脚注    Single Cab 说明（驾驶室型式，不是独立车型）
   
   风格：画册白 —— 0 阴影 / 0 渐变 / 方角 / 1px 细线 / 单一强调色 #C8102E
   ========================================================================== */

.ew-mf2 {
  width: calc(100% - 2 * var(--ew-gutter)) !important;
  max-width: min(calc(100% - 2 * var(--ew-gutter)), var(--ew-container)) !important;
  margin: 0 auto var(--ew-6) !important;
}

/* ---- 区块标题 ---- */
.ew-mf2-head {
  max-width: 720px;
  margin: 0 auto var(--ew-5);
  text-align: center;
}
.ew-mf2-head h2 {
  margin: 0 0 10px !important;
  font-size: clamp(22px, 2.4vw, 30px) !important;
  line-height: 1.2 !important;
  color: var(--ew-ink) !important;
}
.ew-mf2-head p {
  margin: 0 !important;
  font-size: 14.5px !important;
  line-height: 1.6 !important;
  color: var(--ew-muted-strong, #4A4E54) !important;
}

/* ---- 第一行：2 张大卡 ---- */
.ew-mf2-flagship {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1px !important;
  background: var(--ew-rule) !important;
  border: 1px solid var(--ew-rule) !important;
  margin-bottom: 1px !important;
}
@media (max-width: 820px) {
  .ew-mf2-flagship { grid-template-columns: 1fr !important; }
}

.ew-mf2-big {
  position: relative !important;
  display: block !important;
  background: var(--ew-white) !important;
  text-decoration: none !important;
  padding: 0 0 var(--ew-5) !important;
  color: inherit !important;
}

/* 「Flagship series」角标 */
.ew-mf2-flag {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 2 !important;
  display: inline-block !important;
  background: var(--ew-red) !important;
  color: var(--ew-white) !important;
  font-size: 12px !important;     /* ≥12px 全站下限 */
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  padding: 6px 11px !important;
  border-radius: 0 !important;
}

/* 图片区：更大，3:2 */
.ew-mf2-big .ew-mf2-media {
  display: block !important;
  overflow: hidden !important;
  background: var(--ew-white) !important;
}
.ew-mf2-big .ew-mf2-media img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 3 / 2 !important;
  object-fit: cover !important;
  transition: opacity .25s ease !important;
}
.ew-mf2-big:hover .ew-mf2-media img { opacity: .92 !important; }

/* 车型名：大字号 */
.ew-mf2-name {
  display: block !important;
  padding: var(--ew-4) var(--ew-5) 0 !important;
  font-size: clamp(22px, 2vw, 27px) !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
  color: var(--ew-ink) !important;
  line-height: 1.15 !important;
}
.ew-mf2-big:hover .ew-mf2-name { color: var(--ew-red) !important; }

/* 规格小条 */
.ew-mf2-specs {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 1px !important;
  margin: var(--ew-4) var(--ew-5) 0 !important;
  border-top: 1px solid var(--ew-rule) !important;
  border-left: 1px solid var(--ew-rule) !important;
}
.ew-mf2-row {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  padding: 11px 10px !important;
  border-right: 1px solid var(--ew-rule) !important;
  border-bottom: 1px solid var(--ew-rule) !important;
}
.ew-mf2-row b {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--ew-ink) !important;
  line-height: 1.2 !important;
}
.ew-mf2-row i {
  font-style: normal !important;
  font-size: 12px !important;     /* ≥12px 全站下限 */
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  color: var(--ew-muted-strong, #4A4E54) !important;
}

/* CTA */
.ew-mf2-cta {
  display: inline-block !important;
  margin: var(--ew-4) var(--ew-5) 0 !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: var(--ew-red) !important;
  transition: transform .2s ease !important;
}
.ew-mf2-big:hover .ew-mf2-cta { transform: translateX(4px) !important; }

/* ---- V7 vs V9 差异表 ---- */
.ew-mf2-diff {
  width: 100% !important;
  border-collapse: collapse !important;
  border: 1px solid var(--ew-rule) !important;
  border-top: 0 !important;
  margin: 0 0 var(--ew-6) !important;
  table-layout: fixed !important;
}
.ew-mf2-diff th,
.ew-mf2-diff td {
  text-align: left !important;
  padding: 11px 14px !important;
  border-bottom: 1px solid var(--ew-rule) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  vertical-align: top !important;
}
.ew-mf2-diff thead th {
  background: var(--ew-ink) !important;
  color: var(--ew-white) !important;
  font-weight: 700 !important;
  font-size: 12.5px !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  border-bottom: 0 !important;
}
.ew-mf2-diff thead th:first-child { background: var(--ew-ink) !important; }
.ew-mf2-diff tbody th {
  width: 24% !important;
  font-weight: 400 !important;
  color: var(--ew-muted-strong, #4A4E54) !important;
}
.ew-mf2-diff tbody td {
  width: 38% !important;
  font-weight: 600 !important;
  color: var(--ew-ink) !important;
}
.ew-mf2-diff tbody tr:last-child th,
.ew-mf2-diff tbody tr:last-child td { border-bottom: 0 !important; }

/* 手机：差异表改为堆叠 */
@media (max-width: 700px) {
  .ew-mf2-diff thead { display: none !important; }
  .ew-mf2-diff, .ew-mf2-diff tbody, .ew-mf2-diff tr, .ew-mf2-diff th, .ew-mf2-diff td {
    display: block !important;
    width: 100% !important;
  }
  .ew-mf2-diff tr {
    border-bottom: 1px solid var(--ew-rule) !important;
    padding: 10px 0 !important;
  }
  .ew-mf2-diff tbody th { padding-bottom: 4px !important; }
  .ew-mf2-diff tbody td { padding: 2px 14px !important; }
  .ew-mf2-diff tbody td::before {
    content: attr(data-model) !important;
    display: block !important;
    font-size: 12px !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    color: var(--ew-muted-strong, #4A4E54) !important;
    font-weight: 400 !important;
  }
}

/* ---- 小标题 ---- */
.ew-mf2-sub {
  margin: var(--ew-6) 0 var(--ew-4) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: var(--ew-muted-strong, #4A4E54) !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid var(--ew-ink) !important;
}

/* ---- 第二行：3 张小卡 ---- */
.ew-mf2-others {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1px !important;
  background: var(--ew-rule) !important;
  border: 1px solid var(--ew-rule) !important;
}
@media (max-width: 980px) {
  .ew-mf2-others { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 640px) {
  .ew-mf2-others { grid-template-columns: 1fr !important; }
}

.ew-mf2-small {
  display: block !important;
  background: var(--ew-white) !important;
  text-decoration: none !important;
  color: inherit !important;
  padding-bottom: var(--ew-4) !important;
}
.ew-mf2-small .ew-mf2-media { display: block !important; overflow: hidden !important; }
.ew-mf2-small .ew-mf2-media img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 3 / 2 !important;
  object-fit: cover !important;
  transition: opacity .25s ease !important;
}
.ew-mf2-small:hover .ew-mf2-media img { opacity: .92 !important; }

.ew-mf2-small-body {
  display: block !important;
  padding: var(--ew-3) var(--ew-4) 0 !important;
}
.ew-mf2-small-name {
  display: block !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: var(--ew-ink) !important;
  line-height: 1.2 !important;
  margin-bottom: 4px !important;
}
.ew-mf2-small:hover .ew-mf2-small-name { color: var(--ew-red) !important; }
.ew-mf2-small-tag {
  display: block !important;
  font-size: 13px !important;
  color: var(--ew-muted-strong, #4A4E54) !important;
  line-height: 1.45 !important;
  margin-bottom: 8px !important;
}
.ew-mf2-small-load {
  display: block !important;
  font-size: 12px !important;     /* ≥12px 全站下限 */
  font-weight: 700 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  color: var(--ew-ink) !important;
  padding-top: 8px !important;
  border-top: 1px solid var(--ew-rule) !important;
}

/* ---- 脚注 ---- */
.ew-mf2-note {
  margin: var(--ew-5) 0 0 !important;
  padding: 13px 16px !important;
  background: var(--ew-white) !important;
  border-left: 2px solid var(--ew-red) !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  color: var(--ew-muted-strong, #4A4E54) !important;
}

.ew-mf2-all {
  margin: var(--ew-4) 0 0 !important;
  text-align: right !important;
  font-size: 13.5px !important;
}.ew-mf2-all a {
  color: var(--ew-red) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.ew-mf2-all a:hover { text-decoration: underline !important; }

/* 规划中车型的数据出处（Codex 要求：无出处不得上线）*/
.ew-mf2-src {
  margin: var(--ew-3) 0 0 !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  color: var(--ew-muted-strong, #4A4E54) !important;
}
.ew-mf2-src em { font-style: italic !important; }

/* ==========================================================================
   110. 车型页「技术卖点」区块
   
   数据来源：E:\皮卡数据库\02_数据库\pickup.db（全部 confidence=verified）
   官方材料：Foton Overseas Pickup Product Introduction 2025.3 /
             TUNLAND G SCRIPT CN_EN / Tunland G EN 2024.6 / Tunland V-EN-2025.1
   
   风格：画册白 —— 定义列表（dt/dd）+ 1px 细线，无卡片无阴影
   ========================================================================== */

.forun-tech {
  width: calc(100% - 2 * var(--ew-gutter)) !important;
  max-width: min(calc(100% - 2 * var(--ew-gutter)), var(--ew-container)) !important;
  margin: var(--ew-6) auto var(--ew-5) !important;
  padding-top: var(--ew-5) !important;
  border-top: 1px solid var(--ew-rule) !important;
}

.forun-tech-h {
  margin: 0 0 8px !important;
  font-size: clamp(20px, 2.2vw, 26px) !important;
  line-height: 1.22 !important;
  color: var(--ew-ink) !important;
}
.forun-tech-sub {
  margin: 0 0 var(--ew-5) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: var(--ew-muted-strong, #4A4E54) !important;
}

/* ---- 定义列表：左标题 / 右说明，1px 分隔 ---- */
.forun-tech-list {
  margin: 0 0 var(--ew-5) !important;
  border-top: 1px solid var(--ew-rule) !important;
}
.forun-tech-list dt {
  padding: var(--ew-4) 0 6px !important;
  font-size: 15.5px !important;
  font-weight: 700 !important;
  letter-spacing: -.005em !important;
  color: var(--ew-ink) !important;
  border-top: 1px solid var(--ew-rule) !important;
}
.forun-tech-list dt:first-child { border-top: 0 !important; padding-top: 0 !important; }
.forun-tech-list dd {
  margin: 0 0 var(--ew-4) !important;
  max-width: 78ch !important;
  font-size: 14px !important;
  line-height: 1.62 !important;
  color: var(--ew-muted-strong, #4A4E54) !important;
}

/* 宽屏：两栏（标题 30% / 说明 70%）*/
@media (min-width: 900px) {
  .forun-tech-list {
    display: grid !important;
    grid-template-columns: minmax(180px, 26%) 1fr !important;
    column-gap: var(--ew-6) !important;
    align-items: start !important;
  }
  .forun-tech-list dt {
    padding: var(--ew-4) 0 !important;
    border-top: 1px solid var(--ew-rule) !important;
  }
  .forun-tech-list dt:first-child { padding-top: var(--ew-4) !important; }
  .forun-tech-list dd {
    padding: var(--ew-4) 0 !important;
    margin: 0 !important;
    border-top: 1px solid var(--ew-rule) !important;
    max-width: none !important;
  }
  .forun-tech-list dt:first-child,
  .forun-tech-list dt:first-child + dd { border-top: 0 !important; }
}

/* ---- 品牌资历 ---- */
.forun-tech-brand {
  background: var(--ew-white) !important;
  border: 1px solid var(--ew-rule) !important;
  border-left: 2px solid var(--ew-red) !important;
  padding: var(--ew-4) var(--ew-5) !important;
  margin-bottom: var(--ew-4) !important;
}
.forun-tech-brand h3 {
  margin: 0 0 10px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: var(--ew-ink) !important;
}
.forun-tech-brand ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.forun-tech-brand li {
  position: relative !important;
  padding-left: 17px !important;
  margin-bottom: 7px !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  color: var(--ew-muted-strong, #4A4E54) !important;
}
.forun-tech-brand li:last-child { margin-bottom: 0 !important; }
.forun-tech-brand li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 8px !important;
  width: 7px !important;
  height: 1px !important;
  background: var(--ew-red) !important;
}

.forun-tech-src {
  margin: 0 !important;
  font-size: 12px !important;
  color: var(--ew-muted-strong, #4A4E54) !important;
}

/* 触控：该区块内链接（若有）保证 44px */
.forun-tech a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 44px !important;
}

/* ==========================================================================
   111. Blog 索引页 + 文章页样式
   
   用户任务（backlog 12）：12 长尾 Blog
   索引页用 <ul class="forun-post-list"> + <li class="forun-post-item">
     · 分类小标签
     · 标题（大字）
     · 描述（次级灰）
   文章页用 .forun-blog-table / .forun-blog-dl / .forun-blog-cta
   
   风格：画册白 —— 0 阴影 / 0 渐变 / 方角 / 1px 细线 / 单一强调色
   ========================================================================== */

/* ══════════ 索引页 ══════════ */

.forun-post-list {
  list-style: none !important;
  margin: var(--ew-5) 0 0 !important;
  padding: 0 !important;
  border-top: 1px solid var(--ew-ink) !important;
  max-width: 900px !important;
}

.forun-post-item {
  border-bottom: 1px solid var(--ew-rule) !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
.forun-post-item::before { display: none !important; content: none !important; }

.forun-post-cat {
  display: block !important;
  padding: var(--ew-4) 0 5px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: var(--ew-red) !important;
  line-height: 1.2 !important;
}

.forun-post-link {
  display: block !important;
  padding: 0 0 var(--ew-4) !important;
  text-decoration: none !important;
  color: inherit !important;
}

.forun-post-title {
  display: block !important;
  font-size: clamp(18px, 1.7vw, 22px) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: -.01em !important;
  color: var(--ew-ink) !important;
  margin-bottom: 7px !important;
  transition: color .18s ease !important;
}
.forun-post-link:hover .forun-post-title { color: var(--ew-red) !important; }

.forun-post-desc {
  display: block !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: var(--ew-muted-strong, #4A4E54) !important;
  max-width: 68ch !important;
}

/* 索引页导语 */
.forun-lead {
  font-size: 16px !important;
  line-height: 1.65 !important;
  color: var(--ew-muted-strong, #4A4E54) !important;
  max-width: 72ch !important;
  margin: 0 0 var(--ew-2) !important;
}

/* ══════════ 文章页 ══════════ */

/* 正文里的表格 */
.forun-blog-table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: var(--ew-5) 0 !important;
  border: 1px solid var(--ew-rule) !important;
  font-size: 13.5px !important;
  table-layout: auto !important;
}
.forun-blog-table thead th {
  background: var(--ew-ink) !important;
  color: var(--ew-white) !important;
  text-align: left !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
  padding: 10px 12px !important;
  border: 0 !important;
}
.forun-blog-table td {
  padding: 10px 12px !important;
  border-bottom: 1px solid var(--ew-rule) !important;
  border-right: 1px solid var(--ew-rule) !important;
  vertical-align: top !important;
  color: var(--ew-ink) !important;
  line-height: 1.5 !important;
}
.forun-blog-table th:last-child,
.forun-blog-table td:last-child { border-right: 0 !important; }
.forun-blog-table tbody tr:last-child td { border-bottom: 0 !important; }
.forun-blog-table strong { font-weight: 700 !important; }

/* 定义列表（GVW 那篇用到）*/
.forun-blog-dl {
  margin: var(--ew-5) 0 !important;
  border-top: 1px solid var(--ew-rule) !important;
}
.forun-blog-dl dt {
  padding: 14px 0 5px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--ew-ink) !important;
  border-top: 1px solid var(--ew-rule) !important;
}
.forun-blog-dl dt:first-child { border-top: 0 !important; padding-top: 0 !important; }
.forun-blog-dl dd {
  margin: 0 0 14px !important;
  font-size: 14px !important;
  line-height: 1.62 !important;
  color: var(--ew-muted-strong, #4A4E54) !important;
  max-width: 72ch !important;
}

/* 文章末尾 CTA */
.forun-blog-cta {
  display: inline-block !important;
  margin: var(--ew-5) 0 0 !important;
  padding: 13px 18px !important;
  min-height: 44px !important;
  background: var(--ew-red) !important;
  color: var(--ew-white) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  border-radius: 0 !important;
  line-height: 1.4 !important;
}
.forun-blog-cta:hover { background: var(--ew-ink) !important; }

/* 正文链接 */
.forun-blog-body a,
article a:not(.forun-blog-cta) {
  color: var(--ew-red) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

/* 文章里的 h2 / h3 */
.forun-blog-table + h2,
article h2 {
  margin-top: var(--ew-6) !important;
}

/* 文章正文宽度限制（可读性）*/
article .entry-content,
article .wp-block-post-content {
  max-width: 780px !important;
}

/* 手机：表格允许横向滚动 */
@media (max-width: 700px) {
  .forun-blog-table {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    white-space: nowrap !important;
  }
  .forun-blog-table td,
  .forun-blog-table th { white-space: normal !important; min-width: 120px !important; }
  .forun-post-item .forun-post-desc { font-size: 13.5px !important; }
}

/* ══════════ 覆盖父主题的「文章标题居中」（节 111.1）══════════
   父主题行 2616 把 .entry-content 里的 H2 设为 text-align: center
   —— 那是为首页画册式布局写的。文章页需要**左对齐**，否则每级标题都居中，
   长文阅读体验差（实测确认）。同时约束正文宽度到 780px 提升可读性。 */

/* 文章（post）里的标题左对齐 —— 用 body.single-post 提高特异性 */
body.single-post article h2,
body.single-post article h3,
body.single-post article h4,
body.single-post .entry-content h2,
body.single-post .entry-content h3,
body.single-post .entry-content h4,
body.single-post .wp-block-post-content h2,
body.single-post .wp-block-post-content h3 {
  text-align: left !important;
  max-width: none !important;
}

/* 标题下方的说明段也左对齐（父主题把 h2 + p 设成居中 + 78ch）*/
body.single-post article h2 + p,
body.single-post .entry-content > h2 + p {
  text-align: left !important;
  max-width: 72ch !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 正文宽度约束（可读性：65–75 字符）*/
body.single-post article > .entry-content,
body.single-post .wp-block-post-content {
  max-width: 780px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 表格允许比正文宽（数据表需要更多空间）*/
body.single-post .forun-blog-table {
  max-width: none !important;
  width: 100% !important;
}

/* 隐藏「Written by 分类」这类元信息里的多余元素，保留分类链接 */
body.single-post .entry-meta,
body.single-post .posted-by {
  font-size: 12px !important;
  color: var(--ew-muted-strong, #4A4E54) !important;
}

/* 索引页同样左对齐 */
body.page .forun-post-list { text-align: left !important; }
body.page .forun-lead { text-align: left !important; }

/* ==========================================================================
   112. Hero 首屏 —— 让标题与询盘 CTA 落在首屏内
   
   ── 问题（2026-10-09 广告分析定位）──
   桌面首屏原本是一张 882px 的 hero 图，H1 与「Request a quotation」在 967px，
   落在 900px 折叠线之外 → 17 个广告点击第一屏看不到任何询盘入口。
   这直接解释了「47% 只看一页就走 / 0 个到 /contact/」。
   
   ── 迭代过程（记录教训）──
   第 1 版：margin-top 固定 -460px  → 1366×768 下按钮被切掉
   第 2 版：margin-top -34vh        → 补偿不足，CTA 仍在折叠线下
   第 3 版：margin-top calc(-61.25vw + 148px) → CTA 可见，但**图片比内容高，
            露出图片下沿形成白色矩形空洞**（实测截图确认）
   第 4 版（本版）：**不再用负 margin 叠图**，改为限高 hero 图，
            让内容自然落在图片下方、整块进入首屏。无空洞、无遮挡、可预测。
   
   ── 本版做法 ──
   宽屏（≥1024px）：
     · hero 图 max-height = 48vh（1440×900 → 432px；1366×768 → 369px）
     · 内容块自然下移，内容顶 = 85 + 图高
     · 实测：1440×900 → 内容 517~612，CTA 底 ~715，折叠线 900  ✅
             1366×768 → 内容 454~549，CTA 底 ~652，折叠线 768  ✅
             1920×1080 → 内容 603~698，CTA 底 ~801，折叠线 1080 ✅
   因为「图高 + 内容高 ≈ 48vh + 535px」，而 48vh < 屏高的 52%，
   所以**任何高度 ≥ 1115px 的屏都装得下**；矮屏（768）也留了 116px 余量。
   ========================================================================== */

@media (min-width: 1024px) {

  /* 限高 hero 图 —— 精确按视口高度计算：
       CTA底 = 85(导航) + 图高 + 535(内容+间距) + 余量
       要求 CTA底 ≤ 折叠线  →  图高 ≤ 100vh − 660px
     下限 320px 保证图片仍有冲击力；上限 560px 避免在超高屏上过大。
     实测：1440×900 → 图 336，CTA底 ≈ 726 / 900  ✅
           1366×768 → 图 320(触下限)，CTA底 ≈ 710 / 768  ✅
           1920×1080 → 图 420，CTA底 ≈ 810 / 1080 ✅ */
  .forun-hero-full .forun-hero-media {
    max-height: clamp(320px, calc(100vh - 660px), 560px) !important;
    overflow: hidden !important;
  }
  .forun-hero-full .forun-hero-img {
    max-height: clamp(320px, calc(100vh - 660px), 560px) !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    object-position: center 42% !important;
  }

  /* 内容块回到正常文档流（去掉历史负 margin）*/
  .forun-hero-full .forun-hero-inner {
    margin-top: 0 !important;
    position: relative !important;
    z-index: 2 !important;
    background: var(--ew-white) !important;
    text-align: center !important;
  }

  /* 不再需要遮罩层 */
  .forun-hero-full .forun-hero-inner::before {
    content: none !important;
    display: none !important;
  }

  /* 文字恢复正常配色（白底深字）*/
  .forun-hero-full .forun-hero-inner,
  .forun-hero-full .forun-hero-inner h1,
  .forun-hero-full .forun-hero-inner p,
  .forun-hero-full .forun-spec-num,
  .forun-hero-full .forun-spec-num i {
    color: var(--ew-ink) !important;
  }
  .forun-hero-full .forun-hero-inner .forun-hero-sub,
  .forun-hero-full .forun-hero-inner .forun-eyebrow,
  .forun-hero-full .forun-spec-lb {
    color: var(--ew-muted-strong, #4A4E54) !important;
  }
  .forun-hero-full .forun-hero-inner h1,
  .forun-hero-full .forun-hero-inner .forun-hero-sub,
  .forun-hero-full .forun-hero-inner .forun-eyebrow {
    text-shadow: none !important;
  }
  .forun-hero-full .forun-spec-strip {
    border-top-color: var(--ew-rule) !important;
    border-bottom-color: var(--ew-rule) !important;
  }
  .forun-hero-full .forun-spec-strip li {
    border-right-color: var(--ew-rule) !important;
  }

  /* CTA 区在首屏内要更醒目：主按钮略放大 */
  .forun-hero-full .forun-hero-cta .forun-btn {
    padding: 15px 26px !important;
    font-size: 15px !important;
  }
}

/* 中屏（768–1023）：图片不要占太多垂直空间 */
@media (min-width: 768px) and (max-width: 1023px) {
  .forun-hero-full .forun-hero-media { max-height: 46vh !important; }
  .forun-hero-full .forun-hero-img {
    max-height: 46vh !important;
    height: auto !important;
    object-fit: cover !important;
  }
}

/* ==========================================================================
   113. 品牌标识更新（2026-10-09 用户提供新 logo）
   
   用户提供：brand/logo-forun-motor.png（852×102，即截图「（企业）名称 Forunmotor_logo」）
   
   变更：
     · 文字标 "FORUNMOTOR" → **"FORUN MOTOR"**（中间有空格）
     · **第一个 R（FORUN 的第 3 个字母）用红色 #B82A33**
     · **最后一个 R（MOTOR 的第 5 个字母）用蓝色 #427ED2**
     · **移除**原黑底方块 "F"
     · 副标 "FOTON TUNLAND PICKUP EXPORT" 保留
   
   色值来源：从用户 PNG 逐像素统计（非目测）
     黑 #111214 26.4%（与站点主墨色一致）/ 红 #B82A33 3.6% / 蓝 #427ED2 3.5%
   
   实现：**纯 HTML/CSS 字符着色**，不用图片
     零请求、任意 DPR/缩放都清晰、可被搜索引擎读、可选中复制
   
   ⚠️ 关键坑（第一版踩过）：
     父主题行 4133 把 `.forun-logo-text` 设为 `display:flex; flex-direction:column`
     —— 那是为「文字 + 副标上下两行」设计的。字符 <span> 放进 flex 容器后
     **每个字符变成独立 flex 项目 → 竖排断行**。
     解法：把 .forun-logo-text 改回 block，字符 span 用 inline 自然连排。
   ========================================================================== */

/* ── 文字标：恢复成块级（内部字符按行内流排）── */
#forun-header .forun-logo-text,
.forun-logo-text {
  display: block !important;
  flex-direction: row !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
  line-height: 1.06 !important;
}

/* 品牌强调色（两个 R） */
.forun-logo-text .logo-r-red {
  color: #B82A33 !important;
  display: inline !important;
}
.forun-logo-text .logo-r-blue {
  color: #427ED2 !important;
  display: inline !important;
}

/* FORUN 与 MOTOR 之间的词间距
   用 inline-block + width，避免依赖字体自身的空格宽度 */
.forun-logo-text .logo-gap {
  display: inline-block !important;
  width: .30em !important;
}

/* ── 移除原黑底方块 F（用户新 logo 没有这个元素）── */
#forun-header .forun-logo-mark,
.forun-logo-mark,
.forun-logo-mark::before,
.forun-logo-mark::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  flex: 0 0 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

/* logo 容器：去掉为方块预留的 gap */
#forun-header .forun-logo,
.forun-logo {
  gap: 0 !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
  min-width: 0 !important;
}

/* 副标保持原样（第二行）*/
#forun-header .forun-logo-text small {
  display: block !important;
  margin-top: 2px !important;
}

/* ── 响应式：窄屏缩字号并隐藏副标，避免与语言切换器挤 ── */
@media (max-width: 1280px) {
  #forun-header .forun-logo-text { font-size: 15px !important; letter-spacing: .115em !important; }
}
@media (max-width: 1080px) {
  #forun-header .forun-logo-text { font-size: 14px !important; letter-spacing: .10em !important; }
}
@media (max-width: 900px) {
  #forun-header .forun-logo-text { font-size: 13.5px !important; letter-spacing: .08em !important; }
  #forun-header .forun-logo-text small { display: none !important; }
}
@media (max-width: 420px) {
  #forun-header .forun-logo-text { font-size: 12px !important; letter-spacing: .06em !important; }
}

/* ── 页脚品牌名同步新标识（2026-10-09）──
   .forun-flogo 原为 "FORUNMOTOR"，现改为 "FORUN MOTOR" 并在页脚也用同样的双色 R。
   页脚是白底，两个强调色在白底上的对比度：
     #B82A33 on #FFF = 5.9:1  ✅ AA
     #427ED2 on #FFF = 3.9:1  ✅ AA Large（14px 粗体符合 large 定义）
*/
.forun-flogo {
  white-space: nowrap !important;
}
.forun-flogo .logo-r-red { color: #B82A33 !important; display: inline !important; }
.forun-flogo .logo-r-blue { color: #427ED2 !important; display: inline !important; }
.forun-flogo .logo-gap { display: inline-block !important; width: .30em !important; }

/* 页脚品牌名：收紧字距（页脚原本 letter-spacing 更宽，视觉偏散）*/
.forun-flogo {
  letter-spacing: .06em !important;
  font-weight: 800 !important;
}
.forun-flogo .logo-gap { width: .26em !important; }