/* ================================================
   宜新数码企业官网 - 自定义样式
   基于 Earth 主题扩展，按 Figma 设计稿还原
   ================================================ */

/* ---- fixed 导航栏高度补偿 ---- */
body {
  padding-top: 4rem;
}

:root {
  --yx-blue: #2563eb;
  --yx-blue-dark: #1d4ed8;
  --yx-blue-light: #3b82f6;
  --yx-blue-bg: #eff6ff;
  --yx-blue-border: #bfdbfe;
  --yx-shadow-blue: 0 10px 25px rgba(37,99,235,0.3);
}

/* ---- 企业导航覆盖：在 Earth header 基础上加报价按钮 ---- */
.yx-nav-cta {
  background: linear-gradient(135deg, var(--yx-blue), var(--yx-blue-dark));
  color: #fff !important;
  padding: 0.4rem 1.2rem;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 0.875rem;
  box-shadow: var(--yx-shadow-blue);
  transition: all 0.2s;
  white-space: nowrap;
}
.yx-nav-cta:hover {
  transform: scale(1.05);
  box-shadow: 0 15px 30px rgba(37,99,235,0.4);
}

/* ---- 导航选中状态 ---- */
.yx-nav-link {
  position: relative;
  padding: 0.3rem 0.75rem;
  border-radius: 0.375rem;
  transition: all 0.2s;
}
.yx-nav-active {
  background-color: var(--yx-blue) !important;
  color: #fff !important;
  border-radius: 0.375rem;
  padding: 0.3rem 0.75rem;
}
.yx-nav-active:hover {
  color: #fff !important;
}

