/* welcome.css —— 欢迎页/落地页（首屏 + AI命书示例）
 *
 * 全部选择器都限定在 #welcome 内，不污染产品样式。
 * 颜色一律取自 style.css 的品牌令牌（--gold / --gold-bright / --bg …），
 * 不另起一套金色——用户点完按钮进产品，金色不该变一档。
 * 纸张色是本页独有的，故在 #welcome 局部声明。
 *
 * 结构：#welcome(fixed 遮罩，保留原有「两扇门」离场动画)
 *        ├ .w-stars / .w-grain / .w-vignette   ← 沿用原有，覆盖整层
 *        └ .wc-scroll(absolute inset:0，唯一滚动层)
 *            ├ .wc-hero    首屏（复用 .w-rings / .w-taiji 品牌资产）
 *            └ .wc-sample  AI命书示例
 * 滚动层放在内部，是为了让 .welcome::before/::after 那两扇门不受 overflow 影响。
 */

#welcome {
  /* 原规则是 flex 居中；改为块级，由 .wc-scroll 铺满并自行居中 */
  display: block;
  --paper: #e7ddc5;
  --paper-line: rgba(118, 88, 32, .18);
  --paper-text: #302a20;
  --paper-title: #6f521f;
  --paper-sub: #6a4f1c;     /* 对比度 5.66 */
  --paper-foot: #554c3c;    /* 对比度 6.26 */
  --paper-seal: #8f3329;    /* 对比度 5.82 */
}

.wc-scroll {
  position: absolute;
  inset: 0;
  z-index: 2;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) { .wc-scroll { scroll-behavior: auto; } }

/* ===== 首屏 ===== */
.wc-hero {
  position: relative;
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 24px 40px;
}
/* 命盘印记：罗盘环 / 五词 / 太极共心。
   原先 .w-rings 是靠 .welcome 的 flex 居中的；本页把 .welcome 改成块级后
   它会掉回左上角，所以在这里显式定位到本容器中心。 */
.wc-mark {
  position: relative;
  display: grid;
  place-items: center;
  width: 300px;
  height: 300px;
  margin: 0 auto;
}
#welcome .wc-mark .w-rings {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

/* 命盘五词：沿圆环等分（72° 一个），淡入一次后静置，不循环闪烁。
   纯装饰——同样这五个词在下方副标题里有全对比度的文字版，故 aria-hidden。 */
.wc-words {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  width: 0;
  height: 0;
  --r: 134px;
  pointer-events: none;
}
.wc-words b {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  color: var(--gold);
  font-family: "ShanmuSong", "Songti SC", "STSong", serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .14em;
  white-space: nowrap;
  transform:
    rotate(var(--a))
    translateY(calc(var(--r) * -1))
    rotate(calc(var(--a) * -1))
    translate(-50%, -50%);
  animation: wcWord 1s ease forwards;
}
.wc-words b:nth-child(1) { --a:   0deg; animation-delay: 2.6s; }
.wc-words b:nth-child(2) { --a:  72deg; animation-delay: 2.9s; }
.wc-words b:nth-child(3) { --a: 144deg; animation-delay: 3.2s; }
.wc-words b:nth-child(4) { --a: 216deg; animation-delay: 3.5s; }
.wc-words b:nth-child(5) { --a: 288deg; animation-delay: 3.8s; }
@keyframes wcWord { from { opacity: 0; } to { opacity: .6; } }

/* 文案层 —— .welcome-inner 的定位/离场动画沿用 style.css，此处只补新元素 */
.wc-eyebrow {
  font-family: "ShanmuSong", "Songti SC", "STSong", "Noto Serif SC", "SimSun", serif;
  margin: 10px 0 14px;
  color: var(--gold);            /* 对比度 6.64（原 --gold-dim 仅 4.16） */
  font-size: 11.5px;
  letter-spacing: .34em;
  text-indent: .34em;
}
.wc-title {
  font-family: "ShanmuSong", "Songti SC", "STSong", "Noto Serif SC", "SimSun", serif;
  margin: 0;
  font-family: "ShanmuSong", "Songti SC", "STSong", "Noto Serif SC", "SimSun", serif;
  font-size: clamp(28px, 4.6vw, 46px);
  font-weight: 500;
  line-height: 1.42;
  letter-spacing: .06em;
  background: linear-gradient(180deg, #ecdbb0, #c8a86a 55%, #8a7448);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.wc-lead {
  max-width: 620px;
  margin: 18px auto 0;
  color: #d9d2c2;
  font-size: 15px;
  line-height: 1.95;
}

/* 主按钮：品牌金实心。文字用墨底色，压在最浅一档金上对比度 12.7、最深一档 6.0 */
.wc-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-width: 230px;
  min-height: 54px;
  margin-top: 30px;
  padding: 0 34px;
  border: 1px solid rgba(231, 211, 164, .7);
  border-radius: 10px;
  color: var(--bg);
  background: linear-gradient(135deg, var(--gold-bright), var(--gold));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45), 0 14px 34px rgba(0, 0, 0, .34);
  font-family: inherit;
  font-size: 15.5px;
  font-weight: 700;
  letter-spacing: .1em;
  cursor: pointer;
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}
.wc-cta i { font-style: normal; transition: transform .18s ease; }
.wc-cta:hover { transform: translateY(-2px); filter: brightness(1.05); }
.wc-cta:hover i { transform: translateX(4px); }
.wc-cta:active { transform: translateY(0) scale(.985); }
.wc-cta:focus-visible { outline: 2px solid var(--gold-bright); outline-offset: 4px; }
.wc-cta[disabled] { cursor: default; filter: none; transform: none; }

