/* ============================================================
   主题「暖纸手作」
   ------------------------------------------------------------
   设计：Giorgia Lupi · Data Humanism（数据人本主义）
   哲学：把 45 道答案当成你亲手收集的个人印记，最终拼成
        「心理年龄」那个数字。

   色板（暖纸 / 陶土 / 低饱和印刷色，刻意避开屏幕纯色）：
     纸底 #F6EFE3 · 卡面 #EFE5D4 · 深纸 #E7DBC6
     主墨 #2B2620 · 柔墨 #5A5147 · 细线 #D9CDB6
     陶土 #C8683F（主强调）
     七维印记色：#C8683F 陶土 / #7C8B5A 鼠尾草 / #5C7B8A 雾蓝 /
                #C99A3F 赭黄 / #C2726B 砖玫 / #8A6F8E 梅紫 / #2B2620 主墨

   本文件在原样式之后加载，用 !important 覆盖视觉层
   （色彩/字体/圆角/阴影/间距/背景/伪元素），不改布局结构与功能。

   实现要点（原产物是打包后的 Vue SPA）：
     1. Hero 背景 / 维度条填充 / 圆点颜色是 inline style → 用
        !important 覆盖 background 即可（inline 也能被 !important 压过）
     2. 图标是 emoji 文本节点（无独立元素）→ 用 font-size:0 隐藏原
        emoji，再用 ::before 画 Lupi 式数据印记（实心/环/半圆/环心点）
     3. 分享卡颜色硬编码在 index-HZXY1CA4.js 的 Canvas 里 → 本文件
        覆盖不到，需同步改 JS（已一并处理）
   ============================================================ */

:root {
  --taa-paper: #f6efe3;
  --taa-paper-2: #efe5d4;
  --taa-paper-3: #e7dbc6;
  --taa-ink: #2b2620;
  --taa-ink-soft: #5a5147;
  --taa-line: #d9cdb6;
  --taa-clay: #c8683f;
  --taa-clay-deep: #a9522e;
  --taa-sage: #7c8b5a;
  --taa-blue: #5c7b8a;
  --taa-ochre: #c99a3f;
  --taa-rose: #c2726b;
  --taa-plum: #8a6f8e;
  --taa-display: "Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC", "SimSun", serif;
  --taa-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  --taa-shadow: 0 6px 18px -12px rgba(43, 38, 32, 0.4);
  --taa-shadow-lg: 0 14px 34px -18px rgba(43, 38, 32, 0.5);
  /* 数据纸点格 */
  --taa-dots: radial-gradient(rgba(217, 205, 182, 0.75) 0.6px, transparent 0.7px);
  --taa-dot-size: 15px 15px;
}

/* ============================================================
   全局：纸底 + 点格 + 中文衬线 display
   ============================================================ */
html { background: var(--taa-paper) !important; }

body {
  font-family: var(--taa-sans);
  color: var(--taa-ink);
  -webkit-font-smoothing: antialiased;
}

/* 所有页面标题层级改用衬线（手作记录的语感） */
.taa-welcome h1, .taa-welcome h2, .taa-welcome h3,
.taa-questionnaire-page h1, .taa-questionnaire-page h2, .taa-questionnaire-page h3,
.taa-report h2, .taa-report h3,
.taa-analysis h1, .taa-analysis h2 {
  font-family: var(--taa-display) !important;
}

/* ============================================================
   数据印记系统：4 档答案 → 4 种手账印记（纯 CSS，替代 emoji）
   ============================================================ */
@keyframes taa-mark-in {
  from { transform: scale(0.4); opacity: 0; }
  to   { transform: scale(1);   opacity: 1; }
}

/* ---------- 通用：把 emoji 图标变成数据印记 ---------- */
.taa-report .dim-icon,
.taa-report .trait-icon,
.taa-report .type-icon,
.taa-report .style-icon,
.taa-report .emotion-icon,
.taa-report .tip-icon,
.taa-report .advice-icon {
  font-size: 0 !important;
  line-height: 0 !important;
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  vertical-align: middle;
}

/* 默认印记：陶土实心圆（Lupi 的「收集到的一点」） */
.taa-report .dim-icon::before,
.taa-report .trait-icon::before,
.taa-report .type-icon::before,
.taa-report .style-icon::before,
.taa-report .emotion-icon::before,
.taa-report .tip-icon::before,
.taa-report .advice-icon::before {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: var(--taa-clay);
  animation: taa-mark-in 0.5s cubic-bezier(0.34, 1.3, 0.64, 1) both;
}

/* 七维印记：按维度顺序轮换四种印记形态 × 专属色
   （探索与尝试 / 情绪与调节 / 压力与复原 / 关系与边界 / 热情与投入 / 目标与规划 / 责任与承担） */
.taa-report .dimension-item:nth-child(1) .dim-icon::before {
  background: var(--taa-clay);                                   /* 实心 */
}
.taa-report .dimension-item:nth-child(2) .dim-icon::before {
  background: transparent;
  border: 2.5px solid var(--taa-sage);                           /* 圆环 */
}
.taa-report .dimension-item:nth-child(3) .dim-icon::before {
  background: linear-gradient(90deg, var(--taa-blue) 50%, transparent 50%);
  border: 2.5px solid var(--taa-blue);                           /* 半圆 */
}
.taa-report .dimension-item:nth-child(4) .dim-icon::before {
  background: radial-gradient(circle, var(--taa-ochre) 28%, transparent 30%);
  border: 2.5px solid var(--taa-ochre);                          /* 环心点 */
}
.taa-report .dimension-item:nth-child(5) .dim-icon::before {
  background: var(--taa-rose);
}
.taa-report .dimension-item:nth-child(6) .dim-icon::before {
  background: transparent;
  border: 2.5px solid var(--taa-plum);
}
.taa-report .dimension-item:nth-child(7) .dim-icon::before {
  background: linear-gradient(90deg, var(--taa-ink) 50%, transparent 50%);
  border: 2.5px solid var(--taa-ink);
}

/* 心态特质卡：6 个印记，四种形态循环 */
.taa-report .trait-card:nth-child(1) .trait-icon::before { background: var(--taa-clay); }
.taa-report .trait-card:nth-child(2) .trait-icon::before {
  background: transparent; border: 2.5px solid var(--taa-sage);
}
.taa-report .trait-card:nth-child(3) .trait-icon::before {
  background: linear-gradient(90deg, var(--taa-blue) 50%, transparent 50%);
  border: 2.5px solid var(--taa-blue);
}
.taa-report .trait-card:nth-child(4) .trait-icon::before {
  background: radial-gradient(circle, var(--taa-ochre) 28%, transparent 30%);
  border: 2.5px solid var(--taa-ochre);
}
.taa-report .trait-card:nth-child(5) .trait-icon::before { background: var(--taa-rose); }
.taa-report .trait-card:nth-child(6) .trait-icon::before {
  background: transparent; border: 2.5px solid var(--taa-plum);
}

/* 报告页一级图标：略大、双环（「这一页是重点收集」） */
.taa-report .type-icon,
.taa-report .style-icon { width: 30px; height: 30px; }
.taa-report .type-icon::before,
.taa-report .style-icon::before {
  inset: 3px;
  background: transparent;
  border: 3px solid var(--taa-clay);
}
.taa-report .type-icon::after,
.taa-report .style-icon::after {
  content: "";
  position: absolute;
  inset: 10px;
  border-radius: 50%;
  background: var(--taa-clay);
  animation: taa-mark-in 0.6s 0.1s cubic-bezier(0.34, 1.3, 0.64, 1) both;
}

/* ============================================================
   全局变量层：覆盖 Element Plus 主题变量 + 进度条
   （比逐个元素覆盖更彻底，且能盖住运行时生成的颜色）
   ============================================================ */
:root {
  --el-color-primary: #c8683f !important;
  --el-color-primary-light-3: #d68a68 !important;
  --el-color-primary-light-5: #e0a48a !important;
  --el-color-primary-light-7: #ebc4b0 !important;
  --el-color-primary-light-8: #f0d3c4 !important;
  --el-color-primary-light-9: #f6e5db !important;
  --el-color-primary-dark-2: #a9522e !important;
  --el-color-success: #7c8b5a !important;
  --el-color-warning: #c99a3f !important;
  --el-color-danger: #c2726b !important;
  --el-color-error: #c2726b !important;
  --el-color-info: #5c7b8a !important;
  --gradient-primary: linear-gradient(135deg, #c8683f 0%, #c99a3f 100%) !important;
}

/* NProgress 顶部加载条 */
#nprogress .bar {
  background: var(--taa-clay) !important;
  box-shadow: none !important;
}
#nprogress .peg {
  box-shadow: 0 0 10px var(--taa-clay), 0 0 5px var(--taa-clay) !important;
}

/* ============================================================
   欢迎页补漏：洞察卡编号 / 收尾 CTA 面板
   ============================================================ */
.taa-welcome .insight-index {
  color: var(--taa-clay) !important;
  border-color: var(--taa-line) !important;
  background: var(--taa-paper-3) !important;
}
.taa-welcome .cta-panel {
  background: var(--taa-paper-2) !important;
  background-image: none !important;
  border: 1px solid var(--taa-line) !important;
  border-top: 2px solid var(--taa-clay) !important;
  border-radius: 16px !important;
  box-shadow: var(--taa-shadow) !important;
}
.taa-welcome .cta-copy h2,
.taa-welcome .cta-copy p { color: var(--taa-ink) !important; }
.taa-welcome .cta-copy p { color: var(--taa-ink-soft) !important; }