/* ---- 通用工具 ---- */
.yx-container { max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 1.5rem; padding-right: 1.5rem; width: 100%; box-sizing: border-box; }
.yx-badge {
  display: inline-block;
  background: var(--yx-blue-bg);
  color: var(--yx-blue);
  padding: 0.3rem 1rem;
  border-radius: 9999px;
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.yx-section { padding: 4.5rem 0; }
.yx-section-title {
  font-size: clamp(1.75rem, 3.5vw, 2.75rem);
  font-weight: 800;
  color: #111827;
  line-height: 1.2;
  margin-bottom: 0.75rem;
}
.yx-section-desc {
  font-size: 1.05rem;
  color: #6b7280;
  max-width: 40rem;
  margin: 0 auto;
  line-height: 1.75;
}
.yx-section-header { text-align: center; margin-bottom: 3.5rem; }

/* ---- 按钮 ---- */
.yx-btn-primary {
  display: inline-flex; align-items: center; gap: 0.5rem;
  background: var(--yx-blue); color: #fff;
  padding: 0.8rem 1.8rem; border-radius: 0.625rem;
  font-weight: 600; font-size: 0.95rem;
  box-shadow: 0 4px 14px rgba(37,99,235,0.35);
  transition: all 0.2s; border: 2px solid transparent;
}
.yx-btn-primary:hover { background: var(--yx-blue-dark); transform: scale(1.03); color: #fff; }
.yx-btn-outline {
  display: inline-flex; align-items: center; gap: 0.5rem;
  background: #fff; color: var(--yx-blue);
  padding: 0.8rem 1.8rem; border-radius: 0.625rem;
  font-weight: 600; font-size: 0.95rem;
  border: 2px solid var(--yx-blue);
  transition: all 0.2s;
}
.yx-btn-outline:hover { background: var(--yx-blue-bg); }
.yx-btn-white {
  display: inline-flex; align-items: center; gap: 0.5rem;
  background: #fff; color: var(--yx-blue);
  padding: 0.8rem 1.8rem; border-radius: 0.75rem;
  font-weight: 700;
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
  transition: all 0.2s; border: 2px solid transparent;
}
.yx-btn-white:hover { transform: scale(1.04); }
.yx-btn-ghost {
  display: inline-flex; align-items: center; gap: 0.5rem;
  background: rgba(255,255,255,0.15); color: #fff;
  padding: 0.8rem 1.8rem; border-radius: 0.75rem;
  font-weight: 700; border: 2px solid rgba(255,255,255,0.3);
  transition: all 0.2s;
}
.yx-btn-ghost:hover { background: rgba(255,255,255,0.25); }

/* ---- Hero 轮播 ---- */
.yx-hero { position: relative; overflow: hidden; }
.yx-slide {
  display: none; height: 540px; align-items: center;
  position: relative; overflow: hidden;
}
.yx-slide.active { display: flex; }
.yx-slide-1 { background: linear-gradient(135deg, #eff6ff, #dbeafe); }
.yx-slide-2 { background: linear-gradient(135deg, #eef2ff, #e0e7ff); }
.yx-slide-3 { background: linear-gradient(135deg, #f0f9ff, #e0f2fe); }
.yx-blob {
  position: absolute; border-radius: 50%;
  filter: blur(60px); pointer-events: none;
}
.yx-blob-1 { top:4rem; right:4rem; width:22rem; height:22rem; background:rgba(59,130,246,0.15); }
.yx-blob-2 { bottom:4rem; left:4rem; width:18rem; height:18rem; background:rgba(99,102,241,0.15); }
.yx-grid-pattern {
  position: absolute; inset: 0; opacity: 0.04;
  background-image: linear-gradient(rgba(0,0,0,.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,0,0,.1) 1px, transparent 1px);
  background-size: 40px 40px;
}
.yx-slide-content {
  position: relative; z-index: 1;
  max-width: 1280px; margin-left: auto; margin-right: auto;
  padding: 0 1.5rem; width: 100%;
}
.yx-hero-badge {
  display: inline-block;
  background: var(--yx-blue); color: #fff;
  padding: 0.35rem 1rem; border-radius: 9999px;
  font-size: 0.85rem; font-weight: 600;
  margin-bottom: 1.25rem;
  box-shadow: 0 4px 12px rgba(37,99,235,0.35);
}
.yx-hero-title {
  font-size: clamp(2.2rem, 5vw, 3.5rem);
  font-weight: 800; color: #111827;
  line-height: 1.15; margin-bottom: 1.1rem;
}
.yx-hero-desc {
  font-size: 1.05rem; color: #4b5563;
  max-width: 34rem; line-height: 1.75; margin-bottom: 1.75rem;
}
.yx-hero-actions { display: flex; gap: 1rem; flex-wrap: wrap; }
.yx-dots {
  position: absolute; bottom: 1.25rem; left: 50%;
  transform: translateX(-50%);
  display: flex; gap: 0.5rem; z-index: 10;
}
.yx-dot {
  width: 8px; height: 8px; border-radius: 9999px;
  background: rgba(37,99,235,0.3); cursor: pointer;
  transition: all 0.3s; border: none; padding: 0;
}
.yx-dot.active { width: 24px; background: var(--yx-blue); }

/* ---- 数据统计 ---- */
.yx-stats {
  background: #f8fafc; border-top: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0; padding: 3.5rem 0;
}
.yx-stats-grid {
  display: grid; grid-template-columns: repeat(4,1fr);
  gap: 2rem; text-align: center;
}
.yx-stat-num { font-size: 2.5rem; font-weight: 800; color: var(--yx-blue); line-height: 1; }
.yx-stat-label { font-size: 0.875rem; color: #6b7280; margin-top: 0.4rem; }

/* ---- 功能卡片 ---- */
.yx-features-grid {
  display: grid; grid-template-columns: repeat(3,1fr); gap: 1.25rem;
}
.yx-feature-card {
  background: #fff; border-radius: 1rem;
  padding: 1.75rem; border: 2px solid #e5e7eb;
  transition: all 0.3s;
}
.yx-feature-card:hover {
  border-color: var(--yx-blue);
  box-shadow: 0 16px 40px rgba(37,99,235,0.1);
  transform: translateY(-2px);
}
.yx-feature-icon {
  width: 52px; height: 52px;
  background: linear-gradient(135deg, var(--yx-blue), var(--yx-blue-dark));
  border-radius: 0.75rem; display: flex;
  align-items: center; justify-content: center;
  font-size: 1.4rem; margin-bottom: 1.1rem;
  box-shadow: var(--yx-shadow-blue); transition: all 0.3s;
}
.yx-feature-card:hover .yx-feature-icon { box-shadow: 0 12px 28px rgba(37,99,235,0.4); }
.yx-feature-title { font-size: 1.05rem; font-weight: 700; color: #111827; margin-bottom: 0.4rem; }
.yx-feature-desc { font-size: 0.875rem; color: #6b7280; line-height: 1.7; }

/* ---- 优势区块 ---- */
.yx-advantages {
  padding: 4.5rem 0;
  background: linear-gradient(135deg, #1d4ed8, #1e40af);
}
.yx-adv-grid {
  display: grid; grid-template-columns: repeat(3,1fr); gap: 0.875rem;
}
.yx-adv-item {
  background: rgba(255,255,255,0.1);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 0.875rem;
  padding: 1.1rem 1.35rem;
  display: flex; align-items: center; gap: 0.75rem;
  transition: all 0.2s;
}
.yx-adv-item:hover { background: rgba(255,255,255,0.17); }
.yx-adv-check {
  width: 30px; height: 30px; flex-shrink: 0;
  background: #fff; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  color: var(--yx-blue); font-size: 0.875rem; font-weight: 700;
}
.yx-adv-text { color: #fff; font-weight: 500; font-size: 0.9rem; }

/* ---- CTA 卡片 ---- */
.yx-cta-box {
  background: linear-gradient(135deg, #f8fafc, var(--yx-blue-bg));
  border: 2px solid var(--yx-blue-border);
  border-radius: 1.75rem; padding: 3.5rem 2rem;
  text-align: center;
}
.yx-cta-title { font-size: clamp(1.75rem, 3vw, 2.5rem); font-weight: 800; color: #111827; margin-bottom: 0.75rem; }
.yx-cta-desc { font-size: 1.05rem; color: #6b7280; margin-bottom: 1.75rem; max-width: 36rem; margin-left: auto; margin-right: auto; }
.yx-cta-actions { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }

/* ---- 页面 Hero（内页顶部） ---- */
.yx-page-hero { padding: 4rem 0 2.5rem; text-align: center; }
.yx-page-title { font-size: clamp(1.8rem, 4vw, 3.2rem); font-weight: 800; color: #111827; margin-bottom: 0.75rem; }
.yx-page-desc { font-size: 1.05rem; color: #6b7280; max-width: 48rem; margin: 0 auto; line-height: 1.75; }

/* ---- 产品横幅 ---- */
.yx-product-banner {
  background: linear-gradient(135deg, var(--yx-blue), #1e40af);
  border-radius: 1.5rem; padding: 2.25rem 2.5rem;
  margin-bottom: 2rem; position: relative; overflow: hidden;
}
.yx-banner-dots {
  position: absolute; inset: 0; opacity: 0.07;
  background-image: radial-gradient(circle at 2px 2px, #fff 1px, transparent 0);
  background-size: 28px 28px; pointer-events: none;
}
.yx-banner-inner {
  position: relative; z-index: 1;
  display: flex; justify-content: space-between;
  align-items: center; gap: 2rem; flex-wrap: wrap;
}
.yx-banner-title { font-size: 1.6rem; font-weight: 800; color: #fff; margin-bottom: 0.4rem; }
.yx-banner-desc { color: rgba(255,255,255,0.82); font-size: 0.9rem; margin-bottom: 0.6rem; }
.yx-banner-tag { display: flex; align-items: center; gap: 0.4rem; font-size: 0.8rem; color: rgba(255,255,255,0.9); }
.yx-banner-actions { display: flex; flex-direction: column; gap: 0.65rem; flex-shrink: 0; }

/* ---- 功能模块大卡片 ---- */
.yx-module-card {
  background: #fff; border-radius: 1.25rem;
  border: 2px solid #e5e7eb; overflow: hidden;
  margin-bottom: 1.25rem; transition: all 0.3s;
}
.yx-module-card:hover { border-color: var(--yx-blue); box-shadow: 0 16px 40px rgba(37,99,235,0.1); }
.yx-module-inner { display: grid; grid-template-columns: 1fr 2fr; }
.yx-module-left {
  padding: 2.25rem; color: #fff;
  position: relative; overflow: hidden;
}
.yx-module-left-pattern {
  position: absolute; inset: 0; opacity: 0.08;
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%),
    linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%);
  background-size: 20px 20px; pointer-events: none;
}
.yx-module-icon {
  position: relative; z-index: 1;
  width: 52px; height: 52px;
  background: rgba(255,255,255,0.2);
  border-radius: 0.75rem; display: flex;
  align-items: center; justify-content: center;
  font-size: 1.6rem; margin-bottom: 1.25rem;
}
.yx-module-name { position: relative; z-index:1; font-size:1.4rem; font-weight:700; margin-bottom:0.6rem; }
.yx-module-desc { position: relative; z-index:1; font-size:0.875rem; opacity:0.9; line-height:1.7; }
.yx-module-right { padding: 2.25rem; }
.yx-module-feat-title { font-size:0.95rem; font-weight:700; color:#111827; margin-bottom:1.1rem; }
.yx-module-feats { display: grid; grid-template-columns: repeat(2,1fr); gap:0.65rem; }
.yx-module-feat { display: flex; align-items: flex-start; gap: 0.55rem; }
.yx-module-feat-dot {
  width: 20px; height: 20px; flex-shrink: 0;
  border-radius: 5px; display: flex;
  align-items: center; justify-content: center;
  font-size: 0.65rem; color: #fff; margin-top: 1px;
}
.yx-module-feat-text { font-size: 0.85rem; color: #374151; }

/* ---- 方案卡片 ---- */
.yx-sol-card {
  background: #fff; border-radius: 1.25rem;
  border: 2px solid #e5e7eb; overflow: hidden;
  margin-bottom: 1.25rem; transition: all 0.3s;
}
.yx-sol-card:hover { border-color: var(--yx-blue); box-shadow: 0 16px 40px rgba(37,99,235,0.1); }
.yx-sol-inner { display: grid; grid-template-columns: 1fr 1fr 1fr; }
.yx-sol-left { padding: 2.25rem; color: #fff; position: relative; overflow: hidden; }
.yx-sol-left-dots {
  position: absolute; inset: 0; opacity: 0.14;
  background-image: radial-gradient(circle at 2px 2px, #fff 1px, transparent 0);
  background-size: 24px 24px; pointer-events: none;
}
.yx-sol-emoji { position: relative; z-index:1; font-size:4.5rem; line-height:1; margin-bottom:1.1rem; }
.yx-sol-icon { position: relative; z-index:1; width:46px;height:46px; background:rgba(255,255,255,0.2); border-radius:0.75rem; display:flex;align-items:center;justify-content:center; font-size:1.4rem; margin-bottom:0.875rem; }
.yx-sol-name { position:relative;z-index:1; font-size:1.25rem;font-weight:700;margin-bottom:0.5rem; }
.yx-sol-desc { position:relative;z-index:1; font-size:0.85rem;opacity:0.9;line-height:1.7;margin-bottom:0.875rem; }
.yx-sol-cases { position:relative;z-index:1; background:rgba(255,255,255,0.18);border-radius:0.5rem;padding:0.4rem 0.75rem;font-size:0.78rem;display:inline-block; }
.yx-sol-mid { padding:2.25rem; border-right:1px solid #e5e7eb; }
.yx-sol-right { padding:2.25rem; background:#f9fafb; }
.yx-sol-feat-title { font-size:0.9rem;font-weight:700;color:#111827;margin-bottom:0.875rem; }
.yx-sol-feats { display:flex;flex-direction:column;gap:0.55rem; }
.yx-sol-feat { display:flex;align-items:flex-start;gap:0.5rem; }
.yx-sol-check { color:var(--yx-blue);font-size:0.9rem;flex-shrink:0;margin-top:1px; }
.yx-sol-feat-text { font-size:0.85rem;color:#374151; }
.yx-sol-benefits { display:flex;flex-direction:column;gap:0.65rem;margin-bottom:1.25rem; }
.yx-sol-benefit {
  background:#fff;border-radius:0.625rem;padding:0.75rem;
  border:2px solid var(--yx-blue-border);
  display:flex;align-items:center;gap:0.45rem;
  font-size:0.85rem;color:var(--yx-blue);font-weight:500;
}

/* ---- 成功案例 ---- */
.yx-stories { display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem; }
.yx-story-card { background:#fff;border-radius:0.875rem;border:2px solid #e5e7eb;padding:1.4rem;transition:all 0.3s; }
.yx-story-card:hover { border-color:var(--yx-blue);box-shadow:0 10px 30px rgba(37,99,235,0.08); }
.yx-story-tag { display:inline-block;background:var(--yx-blue-bg);color:var(--yx-blue);padding:0.2rem 0.7rem;border-radius:9999px;font-size:0.75rem;font-weight:600;margin-bottom:0.6rem; }
.yx-story-co { font-size:1.05rem;font-weight:700;color:#111827;margin-bottom:0.6rem; }
.yx-story-label { font-size:0.72rem;color:#9ca3af;margin-bottom:0.2rem;text-transform:uppercase;letter-spacing:0.05em; }
.yx-story-text { font-size:0.85rem;color:#374151;margin-bottom:0.6rem; }
.yx-story-result { background:#f0fdf4;border:1px solid #bbf7d0;border-radius:0.5rem;padding:0.65rem; }
.yx-story-result-label { font-size:0.78rem;color:#16a34a;font-weight:700;margin-bottom:0.2rem; }
.yx-story-result-text { font-size:0.8rem;color:#15803d; }

/* ---- 关于页面 ---- */
.yx-values-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem; }
.yx-value-card { background:#fff;border-radius:0.875rem;border:2px solid #e5e7eb;padding:1.75rem;text-align:center;transition:all 0.3s; }
.yx-value-card:hover { border-color:var(--yx-blue);box-shadow:0 10px 24px rgba(37,99,235,0.08);transform:translateY(-2px); }
.yx-value-icon { width:52px;height:52px;border-radius:0.75rem;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin:0 auto 0.875rem;color:#fff; }
.yx-value-title { font-weight:700;color:#111827;margin-bottom:0.35rem; }
.yx-value-desc { font-size:0.85rem;color:#6b7280;line-height:1.7; }

/* 时间线 */
.yx-timeline { position:relative;padding-left:1.75rem; }
.yx-timeline::before { content:'';position:absolute;left:0.5rem;top:0;bottom:0;width:2px;background:var(--yx-blue-border); }
.yx-tl-item { position:relative;margin-bottom:1.25rem;padding-left:1.25rem; }
.yx-tl-dot { position:absolute;left:-1.25rem;top:0.3rem;width:13px;height:13px;border-radius:50%;background:var(--yx-blue);border:2.5px solid #fff;box-shadow:0 0 0 2px var(--yx-blue); }
.yx-tl-year { font-size:0.78rem;font-weight:700;color:var(--yx-blue);margin-bottom:0.15rem; }
.yx-tl-event { font-size:0.875rem;color:#374151; }

/* ---- 联系页面 ---- */
.yx-contact-cards { display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:2.5rem; }
.yx-contact-card { background:#fff;border-radius:0.875rem;border:2px solid #e5e7eb;padding:1.35rem;transition:all 0.3s; }
.yx-contact-card:hover { border-color:var(--yx-blue);box-shadow:0 10px 24px rgba(37,99,235,0.08); }
.yx-contact-icon { width:40px;height:40px;border-radius:0.625rem;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#fff;margin-bottom:0.75rem; }
.yx-contact-title { font-weight:700;color:#111827;font-size:0.9rem;margin-bottom:0.2rem; }
.yx-contact-content { color:#374151;font-weight:500;font-size:0.875rem;margin-bottom:0.1rem; }
.yx-contact-sub { font-size:0.78rem;color:#9ca3af; }

.yx-contact-main { display:grid;grid-template-columns:1fr 1fr;gap:2rem; }
.yx-form-box { background:#fff;border-radius:1.25rem;box-shadow:0 10px 40px rgba(0,0,0,0.08);border:2px solid #e5e7eb;padding:2rem; }
.yx-form-title { font-size:1.4rem;font-weight:700;color:#111827;margin-bottom:1.35rem; }
.yx-form-row { display:grid;grid-template-columns:1fr 1fr;gap:1rem; }
.yx-form-group { margin-bottom:1.1rem; }
.yx-form-label { display:block;font-size:0.85rem;font-weight:600;color:#374151;margin-bottom:0.4rem; }
.yx-form-required { color:#ef4444; }
.yx-form-input, .yx-form-select, .yx-form-textarea {
  width:100%;padding:0.7rem 0.9rem;
  border:2px solid #e5e7eb;border-radius:0.625rem;
  font-size:0.875rem;color:#111827;background:#fff;
  outline:none;transition:border-color 0.2s;font-family:inherit;
}
.yx-form-input:focus,.yx-form-select:focus,.yx-form-textarea:focus { border-color:var(--yx-blue); }
.yx-form-textarea { resize:none; }
.yx-btn-submit {
  width:100%;background:var(--yx-blue);color:#fff;
  padding:0.9rem;border-radius:0.625rem;font-weight:700;
  font-size:0.95rem;border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:0.5rem;
  box-shadow:0 4px 14px rgba(37,99,235,0.35);transition:all 0.2s;
}
.yx-btn-submit:hover { background:var(--yx-blue-dark);transform:scale(1.02); }

.yx-contact-sidebar { display:flex;flex-direction:column;gap:1.25rem; }
.yx-hours-box { background:linear-gradient(135deg,var(--yx-blue),#1e40af);border-radius:1.25rem;padding:1.75rem;color:#fff;position:relative;overflow:hidden; }
.yx-hours-dots { position:absolute;inset:0;opacity:0.07;background-image:radial-gradient(circle at 2px 2px,#fff 1px,transparent 0);background-size:28px 28px;pointer-events:none; }
.yx-hours-inner { position:relative;z-index:1; }
.yx-hours-title { font-size:1.1rem;font-weight:700;margin-bottom:0.875rem; }
.yx-hours-item { display:flex;gap:0.65rem;margin-bottom:0.65rem;align-items:flex-start; }
.yx-hours-label { font-weight:500;font-size:0.875rem; }
.yx-hours-time { font-size:0.8rem;opacity:0.8;margin-top:0.1rem; }
.yx-quick-box { background:#fff;border-radius:1.25rem;box-shadow:0 10px 40px rgba(0,0,0,0.08);border:2px solid #e5e7eb;padding:1.75rem; }
.yx-quick-title { font-size:1.1rem;font-weight:700;color:#111827;margin-bottom:0.875rem; }
.yx-quick-links { display:flex;flex-direction:column;gap:0.55rem; }
.yx-quick-link { display:block;padding:0.65rem 0.875rem;border-radius:0.625rem;font-size:0.875rem;font-weight:500;transition:all 0.2s; }
.yx-ql-blue { background:var(--yx-blue-bg);color:var(--yx-blue) !important; }
.yx-ql-blue:hover { background:#dbeafe; }
.yx-ql-green { background:#f0fdf4;color:#16a34a !important; }
.yx-ql-green:hover { background:#dcfce7; }
.yx-ql-purple { background:#faf5ff;color:#7c3aed !important; }
.yx-ql-purple:hover { background:#ede9fe; }

/* ---- 报价页 ---- */
.yx-plans { display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2.5rem; }
.yx-plan-card { background:#fff;border-radius:1.1rem;border:2px solid #e5e7eb;padding:1.75rem;text-align:center;transition:all 0.3s;position:relative; }
.yx-plan-card:hover,.yx-plan-popular { border-color:var(--yx-blue); }
.yx-plan-badge { position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--yx-blue);color:#fff;padding:0.18rem 0.875rem;border-radius:9999px;font-size:0.72rem;font-weight:600;white-space:nowrap; }
.yx-plan-name { font-size:1.15rem;font-weight:700;color:#111827;margin-bottom:0.35rem; }
.yx-plan-price { font-size:1.8rem;font-weight:800;color:var(--yx-blue);margin-bottom:0.35rem; }
.yx-plan-desc { font-size:0.85rem;color:#6b7280;margin-bottom:1.25rem; }
.yx-plan-feats { display:flex;flex-direction:column;gap:0.5rem;text-align:left;margin-bottom:1.35rem; }
.yx-plan-feat { display:flex;align-items:center;gap:0.45rem;font-size:0.85rem;color:#374151; }
.yx-plan-check { color:var(--yx-blue);font-size:0.9rem; }

/* ---- 深色 CTA ---- */
.yx-dark-cta { background:linear-gradient(135deg,#1f2937,#111827);border-radius:1.75rem;padding:3rem 2rem;text-align:center; }
.yx-dark-cta-title { font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:#fff;margin-bottom:0.65rem; }
.yx-dark-cta-desc { font-size:1rem;color:#9ca3af;margin-bottom:1.75rem; }
.yx-dark-cta-actions { display:flex;gap:1rem;justify-content:center;flex-wrap:wrap; }

/* ---- 系统特性格 ---- */
.yx-sys-feats { display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem; }
.yx-sys-feat { background:#f9fafb;border:1px solid #e5e7eb;border-radius:0.875rem;padding:1.35rem;text-align:center; }
.yx-sys-feat-title { font-weight:700;color:#111827;margin-bottom:0.3rem; }
.yx-sys-feat-desc { font-size:0.8rem;color:#6b7280; }

/* ---- 统计卡片 ---- */
.yx-stat-cards { display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem; }
.yx-stat-card { background:#fff;border-radius:0.875rem;border:2px solid #e5e7eb;padding:1.35rem;text-align:center;transition:all 0.3s; }
.yx-stat-card:hover { border-color:var(--yx-blue);box-shadow:0 10px 24px rgba(37,99,235,0.08); }
.yx-stat-card-icon { font-size:1.75rem;color:var(--yx-blue);margin-bottom:0.65rem; }
.yx-stat-card-num { font-size:1.75rem;font-weight:800;color:#111827; }
.yx-stat-card-label { font-size:0.85rem;color:#6b7280;margin-top:0.2rem; }

/* ---- 渐变色工具类 ---- */
.yx-grad-blue  { background:linear-gradient(135deg,#2563eb,#1d4ed8); }
.yx-grad-purple{ background:linear-gradient(135deg,#8b5cf6,#7c3aed); }
.yx-grad-green { background:linear-gradient(135deg,#10b981,#059669); }
.yx-grad-orange{ background:linear-gradient(135deg,#f59e0b,#d97706); }
.yx-grad-red   { background:linear-gradient(135deg,#ef4444,#dc2626); }
.yx-grad-teal  { background:linear-gradient(135deg,#14b8a6,#0d9488); }
.yx-grad-indigo{ background:linear-gradient(135deg,#6366f1,#4f46e5); }

/* ---- 在线咨询浮窗 ---- */
.yx-chat-btn {
  position:fixed;bottom:1.5rem;right:1.5rem;z-index:200;
  width:50px;height:50px;
  background:linear-gradient(135deg,var(--yx-blue),var(--yx-blue-dark));
  color:#fff;border:none;border-radius:50%;cursor:pointer;
  display:flex;align-items:center;justify-content:center;font-size:1.3rem;
  box-shadow:0 6px 20px rgba(37,99,235,0.45);transition:all 0.2s;
}
.yx-chat-btn:hover { transform:scale(1.1); }
.yx-chat-modal {
  position:fixed;bottom:5.25rem;right:1.5rem;z-index:200;
  background:#fff;border-radius:1.1rem;
  box-shadow:0 20px 60px rgba(0,0,0,0.15);
  border:1px solid #e5e7eb;padding:1.35rem;width:290px;display:none;
}
.yx-chat-modal.open { display:block;animation:yxFadeUp 0.2s ease; }
@keyframes yxFadeUp { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)} }
.yx-chat-header { display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem; }
.yx-chat-title { font-weight:700;color:#111827;font-size:0.95rem; }
.yx-chat-close { background:none;border:none;cursor:pointer;color:#9ca3af;font-size:1.1rem;line-height:1;padding:0; }
.yx-chat-desc { font-size:0.82rem;color:#6b7280;margin-bottom:0.875rem;line-height:1.6; }
.yx-chat-actions { display:flex;flex-direction:column;gap:0.45rem; }
.yx-chat-actions a { display:block;padding:0.6rem 0.875rem;border-radius:0.5rem;text-align:center;font-size:0.85rem;font-weight:500;transition:all 0.2s; }
.yx-chat-tel { background:var(--yx-blue);color:#fff !important; }
.yx-chat-tel:hover { background:var(--yx-blue-dark); }
.yx-chat-quote { background:#f3f4f6;color:#374151 !important; }
.yx-chat-quote:hover { background:#e5e7eb; }
.yx-chat-service { background:#10b981;color:#fff !important; }
.yx-chat-service:hover { background:#059669; }

/* ---- 响应式 ---- */
@media(max-width:1024px){
  .yx-features-grid,.yx-adv-grid { grid-template-columns:repeat(2,1fr); }
  .yx-module-inner { grid-template-columns:1fr; }
  .yx-sol-inner { grid-template-columns:1fr; }
  .yx-sol-mid { border-right:none;border-bottom:1px solid #e5e7eb; }
  .yx-values-grid { grid-template-columns:repeat(2,1fr); }
  .yx-contact-cards { grid-template-columns:repeat(2,1fr); }
  .yx-contact-main { grid-template-columns:1fr; }
  .yx-stats-grid,.yx-stat-cards { grid-template-columns:repeat(2,1fr); }
  .yx-sys-feats { grid-template-columns:repeat(2,1fr); }
  .yx-plans { grid-template-columns:1fr; }
  .yx-stories { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:640px){
  .yx-slide { height:460px; }
  .yx-hero-title { font-size:2rem; }
  .yx-features-grid,.yx-adv-grid { grid-template-columns:1fr; }
  .yx-values-grid,.yx-contact-cards { grid-template-columns:1fr; }
  .yx-stories { grid-template-columns:1fr; }
  .yx-banner-inner { flex-direction:column; }
  .yx-cta-box,.yx-dark-cta { padding:2rem 1.25rem; }
  .yx-form-row { grid-template-columns:1fr; }
  .yx-sys-feats { grid-template-columns:repeat(2,1fr); }
}


/* ---- 企业官网全宽区块修复 ---- */
/* Earth layout 的 .z-0 容器在企业页面需要去掉宽度限制 */
.yx-fullwidth-wrap {
  /* 突破 Earth 外层容器的 max-width 和 padding 限制 */
  margin-left: -1rem;
  margin-right: -1rem;
  width: calc(100% + 2rem);
}
@media (min-width: 1024px) {
  .yx-fullwidth-wrap {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    width: calc(100% + 3rem);
  }
}
/* 全宽区块内的 container 重新居中 */
.yx-fullwidth-wrap .yx-container {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* ---- 企业官网全宽页面容器（替代 Earth 的 max-w-7xl section）---- */
.yx-page-wrapper {
  width: 100%;
  min-height: 60vh;
}
.yx-page-wrapper .yx-container {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  width: 100%;
  box-sizing: border-box;
}
/* ---- 全局修复：防止移动端横向滚动 ---- */
html, body {
  overflow-x: hidden;
  max-width: 100%;
}
.yx-page-wrapper,
.yx-hero,
.yx-stats,
.yx-advantages,
.yx-section {
  overflow-x: hidden;
  max-width: 100%;
  box-sizing: border-box;
}


/* ================================================
   深色模式适配 - 让所有企业页面随主题自动切换
   ================================================ */

/* --- CSS 变量：亮色默认值 --- */
:root {
  --yx-bg-page:      #f8fafc;
  --yx-bg-card:      #ffffff;
  --yx-bg-card-alt:  #f9fafb;
  --yx-bg-input:     #ffffff;
  --yx-border:       #e5e7eb;
  --yx-text-primary: #111827;
  --yx-text-body:    #374151;
  --yx-text-muted:   #6b7280;
  --yx-text-sub:     #9ca3af;
  --yx-shadow-card:  0 10px 40px rgba(0,0,0,0.08);
}

/* --- CSS 变量：深色模式覆盖 --- */
.dark {
  --yx-bg-page:      #0f172a;
  --yx-bg-card:      #1e293b;
  --yx-bg-card-alt:  #162032;
  --yx-bg-input:     #1e293b;
  --yx-border:       #334155;
  --yx-text-primary: #f1f5f9;
  --yx-text-body:    #cbd5e1;
  --yx-text-muted:   #94a3b8;
  --yx-text-sub:     #64748b;
  --yx-shadow-card:  0 10px 40px rgba(0,0,0,0.35);
}

/* --- 页面背景 --- */
.yx-page-bg {
  background: var(--yx-bg-page);
  min-height: 60vh;
}

/* --- 通用文字颜色 --- */
.yx-section-title  { color: var(--yx-text-primary); }
.yx-page-title     { color: var(--yx-text-primary); }
.yx-section-desc   { color: var(--yx-text-muted); }
.yx-page-desc      { color: var(--yx-text-muted); }

/* --- 功能卡片 --- */
.yx-feature-card {
  background: var(--yx-bg-card);
  border-color: var(--yx-border);
}
.yx-feature-title  { color: var(--yx-text-primary); }
.yx-feature-desc   { color: var(--yx-text-muted); }

/* --- 统计数字区 --- */
.yx-stats { background: var(--yx-bg-page); border-color: var(--yx-border); }
.yx-stat-label { color: var(--yx-text-muted); }

/* --- 模块卡片 (products页) --- */
.yx-module-card {
  background: var(--yx-bg-card);
  border-color: var(--yx-border);
}
.yx-module-feat-title { color: var(--yx-text-primary); }
.yx-module-feat-text  { color: var(--yx-text-body); }

/* --- 系统特性卡片 --- */
.yx-sys-feat {
  background: var(--yx-bg-card-alt);
  border-color: var(--yx-border);
}
.yx-sys-feat-title { color: var(--yx-text-primary); }
.yx-sys-feat-desc  { color: var(--yx-text-muted); }

/* --- 方案卡片 (solutions页) --- */
.yx-sol-card {
  background: var(--yx-bg-card);
  border-color: var(--yx-border);
}
.yx-sol-mid  { border-color: var(--yx-border); }
.yx-sol-right { background: var(--yx-bg-card-alt); }
.yx-sol-feat-title { color: var(--yx-text-primary); }
.yx-sol-feat-text  { color: var(--yx-text-body); }
.yx-sol-benefit {
  background: var(--yx-bg-card);
  border-color: var(--yx-border);
}

/* --- 成功案例卡片 --- */
.yx-story-card {
  background: var(--yx-bg-card);
  border-color: var(--yx-border);
}
.yx-story-co   { color: var(--yx-text-primary); }
.yx-story-text { color: var(--yx-text-body); }
.yx-story-label { color: var(--yx-text-sub); }

/* --- 统计数字卡片 (stat-card) --- */
.yx-stat-card {
  background: var(--yx-bg-card);
  border-color: var(--yx-border);
}
.yx-stat-card-num   { color: var(--yx-text-primary); }
.yx-stat-card-label { color: var(--yx-text-muted); }

/* --- 关于页面 value卡片 --- */
.yx-value-card {
  background: var(--yx-bg-card);
  border-color: var(--yx-border);
}
.yx-value-title { color: var(--yx-text-primary); }
.yx-value-desc  { color: var(--yx-text-muted); }

/* --- 时间线 --- */
.yx-timeline::before { background: var(--yx-border); }
.yx-tl-dot { border-color: var(--yx-bg-card); }
.yx-tl-event { color: var(--yx-text-body); }

/* --- 联系页面卡片 --- */
.yx-contact-card {
  background: var(--yx-bg-card);
  border-color: var(--yx-border);
}
.yx-contact-title   { color: var(--yx-text-primary); }
.yx-contact-content { color: var(--yx-text-body); }
.yx-contact-sub     { color: var(--yx-text-sub); }

/* --- 表单容器 --- */
.yx-form-box {
  background: var(--yx-bg-card);
  border-color: var(--yx-border);
  box-shadow: var(--yx-shadow-card);
}
.yx-form-title { color: var(--yx-text-primary); }
.yx-form-label { color: var(--yx-text-body); }
.yx-form-input,
.yx-form-select,
.yx-form-textarea {
  background: var(--yx-bg-input);
  border-color: var(--yx-border);
  color: var(--yx-text-primary);
}
.yx-form-input::placeholder,
.yx-form-textarea::placeholder { color: var(--yx-text-muted); }

/* --- 快速入口盒子 --- */
.yx-quick-box {
  background: var(--yx-bg-card);
  border-color: var(--yx-border);
  box-shadow: var(--yx-shadow-card);
}
.yx-quick-title { color: var(--yx-text-primary); }

/* --- 报价页面卡片 --- */
.yx-plan-card {
  background: var(--yx-bg-card);
  border-color: var(--yx-border);
}
.yx-plan-name { color: var(--yx-text-primary); }
.yx-plan-desc { color: var(--yx-text-muted); }
.yx-plan-feat { color: var(--yx-text-body); }

/* --- CTA 区块 --- */
.yx-cta-box {
  background: linear-gradient(135deg, var(--yx-bg-page), var(--yx-blue-bg));
  border-color: var(--yx-blue-border);
}
.yx-cta-title { color: var(--yx-text-primary); }
.yx-cta-desc  { color: var(--yx-text-muted); }

/* --- 咨询浮窗 --- */
.yx-chat-modal {
  background: var(--yx-bg-card);
  border-color: var(--yx-border);
}
.yx-chat-title { color: var(--yx-text-primary); }
.yx-chat-desc  { color: var(--yx-text-muted); }
.yx-chat-quote {
  background: var(--yx-bg-card-alt) !important;
  color: var(--yx-text-body) !important;
}

/* --- inline style 替代 class：yx-inline-card（替换 products/about 里的 style="background:#fff..." div）--- */
.yx-inline-card {
  background: var(--yx-bg-card);
  border-radius: 1.25rem;
  border: 2px solid var(--yx-border);
  padding: 2.25rem;
  margin-bottom: 1.5rem;
}
.yx-inline-card h2 { color: var(--yx-text-primary); }

/* --- yx-cert-item：about 页资质认证条目 --- */
.yx-cert-item {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.8rem;
  background: var(--yx-bg-card-alt);
  border-radius: 0.625rem;
}
.yx-cert-text {
  font-size: 0.875rem;
  color: var(--yx-text-body);
}

/* --- solutions 成功案例标题 --- */
.yx-stories-title {
  font-size: 1.8rem;
  font-weight: 800;
  color: var(--yx-text-primary);
  text-align: center;
  margin-bottom: 1.75rem;
}

/* --- quote 页副标题 --- */
.yx-form-subtitle {
  color: var(--yx-text-muted);
  margin-bottom: 1.5rem;
  font-size: 0.875rem;
}

/* inline card title (products/about) */
.yx-inline-card-title {
  color: var(--yx-text-primary);
}