/* ============================================================
 * 两小时副业专题页（templates/frontend/two_hour_hustle.html 专用）
 * 配色：默认素笺（米白 #F7F4EE / 深咖 #6E6148）；六套皮肤见 landing-skin.css
 * 风格：简约、理性、干净、轻商务；不晒收益、不做营销弹窗
 * 2026-11-08  v3（四层产品阶梯 + 页内导航 + 后台可配置 + 六套主题）
 * ============================================================ */

.thh-page {
  --thh-bg: #F7F4EE;
  --thh-card: #FFFFFF;
  --thh-ink: #2E3433;
  --thh-ink-2: #5A5F5D;
  --thh-ink-3: #858A87;
  --thh-accent: #8A7B5C;
  --thh-accent-deep: #6E6148;
  --thh-accent-soft: #EFE7D8;
  --thh-line: #E4DCCC;
  --thh-dark: #2E3433;
  --thh-radius: 12px;
  --thh-sticky: 64px;

  /* 语义扩展令牌（2026-11-08 六套皮肤）：原先写死的颜色收进来，
     皮肤层只需覆盖这 22 个变量，不改任何结构 */
  --thh-alt: #F1EDE3;          /* 交替区块底 */
  --thh-hover: #FBF8F1;        /* 次按钮 hover 底 */
  --thh-yes: #6E8B63;          /* 「适合谁」强调 */
  --thh-no: #B08A6A;           /* 「不适合谁」强调 */
  --thh-free: #4F6B52;         /* 免费 / 已领取 */
  --thh-on-accent: #FFFFFF;    /* 落强调色上的字 */
  --thh-note-bg: #FBF6EC;
  --thh-note-line: #E3CFA0;
  --thh-note-ink: #6E5A2E;
  --thh-dash: #EEEAE0;
  --thh-nav-bg: rgba(46, 52, 51, .85);
  --thh-nav-ink: #F2E8D4;
  --thh-mock-bg: #FDFBF6;
  --thh-mock-line: #E6E8E6;
  --thh-foot-ink: #B9BDBA;
  --thh-foot-ink-2: #E6E8E6;
  --thh-line-strong: #D3C4A4;  /* 卡片描边 / 小圆点 */
  --thh-chip: #EDE7D9;         /* 标签底 / 示意图行 */
  background: var(--thh-bg);
  color: var(--thh-ink);
  font-family: "Noto Sans SC", "Source Han Sans SC", "PingFang SC",
               "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased;
}

.thh-page h1, .thh-page h2, .thh-page h3 {
  font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "SimSun", serif;
  font-weight: 700;
  letter-spacing: .2px;
}

