/* ═══════════════════════════════════════════════════════════
   精灵动机心理学 · 设计令牌 Design Tokens
   权威基准 = 网页版官网首页 static/site-design-v1.html
   风格：暖橘 · 温润陪伴感
   主色 #F5A623(金橙) / #E87A3E(暖橘) / #C4905A(陶土棕) / 底 #FDF9F3(暖米白)
   ═══════════════════════════════════════════════════════════ */

:root{
  /* ── 主色（暖橘，对齐 site-design-v1.html:9）── */
  --color-primary:        #F5A623;   /* 金橙·主色 */
  --color-primary-deep:   #E87A3E;   /* 暖橘·强调 */
  --color-primary-dark:   #C4602A;   /* 深橘棕·hover/active */
  --color-primary-brown:  #C4905A;   /* 陶土棕·辅助文字/边框 */
  --color-primary-light:  rgba(245,166,35,0.12);

  /* ── 中性色（对齐 site-design-v1.html:11）── */
  --color-bg:             #FDF9F3;   /* 页面底·暖米白 */
  --color-bg-card:        #FFFCF8;   /* 卡片底 */
  --color-text:           #3C2A1A;   /* 正文·暖褐 */
  --color-text-secondary: #A09080;   /* 次要 */
  --color-text-muted:     #B8A898;   /* 弱化 */
  --color-border:         rgba(196,144,90,0.18);
  --color-accent-soft:    #FBF3E6;   /* 强调底·暖 */

  /* ── 辅助色 ── */
  --color-spirit:         #E8E0F0;   /* 鼠尾草紫 */
  --color-growth:         #D4E5D0;   /* 鼠尾草绿 */

  /* ── 语义色 ── */
  --color-success:        #2ba471;
  --color-warning:        #e37318;
  --color-error:          #E07070;
  --color-danger:         #d54941;

  /* ── 动机光谱 7 色（16 维维度着色，保留）── */
  --sp-orange:  #FF7B42;
  --sp-gold:    #F5A623;
  --sp-light:   #FCD08A;
  --sp-amber:   #FF8B27;
  --sp-gray:    #A0A0A0;
  --sp-blue:    #7BB8E5;
  --sp-deep:    #5BA0D9;

  /* ── 4 场景色 ── */
  --scene-purple:   #6B4E9A;  --scene-purple-bg:  #F1ECF7;
  --scene-redbrown: #A86646;  --scene-redbrown-bg:#F8ECEC;
  --scene-green:    #5F8A5C;  --scene-green-bg:   #EAF2E6;
  --scene-blue:     #5C7E9E;  --scene-blue-bg:    #E9EFF5;

  /* ── 字体（无衬线）── */
  --font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", sans-serif;

  /* ── 圆角 ── */
  --r-card:   18px;
  --r-btn:    24px;
  --r-ghost:  20px;
  --r-sm:     10px;
  --r-md:     14px;
  --r-full:   9999px;

  /* ── 阴影 ── */
  --sh-card:   0 2px 12px rgba(60,42,26,0.05);
  --sh-btn:    0 4px 12px rgba(245,166,35,0.32);

  /* ── 渐变（对齐 site-design-v1.html:32 按钮渐变）── */
  --grad-primary: linear-gradient(135deg, #F5A623, #E87A3E);
  --grad-page:    linear-gradient(180deg, #FCF6EC, #FDF9F3, #FEFAF4, #FFFCF8);
}

/* ═══ SVG 线条图标容器（对齐 TDesign t-icon）═══ */
.ic{
  display:inline-flex; align-items:center; justify-content:center;
  width:20px; height:20px; flex-shrink:0;
  color:var(--color-primary-deep);   /* 暖橘描边 */
  vertical-align:middle;
}
.ic svg{ width:100%; height:100%; }
.ic-24{ width:24px; height:24px; }
.ic-28{ width:28px; height:28px; }
.ic-32{ width:32px; height:32px; }
.ic-40{ width:40px; height:40px; }
.ic-inherit{ color:inherit; }

/* ═══ 通用按钮（对齐 site-design-v1.html）═══ */
.btn-primary{
  background:var(--grad-primary);
  color:#FFFFFF;
  border-radius:var(--r-btn);
  font-size:16px; font-weight:600;
  padding:14px 32px;
  border:none;
  box-shadow:var(--sh-btn);
  animation:btnBreathe 3s ease-in-out infinite;
  cursor:pointer;
  font-family:var(--font-sans);
  text-decoration:none;
  display:inline-block;
  text-align:center;
}
.btn-primary:active{ opacity:.88; transform:scale(.98); }
@keyframes btnBreathe{
  0%,100%{ box-shadow:0 4px 16px rgba(245,166,35,.28); }
  50%     { box-shadow:0 4px 28px rgba(232,122,62,.42); }
}

.btn-outline{
  background:transparent; color:var(--color-primary-deep);
  border-radius:var(--r-btn); font-size:15px;
  padding:12px 28px; border:1.5px solid var(--color-primary-deep);
  cursor:pointer; font-family:var(--font-sans);
}
.btn-outline:active{ background:rgba(232,122,62,.08); }

.btn-ghost{
  background:transparent; color:var(--color-primary-dark);
  border-radius:var(--r-ghost); font-size:14px;
  padding:10px 20px; border:none;
  cursor:pointer; font-family:var(--font-sans);
}
.btn-ghost:active{ background:rgba(0,0,0,.04); }

/* ═══ 通用卡片 ═══ */
.card{
  background:var(--color-bg-card);
  border-radius:var(--r-card);
  padding:22px;
  border:1px solid var(--color-border);
  box-shadow:var(--sh-card);
  transition:transform .3s ease, box-shadow .3s ease;
}

/* ═══ 顶栏（暖米白毛玻璃）═══ */
.topbar{
  background:rgba(253,249,243,.82);
  -webkit-backdrop-filter:blur(16px) saturate(1.3);
  backdrop-filter:blur(16px) saturate(1.3);
  border-bottom:1px solid var(--color-border);
}