.wc-note {
  margin: 13px 0 0;
  color: var(--muted);           /* 对比度 5.54 */
  font-size: 12px;
  letter-spacing: .03em;
}
.wc-down {
  display: inline-grid;
  justify-items: center;
  gap: 6px;
  margin-top: 34px;
  color: var(--muted);
  font-size: 12px;
  letter-spacing: .12em;
  text-decoration: none;
  cursor: pointer;
}
.wc-down i { font-style: normal; color: var(--gold); animation: wcDown 1.8s ease-in-out infinite; }
@keyframes wcDown { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(5px); } }

/* ===== AI命书示例 ===== */
.wc-sample {
  position: relative;
  padding: 96px 24px 104px;
  background: linear-gradient(180deg, rgba(9, 18, 15, .55), rgba(14, 26, 22, .92) 22%, rgba(14, 26, 22, .96));
}
.wc-sample-head { max-width: 720px; margin: 0 auto 44px; text-align: center; }
.wc-label { margin: 0 0 12px; color: var(--gold); font-size: 11.5px; letter-spacing: .3em; text-indent: .3em; }
.wc-sample-head h2 {
  margin: 0;
  font-family: "ShanmuSong", "Songti SC", "STSong", serif;
  font-size: clamp(24px, 3.4vw, 38px);
  font-weight: 500;
  color: var(--gold-bright);
}
.wc-sample-head p { margin: 14px 0 0; color: var(--muted); font-size: 13.5px; }

.wc-book-shell { width: min(100%, 940px); margin: 0 auto; }
.wc-book {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  overflow: hidden;
  border: 1px solid rgba(184, 149, 82, .34);
  border-radius: 6px 14px 14px 6px;
  color: var(--paper-text);
  background: var(--paper);
  box-shadow: 0 32px 84px rgba(0, 0, 0, .55), 0 0 0 8px rgba(138, 116, 72, .08);
}
/* 书脊 */
.wc-book::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 34px;
  transform: translateX(-50%);
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(75, 56, 28, .18), rgba(255, 255, 255, .26), rgba(75, 56, 28, .14), transparent);
}
.wc-page {
  position: relative;
  padding: 50px 54px 60px;
  background: linear-gradient(rgba(255, 255, 255, .13), rgba(255, 255, 255, 0)), var(--paper);
}
.wc-page + .wc-page { border-left: 1px solid rgba(118, 88, 32, .14); }
.wc-page::before {
  content: "";
  position: absolute;
  inset: 20px;
  border: 1px solid var(--paper-line);
  pointer-events: none;
}
.wc-kicker { margin: 0 0 8px; color: var(--paper-sub); font-size: 11px; letter-spacing: .28em; }
.wc-book h3 {
  position: relative;
  margin: 0 0 24px;
  color: var(--paper-title);
  font-family: "ShanmuSong", "Songti SC", "STSong", serif;
  font-size: 25px;
  font-weight: 600;
  letter-spacing: .1em;
}
.wc-book h4 {
  position: relative;
  margin: 22px 0 9px;
  color: var(--paper-sub);
  font-family: "ShanmuSong", "Songti SC", "STSong", serif;
  font-size: 16.5px;
}
.wc-book p, .wc-book li {
  position: relative;
  font-family: "ShanmuSong", "Songti SC", "STSong", serif;
  font-size: 14.5px;
  line-height: 1.95;
}
.wc-book ul { margin: 0; padding-left: 1.2em; }

.wc-profile {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 14px 0;
  border-top: 1px solid rgba(118, 88, 32, .2);
  border-bottom: 1px solid rgba(118, 88, 32, .2);
}
.wc-profile span { font-size: 12.5px; }

/* 印章：实色（原 .82 透明度令对比度只有 3.6，而它承载「虚构」这层声明） */
.wc-seal {
  position: absolute;
  right: 42px;
  bottom: 40px;
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border: 2px solid var(--paper-seal);
  color: var(--paper-seal);
  font-family: "ShanmuSong", "Songti SC", "STSong", serif;
  font-size: 12.5px;
  line-height: 1.2;
  text-align: center;
  transform: rotate(-7deg);
}
.wc-foot {
  position: absolute;
  right: 54px;
  bottom: 24px;
  color: var(--paper-foot);      /* 对比度 6.26（原 2.90 不合格） */
  font-size: 10.5px;
}

/* 章节：等高，避免切换时书本高度跳动 */
.wc-chapter { display: none; }
.wc-chapter.is-on { display: block; animation: wcChapter .42s cubic-bezier(.22,.8,.22,1) both; }
@keyframes wcChapter { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: none; } }
.wc-chapters { min-height: 360px; }

.wc-locked {
  position: relative;
  margin-top: 20px;
  padding: 16px 0 34px;
  overflow: hidden;
  border-top: 1px solid var(--paper-line);
}
.wc-locked > p { margin: 0; }
.wc-locked::after {
  content: "";
  position: absolute;
  inset: 0;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  background: linear-gradient(transparent, rgba(231, 221, 197, .94) 74%);
}
.wc-locked-label {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  color: var(--paper-sub);
  font-size: 12px;
  line-height: 1.7;
  text-align: center;
}

.wc-controls { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 22px; }
.wc-ctrl {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(184, 149, 82, .4);
  border-radius: 50%;
  color: var(--gold-bright);
  background: rgba(184, 149, 82, .07);
  cursor: pointer;
  font: inherit;
}
.wc-ctrl:hover { background: rgba(184, 149, 82, .16); }
.wc-ctrl:focus-visible { outline: 2px solid var(--gold-bright); outline-offset: 3px; }
.wc-dots { display: flex; gap: 8px; }
.wc-dots i { width: 6px; height: 6px; border-radius: 50%; background: rgba(184, 149, 82, .3); transition: width .2s ease; }
.wc-dots i.is-on { width: 22px; border-radius: 999px; background: var(--gold); }