.thh-wrap { max-width: 1080px; margin: 0 auto; padding: 0 24px; }
.thh-sr {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* ---------- 页内导航（sticky） ---------- */
.thh-nav {
  position: sticky;
  top: 0;
  z-index: 30;
  background: var(--thh-nav-bg);
  border-bottom: 1px solid var(--thh-line);
  backdrop-filter: saturate(140%) blur(8px);
  -webkit-backdrop-filter: saturate(140%) blur(8px);
}
.thh-nav-inner {
  max-width: 1080px; margin: 0 auto; padding: 0 24px;
  display: flex; align-items: center; gap: 20px; min-height: 54px;
}
.thh-nav-brand {
  font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "SimSun", serif;
  font-size: 17px; font-weight: 700; color: var(--thh-ink);
  text-decoration: none; white-space: nowrap;
}
.thh-nav-brand:hover { color: var(--thh-accent-deep); }
.thh-nav-links {
  display: flex; align-items: center; gap: 4px;
  margin: 0 0 0 auto; padding: 0; list-style: none;
}
.thh-nav-links a {
  display: block; padding: 8px 12px; border-radius: 6px;
  font-size: 14px; color: var(--thh-ink-2); text-decoration: none;
  white-space: nowrap; transition: background .15s ease, color .15s ease;
}
.thh-nav-links a:hover { background: var(--thh-accent-soft); color: var(--thh-accent-deep); }
.thh-nav-toggle {
  display: none; margin-left: auto;
  width: 40px; height: 40px; padding: 0;
  border: 1px solid var(--thh-line); border-radius: 8px;
  background: var(--thh-card); cursor: pointer;
}
.thh-nav-bar {
  display: block; width: 18px; height: 2px; margin: 3px auto;
  background: var(--thh-ink); border-radius: 1px;
}
/* 独立落地页：回全站首页的唯一入口（页面已隐藏全站导航/页脚） */
.thh-nav-home {
  font-size: 13.5px; line-height: 1.2; color: var(--thh-ink-3);
  text-decoration: none; white-space: nowrap;
  padding-left: 16px; border-left: 1px solid var(--thh-line);
  transition: color .15s ease;
}
.thh-nav-home:hover { color: var(--thh-accent-deep); }

/* ---------- 按钮 ---------- */
.thh-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 44px; padding: 11px 22px; border-radius: 8px;
  font-size: 15px; font-weight: 600; line-height: 1.2;
  border: 1px solid transparent; cursor: pointer; text-decoration: none;
  transition: background .15s ease, color .15s ease, border-color .15s ease,
              box-shadow .2s ease, transform .15s ease;
}
.thh-btn:active { transform: translateY(1px); }
.thh-btn-primary { background: var(--thh-accent); color: var(--thh-on-accent); }
.thh-btn-primary:hover { background: var(--thh-accent-deep); color: var(--thh-on-accent); }
.thh-btn-ghost { background: transparent; color: var(--thh-accent-deep); border-color: var(--thh-line-strong); }
.thh-btn-ghost:hover { border-color: var(--thh-accent); background: var(--thh-hover); }
.thh-btn:focus-visible { outline: 2px solid var(--thh-accent); outline-offset: 2px; }

/* ---------- 区块通用 ---------- */
.thh-sec { padding: 64px 0; scroll-margin-top: calc(var(--thh-sticky) + 12px); }
.thh-sec-alt { background: var(--thh-alt); }
.thh-h2 {
  font-size: 27px; line-height: 1.5; color: var(--thh-ink);
  margin: 0 0 14px;
}
.thh-sec-desc {
  font-size: 15px; line-height: 1.95; color: var(--thh-ink-2);
  margin: 0 0 30px; max-width: 780px;
}

/* ---------- 区块 1 Hero ---------- */
.thh-hero { padding: 64px 0 72px; }
.thh-hero-grid {
  display: grid; grid-template-columns: 1.15fr .85fr;
  gap: 48px; align-items: center;
}
.thh-hero-copy { min-width: 0; }
.thh-hero-kicker {
  font-size: 13px; letter-spacing: 1.5px; color: var(--thh-accent);
  margin: 0 0 14px; text-transform: uppercase;
}
.thh-hero-title {
  font-size: 52px; line-height: 1.25; color: var(--thh-ink);
  margin: 0 0 14px; letter-spacing: 2px;
}
.thh-hero-sub { font-size: 20px; line-height: 1.7; color: var(--thh-accent-deep); margin: 0 0 16px; }
.thh-hero-desc { font-size: 16px; line-height: 1.95; color: var(--thh-ink-2); margin: 0 0 28px; max-width: 560px; }
.thh-hero-btns { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 18px; }
.thh-hero-note { font-size: 13px; line-height: 1.9; color: var(--thh-ink-3); margin: 0; max-width: 520px; }
.thh-hero-art { display: flex; justify-content: center; }
.thh-art { width: 100%; max-width: 420px; height: auto; display: block; }

/* ---------- 区块 2 痛点 ---------- */
.thh-pain-list {
  display: grid; grid-template-columns: 1fr 1fr; gap: 14px 32px;
  margin: 0 0 32px; padding: 0; list-style: none;
}
.thh-pain-list li {
  display: flex; gap: 11px; align-items: flex-start;
  font-size: 15px; line-height: 1.85; color: var(--thh-ink-2);
}
.thh-pain-dot {
  flex-shrink: 0; width: 7px; height: 7px; margin-top: 9px;
  border-radius: 50%; background: var(--thh-accent);
}
.thh-quote {
  margin: 0 0 32px; padding: 22px 26px;
  background: var(--thh-card); border-left: 3px solid var(--thh-accent);
  border-radius: 0 var(--thh-radius) var(--thh-radius) 0;
}
.thh-quote-label {
  display: block; font-size: 13px; font-weight: 700; color: var(--thh-accent);
  margin-bottom: 8px;
}
.thh-quote p { margin: 0; font-size: 15.5px; line-height: 1.9; color: var(--thh-ink); }

