/* =========================================================
   威软助手 · PC 首页重构 v3 — 暖金编辑风（impeccable）
   作用域：.wr-home（登录态） / .wr-landing（落地页）
   仅作用于首页，不污染其他模块；导航/页脚通过 body.is-home 微调
   ========================================================= */

/* ── 设计 Token ─────────────────────────────── */
body.is-home, .wr-home, .wr-landing {
  --w-ink:        oklch(26% 0.02 55);
  --w-ink-2:      oklch(45% 0.015 55);
  --w-ink-3:      oklch(62% 0.012 55);
  --w-paper:      oklch(97.5% 0.012 85);
  --w-paper-2:    oklch(99.2% 0.006 85);
  --w-card:       oklch(100% 0 0);
  --w-line:       oklch(91% 0.012 75);
  --w-line-2:     oklch(86% 0.014 75);
  --w-gold:       oklch(66% 0.135 70);
  --w-gold-d:     oklch(52% 0.145 62);
  --w-gold-l:     oklch(90% 0.055 82);
  --w-gold-soft:  oklch(96% 0.03 86);
  --w-red:        oklch(60% 0.19 32);
  --w-shadow:     0 18px 44px rgba(60,40,18,.10);
  --w-shadow-sm:  0 8px 22px rgba(60,40,18,.08);
  --w-radius:     20px;
  --w-radius-sm:  14px;
  --w-font-disp:  "Fraunces", "Songti SC", Georgia, serif;
  --w-font:       "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
}

/* ── 入场动画 ──────────────────────────────── */
@keyframes wFadeUp { from { opacity:0; transform:translateY(20px);} to { opacity:1; transform:translateY(0);} }
@keyframes wGlow { 0%,100% { transform: translate3d(0,0,0) scale(1);} 50% { transform: translate3d(2%,-2%,0) scale(1.08);} }
@keyframes wPulse { 0%,100% { opacity:.5;} 50% { opacity:1;} }
@keyframes wFloat { 0% { transform: translateY(0);} 50% { transform: translateY(-7px);} 100% { transform: translateY(0);} }
@keyframes wSpin { to { transform: rotate(360deg);} }

.wr-home *, .wr-landing * { box-sizing: border-box; }
.wr-home, .wr-landing { font-family: var(--w-font); color: var(--w-ink); }
.wr-home .page-container, .wr-landing .page-container { max-width: 1180px; margin: 0 auto; padding: 1.75rem 1.5rem 3.5rem; }

/* 通用区块 */
.wh-sec { margin: 3.2rem 0 0; animation: wFadeUp .6s ease both; }
.wh-sec-head { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; margin-bottom:1.3rem; }
.wh-sec-h { font-family: var(--w-font-disp); font-weight:700; font-size: clamp(1.5rem,2.4vw,2rem); line-height:1.1; margin:0; letter-spacing:-.01em; color: var(--w-ink); }
.wh-sec-h .wh-kicker { display:block; font-family: var(--w-font); font-size:.78rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color: var(--w-gold-d); margin-bottom:.5rem; }
.wh-sec-sub { margin:.35rem 0 0; color: var(--w-ink-3); font-size:.92rem; max-width: 46ch; }
.wh-sec-more { color: var(--w-gold-d); font-weight:700; font-size:.88rem; cursor:pointer; white-space:nowrap; display:inline-flex; align-items:center; gap:.25rem; }
.wh-sec-more:hover { gap:.5rem; }