.wc-final { max-width: 740px; margin: 76px auto 0; text-align: center; }
.wc-final h2 {
  margin: 0;
  font-family: "ShanmuSong", "Songti SC", "STSong", serif;
  font-size: clamp(23px, 3.2vw, 34px);
  font-weight: 500;
  color: var(--gold-bright);
}
.wc-final > p { margin: 15px 0 0; color: var(--muted); line-height: 1.8; }

/* ===== 窄屏 ===== */
@media (max-width: 760px) {
  .wc-hero { padding: 40px 20px 34px; }
  .wc-mark { width: 228px; height: 228px; }
  .wc-words { --r: 102px; }
  #welcome .wc-mark .w-rings { transform: translate(-50%, -50%) scale(.7); }
  .wc-words b { font-size: 11px; }
  .wc-lead { font-size: 14px; }
  .wc-cta { width: min(100%, 330px); }
  .wc-sample { padding: 70px 16px 72px; }

  /* 两页上下堆叠 —— 不是隐藏左页。
     原版在此处写了 .wc-page:first-child{display:none}，
     导致手机端整块「命主资料 / 命盘摘要 / 目录 / 虚构印章」全部消失。 */
  .wc-book { display: block; }
  .wc-book::after { display: none; }
  .wc-page { padding: 38px 28px 52px; }
  .wc-page + .wc-page { border-left: none; border-top: 1px solid rgba(118, 88, 32, .16); }
  .wc-page::before { inset: 15px; }
  .wc-chapters { min-height: 0; }
  .wc-seal { right: 26px; bottom: 24px; }
  .wc-foot { right: 28px; }
}

@media (prefers-reduced-motion: reduce) {
  .wc-words b { animation: none; opacity: .6; }
  .wc-down i { animation: none; }
  .wc-chapter.is-on { animation: none; }
}

/* ---------- 入口页字体统一 ----------
 * 命书 / 六大领域 / 首页早就在用 ShanmuSong 宋体（style.css:4 的 @font-face），
 * 而欢迎页原先是系统黑体，进到产品里会有一次字体跳变。这里对齐。 */
.wc-sample-head h2,
.wc-book h3,
.wc-book h4,
.wc-final h2,
.wc-cta {
  font-family: "ShanmuSong", "Songti SC", "STSong", "Noto Serif SC", "SimSun", serif;
}
.wc-cta { font-weight: 400; }

/* ===== 欢迎页 V2：七板块接入（保留现有品牌配色） ===== */
#welcome{display:block;color:#ded8c8;font-family:"ShanmuSong","Songti SC","STSong",serif}
#welcome *{box-sizing:border-box}
#welcome button,#welcome summary,#welcome a{font:inherit}
#welcome button{cursor:pointer}
#welcome a{color:inherit;text-decoration:none}
#welcome :focus-visible{outline:2px solid var(--gold-bright);outline-offset:4px}
#welcome .wc-wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}
#welcome .wc-nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(184,149,82,.18)}
#welcome .wc-brand{display:flex;align-items:center;gap:10px;color:var(--gold-bright);font-size:20px;letter-spacing:.25em}
#welcome button.wc-brand,#welcome .wc-nav nav button{padding:0;border:0;background:none;color:inherit}
#welcome .wc-brand svg{width:31px;height:31px}
#welcome .wc-nav nav{display:flex;gap:26px;color:var(--muted);font-size:12px;letter-spacing:.06em}
#welcome .wc-nav nav button:hover{color:var(--gold-bright)}
#welcome .wc-link-btn,#welcome .wc-note button,#welcome .wc-rule button{padding:0;border:0;border-bottom:1px solid rgba(184,149,82,.5);color:var(--gold-bright);background:none}