.thh-value-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-bottom: 28px; }
.thh-value-card {
  background: var(--thh-card); border: 1px solid var(--thh-line);
  border-radius: var(--thh-radius); padding: 24px 22px; text-align: center;
}
.thh-value-title { font-size: 19px; color: var(--thh-accent-deep); margin: 0 0 10px; letter-spacing: 1px; }
.thh-value-desc { font-size: 14px; line-height: 1.9; color: var(--thh-ink-2); margin: 0; }

.thh-ruler {
  background: var(--thh-card); border: 1px solid var(--thh-line);
  border-radius: var(--thh-radius); padding: 24px 26px;
}
.thh-ruler-title { font-size: 16px; color: var(--thh-ink); margin: 0 0 14px; }
.thh-ruler-list { margin: 0; padding-left: 22px; }
.thh-ruler-list li { font-size: 15px; line-height: 1.95; color: var(--thh-ink-2); }
.thh-ruler-list li::marker { color: var(--thh-accent); font-weight: 700; }

/* ---------- 区块 3 四层产品阶梯 ---------- */
.thh-prod-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; align-items: stretch; }
.thh-prod {
  display: flex; flex-direction: column;
  background: var(--thh-card); border: 1px solid var(--thh-line);
  border-radius: var(--thh-radius); padding: 22px 18px;
  transition: box-shadow .2s ease, transform .2s ease;
  scroll-margin-top: calc(var(--thh-sticky) + 12px);
}
.thh-prod:hover { box-shadow: 0 8px 26px rgba(46, 52, 51, .09); transform: translateY(-2px); }
.thh-prod.is-featured { border-color: var(--thh-accent); box-shadow: 0 6px 22px rgba(138, 123, 92, .16); }
.thh-prod-tag {
  font-size: 12px; font-weight: 700; letter-spacing: .5px;
  color: var(--thh-accent); margin: 0 0 10px;
}
.thh-prod-name { font-size: 18px; line-height: 1.5; color: var(--thh-ink); margin: 0 0 8px; }
.thh-prod-price {
  font-size: 17px; font-weight: 700; color: var(--thh-accent-deep);
  margin: 0 0 12px; padding-bottom: 12px; border-bottom: 1px dashed var(--thh-line);
}
.thh-prod-pos { font-size: 13px; line-height: 1.85; color: var(--thh-ink-3); margin: 0 0 16px; }
.thh-prod-block { margin-bottom: 14px; }
.thh-prod-label { font-size: 12.5px; font-weight: 700; color: var(--thh-ink); margin: 0 0 8px; }
.thh-prod-list { margin: 0; padding-left: 16px; }
.thh-prod-list li { font-size: 13px; line-height: 1.8; color: var(--thh-ink-2); margin-bottom: 5px; }
.thh-prod-list li::marker { color: var(--thh-accent); }
.thh-prod-limits li { color: var(--thh-ink-3); }
.thh-prod-limits li::marker { color: var(--thh-line-strong); }
.thh-prod-action { margin-top: auto; padding-top: 12px; }
.thh-prod-action .thh-btn { width: 100%; font-size: 14px; padding: 10px 12px; }

