/* =========================================================
   Moreast — 网站优化页专属布局文件（页眉 / 页脚 / 导航 + 页面板块）
   ---------------------------------------------------------
   本文件【仅 web-optimization.html】使用，管理该页的页面框架样式：
     · 顶部导航（.site-header / .nav / .nav__*）
     · 移动端折叠菜单（.nav__toggle / .is-open）
     · 页脚（.site-footer / .footer__*）
   以及网站优化页专属内容板块样式。
   与各页内容样式 styles.css 完全分离。
   注意：本文件依赖 styles.css 中定义的 :root 设计变量；
         这里补充定义缺失的 --space-xxl，确保板块间距正确。
   ========================================================= */

/* 补充间距变量（修复原 --space-xxl 未定义问题） */
:root { --space-xxl: 4.5rem; }

/* ---------- 顶部导航 ---------- */
.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--color-border);
}
.nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 72px;
}

/* Logo */
.nav__logo { display: inline-flex; align-items: center; gap: 0.7rem; transition: opacity 0.25s ease; }
.nav__logo:hover { opacity: 0.85; }
.nav__logo .mark {
  width: 38px; height: 38px; border-radius: 11px;
  background: linear-gradient(150deg, #1b3a6b 0%, #2b62b8 55%, #f5a623 120%);
  display: grid; place-items: center;
  color: #fff; font-weight: 900; font-size: 1.25rem; letter-spacing: -1px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 4px 12px rgba(27,58,107,0.3);
}
.nav__brand-text { display: flex; flex-direction: column; line-height: 1.05; }
.nav__brand-cn { font-size: 1.2rem; font-weight: 800; color: var(--color-brand); letter-spacing: 0.04em; }
.nav__brand-en { font-size: 0.62rem; font-weight: 700; letter-spacing: 0.32em; color: var(--color-accent-dark); text-transform: uppercase; }

.nav__right { display: flex; align-items: center; gap: var(--space-md); }
.nav__menu { display: flex; align-items: center; gap: 10px; }
.nav__menu a {
  font-size: var(--fs-sm); font-weight: 600; color: var(--color-text);
  padding: 8px 18px;
  border-radius: 8px;
  border: 1.5px solid #e5e7eb;
  background: #fff;
  transition: all 0.2s ease; position: relative;
}
.nav__menu a::after { display: none; }
.nav__menu a:hover,
.nav__menu a.is-active {
  color: #fff;
  background: linear-gradient(135deg, #1b3a6b, #2563eb);
  border-color: transparent;
}
.nav__toggle {
  display: none; background: none; border: none; font-size: 1.6rem;
  cursor: pointer; color: var(--color-brand); line-height: 1;
}

/* AI 生成图片水印裁剪 —— 切掉底部水印区域 */
.no-wm {
  clip-path: inset(0 0 7.5% 0);
}

/* 页脚 */
.site-footer { background: var(--color-bg-dark); color: #c7d4e6; padding: 2.2rem 0 1.5rem; }
.footer__grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 1.5rem; }
.footer__grid h4 { color: #fff; font-size: 0.95rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; margin-bottom: 0.6rem; }
.footer__grid a { color: #c7d4e6; font-size: 0.95rem; display: block; margin-bottom: 0.45rem; line-height: 1.5; }
.footer__grid a:hover { color: var(--color-accent); }
.footer__grid span { display: block; font-size: 0.95rem; color: #c7d4e6; margin-bottom: 0.45rem; line-height: 1.55; }
.footer__brand { color: #fff; font-weight: 800; font-size: 1.35rem; margin-bottom: 0.5rem; }
.footer__brand-col { grid-column: span 1; }
.footer__desc { font-size: 0.95rem; max-width: 380px; line-height: 1.65; margin-bottom: 0; color: #c7d4e6; }
.footer__contact-mini { display: flex; flex-direction: column; gap: 6px; }
.footer__contact-mini a { font-size: 0.95rem; color: #c7d4e6; margin-bottom: 0; }
.footer__contact-mini a:hover { color: var(--color-accent); }
.footer__bottom {
  border-top: 1px solid rgba(255,255,255,0.12); margin-top: 1.25rem;
  padding-top: 0.8rem; font-size: 0.82rem; text-align: center; color: #8fa3c0;
}

/* 导航/页脚响应式 */
@media (max-width: 960px) { .footer__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) {
  .nav__right { gap: 0.6rem; }
  .nav__menu {
    display: none; position: absolute; top: 72px; left: 0; right: 0;
    flex-direction: column; align-items: flex-start; gap: var(--space-sm);
    background: #fff; padding: var(--space-md);
    border-bottom: 1px solid var(--color-border); box-shadow: var(--shadow-md);
  }
  .nav__menu.is-open { display: flex; }
  .nav__menu a { font-size: 1rem; padding: 10px 20px; }
  .nav__toggle { display: block; }
  .footer__grid { grid-template-columns: 1fr 1fr; }
  .footer__brand-col { grid-column: 1 / -1; }
}

/* =========================================================
   网站优化页专属板块
   ========================================================= */

/* 通用强调分隔线 */
.opt__line { width: 64px; height: 4px; border-radius: 4px; background: var(--color-accent); margin: 1.2rem 0; }
.opt__lead { font-size: var(--fs-lg); color: var(--color-text-muted); max-width: 640px; }
.opt__sub { font-size: var(--fs-lg); font-weight: 700; color: var(--color-brand); margin-bottom: var(--space-sm); }

/* ---------- 1. Hero（浅灰简约风格，参考 Orbit Media 优化页） ---------- */
.opt-hero {
  background: #f4f6f9;
  color: var(--color-text);
  padding: 4.5rem 0;
}
.opt-hero__grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: var(--space-lg); align-items: center; }
.opt-hero__text { max-width: 600px; }
.opt-hero__tag {
  display: inline-block; font-size: 0.82rem; font-weight: 700; letter-spacing: 0.04em;
  color: #111827; margin-bottom: 1.2rem;
}
.opt-hero__text h1 {
  font-size: clamp(2rem, 4vw, 2.75rem); font-weight: 900; line-height: 1.12;
  letter-spacing: -0.02em; margin-bottom: 1.3rem; color: #111827;
}
.opt-hero__text p { font-size: 1.05rem; color: var(--color-text-muted); margin-bottom: 1.5rem; }

/* 响应式：Hero 增长轨迹动画 */
@media (max-width: 960px) {
  .opt-hero__grid { grid-template-columns: 1fr; }
  .opt-hero__text { max-width: none; text-align: center; }
  .opt-hero__text p { text-align: center; }
  .opt-hero__visual { order: -1; }
  .rank-canvas { max-width: 420px; margin: 0 auto; }
}
@media (max-width: 640px) {
  .opt-hero { padding: var(--space-lg) 0 var(--space-md); }
  .rank-canvas { max-width: 100%; aspect-ratio: 4 / 3.4; border-radius: 16px; }
  .rank-bubble { padding: 8px 12px; gap: 7px; }
  .rb-icon { font-size: 1.15rem; }
  .rb-value { font-size: 0.78rem; }
  .rb-label { font-size: 0.56rem; }
  .rank-stat { padding: 7px 10px; gap: 6px; }
  .rs-text strong { font-size: 0.62rem; }
  .rs-text span { font-size: 0.54rem; }
}

/* ---- 右侧视觉 —— 搜索排名跃升增长轨迹动画（与开发页仪表盘完全差异化） ---- */
.opt-hero__visual {
  display: flex;
  justify-content: center;
  overflow: visible;
}

.rank-canvas {
  position: relative;
  width: 100%;
  max-width: 480px;
  aspect-ratio: 4 / 3.1;
  border-radius: 20px;
  background: linear-gradient(145deg, #0c0d1a, #13143b, #0a0c20);
  box-shadow:
    0 30px 80px rgba(12, 13, 26, 0.5),
    0 0 0 1px rgba(99,102,241,0.06) inset,
    0 0 120px rgba(139,92,246,0.05) inset;
  overflow: hidden;
}

/* 深色底层 */
.rank-canvas__bg {
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 60% 50% at 70% 30%, rgba(99,102,241,0.08) 0%, transparent 70%),
    radial-gradient(ellipse 50% 60% at 25% 75%, rgba(6,182,212,0.06) 0%, transparent 70%);
}

/* 径向光晕 */
.rank-glow { position: absolute; border-radius: 50%; filter: blur(55px); opacity: 0.45; animation: rg-drift 9s ease-in-out infinite alternate; }
.rank-glow--a {
  width: 180px; height: 180px;
  background: radial-gradient(circle, rgba(139,92,246,0.3), transparent 70%);
  top: -25px; right: -15px;
}
.rank-glow--b {
  width: 140px; height: 140px;
  background: radial-gradient(circle, rgba(6,182,212,0.2), transparent 70%);
  bottom: -10px; left: 8%; animation-delay: -4.5s;
}
@keyframes rg-drift {
  0%   { transform: translate(0, 0) scale(1); }
  100% { transform: translate(10px, -10px) scale(1.18); }
}

/* 背景圆环装饰 */
.rank-rings { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0.6; }

/* 增长曲线 SVG */
.rank-curve { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 2; }

/* 面积填充 —— 渐入 + 从下往上展开动画 */
.curve-area {
  opacity: 0;
  animation: area-reveal 1.4s ease-out 0.5s both;
}
@keyframes area-reveal {
  from { opacity: 0; transform: translateY(15px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* 曲线本身 —— 描边动画（从左到右绘制） */
.curve-line {
  stroke-dasharray: 600;
  stroke-dashoffset: 600;
  animation: curve-draw 2s ease-in-out 0.7s both;
}
@keyframes curve-draw { to { stroke-dashoffset: 0; } }

/* 数据点脉冲 */
.curve-dots circle { opacity: 0; animation: dot-pop 0.5s ease-out both; }
.curve-dots circle:nth-child(1) { animation-delay: 1.4s; }
.curve-dots circle:nth-child(2) { animation-delay: 1.65s; }
.curve-dots circle:nth-child(3) { animation-delay: 1.9s; }
.curve-dots circle:nth-child(4) { animation-delay: 2.15s; }
.curve-dots circle:nth-child(5) { animation-delay: 2.4s; }
@keyframes dot-pop {
  from { opacity: 0; transform: scale(0); }
  to   { opacity: 1; transform: scale(1); }
}

/* 终点星星旋转入场 */
.curve-star { opacity: 0; transform-origin: center; animation: star-enter 0.8s ease-out 2.5s both; }
@keyframes star-enter {
  from { opacity: 0; transform: scale(0) rotate(-90deg); }
  to   { opacity: 1; transform: scale(1) rotate(0deg); }
}

/* ====== 浮动排名气泡卡片 ====== */
.rank-bubble {
  position: absolute; z-index: 5;
  display: flex; align-items: center; gap: 10px;
  padding: 11px 16px;
  background: rgba(255,255,255,0.07);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 12px 40px rgba(0,0,0,0.25);
}
.rb-icon {
  font-size: 1.35rem; line-height: 1;
}
.rb-body { display: flex; flex-direction: column; gap: 1px; }
.rb-label {
  font-size: 0.62rem; font-weight: 600; color: rgba(255,255,255,0.38);
  text-transform: uppercase; letter-spacing: 0.06em;
}
.rb-value {
  font-size: 0.88rem; font-weight: 800; color: rgba(255,255,255,0.85);
}
.rb-value--highlight {
  color: #06b6d4; text-shadow: 0 0 12px rgba(6,182,212,0.3);
}

/* 起点气泡：左下 */
.rank-bubble--start {
  bottom: 8%; left: 2%;
  animation: rb-float-a 5s ease-in-out infinite, rb-enter-left 0.7s cubic-bezier(.16,1,.3,1) 0.4s both;
}
/* 终点气泡：右上 */
.rank-bubble--end {
  top: 6%; right: 2%;
  animation: rb-float-b 5.5s ease-in-out infinite, rb-enter-right 0.7s cubic-bezier(.16,1,.3,1) 0.9s both;
}

@keyframes rb-enter-left {
  from { opacity: 0; transform: translateX(-20px) scale(0.88); }
  to   { opacity: 1; transform: translateX(0) scale(1); }
}
@keyframes rb-enter-right {
  from { opacity: 0; transform: translateX(20px) scale(0.88); }
  to   { opacity: 1; transform: translateX(0) scale(1); }
}
@keyframes rb-float-a { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }
@keyframes rb-float-b { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-7px)} }

/* ====== 指标统计气泡 ====== */
.rank-stat {
  position: absolute; z-index: 4;
  display: flex; align-items: center; gap: 9px;
  padding: 9px 13px;
  background: rgba(17, 17, 34, 0.7);
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  border-radius: 11px;
  border: 1px solid rgba(255,255,255,0.06);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.rank-stat:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}
.rs-dot {
  width: 8px; height: 8px; border-radius: 50%;
  flex-shrink: 0; animation: rs-pulse 2s ease-in-out infinite;
}
.rs-dot--green { background: #22c55e; box-shadow: 0 0 8px rgba(34,197,94,0.4); }
.rs-dot--cyan  { background: #06b6d4; box-shadow: 0 0 8px rgba(6,182,212,0.4); }
.rs-dot--purple{ background: #a78bfa; box-shadow: 0 0 8px rgba(167,139,250,0.4); }
@keyframes rs-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%      { opacity: 0.6; transform: scale(0.85); }
}
.rs-text { display: flex; flex-direction: column; gap: 1px; }
.rs-text strong {
  font-size: 0.68rem; font-weight: 700; color: rgba(255,255,255,0.8);
}
.rs-text span {
  font-size: 0.6rem; color: rgba(255,255,255,0.4); font-weight: 500;
}
.rs-num { font-style: normal; font-weight: 800; color: #fff; font-size: 0.72rem; }

/* 位置 & 浮动 */
.rank-stat--kw {
  left: 4%; top: 22%;
  animation: rstat-fl-a 6s ease-in-out infinite, rstat-enter 0.6s ease-out 1.2s both;
}
.rank-stat--trfc {
  right: 4%; top: 32%;
  animation: rstat-fl-b 5.5s ease-in-out infinite, rstat-enter 0.6s ease-out 1.5s both;
}
.rank-stat--conv {
  bottom: 16%; left: 50%; transform: translateX(-50%);
  animation: rstat-fl-c 6.5s ease-in-out infinite, rstat-enter-bot 0.6s ease-out 1.8s both;
}
@keyframes rstat-enter {
  from { opacity: 0; transform: translateY(10px) scale(0.9); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes rstat-enter-bot {
  from { opacity: 0; transform: translateX(-50%) translateY(10px) scale(0.9); }
  to   { opacity: 1; transform: translateX(-50%) translateY(0) scale(1); }
}
@keyframes rstat-fl-a { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
@keyframes rstat-fl-b { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }
@keyframes rstat-fl-c { 0%,100%{transform:translateX(-50%) translateY(0)} 50%{transform:translateX(-50%) translateY(-5px)} }

/* ====== 中央徽章 ====== */
.rank-badge {
  position: absolute; z-index: 3;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  display: grid; place-items: center;
  width: 64px; height: 64px;
  animation: badge-entrance 0.8s cubic-bezier(.16,1,.3,1) 2.8s both;
}
.rbadge-ring {
  position: absolute; inset: 0;
  border-radius: 50%;
  border: 2px solid transparent;
  border-top-color: rgba(139,92,246,0.5);
  border-right-color: rgba(6,182,212,0.3);
  animation: badge-spin 6s linear infinite;
}
@keyframes badge-spin { to { transform: rotate(360deg); } }
.rbadge-text {
  position: relative; z-index: 1;
  font-size: 0.48rem; font-weight: 900; color: rgba(255,255,255,0.7);
  text-align: center; line-height: 1.25; letter-spacing: 0.04em;
}
@keyframes badge-entrance {
  from { opacity: 0; transform: scale(0) rotate(-180deg); }
  to   { opacity: 1; transform: scale(1) rotate(0deg); }
}

/* ====== 流动粒子 ====== */
.rank-particles { position: absolute; inset: 0; z-index: 1; pointer-events: none; overflow: hidden; }
.rank-particles span {
  position: absolute; width: 3px; height: 3px; border-radius: 50%;
  background: linear-gradient(135deg, rgba(139,92,246,0.6), rgba(6,182,212,0.4));
  animation: rp-rise var(--dur) ease-in infinite; animation-delay: var(--delay);
  box-shadow: 0 0 6px rgba(139,92,246,0.3);
}
.rank-particles span:nth-child(1){ --dur:13s; --delay:0s;   left:12%; bottom:-5%; }
.rank-particles span:nth-child(2){ --dur:11s; --delay:-2s;  left:28%; bottom:-5%; }
.rank-particles span:nth-child(3){ --dur:15s; --delay:-5s;  left:48%; bottom:-5%; }
.rank-particles span:nth-child(4){ --dur:12s; --delay:-7s;  left:66%; bottom:-5%; }
.rank-particles span:nth-child(5){ --dur:14s; --delay:-3s;  left:82%; bottom:-5%; }
.rank-particles span:nth-child(6){ --dur:10s; --delay:-8s;  left:40%; bottom:-5%; }
@keyframes rp-rise {
  0%   { transform: translateY(0) translateX(0) scale(0.5); opacity: 0; }
  20%  { opacity: 0.8; }
  80%  { opacity: 0.5; }
  100% { transform: translateY(-320px) translateX(20px) scale(1.2); opacity: 0; }
}

/* ---------- 2. 为何需要优化 ---------- */
.opt-why-section {
  padding: 4.5rem 0;
  text-align: center;
}
.opt-why__inner { max-width: 780px; margin: 0 auto; }
.opt-why__inner h2 {
  font-size: clamp(1.9rem, 3.2vw, 2.5rem); font-weight: 900; line-height: 1.3;
  letter-spacing: -0.02em; color: #111827; margin-bottom: 1rem;
}
.opt-why__tagline {
  font-size: clamp(1.15rem, 2vw, 1.45rem); font-weight: 700; color: #111827;
  margin-bottom: 1.6rem;
}
.opt-why__tagline strong { color: #e85d3b; }
.opt-why__desc {
  font-size: 1rem; line-height: 1.85; color: #4b5563;
  max-width: 660px; margin-left: auto; margin-right: auto;
  text-align: left;
}
.opt-why__hl { color: #e85d3b; }

/* ---------- 2.5 数字格局持续演变（左图右文） ---------- */
.opt-evolve-section {
  padding: 4.5rem 0;
  background: #fff;
}
.opt-evolve__grid {
  display: grid;
  grid-template-columns: minmax(0, 340px) minmax(0, 1fr);
  gap: clamp(2rem, 4vw, 3.5rem);
  align-items: center;
}
.opt-evolve__chart-wrap { }
.opt-evolve__svg {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--radius);
  background: #fafafa;
  padding: 12px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.06);
}
.opt-evolve__legend {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin-top: 14px;
}
.opt-evolve__leg-item {
  font-size: 0.78rem;
  color: #4b5563;
  display: flex;
  align-items: center;
  gap: 7px;
}
.opt-evolve__leg-item i {
  width: 13px; height: 13px; border-radius: 3px; display: inline-block; flex-shrink: 0;
}

/* 右侧文字 */
.opt-evolve__text h2 {
  font-size: clamp(1.9rem, 3.2vw, 2.5rem); font-weight: 900; line-height: 1.3;
  letter-spacing: -0.02em; color: #111827; margin-bottom: 0.9rem;
}
.opt-evolve__sub {
  font-size: clamp(1rem, 1.8vw, 1.2rem); font-weight: 700; color: #111827;
  margin-bottom: 1.4rem; padding-bottom: 10px;
  border-bottom: 3px solid #dc2626; display: inline-block;
}
.opt-evolve__text p {
  font-size: var(--fs-base); line-height: 1.75; color: #4b5563; margin-bottom: 1rem;
}
.opt-evolve__text p:last-child { margin-bottom: 0; }
.opt-evolve__text strong { color: #111827; }

@media (max-width: 960px) {
  .opt-evolve__grid { grid-template-columns: 1fr; gap: var(--space-md); }
  .opt-evolve__text { order: -1; } /* 文字在上，图在下 */
}
@media (max-width: 640px) {
  .opt-evolve-section { padding: var(--space-lg) 0; }
  .opt-evolve__legend { flex-direction: column; gap: 8px; align-items: center; }
}

/* ---------- 2.6 AI 优化服务（四卡片） ---------- */
.opt-ai-section {
  padding: var(--space-xxl) 0;
  background: #fff;
}
.opt-ai__inner { max-width: 1100px; margin: 0 auto; }
.opt-ai__sub {
  font-size: clamp(1.05rem, 1.8vw, 1.25rem); font-weight: 700; color: #111827;
  padding-bottom: 8px; border-bottom: 3px solid #dc2626; display: inline-block;
}
.opt-ai__desc {
  max-width: 800px; margin: 1.5rem auto 2.5rem;
  font-size: var(--fs-base); line-height: 1.75; color: #4b5563; text-align: center;
}

/* 四列网格 */
.opt-ai__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.opt-ai-card {
  background: #f7f8fa;
  border-radius: var(--radius);
  padding: 28px 24px;
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}
.opt-ai-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}
.opt-ai-card h3 {
  font-size: 1.2rem; font-weight: 800; color: #111827; margin-bottom: 10px;
}
.opt-ai-card__desc {
  font-size: 0.92rem; color: #4b5563; line-height: 1.65; margin-bottom: 14px;
}
.opt-ai-card__list {
  list-style: none; padding: 0; margin: 0;
}
.opt-ai-card__list li {
  position: relative; padding-left: 16px; font-size: 0.95rem;
  color: #374151; line-height: 1.7;
}
.opt-ai-card__list li::before {
  content: ""; position: absolute; left: 0; top: 9px;
  width: 5px; height: 5px; border-radius: 50%; background: #dc2626;
}

@media (max-width: 960px) {
  .opt-ai__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .opt-ai-section { padding: var(--space-lg) 0; }
  .opt-ai__grid { grid-template-columns: 1fr; gap: 16px; }
  .opt-ai-card { padding: 22px 18px; }
}

/* ---------- 2.7 网站优化让您的网站更卖力工作（左文右截图） ---------- */
.opt-work-harder-section {
  padding: var(--space-xxl) 0;
  background: #fff;
}
.opt-wh__grid {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: var(--space-lg);
  align-items: center;
}
.opt-wh__text h2 {
  font-size: clamp(1.9rem, 3.2vw, 2.5rem); font-weight: 900; line-height: 1.3;
  letter-spacing: -0.02em; color: #111827; margin-bottom: 1.5rem;
}
.opt-wh__text p {
  font-size: var(--fs-base); line-height: 1.78; color: #4b5563; margin-bottom: 1.3rem;
}
.opt-wh__text strong { color: #111827; }
.opt-wh__text p:last-child { margin-bottom: 0; }

/* 右侧浏览器模拟 */
.opt-wh__mockup {
  border-radius: var(--radius-lg); overflow: hidden;
  box-shadow: 0 20px 60px rgba(0,0,0,0.12), 0 4px 12px rgba(0,0,0,0.06);
  border: 1px solid #e5e7eb;
  background: #fff;
}
.opt-wh__browser-bar {
  display: flex; align-items: center; gap: 7px; padding: 10px 14px;
  background: #f4f5f7; border-bottom: 1px solid #e5e7eb;
}
.opt-wh__dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }
.opt-wh__url {
  margin-left: 8px; font-size: 0.75rem; color: #9ca3af;
  font-weight: 600; letter-spacing: 0.02em;
}
.opt-wh__img {
  width: 100%; height: auto; display: block;
}

@media (max-width: 960px) {
  .opt-wh__grid { grid-template-columns: 1fr; gap: var(--space-md); }
}
@media (max-width: 640px) {
  .opt-work-harder-section { padding: var(--space-lg) 0; }
}

/* ---------- 2.8 挖掘网站潜力（左图右文） ---------- */
.opt-potential-section {
  padding: var(--space-xxl) 0;
  background: #fff;
}
.opt-pot__grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: var(--space-lg);
  align-items: center;
}
.opt-pot__img-wrap {
  border-radius: var(--radius-lg); overflow: hidden;
  box-shadow: 0 16px 48px rgba(0,0,0,0.10);
}
.opt-pot__img { width: 100%; height: auto; display: block; }

.opt-pot__text h2 {
  font-size: clamp(1.9rem, 3.2vw, 2.5rem); font-weight: 900; line-height: 1.3;
  letter-spacing: -0.02em; color: #111827; margin-bottom: 1.4rem;
}
.opt-pot__text p {
  font-size: var(--fs-base); line-height: 1.78; color: #4b5563; margin-bottom: 1.2rem;
}
.opt-pot__text p:last-child { margin-bottom: 0; }
.opt-pot__text strong { color: #111827; }

@media (max-width: 960px) {
  .opt-pot__grid { grid-template-columns: 1fr; gap: var(--space-md); }
}
@media (max-width: 640px) {
  .opt-potential-section { padding: var(--space-lg) 0; }
}

/* ---------- 2.9 SEO 服务介绍（居中文字） ---------- */
.opt-seo-intro-section {
  padding: var(--space-xxl) 0;
  background: #f7f8fa;
  text-align: center;
}
.opt-seo-intro__inner { max-width: 780px; margin: 0 auto; }
.opt-seo-intro__inner h2 {
  font-size: clamp(1.9rem, 3.2vw, 2.5rem); font-weight: 900; line-height: 1.3;
  letter-spacing: -0.02em; color: #111827; margin-bottom: 1.4rem;
}
.opt-seo-intro__inner p {
  font-size: 1rem; line-height: 1.85; color: #4b5563;
  max-width: 660px; margin-left: auto; margin-right: auto;
}
.opt-seo-hl { color: #dc2626; }

@media (max-width: 640px) {
  .opt-seo-intro-section { padding: var(--space-lg) 0; }
}

/* ---------- 2.10 SEO 定制化方案（左文右图） ---------- */
.opt-seo-custom-section {
  padding: var(--space-xxl) 0;
  background: #fff;
}
.opt-seo-c__grid {
  display: grid;
  grid-template-columns: minmax(0, 340px) minmax(0, 1fr);
  gap: clamp(2rem, 4vw, 3.5rem);
  align-items: center;
}
.opt-seo-c__text h2 {
  font-size: clamp(1.9rem, 3.2vw, 2.5rem); font-weight: 900; line-height: 1.3;
  letter-spacing: -0.02em; color: #111827; margin-bottom: 1.5rem;
}
.opt-seo-c__text p {
  font-size: var(--fs-base); line-height: 1.78; color: #4b5563; margin-bottom: 1.2rem;
}
.opt-seo-c__text p:last-of-type { margin-bottom: 0.8rem; }
.opt-seo-c__list {
  list-style: none; padding: 0; margin: 0;
}
.opt-seo-c__list li {
  position: relative; padding-left: 18px; font-size: 1rem;
  color: #374151; line-height: 1.8; font-weight: 500;
}
.opt-seo-c__list li::before {
  content: "•"; position: absolute; left: 0; color: #dc2626;
  font-size: 1.1rem; font-weight: 700;
}

/* 右侧图片 */
.opt-seo-c__img-wrap {
  border-radius: var(--radius-lg); overflow: hidden;
  box-shadow: 0 16px 48px rgba(0,0,0,0.10);
}
.opt-seo-c__img { width: 100%; height: auto; display: block; }

@media (max-width: 960px) {
  .opt-seo-c__grid { grid-template-columns: 1fr; gap: var(--space-md); }
  .opt-seo-c__img-wrap { order: -1; } /* 图在上，文在下 */
}
@media (max-width: 640px) {
  .opt-seo-custom-section { padding: var(--space-lg) 0; }
}

/* ---------- 2.11 转化率优化 CRO（左图右文） ---------- */
.opt-cro-section {
  padding: var(--space-xxl) 0;
  background: #fff;
}
.opt-cro__grid {
  display: grid;
  grid-template-columns: minmax(0, 340px) minmax(0, 1fr);
  gap: clamp(2rem, 4vw, 3.5rem);
  align-items: center;
}

/* 左侧 SVG */
.opt-cro__svg {
  width: 100%;
  height: auto;
  display: block;
}

/* 右侧文字 */
.opt-cro__text h2 {
  font-size: clamp(1.9rem, 3.2vw, 2.5rem); font-weight: 900; line-height: 1.3;
  letter-spacing: -0.02em; color: #111827; margin-bottom: 1.4rem;
}
.opt-cro__text p {
  font-size: 1rem; line-height: 1.85; color: #4b5563; margin-bottom: 1.2rem;
}
.opt-cro__text strong { color: #111827; }
.opt-cro-hl { color: #dc2626; }
.opt-cro__text p:last-of-type { margin-bottom: 1.8rem; }

/* CTA 按钮 */
.btn--lg { padding: 14px 32px; font-size: 1rem; }

@media (max-width: 960px) {
  .opt-cro__grid { grid-template-columns: 1fr; gap: var(--space-md); }
}
@media (max-width: 640px) {
  .opt-cro-section { padding: var(--space-lg) 0; }
}

/* ---------- 2.12 您可以期待什么（左文右图） ---------- */
.opt-expect-section {
  padding: var(--space-xxl) 0;
  background: #fff;
}
.opt-exp__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(2rem, 4vw, 3.5rem);
  align-items: flex-start;
}

/* 左侧文字 */
.opt-exp__text h2 {
  font-size: clamp(1.9rem, 3.2vw, 2.5rem); font-weight: 900; line-height: 1.3;
  letter-spacing: -0.02em; color: #111827; margin-bottom: 0.4rem;
}
.opt-exp__text h2::after {
  content: ""; display: block; width: 50px; height: 4px; background: #dc2626;
  margin-top: 12px; margin-bottom: 1.5rem; border-radius: 2px;
}
.opt-exp__text > p {
  font-size: var(--fs-base); line-height: 1.78; color: #4b5563; margin-bottom: 1.5rem;
}

/* 列表 */
.opt-exp__list {
  list-style: none; padding: 0; margin: 0;
}
.opt-exp__list li {
  position: relative; padding-left: 20px; font-size: var(--fs-base);
  color: #374151; line-height: 1.85; margin-bottom: 10px;
}
.opt-exp__list li::before {
  content: "•"; position: absolute; left: 0; top: 1px;
  color: #dc2626; font-size: 1.2rem; font-weight: 700; line-height: 1.7;
}
.opt-exp__list strong { color: #111827; }

/* 右侧图片 */
.opt-exp__img-wrap {
  border-radius: var(--radius-lg); overflow: hidden;
  box-shadow: 0 20px 60px rgba(0,0,0,0.10), 0 4px 12px rgba(0,0,0,0.05);
  border: 1px solid #e5e7eb; position: sticky; top: 24px;
}
.opt-exp__img { width: 100%; height: auto; display: block; }

@media (max-width: 960px) {
  .opt-exp__grid { grid-template-columns: 1fr; gap: var(--space-md); }
  .opt-exp__img-wrap { position: static; order: -1; } /* 图在上，文在下 */
}
@media (max-width: 640px) {
  .opt-expect-section { padding: var(--space-lg) 0; }
}

/* ---------- 2.13 SEO 咨询与服务（三列列表） ---------- */
.opt-consulting-section {
  padding: var(--space-xxl) 0;
  background: #fff;
}
.opt-consulting-section .section__head {
  text-align: center; max-width: 780px; margin: 0 auto 3rem;
}
.opt-consulting-section .section__head h2 {
  font-size: clamp(1.9rem, 3.2vw, 2.5rem); font-weight: 900; line-height: 1.15;
  letter-spacing: -0.02em; color: #111827; margin-bottom: 0.5rem;
}
.opt-consulting-section .section__head h2::after {
  content: ""; display: block; width: 50px; height: 4px; background: #dc2626;
  margin: 12px auto 0; border-radius: 2px;
}
.opt-consulting-section .section__head p {
  font-size: var(--fs-base); line-height: 1.78; color: #4b5563;
}

/* 三列网格 */
.opt-consulting__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.opt-consulting__col {
  background: #f7f8fa;
  border-radius: var(--radius);
  padding: 32px 28px;
}
.opt-consulting__col ul {
  list-style: none; padding: 0; margin: 0;
}
.opt-consulting__col li {
  position: relative; padding-left: 16px; font-size: 0.95rem;
  color: #374151; line-height: 1.8; font-weight: 500;
}
.opt-consulting__col li::before {
  content: "•"; position: absolute; left: 0; top: 0;
  color: #dc2626; font-size: 1rem; font-weight: 700;
}

@media (max-width: 960px) {
  .opt-consulting__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .opt-consulting-section { padding: var(--space-lg) 0; }
  .opt-consulting__grid { grid-template-columns: 1fr; gap: 16px; }
  .opt-consulting__col { padding: 24px 20px; }
}

/* ---------- 2.14 GEO 地理定位优化（居中文字） ---------- */
.opt-geo-section {
  padding: var(--space-xxl) 0;
  background: #f7f8fa;
  text-align: center;
}
.opt-geo__inner { max-width: 780px; margin: 0 auto; }
.opt-geo__inner h2 {
  font-size: clamp(1.9rem, 3.2vw, 2.5rem); font-weight: 900; line-height: 1.3;
  letter-spacing: -0.02em; color: #111827; margin-bottom: 1.4rem;
}
.opt-geo__inner p {
  font-size: 1rem; line-height: 1.85; color: #4b5563;
  max-width: 660px; margin-left: auto; margin-right: auto;
}
.opt-geo-hl { color: #dc2626; }

@media (max-width: 640px) {
  .opt-geo-section { padding: var(--space-lg) 0; }
}

/* ---------- 2.15 GEO 定制化方案（左文右图，同 SEO 定制格式） ---------- */
.opt-geo-custom-section {
  padding: var(--space-xxl) 0;
  background: #fff;
}
.opt-geo-c__grid {
  display: grid;
  grid-template-columns: minmax(0, 340px) minmax(0, 1fr);
  gap: clamp(2rem, 4vw, 3.5rem);
  align-items: center;
}
.opt-geo-c__text h2 {
  font-size: clamp(1.9rem, 3.2vw, 2.5rem); font-weight: 900; line-height: 1.3;
  letter-spacing: -0.02em; color: #111827; margin-bottom: 1.5rem;
}
.opt-geo-c__text p {
  font-size: var(--fs-base); line-height: 1.78; color: #4b5563; margin-bottom: 1.2rem;
}
.opt-geo-c__text p:last-of-type { margin-bottom: 0.8rem; }
.opt-geo-c__list {
  list-style: none; padding: 0; margin: 0;
}
.opt-geo-c__list li {
  position: relative; padding-left: 18px; font-size: 1rem;
  color: #374151; line-height: 1.8; font-weight: 500;
}
.opt-geo-c__list li::before {
  content: "•"; position: absolute; left: 0; color: #dc2626;
  font-size: 1.1rem; font-weight: 700;
}

/* 右侧图片 */
.opt-geo-c__img-wrap {
  border-radius: var(--radius-lg); overflow: hidden;
  box-shadow: 0 16px 48px rgba(0,0,0,0.10);
}
.opt-geo-c__img { width: 100%; height: auto; display: block; }

@media (max-width: 960px) {
  .opt-geo-c__grid { grid-template-columns: 1fr; gap: var(--space-md); }
  .opt-geo-c__img-wrap { order: -1; }
}
@media (max-width: 640px) {
  .opt-geo-custom-section { padding: var(--space-lg) 0; }
}

/* ---------- 2.16 GEO 咨询与服务（三列列表，同SEO咨询格式） ---------- */
.opt-geo-consulting-section {
  padding: var(--space-xxl) 0;
  background: #fff;
}
.opt-geo-consulting-section .section__head {
  text-align: center; max-width: 780px; margin: 0 auto 3rem;
}
.opt-geo-consulting-section .section__head h2 {
  font-size: clamp(1.9rem, 3.2vw, 2.5rem); font-weight: 900; line-height: 1.15;
  letter-spacing: -0.02em; color: #111827; margin-bottom: 0.5rem;
}
.opt-geo-consulting-section .section__head h2::after {
  content: ""; display: block; width: 50px; height: 4px; background: #dc2626;
  margin: 12px auto 0; border-radius: 2px;
}
.opt-geo-consulting-section .section__head p {
  font-size: var(--fs-base); line-height: 1.78; color: #4b5563;
}

/* 三列网格 */
.opt-geo-consulting__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.opt-geo-consulting__col {
  background: #f7f8fa;
  border-radius: var(--radius);
  padding: 32px 28px;
}
.opt-geo-consulting__col ul {
  list-style: none; padding: 0; margin: 0;
}
.opt-geo-consulting__col li {
  position: relative; padding-left: 16px; font-size: 0.95rem;
  color: #374151; line-height: 1.8; font-weight: 500;
}
.opt-geo-consulting__col li::before {
  content: "•"; position: absolute; left: 0; top: 0;
  color: #dc2626; font-size: 1rem; font-weight: 700;
}

@media (max-width: 960px) {
  .opt-geo-consulting__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .opt-geo-consulting-section { padding: var(--space-lg) 0; }
  .opt-geo-consulting__grid { grid-template-columns: 1fr; gap: 16px; }
  .opt-geo-consulting__col { padding: 24px 20px; }
}

/* ---------- 3. 成果数据 ---------- */
.opt-stats { background: var(--color-bg-soft); }
.opt-stats__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-md); }
.opt-stat {
  background: #fff; border: 1px solid var(--color-border); border-radius: var(--radius-lg);
  padding: 34px 28px; text-align: center; box-shadow: var(--shadow-sm);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.opt-stat:hover { transform: translateY(-6px); box-shadow: var(--shadow-md); }
.opt-stat__num { font-size: 2.6rem; font-weight: 900; color: var(--color-accent-dark); line-height: 1; margin-bottom: 0.6rem; }
.opt-stat__label { font-size: 0.98rem; color: var(--color-text-muted); }

/* ---------- 3. 为何需要优化 ---------- */
.opt-why__grid { display: grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr); gap: clamp(2rem, 4vw, 3.5rem); align-items: center; }
.opt-why__text ul { margin-top: var(--space-sm); }
.opt-why__text li { position: relative; padding-left: 1.6rem; margin-bottom: 0.9rem; color: var(--color-text-muted); }
.opt-why__text li::before {
  content: "✕"; position: absolute; left: 0; color: #dc2626; font-weight: 800;
}
.opt-why__text li.opt-ok::before { content: "✓"; color: #16a34a; }
.opt-why__panel {
  background: linear-gradient(160deg, #fff, #f4f7fb); border: 1px solid var(--color-border);
  border-radius: var(--radius-lg); padding: 28px; box-shadow: var(--shadow-sm);
}
.opt-why__panel h4 { color: var(--color-brand); font-size: 1.05rem; margin-bottom: 1rem; }
.opt-why__rows { display: flex; flex-direction: column; gap: 12px; }
.opt-why__row { display: flex; align-items: center; justify-content: space-between; font-size: 0.92rem; }
.opt-why__row b { color: var(--color-text); }
.opt-why__bar { height: 8px; border-radius: 6px; background: var(--color-border); flex: 1; margin: 0 14px; overflow: hidden; }
.opt-why__bar i { display: block; height: 100%; border-radius: 6px; }
.opt-why__bar .low i { background: #dc2626; }
.opt-why__bar .high i { background: #16a34a; }

/* ---------- 4. AI 四维 ---------- */
.opt-ai__grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-md); }
.opt-ai__card {
  background: #fff; border: 1px solid var(--color-border); border-radius: var(--radius-lg);
  padding: 30px 28px; box-shadow: var(--shadow-sm);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.opt-ai__card:hover { transform: translateY(-6px); box-shadow: var(--shadow-md); }
.opt-ai__icon {
  width: 52px; height: 52px; border-radius: 14px; display: grid; place-items: center;
  font-size: 1.5rem; margin-bottom: 1rem; color: #fff;
  background: linear-gradient(150deg, #1b3a6b, #2b62b8);
}
.opt-ai__card h3 { font-size: 1.25rem; color: var(--color-brand); margin-bottom: 0.6rem; }
.opt-ai__card p { color: var(--color-text-muted); margin-bottom: 1rem; }
.opt-ai__card ul li { position: relative; padding-left: 1.3rem; margin-bottom: 0.5rem; color: var(--color-text-muted); font-size: 0.92rem; }
.opt-ai__card ul li::before { content: "›"; position: absolute; left: 0; color: var(--color-accent-dark); font-weight: 800; }

/* ---------- 5. 优化循环 ---------- */
.opt-loop { background: var(--color-bg-soft); }
.opt-loop__steps { display: flex; flex-wrap: wrap; align-items: stretch; gap: 10px; margin-top: var(--space-md); }
.opt-loop__step {
  flex: 1 1 150px; background: #fff; border: 1px solid var(--color-border); border-radius: 14px;
  padding: 20px 18px; text-align: center;
}
.opt-loop__num {
  width: 34px; height: 34px; margin: 0 auto 0.7rem; border-radius: 50%;
  background: var(--color-brand); color: #fff; display: grid; place-items: center; font-weight: 800;
}
.opt-loop__step h4 { font-size: 1rem; color: var(--color-brand); margin-bottom: 0.3rem; }
.opt-loop__step p { font-size: 0.84rem; color: var(--color-text-muted); }
.opt-loop__arrow { align-self: center; color: var(--color-accent); font-size: 1.4rem; font-weight: 800; }

/* ---------- 6. SEO 服务 ---------- */
.opt-seo__grid { display: grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr); gap: clamp(2rem, 4vw, 3.5rem); align-items: center; }
.opt-seo__list { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 22px; }
.opt-seo__list li { position: relative; padding-left: 1.6rem; color: var(--color-text); font-weight: 600; }
.opt-seo__list li::before {
  content: "✓"; position: absolute; left: 0; color: var(--color-accent-dark); font-weight: 800;
}

/* ---------- 7. CRO 转化优化 ---------- */
.opt-cro { background: linear-gradient(160deg, #0f2545, #1b3a6b); color: #eaf1fb; }
.opt-cro .section__head h2 { color: #fff; }
.opt-cro .opt__line { margin-left: auto; margin-right: auto; }
.opt-cro__lead { text-align: center; max-width: 720px; margin: 0 auto; font-size: var(--fs-lg); color: #c7d4e6; }
.opt-cro__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-md); margin-top: var(--space-lg); }
.opt-cro__card { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.14); border-radius: var(--radius-lg); padding: 28px 24px; }
.opt-cro__card h4 { color: var(--color-accent); font-size: 1.1rem; margin-bottom: 0.5rem; }
.opt-cro__card p { color: #c7d4e6; font-size: 0.94rem; }

/* ---------- 8. 预期成果 ---------- */
.opt-expect__list { max-width: 820px; margin: 0 auto; }
.opt-expect__list li {
  display: flex; gap: 1rem; align-items: flex-start; padding: 18px 22px; margin-bottom: 14px;
  background: #fff; border: 1px solid var(--color-border); border-radius: 14px; box-shadow: var(--shadow-sm);
}
.opt-expect__list .ck {
  flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; background: var(--color-accent);
  color: #1b2a44; display: grid; place-items: center; font-weight: 800; margin-top: 2px;
}
.opt-expect__list b { color: var(--color-brand); }

/* ---------- 9. 团队 ---------- */
.opt-team { background: var(--color-bg-soft); }
.opt-team__grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px; margin-bottom: var(--space-lg); }
.opt-team__card { background: #fff; border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: 26px 18px; text-align: center; }
.opt-team__avatar {
  width: 60px; height: 60px; margin: 0 auto 1rem; border-radius: 50%;
  background: linear-gradient(150deg, #1b3a6b, #2b62b8); color: #fff;
  display: grid; place-items: center; font-size: 1.4rem; font-weight: 800;
}
.opt-team__card h4 { font-size: 1.02rem; color: var(--color-brand); margin-bottom: 0.4rem; }
.opt-team__card p { font-size: 0.92rem; color: var(--color-text-muted); }
.opt-team__stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-md); max-width: 760px; margin: 0 auto; text-align: center; }
.opt-team__stat b { display: block; font-size: 2.4rem; font-weight: 900; color: var(--color-accent-dark); }
.opt-team__stat span { color: var(--color-text-muted); font-size: 0.9rem; }

/* ---------- 10. SEO 咨询服务清单 ---------- */
.opt-services__cols { columns: 3; column-gap: var(--space-lg); max-width: 980px; margin: 0 auto; }
.opt-services__cols li {
  break-inside: avoid; padding: 10px 0 10px 1.4rem; position: relative;
  border-bottom: 1px dashed var(--color-border); color: var(--color-text);
}
.opt-services__cols li::before { content: "•"; position: absolute; left: 0; color: var(--color-accent-dark); font-weight: 800; }

/* ---------- 响应式：板块 ---------- */
@media (max-width: 960px) {
  .opt-hero__grid,
  .opt-why__grid,
  .opt-seo__grid { grid-template-columns: 1fr; }
  .opt-stats__grid { grid-template-columns: repeat(2, 1fr); }
  .opt-team__grid { grid-template-columns: repeat(2, 1fr); }
  .opt-cro__grid { grid-template-columns: 1fr; }
  .opt-services__cols { columns: 2; }
}
@media (max-width: 640px) {
  .opt-hero { padding: 3rem 0; }
  .opt-stats__grid { grid-template-columns: 1fr; }
  .opt-ai__grid { grid-template-columns: 1fr; }
  .opt-seo__list { grid-template-columns: 1fr; }
  .opt-team__grid { grid-template-columns: 1fr; }
  .opt-team__stats { grid-template-columns: 1fr; gap: 1.2rem; }
  .opt-services__cols { columns: 1; }
  .opt-dash__stats { flex-direction: column; }
}