#welcome .wc-hero{min-height:690px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;justify-content:initial;gap:70px;padding:68px 0 84px}
#welcome .wc-hero-copy{max-width:630px;margin:0;padding:0;text-align:left}
#welcome .wc-eyebrow,#welcome .wc-label{margin:0;color:var(--gold);font-size:11px;letter-spacing:.3em}
#welcome .wc-title{margin:22px 0 0;color:var(--gold-bright);background:none;-webkit-text-fill-color:initial;font-size:clamp(38px,5vw,62px);font-weight:400;line-height:1.35;letter-spacing:.045em}
#welcome .wc-lead{max-width:570px;margin:24px 0 0;color:#d9d2c2;font-family:system-ui,"Microsoft YaHei",sans-serif;font-size:15px;line-height:2}
#welcome .wc-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:30px}
#welcome .wc-cta{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:13px;width:auto;min-width:0;margin:0;padding:0 30px;border:1px solid rgba(231,211,164,.7);border-radius:9px;color:var(--bg);background:linear-gradient(135deg,var(--gold-bright),var(--gold));box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 14px 34px rgba(0,0,0,.32);font-weight:400;letter-spacing:.08em;transition:.18s ease}
#welcome .wc-cta:hover{transform:translateY(-2px);filter:brightness(1.05)}
#welcome .wc-cta i{font-style:normal}
#welcome .wc-cta-small{min-height:46px;margin-top:18px}
#welcome .wc-secondary{min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding:0 26px;border:1px solid rgba(184,149,82,.38);border-radius:9px;color:#e2dccd;background:rgba(184,149,82,.05)}
#welcome .wc-secondary:hover{border-color:var(--gold);background:rgba(184,149,82,.1)}
#welcome .wc-note{margin:15px 0 0;color:var(--muted);font-family:system-ui,"Microsoft YaHei",sans-serif;font-size:12px;line-height:1.8}
#welcome .wc-hero-art{position:relative;min-height:480px;display:grid;place-items:center}
#welcome .wc-mark{position:absolute;inset:50% auto auto 50%;width:300px;height:300px;margin:0;transform:translate(-50%,-50%);display:grid;place-items:center;opacity:.34}
#welcome .wc-mark .w-rings{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
#welcome .wc-report{position:relative;width:min(340px,88%);min-height:410px;padding:38px 36px;border:1px solid rgba(184,149,82,.4);border-radius:3px;color:#ded8c8;background:linear-gradient(155deg,rgba(27,44,37,.98),rgba(10,20,17,.98));box-shadow:20px 28px 65px rgba(0,0,0,.43);transform:rotate(-3deg)}
#welcome .wc-report>p{margin:0;color:var(--muted);font-size:10px;letter-spacing:.13em}
#welcome .wc-report h2{margin:26px 0 30px;color:var(--gold-bright);font-size:34px;font-weight:400;line-height:1.55}
#welcome .wc-report dl{margin:0;border-top:1px solid rgba(184,149,82,.24)}
#welcome .wc-report dl div{display:grid;grid-template-columns:54px 1fr;gap:13px;padding:15px 0;border-bottom:1px solid rgba(184,149,82,.16)}
#welcome .wc-report dt{color:var(--gold);font-size:12px}
#welcome .wc-report dd{margin:0;color:#d5d0c2;font-size:13px}
#welcome .wc-report dd b,#welcome .wc-report dd small{display:block}
#welcome .wc-report dd b{color:#e9e1ce;font-size:14px;font-weight:400}
#welcome .wc-report dd small{margin-top:4px;color:var(--muted);font-family:system-ui,"Microsoft YaHei",sans-serif;font-size:11px;line-height:1.45}
#welcome .wc-report>span{position:absolute;right:26px;bottom:24px;width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:11px;transform:rotate(8deg)}

#welcome .wc-section{padding:88px 0;border-top:1px solid rgba(184,149,82,.16);background:linear-gradient(180deg,rgba(9,18,15,.25),rgba(14,26,22,.78))}
#welcome .wc-section:nth-of-type(even){background:rgba(12,23,19,.72)}
#welcome .wc-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:38px;margin-bottom:34px}
#welcome .wc-section-head h2,#welcome .wc-teacher h2,#welcome .wc-closing h2,#welcome .wc-dialog h2{margin:11px 0 0;color:var(--gold-bright);font-size:clamp(27px,3.2vw,38px);font-weight:400;line-height:1.5;letter-spacing:.04em}
#welcome .wc-section-head>p{max-width:430px;margin:0;color:var(--muted);font-family:system-ui,"Microsoft YaHei",sans-serif;font-size:13px;line-height:1.85}
#welcome .wc-process{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin:0;padding:0;list-style:none}
#welcome .wc-process li{padding:22px 2px 0;border-top:1px solid rgba(184,149,82,.5)}
#welcome .wc-process span{color:var(--gold);font:12px Georgia,serif}
#welcome .wc-process h3{margin:17px 0 10px;color:#e6deca;font-size:18px;font-weight:400}
#welcome .wc-process p{margin:0;color:var(--muted);font-family:system-ui,"Microsoft YaHei",sans-serif;font-size:13px;line-height:1.85}
#welcome .wc-rule{margin-top:34px;padding:18px 22px;border-left:2px solid var(--gold);color:#d8d2c3;background:rgba(184,149,82,.08);font-family:system-ui,"Microsoft YaHei",sans-serif;font-size:13px;line-height:1.8}

#welcome .wc-teacher{display:grid;grid-template-columns:.8fr 1.2fr;gap:66px;align-items:center}
#welcome .wc-placeholder{min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;border:1px solid rgba(184,149,82,.25);background:rgba(184,149,82,.04);color:var(--muted);font-size:12px;letter-spacing:.12em}
#welcome .wc-placeholder svg{width:90px;height:90px;opacity:.42}
#welcome .wc-teacher>div:last-child>p:not(.wc-label),#welcome .wc-teacher li{color:var(--muted);font-family:system-ui,"Microsoft YaHei",sans-serif;font-size:14px;line-height:1.9}
#welcome .wc-teacher ul{padding-left:1.2em}
#welcome .wc-brief-note{margin-top:18px!important;color:var(--gold)!important;font-size:12px!important}
#welcome .wc-empty{min-height:190px;display:grid;place-content:center;text-align:center;border:1px dashed rgba(184,149,82,.3);background:rgba(184,149,82,.025)}
#welcome .wc-empty strong{color:#e5ddca;font-size:20px;font-weight:400}
#welcome .wc-empty p{max-width:560px;margin:12px auto 0;color:var(--muted);font-family:system-ui,"Microsoft YaHei",sans-serif;font-size:13px;line-height:1.8}
#welcome .wc-section-quiet{padding-top:68px;padding-bottom:68px}
#welcome .wc-section-quiet .wc-empty{min-height:125px}