/* ---------- 免费资料卡片（顺序解锁） ---------- */
.thh-lm-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 18px;
}
.thh-lm-card {
  display: flex; flex-direction: column; overflow: hidden;
  background: var(--thh-card); border: 1px solid var(--thh-line);
  border-radius: var(--thh-radius); transition: box-shadow .2s ease, transform .2s ease;
}
.thh-lm-card:hover { box-shadow: 0 8px 26px rgba(46, 52, 51, .09); transform: translateY(-2px); }
.thh-lm-cover { position: relative; aspect-ratio: 16 / 9; background: var(--thh-dark); }
.thh-lm-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.thh-lm-num {
  position: absolute; left: 12px; top: 12px;
  background: var(--thh-nav-bg); color: var(--thh-nav-ink);
  font-size: 12.5px; font-weight: 700; padding: 3px 10px; border-radius: 6px;
}
.thh-lm-body { display: flex; flex-direction: column; flex: 1; padding: 18px; }
.thh-lm-title { font-size: 15.5px; line-height: 1.55; color: var(--thh-ink); margin: 0 0 6px; }
.thh-lm-value { font-size: 13px; font-weight: 600; color: var(--thh-accent); margin: 0 0 10px; }
.thh-lm-meta { font-size: 13px; line-height: 1.8; color: var(--thh-ink-2); }
.thh-lm-meta p { margin: 0 0 6px; }
.thh-lm-claim-area {
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
  margin-top: auto; padding-top: 14px;
}
.thh-btn-claim { min-height: 40px; padding: 8px 18px; font-size: 14px; }
.thh-btn-pdf { display: none; min-height: 40px; padding: 8px 16px; font-size: 14px; }
.thh-lm-lock-hint {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 12.5px; color: var(--thh-ink-3);
}
.thh-lm-claimed-tip {
  display: none; align-items: center; gap: 5px;
  font-size: 13px; font-weight: 600; color: var(--thh-free);
}
.thh-lm-card.is-claimed .thh-lm-claimed-tip { display: inline-flex; }
.thh-lm-card.is-claimed .thh-btn-claim { display: none; }
.thh-lm-card.is-claimed .thh-btn-pdf { display: inline-flex; }
.thh-lm-card.is-claimed .thh-lm-lock-hint { display: none; }
.thh-lm-card.is-claimed .thh-lm-cover::after {
  content: "已领取"; position: absolute; right: 12px; top: 12px;
  background: var(--thh-free); color: var(--thh-on-accent); font-size: 12px; font-weight: 600;
  padding: 3px 10px; border-radius: 6px;
}
.thh-lm-card.is-locked { opacity: .6; }
.thh-lm-card.is-locked .thh-btn-claim,
.thh-lm-card.is-locked .thh-btn-pdf { display: none; }
.thh-lm-done {
  margin-top: 26px; padding: 20px 24px;
  background: var(--thh-card); border: 1px solid var(--thh-line-strong); border-radius: var(--thh-radius);
  font-size: 14.5px; line-height: 1.85; color: var(--thh-ink-2);
}
.thh-lm-done p { margin: 0 0 10px; }
.thh-lm-done-link { color: var(--thh-accent-deep); font-weight: 700; text-decoration: none; }
.thh-lm-done-link:hover { text-decoration: underline; }

/* ---------- 区块 4 入门课详情 ---------- */
.thh-intro-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 36px; align-items: start; }
.thh-intro-left { min-width: 0; }
.thh-fit {
  border-radius: var(--thh-radius); padding: 20px 22px; margin-bottom: 16px;
  background: var(--thh-card); border: 1px solid var(--thh-line);
}
.thh-fit.is-yes { border-left: 3px solid var(--thh-yes); }
.thh-fit.is-no { border-left: 3px solid var(--thh-no); }
.thh-fit-title { font-size: 16px; color: var(--thh-ink); margin: 0 0 12px; }
.thh-fit-list { margin: 0; padding-left: 18px; }
.thh-fit-list li { font-size: 14px; line-height: 1.9; color: var(--thh-ink-2); margin-bottom: 4px; }
.thh-fit.is-yes .thh-fit-list li::marker { color: var(--thh-yes); }
.thh-fit.is-no .thh-fit-list li::marker { color: var(--thh-no); }
.thh-deliver {
  border-radius: var(--thh-radius); padding: 20px 22px; margin-bottom: 16px;
  background: var(--thh-accent-soft); border: 1px solid var(--thh-line-strong);
}
.thh-deliver-list { margin: 0; padding-left: 20px; }
.thh-deliver-list li { font-size: 14px; line-height: 1.9; color: var(--thh-ink); margin-bottom: 4px; }
.thh-deliver-list li::marker { color: var(--thh-accent-deep); font-weight: 700; }
.thh-notice {
  font-size: 13px; line-height: 1.85; color: var(--thh-note-ink);
  background: var(--thh-note-bg); border: 1px solid var(--thh-note-line); border-radius: 8px;
  padding: 14px 16px; margin: 0 0 20px;
}
.thh-intro-cta { scroll-margin-top: calc(var(--thh-sticky) + 16px); }
.thh-intro-cta .thh-btn { width: 100%; }

