/* ==========================================================================
   曾文正公嘉言钞 · 静雅古风设计系统 (Core Design System Tokens)
   ========================================================================== */

:root {
  /* 宣纸与矿物天然色彩规范 (Paper & Natural Mineral Palette) */
  --bg-app: #F7F4EB;
  --bg-app-gradient: radial-gradient(circle at 50% 30%, #FCFAF5 0%, #F5F1E6 100%);
  --bg-card: #FAF8F2;
  --bg-card-inner: #FCFAF6;
  --bg-card-subtle: #F2EFE6;
  
  /* 墨色层级 (Chinese Ink Tonal Scale) */
  --ink-heavy: #1F1D1A;       /* 焦墨：主标题、名言核心字句 */
  --ink-primary: #2C2925;     /* 浓墨：名言正文 */
  --ink-secondary: #58534A;   /* 重墨：白话注解、释义 */
  --ink-muted: #867F74;       /* 淡墨：出处、卷名、辅助标签 */
  --ink-faint: #BFB8AC;       /* 微墨：分割线、序号指示 */

  /* 古典印泥与点缀色 (Traditional Mineral Accents) */
  --cinnabar: #9A2E2E;        /* 朱砂红：印章、核心着重、随机主按钮 */
  --cinnabar-light: #B83A3A;
  --cinnabar-subtle: rgba(154, 46, 46, 0.06);
  --cinnabar-border: rgba(154, 46, 46, 0.22);

  /* 物理材质边框与柔和纸张阴影 (Borders & Shadows) */
  --border-paper: rgba(60, 48, 36, 0.12);
  --border-inner: rgba(60, 48, 36, 0.06);
  --shadow-card: 0 16px 48px -12px rgba(44, 34, 24, 0.09), 0 3px 10px rgba(44, 34, 24, 0.04);
  --shadow-card-hover: 0 20px 54px -10px rgba(44, 34, 24, 0.13), 0 6px 16px rgba(44, 34, 24, 0.05);
  --shadow-seal: 0 2px 8px rgba(154, 46, 46, 0.2);

  /* 字体族栈 (Font Stacks - SIL OFL Open Source & System Fallback) */
  --font-brush: 'Ma Shan Zheng', 'STKaiti', 'Kaiti SC', 'KaiTi', 'SimKai', serif;
  --font-serif: 'Noto Serif SC', 'Source Han Serif SC', 'Songti SC', 'STSong', 'SimSun', serif;
  --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;

  /* 尺寸与间距 (Spacing & Layout Dimensions) */
  --card-max-width: 780px;
  --header-height: 80px;
  --footer-height: 64px;
  --radius-card: 16px;
  --radius-seal: 4px;
  --radius-btn: 28px;
}

/* 基础重置与全局布局 (Global Resets & Base) */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  width: 100%;
  min-height: 100vh;
  background-color: var(--bg-app);
  background-image: var(--bg-app-gradient);
  color: var(--ink-primary);
  font-family: var(--font-serif);
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

/* 页面主容器架构 (Page Flex Container) */
.page-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem 1.25rem;
  position: relative;
}

/* 顶部品牌与导引区 (Header & Title) */
.site-header {
  text-align: center;
  padding: 0.5rem 0 1rem;
  user-select: none;
}

.site-title-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

.header-seal {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background-color: var(--cinnabar);
  color: #FFFDF8;
  font-family: var(--font-brush);
  font-size: 1.75rem;
  letter-spacing: 2px;
  border-radius: var(--radius-seal);
  box-shadow: var(--shadow-seal);
  line-height: 1.2;
}

.site-title {
  font-family: var(--font-serif);
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--ink-heavy);
  letter-spacing: 0.15em;
  line-height: 1.2;
}

.site-subtitle {
  margin-top: 0.4rem;
  font-size: 0.95rem;
  color: var(--ink-muted);
  letter-spacing: 0.1em;
  font-family: var(--font-serif);
}

/* 主展示台 (Main Card Stage) */
.main-stage {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 0 2rem;
  position: relative;
}

/* 解耦插槽预留位 (Future Non-Intrusive Slot) */
.future-slot-container {
  display: none; /* v1 保持纯粹，不占用 DOM 视觉 */
  margin: 1rem auto 0;
  max-width: var(--card-max-width);
}