#welcome .wc-price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
#welcome .wc-price-grid article{display:flex;flex-direction:column;min-height:320px;padding:25px;border:1px solid rgba(184,149,82,.25);border-radius:8px;background:rgba(184,149,82,.035)}
#welcome .wc-price-grid article.is-featured{border-color:rgba(184,149,82,.55);background:linear-gradient(160deg,rgba(184,149,82,.11),rgba(184,149,82,.035))}
#welcome .wc-price-grid article>span{color:var(--gold);font-size:11px;letter-spacing:.14em}
#welcome .wc-price-grid h3{margin:20px 0 10px;color:#eee5cf;font-size:21px;font-weight:400;line-height:1.55}
#welcome .wc-price-grid p{color:var(--muted);font-family:system-ui,"Microsoft YaHei",sans-serif;font-size:13px;line-height:1.75}
#welcome .wc-price-grid b{margin-top:auto;color:#cbc3b2;font-family:system-ui,"Microsoft YaHei",sans-serif;font-size:12px;font-weight:400}
#welcome .wc-price-grid button{min-height:43px;margin-top:18px;border:1px solid rgba(184,149,82,.4);border-radius:7px;color:var(--gold-bright);background:rgba(184,149,82,.07)}

#welcome .wc-faq{max-width:860px;margin:0 auto}
#welcome .wc-faq details{padding:22px 0;border-bottom:1px solid rgba(184,149,82,.18)}
#welcome .wc-faq summary{display:flex;justify-content:space-between;gap:20px;list-style:none;color:#e8e0cc;font-size:16px;cursor:pointer}
#welcome .wc-faq summary::-webkit-details-marker{display:none}
#welcome .wc-faq summary::after{content:"＋";color:var(--gold)}
#welcome .wc-faq details[open] summary::after{content:"－"}
#welcome .wc-faq details p{margin:15px 0 0;padding-right:44px;color:var(--muted);font-family:system-ui,"Microsoft YaHei",sans-serif;font-size:14px;line-height:1.9}
#welcome .wc-closing{margin-top:70px;padding:45px 30px;border:1px solid rgba(184,149,82,.3);text-align:center;background:rgba(184,149,82,.06)}
#welcome .wc-closing>p{margin:0;color:var(--gold);font-size:11px;letter-spacing:.25em}
#welcome .wc-closing .wc-cta{margin-top:24px}
#welcome .wc-footer{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-family:system-ui,"Microsoft YaHei",sans-serif;font-size:11px}

#welcome .wc-dialog{width:min(520px,calc(100% - 32px));padding:34px;border:1px solid rgba(184,149,82,.42);border-radius:10px;color:#ddd6c6;background:#0e1a16;box-shadow:0 30px 90px rgba(0,0,0,.7)}
#welcome .wc-dialog::backdrop{background:rgba(2,8,6,.76);backdrop-filter:blur(3px)}
#welcome .wc-dialog>p:not(.wc-label){color:var(--muted);font-family:system-ui,"Microsoft YaHei",sans-serif;font-size:14px;line-height:1.85}
#welcome .wc-dialog-close{position:absolute;top:15px;right:17px;border:0;color:var(--muted);background:none;font-size:25px}
#welcome .wc-dialog .wc-secondary{margin-top:10px}
#welcome .wc-mobile-actions{display:none}

@media(max-width:920px){
  #welcome .wc-nav nav{display:none}
  #welcome .wc-hero{grid-template-columns:1fr;gap:20px;padding-top:54px}
  #welcome .wc-hero-copy{text-align:center;margin:auto}
  #welcome .wc-lead{margin-inline:auto}
  #welcome .wc-actions{justify-content:center}
  #welcome .wc-hero-art{min-height:440px}
  #welcome .wc-price-grid{grid-template-columns:repeat(2,1fr)}
  #welcome .wc-process{grid-template-columns:repeat(2,1fr)}
  #welcome .wc-teacher{gap:35px}
}
@media(max-width:620px){
  #welcome .wc-wrap{width:min(100% - 32px,1160px)}
  #welcome .wc-nav{min-height:66px}
  #welcome .wc-nav>.wc-link-btn{display:none}
  #welcome .wc-brand{font-size:18px}
  #welcome .wc-hero{min-height:0;padding:48px 0 60px}
  #welcome .wc-title{font-size:38px}
  #welcome .wc-lead{font-size:14px}
  #welcome .wc-actions{display:grid}
  #welcome .wc-actions>*{width:100%}
  #welcome .wc-note{line-height:2}
  #welcome .wc-hero-art{min-height:370px}
  #welcome .wc-mark{transform:translate(-50%,-50%) scale(.78)}
  #welcome .wc-report{min-height:350px;padding:30px 28px}
  #welcome .wc-report h2{font-size:28px}
  #welcome .wc-section{padding:58px 0}
  #welcome .wc-section-head{display:block}
  #welcome .wc-section-head>p{margin-top:15px}
  #welcome .wc-price-grid,#welcome .wc-process,#welcome .wc-teacher{grid-template-columns:1fr}
  #welcome .wc-process{gap:22px}
  #welcome .wc-placeholder{min-height:230px}
  #welcome .wc-price-grid article{min-height:265px}
  #welcome .wc-faq details p{padding-right:0}
  #welcome .wc-closing{margin-top:48px;padding:32px 18px}
  #welcome .wc-footer{display:block;padding:25px 0 90px;line-height:2}
  #welcome .wc-mobile-actions{position:fixed;right:0;bottom:0;left:0;z-index:20;display:grid;grid-template-columns:1fr 1.3fr;gap:10px;padding:10px 16px max(10px,env(safe-area-inset-bottom));border-top:1px solid rgba(184,149,82,.28);background:rgba(9,18,15,.96);backdrop-filter:blur(12px)}
  #welcome .wc-mobile-actions .wc-cta,#welcome .wc-mobile-actions .wc-secondary{width:100%;min-height:45px;padding:0 12px}
  #welcome .wc-dialog{padding:30px 24px}
}