/* ---------- 入门课示意图（纯 CSS，无真实用户信息） ---------- */
.thh-intro-right { min-width: 0; }
.thh-mock { position: relative; }
.thh-prod-wait { opacity: .92; }
.thh-mock-pdf {
  background: var(--thh-card); border: 1px solid var(--thh-line);
  border-radius: var(--thh-radius); padding: 0 0 22px; overflow: hidden;
  box-shadow: 0 10px 30px rgba(46, 52, 51, .07);
}
.thh-mock-bar {
  display: flex; align-items: center; gap: 6px;
  padding: 10px 14px; background: var(--thh-alt); border-bottom: 1px solid var(--thh-line);
}
.thh-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--thh-line-strong); }
.thh-mock-chip {
  margin-left: auto; font-size: 12px; font-weight: 700; color: var(--thh-accent-deep);
  background: var(--thh-chip); padding: 2px 8px; border-radius: 4px;
}
.thh-mock-t { font-size: 16px; font-weight: 700; color: var(--thh-ink); margin: 20px 22px 6px; }
.thh-mock-s { font-size: 12.5px; color: var(--thh-ink-3); margin: 0 22px 16px; }
.thh-mock-line {
  height: 7px; border-radius: 4px; background: var(--thh-chip);
  margin: 0 22px 10px;
}
.thh-mock-line-short { width: 55%; }
.thh-mock-group {
  margin: -18px 0 0 34px; padding: 16px 18px;
  background: var(--thh-card); border: 1px solid var(--thh-line);
  border-radius: 10px; box-shadow: 0 8px 22px rgba(46, 52, 51, .08);
}
.thh-mock-gh { font-size: 13.5px; font-weight: 700; color: var(--thh-ink); margin: 0 0 10px; }
.thh-mock-list { margin: 0; padding: 0; list-style: none; }
.thh-mock-list li {
  font-size: 12.5px; line-height: 1.7; color: var(--thh-ink-2);
  padding: 6px 0 6px 18px; border-bottom: 1px dashed var(--thh-dash); position: relative;
}
.thh-mock-list li:last-child { border-bottom: 0; }
.thh-mock-list li::before {
  content: ""; position: absolute; left: 0; top: 13px;
  width: 8px; height: 8px; border-radius: 50%; background: var(--thh-accent-soft);
  border: 1.5px solid var(--thh-accent);
}
.thh-mock-note { font-size: 12px; color: var(--thh-ink-3); text-align: center; margin: 16px 0 0; }

/* ---------- 区块 5 FAQ ---------- */
.thh-faq-wrap { max-width: 820px; }
.thh-faq {
  background: var(--thh-card); border: 1px solid var(--thh-line);
  border-radius: 10px; margin-bottom: 12px; padding: 0 22px;
}
.thh-faq summary {
  position: relative; cursor: pointer; list-style: none;
  font-size: 15.5px; font-weight: 600; color: var(--thh-ink);
  padding: 18px 34px 18px 0; line-height: 1.6;
}
.thh-faq summary::-webkit-details-marker { display: none; }
.thh-faq summary::after {
  content: "+"; position: absolute; right: 2px; top: 50%;
  transform: translateY(-50%); font-size: 22px; font-weight: 400;
  color: var(--thh-accent); line-height: 1;
}
.thh-faq[open] summary::after { content: "−"; }
.thh-faq p { font-size: 14px; line-height: 1.9; color: var(--thh-ink-2); margin: 0 0 20px; }