/* ============================================================
   弹窗图标（年龄弹窗 header / 授权码弹窗的 SVG）
   注：授权码弹窗（.auth-dialog）在本地版已下线门控，DOM 隐藏但存在，
   一并覆盖以免残留旧色。
   ============================================================ */
.taa-questionnaire-page .dialog-icon,
.taa-welcome .dialog-icon,
.taa-welcome .dialog-icon svg,
.taa-welcome .icon-dialog {
  color: var(--taa-clay) !important;
  stroke: var(--taa-clay) !important;
}
.taa-questionnaire-page .dialog-icon svg circle,
.taa-welcome .dialog-icon svg circle { fill: var(--taa-clay) !important; }
.taa-welcome .icon-input-prefix,
.taa-welcome .icon-tips,
.taa-welcome .icon-hint {
  color: var(--taa-ink-soft) !important;
  stroke: var(--taa-ink-soft) !important;
}
.taa-questionnaire-page .header-icon svg,
.taa-questionnaire-page .logo-icon svg,
.taa-questionnaire-page .intro-icon svg {
  color: #fbf4ea !important;
  stroke: #fbf4ea !important;
}
/* 年龄弹窗里的图标（section-head 的图标 / 弹窗内其他 svg）统一陶土色 */
.taa-questionnaire-page .age-dialog svg,
.taa-questionnaire-page .section-head svg,
.taa-questionnaire-page .age-stepper svg,
.taa-questionnaire-page .privacy-note svg {
  color: var(--taa-clay) !important;
  stroke: var(--taa-clay) !important;
}
.taa-questionnaire-page .age-dialog svg circle { fill: var(--taa-clay) !important; }
/* 注：DOM 里 .el-dialog.is-align-center.auth-dialog 是**同一个元素**（多类名），
   所以必须用同元素选择器，写成 `.auth-dialog .el-dialog`（后代）不会命中。 */