/* ===== 客户价值：四个真实问题 + 匿名测试命盘原文节选 ===== */
#welcome .wc-sample-note{margin:-12px 0 30px;padding-left:14px;border-left:2px solid rgba(184,149,82,.48);color:var(--muted);font-family:system-ui,"Microsoft YaHei",sans-serif;font-size:11px;line-height:1.7}
#welcome .wc-benefit-list{border-top:1px solid rgba(184,149,82,.22)}
#welcome .wc-benefit-list article{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:70px;padding:42px 0;border-bottom:1px solid rgba(184,149,82,.18)}
#welcome .wc-benefit-title{position:relative;padding-left:47px}
#welcome .wc-benefit-title>span{position:absolute;top:4px;left:0;color:var(--gold);font:11px Georgia,serif;letter-spacing:.15em}
#welcome .wc-benefit-title h3{margin:0;color:#eee5cf;font-size:25px;font-weight:400;line-height:1.45}
#welcome .wc-benefit-title p{margin:13px 0 0;color:var(--muted);font-family:system-ui,"Microsoft YaHei",sans-serif;font-size:13px;line-height:1.9}
#welcome .wc-benefit-list blockquote{margin:0;padding:0 0 0 27px;border-left:1px solid rgba(184,149,82,.38)}
#welcome .wc-benefit-list blockquote small{display:block;margin-bottom:11px;color:var(--gold);font-family:system-ui,"Microsoft YaHei",sans-serif;font-size:10px;letter-spacing:.13em}
#welcome .wc-benefit-list blockquote p{margin:0;color:#dcd5c4;font-size:15px;line-height:2}
#welcome .wc-benefit-list blockquote p+p{margin-top:12px}
#welcome .wc-benefit-action{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:34px;padding:28px 0}
#welcome .wc-benefit-action>div:first-child strong{color:#eee5cf;font-size:18px;font-weight:400}
#welcome .wc-benefit-action>div:first-child p{margin:7px 0 0;color:var(--muted);font-family:system-ui,"Microsoft YaHei",sans-serif;font-size:12px;line-height:1.7}
#welcome .wc-benefit-action>div:last-child{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
#welcome .wc-price-grid article.is-unavailable{border-style:dashed;background:rgba(184,149,82,.015)}
#welcome .wc-price-grid article.is-unavailable button[disabled]{cursor:not-allowed;color:var(--muted);border-color:rgba(184,149,82,.16);background:transparent}

@media(max-width:760px){
  #welcome .wc-benefit-list article{grid-template-columns:1fr;gap:22px;padding:34px 0}
  #welcome .wc-benefit-list blockquote{margin-left:47px}
  #welcome .wc-benefit-action{display:block;padding-bottom:8px}
  #welcome .wc-benefit-action>div:last-child{display:grid;justify-content:stretch;margin-top:20px}
  #welcome .wc-benefit-action .wc-cta,#welcome .wc-benefit-action .wc-secondary{width:100%}
}
@media(max-width:420px){
  #welcome .wc-benefit-title{padding-left:38px}
  #welcome .wc-benefit-title h3{font-size:22px}
  #welcome .wc-benefit-list blockquote{margin-left:38px;padding-left:19px}
  #welcome .wc-benefit-list blockquote p{font-size:14px;line-height:1.95}
}