/* ---------- 区块 6 底部行动 + 页脚 ---------- */
.thh-final { background: var(--thh-alt); padding: 64px 0; text-align: center; }
.thh-final-title { font-size: 26px; color: var(--thh-ink); margin: 0 0 12px; }
.thh-final-desc { font-size: 15px; line-height: 1.9; color: var(--thh-ink-2); margin: 0 0 26px; }
.thh-final-btns { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; }

.thh-footer { background: var(--thh-dark); padding: 40px 0 44px; }
.thh-footer-disc { font-size: 13px; line-height: 1.95; color: var(--thh-foot-ink); margin: 0 0 16px; max-width: 900px; }
.thh-footer-disc strong { color: var(--thh-foot-ink-2); }
.thh-footer-copy { font-size: 12.5px; line-height: 1.8; color: var(--thh-foot-ink); margin: 0; }
.thh-footer-copy a {
  color: var(--thh-foot-ink); text-decoration: none;
  border-bottom: 1px solid rgba(185, 189, 186, .35);
}
.thh-footer-copy a:hover { color: var(--thh-foot-ink-2); }

/* ---------- 响应式（标准档：1024 / 768） ---------- */
@media (max-width: 1024px) {
  .thh-hero-grid { grid-template-columns: 1fr; gap: 32px; }
  .thh-hero-art { order: -1; }
  .thh-art { max-width: 320px; }
  .thh-hero-title { font-size: 42px; }
  .thh-prod-grid { grid-template-columns: repeat(2, 1fr); }
  .thh-intro-grid { grid-template-columns: 1fr; }
  .thh-mock { max-width: 460px; }
}

@media (max-width: 768px) {
  /* 独立落地页：站点顶栏/底栏已隐藏，撤销 mobile.css 给 body 预留的 44px + 底栏占位 */
  body.is-bare { padding-top: 0 !important; padding-bottom: 0 !important; }
  .thh-nav-home { display: none; }
  .thh-wrap { padding: 0 18px; }
  .thh-nav-inner { min-height: 50px; gap: 12px; }
  .thh-nav-toggle { display: block; }
  .thh-nav-links {
    display: none; position: absolute; left: 0; right: 0; top: 100%;
    flex-direction: column; align-items: stretch; gap: 0;
    margin: 0; padding: 6px 0;
    background: var(--thh-card); border-bottom: 1px solid var(--thh-line);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .10);
  }
  .thh-nav.is-open .thh-nav-links { display: flex; }
  .thh-nav-links a { padding: 13px 20px; border-radius: 0; font-size: 15px; }

  .thh-hero { padding: 40px 0 44px; }
  .thh-hero-title { font-size: 34px; letter-spacing: 1px; }
  .thh-hero-sub { font-size: 17px; }
  .thh-hero-desc { font-size: 15px; }
  .thh-hero-btns .thh-btn { flex: 1 1 100%; }

  .thh-sec { padding: 44px 0; }
  .thh-h2 { font-size: 22px; }
  .thh-sec-desc { font-size: 14.5px; }

  .thh-pain-list { grid-template-columns: 1fr; gap: 12px; }
  .thh-value-grid { grid-template-columns: 1fr; }
  .thh-prod-grid { grid-template-columns: 1fr; }
  .thh-final { padding: 44px 0; }
  .thh-final-title { font-size: 21px; }
  .thh-final-btns .thh-btn { flex: 1 1 100%; }
  .thh-lm-grid { grid-template-columns: 1fr; }
  .thh-mock-group { margin-left: 14px; }
}

