/* 青瓷：浅青绿底 + 白瓷卡片 + 大圆角。正文无衬线（Noto Sans SC 由 site.js 按主题加载）。 */

[data-theme="celadon"] {
  --gf-bg: #eef3ef;
  --gf-bg-mid: #eef3ef;
  --gf-bg-deep: #eef3ef;
  --gf-bg-start: #eef3ef;
  --gf-paper: #fbfdfb;
  --gf-paper-solid: #fbfdfb;
  --gf-input-bg: #ffffff;
  --gf-nav-bg: rgba(238, 243, 239, 0.95);
  --gf-line: #c5d8d0;
  --gf-line-soft: #dce8e2;
  --gf-ink: #1f2e2a;
  --gf-ink-soft: #4e625c;
  --gf-ink-muted: #5f736c;
  --gf-muted: #5f736c;
  --gf-accent: #3f7a6b;
  --gf-accent-soft: #3a7263;
  --gf-accent-deep: #2d5c50;
  --gf-accent-rgb: 63, 122, 107;
  --gf-cyan: #4e625c;
  --gf-cyan-dim: #d6e6df;
  --gf-quote-bg: #e3eee9;
  --gf-btn-text: #ffffff;
  --gf-shadow: 0 16px 36px rgba(31, 46, 42, 0.07);
  --gf-theme-color: #eef3ef;
  --gf-sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --gf-radius-card: 20px;
  --gf-radius-sm: 14px;
}

[data-theme="celadon"] body.page-guofeng .gf-nav .navbar-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--gf-sans);
  font-weight: 700;
  letter-spacing: 0.02em;
}

[data-theme="celadon"] body.page-guofeng .gf-nav .navbar-brand::before {
  content: "";
  width: 1.3rem;
  height: 1.3rem;
  border-radius: 50%;
  background: var(--gf-accent);
  box-shadow: inset -6px -4px 0 #a9cfc2;
}

[data-theme="celadon"] .gf-nav-products {
  flex: 0 1 auto !important;
  margin: 0 auto;
  padding: 4px !important;
  background: var(--gf-paper);
  border-radius: 999px;
}

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

[data-theme="celadon"] .gf-nav-products a.is-active {
  background: var(--gf-accent);
  color: #ffffff;
}

[data-theme="celadon"] .gf-btn {
  font-family: var(--gf-sans);
  letter-spacing: 0.04em;
  border-radius: 14px;
}

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

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

[data-theme="celadon"] .gf-card,
[data-theme="celadon"] .gf-hub-card {
  border-color: transparent;
}

[data-theme="celadon"] .gf-seg-item:has(input:checked) {
  background: var(--gf-accent);
  color: #ffffff;
  box-shadow: none;
}

[data-theme="celadon"] .gf-tabbar-composite-row {
  border-radius: 14px;
}

/* —— 首屏：标签 + 衬线大字 + 右侧四柱示例卡（手机上放在下面） —— */
[data-theme="celadon"] .gf-landing-hero {
  grid-template-areas: "main" "art";
  grid-template-columns: minmax(0, 1fr);
}

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

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

[data-theme="celadon"] .gf-landing-kicker {
  align-self: flex-start;
  padding: 0.3rem 0.8rem;
  background: var(--gf-cyan-dim);
  color: var(--gf-accent-deep);
  border-radius: 999px;
  font-size: 0.82rem;
  font-weight: 500;
}

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

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

[data-theme="celadon"] .gf-art-pillars {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  padding: 1.25rem;
  background: var(--gf-paper);
  border-radius: 22px;
  box-shadow: var(--gf-shadow);
}

[data-theme="celadon"] .gf-art-pillars-head {
  display: flex;
  justify-content: space-between;
  font-size: 0.88rem;
  color: var(--gf-ink-soft);
}

[data-theme="celadon"] .gf-art-pillars-head strong {
  color: var(--gf-ink);
}

[data-theme="celadon"] .gf-art-pillars-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
  text-align: center;
}

[data-theme="celadon"] .gf-art-pillars-grid > div {
  padding: 0.7rem 0.2rem;
  background: var(--gf-bg);
  border-radius: 12px;
}

[data-theme="celadon"] .gf-art-pillars-grid > div.is-day {
  background: var(--gf-cyan-dim);
}

[data-theme="celadon"] .gf-art-pillars-grid small {
  display: block;
  font-size: 0.74rem;
  color: var(--gf-ink-soft);
}

[data-theme="celadon"] .gf-art-pillars-grid b {
  display: block;
  margin-top: 0.3rem;
  font-family: var(--gf-serif);
  font-size: 1.2rem;
  font-weight: 600;
}

[data-theme="celadon"] .gf-art-pillars-note {
  font-size: 0.86rem;
  line-height: 1.7;
  color: var(--gf-ink-soft);
}

/* —— 问法：白瓷卡片 + 青色字块 —— */
[data-theme="celadon"] .gf-landing-section-title {
  margin-bottom: 0.9rem;
  font-size: 1.1rem;
  font-weight: 700;
}

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

[data-theme="celadon"] .gf-landing-list a {
  grid-template-columns: 3rem minmax(0, 1fr);
  align-items: center;
  padding: 1rem 1.1rem;
  background: var(--gf-paper);
  border-radius: 18px;
}

[data-theme="celadon"] .gf-landing-list a:hover {
  box-shadow: inset 0 0 0 1px var(--gf-line);
}

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

[data-theme="celadon"] .gf-landing-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  background: var(--gf-cyan-dim);
  color: var(--gf-accent-deep);
  border-radius: 14px;
  font-family: var(--gf-serif);
  font-size: 1.2rem;
}

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

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

@media (min-width: 720px) {
  [data-theme="celadon"] .gf-landing-title {
    font-size: 2.4rem;
  }
}

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

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