/* 首屏两条入口同等尺寸与视觉权重。 */
#welcome .wc-hero-copy .wc-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; width:100%; max-width:500px; }
#welcome .wc-hero-copy .wc-actions .wc-cta { box-sizing:border-box; width:100%; min-width:0; min-height:54px; padding:12px; white-space:nowrap; }
@media(max-width:380px){ #welcome .wc-hero-copy .wc-actions { grid-template-columns:1fr; gap:10px; } }

#welcome .wc-sample-tabs { display:flex; gap:8px; border-bottom:1px solid rgba(184,149,82,.24); margin:24px 0 0; overflow-x:auto; }
#welcome .wc-sample-tabs button { flex:1; min-width:100px; padding:17px 16px; border:0; border-bottom:2px solid transparent; color:#aeb8ad; background:none; font:inherit; cursor:pointer; white-space:nowrap; }
#welcome .wc-sample-tabs button[aria-selected="true"] { color:#ead6a7; border-bottom-color:#c6a464; background:rgba(184,149,82,.05); }
#welcome .wc-sample-tabs button:focus-visible,#welcome .wc-sample-page summary:focus-visible { outline:2px solid #c6a464; outline-offset:-3px; }
#welcome .wc-sample-layout { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:48px; padding:36px 0 28px; }
#welcome .wc-sample-overview h3 { margin:12px 0 18px; font:400 27px/1.6 "ShanmuSong","Songti SC",serif; color:#ead6a7; }
#welcome .wc-sample-overview p { font-size:15px; line-height:1.9; color:#b5bfb4; }
#welcome .wc-sample-overview .wc-sample-delivery { margin:20px 0; font-size:13px; color:#bda77e; }
#welcome .wc-sample-page { padding:26px 28px; background:rgba(255,255,255,.025); border-left:2px solid rgba(184,149,82,.45); }
#welcome .wc-sample-page .wc-sample-caption { margin:0 0 20px; font-size:12px; color:#bda77e; letter-spacing:1px; }
#welcome .wc-sample-page p { margin:0 0 18px; color:#d7ddd4; font-size:16px; line-height:2; }
#welcome .wc-sample-page summary { padding:12px 0; color:#ddc48f; cursor:pointer; font-size:14px; }
#welcome .wc-sample-page details[open] summary { margin-bottom:14px; }
#welcome .wc-sample-page .wc-sample-end { font-size:13px; color:#aab5a8; }
@media(max-width:700px){ #welcome .wc-sample-layout { grid-template-columns:1fr; gap:22px; padding-top:24px; } #welcome .wc-sample-overview h3 { font-size:23px; } #welcome .wc-sample-page { padding:22px 18px; } #welcome .wc-sample-tabs button { min-width:90px; padding:14px 8px; font-size:14px; } }

#welcome .wc-value-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:48px; margin-top:20px; }
#welcome .wc-value-grid article { padding:26px 0 30px; border-top:1px solid rgba(184,149,82,.2); }
#welcome .wc-value-number { color:#a98e58; font-size:12px; letter-spacing:2px; }
#welcome .wc-value-grid h3 { margin:12px 0; color:#ead6a7; font:400 24px/1.6 "ShanmuSong","Songti SC",serif; }
#welcome .wc-value-grid p { margin:0 0 16px; color:#bcc5b9; font-size:15px; line-height:1.95; }
#welcome .wc-value-detail { color:#a69c80; font-size:12px; }
#welcome .wc-value-closing { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:24px; border-top:1px solid rgba(184,149,82,.2); }
#welcome .wc-value-closing p { color:#d5d8cb; margin:0; line-height:1.8; }
@media(max-width:650px){ #welcome .wc-value-grid { grid-template-columns:1fr; } #welcome .wc-value-grid h3 { font-size:22px; } #welcome .wc-value-closing { flex-direction:column; align-items:stretch; } }

/* 解读方式：连续三行，避免重复产品卡片。 */
#welcome .wc-value-rows article { display:grid; grid-template-columns:220px minmax(0,1fr); gap:32px; padding:26px 0; border-top:1px solid rgba(184,149,82,.2); }
#welcome .wc-value-rows h3 { margin:0; color:#ead6a7; font:400 23px/1.7 "ShanmuSong","Songti SC",serif; }
#welcome .wc-value-rows p { margin:0; color:#bcc5b9; font-size:15px; line-height:1.95; }
#welcome .wc-value-back { margin-top:20px; padding:10px 0; border:0; background:none; color:#d9bf87; font:inherit; cursor:pointer; }
/* 项目与价格：固定信息层次，便于逐项比较。 */
#welcome .wc-plan-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; align-items:stretch; }
#welcome .wc-plan { display:flex; flex-direction:column; padding:26px 22px; border:1px solid rgba(184,149,82,.26); border-radius:14px; background:rgba(255,255,255,.018); }
#welcome .wc-plan-featured { background:linear-gradient(155deg,rgba(184,149,82,.12),rgba(184,149,82,.035)); border-color:rgba(184,149,82,.55); }
#welcome .wc-plan-heading { min-height:76px; }
#welcome .wc-plan-heading>span { color:#bca579; font-size:12px; letter-spacing:1px; }
#welcome .wc-plan h3 { margin:10px 0 0; color:#ead6a7; font:400 25px/1.5 "ShanmuSong","Songti SC",serif; }
#welcome .wc-plan-price { margin:26px 0 22px; min-height:76px; }
#welcome .wc-plan-price strong { display:block; color:#eee5cf; font:400 30px/1.5 system-ui,"Microsoft YaHei",sans-serif; }
#welcome .wc-plan-price>span { display:block; margin-top:6px; color:#9faa9d; font-size:12px; line-height:1.7; }
#welcome .wc-plan-description { margin:0 0 22px; min-height:76px; color:#bbc3b5; font-size:14px; line-height:1.85; }
#welcome .wc-plan>button { width:100%; min-height:46px; padding:10px 12px; border:1px solid rgba(184,149,82,.5); border-radius:24px; background:rgba(184,149,82,.05); color:#dfc998; font:inherit; cursor:pointer; }
#welcome .wc-plan-featured>button { background:#c6a464; color:#102019; }
#welcome .wc-plan>button:hover { filter:brightness(1.12); }
#welcome .wc-plan>button:focus-visible,#welcome .wc-value-back:focus-visible { outline:2px solid #ead6a7; outline-offset:4px; }
#welcome .wc-plan-features { margin-top:26px; padding-top:22px; border-top:1px solid rgba(184,149,82,.15); }
#welcome .wc-plan-features h4 { margin:0 0 16px; color:#d5d8cb; font-size:13px; font-weight:400; }
#welcome .wc-plan-features ul { margin:0; padding:0; list-style:none; }
#welcome .wc-plan-features li { display:flex; align-items:baseline; gap:10px; margin:0 0 15px; color:#b8c1b1; font-size:13px; line-height:1.8; }
#welcome .wc-plan-features li>span { color:#bca579; flex-shrink:0; }
#welcome .wc-plan-footnote { margin:20px 0 0; color:#98a391; font-size:12px; line-height:1.85; }
@media(max-width:1050px){ #welcome .wc-plan-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px){ #welcome .wc-plan-grid { grid-template-columns:1fr; } #welcome .wc-plan { padding:24px; } #welcome .wc-plan-description,#welcome .wc-plan-heading { min-height:0; } #welcome .wc-plan-price { margin:20px 0; } #welcome .wc-value-rows article { grid-template-columns:1fr; gap:10px; padding:22px 0; } }

/* 命书分析依据：两列三行的方法目录，无卡片底色。 */
#welcome .wc-method-heading { margin-bottom:32px; }
#welcome .wc-method-heading h2 { margin:12px 0 16px; color:#ead6a7; font:400 clamp(26px,3.2vw,38px)/1.6 "ShanmuSong","Songti SC",serif; letter-spacing:1px; }
#welcome .wc-method-heading>p:last-child { margin:0; color:#aeb8ad; font-size:15px; line-height:1.85; }
#welcome .wc-method-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:64px; }
#welcome .wc-method-grid article { position:relative; padding:28px 0 30px; }
#welcome .wc-method-grid article::before { content:""; position:absolute; top:0; left:0; width:52px; height:1px; background:rgba(184,149,82,.42); }
#welcome .wc-method-grid h3 { margin:0 0 10px; color:#dfc998; font:400 23px/1.6 "ShanmuSong","Songti SC",serif; letter-spacing:1px; }
#welcome .wc-method-grid p { margin:0; color:#b8c1b1; font:400 15px/1.9 system-ui,"Microsoft YaHei",sans-serif; }
@media(max-width:600px){ #welcome .wc-method-heading { margin-bottom:24px; } #welcome .wc-method-grid { grid-template-columns:1fr; } #welcome .wc-method-grid article { padding:22px 0 24px; } #welcome .wc-method-grid h3 { font-size:21px; } }

/* 方法总览：侧边导读与整体网格，建立一处完整的视觉焦点。 */
#welcome #wc-method { position:relative; }
#welcome .wc-method-composition { display:grid; grid-template-columns:minmax(250px,.8fr) minmax(0,1.6fr); gap:64px; align-items:start; }
#welcome .wc-method-heading { margin:0; padding-top:22px; }
#welcome .wc-method-heading h2 { margin:24px 0; font-size:clamp(32px,3.4vw,44px); line-height:1.55; letter-spacing:2px; }
#welcome .wc-method-heading>p { line-height:2; }
#welcome .wc-method-signature { display:flex; align-items:center; gap:13px; margin-top:40px; color:#ad9870; font-size:11px; letter-spacing:2px; }
#welcome .wc-method-signature i { width:36px; height:1px; background:rgba(184,149,82,.4); }
#welcome .wc-method-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:0; border:1px solid rgba(184,149,82,.2); border-radius:12px; overflow:hidden; background:linear-gradient(135deg,rgba(184,149,82,.055),rgba(255,255,255,.009)); }
#welcome .wc-method-grid article { padding:30px 28px 32px; min-height:138px; box-sizing:border-box; border-bottom:1px solid rgba(184,149,82,.13); transition:background .2s ease; }
#welcome .wc-method-grid article:nth-child(odd) { border-right:1px solid rgba(184,149,82,.13); }
#welcome .wc-method-grid article:nth-last-child(-n+2) { border-bottom:0; }
#welcome .wc-method-grid article::before { display:none; }
#welcome .wc-method-grid article:hover { background:rgba(184,149,82,.045); }
#welcome .wc-method-grid h3 { margin:0 0 12px; font-size:21px; color:#e2cfa5; letter-spacing:1px; }
#welcome .wc-method-grid p { color:#aab5a5; font-size:13px; line-height:1.9; max-width:240px; }
@media(max-width:1000px){ #welcome .wc-method-composition { grid-template-columns:1fr; gap:30px; } #welcome .wc-method-heading h2 br { display:none; } #welcome .wc-method-heading { padding-top:0; } #welcome .wc-method-heading h2 { margin:14px 0; } #welcome .wc-method-signature { display:none; } #welcome .wc-method-heading>p br { display:none; } }
@media(max-width:600px){ #welcome .wc-method-heading h2 { font-size:29px; letter-spacing:1px; } #welcome .wc-method-grid { grid-template-columns:repeat(2,minmax(0,1fr)); border-radius:8px; } #welcome .wc-method-grid article { padding:22px 16px; min-height:132px; } #welcome .wc-method-grid h3 { font-size:18px; letter-spacing:0; } #welcome .wc-method-grid p { font-size:12px; } }

#welcome .wc-priced-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
#welcome .wc-plan-price strong small { font-size:12px; color:#aab6a1; }
#welcome .wc-plan-price .wc-price-usd { font-size:17px; color:#ddc798; }
#welcome .wc-human-pricing { margin-top:38px; padding-top:26px; border-top:1px solid rgba(184,149,82,.25); }
#welcome .wc-human-pricing h3 { color:#ead6a7; font:400 25px/1.6 "ShanmuSong",serif; margin:10px 0 20px; }
#welcome .wc-human-price-row { display:flex; align-items:center; gap:24px; padding:22px 0; border-bottom:1px solid rgba(184,149,82,.15); }
#welcome .wc-human-price-row>div { flex:1; }
#welcome .wc-human-price-row h4 { margin:0 0 6px; color:#d9ceb4; font-size:18px; font-weight:400; }
#welcome .wc-human-price-row p { color:#9eac94; font-size:13px; margin:0; line-height:1.9; }
#welcome .wc-human-price-row .wc-human-price { color:#ead6a7; font-size:25px; white-space:nowrap; }
#welcome .wc-human-price span { color:#aeb69e; font-size:14px; }
#welcome .wc-payment-rules { margin-top:24px; padding:18px 0; border-top:1px solid rgba(184,149,82,.2); }
#welcome .wc-payment-rules summary { color:#d6bf8c; font-size:14px; cursor:pointer; }
#welcome .wc-payment-rules p { color:#a8b29b; font-size:13px; line-height:1.9; }
@media(max-width:760px){ #welcome .wc-priced-grid { grid-template-columns:1fr; } #welcome .wc-human-price-row { flex-wrap:wrap; gap:14px; } #welcome .wc-human-price-row>div { flex-basis:100%; } #welcome .wc-human-price-row .wc-human-price { flex:1; } }