/* ---------- 暗色模式（与全站 data-theme 同步，保持同一套克制配色） ---------- */
[data-theme="dark"] .thh-page {
  --thh-bg: #1B1E1D;
  --thh-card: #242827;
  --thh-ink: #E6E8E6;
  --thh-ink-2: #B3B8B5;
  --thh-ink-3: #8B908D;
  --thh-accent: #B6A47E;
  --thh-accent-deep: #CBB994;
  --thh-accent-soft: #2F2C25;
  --thh-line: #3A3F3D;

  --thh-alt: #202423;
  --thh-hover: #2C302F;
  --thh-yes: #8FBF9A;
  --thh-no: #D0A184;
  --thh-free: #8FBF9A;
  --thh-on-accent: #1B1E1D;   /* 深色下强调色是浅金，必须用深字（原 #FFFFFF 仅 2.2:1） */
  --thh-note-bg: #2C2A23;
  --thh-note-line: #4A4335;
  --thh-note-ink: #CBB894;
  --thh-dash: #353A38;
  --thh-nav-bg: rgba(27, 30, 29, .96);
  --thh-nav-ink: #F2E8D4;
  --thh-mock-bg: #242827;
  --thh-mock-line: #353A38;
  --thh-foot-ink: #B9BDBA;
  --thh-foot-ink-2: #E6E8E6;
  --thh-line-strong: #4A4335;
  --thh-chip: #2C302F;

  background: var(--thh-bg);
  color: var(--thh-ink);
}
[data-theme="dark"] .thh-nav { background: var(--thh-nav-bg); }
[data-theme="dark"] .thh-sec-alt,
[data-theme="dark"] .thh-final { background: var(--thh-alt); }
[data-theme="dark"] .thh-nav-links { background: var(--thh-card); }
[data-theme="dark"] .thh-btn-ghost:hover { background: var(--thh-hover); }
[data-theme="dark"] .thh-quote,
[data-theme="dark"] .thh-ruler,
[data-theme="dark"] .thh-value-card,
[data-theme="dark"] .thh-prod,
[data-theme="dark"] .thh-lm-card,
[data-theme="dark"] .thh-fit,
[data-theme="dark"] .thh-mock-pdf,
[data-theme="dark"] .thh-mock-group,
[data-theme="dark"] .thh-faq,
[data-theme="dark"] .thh-lm-done { background: var(--thh-card); border-color: var(--thh-line); }
[data-theme="dark"] .thh-mock-bar { background: var(--thh-hover); }
[data-theme="dark"] .thh-mock-line { background: var(--thh-mock-line); }
[data-theme="dark"] .thh-deliver { background: var(--thh-note-bg); border-color: var(--thh-note-line); }
[data-theme="dark"] .thh-notice { background: var(--thh-note-bg); border-color: var(--thh-note-line); color: var(--thh-note-ink); }
[data-theme="dark"] .thh-footer { background: var(--thh-dark); }

/* ==================== 2026-11-09 转化优化新增 ==================== */

/* ---------- Hero：按钮微文案 + 反承诺信任条 ---------- */
.thh-hero-btn-notes {
  display: flex; flex-wrap: wrap; gap: 6px 24px;
  margin: -6px 0 18px;
}
.thh-hero-btn-note {
  font-size: 12.5px; line-height: 1.8; color: var(--thh-ink-3);
  display: flex; align-items: center; gap: 6px;
}
.thh-hero-btn-note i { color: var(--thh-yes); font-size: 12px; }
.thh-hero-trust {
  list-style: none; margin: 22px 0 0; padding: 0;
  display: flex; flex-wrap: wrap; gap: 10px 22px; max-width: 560px;
}
.thh-hero-trust li {
  font-size: 13px; line-height: 1.8; color: var(--thh-ink-2);
  display: flex; align-items: center; gap: 8px;
}
.thh-hero-trust i { color: var(--thh-yes); font-size: 14px; flex-shrink: 0; }