/* 通用按钮 */
.wh-btn { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; font-family: var(--w-font); font-weight:700; font-size:.95rem; padding:.85rem 1.6rem; border-radius:999px; cursor:pointer; border:1px solid transparent; text-decoration:none; transition: transform .2s cubic-bezier(.22,1,.36,1), box-shadow .2s, background .2s, color .2s; }
.wh-btn-primary { background: linear-gradient(135deg, var(--w-gold) 0%, var(--w-gold-d) 100%); color:#fff; box-shadow: 0 12px 26px rgba(200,140,30,.32); }
.wh-btn-primary:hover { transform: translateY(-3px); box-shadow: 0 18px 34px rgba(200,140,30,.42); }
.wh-btn-ghost { background: var(--w-card); color: var(--w-ink); border-color: var(--w-line-2); box-shadow: var(--w-shadow-sm); }
.wh-btn-ghost:hover { transform: translateY(-3px); border-color: var(--w-gold); color: var(--w-gold-d); }

/* =========================================================
   登录态 · 问候 Hero（浅金，融入浅底）
   ========================================================= */
.wh-hero { position:relative; overflow:hidden; border-radius: var(--w-radius); background: linear-gradient(155deg, oklch(99% 0.006 88) 0%, oklch(96.5% 0.018 82) 55%, oklch(97% 0.022 74) 100%); color: var(--w-ink); border:1px solid var(--w-line); box-shadow: var(--w-shadow); padding: 2.6rem 2.8rem; }
.wh-hero-glow { position:absolute; inset:0; pointer-events:none; background:
    radial-gradient(46% 60% at 88% 6%, rgba(245,200,110,.32), transparent 60%),
    radial-gradient(40% 50% at 6% 96%, rgba(240,160,90,.20), transparent 62%); }
.wh-hero-inner { position:relative; display:grid; grid-template-columns: 1.5fr .9fr; gap:2.4rem; align-items:center; }
.wh-greet { font-size:.82rem; font-weight:700; letter-spacing:.06em; color: var(--w-gold-d); margin-bottom:.7rem; display:inline-flex; align-items:center; gap:.5rem; }
.wh-greet .wh-dot { width:8px; height:8px; border-radius:50%; background: var(--w-gold); box-shadow:0 0 0 4px rgba(220,170,70,.25); animation: wPulse 2.4s ease-in-out infinite; }
.wh-hero-title { font-family: var(--w-font-disp); font-weight:900; font-size: clamp(2.1rem,4.2vw,3.4rem); line-height:1.05; letter-spacing:-.02em; margin:0 0 1rem; color: var(--w-ink); }
.wh-hero-title .wh-grad { background: linear-gradient(120deg, var(--w-gold-d), oklch(58% 0.16 25)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.wh-hero-sub { color: var(--w-ink-2); font-size:1.02rem; line-height:1.7; max-width:34rem; margin:0 0 1.7rem; }
.wh-hero-cta { display:flex; flex-wrap:wrap; gap:.8rem; }

/* Hero 右侧 · 个人卡 */
.wh-hello-card { background: var(--w-card); border:1px solid var(--w-line); border-radius: var(--w-radius-sm); padding:1.5rem; box-shadow: var(--w-shadow-sm); position:relative; overflow:hidden; }
.wh-hello-card::before { content:""; position:absolute; top:0; left:0; right:0; height:4px; background: linear-gradient(90deg, var(--w-gold), oklch(58% 0.16 25)); }
.wh-hc-top { display:flex; align-items:center; gap:.8rem; margin-bottom:1.1rem; }
.wh-hc-avatar { width:46px; height:46px; border-radius:14px; background: linear-gradient(135deg, var(--w-gold), var(--w-gold-d)); color:#fff; font-weight:800; font-size:1.2rem; display:flex; align-items:center; justify-content:center; }
.wh-hc-name { font-weight:800; font-size:1.05rem; color: var(--w-ink); }
.wh-hc-role { font-size:.78rem; color: var(--w-ink-3); margin-top:.15rem; }
.wh-hc-pill { display:inline-flex; align-items:center; gap:.35rem; font-size:.72rem; font-weight:700; color: var(--w-gold-d); background: var(--w-gold-soft); border:1px solid var(--w-gold-l); padding:.25rem .6rem; border-radius:999px; }
.wh-mini-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:.6rem; }
.wh-mini-stat { text-align:center; padding:.7rem .3rem; border-radius:12px; background: var(--w-paper); border:1px solid var(--w-line); }
.wh-ms-num { font-family: var(--w-font-disp); font-weight:700; font-size:1.35rem; color: var(--w-ink); line-height:1; }
.wh-ms-label { font-size:.72rem; color: var(--w-ink-3); margin-top:.35rem; }

/* =========================================================
   登录态 · 8 模块创作矩阵
   ========================================================= */
.wh-matrix { display:grid; grid-template-columns: repeat(4,1fr); gap:1rem; }
.wh-mod { position:relative; display:flex; flex-direction:column; gap:.55rem; padding:1.3rem 1.25rem; background: var(--w-card); border:1px solid var(--w-line); border-radius: var(--w-radius-sm); cursor:pointer; overflow:hidden; transition: transform .22s cubic-bezier(.22,1,.36,1), box-shadow .22s, border-color .22s; }
.wh-mod::after { content:""; position:absolute; inset:0; background: radial-gradient(120% 100% at 100% 0%, rgba(240,190,90,.16), transparent 55%); opacity:0; transition:opacity .25s; }
.wh-mod:hover { transform: translateY(-6px); box-shadow: var(--w-shadow); border-color: var(--w-gold-l); }
.wh-mod:hover::after { opacity:1; }
.wh-mod-ico { width:46px; height:46px; border-radius:13px; display:flex; align-items:center; justify-content:center; font-size:1.4rem; background: var(--w-gold-soft); border:1px solid var(--w-gold-l); }
.wh-mod-name { font-weight:800; font-size:1.02rem; color: var(--w-ink); }
.wh-mod-desc { font-size:.8rem; color: var(--w-ink-3); line-height:1.5; }
.wh-mod-go { margin-top:auto; font-size:.78rem; font-weight:700; color: var(--w-gold-d); display:inline-flex; align-items:center; gap:.3rem; }
.wh-mod:hover .wh-mod-go { gap:.55rem; }

/* =========================================================
   数据看板条
   ========================================================= */
.wh-band { display:grid; grid-template-columns: repeat(4,1fr); gap:1px; background: var(--w-line); border:1px solid var(--w-line); border-radius: var(--w-radius-sm); overflow:hidden; }
.wh-band-stat { background: var(--w-card); padding:1.3rem 1.5rem; text-align:center; }
.wh-bs-num { font-family: var(--w-font-disp); font-weight:700; font-size: clamp(1.6rem,2.6vw,2.2rem); color: var(--w-ink); line-height:1; }
.wh-bs-label { font-size:.82rem; color: var(--w-ink-3); margin-top:.45rem; }

/* =========================================================
   社区动态 + 热点灵感 双栏
   ========================================================= */
.wh-dual { display:grid; grid-template-columns: 1fr 1fr; gap:1.25rem; }
.wh-panel { background: var(--w-card); border:1px solid var(--w-line); border-radius: var(--w-radius-sm); padding:1.5rem; }
.wh-panel-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:1rem; }
.wh-panel-head h3 { font-family: var(--w-font-disp); font-weight:700; font-size:1.2rem; margin:0; color: var(--w-ink); }
.wh-feed-item { display:flex; gap:.8rem; padding:.9rem 0; border-bottom:1px solid var(--w-line); cursor:pointer; }
.wh-feed-item:last-child { border-bottom:0; padding-bottom:0; }
.wh-feed-avatar { flex:0 0 36px; width:36px; height:36px; border-radius:50%; background: linear-gradient(135deg, var(--w-gold), var(--w-gold-d)); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:.8rem; }
.wh-feed-main { min-width:0; flex:1; }
.wh-feed-name { font-weight:700; font-size:.85rem; color: var(--w-ink); }
.wh-feed-text { font-size:.85rem; color: var(--w-ink-3); line-height:1.5; margin:.2rem 0 0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.wh-feed-meta { font-size:.72rem; color: var(--w-ink-3); margin-top:.25rem; }
.wh-chips { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:.4rem; }
.wh-chip { font-size:.8rem; font-weight:600; color: var(--w-gold-d); background: var(--w-gold-soft); border:1px solid var(--w-gold-l); padding:.42rem .85rem; border-radius:999px; cursor:pointer; transition: background .15s, transform .15s; }
.wh-chip:hover { background: var(--w-gold-l); transform: translateY(-2px); }
.wh-chip.hot { color: var(--w-red); background: oklch(96% 0.03 30); border-color: oklch(88% 0.08 30); }

/* 热点榜单 */
.wh-hotlist { list-style:none; margin:0; padding:0; }
.wh-hotlist li { display:flex; align-items:center; gap:.7rem; padding:.7rem 0; border-bottom:1px solid var(--w-line); cursor:pointer; }
.wh-hotlist li:last-child { border-bottom:0; }
.wh-rank { flex:0 0 24px; width:24px; height:24px; border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:.78rem; font-weight:800; color:#fff; background: var(--w-line-2); }
.wh-hotlist li:nth-child(1) .wh-rank { background: var(--w-red); }
.wh-hotlist li:nth-child(2) .wh-rank { background: oklch(58% 0.16 48); }
.wh-hotlist li:nth-child(3) .wh-rank { background: oklch(62% 0.14 70); }
.wh-hot-title { font-size:.88rem; color: var(--w-ink); line-height:1.4; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }
.wh-hot-loading, .wh-hot-empty { color: var(--w-ink-3); font-size:.86rem; padding:.55rem 0; list-style:none; }
.wh-mine-list { display:flex; flex-direction:column; }

/* =========================================================
   创作灵感流（模板 + AI 推荐）
   ========================================================= */
.wh-insp { display:grid; grid-template-columns: 1.3fr 1fr; gap:1.25rem; }
.wh-tpl-grid { display:grid; grid-template-columns: repeat(2,1fr); gap:.8rem; }
.wh-tpl { display:flex; align-items:center; gap:.7rem; padding:1rem; background: var(--w-card); border:1px solid var(--w-line); border-radius:12px; cursor:pointer; transition: border-color .2s, transform .2s; }
.wh-tpl:hover { border-color: var(--w-gold-l); transform:translateY(-3px); }
.wh-tpl-ico { width:38px; height:38px; border-radius:10px; background: var(--w-gold-soft); border:1px solid var(--w-gold-l); display:flex; align-items:center; justify-content:center; font-size:1.1rem; }
.wh-tpl-name { font-weight:700; font-size:.9rem; color: var(--w-ink); }
.wh-tpl-sub { font-size:.74rem; color: var(--w-ink-3); }
.wh-ai-card { background: linear-gradient(160deg, var(--w-ink) 0%, oklch(34% 0.03 55) 100%); color:#fff; border-radius: var(--w-radius-sm); padding:1.6rem; display:flex; flex-direction:column; gap:.8rem; position:relative; overflow:hidden; }
.wh-ai-card::after { content:""; position:absolute; right:-30px; bottom:-30px; width:160px; height:160px; border-radius:50%; background: radial-gradient(circle, rgba(245,200,110,.4), transparent 70%); }
.wh-ai-eyebrow { font-size:.74rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color: var(--w-gold-l); }
.wh-ai-title { font-family: var(--w-font-disp); font-weight:700; font-size:1.3rem; line-height:1.25; }
.wh-ai-desc { font-size:.85rem; color: rgba(255,255,255,.78); line-height:1.6; }
.wh-ai-btn { align-self:flex-start; margin-top:auto; background: var(--w-gold); color:#fff; border:0; font-weight:700; font-size:.88rem; padding:.7rem 1.3rem; border-radius:999px; cursor:pointer; transition: transform .2s, box-shadow .2s; }
.wh-ai-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(220,170,70,.4); }

/* =========================================================
   创作学院
   ========================================================= */
.wh-acad-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:1rem; }
.wh-lesson { display:flex; gap:.9rem; padding:1.2rem; background: var(--w-card); border:1px solid var(--w-line); border-radius: var(--w-radius-sm); transition: transform .2s, box-shadow .2s; cursor:pointer; }
.wh-lesson:hover { transform: translateY(-5px); box-shadow: var(--w-shadow); }
.wh-lesson-ico { flex:0 0 42px; width:42px; height:42px; border-radius:12px; background: var(--w-gold-soft); border:1px solid var(--w-gold-l); display:flex; align-items:center; justify-content:center; font-size:1.2rem; }
.wh-lesson h4 { margin:0 0 .3rem; font-weight:800; font-size:.98rem; color: var(--w-ink); }
.wh-lesson p { margin:0; font-size:.8rem; color: var(--w-ink-3); line-height:1.5; }

/* 会员横幅（loadMemberBanner 注入 #member-banner） */
.home-dashboard .member-banner { margin-bottom:1.5rem; border-radius: var(--w-radius-sm); }

/* =========================================================
   落地页（未登录）
   ========================================================= */
.wl-hero { position:relative; overflow:hidden; border-radius: var(--w-radius); background: linear-gradient(180deg, var(--w-ink) 0%, oklch(30% 0.03 55) 100%); color:#fff; padding: 4rem 3rem 3.4rem; box-shadow: var(--w-shadow); }
.wl-hero-glow { position:absolute; inset:0; pointer-events:none; background:
    radial-gradient(50% 60% at 85% 0%, rgba(245,200,110,.42), transparent 60%),
    radial-gradient(44% 60% at 4% 100%, rgba(230,130,70,.30), transparent 62%); }
.wl-hero-inner { position:relative; max-width:760px; }
.wl-badge { display:inline-flex; align-items:center; gap:.5rem; padding:.4rem .9rem; border:1px solid rgba(255,255,255,.25); background: rgba(255,255,255,.08); border-radius:999px; font-size:.8rem; font-weight:600; color: var(--w-gold-l); margin-bottom:1.4rem; }
.wl-badge .wh-dot { width:8px; height:8px; border-radius:50%; background: var(--w-gold); box-shadow:0 0 0 4px rgba(220,170,70,.3); animation: wPulse 2.4s ease-in-out infinite; }
.wl-title { font-family: var(--w-font-disp); font-weight:900; font-size: clamp(2.4rem,5.4vw,4.2rem); line-height:1.03; letter-spacing:-.02em; margin:0 0 1.1rem; }
.wl-title .wh-grad { background: linear-gradient(120deg, var(--w-gold-l), oklch(72% 0.18 30)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.wl-sub { color: rgba(255,255,255,.82); font-size:1.08rem; line-height:1.75; max-width:40rem; margin:0 0 2rem; }
.wl-hero-cta { display:flex; flex-wrap:wrap; gap:.85rem; }
.wl-btn-light { background:#fff; color: var(--w-ink); }
.wl-btn-light:hover { transform: translateY(-3px); box-shadow: 0 16px 34px rgba(0,0,0,.3); }
.wl-btn-gold { background: linear-gradient(135deg, var(--w-gold), var(--w-gold-d)); color:#fff; box-shadow: 0 12px 26px rgba(200,140,30,.4); }
.wl-btn-gold:hover { transform: translateY(-3px); }

/* 信任数据 */
.wl-trust { display:grid; grid-template-columns: repeat(4,1fr); gap:1px; background: var(--w-line); border:1px solid var(--w-line); border-radius: var(--w-radius-sm); overflow:hidden; margin-top:2rem; }
.wl-trust .wh-band-stat { background: var(--w-card); }

/* 平台支持 */
.wl-plats { display:flex; flex-wrap:wrap; gap:.8rem; }
.wl-plat { display:inline-flex; align-items:center; gap:.5rem; font-weight:700; font-size:.92rem; color: var(--w-ink); background: var(--w-card); border:1px solid var(--w-line); border-radius:999px; padding:.6rem 1.1rem; box-shadow: var(--w-shadow-sm); transition: transform .2s, border-color .2s; }
.wl-plat:hover { transform: translateY(-3px); border-color: var(--w-gold-l); }

/* 三步流程 */
.wl-steps { display:grid; grid-template-columns: repeat(3,1fr); gap:1.1rem; }
.wl-step { position:relative; padding:1.6rem 1.4rem; background: var(--w-card); border:1px solid var(--w-line); border-radius: var(--w-radius-sm); }
.wl-step-no { font-family: var(--w-font-disp); font-weight:700; font-size:2.2rem; color: var(--w-gold-l); line-height:1; }
.wl-step h4 { margin:.6rem 0 .4rem; font-weight:800; font-size:1.05rem; color: var(--w-ink); }
.wl-step p { margin:0; font-size:.85rem; color: var(--w-ink-3); line-height:1.6; }

/* 会员权益 teaser */
.wl-tiers { display:grid; grid-template-columns: repeat(4,1fr); gap:1rem; }
.wl-tier { background: var(--w-card); border:1px solid var(--w-line); border-radius: var(--w-radius-sm); padding:1.6rem 1.4rem; display:flex; flex-direction:column; gap:.5rem; position:relative; box-shadow: var(--w-shadow-sm); transition: transform .2s, box-shadow .2s; }
.wl-tier:hover { transform: translateY(-5px); box-shadow: var(--w-shadow); }
.wl-tier.feature { border-color: var(--w-gold); background: linear-gradient(180deg, var(--w-gold-soft), var(--w-card)); }
.wl-tier-tag { position:absolute; top:-11px; left:50%; transform: translateX(-50%); font-size:.7rem; font-weight:800; color:#fff; background: linear-gradient(135deg, var(--w-gold), var(--w-gold-d)); padding:.25rem .8rem; border-radius:999px; }
.wl-tier-name { font-family: var(--w-font-disp); font-weight:700; font-size:1.25rem; color: var(--w-ink); }
.wl-tier-price { font-size:1.6rem; font-weight:800; color: var(--w-gold-d); }
.wl-tier-price small { font-size:.78rem; font-weight:600; color: var(--w-ink-3); }
.wl-tier-feats { list-style:none; margin:.6rem 0 0; padding:0; display:flex; flex-direction:column; gap:.5rem; }
.wl-tier-feats li { font-size:.83rem; color: var(--w-ink-2); display:flex; align-items:flex-start; gap:.5rem; line-height:1.4; }
.wl-tier-feats li::before { content:"✓"; color: var(--w-gold-d); font-weight:800; flex:0 0 auto; }
.wl-tier-btn { margin-top:1.1rem; }

/* 创作者说 */
.wl-quotes { display:grid; grid-template-columns: repeat(3,1fr); gap:1rem; }
.wl-quote { background: var(--w-card); border:1px solid var(--w-line); border-radius: var(--w-radius-sm); padding:1.5rem; box-shadow: var(--w-shadow-sm); }
.wl-quote-text { font-size:.92rem; color: var(--w-ink-2); line-height:1.7; font-family: var(--w-font-disp); font-weight:500; }
.wl-quote-who { display:flex; align-items:center; gap:.6rem; margin-top:1.1rem; }
.wl-quote-av { width:38px; height:38px; border-radius:50%; background: linear-gradient(135deg, var(--w-gold), var(--w-gold-d)); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:.85rem; }
.wl-quote-name { font-weight:800; font-size:.88rem; color: var(--w-ink); }
.wl-quote-role { font-size:.74rem; color: var(--w-ink-3); }

/* FAQ */
.wl-faq { display:grid; grid-template-columns: repeat(2,1fr); gap:1rem; }
.wl-qa { background: var(--w-card); border:1px solid var(--w-line); border-radius: var(--w-radius-sm); padding:1.3rem 1.4rem; }
.wl-qa h4 { margin:0 0 .5rem; font-weight:800; font-size:.98rem; color: var(--w-ink); }
.wl-qa p { margin:0; font-size:.85rem; color: var(--w-ink-3); line-height:1.65; }

/* 底部 CTA */
.wl-cta { position:relative; overflow:hidden; text-align:center; border-radius: var(--w-radius); background: linear-gradient(135deg, var(--w-gold) 0%, var(--w-gold-d) 100%); color:#fff; padding: 3rem 2rem; margin-top: 3.2rem; box-shadow: var(--w-shadow); }
.wl-cta-glow { position:absolute; inset:0; background: radial-gradient(40% 60% at 50% 0%, rgba(255,255,255,.3), transparent 60%); pointer-events:none; }
.wl-cta h2 { position:relative; font-family: var(--w-font-disp); font-weight:900; font-size: clamp(1.8rem,3.4vw,2.6rem); margin:0 0 .8rem; }
.wl-cta p { position:relative; font-size:1rem; color: rgba(255,255,255,.9); margin:0 0 1.6rem; }
.wl-cta .wh-btn-ghost { position:relative; background:#fff; color: var(--w-gold-d); border-color:#fff; }

/* =========================================================
   导航栏 / 页脚 · 首页暖金覆盖（不影响其他页面）
   ========================================================= */
body.is-home .navbar { background: rgba(255,253,250,.86); backdrop-filter: blur(12px); border-bottom: 1px solid var(--w-line); box-shadow: none; }
body.is-home .navbar-title .brand-wei,
body.is-home .navbar-title .brand-ruan,
body.is-home .navbar-title .brand-zhu,
body.is-home .navbar-title .brand-shou { color: var(--w-ink); }
body.is-home .nav-menu-link { color: var(--w-ink-2); }
body.is-home .nav-menu-link:hover { color: var(--w-gold-d); }
body.is-home .nav-menu-active { color: var(--w-gold-d); }
body.is-home .nav-menu-active::after { background: var(--w-gold); }
body.is-home .site-footer { background: var(--w-ink); color: rgba(255,255,255,.8); border-top: 0; }
body.is-home .site-footer .sf-desc,
body.is-home .site-footer .sf-link,
body.is-home .site-footer .sf-time,
body.is-home .site-footer .sf-icp { color: rgba(255,255,255,.66); }
body.is-home .site-footer .sf-h { color:#fff; }
body.is-home .site-footer .sf-plat { background: rgba(255,255,255,.08); color:#fff; border-color: rgba(255,255,255,.16); }
body.is-home .site-footer .sf-link:hover { color: var(--w-gold-l); }

/* =========================================================
   响应式
   ========================================================= */
@media (max-width: 1080px) {
  .wh-hero-inner { grid-template-columns: 1fr; }
  .wh-matrix { grid-template-columns: repeat(2,1fr); }
  .wl-tiers { grid-template-columns: repeat(2,1fr); }
  .wl-quotes { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .wr-home .page-container, .wr-landing .page-container { padding: 1.2rem 1rem 2.5rem; }
  .wh-hero, .wl-hero { padding: 2rem 1.4rem; }
  .wh-matrix, .wh-band, .wl-trust, .wl-steps, .wl-tiers, .wh-acad-grid, .wl-faq { grid-template-columns: 1fr; }
  .wh-insp, .wh-dual { grid-template-columns: 1fr; }
  .wh-tpl-grid { grid-template-columns: 1fr; }
  .wl-plats { gap:.55rem; }
}

/* 尊重减少动效偏好 */
@media (prefers-reduced-motion: reduce) {
  .wr-home *, .wr-landing * { animation: none !important; transition: none !important; }
}