.taa-welcome .auth-dialog,
.taa-welcome .el-dialog.auth-dialog {
  background: var(--taa-paper) !important;
  background-color: var(--taa-paper) !important;
  background-image: none !important;
  border: 1px solid var(--taa-line) !important;
  border-radius: 18px !important;
  box-shadow: 0 30px 80px -30px rgba(43, 38, 32, 0.7) !important;
}
/* 字数计数（0/8）白底 */
.taa-welcome .auth-dialog .el-input__count-inner,
.el-input__count-inner {
  background: var(--taa-paper-3) !important;
  color: var(--taa-ink-soft) !important;
  border-radius: 4px !important;
}
/* Element Plus 消息提示 */
.el-message {
  background: var(--taa-paper-2) !important;
  border: 1px solid var(--taa-line) !important;
  border-radius: 12px !important;
  box-shadow: var(--taa-shadow) !important;
}
.el-message__content { color: var(--taa-ink) !important; }
.taa-welcome .auth-dialog .el-dialog__header { padding: 0 !important; background: none !important; }
.taa-welcome .auth-dialog .dialog-header {
  background: var(--taa-paper-2) !important;
  background-image: none !important;
  border-bottom: 1px solid var(--taa-line) !important;
}
.taa-welcome .auth-dialog .dialog-icon {
  background: var(--taa-paper-3) !important;
  background-image: none !important;
  border-radius: 14px !important;
}
.taa-welcome .auth-dialog .tips-box {
  background: var(--taa-paper-2) !important;
  background-image: none !important;
  border: 1px solid var(--taa-line) !important;
  border-radius: 14px !important;
}
.taa-welcome .auth-dialog .tips-box .tips-title,
.taa-welcome .auth-dialog .tips-content,
.taa-welcome .auth-dialog .input-hint { color: var(--taa-ink-soft) !important; }
.taa-welcome .auth-dialog .el-input__wrapper {
  background: var(--taa-paper-2) !important;
  box-shadow: 0 0 0 1px var(--taa-line) inset !important;
  border-radius: 12px !important;
}
.taa-welcome .auth-dialog .el-input__inner { color: var(--taa-ink) !important; }
.taa-welcome .auth-dialog .cancel-btn {
  background: var(--taa-paper-2) !important;
  border: 1px solid var(--taa-line) !important;
  color: var(--taa-ink-soft) !important;
  border-radius: 12px !important;
}
.taa-welcome .auth-dialog .verify-btn {
  background: var(--taa-clay) !important;
  background-image: none !important;
  color: #fbf4ea !important;
  border: none !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

/* ============================================================
   Element Plus 主按钮（年龄弹窗确认等）
   ============================================================ */
.el-button--primary {
  background: var(--taa-clay) !important;
  background-image: none !important;
  border-color: var(--taa-clay) !important;
  color: #fbf4ea !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
.el-button--primary:hover,
.el-button--primary:focus {
  background: var(--taa-clay-deep) !important;
  background-image: none !important;
  border-color: var(--taa-clay-deep) !important;
}

/* ============================================================
   欢迎页
   ============================================================ */
.taa-welcome {
  color: var(--taa-ink) !important;
  background: var(--taa-paper) !important;
  background-image: var(--taa-dots) !important;
  background-size: var(--taa-dot-size) !important;
  font-family: var(--taa-sans) !important;
}

/* 装饰光斑：改成极淡的纸面染色（不再用高饱和渐变球） */
.taa-welcome .bg-decorations .orb {
  filter: blur(80px) !important;
  opacity: 0.3 !important;
}
.taa-welcome .bg-decorations .orb-1 {
  background: radial-gradient(circle, rgba(200, 104, 63, 0.3), transparent 68%) !important;
}
.taa-welcome .bg-decorations .orb-2 {
  background: radial-gradient(circle, rgba(201, 154, 63, 0.24), transparent 68%) !important;
}
.taa-welcome .bg-decorations .orb-3 {
  background: radial-gradient(circle, rgba(124, 139, 90, 0.22), transparent 68%) !important;
}
.taa-welcome .grid-glow {
  opacity: 0.12 !important;
  background: radial-gradient(circle, rgba(200, 104, 63, 0.16), transparent 66%) !important;
}

/* 顶栏：纸面 + 细线 */
.taa-welcome .topbar {
  background: rgba(246, 239, 227, 0.88) !important;
  backdrop-filter: blur(14px) !important;
  border-bottom: 1px solid var(--taa-line) !important;
}
.taa-welcome .brand-icon {
  background: var(--taa-clay) !important;
  border-radius: 10px !important;
  box-shadow: 0 6px 14px -8px rgba(200, 104, 63, 0.7) !important;
  color: #fbf4ea !important;
}
.taa-welcome .brand-text h1 {
  font-family: var(--taa-display) !important;
  color: var(--taa-ink) !important;
  letter-spacing: 0.02em !important;
  font-weight: 600 !important;
}
.taa-welcome .brand-text p {
  color: var(--taa-ink-soft) !important;
  letter-spacing: 0.2em !important;
}

/* 顶部胶囊 */
.taa-welcome .pill {
  border-radius: 999px !important;
  border: 1px solid var(--taa-line) !important;
  background: var(--taa-paper-2) !important;
  color: var(--taa-clay-deep) !important;
  box-shadow: none !important;
  letter-spacing: 0.04em !important;
}
.taa-welcome .pill .icon-pill { color: var(--taa-clay) !important; }

/* Hero 标题：衬线 + 陶土→赭黄渐变字
   注意：中文字体栈回退到宋体，字面比原无衬线宽，故收窄字号与行高，
   并放开 max-width（原 10.5ch 是按西文字符算的，中文下过窄）。 */
.taa-welcome .hero-title {
  font-family: var(--taa-display) !important;
  color: var(--taa-ink) !important;
  font-weight: 600 !important;
  font-size: clamp(30px, 7.6vw, 40px) !important;
  line-height: 1.24 !important;
  letter-spacing: 0.005em !important;
  max-width: 100% !important;
}
.taa-welcome .hero-title span,
.taa-welcome .hero-title em {
  background: linear-gradient(100deg, var(--taa-clay), var(--taa-ochre)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  font-style: normal !important;
}
.taa-welcome .hero-description {
  color: var(--taa-ink-soft) !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
}

/* 主按钮：陶土实底（不是渐变），方角 14px */
.taa-welcome .btn-hero-primary {
  background: var(--taa-clay) !important;
  border: none !important;
  border-radius: 14px !important;
  color: #fbf4ea !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  box-shadow: 0 10px 22px -10px rgba(200, 104, 63, 0.7) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.taa-welcome .btn-hero-primary:hover:not(:disabled) {
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 28px -12px rgba(200, 104, 63, 0.8) !important;
}
.taa-welcome .btn-hero-secondary,
.taa-welcome .btn-cta-secondary {
  background: var(--taa-paper-2) !important;
  border: 1px solid var(--taa-line) !important;
  color: var(--taa-ink) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
.taa-welcome .nav-btn {
  background: var(--taa-paper-2) !important;
  border: 1px solid var(--taa-line) !important;
  color: var(--taa-clay-deep) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

/* 卡片：暖纸 + 顶细线，不用「圆角卡+左彩条」 */
.taa-welcome .hero-panel,
.taa-welcome .stat-card,
.taa-welcome .insight-card,
.taa-welcome .archetype-card,
.taa-welcome .principle-item,
.taa-welcome .journey-card,
.taa-welcome .module-card,
.taa-welcome .tips-box {
  background: var(--taa-paper-2) !important;
  border-radius: 16px !important;
  border: 1px solid transparent !important;
  border-top: 2px solid var(--taa-clay) !important;
  box-shadow: var(--taa-shadow) !important;
  backdrop-filter: none !important;
}
.taa-welcome .hero-panel::before { display: none !important; }

.taa-welcome .hero-panel__kicker,
.taa-welcome .hero-panel__label {
  background: var(--taa-paper-3) !important;
  color: var(--taa-ink-soft) !important;
  border-radius: 999px !important;
  letter-spacing: 0.14em !important;
}
.taa-welcome .hero-panel__header p,
.taa-welcome .hero-panel__focus p,
.taa-welcome .principle-item__copy p,
.taa-welcome .stat-label,
.taa-welcome .section-header p,
.taa-welcome .module-desc {
  color: var(--taa-ink-soft) !important;
}
.taa-welcome .hero-panel__focus {
  background: var(--taa-paper-3) !important;
  border: 1px solid var(--taa-line) !important;
  border-radius: 14px !important;
}
.taa-welcome .hero-panel__focus strong {
  font-family: var(--taa-display) !important;
  color: var(--taa-ink) !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
}

/* 结果档位条 */
.taa-welcome .result-band {
  background: var(--taa-paper-3) !important;
  border: 1px solid var(--taa-line) !important;
  border-radius: 12px !important;
}
.taa-welcome .result-band__name { color: var(--taa-ink) !important; }
.taa-welcome .result-band__range { color: var(--taa-clay-deep) !important; }

/* 编号块：陶土实心方，不是渐变 */
.taa-welcome .principle-item__index {
  background: var(--taa-clay) !important;
  color: #fbf4ea !important;
  border-radius: 10px !important;
  font-family: var(--taa-display) !important;
  font-weight: 600 !important;
}
.taa-welcome .principle-item__copy h3 { color: var(--taa-ink) !important; }

/* 统计卡 */
.taa-welcome .stat-topline {
  color: var(--taa-ink-soft) !important;
  letter-spacing: 0.16em !important;
}
.taa-welcome .stat-value {
  font-family: var(--taa-display) !important;
  color: var(--taa-clay) !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

/* 分区外壳：去掉彩色渐变底，统一纸面 */
.taa-welcome .section-shell--tinted,
.taa-welcome .section-shell--soft {
  background: transparent !important;
}
.taa-welcome .section-header h2 {
  color: var(--taa-ink) !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
}
.taa-welcome .section-kicker,
.taa-welcome .section-kicker--light {
  background: var(--taa-paper-2) !important;
  border: 1px solid var(--taa-line) !important;
  color: var(--taa-ink-soft) !important;
  border-radius: 999px !important;
  letter-spacing: 0.2em !important;
}

/* 首屏「主要看什么」的维度条目 */
.taa-welcome .module-order,
.taa-welcome .module-range,
.taa-welcome .archetype-range,
.taa-welcome .archetype-tag {
  color: var(--taa-ink-soft) !important;
}
.taa-welcome .archetype-card--emotion { border-top-color: var(--taa-sage) !important; }
.taa-welcome .archetype-card--relationship { border-top-color: var(--taa-blue) !important; }
.taa-welcome .archetype-card--decision { border-top-color: var(--taa-ochre) !important; }
.taa-welcome .archetype-card--responsibility { border-top-color: var(--taa-plum) !important; }

.taa-welcome .journey-step,
.taa-welcome .step-item { background: var(--taa-paper-3) !important; }

.taa-welcome .footer {
  border-top: 1px solid var(--taa-line) !important;
  color: var(--taa-ink-soft) !important;
}

/* ============================================================
   答题页
   ============================================================ */
.taa-questionnaire-page {
  color: var(--taa-ink) !important;
  background: var(--taa-paper) !important;
  background-image: var(--taa-dots) !important;
  background-size: var(--taa-dot-size) !important;
  background-attachment: fixed !important;
}

/* 装饰圆：极淡纸面染色 */
.taa-questionnaire-page .bg-decoration .circle {
  filter: blur(70px) !important;
  opacity: 0.28 !important;
}
.taa-questionnaire-page .circle-1 {
  background: radial-gradient(circle, rgba(200, 104, 63, 0.3), transparent 70%) !important;
}
.taa-questionnaire-page .circle-2 {
  background: radial-gradient(circle, rgba(201, 154, 63, 0.26), transparent 72%) !important;
}
.taa-questionnaire-page .circle-3 {
  background: radial-gradient(circle, rgba(124, 139, 90, 0.22), transparent 72%) !important;
}

/* 主容器：纸面卡 + 顶部陶土细线（替代 4px 渐变条） */
.taa-questionnaire-page .question-container {
  background: var(--taa-paper-2) !important;
  border: 1px solid var(--taa-line) !important;
  border-radius: 18px !important;
  box-shadow: var(--taa-shadow-lg) !important;
  backdrop-filter: none !important;
}
.taa-questionnaire-page .card-header {
  background: transparent !important;
  border-bottom: 1px solid var(--taa-line) !important;
}
.taa-questionnaire-page .card-header::before {
  height: 3px !important;
  background: var(--taa-clay) !important;
}

.taa-questionnaire-page .logo-icon {
  background: var(--taa-clay) !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 14px -8px rgba(200, 104, 63, 0.7) !important;
  color: #fbf4ea !important;
}
.taa-questionnaire-page .logo-text h1 {
  font-family: var(--taa-display) !important;
  color: var(--taa-ink) !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
}
.taa-questionnaire-page .subtitle {
  color: var(--taa-ink-soft) !important;
  letter-spacing: 0.2em !important;
}

/* 题号徽标 */
.taa-questionnaire-page .question-badge {
  background: var(--taa-paper-3) !important;
  border: 1px solid var(--taa-line) !important;
  color: var(--taa-ink) !important;
  border-radius: 999px !important;
  font-family: var(--taa-display) !important;
  letter-spacing: 0.06em !important;
}

/* 进度面板：纸面 + tally 刻度纹 */
.taa-questionnaire-page .progress-section {
  background: var(--taa-paper-3) !important;
  border: 1px solid var(--taa-line) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
.taa-questionnaire-page .progress-label,
.taa-questionnaire-page .progress-summary span {
  color: var(--taa-ink-soft) !important;
}
.taa-questionnaire-page .progress-count {
  font-family: var(--taa-display) !important;
  color: var(--taa-clay-deep) !important;
  font-size: 22px !important;
  font-weight: 600 !important;
}
.taa-questionnaire-page .progress-bar-container {
  background: var(--taa-paper) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  height: 10px !important;
}
/* 进度条：陶土→赭黄 + 覆盖 45 道题的刻度线（tally 感） */
.taa-questionnaire-page .progress-bar {
  background: linear-gradient(90deg, var(--taa-clay), var(--taa-ochre)) !important;
  border-radius: 8px !important;
}
.taa-questionnaire-page .progress-bar::after {
  background-image: repeating-linear-gradient(
    90deg,
    transparent 0 8px,
    rgba(246, 239, 227, 0.85) 8px 9px
  ) !important;
  background: none !important;
  opacity: 1 !important;
  animation: none !important;
}
.taa-questionnaire-page .progress-summary span {
  background: var(--taa-paper) !important;
  border: 1px solid var(--taa-line) !important;
  border-radius: 999px !important;
}
.taa-questionnaire-page .progress-dimension {
  color: var(--taa-clay-deep) !important;
  background: var(--taa-paper) !important;
  border-color: var(--taa-line) !important;
  font-weight: 600 !important;
}

/* 题干：衬线大字（字号收窄，兼容中文字体栈回退） */
.taa-questionnaire-page .question-text {
  font-family: var(--taa-display) !important;
  color: var(--taa-ink) !important;
  font-weight: 600 !important;
  font-size: clamp(19px, 5.4vw, 24px) !important;
  line-height: 1.5 !important;
  letter-spacing: 0.01em !important;
}
.taa-questionnaire-page .question-hint {
  color: var(--taa-ink-soft) !important;
}

/* 选项：纸面 + 方角 + 选中时陶土描边（去掉渐变与光晕） */
.taa-questionnaire-page .option-item {
  background: var(--taa-paper) !important;
  border: 1.5px solid var(--taa-line) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  transition: border-color 0.18s ease, background 0.18s ease !important;
}
.taa-questionnaire-page .option-item:hover {
  border-color: var(--taa-clay) !important;
  background: var(--taa-paper-2) !important;
  transform: none !important;
  box-shadow: none !important;
}
.taa-questionnaire-page .option-item.selected {
  background: var(--taa-paper-3) !important;
  border-color: var(--taa-clay) !important;
  border-width: 2px !important;
  box-shadow: none !important;
}
.taa-questionnaire-page .option-letter {
  background: transparent !important;
  border: 1.5px solid var(--taa-ink-soft) !important;
  color: var(--taa-ink-soft) !important;
  border-radius: 50% !important;
  font-family: var(--taa-display) !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
.taa-questionnaire-page .option-item.selected .option-letter {
  background: var(--taa-clay) !important;
  border-color: var(--taa-clay) !important;
  color: #fbf4ea !important;
  box-shadow: none !important;
}
.taa-questionnaire-page .option-label {
  color: var(--taa-ink) !important;
}
.taa-questionnaire-page .option-item.selected .option-label {
  color: var(--taa-ink) !important;
  font-weight: 600 !important;
}
.taa-questionnaire-page .option-radio {
  background: transparent !important;
  border: 1.5px solid var(--taa-line) !important;
  color: var(--taa-clay) !important;
  box-shadow: none !important;
}
.taa-questionnaire-page .option-item.selected .option-radio {
  border-color: var(--taa-clay) !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 导航按钮 */
.taa-questionnaire-page .card-actions {
  background: rgba(246, 239, 227, 0.94) !important;
  border: 1px solid var(--taa-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 20px -14px rgba(43, 38, 32, 0.5) !important;
  backdrop-filter: blur(14px) !important;
}
.taa-questionnaire-page .btn-nav {
  border-radius: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
}
.taa-questionnaire-page .btn-prev {
  background: var(--taa-paper-2) !important;
  border: 1px solid var(--taa-line) !important;
  color: var(--taa-ink-soft) !important;
}
.taa-questionnaire-page .btn-prev:not(:disabled):hover {
  color: var(--taa-ink) !important;
  border-color: var(--taa-ink-soft) !important;
  transform: none !important;
  box-shadow: none !important;
}
.taa-questionnaire-page .btn-next {
  background: var(--taa-clay) !important;
  color: #fbf4ea !important;
  box-shadow: 0 10px 22px -12px rgba(200, 104, 63, 0.8) !important;
}
.taa-questionnaire-page .btn-next:not(:disabled):hover {
  transform: none !important;
  box-shadow: 0 12px 26px -12px rgba(200, 104, 63, 0.9) !important;
}
.taa-questionnaire-page .btn-primary {
  background: var(--taa-clay) !important;
  border-radius: 14px !important;
  color: #fbf4ea !important;
  box-shadow: none !important;
}

/* 年龄弹窗 */
.taa-questionnaire-page .age-dialog-overlay {
  background: rgba(43, 38, 32, 0.5) !important;
}
.taa-questionnaire-page .age-dialog {
  background: var(--taa-paper) !important;
  border: 1px solid var(--taa-line) !important;
  border-radius: 18px !important;
  box-shadow: 0 30px 80px -30px rgba(43, 38, 32, 0.6) !important;
}
.taa-questionnaire-page .dialog-header {
  background: var(--taa-paper-2) !important;
  border-bottom: 1px solid var(--taa-line) !important;
}
.taa-questionnaire-page .header-icon {
  background: var(--taa-clay) !important;
  border-radius: 12px !important;
  color: #fbf4ea !important;
}
.taa-questionnaire-page .header-text h3 {
  font-family: var(--taa-display) !important;
  color: var(--taa-ink) !important;
  font-weight: 600 !important;
}
.taa-questionnaire-page .header-text p,
.taa-questionnaire-page .dialog-intro p,
.taa-questionnaire-page .age-hint,
.taa-questionnaire-page .section-note,
.taa-questionnaire-page .age-stepper-label {
  color: var(--taa-ink-soft) !important;
}
.taa-questionnaire-page .dialog-intro {
  background: var(--taa-paper-2) !important;
  border: 1px solid var(--taa-line) !important;
  border-radius: 14px !important;
}
.taa-questionnaire-page .intro-icon { color: var(--taa-clay) !important; }
.taa-questionnaire-page .section-label { color: var(--taa-ink) !important; }
.taa-questionnaire-page .age-stepper-btn {
  background: var(--taa-paper-2) !important;
  border: 1px solid var(--taa-line) !important;
  color: var(--taa-clay-deep) !important;
  border-radius: 14px !important;
}
.taa-questionnaire-page .age-stepper-btn:hover:not(:disabled) {
  border-color: var(--taa-clay) !important;
  transform: none !important;
  box-shadow: none !important;
}
.taa-questionnaire-page .age-stepper-display {
  background: var(--taa-paper-3) !important;
  border: 1px solid var(--taa-line) !important;
  border-radius: 14px !important;
}
.taa-questionnaire-page .age-stepper-value {
  font-family: var(--taa-display) !important;
  color: var(--taa-clay) !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}
.taa-questionnaire-page .age-stepper-unit { color: var(--taa-clay) !important; }
.taa-questionnaire-page .age-preview {
  background: var(--taa-paper-3) !important;
  border: 1px solid var(--taa-line) !important;
  border-radius: 14px !important;
}
.taa-questionnaire-page .age-preview-label { color: var(--taa-ink-soft) !important; }
.taa-questionnaire-page .age-preview-value {
  font-family: var(--taa-display) !important;
  color: var(--taa-clay) !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}
.taa-questionnaire-page .privacy-note { color: var(--taa-ink-soft) !important; }
.taa-questionnaire-page .btn-cancel {
  background: var(--taa-paper-2) !important;
  border: 1px solid var(--taa-line) !important;
  color: var(--taa-ink-soft) !important;
  border-radius: 12px !important;
}
.taa-questionnaire-page .btn-confirm {
  background: var(--taa-clay) !important;
  color: #fbf4ea !important;
  border: none !important;
  border-radius: 12px !important;
}

/* ============================================================
   分析过渡页
   ============================================================ */
.taa-analysis {
  background: var(--taa-paper) !important;
  background-image: var(--taa-dots) !important;
  background-size: var(--taa-dot-size) !important;
}
.taa-analysis__ambient .ambient-orb { opacity: 0.3 !important; filter: blur(80px) !important; }
.taa-analysis .ambient-orb--pink {
  background: radial-gradient(circle, rgba(200, 104, 63, 0.34), transparent 68%) !important;
}
.taa-analysis .ambient-orb--blue {
  background: radial-gradient(circle, rgba(92, 123, 138, 0.26), transparent 68%) !important;
}
.taa-analysis .ambient-orb--violet {
  background: radial-gradient(circle, rgba(201, 154, 63, 0.22), transparent 68%) !important;
}
.taa-analysis .ambient-grid {
  background-image:
    linear-gradient(rgba(217, 205, 182, 0.5) 1px, transparent 1px),
    linear-gradient(90deg, rgba(217, 205, 182, 0.5) 1px, transparent 1px) !important;
}
.taa-analysis .taa-panel,
.taa-analysis .state-card {
  background: var(--taa-paper-2) !important;
  border: 1px solid var(--taa-line) !important;
  border-radius: 18px !important;
  box-shadow: var(--taa-shadow-lg) !important;
  backdrop-filter: none !important;
}
.taa-analysis .panel-badge,
.taa-analysis .panel-progress {
  background: var(--taa-paper-3) !important;
  border: 1px solid var(--taa-line) !important;
  color: var(--taa-ink-soft) !important;
}
.taa-analysis .hero-copy__eyebrow {
  color: var(--taa-clay) !important;
  letter-spacing: 0.2em !important;
}
.taa-analysis .hero-copy h1 {
  font-family: var(--taa-display) !important;
  color: var(--taa-ink) !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
}
.taa-analysis .hero-copy__meta { color: var(--taa-ink-soft) !important; }

/* 轨道核心：换成「收集圆」 */
.taa-analysis .mind-orbit__ring {
  box-shadow: none !important;
  animation: none !important;
}
.taa-analysis .mind-orbit__ring::before {
  background: var(--taa-paper-3) !important;
}
.taa-analysis .mind-orbit__halo--outer {
  border: 1px solid var(--taa-line) !important;
  animation: none !important;
}
.taa-analysis .mind-orbit__halo--inner {
  border: 1px dashed rgba(200, 104, 63, 0.4) !important;
  animation: none !important;
}
.taa-analysis .mind-orbit__core {
  background: var(--taa-paper) !important;
  border: 1px solid var(--taa-line) !important;
  color: var(--taa-ink) !important;
  box-shadow: none !important;
}
/* 核心圆：收窄内边距 + 放大年轮图标（原来只有 28px，在 252px 圆里太小） */
.taa-analysis .mind-orbit__core {
  top: 46px !important;
  right: 46px !important;
  bottom: 46px !important;
  left: 46px !important;
  gap: 4px !important;
}
.taa-analysis .mind-orbit__core svg {
  width: 40px !important;
  height: 40px !important;
  stroke-width: 1.9 !important;
  color: var(--taa-clay) !important;
  opacity: 0.9 !important;
}
.taa-analysis .mind-orbit__core svg path {
  stroke: var(--taa-clay) !important;
}
.taa-analysis .mind-orbit__core strong {
  font-family: var(--taa-display) !important;
  color: var(--taa-clay) !important;
  font-weight: 600 !important;
}
.taa-analysis .mind-orbit__chip {
  background: var(--taa-paper) !important;
  border: 1px solid var(--taa-line) !important;
  color: var(--taa-ink-soft) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
.taa-analysis .progress-panel {
  background: var(--taa-paper-3) !important;
  border: 1px solid var(--taa-line) !important;
  border-radius: 14px !important;
}
.taa-analysis .progress-track { background: var(--taa-paper) !important; }
.taa-analysis .progress-fill {
  background: linear-gradient(90deg, var(--taa-clay), var(--taa-ochre)) !important;
}
.taa-analysis .progress-sheen {
  background: linear-gradient(120deg, transparent 16%, rgba(255, 255, 255, 0.5) 48%, transparent 80%) !important;
}
.taa-analysis .step-item {
  background: var(--taa-paper) !important;
  border: 1px solid var(--taa-line) !important;
  border-radius: 14px !important;
}
.taa-analysis .step-item--active {
  background: var(--taa-paper-3) !important;
  border-color: var(--taa-clay) !important;
  box-shadow: none !important;
}
.taa-analysis .step-item--done { background: var(--taa-paper-2) !important; }
.taa-analysis .step-item__icon {
  background: var(--taa-paper-2) !important;
  color: var(--taa-clay) !important;
  border-radius: 12px !important;
}
.taa-analysis .step-item--done .step-item__icon {
  background: var(--taa-paper-3) !important;
  color: var(--taa-sage) !important;
}
.taa-analysis .step-item__label { color: var(--taa-ink) !important; }
.taa-analysis .step-item__body,
.taa-analysis .foot-note { color: var(--taa-ink-soft) !important; }
.taa-analysis .primary-button {
  background: var(--taa-clay) !important;
  border-radius: 12px !important;
  color: #fbf4ea !important;
}
.taa-analysis .state-card__title { color: var(--taa-ink) !important; }
.taa-analysis .state-card__desc { color: var(--taa-ink-soft) !important; }

/* ============================================================
   分析进度页 · 收尾（2026-09-21）
   ------------------------------------------------------------
   两处旧色来源（都在 CSS 覆盖层之外，需单独处理）：
     ① .mind-orbit__ring 的环形进度 = **inline conic-gradient**
        （rgb(223,123,153) → rgb(131,114,234) → rgb(130,198,231)）
        ⚠️ 该渐变的百分比是 JS 每帧重算的 → **不能用 CSS 覆盖**，
           颜色只能改在 AnalysisTransition-*.js 里（曾因覆盖导致进度条完全不动）。
     ② Element Plus 的 .el-message--success 提示条
        底色已被覆盖，但**图标仍是绿色** → 单独覆盖图标色。
   ============================================================ */

/* ① 环形进度：颜色**必须**在 JS 源头改（见 AnalysisTransition-*.js 的 conic-gradient）。
   ⚠️ 绝对不要在这里用 !important 覆盖 background ——
   该渐变的进度百分比是 JS 每帧拼进 inline style 的，
   一旦被 !important 静态值压过，**进度弧就永远不动**（2026-09-21 实际故障）。 */

/* ② el-message 提示条：图标与关闭按钮统一暖色调 */
.el-message .el-message__icon,
.el-message .el-message-icon--success,
.el-message .el-message__icon svg,
.el-message .el-message__icon path {
  color: var(--taa-sage) !important;
  fill: var(--taa-sage) !important;
  stroke: var(--taa-sage) !important;
}
.el-message .el-message__closeBtn,
.el-message .el-message__closeBtn svg,
.el-message .el-message__closeBtn path {
  color: var(--taa-ink-soft) !important;
  fill: var(--taa-ink-soft) !important;
  stroke: var(--taa-ink-soft) !important;
}
/* 其它类型的 message 也统一（避免出现绿/红/黄原色） */
.el-message--success,
.el-message--warning,
.el-message--info {
  background: var(--taa-paper-2) !important;
  border: 1px solid var(--taa-line) !important;
  border-radius: 12px !important;
}
.el-message--error {
  background: var(--taa-paper-2) !important;
  border: 1px solid var(--taa-rose) !important;
  border-radius: 12px !important;
}
.el-message--error .el-message__icon,
.el-message--error .el-message__icon svg,
.el-message--error .el-message__icon path {
  color: var(--taa-rose) !important;
  fill: var(--taa-rose) !important;
  stroke: var(--taa-rose) !important;
}

/* ③ 分析页步骤图标：完成态用鼠尾草绿、进行态用陶土（已是，这里补保险） */
.taa-analysis .step-item--done .step-item__icon,
.taa-analysis .step-item--done .step-item__icon svg,
.taa-analysis .step-item--done .step-item__icon path {
  color: var(--taa-sage) !important;
  stroke: var(--taa-sage) !important;
}
.taa-analysis .step-item--active .step-item__icon,
.taa-analysis .step-item--active .step-item__icon svg,
.taa-analysis .step-item--active .step-item__icon path {
  color: var(--taa-clay) !important;
  stroke: var(--taa-clay) !important;
}

/* ============================================================
   报告页
   ============================================================ */
.taa-report {
  color: var(--taa-ink) !important;
  background: var(--taa-paper) !important;
  background-image: var(--taa-dots) !important;
  background-size: var(--taa-dot-size) !important;
  background-attachment: fixed !important;
  font-family: var(--taa-sans) !important;
}

/* Hero 卡：inline 渐变 → 陶土纸面（!important 可压过 inline） */
.taa-report .hero-card {
  background: var(--taa-clay) !important;
  border-radius: 20px !important;
  box-shadow: var(--taa-shadow-lg) !important;
}
.taa-report .hero-bg .hero-circle {
  background: rgba(251, 244, 234, 0.09) !important;
}
.taa-report .hero-tag {
  background: rgba(251, 244, 234, 0.18) !important;
  color: #fbf4ea !important;
  border-radius: 999px !important;
  letter-spacing: 0.14em !important;
}
.taa-report .age-prefix { color: rgba(251, 244, 234, 0.88) !important; }
.taa-report .age-main .age-num {
  font-family: var(--taa-display) !important;
  color: #fbf4ea !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 2px 0 rgba(43, 38, 32, 0.12) !important;
}
.taa-report .age-main .age-unit {
  color: rgba(251, 244, 234, 0.92) !important;
  font-family: var(--taa-display) !important;
  font-weight: 600 !important;
}
.taa-report .hero-badge {
  background: #fbf4ea !important;
  color: var(--taa-clay) !important;
  border-radius: 999px !important;
  font-family: var(--taa-display) !important;
  letter-spacing: 0.08em !important;
  box-shadow: none !important;
}
.taa-report .hero-summary { color: rgba(251, 244, 234, 0.92) !important; }
.taa-report .hero-keywords .keyword-tag {
  background: rgba(251, 244, 234, 0.18) !important;
  color: #fbf4ea !important;
  border-radius: 999px !important;
  backdrop-filter: none !important;
  letter-spacing: 0.06em !important;
}
.taa-report .hero-footer { border-top: 1px solid rgba(251, 244, 234, 0.24) !important; }
.taa-report .hero-footer .hero-date,
.taa-report .hero-footer .hero-brand { color: rgba(251, 244, 234, 0.72) !important; }

/* 指标卡 */
.taa-report .metrics-card {
  background: var(--taa-paper-2) !important;
  border-radius: 14px !important;
  box-shadow: var(--taa-shadow) !important;
}
.taa-report .metrics-card .metric-value {
  font-family: var(--taa-display) !important;
  color: var(--taa-ink) !important;
  font-weight: 600 !important;
}
.taa-report .metrics-card .metric-value small,
.taa-report .metrics-card .metric-label { color: var(--taa-ink-soft) !important; }
.taa-report .metrics-card .metric-value.highlight { color: var(--taa-clay) !important; }
.taa-report .metrics-card .metric-divider { background: var(--taa-line) !important; }

/* 分区卡：纸面 + 顶细线 */
.taa-report .section-card {
  background: var(--taa-paper-2) !important;
  border-radius: 16px !important;
  border-top: 2px solid var(--taa-clay) !important;
  box-shadow: var(--taa-shadow) !important;
}
.taa-report .section-title {
  font-family: var(--taa-display) !important;
  color: var(--taa-ink) !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
}
.taa-report .section-desc { color: var(--taa-ink-soft) !important; }

/* 详细解读 */
.taa-report .analysis-card .analysis-highlight {
  background: var(--taa-paper-3) !important;
  border-radius: 14px !important;
}
.taa-report .analysis-card .analysis-highlight .highlight-label {
  background: var(--taa-clay) !important;
  color: #fbf4ea !important;
  border-radius: 999px !important;
  letter-spacing: 0.1em !important;
}
.taa-report .analysis-card .analysis-highlight .highlight-text {
  font-family: var(--taa-display) !important;
  color: var(--taa-ink) !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
}
.taa-report .analysis-card .analysis-section .analysis-subtitle {
  color: var(--taa-ink) !important;
  border-left: 3px solid var(--taa-clay) !important;
}
.taa-report .analysis-card .analysis-text,
.taa-report .analysis-card .analysis-detail p {
  color: var(--taa-ink-soft) !important;
}
.taa-report .analysis-card .analysis-tip {
  background: var(--taa-paper-3) !important;
  border: 1px solid var(--taa-line) !important;
  border-radius: 14px !important;
}
.taa-report .analysis-card .analysis-tip .tip-title { color: var(--taa-clay-deep) !important; }
.taa-report .analysis-card .analysis-tip p { color: var(--taa-ink-soft) !important; }

/* 维度分析：纸面 + 陶土/赭黄条（inline background 被压过） */
.taa-report .dimensions-list .dimension-item .dim-name {
  color: var(--taa-ink) !important;
  font-weight: 600 !important;
}
.taa-report .dimensions-list .dimension-item .dim-score {
  font-family: var(--taa-display) !important;
  color: var(--taa-ink) !important;
  font-weight: 600 !important;
}
.taa-report .dimensions-list .dimension-item .dim-bar {
  background: var(--taa-paper-3) !important;
  border-radius: 6px !important;
  height: 7px !important;
}
.taa-report .dimensions-list .dimension-item .dim-fill {
  border-radius: 6px !important;
}
.taa-report .dimensions-list .dimension-item .dim-desc { color: var(--taa-ink-soft) !important; }

/* 维度条颜色：用 nth-child 重映射成低饱和印刷色（压过 inline style） */
.taa-report .dimension-item:nth-child(1) .dim-fill { background: var(--taa-clay) !important; }
.taa-report .dimension-item:nth-child(2) .dim-fill { background: var(--taa-sage) !important; }
.taa-report .dimension-item:nth-child(3) .dim-fill { background: var(--taa-blue) !important; }
.taa-report .dimension-item:nth-child(4) .dim-fill { background: var(--taa-ochre) !important; }
.taa-report .dimension-item:nth-child(5) .dim-fill { background: var(--taa-rose) !important; }
.taa-report .dimension-item:nth-child(6) .dim-fill { background: var(--taa-plum) !important; }
.taa-report .dimension-item:nth-child(7) .dim-fill { background: var(--taa-ink) !important; }

/* 人格特征 */
.taa-report .personality-content .type-name {
  font-family: var(--taa-display) !important;
  color: var(--taa-ink) !important;
  font-weight: 600 !important;
}
.taa-report .personality-content .type-subtitle {
  color: var(--taa-ink-soft) !important;
  font-style: normal !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
}
.taa-report .personality-content .personality-desc { color: var(--taa-ink-soft) !important; }
.taa-report .personality-content .personality-traits .p-trait {
  background: var(--taa-paper-3) !important;
  color: var(--taa-ink) !important;
  border-radius: 999px !important;
  letter-spacing: 0.04em !important;
}

/* 人际关系 */
.taa-report .social-content .style-name {
  font-family: var(--taa-display) !important;
  color: var(--taa-ink) !important;
  font-weight: 600 !important;
}
.taa-report .social-content .style-tag,
.taa-report .social-content .social-desc { color: var(--taa-ink-soft) !important; }
.taa-report .social-content .social-tips .tip-item.strength {
  background: rgba(124, 139, 90, 0.12) !important;
}
.taa-report .social-content .social-tips .tip-item.growth {
  background: rgba(201, 154, 63, 0.14) !important;
}
.taa-report .social-content .social-tips .tip-item.strength .tip-label {
  background: var(--taa-sage) !important;
  border-radius: 999px !important;
}
.taa-report .social-content .social-tips .tip-item.growth .tip-label {
  background: var(--taa-ochre) !important;
  border-radius: 999px !important;
}
.taa-report .social-content .social-tips .tip-label { color: #fbf4ea !important; }
.taa-report .social-content .social-tips .tip-text { color: var(--taa-ink-soft) !important; }

/* 心态特质卡 */
.taa-report .trait-card {
  background: var(--taa-paper-3) !important;
  border-radius: 14px !important;
}
.taa-report .trait-card .trait-name {
  color: var(--taa-ink) !important;
  font-weight: 600 !important;
}
.taa-report .trait-card .trait-desc { color: var(--taa-ink-soft) !important; }

/* 情绪与压力 */
.taa-report .emotion-content .emotion-item {
  background: var(--taa-paper-3) !important;
  border-radius: 14px !important;
}
.taa-report .emotion-content .emotion-name { color: var(--taa-ink-soft) !important; }
.taa-report .emotion-content .emotion-level {
  font-family: var(--taa-display) !important;
  font-weight: 600 !important;
}
.taa-report .emotion-content .emotion-level.medium { color: var(--taa-ochre) !important; }
.taa-report .emotion-content .emotion-level.good { color: var(--taa-clay) !important; }
.taa-report .emotion-content .emotion-level.excellent { color: var(--taa-sage) !important; }
.taa-report .emotion-content .emotion-desc { color: var(--taa-ink-soft) !important; }
.taa-report .emotion-content .emotion-advice {
  background: var(--taa-paper-3) !important;
  border-radius: 14px !important;
}
.taa-report .emotion-content .emotion-advice p { color: var(--taa-ink-soft) !important; }

/* 成长建议：编号用陶土实心方 */
.taa-report .advice-list .advice-item {
  background: var(--taa-paper-3) !important;
  border-radius: 14px !important;
}
.taa-report .advice-list .advice-item .advice-num {
  background: var(--taa-clay) !important;
  color: #fbf4ea !important;
  border-radius: 6px !important;
  font-family: var(--taa-display) !important;
}
.taa-report .advice-list .advice-item .advice-title { color: var(--taa-ink) !important; }
.taa-report .advice-list .advice-item .advice-content { color: var(--taa-ink-soft) !important; }

/* 评分参考 */
.taa-report .reference-list .reference-item {
  background: var(--taa-paper-3) !important;
  border: 1px solid transparent !important;
  border-radius: 14px !important;
}
.taa-report .reference-list .reference-item.active {
  background: var(--taa-paper-2) !important;
  border-color: var(--taa-clay) !important;
}
.taa-report .reference-list .reference-item .ref-level { color: var(--taa-ink) !important; }
.taa-report .reference-list .reference-item.active .ref-level {
  color: var(--taa-clay) !important;
  font-weight: 600 !important;
}
.taa-report .reference-list .reference-item .ref-desc,
.taa-report .reference-list .reference-item .ref-label { color: var(--taa-ink-soft) !important; }
.taa-report .reference-list .reference-item .ref-value { color: var(--taa-ink) !important; }

/* 页脚（品牌行已移除，仅保留免责说明） */
.taa-report .report-footer .footer-divider { background: var(--taa-line) !important; }
.taa-report .report-footer .footer-note { color: var(--taa-ink-soft) !important; }

/* 报告页加载态 */
.taa-report .loading-view .loading-spinner {
  border-color: var(--taa-line) !important;
  border-top-color: var(--taa-clay) !important;
}
.taa-report .loading-view p { color: var(--taa-ink-soft) !important; }

/* ============================================================
   分享卡弹窗
   ============================================================ */
.report-share-row {
  display: flex;
  justify-content: center;
  margin: 20px 0 8px;
}
.share-card-btn {
  appearance: none;
  border: none;
  cursor: pointer;
  width: 100%;
  color: #fbf4ea;
  font-family: var(--taa-sans);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.14em;
  padding: 14px 0;
  border-radius: 14px;
  background: var(--taa-ink);
  box-shadow: none;
  transition: opacity 0.18s ease;
}
.share-card-btn:hover { opacity: 0.9; }
.share-card-btn:active { transform: scale(0.99); }

.share-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(43, 38, 32, 0.62);
  backdrop-filter: blur(8px);
  padding: 18px;
}
.share-dialog {
  background: var(--taa-paper);
  border: 1px solid var(--taa-line);
  border-radius: 18px;
  padding: 16px 16px 14px;
  width: min(94vw, 430px);
  max-height: 92vh;
  overflow: auto;
  box-shadow: 0 30px 80px -30px rgba(43, 38, 32, 0.7);
}
.share-dialog-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2px 4px 12px;
}
.share-dialog-head strong {
  font-family: var(--taa-display);
  font-size: 17px;
  color: var(--taa-ink);
  font-weight: 600;
  letter-spacing: 0.04em;
}
.share-close {
  border: none;
  background: var(--taa-paper-3);
  color: var(--taa-ink-soft);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}
.share-close:hover { background: var(--taa-line); }
.share-img {
  width: 100%;
  display: block;
  border-radius: 12px;
  border: 1px solid var(--taa-line);
}
.share-loading {
  padding: 70px 0;
  text-align: center;
  color: var(--taa-ink-soft);
  font-size: 14px;
  letter-spacing: 0.06em;
}
.share-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
}
.share-btn-dl {
  display: inline-block;
  color: #fbf4ea !important;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.06em;
  padding: 10px 22px;
  border-radius: 12px;
  background: var(--taa-clay);
}
.share-btn-dl:hover { opacity: 0.92; }
.share-hint { color: var(--taa-ink-soft); font-size: 12px; }

@media (max-width: 480px) {
  .share-card-btn { font-size: 14px; padding: 13px 0; }
  .share-dialog { padding: 12px 12px 10px; }
}


/* ============================================================
   ★ 结构重排层 v2（2026-09-21）
   ------------------------------------------------------------
   目的：原骨架（首页双栏 Hero + 卡片瀑布 / 结果页 8 卡等宽平铺）
        与同类测试站默认结构同源，容易被认作抄袭。
        本层在**不改 DOM** 的前提下重排结构：
          · 首页 → A 单栏长文叙事（去掉左右分栏与卡片网格）
          · 结果页 → B 卷轴时间线（8 卡挂在一条竖向轴线上）
   CSS 只做「重排 / 改栏宽 / 加装饰」，不增删节点。
   ============================================================ */

/* ------------------------------------------------------------
   首页 A · 单栏长文叙事
   ------------------------------------------------------------ */

/* 1) 全站收窄为单栏阅读宽度，长行拆成 2 栏会破坏阅读节奏 → 统一单栏 */
.taa-welcome .container {
  width: min(560px, 100% - 40px) !important;
}

/* 2) Hero：左右分栏 → 上下单栏（hero-panel 移到文案之后） */
.taa-welcome .hero {
  padding: 34px 0 10px !important;
}
.taa-welcome .hero-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 26px !important;
  align-items: stretch !important;
}
.taa-welcome .hero-copy {
  max-width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}
.taa-welcome .hero-copy > .hero-badge { order: 1 !important; }
.taa-welcome .hero-copy > .hero-title { order: 2 !important; }
.taa-welcome .hero-copy > .hero-description { order: 3 !important; }
.taa-welcome .hero-copy > .hero-actions { order: 4 !important; margin-bottom: 0 !important; }
/* hero-visual 排在文案之后（DOM 里它本来就在后，这里只确保顺序） */
.taa-welcome .hero-visual {
  order: 2 !important;
  width: 100% !important;
}

/* 3) Hero 标题：单栏通栏（长文叙事的开篇）
   字号按 390px 视口调过：中文字面宽，30px+ 会撑到 3 行 */
.taa-welcome .hero-title {
  font-size: clamp(24px, 6.6vw, 31px) !important;
  line-height: 1.32 !important;
  margin-bottom: 16px !important;
}
.taa-welcome .hero-description {
  font-size: 15.5px !important;
  line-height: 1.85 !important;
  margin-bottom: 22px !important;
}

/* 4) Hero 面板：从「卡片」变成「引言块」——只留左侧一条陶土竖线 */
.taa-welcome .hero-panel {
  background: transparent !important;
  border: none !important;
  border-top: none !important;
  border-left: 3px solid var(--taa-clay) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 4px 0 4px 18px !important;
}
.taa-welcome .hero-panel__header {
  display: block !important;
  margin-bottom: 14px !important;
}
.taa-welcome .hero-panel__header p {
  max-width: 100% !important;
  text-align: left !important;
  margin-top: 8px !important;
}
.taa-welcome .hero-panel__focus {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin-top: 16px !important;
}
.taa-welcome .hero-panel__focus strong {
  font-size: 21px !important;
  line-height: 1.4 !important;
  margin-top: 8px !important;
}
.taa-welcome .hero-panel__focus p {
  max-width: 100% !important;
  margin-top: 8px !important;
}

/* 5) 四个维度条：2×2 网格 → 单栏竖排编号清单（像书的目录） */
.taa-welcome .hero-panel__bands {
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  margin-top: 20px !important;
  counter-reset: taa-band !important;
}
.taa-welcome .hero-panel .result-band {
  display: flex !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  padding: 9px 0 !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid var(--taa-line) !important;
  border-radius: 0 !important;
  counter-increment: taa-band !important;
}
.taa-welcome .hero-panel .result-band:last-child {
  border-bottom: none !important;
}
.taa-welcome .hero-panel .result-band::before {
  content: counter(taa-band, decimal-leading-zero) !important;
  font-family: var(--taa-display) !important;
  font-size: 12px !important;
  color: var(--taa-clay) !important;
  letter-spacing: 0.08em !important;
  flex: 0 0 auto !important;
}
.taa-welcome .hero-panel .result-band__name {
  font-size: 15px !important;
  font-weight: 600 !important;
}
.taa-welcome .hero-panel .result-band__range {
  margin-left: auto !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  color: var(--taa-ink-soft) !important;
}

/* 6) 三条原则：从卡片 → 悬挂缩进条目（左栏编号，右栏文字） */
.taa-welcome .hero-panel__principles {
  gap: 0 !important;
  margin-top: 18px !important;
}
.taa-welcome .hero-panel .principle-item {
  display: grid !important;
  grid-template-columns: 34px 1fr !important;
  gap: 10px !important;
  padding: 14px 0 !important;
  background: transparent !important;
  border: none !important;
  border-top: 1px solid var(--taa-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.taa-welcome .hero-panel .principle-item:first-child {
  border-top: none !important;
}
.taa-welcome .hero-panel .principle-item__index {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: transparent !important;
  border: 1.5px solid var(--taa-clay) !important;
  color: var(--taa-clay) !important;
  font-size: 12px !important;
}
.taa-welcome .hero-panel .principle-item__copy h3 {
  font-family: var(--taa-display) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

/* 7) 统计卡：3 列卡 → 一行「标签 值 说明」的细线清单 */
.taa-welcome .hero-stats {
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  margin-top: 26px !important;
  border-top: 1px solid var(--taa-line) !important;
}
.taa-welcome .hero-stats .stat-card {
  display: grid !important;
  grid-template-columns: 96px auto 1fr !important;
  align-items: baseline !important;
  gap: 12px !important;
  padding: 12px 0 !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid var(--taa-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
.taa-welcome .hero-stats .stat-topline {
  margin-bottom: 0 !important;
  font-size: 12px !important;
  letter-spacing: 0.16em !important;
}
.taa-welcome .hero-stats .stat-value {
  font-size: 26px !important;
  line-height: 1 !important;
}
.taa-welcome .hero-stats .stat-label {
  margin-top: 0 !important;
  font-size: 13.5px !important;
  text-align: right !important;
}

/* 8) 「测评价值」三卡 → 单栏编号长文（去掉卡片外形） */
.taa-welcome .insight-grid {
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}
.taa-welcome .section-shell .insight-card {
  display: grid !important;
  grid-template-columns: 40px 1fr !important;
  gap: 14px !important;
  padding: 20px 0 !important;
  background: transparent !important;
  border: none !important;
  border-top: 1px solid var(--taa-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.taa-welcome .section-shell .insight-card:first-child {
  border-top: none !important;
  padding-top: 4px !important;
}
.taa-welcome .section-shell .insight-card .insight-index {
  grid-row: span 2 !important;
  min-width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  border: 1.5px solid var(--taa-clay) !important;
  color: var(--taa-clay) !important;
  font-size: 13px !important;
  margin-bottom: 0 !important;
}
.taa-welcome .section-shell .insight-card h3 {
  font-family: var(--taa-display) !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.42 !important;
  margin-bottom: 6px !important;
}
.taa-welcome .section-shell .insight-card p {
  font-size: 14.5px !important;
  line-height: 1.8 !important;
  color: var(--taa-ink-soft) !important;
}

/* 9) 「核心维度」四卡 → 单栏条目（左侧大号衬线维度名 + 右侧说明） */
.taa-welcome .archetype-grid {
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}
.taa-welcome .section-shell .archetype-card {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 4px !important;
  padding: 22px 0 22px 18px !important;
  background: transparent !important;
  border: none !important;
  border-top: 1px solid var(--taa-line) !important;
  border-left: 3px solid var(--taa-clay) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.taa-welcome .section-shell .archetype-card:first-child {
  border-top: none !important;
}
/* 关掉原版伪元素装饰（新结构里它们是多余的残留）：
   hero-panel::before  = 右上角紫色光晕球
   cta-panel::before   = 右下角白色光晕球
   archetype-card::before = 顶部 6px 色条（新结构改用左侧竖线） */
.taa-welcome .hero-panel::before,
.taa-welcome .cta-panel::before,
.taa-welcome .journey-card::after,
.taa-welcome .section-shell .archetype-card::before {
  content: none !important;
  display: none !important;
}
/* 关掉原版的顶部 6px 色条（.archetype-card::before），新结构改用左侧竖线 */
.taa-welcome .section-shell .archetype-card::before {
  content: none !important;
  display: none !important;
}
/* 四个维度各用专属色的竖线，保留七维色彩系统 */
.taa-welcome .section-shell .archetype-card--emotion { border-left-color: var(--taa-sage) !important; }
.taa-welcome .section-shell .archetype-card--decision { border-left-color: var(--taa-ochre) !important; }
.taa-welcome .section-shell .archetype-card--relationship { border-left-color: var(--taa-blue) !important; }
.taa-welcome .section-shell .archetype-card--responsibility { border-left-color: var(--taa-plum) !important; }
.taa-welcome .section-shell .archetype-card .archetype-range {
  order: 3 !important;
  display: inline-block !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.16em !important;
  color: var(--taa-ink-soft) !important;
}
.taa-welcome .section-shell .archetype-card h3 {
  order: 1 !important;
  font-family: var(--taa-display) !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}
.taa-welcome .section-shell .archetype-card .archetype-tag {
  order: 2 !important;
  font-size: 13.5px !important;
  color: var(--taa-clay-deep) !important;
  margin-bottom: 6px !important;
}
.taa-welcome .section-shell .archetype-card p {
  order: 4 !important;
  font-size: 14.5px !important;
  line-height: 1.8 !important;
  color: var(--taa-ink-soft) !important;
  margin-top: 8px !important;
}

/* 10) 分区标题：居中 → 左对齐（长文叙事的章节头） */
.taa-welcome .section-header {
  max-width: 100% !important;
  margin: 0 0 26px !important;
  text-align: left !important;
}
.taa-welcome .section-header h2 {
  font-size: clamp(24px, 6.4vw, 30px) !important;
  line-height: 1.3 !important;
}
.taa-welcome .section-header p {
  font-size: 15px !important;
  line-height: 1.8 !important;
  margin-top: 12px !important;
}
.taa-welcome .section-shell {
  padding: 46px 0 !important;
}
/* 去掉彩色分区底，单栏长文靠留白分隔 */
.taa-welcome .section-shell--tinted,
.taa-welcome .section-shell--soft {
  background: transparent !important;
  border-top: 1px solid var(--taa-line) !important;
}

/* 11) 收尾 CTA：左右分栏大色块 → 单栏居中引言块 */
.taa-welcome .cta {
  padding: 20px 0 30px !important;
}
.taa-welcome .cta-panel {
  display: block !important;
  padding: 30px 22px !important;
  background: var(--taa-paper-2) !important;
  background-image: none !important;
  border: 1px solid var(--taa-line) !important;
  border-top: 2px solid var(--taa-clay) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  text-align: center !important;
}
.taa-welcome .cta-copy {
  color: var(--taa-ink) !important;
}
.taa-welcome .cta-copy h2 {
  font-size: clamp(20px, 5.6vw, 25px) !important;
  line-height: 1.4 !important;
}
.taa-welcome .cta-copy p {
  font-size: 14.5px !important;
  line-height: 1.75 !important;
  margin-top: 10px !important;
}
.taa-welcome .cta-actions {
  display: block !important;
  min-width: 0 !important;
  margin-top: 22px !important;
}
.taa-welcome .cta-actions .btn-hero-primary {
  width: 100% !important;
}

/* 12) 顶栏与页脚：单栏对齐 */
.taa-welcome .topbar {
  padding: 14px 0 !important;
}
.taa-welcome .topbar-inner {
  gap: 12px !important;
}
.taa-welcome .brand-icon {
  width: 36px !important;
  height: 36px !important;
  border-radius: 9px !important;
}
.taa-welcome .brand-text h1 {
  font-size: 16px !important;
}
.taa-welcome .footer {
  padding: 22px 0 30px !important;
}

/* ------------------------------------------------------------
   结果页 B · 卷轴时间线
   ------------------------------------------------------------ */

/* 1) 页面容器：单栏 + 左侧留出轴线空间 */
.taa-report {
  padding-left: 0 !important;
}
.taa-report .section-card,
.taa-report .hero-card,
.taa-report .report-share-row,
.taa-report .report-footer {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

/* 2) 8 个 section-card 全部改成「轴线 + 节点 + 内容」的网格 */
.taa-report section.section-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  column-gap: 14px !important;
  padding: 0 0 30px 0 !important;
  background: transparent !important;
  border: none !important;
  border-top: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
/* 轴线：从节点向下贯穿 */
.taa-report section.section-card::before {
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  top: 30px !important;
  bottom: 0 !important;
  width: 1.5px !important;
  background: var(--taa-line) !important;
}
/* 节点：陶土圆环 + 内实心点 */
.taa-report section.section-card::after {
  content: "" !important;
  position: absolute !important;
  left: 7px !important;
  top: 6px !important;
  width: 15px !important;
  height: 15px !important;
  border-radius: 50% !important;
  border: 2px solid var(--taa-clay) !important;
  background: var(--taa-paper) !important;
  box-shadow: inset 0 0 0 3px var(--taa-paper), inset 0 0 0 8px var(--taa-clay) !important;
}
/* 最后一个节点：轴线收尾 */
.taa-report section.section-card:last-of-type::before {
  bottom: 30px !important;
  background: linear-gradient(180deg, var(--taa-line), transparent) !important;
}

/* 3) section-header 与内容块排到第二列 */
.taa-report section.section-card > .section-header {
  grid-column: 2 !important;
  margin-bottom: 16px !important;
}
.taa-report section.section-card > .analysis-content,
.taa-report section.section-card > .dimensions-list,
.taa-report section.section-card > .personality-content,
.taa-report section.section-card > .social-content,
.taa-report section.section-card > .traits-grid,
.taa-report section.section-card > .emotion-content,
.taa-report section.section-card > .advice-list,
.taa-report section.section-card > .reference-list {
  grid-column: 2 !important;
}

/* 4) 章节标题：加大、衬线、左侧无缩进（时间线的「章节名」） */
.taa-report section.section-card .section-header {
  display: block !important;
}
.taa-report section.section-card .section-title {
  font-size: 20px !important;
  line-height: 1.35 !important;
  margin: 0 0 4px !important;
}
.taa-report section.section-card .section-desc {
  font-size: 12.5px !important;
  display: block !important;
}

/* 5) Hero 卡：保持卡片形态，但收窄并强化为「时间线起点」 */
.taa-report .hero-card {
  border-radius: 18px !important;
  margin-bottom: 22px !important;
}
.taa-report .hero-content {
  padding: 26px 20px !important;
}

/* 6) 分享按钮：移到时间线之前，做成一条细线按钮 */
.taa-report .report-share-row {
  margin: 0 16px 24px !important;
}

/* 7) 维度分析：纵向 7 卡 → 一行一维度的横向仪表（信息密度提升） */
.taa-report .dimensions-list {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}
.taa-report .dimensions-list .dimension-item {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 6px !important;
  padding: 13px 0 !important;
  border-bottom: 1px solid var(--taa-line) !important;
}
.taa-report .dimensions-list .dimension-item:last-child {
  border-bottom: none !important;
}
.taa-report .dimensions-list .dimension-item .dim-header {
  margin-bottom: 0 !important;
}
.taa-report .dimensions-list .dimension-item .dim-name {
  font-size: 15px !important;
}
.taa-report .dimensions-list .dimension-item .dim-score {
  font-size: 15px !important;
}
.taa-report .dimensions-list .dimension-item .dim-bar {
  margin-bottom: 0 !important;
}
.taa-report .dimensions-list .dimension-item .dim-desc {
  font-size: 12.5px !important;
  line-height: 1.55 !important;
}

/* 8) 心态特质：2 列卡 → 单列细线条目 */
.taa-report .traits-grid {
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}
.taa-report .traits-grid .trait-card {
  display: grid !important;
  grid-template-columns: 22px 1fr !important;
  align-items: baseline !important;
  gap: 10px !important;
  padding: 11px 0 !important;
  background: transparent !important;
  border-bottom: 1px solid var(--taa-line) !important;
  border-radius: 0 !important;
}
.taa-report .traits-grid .trait-card:last-child {
  border-bottom: none !important;
}
.taa-report .traits-grid .trait-card .trait-icon {
  grid-row: span 2 !important;
  align-self: center !important;
}
.taa-report .traits-grid .trait-card .trait-name {
  font-size: 14.5px !important;
}
.taa-report .traits-grid .trait-card .trait-desc {
  grid-column: 2 !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
}

/* 9) 成长建议：4 卡 → 悬挂编号长文 */
.taa-report .advice-list {
  gap: 0 !important;
}
.taa-report .advice-list .advice-item {
  padding: 16px 0 !important;
  background: transparent !important;
  border-bottom: 1px solid var(--taa-line) !important;
  border-radius: 0 !important;
}
.taa-report .advice-list .advice-item:last-child {
  border-bottom: none !important;
}
.taa-report .advice-list .advice-item .advice-content {
  padding-left: 0 !important;
  margin-top: 6px !important;
}

/* 10) 评分参考：4 卡 → 单栏细线表 */
.taa-report .reference-list {
  gap: 0 !important;
}
.taa-report .reference-list .reference-item {
  padding: 13px 0 !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid var(--taa-line) !important;
  border-radius: 0 !important;
}
.taa-report .reference-list .reference-item:last-child {
  border-bottom: none !important;
}
.taa-report .reference-list .reference-item.active {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid var(--taa-line) !important;
  padding-left: 12px !important;
  box-shadow: inset 3px 0 0 var(--taa-clay) !important;
}

/* 11) 详细解读：提示块与正文统一为细线风格 */
.taa-report .analysis-card .analysis-highlight {
  background: transparent !important;
  border: none !important;
  border-left: 3px solid var(--taa-clay) !important;
  border-radius: 0 !important;
  padding: 4px 0 4px 14px !important;
  text-align: left !important;
}
.taa-report .analysis-card .analysis-tip {
  background: transparent !important;
  border: none !important;
  border-left: 3px solid var(--taa-ochre) !important;
  border-radius: 0 !important;
  padding: 4px 0 4px 14px !important;
}

/* 12) 人际关系的优势/成长点：细线条目 */
.taa-report .social-content .social-tips {
  gap: 0 !important;
}
.taa-report .social-content .social-tips .tip-item {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 11px 0 !important;
  border-bottom: 1px solid var(--taa-line) !important;
}
.taa-report .social-content .social-tips .tip-item:last-child {
  border-bottom: none !important;
}

/* 13) 情绪与压力：2 列卡 → 单栏细线 */
.taa-report .emotion-content .emotion-grid {
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}
.taa-report .emotion-content .emotion-item {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 13px 0 !important;
  border-bottom: 1px solid var(--taa-line) !important;
}
.taa-report .emotion-content .emotion-advice {
  background: transparent !important;
  border: none !important;
  border-left: 3px solid var(--taa-ochre) !important;
  border-radius: 0 !important;
  padding: 4px 0 4px 14px !important;
  margin-top: 14px !important;
}

/* 14) 人格特征 / 人际关系 / 维度等「卡片内的小块」统一去掉卡片底 */
.taa-report .personality-content .personality-traits .p-trait {
  background: transparent !important;
  border: 1px solid var(--taa-line) !important;
}

/* ------------------------------------------------------------
   窄屏适配
   ------------------------------------------------------------ */
@media (max-width: 400px) {
  .taa-welcome .container { width: min(560px, 100% - 32px) !important; }
  .taa-report section.section-card {
    grid-template-columns: 26px minmax(0, 1fr) !important;
    column-gap: 11px !important;
  }
  .taa-report section.section-card::before { left: 12px !important; }
  .taa-report section.section-card::after { left: 5px !important; }
}