@charset "utf-8";
/* 森系小清新（senxi）· 首屏底座（静态引入，避免等主题 CSS 时闪原版粉底）
 * 只放「不依赖注入时机」的骨架视觉：配色变量、背景、字体、外壳容器定位。
 * 完整体验（卡片 / 标签 / 个人中心 / 动效）在 theme.css，由系统按 theme.json 注入。 */

html.tpl-senxi {
  --sx-deep: #2f6b4f;
  --sx-moss: #3f8a5f;
  --sx-leaf: #7bc47f;
  --sx-leaf2: #a7d79a;
  --sx-cream: #f6fbf3;
  --sx-mist: #eaf3e6;
  --sx-bark: #8a5c3e;
  --sx-bark2: #6a4229;
  --sx-sun: #ffe08a;
  --sx-ink: #2c4436;
  --sx-ink2: #6f8f78;
  --sx-line: #cfe4cd;
  /* 覆盖原生主题变量，让共享组件整体转入森系 */
  --pink: #3f8a5f;
  --pink2: #7bc47f;
  --blue: #6aa9a0;
  --blue2: #4d8c84;
  --green: #4a9d6e;
  --purple: #7fae90;
  --orange: #c98a3d;
  --text: #2c4436;
  --text2: #6f8f78;
  --radius: 22px;
  background: var(--sx-cream);
}

html.tpl-senxi,
html.tpl-senxi body {
  margin: 0;
  min-height: 100vh;
  color: var(--sx-ink);
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}

html.tpl-senxi body {
  background:
    radial-gradient(ellipse at 12% 0%, rgba(255, 224, 138, .28), transparent 46%),
    radial-gradient(ellipse at 88% 6%, rgba(167, 215, 154, .30), transparent 44%),
    linear-gradient(180deg, #f6fbf3 0%, #eef8ea 42%, #e6f3e0 100%);
  background-attachment: fixed;
  overflow-x: hidden;
}

/* 原版漂浮气泡在森系下由草丛/落叶取代 */
html.tpl-senxi .bubbles { display: none !important; }

/* 氛围层容器：先占位，具体绘制在 theme.css */
html.tpl-senxi .sx-canopy,
html.tpl-senxi .sx-meadow,
html.tpl-senxi .sx-leaves {
  position: fixed;
  left: 0;
  right: 0;
  pointer-events: none;
  z-index: 0;
}
html.tpl-senxi .sx-canopy { top: 0; height: 120px; }
html.tpl-senxi .sx-meadow { bottom: 0; height: 190px; }
html.tpl-senxi .sx-leaves { top: 0; bottom: 0; overflow: hidden; }

html.tpl-senxi .topbar {
  background: rgba(247, 252, 244, .86);
  border-bottom: 2px solid rgba(123, 196, 127, .35);
}
html.tpl-senxi .bottom-nav {
  background: rgba(247, 252, 244, .90);
  border-top: 2px solid rgba(123, 196, 127, .35);
}
html.tpl-senxi .wrap { position: relative; z-index: 1; }
html.tpl-senxi a { color: var(--sx-moss); }
html.tpl-senxi #pageTitle { font-size: 20px; font-weight: 900; color: var(--sx-deep); margin-bottom: 8px; }
html.tpl-senxi .site-footer {
  text-align: center; font-size: 12px; color: var(--sx-ink2);
  padding: 14px 16px 78px; position: relative; z-index: 1;
}