/* 明亮应用：浅灰底 + 白卡片 + 蓝色主色，偏工具类 App 的清爽感。Noto Sans SC 由 site.js 按主题加载。 */

[data-theme="clean"] {
  --gf-bg: #f5f6f8;
  --gf-bg-mid: #f5f6f8;
  --gf-bg-deep: #f5f6f8;
  --gf-bg-start: #f5f6f8;
  --gf-paper: #ffffff;
  --gf-paper-solid: #ffffff;
  --gf-input-bg: #ffffff;
  --gf-nav-bg: rgba(255, 255, 255, 0.97);
  --gf-line: #d3d8e1;
  --gf-line-soft: #e3e6ec;
  --gf-ink: #14171f;
  --gf-ink-soft: #555b6b;
  --gf-ink-muted: #5f6574;
  --gf-muted: #5f6574;
  --gf-accent: #2f5bea;
  --gf-accent-soft: #2a52d6;
  --gf-accent-deep: #2445bf;
  --gf-accent-rgb: 47, 91, 234;
  --gf-cyan: #555b6b;
  --gf-cyan-dim: #eaf0ff;
  --gf-quote-bg: #eef1f6;
  --gf-btn-text: #ffffff;
  --gf-shadow: 0 1px 2px rgba(20, 23, 31, 0.04);
  --gf-theme-color: #f5f6f8;
  --gf-sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --gf-serif: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --gf-radius-card: 16px;
  --gf-radius-sm: 10px;
}

[data-theme="clean"] body.page-guofeng .gf-nav {
  border-bottom: 1px solid var(--gf-line-soft) !important;
}

[data-theme="clean"] body.page-guofeng .gf-nav .navbar-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  letter-spacing: 0.01em;
}

[data-theme="clean"] body.page-guofeng .gf-nav .navbar-brand::before {
  content: "C" / "";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 8px;
  background: var(--gf-accent);
  color: #ffffff;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0;
}

[data-theme="clean"] .gf-nav-chat-label {
  border-radius: 8px;
}

[data-theme="clean"] .gf-nav-products a {
  min-height: 38px !important;
  color: var(--gf-ink);
  font-size: 0.94rem;
  border-radius: 8px;
}

[data-theme="clean"] .gf-nav-products a:hover {
  background: var(--gf-bg);
}

[data-theme="clean"] .gf-nav-products a.is-active {
  background: var(--gf-cyan-dim);
  color: var(--gf-accent-deep);
  font-weight: 500;
}

[data-theme="clean"] .gf-eyebrow {
  font-family: var(--gf-sans);
  letter-spacing: 0.12em;
}

[data-theme="clean"] .gf-btn {
  font-family: var(--gf-sans);
  font-weight: 500;
  letter-spacing: 0.02em;
}

[data-theme="clean"] .gf-btn-primary {
  background: var(--gf-accent);
  border-color: var(--gf-accent);
  box-shadow: none;
}

[data-theme="clean"] .gf-btn-ghost {
  background: #ffffff;
  border-color: var(--gf-line);
}

[data-theme="clean"] .gf-card,
[data-theme="clean"] .gf-hub-card {
  border-color: var(--gf-line-soft);
}

[data-theme="clean"] .gf-seg-item:has(input:checked) {
  background: #ffffff;
  color: var(--gf-accent-deep);
  box-shadow: 0 1px 3px rgba(20, 23, 31, 0.12);
}

[data-theme="clean"] .gf-tabbar {
  background: rgba(255, 255, 255, 0.97);
}

[data-theme="clean"] .gf-tabbar-composite-row {
  border-color: transparent;
  background: var(--gf-cyan-dim);
  color: var(--gf-accent-deep);
}

/* —— 首屏：一张白卡片 —— */
[data-theme="clean"] .gf-landing-hero {
  grid-template-areas: "main";
  grid-template-columns: minmax(0, 1fr);
  padding: 1.4rem;
  margin-top: 0.5rem;
  background: var(--gf-paper);
  border: 1px solid var(--gf-line-soft);
  border-radius: 16px;
}

[data-theme="clean"] .gf-landing-motto {
  display: none;
}

[data-theme="clean"] .gf-landing-kicker {
  font-size: 0.86rem;
  color: var(--gf-ink-soft);
}

[data-theme="clean"] .gf-landing-title {
  font-size: clamp(1.3rem, 6.4vw, 1.75rem);
  font-weight: 700;
  line-height: 1.35;
}

[data-theme="clean"] .gf-landing-lead {
  font-size: 0.95rem;
  line-height: 1.8;
  color: var(--gf-ink-soft);
}

/* —— 全部服务：图标卡片 —— */
[data-theme="clean"] .gf-landing-products {
  padding-top: 1.5rem;
}

[data-theme="clean"] .gf-landing-section-title {
  margin-bottom: 0.8rem;
  font-size: 1.05rem;
  font-weight: 700;
}

[data-theme="clean"] .gf-landing-list {
  gap: 0.7rem;
}

[data-theme="clean"] .gf-landing-list a {
  grid-template-columns: 2.6rem minmax(0, 1fr);
  align-items: center;
  padding: 0.95rem 1rem;
  background: var(--gf-paper);
  border: 1px solid var(--gf-line-soft);
  border-radius: 14px;
}

[data-theme="clean"] .gf-landing-list a:hover {
  border-color: var(--gf-accent);
}

[data-theme="clean"] .gf-landing-no {
  display: none;
}

[data-theme="clean"] .gf-landing-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 10px;
  background: var(--gf-cyan-dim);
  color: var(--gf-accent-deep);
  font-size: 1.05rem;
  font-weight: 700;
}

[data-theme="clean"] .gf-landing-name {
  font-size: 1rem;
  font-weight: 700;
}

[data-theme="clean"] .gf-landing-desc {
  margin-top: 0.1rem;
  font-size: 0.84rem;
  color: var(--gf-ink-soft);
}

@media (min-width: 720px) {
  [data-theme="clean"] .gf-landing-hero {
    padding: 2rem 2.2rem;
  }

  [data-theme="clean"] .gf-landing-title {
    font-size: 2.2rem;
  }
}

@media (min-width: 960px) {
  [data-theme="clean"] .gf-landing-hero {
    grid-template-areas: "main";
    grid-template-columns: minmax(0, 1fr);
    padding: 2.5rem 2.75rem;
  }

  [data-theme="clean"] .gf-landing-art {
    display: none;
  }

  [data-theme="clean"] .gf-landing-title {
    font-size: 2.6rem;
  }

  [data-theme="clean"] .gf-landing-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}