/* ---------- 损失厌恶对比：两种走法 ---------- */
.thh-contrast { margin: 30px 0 34px; }
.thh-contrast-title { font-size: 19px; line-height: 1.6; color: var(--thh-ink); margin: 0 0 16px; }
.thh-contrast-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.thh-contrast-card {
  border-radius: 12px; padding: 20px 22px;
  background: var(--thh-card); border: 1px solid var(--thh-line);
}
.thh-contrast-card.is-bad { border-left: 4px solid var(--thh-no); }
.thh-contrast-card.is-good { border-left: 4px solid var(--thh-yes); }
.thh-contrast-name {
  display: flex; align-items: center; gap: 10px;
  font-size: 16.5px; line-height: 1.5; color: var(--thh-ink);
  margin: 0 0 12px;
}
.thh-contrast-name span {
  display: inline-flex; align-items: center; justify-content: center;
  width: 22px; height: 22px; border-radius: 50%; flex-shrink: 0;
  font-size: 13px; color: var(--thh-on-accent);
}
.thh-contrast-card.is-bad .thh-contrast-name span { background: var(--thh-no); }
.thh-contrast-card.is-good .thh-contrast-name span { background: var(--thh-yes); }
.thh-contrast-list { margin: 0; padding-left: 18px; }
.thh-contrast-list li {
  font-size: 14px; line-height: 1.95; color: var(--thh-ink-2); margin-bottom: 6px;
}
.thh-contrast-list li::marker { color: var(--thh-line-strong); }

/* ---------- 产品卡：推荐徽章 + 价格锚定 ---------- */
.thh-prod { position: relative; }
.thh-prod-badge {
  display: inline-block; font-size: 12px; font-weight: 700;
  line-height: 1.5; color: var(--thh-on-accent);
  background: var(--thh-accent); border-radius: 999px;
  padding: 3px 12px; margin-bottom: 10px;
}
.thh-prod.is-featured .thh-prod-badge { background: var(--thh-accent-deep); }
.thh-prod-anchor {
  font-size: 13px; font-weight: 700; line-height: 1.7;
  color: var(--thh-accent-deep);
  margin: 2px 0 10px;
}
.thh-prod-price + .thh-prod-anchor { margin-top: 2px; }

/* ---------- 关于作者（信任区） ---------- */
.thh-author-wrap { max-width: 780px; }
.thh-author-paras { margin: 6px 0 4px; }
.thh-author-para {
  font-size: 15px; line-height: 2.05; color: var(--thh-ink-2);
  margin: 0 0 14px;
}
.thh-author-promise {
  background: var(--thh-card); border: 1px dashed var(--thh-line-strong);
  border-radius: 12px; padding: 20px 24px; margin-top: 26px;
}
.thh-author-plabel {
  font-size: 14.5px; font-weight: 700; color: var(--thh-ink);
  margin: 0 0 12px;
}
.thh-author-promise-list { list-style: none; margin: 0; padding: 0; }
.thh-author-promise-list li {
  font-size: 14px; line-height: 1.95; color: var(--thh-ink-2);
  display: flex; align-items: flex-start; gap: 10px;
  margin-bottom: 8px;
}
.thh-author-promise-list i { color: var(--thh-yes); font-size: 14px; margin-top: 6px; flex-shrink: 0; }

/* ---------- 响应式补充：CTA 首屏优先 ---------- */
@media (max-width: 1024px) {
  .thh-hero-art { order: 1; }
  .thh-art { max-width: 300px; }
}
@media (max-width: 768px) {
  .thh-hero-art { display: none; }
  .thh-hero-title { font-size: 30px; }
  .thh-hero-btn-note { display: none; }
  .thh-hero-btn-notes { margin: -4px 0 16px; }
  .thh-hero-trust { flex-direction: column; gap: 6px; }
  .thh-contrast-grid { grid-template-columns: 1fr; }
  .thh-contrast-title { font-size: 17px; }
  .thh-author-promise { padding: 16px 18px; }
}

/* ---------- 暗色模式适配（2026-11-09 新增组件） ---------- */
[data-theme="dark"] .thh-contrast-card,
[data-theme="dark"] .thh-author-promise { background: var(--thh-card); border-color: var(--thh-line); }
[data-theme="dark"] .thh-contrast-list li::marker { color: var(--thh-line-strong); }
[data-theme="dark"] .thh-hero-trust i,
[data-theme="dark"] .thh-hero-btn-note i,
[data-theme="dark"] .thh-author-promise-list i { color: var(--thh-yes); }
[data-theme="dark"] .thh-prod.is-featured .thh-prod-badge { color: var(--thh-on-accent); }