/* ===== 星月阁 NookMoon · 高级玄学视觉 ===== */
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
:root{
  --bg0:#070612; --bg1:#0d0b22; --bg2:#15123a;
  --gold:#f5d76e; --gold2:#d4af37; --gold-soft:#f0d98c;
  --ink:#f3f0ff; --ink-dim:#c3bede; --ink-faint:#948fbc;
  --line:rgba(245,215,110,.24);
  --card:rgba(30,26,64,.82);
  --serif:"Noto Serif SC","Songti SC",STSong,"SimSun",serif;
  --sans:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",sans-serif;
}
html,body{height:100%}
body{
  font-family:var(--sans); color:var(--ink);
  background:
    radial-gradient(ellipse 120% 60% at 15% 40%,rgba(80,20,120,.18) 0%,transparent 60%),
    radial-gradient(ellipse 100% 50% at 85% 60%,rgba(20,50,120,.15) 0%,transparent 60%),
    radial-gradient(ellipse 80% 40% at 50% 90%,rgba(60,10,80,.12) 0%,transparent 60%),
    linear-gradient(180deg,#050411 0%,#070520 35%,#050414 70%,#030210 100%);
  min-height:100vh; overflow-x:hidden; position:relative; line-height:1.6;
}

/* ===== 星空背景（全部改为 Canvas 渲染）===== */
.sky{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
/* 真实银河视频垫底：紫雾叠色融入主题，底部渐隐藏山体 */
.sky-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%;
  opacity:0;transition:opacity 2.2s ease;filter:saturate(.82) brightness(.78) hue-rotate(-6deg)}
.sky-video.on{opacity:.5}
.sky-tint{position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(7,5,20,.30) 0%,rgba(7,5,24,.18) 38%,rgba(6,4,18,.62) 74%,rgba(4,3,14,.96) 100%),
    radial-gradient(ellipse 120% 70% at 50% 30%,rgba(60,30,110,.20) 0%,transparent 65%)}
@media (prefers-reduced-motion:reduce){.sky-video{display:none}}
#skyCanvas{position:absolute;inset:0;width:100%;height:100%;opacity:.62}
/* 金色圆月：完整悬于右上，月海纹理+呼吸辉光 */
.moon-deco{
  position:absolute;top:58px;right:20px;width:128px;height:128px;border-radius:50%;
  background:
    radial-gradient(circle at 31% 33%, rgba(125,95,25,.38) 0 8%, transparent 9.5%),
    radial-gradient(circle at 63% 57%, rgba(125,95,25,.30) 0 6%, transparent 7.5%),
    radial-gradient(circle at 45% 73%, rgba(125,95,25,.24) 0 5%, transparent 6.5%),
    radial-gradient(circle at 71% 29%, rgba(125,95,25,.20) 0 4%, transparent 5.5%),
    radial-gradient(circle at 55% 44%, rgba(125,95,25,.16) 0 3.5%, transparent 5%),
    radial-gradient(circle at 38% 35%, #fff9e3, #f7dd7e 48%, #d9b455 78%, #a98a3c 100%);
  box-shadow:0 0 46px 14px rgba(245,215,110,.30), 0 0 130px 48px rgba(245,215,110,.12),
    inset -10px -8px 26px rgba(120,90,20,.35);
  opacity:.62; animation:moonGlow2 7s ease-in-out infinite;
}
@keyframes moonGlow2{
  0%,100%{transform:translateY(0);
    box-shadow:0 0 46px 14px rgba(245,215,110,.30),0 0 130px 48px rgba(245,215,110,.12),inset -10px -8px 26px rgba(120,90,20,.35)}
  50%{transform:translateY(10px);
    box-shadow:0 0 62px 20px rgba(245,215,110,.42),0 0 165px 62px rgba(245,215,110,.17),inset -10px -8px 26px rgba(120,90,20,.35)}
}

/* ===== 布局 ===== */
.topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;
  padding:18px 22px;max-width:560px;margin:0 auto}
.brand{display:flex;align-items:center;gap:8px}
/* 品牌标：金色圆月小圆盘（替代弯月字符） */
.brand-mark{position:relative;display:inline-block;width:21px;height:21px;font-size:0;color:transparent}
.brand-mark::after{content:'';position:absolute;inset:0;border-radius:50%;
  background:radial-gradient(circle at 36% 34%,#fff9e3,#f5d76e 52%,#caa64a 85%,#a98a3c);
  box-shadow:0 0 8px rgba(245,215,110,.8),0 0 18px rgba(245,215,110,.35)}
.brand-name{font-family:var(--serif);font-size:20px;letter-spacing:4px;color:var(--gold-soft)}
.brand-sub{font-size:11px;color:var(--ink-faint);letter-spacing:1px}
.lang-switch{font-size:11px;color:var(--gold-soft);text-decoration:none;border:1px solid var(--line);border-radius:10px;padding:3px 9px;letter-spacing:1px;white-space:nowrap;background:rgba(245,215,110,.06)}
.lang-switch:hover{background:rgba(245,215,110,.14)}

.container{position:relative;z-index:2;max-width:560px;margin:0 auto;padding:8px 22px 40px}

.panel{animation:fadeUp .6s ease both}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.hidden{display:none!important}

/* ===== 输入面板 ===== */
.eyebrow{text-align:center;font-size:12px;letter-spacing:2px;color:var(--gold);opacity:.85;margin-top:24px}
.title{font-family:var(--serif);text-align:center;font-size:32px;line-height:1.35;margin:18px 0 14px;
  background:linear-gradient(180deg,#fff,#f0d98c);-webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 2px 30px rgba(245,215,110,.15)}
.subtitle{text-align:center;color:var(--ink-dim);font-size:15px;margin-bottom:30px}

/* 首屏权威锚：真人坐镇小条 */
.master-online{display:flex;align-items:center;justify-content:center;gap:10px;
  margin:18px auto 14px;max-width:380px;padding:8px 14px;
  background:rgba(28,24,58,.55);border:1px solid rgba(231,200,115,.28);border-radius:999px}
.mo-ava{flex:0 0 38px;width:38px;height:38px;border-radius:50%;overflow:hidden;position:relative;
  background:radial-gradient(circle at 50% 38%,#241b4e,#160f33 62%,#0d0922);
  border:1px solid rgba(231,200,115,.55);box-shadow:0 3px 12px rgba(120,90,180,.35)}
.mo-ava img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.mo-txt{font-size:12.5px;color:var(--ink-dim);display:flex;align-items:center;gap:6px;flex-wrap:wrap;line-height:1.5}
.mo-txt b{color:var(--gold-soft);font-family:var(--serif);font-size:13.5px;letter-spacing:1px}
.mo-txt i{font-style:normal;color:var(--ink);opacity:.92}
.mo-dot{width:6px;height:6px;border-radius:50%;background:#7ecf8e;
  box-shadow:0 0 6px rgba(126,207,142,.9);animation:moPulse 2.2s ease-in-out infinite}
.wc-half{opacity:.32;font-style:normal}
@keyframes moPulse{0%,100%{opacity:1}50%{opacity:.35}}
@media(max-width:420px){.mo-txt{font-size:11.5px}.mo-txt b{font-size:12.5px}}

.input-wrap{display:flex;flex-direction:column;gap:14px;margin:0 auto;max-width:380px}
.phone-row{display:flex;gap:10px;align-items:stretch}
.country-sel{flex:0 0 auto;padding:0 10px;border-radius:14px;border:1px solid var(--line);
  background:rgba(13,11,34,.75);color:var(--gold-soft);font-size:14px;cursor:pointer;
  outline:none;min-width:90px;appearance:none;text-align:center}
.country-sel:focus{border-color:var(--gold)}
#phoneInput{
  width:100%;padding:18px 20px;border-radius:16px;border:1px solid var(--line);
  background:rgba(13,11,34,.7);color:var(--ink);font-size:19px;letter-spacing:3px;text-align:center;
  outline:none;transition:.25s;font-family:var(--sans)
}
#phoneInput::placeholder{color:var(--ink-faint);letter-spacing:1px;font-size:16px}
#phoneInput:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(245,215,110,.12),0 0 30px rgba(245,215,110,.1)}

.btn-primary{position:relative;width:100%;padding:18px;border:none;border-radius:16px;cursor:pointer;
  font-size:17px;font-weight:600;letter-spacing:4px;color:#2a1e05;overflow:hidden;
  background:linear-gradient(135deg,#f8e7a6,var(--gold) 50%,#caa64a);
  box-shadow:0 10px 30px rgba(245,215,110,.3);transition:transform .15s}
.btn-primary:active{transform:scale(.97)}
.btn-glow{position:absolute;top:0;left:-60%;width:50%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);
  animation:sweep 2.6s infinite}
@keyframes sweep{0%{left:-60%}60%,100%{left:130%}}
.privacy{text-align:center;font-size:12px;color:var(--ink-faint);margin-top:16px}

/* ===== 权威信任条（竞品抄改）===== */
.trust-bar{display:flex;align-items:center;justify-content:center;gap:14px;max-width:380px;
  margin:18px auto 0;padding:12px 10px;border-radius:14px;
  background:rgba(30,26,64,.78);border:1px solid var(--line)}
.tb-item{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1}
.tb-item b{font-family:var(--serif);font-size:19px;color:var(--gold-soft);line-height:1}
.tb-item b i{font-size:12px;font-style:normal}
.tb-item span{font-size:11px;color:var(--ink-dim);letter-spacing:1px}
.tb-sep{width:1px;height:26px;background:var(--line)}
.live-line{text-align:center;font-size:12px;color:var(--ink-dim);margin-top:12px}
.live-line b{color:var(--gold-soft)}

/* ===== 客户好评墙 ===== */
.wall{max-width:420px;margin:30px auto 0}
.wall-title{text-align:center;font-family:var(--serif);font-size:14px;letter-spacing:3px;
  color:var(--gold);opacity:.9;margin-bottom:12px}
.wall-track{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch}
.wall-track::-webkit-scrollbar{height:0}
.wall-card{flex:0 0 80%;scroll-snap-align:center;padding:14px 16px;border-radius:16px;
  background:rgba(30,26,64,.82);border:1px solid var(--line)}
.wc-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.wc-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-family:var(--serif);font-size:16px;color:#2a1e05;
  background:linear-gradient(135deg,#f8e7a6,var(--gold))}
.wc-top b{font-size:14px;color:var(--ink);display:block}
.wc-stars{font-size:11px;color:var(--gold);letter-spacing:1px}
.wall-card p{font-size:13px;color:var(--ink-dim);line-height:1.65}
.wc-foot{display:flex;align-items:center;gap:6px;margin-top:9px;font-size:11px;color:var(--ink-faint);letter-spacing:.5px}
.wc-dot{opacity:.5}

/* ===== 付费墙危机警示 ===== */
.paywall-warn{font-size:13px;line-height:1.7;color:#ffd9b0;background:rgba(120,40,20,.28);
  border:1px solid rgba(245,150,90,.35);border-radius:12px;padding:11px 14px;margin:4px 0 12px;text-align:center}
.paywall-warn b{color:#ffb877}

/* ===== 付款弹层（ABC 明码 ¥9.9）===== */
.pay-modal-inner{position:relative;max-width:440px;margin:0 auto;padding:26px 20px 22px;
  background:linear-gradient(180deg,#171336,#100d28);border:1px solid var(--gold);border-radius:22px;
  box-shadow:0 20px 70px rgba(0,0,0,.6)}
.pay-head{text-align:center;margin-bottom:14px}
/* 付款时刻的脸：你知道钱给了谁 */
.pay-master{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;
  padding:5px 12px 5px 6px;background:rgba(28,24,58,.6);
  border:1px solid rgba(231,200,115,.26);border-radius:999px}
.pm-ava{flex:0 0 28px;width:28px;height:28px;border-radius:50%;overflow:hidden;position:relative;
  border:1px solid rgba(231,200,115,.5);background:#160f33}
.pm-ava img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.pm-txt{font-size:12px;color:var(--ink-dim);letter-spacing:.5px}
.pay-lock{font-size:34px}
.pay-head h3{font-family:var(--serif);font-size:21px;color:var(--gold-soft);margin:4px 0 6px}
.pay-sub{font-size:13px;color:var(--ink-dim);line-height:1.6}
.pay-sub b{color:var(--gold-soft)}
.pay-price{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:8px 0 18px}
.pp-old{font-size:14px;color:var(--ink-faint);text-decoration:line-through}
.pp-now{font-size:15px;color:var(--ink)}
.pp-now b{font-family:var(--serif);font-size:34px;color:var(--gold);margin-left:2px}
.pp-tag{font-size:12px;color:#ffb877;background:rgba(120,40,20,.4);border-radius:8px;padding:3px 8px}
.pay-step{font-size:14px;color:var(--ink);font-weight:600;margin:14px 0 10px;text-align:center}
.pay-step b{color:var(--gold)}
.pay-abc{display:flex;gap:12px}
.pay-card{flex:1;position:relative;background:#fff;border-radius:14px;padding:12px 8px 8px;text-align:center}
.pay-card img{width:100%;max-width:140px;aspect-ratio:1;object-fit:contain;border-radius:6px;display:block;margin:0 auto}
.pc-name{display:block;font-size:13px;color:#2a1e05;font-weight:700;margin-top:6px}
.pc-letter{position:absolute;top:-9px;left:-9px;width:26px;height:26px;border-radius:50%;
  background:linear-gradient(135deg,#f8e7a6,var(--gold));color:#2a1e05;font-weight:800;font-size:15px;
  display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.4)}
.pay-c{display:flex;align-items:center;gap:12px;position:relative;margin-top:12px;padding:12px 14px;
  background:rgba(30,26,64,.82);border:1px solid var(--line);border-radius:14px}
.pay-c .pc-letter{position:static}
.pay-c-body{display:flex;flex-direction:column;gap:6px;flex:1}
.pay-c-body span{font-size:13px;color:var(--ink-dim)}
.pay-paypal-btn{align-self:flex-start;background:#ffc439;color:#222;border:none;border-radius:10px;
  padding:8px 16px;font-weight:700;font-size:14px;cursor:pointer}
.pay-code{text-align:center;font-size:14px;color:var(--ink);margin:16px 0;padding:10px;
  background:rgba(245,215,110,.08);border:1px dashed var(--line);border-radius:12px}
.pay-code b{font-family:var(--serif);font-size:20px;color:var(--gold);letter-spacing:3px}
.pay-code-tip{display:block;font-size:11px;color:var(--ink-faint);margin-top:4px}
.pay-done-btn{width:100%;font-size:17px;padding:16px}
.pay-trust{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;
  font-size:11px;color:var(--ink-faint);margin-top:14px}
.pay-trust b{color:var(--gold-soft)}
.pay-service{text-align:center;font-size:12px;color:var(--ink-dim);margin-top:10px}
.pay-service b{color:var(--gold-soft)}
.rr-gifts{list-style:none;margin:10px 0;padding:0;display:flex;flex-direction:column;gap:6px}
.rr-gifts li{font-size:13px;color:var(--ink-dim);background:rgba(30,26,64,.78);
  border:1px solid var(--line);border-radius:10px;padding:8px 12px}
.rr-gifts li b{color:var(--gold-soft)}
.rr-service{text-align:center;font-size:12px;color:var(--ink-dim);margin-top:6px}
.rr-service b{color:var(--gold-soft)}

/* 极简付款弹层 */
.pay-price2{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:6px 0 4px}
.pp-now2{font-size:14px;color:var(--ink)}
.pp-now2 b{font-family:var(--serif);font-size:32px;color:var(--gold)}
.pay-label{text-align:center;font-size:15px;color:var(--ink);font-weight:600;margin:14px 0 10px}
.pay-get{background:rgba(245,215,110,.07);border:1px solid var(--line);border-radius:14px;
  padding:14px 16px;margin-top:14px;text-align:center}
.pay-get-title{font-size:15px;color:var(--gold-soft);font-weight:700;margin-bottom:8px}
.pay-get-body{font-size:14px;color:var(--ink);line-height:1.8}
.pay-get-body b{color:var(--gold)}
.pay-wx-box{margin-top:10px}
.pay-wx-name{display:inline-block;font-family:var(--serif);font-size:18px;color:var(--gold);
  background:rgba(245,215,110,.1);border:1px dashed var(--line);border-radius:10px;padding:8px 20px;
  letter-spacing:2px}
.pay-wx-name b{font-size:22px}
.pay-wx-qr{width:140px;height:140px;border-radius:12px;display:block;margin:0 auto 8px;object-fit:contain;background:#fff;padding:4px}

/* ===== 付款方式列表（统一简洁风格，按自动化程度排序）===== */
.pay-choose{text-align:center;font-size:13px;color:var(--ink-dim);margin:10px 0 12px}
.pay-opt-list{display:flex;flex-direction:column;gap:10px}
.pay-opt{border-radius:14px;padding:12px 14px;background:rgba(30,26,64,.8);
  border:1px solid var(--line);border-left:3px solid var(--accent,var(--gold))}
.pay-opt-head{display:flex;align-items:center;gap:12px}
.pay-opt-icon{font-size:20px;flex:0 0 auto;width:26px;text-align:center}
.pay-opt-body{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}
.pay-opt-title{font-size:14px;font-weight:700;color:var(--ink)}
.pay-opt-badge{font-size:11px;display:inline-block;padding:2px 8px;border-radius:8px;width:fit-content}
.pay-opt-badge.auto{color:#7be8a4;background:rgba(7,193,96,.15)}
.pay-opt-badge.manual{color:var(--ink-faint);background:rgba(255,255,255,.05)}
.pay-opt-qr{width:50px;height:50px;border-radius:8px;background:#fff;padding:2px;object-fit:contain;flex:0 0 50px}
.pay-opt-detail{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.pay-addr{flex:1;font-size:11px;color:var(--ink-dim);word-break:break-all;font-family:monospace;line-height:1.5}
.pay-copy-btn{flex:0 0 auto;padding:7px 12px;border-radius:8px;border:1px solid var(--line);
  background:rgba(245,215,110,.08);color:var(--gold-soft);font-size:12px;cursor:pointer}
.pay-opt-pp{--accent:#ffc439}
.pay-opt-usdt{--accent:#26a17b}
.pay-opt-wx{--accent:#07c160}
.pay-opt-ali{--accent:#1677ff}
.pay-opt .pay-paypal-btn{flex:0 0 auto;background:linear-gradient(135deg,#ffc439,#e6a800);color:#1a1200;
  border:none;border-radius:10px;padding:10px 16px;font-weight:900;font-size:13px;cursor:pointer;
  box-shadow:0 4px 14px rgba(255,196,57,.35)}
.pay-divider{text-align:center;font-size:12px;color:var(--ink-faint);margin:14px 0 10px;letter-spacing:2px}
.pay-done-btn{width:100%;font-size:16px;padding:16px}
.pay-gift-row{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px 12px;
  background:rgba(245,215,110,.06);border:1px solid var(--line);border-radius:14px}
.pay-wx-qr2{width:60px;height:60px;border-radius:10px;background:#fff;padding:3px;object-fit:contain;flex:0 0 60px}
.pay-gift-text{display:flex;flex-direction:column;gap:3px}
.pay-gift-text b{font-size:13px;color:var(--gold-soft)}
.pay-gift-text span{font-size:11px;color:var(--ink-faint)}

/* ===== 推广代理提示条 ===== */
.agent-bar{position:fixed;top:0;left:0;right:0;z-index:999;text-align:center;
  padding:8px 16px;font-size:13px;color:var(--gold-soft);
  background:linear-gradient(90deg,rgba(28,24,58,.95),rgba(40,30,80,.95));
  border-bottom:1px solid var(--line)}

/* ===== 月隐真人头像 ===== */
.master-avatar{display:flex;flex-direction:column;align-items:center;margin:20px 0 12px}
.ma-portrait{position:relative;width:128px;height:128px;margin-bottom:12px;border-radius:50%;
  background:radial-gradient(circle at 50% 38%,#241b4e,#160f33 62%,#0d0922);
  border:1.5px solid rgba(231,200,115,.55);overflow:hidden;
  box-shadow:0 8px 30px rgba(120,90,180,.30),inset 0 0 24px rgba(0,0,0,.45),0 0 0 6px rgba(231,200,115,.07)}
.ma-img{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;
  object-fit:cover;object-position:50% 26%}
.ma-seal{position:absolute;right:6px;bottom:6px;z-index:2;width:34px;height:34px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
  background:linear-gradient(150deg,#a83228,#7c1f16 70%,#69180f);border-radius:7px;
  font-family:var(--serif);font-size:11px;font-weight:700;line-height:1.15;
  color:#f3e4c8;letter-spacing:1px;
  box-shadow:inset 0 0 8px rgba(0,0,0,.4),inset 0 0 2px rgba(255,235,200,.35),0 3px 10px rgba(150,40,30,.5);
  border:1px solid rgba(243,228,200,.32)}
.ma-glow{position:absolute;inset:-9px;border-radius:50%;z-index:0;
  background:radial-gradient(circle,rgba(245,215,110,.14) 20%,rgba(200,80,60,.07) 55%,transparent 72%);
  animation:maGlow 4s ease-in-out infinite}
@keyframes maGlow{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
.ma-name{font-family:var(--serif);font-size:19px;color:var(--gold-soft);letter-spacing:5px}
.ma-tag{font-size:11px;color:var(--ink-faint);letter-spacing:1.5px;margin-top:3px}
.ma-cert{font-family:var(--serif);font-size:12px;color:rgba(200,160,255,.6);
  margin-top:6px;letter-spacing:1px;font-style:italic}

/* ===== 退出挽留弹窗 ===== */
.exit-inner{max-width:340px;margin:0 auto;padding:30px 24px;background:linear-gradient(180deg,#171336,#100d28);
  border:1px solid var(--gold);border-radius:22px;text-align:center}
.exit-emoji{font-size:48px;margin-bottom:10px}
.exit-title{font-family:var(--serif);font-size:19px;color:var(--gold-soft);margin-bottom:10px}
.exit-title span{color:var(--gold)}
.exit-body{font-size:14px;color:var(--ink-dim);line-height:1.8;margin-bottom:14px}
.exit-price{font-size:14px;color:var(--ink);margin-bottom:16px}
.exit-price s{color:var(--ink-faint)}
.exit-price b{color:var(--gold);font-size:22px;font-family:var(--serif)}
.exit-skip{display:block;margin:12px auto 0;font-size:12px;color:var(--ink-faint);background:none;border:none;cursor:pointer;text-decoration:underline}
/* 转盘 */
.spin-wheel-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;margin:14px 0}
#spinCanvas{border-radius:50%;box-shadow:0 0 30px rgba(245,215,110,.3)}
.spin-btn{padding:12px 32px;background:linear-gradient(135deg,#f8e7a6,var(--gold));color:#2a1e05;border:none;border-radius:14px;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 6px 20px rgba(245,215,110,.35)}
.spin-result{text-align:center}
.spin-win{font-size:16px;color:var(--gold-soft);margin-bottom:8px}
.spin-win b{font-size:20px;color:var(--gold)}
.spin-win-sub{font-size:13px;color:var(--ink-dim);line-height:1.7}
/* 货币换算提示 */
.pay-currency-hint{font-size:11px;color:var(--ink-faint);margin-top:5px;letter-spacing:0.5px}
/* 多渠道联系 */
.contact-btns{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.contact-btn{font-size:12px;padding:5px 10px;border-radius:8px;font-weight:700;text-decoration:none;color:#fff}
.contact-btn.wx{background:#07c160}
.contact-btn.wa{background:#25d366}
.contact-btn.tg{background:#229ed9}
/* 幸运尾数 */
.lucky-tails{display:flex;gap:10px;margin-top:8px}
.lucky-tail{flex:1;text-align:center;background:rgba(245,215,110,.1);border:1px solid var(--line);border-radius:12px;padding:10px 6px}
.lt-num{font-family:var(--serif);font-size:32px;color:var(--gold);line-height:1}
.lt-score{font-size:12px;color:var(--gold-soft);margin:4px 0}
.lt-desc{font-size:10px;color:var(--ink-faint);line-height:1.4}
/* 顺势锦囊（颜色/饰品/宠物/家居）*/
.lucky-tips{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.lucky-tip{display:flex;align-items:flex-start;gap:8px;background:rgba(245,215,110,.06);border:1px solid var(--line);border-radius:10px;padding:8px 10px}
.lucky-tip .lt-ic{font-size:16px;line-height:1.4}
.lucky-tip b{display:block;font-size:11px;color:var(--gold-soft);margin-bottom:2px}
.lucky-tip div{font-size:12px;color:var(--ink-dim);line-height:1.4}
/* 测算历史 */
#historyZone{max-width:420px;margin:18px auto 0}
.hist-title{font-size:13px;color:var(--gold-soft);text-align:center;margin-bottom:10px}
.hist-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding-bottom:6px}
.hist-card{flex:0 0 auto;min-width:84px;text-align:center;padding:10px 12px;border-radius:12px;
  background:rgba(30,26,64,.82);border:1px solid var(--line);cursor:pointer;transition:transform .15s}
.hist-card:active{transform:scale(.95)}
.hist-tail{font-size:12px;color:var(--ink-dim);margin-bottom:4px}
.hist-score{font-family:var(--serif);font-size:22px}
.hist-score small{font-size:11px;color:var(--ink-faint)}

/* ===== 模糊预览付费墙（竞品模仿）===== */
.blur-preview{position:relative;margin:14px 0;border-radius:14px;overflow:hidden;
  border:1px solid var(--line);background:rgba(13,11,34,.5)}
.blur-text{padding:16px;filter:blur(4.5px);user-select:none;pointer-events:none}
.blur-text p{font-size:13px;color:var(--ink-dim);line-height:1.9;margin-bottom:8px;text-align:left}
.blur-text b{color:var(--gold-soft)}
.blur-mask{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-size:14px;color:var(--gold-soft);font-weight:600;letter-spacing:1px;
  background:linear-gradient(180deg,rgba(13,11,34,.1),rgba(13,11,34,.75))}

/* 解锁码输入 */
.pay-unlock-label{font-size:13px;color:var(--ink-dim);margin:12px 0 8px;text-align:center}
.pay-unlock-row{display:flex;gap:10px}
#unlockInput{flex:1;padding:13px 16px;border-radius:12px;border:1px solid var(--line);
  background:rgba(13,11,34,.7);color:var(--ink);font-size:17px;letter-spacing:3px;text-align:center;outline:none}
#unlockInput:focus{border-color:var(--gold)}
#unlockInput::placeholder{color:var(--ink-faint);letter-spacing:1px}
.pay-unlock-row .btn-gold{flex:0 0 auto;width:auto;padding:13px 22px}
.pay-unlock-err{text-align:center;font-size:12px;color:#ff9b8a;margin-top:8px}
/* 倒计时 */
.countdown-row{text-align:center;font-size:12.5px;color:var(--ink-dim);margin:12px 0 8px;letter-spacing:.5px}
.countdown-row b{font-family:var(--serif);font-size:15px;color:var(--gold-soft);letter-spacing:1.5px;font-variant-numeric:tabular-nums}

/* 三层收费结构 */
.tip-zone{background:rgba(7,193,96,.07);border:1px solid rgba(7,193,96,.3);
  border-radius:16px;padding:16px;margin:14px 0 8px;text-align:center}
.tip-title{font-size:15px;color:#4ecc8a;font-weight:600;margin-bottom:6px}
.tip-sub{font-size:12px;color:var(--ink-faint);line-height:1.7;margin-bottom:12px}
.tip-sub b{color:#4ecc8a}
.btn-tip{width:100%;padding:14px;border:none;border-radius:14px;cursor:pointer;font-size:16px;
  font-weight:700;letter-spacing:2px;color:#fff;
  background:linear-gradient(135deg,#07c160,#05a84c);
  box-shadow:0 6px 20px rgba(7,193,96,.3)}
.paywall-divider{text-align:center;font-size:12px;color:var(--ink-faint);
  margin:16px 0 10px;letter-spacing:3px}

/* 打赏弹层 */
.tip-modal-inner{max-width:360px;margin:0 auto;padding:28px 22px;
  background:linear-gradient(180deg,#171336,#100d28);
  border:1px solid rgba(7,193,96,.4);border-radius:22px;text-align:center}
.tm-emoji{font-size:44px;margin-bottom:10px}
.tm-title{font-family:var(--serif);font-size:20px;color:#4ecc8a;margin-bottom:8px}
.tm-sub{font-size:13px;color:var(--ink-dim);line-height:1.8;margin-bottom:16px}
.tm-qr-wrap{background:#fff;border-radius:14px;padding:8px;display:inline-block;margin-bottom:12px}
.tm-qr{width:160px;height:160px;display:block;object-fit:contain}
.tm-wx{font-size:14px;color:var(--ink-dim);margin-bottom:12px}
.tm-wx b{color:#4ecc8a}
.tm-trust{font-size:12px;color:var(--ink-faint)}

/* 招募代理 */
.recruit-zone{margin-top:18px;padding:20px 18px;border-radius:18px;text-align:center;
  background:linear-gradient(135deg,rgba(245,215,110,.12),rgba(180,100,255,.08));
  border:1px solid rgba(245,215,110,.35);position:relative;overflow:hidden}
.recruit-badge{display:inline-block;font-size:12px;font-weight:700;color:#2a1e05;
  background:linear-gradient(135deg,#f8e7a6,#f5d76e);border-radius:20px;padding:4px 14px;margin-bottom:10px}
.recruit-title{font-size:16px;color:var(--ink);line-height:1.6;margin-bottom:8px}
.recruit-title b{color:var(--gold)}
.recruit-sub{font-size:12.5px;color:var(--ink-dim);line-height:1.8;margin-bottom:14px}
.recruit-sub b{color:var(--gold-soft)}
.recruit-btn{display:block;width:100%;padding:15px;border-radius:14px;
  background:linear-gradient(135deg,#f8e7a6,var(--gold) 55%,#caa64a);color:#2a1e05;
  font-size:16px;font-weight:700;letter-spacing:2px;text-decoration:none;
  box-shadow:0 8px 24px rgba(245,215,110,.3)}
.recruit-tip{font-size:11px;color:var(--ink-faint);margin-top:10px}
.pay-overseas{display:flex;align-items:center;justify-content:center;gap:10px;
  margin-top:14px;padding:10px;border-top:1px solid var(--line)}
.pay-overseas span{font-size:12px;color:var(--ink-faint)}

/* 报告内 后端价值阶梯 */
.report-upsell{margin-top:18px;padding:16px;border-radius:16px;
  background:linear-gradient(180deg,rgba(245,215,110,.08),rgba(28,24,58,.4));border:1px solid var(--line)}
.ru-title{font-family:var(--serif);font-size:16px;color:var(--gold-soft);text-align:center}
.ru-sub{font-size:12.5px;color:var(--ink-dim);text-align:center;margin:6px 0 12px;line-height:1.6}
.ru-list{display:flex;flex-direction:column;gap:8px}
.ru-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;
  padding:10px 12px;border-radius:12px;background:rgba(30,26,64,.8);border:1px solid var(--line)}
.ru-name{font-size:13.5px;color:var(--ink);font-weight:600}
.ru-desc{grid-column:1;font-size:11.5px;color:var(--ink-faint);line-height:1.5}
.ru-price{grid-column:2;grid-row:1/3;font-family:var(--serif);font-size:18px;color:var(--gold);align-self:center}
.ru-cta{text-align:center;font-size:12.5px;color:var(--ink-dim);margin-top:12px}
.ru-cta b{color:var(--gold-soft)}

/* ===== 测算中 ===== */
#panel-loading{text-align:center;padding:60px 0}
.orbit{position:relative;width:160px;height:160px;margin:0 auto 28px}
.orbit-moon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-size:46px;color:var(--gold);filter:drop-shadow(0 0 14px var(--gold));animation:pulse 1.8s infinite}
@keyframes pulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.12);opacity:1}}
.orbit-ring{position:absolute;inset:0;border-radius:50%;border:1px solid var(--line);
  border-top-color:var(--gold);animation:spin 1.4s linear infinite}
.orbit-ring.r2{inset:22px;border-top-color:transparent;border-left-color:var(--gold-soft);
  animation:spin 2.1s linear infinite reverse;opacity:.6}
@keyframes spin{to{transform:rotate(360deg)}}
/* loading中心：真人推演（劳力感=价值感） */
.orbit-master{position:absolute;inset:34px;border-radius:50%;overflow:hidden;
  background:radial-gradient(circle at 50% 38%,#241b4e,#160f33 62%,#0d0922);
  border:1.5px solid rgba(231,200,115,.5);box-shadow:0 0 24px rgba(245,215,110,.25);
  animation:pulse 2.4s ease-in-out infinite}
.orbit-master img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.load-master-line{text-align:center;font-family:var(--serif);font-size:14px;color:var(--gold-soft);
  letter-spacing:2px;margin:-14px 0 16px;opacity:.92}
.loading-text{font-family:var(--serif);font-size:17px;color:var(--gold-soft);letter-spacing:2px}

/* ===== 结果 ===== */
.result-eyebrow{text-align:center;font-size:12px;letter-spacing:3px;color:var(--gold);margin:22px 0 18px}
.carrier-tag{text-align:center;font-size:12px;color:var(--ink-faint);margin:-12px 0 14px}
.carrier-tag:not(:empty){display:inline-block;padding:3px 12px;border-radius:10px;background:rgba(245,215,110,.08);border:1px solid var(--line);left:50%;position:relative;transform:translateX(-50%)}
.score-card{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:8px}
.score-ring{position:relative;width:186px;height:186px;border-radius:50%;display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 38%,rgba(46,38,92,.92),rgba(11,9,30,.96) 72%);
  backdrop-filter:blur(10px);
  border:2px solid var(--gold);box-shadow:0 0 46px rgba(245,215,110,.3),inset 0 0 36px rgba(245,215,110,.1)}
.score-num{font-family:var(--serif);font-size:64px;line-height:1;color:var(--gold);
  text-shadow:0 0 24px var(--gold)}
.score-max{font-size:12px;color:var(--ink-faint);margin-top:6px;letter-spacing:1px}
.level-badge{font-family:var(--serif);font-size:22px;letter-spacing:6px;padding:6px 26px;border-radius:30px;
  border:1px solid currentColor;font-weight:700}

.result-body{text-align:center;margin:24px 0}
.result-name{font-family:var(--serif);font-size:26px;color:var(--gold-soft);letter-spacing:3px;margin-bottom:12px}
.result-desc{color:var(--ink-dim);font-size:15px;max-width:400px;margin:0 auto 16px}
.result-tip{display:inline-block;background:rgba(245,215,110,.08);border:1px solid var(--line);
  border-radius:12px;padding:10px 18px;font-size:14px;color:var(--gold-soft)}

/* 维度条 */
.dims{max-width:400px;margin:0 auto 28px;display:flex;flex-direction:column;gap:14px}
.dim{}
.dim-top{display:flex;justify-content:space-between;font-size:13px;color:var(--ink-dim);margin-bottom:6px}
.dim-bar{height:8px;border-radius:8px;background:rgba(255,255,255,.06);overflow:hidden}
.dim-fill{height:100%;border-radius:8px;background:linear-gradient(90deg,var(--gold2),var(--gold));
  width:0;transition:width 1.1s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 12px rgba(245,215,110,.5)}

/* 关键发现：结果页 stakes 卡（左金边强调,克制不吓人） */
.kf-card{max-width:400px;margin:0 auto 26px;padding:16px 18px;
  background:linear-gradient(180deg,rgba(40,30,80,.42),rgba(22,18,46,.42));
  border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:0 14px 14px 0}
.kf-head{display:flex;align-items:center;gap:8px;font-family:var(--serif);
  font-size:15px;color:var(--gold-soft);letter-spacing:.5px;margin-bottom:10px}
.kf-icon{display:inline-flex;width:20px;height:20px;color:var(--gold)}
.kf-icon svg{width:100%;height:100%}
.kf-body{font-size:14px;color:var(--ink-dim);line-height:1.85}
.kf-body b{color:var(--ink)}
.kf-bridge{font-size:13px;color:var(--ink-faint);line-height:1.8;margin-top:10px;
  padding-top:10px;border-top:1px dashed rgba(245,215,110,.18)}
.kf-bridge b{color:var(--gold-soft)}

/* 付费墙 */
.paywall{background:var(--card);backdrop-filter:blur(10px);border:1px solid var(--line);
  border-radius:20px;padding:24px 22px;margin:8px auto 24px;max-width:430px;
  box-shadow:0 16px 50px rgba(0,0,0,.4)}
.paywall-head{font-family:var(--serif);font-size:18px;color:var(--gold-soft);text-align:center;margin-bottom:16px}
.paywall-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:20px}
.paywall-list li{font-size:14px;color:var(--ink-dim);padding-left:24px;position:relative}
.paywall-list li::before{content:"✦";position:absolute;left:0;color:var(--gold)}
.btn-gold{width:100%;padding:16px;border:none;border-radius:14px;cursor:pointer;font-size:16px;
  font-weight:600;letter-spacing:3px;color:#2a1e05;
  background:linear-gradient(135deg,#f8e7a6,var(--gold) 55%,#caa64a);
  box-shadow:0 8px 24px rgba(245,215,110,.3);transition:transform .15s}
.btn-gold:active{transform:scale(.97)}
.paywall-note{text-align:center;font-size:12px;color:var(--ink-faint);margin-top:12px}
/* 收费折中：微信/支付宝 + 专属编号 */
.pay-cn{margin-top:16px;padding:16px;border-radius:14px;background:rgba(46,38,92,.4);border:1px solid var(--line)}
.pay-cn-title{font-size:15px;color:var(--gold-soft);text-align:center;margin-bottom:12px;font-weight:600}
.pay-blessing{text-align:center;font-size:13px;color:var(--ink-dim);line-height:1.7;margin-bottom:14px;
  padding:12px;border-radius:10px;background:rgba(245,215,110,.06)}
.pay-blessing b{color:var(--gold-soft)}
.pay-refund{text-align:center;font-size:11px;color:var(--ink-faint);margin-top:12px}
.report-master{text-align:center;font-size:14px;color:var(--gold);letter-spacing:2px;margin-top:6px}

/* 排名条 */
.rank-text{text-align:center;font-size:14px;color:var(--gold-soft);margin-top:14px;
  background:rgba(245,215,110,.08);border:1px solid var(--line);border-radius:20px;
  padding:8px 18px;display:inline-block}
.rank-text b{color:var(--gold);font-size:16px}

/* 付费区·专业转化版 */
.lock-emoji{text-align:center;font-size:40px;margin-bottom:6px}
.paywall-head{text-align:center}
.paywall-head b{color:var(--gold)}
.paywall-sub{text-align:center;font-size:13px;color:var(--ink-dim);margin:8px 0 16px}
.btn-unlock{font-size:17px;animation:unlockPulse 2s ease-in-out infinite}
@keyframes unlockPulse{0%,100%{box-shadow:0 8px 24px rgba(245,215,110,.3)}50%{box-shadow:0 8px 36px rgba(245,215,110,.6)}}
.unlock-hint{text-align:center;font-size:13px;color:var(--gold-soft);margin-top:12px}
.trust-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;
  margin-top:14px;font-size:12px;color:var(--ink-dim)}
.trust-row b{color:var(--gold-soft)}
.trust-dot{color:var(--ink-faint)}
.paywall-mini{text-align:center;font-size:12px;color:var(--ink-faint);margin-top:14px}
.mini-link{color:var(--gold-soft);cursor:pointer;text-decoration:underline}

/* 报告底部打赏区 */
.report-reward{background:rgba(245,215,110,.07);border:1px solid rgba(245,215,110,.3);
  border-radius:18px;padding:22px 18px;margin:20px 0 14px;text-align:center}
.rr-title{font-family:var(--serif);font-size:17px;color:var(--gold-soft);margin-bottom:12px}
.rr-text{font-size:13px;color:var(--ink-dim);line-height:1.8;margin-bottom:14px}
.rr-code{font-size:14px;color:var(--ink);margin-bottom:14px}
.rr-code b{font-family:var(--serif);font-size:20px;color:var(--gold);letter-spacing:3px}
.rr-qr{display:flex;gap:16px;justify-content:center;margin-bottom:12px}
.rr-qr-box{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px;color:var(--ink-dim)}
.rr-qr-img{width:120px;height:120px;border-radius:10px;object-fit:cover;border:2px solid rgba(255,255,255,.2)}
.rr-refund{font-size:11px;color:var(--ink-faint)}
.report-sec.resolve{background:rgba(232,138,160,.08);border-color:rgba(232,138,160,.3)}
.report-sec.resolve h3{color:#f0b0c0}
.pay-code-row{text-align:center;font-size:13px;color:var(--ink-dim);margin-bottom:12px}
.pay-code{font-family:var(--serif);font-size:24px;letter-spacing:5px;color:var(--gold);
  text-shadow:0 0 14px rgba(245,215,110,.5);margin-left:6px}
.pay-steps{list-style:none;counter-reset:s;margin-bottom:14px}
.pay-steps li{position:relative;padding-left:30px;font-size:13px;color:var(--ink-dim);margin-bottom:8px;line-height:1.5}
.pay-steps li::before{counter-increment:s;content:counter(s);position:absolute;left:0;top:0;
  width:20px;height:20px;border-radius:50%;background:var(--gold);color:#2a1e05;
  font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.pay-steps b{color:var(--gold-soft)}
.qr-row{display:flex;gap:14px;justify-content:center}
.qr-box{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:var(--ink-dim)}
.qr-ph{width:110px;height:110px;border-radius:12px;border:1px dashed var(--line);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  font-size:13px;color:var(--ink-faint);text-align:center;line-height:1.5;background:rgba(13,11,34,.5)}
.qr-ph small{color:var(--ink-faint);font-size:10px}
.qr-img{width:130px;height:130px;border-radius:10px;object-fit:cover;
  object-position:center center;border:2px solid rgba(255,255,255,.2);display:block}

.tg-cta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;
  margin-top:18px;padding:14px 16px;border-radius:14px;
  background:rgba(0,136,204,.12);border:1px solid rgba(0,136,204,.3)}
.tg-cta span{font-size:13px;color:var(--ink-dim)}
.tg-btn{padding:8px 18px;border-radius:20px;background:#229ED9;color:#fff;text-decoration:none;
  font-size:13px;font-weight:600;letter-spacing:0.5px;transition:.2s}
.tg-btn:active{opacity:.8}

/* 邀请卡 */
.invite-card{background:rgba(245,215,110,.06);border:1px solid rgba(245,215,110,.25);
  border-radius:18px;padding:18px 16px;margin:6px auto 18px;max-width:430px}
.invite-title{font-size:14px;color:var(--gold-soft);margin-bottom:14px;text-align:center}
.invite-code-wrap{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px}
.invite-label{font-size:12px;color:var(--ink-faint)}
.invite-code{font-family:var(--serif);font-size:22px;letter-spacing:6px;color:var(--gold);
  text-shadow:0 0 12px rgba(245,215,110,.5)}
.invite-copy{padding:5px 12px;border:1px solid var(--line);background:transparent;
  border-radius:20px;color:var(--gold-soft);font-size:12px;cursor:pointer}
.invite-rule{font-size:12px;color:var(--ink-faint);text-align:center;margin-bottom:12px}
.invite-share{width:100%;padding:11px;border:1px solid var(--line);background:rgba(245,215,110,.08);
  color:var(--gold-soft);border-radius:12px;font-size:14px;cursor:pointer}
.invite-share:active{background:rgba(245,215,110,.16)}

/* 分享 */
.share-zone{text-align:center;margin-bottom:36px}
.share-title{font-size:15px;color:var(--gold-soft);margin-bottom:14px}
.share-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.share-btn{padding:12px 22px;border-radius:30px;border:1px solid var(--line);cursor:pointer;
  background:rgba(245,215,110,.06);color:var(--gold-soft);font-size:14px;transition:.2s}
.share-btn:active{background:rgba(245,215,110,.16)}

/* ===== 更多模块 ===== */
.more-modules{margin-top:20px;padding-top:30px;border-top:1px solid rgba(255,255,255,.06)}
.more-title{text-align:center;font-size:13px;color:var(--ink-faint);letter-spacing:2px;margin-bottom:18px}
.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.module-card{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:16px;
  padding:16px 8px;text-align:center;font-size:13px;color:var(--ink-dim);display:flex;
  flex-direction:column;align-items:center;gap:6px}
.module-card span{font-size:23px;opacity:.92}
.module-card em{font-style:normal;font-size:11px;color:var(--ink-faint)}
.module-card.soon{border-color:var(--line)}
.module-card.soon em{color:var(--gold)}
.module-card.locked{opacity:.55}
.module-card.ready{border-color:rgba(245,215,110,.4);cursor:pointer;transition:.2s}
.module-card.ready:active{background:rgba(245,215,110,.12)}
.module-card.ready em{color:var(--gold)}

/* ===== 缘分配对弹层 ===== */
.match-modal-inner{position:relative;width:100%;max-width:430px;margin:auto;
  background:radial-gradient(120% 70% at 50% 0%,#2a1f57,#0d0b22 72%);
  border:1px solid var(--line);border-radius:24px;padding:40px 24px 30px}
.match-head{text-align:center;margin-bottom:24px}
.match-icon{font-size:48px;margin-bottom:8px}
.match-h2{font-family:var(--serif);font-size:24px;color:var(--gold-soft);letter-spacing:3px}
.match-tip{font-size:13px;color:var(--ink-dim);margin-top:8px}
.match-inputs{display:flex;flex-direction:column;gap:12px;margin-bottom:18px;position:relative}
.match-inputs input{padding:15px 18px;border-radius:14px;border:1px solid var(--line);
  background:rgba(13,11,34,.7);color:var(--ink);font-size:16px;letter-spacing:2px;text-align:center;outline:none}
.match-inputs input:focus{border-color:var(--gold)}
.match-heart{text-align:center;font-size:20px;color:#e88aa0;animation:pulse 1.4s infinite}
/* 配对结果 */
.match-result{text-align:center}
.match-emoji{font-size:54px;margin-bottom:6px}
.match-score{font-family:var(--serif);font-size:72px;line-height:1}
.match-score-label{font-size:12px;color:var(--ink-faint);margin-top:4px;letter-spacing:2px}
.match-level{display:inline-block;font-family:var(--serif);font-size:20px;letter-spacing:4px;
  padding:6px 24px;border:1px solid;border-radius:26px;margin:16px 0}
.match-desc{font-size:14px;color:var(--ink-dim);line-height:1.8;max-width:340px;margin:0 auto 16px}
.match-quote{font-family:var(--serif);font-size:16px;color:var(--gold-soft);margin-bottom:16px}
.match-share-tip{font-size:13px;color:var(--gold-soft);margin-bottom:14px}
.match-deep{font-size:13px;color:var(--ink-dim);line-height:1.7;background:rgba(245,215,110,.08);
  border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin:0 auto 18px;max-width:320px}
.match-deep b{color:var(--gold-soft)}
.match-acts{display:flex;gap:12px;justify-content:center;margin-bottom:14px}
.match-foot{font-size:11px;color:var(--ink-faint)}

/* ===== 号码察人 ===== */
.charen-rels{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:14px 0 16px}
.charen-rel{padding:7px 16px;border-radius:20px;border:1px solid var(--line);
  background:rgba(13,11,34,.5);color:var(--ink-dim);font-size:13px;cursor:pointer}
.charen-rel.on{background:linear-gradient(135deg,#f8e7a6,var(--gold));color:#2a1e05;
  border-color:var(--gold);font-weight:700}
.charen-result{text-align:center}
.cr-eyebrow{font-size:12px;color:var(--gold);letter-spacing:2px;margin-bottom:6px}
.cr-name{font-family:var(--serif);font-size:22px;color:var(--ink);margin-bottom:6px}
.cr-rel-tag{display:inline-block;font-size:12px;color:var(--gold-soft);
  background:rgba(245,215,110,.1);border-radius:14px;padding:3px 12px;margin-bottom:16px}
.cr-dim{text-align:left;background:rgba(30,26,64,.78);border:1px solid var(--line);
  border-radius:12px;padding:12px 14px;margin-bottom:10px}
.cr-k{display:block;font-size:13px;color:var(--gold-soft);font-weight:700;margin-bottom:6px}
.cr-dim p{font-size:14px;color:var(--ink-dim);line-height:1.7}
.cr-score{font-family:var(--serif);font-size:32px;line-height:1}
.cr-score small{font-size:14px;color:var(--ink-faint)}
.cr-tags{display:flex;gap:8px;flex-wrap:wrap}
.cr-tags span{font-size:12px;color:var(--gold-soft);background:rgba(245,215,110,.1);
  border:1px solid var(--line);border-radius:14px;padding:4px 12px}
.cr-advice{text-align:left;background:rgba(245,215,110,.08);border:1px solid rgba(245,215,110,.3);
  border-radius:12px;padding:14px;margin:14px 0;font-size:14px;color:var(--ink);line-height:1.8}
.cr-advice b{color:var(--gold-soft)}
.cr-pay{margin:16px 0}
.cr-pay-t{font-size:13px;color:var(--ink-dim);margin-bottom:10px}
.cr-pay .btn-gold{width:100%}
.cr-share-tip{font-size:12px;color:var(--gold-soft);margin:14px 0}

/* ===== 底部 ===== */
.footer{position:relative;z-index:2;text-align:center;padding:30px 22px 40px;max-width:560px;margin:0 auto}
.footer p{font-size:12px;color:var(--ink-faint)}
.footer-nav{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.footer-nav a{font-size:13px;color:var(--gold-soft);text-decoration:none}
.footer-nav a:active{opacity:.7}
.footer-nav span{color:var(--ink-faint);font-size:11px}
.disclaimer{margin-top:8px;opacity:.7;line-height:1.6}

/* ===== 分享卡片弹层 ===== */
.modal{position:fixed;inset:0;z-index:50;background:rgba(5,4,15,.8);backdrop-filter:blur(6px);
  display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeUp .3s}
.modal-inner{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:340px}
.share-card{width:100%;aspect-ratio:3/4;border-radius:22px;padding:30px 24px;display:flex;
  flex-direction:column;align-items:center;text-align:center;
  background:radial-gradient(120% 70% at 50% 0%,#2a1f57,#0d0b22 70%);
  border:1px solid var(--line);box-shadow:0 20px 60px rgba(0,0,0,.6)}
.sc-top{font-family:var(--serif);font-size:15px;color:var(--gold);letter-spacing:3px;margin-bottom:auto}
.sc-score{font-family:var(--serif);font-size:78px;color:var(--gold);text-shadow:0 0 30px var(--gold);line-height:1}
.sc-level{font-family:var(--serif);font-size:24px;letter-spacing:8px;color:var(--gold-soft);margin:6px 0 14px}
.sc-name{font-family:var(--serif);font-size:20px;color:var(--ink);letter-spacing:2px}
.sc-bless{font-family:var(--serif);font-size:16px;color:var(--gold-soft);letter-spacing:3px;margin-top:14px}
.sc-lucky{font-size:13px;color:var(--ink-dim);margin-top:14px;margin-bottom:auto;
  background:rgba(245,215,110,.1);border:1px solid var(--line);border-radius:20px;padding:7px 16px}
.sc-lucky b{color:var(--gold-soft)}
.sc-foot{font-size:12px;color:var(--gold);letter-spacing:1px;margin-top:18px;line-height:1.7}
.sc-foot b{font-size:14px}
.btn-ghost{padding:10px 26px;border:1px solid var(--line);background:transparent;color:var(--ink-dim);
  border-radius:30px;cursor:pointer;font-size:14px}
.modal-note{font-size:12px;color:var(--ink-faint)}

/* ===== 科技星网画布（替代旧星盘）===== */
.tech-stage{width:220px;height:220px;margin:14px auto 4px;cursor:crosshair}
#techCanvas{display:block;width:220px;height:220px;border-radius:50%}

/* ===== 流星 ===== */
.shooting{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.shoot{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;
  box-shadow:0 0 6px 1px rgba(255,255,255,.8);animation:shootMove 1.5s ease-out forwards}
.shoot::after{content:"";position:absolute;top:50%;right:0;width:90px;height:1px;
  background:linear-gradient(90deg,rgba(255,255,255,.7),transparent);transform:translateY(-50%)}
@keyframes shootMove{0%{opacity:0;transform:translate(0,0)}10%{opacity:1}100%{opacity:0;transform:translate(-220px,160px)}}

/* ===== 开运饰品区 ===== */
.amulet-zone{max-width:430px;margin:6px auto 22px}
.amulet-title{text-align:center;font-family:var(--serif);font-size:16px;color:var(--gold-soft);margin-bottom:14px;letter-spacing:1px}
.amulet-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.amulet-card{background:var(--card);backdrop-filter:blur(8px);border:1px solid var(--line);
  border-radius:16px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.amulet-emoji{font-size:38px}
.amulet-name{font-size:14px;color:var(--ink);font-weight:600}
.amulet-pitch{font-size:12px;color:var(--ink-faint);line-height:1.4;min-height:32px}
.amulet-foot{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:4px;gap:8px}
.amulet-price{font-family:var(--serif);font-size:17px;color:var(--gold)}
.amulet-buy{padding:7px 14px;border:none;border-radius:20px;cursor:pointer;font-size:13px;font-weight:600;
  letter-spacing:1px;color:#2a1e05;background:linear-gradient(135deg,#f8e7a6,var(--gold) 60%,#caa64a)}
.amulet-buy:active{transform:scale(.95)}

/* ===== 完整报告弹层 ===== */
#reportModal{align-items:flex-start;padding:0;overflow-y:auto}
.report-modal-inner{position:relative;width:100%;max-width:560px;margin:0 auto;min-height:100vh;
  background:radial-gradient(120% 60% at 50% 0%,#1a1540,#0a0820 60%);padding:54px 20px 50px}
.report-close{position:fixed;top:14px;right:14px;z-index:60;width:38px;height:38px;border-radius:50%;
  border:1px solid var(--line);background:rgba(13,11,34,.85);color:var(--gold-soft);font-size:16px;cursor:pointer}
.report-head{text-align:center;margin-bottom:26px}
.rh-portrait{width:96px;height:96px;margin:0 auto 14px;border-radius:50%;overflow:hidden;position:relative;
  background:radial-gradient(circle at 50% 38%,#241b4e,#160f33 62%,#0d0922);
  border:1.5px solid rgba(231,200,115,.55);
  box-shadow:0 6px 22px rgba(120,90,180,.28),inset 0 0 18px rgba(0,0,0,.45)}
.rh-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 26%}
.report-badge{display:inline-block;font-family:var(--serif);font-size:18px;letter-spacing:5px;
  padding:5px 22px;border:1px solid;border-radius:26px;margin-bottom:14px}
.report-title{font-family:var(--serif);font-size:26px;color:var(--gold-soft);letter-spacing:2px}
.report-sub{font-size:13px;color:var(--ink-dim);margin-top:8px}
.report-sec{background:var(--card);border:1px solid var(--line);border-radius:16px;
  padding:18px 18px;margin-bottom:14px}
.report-sec h3{font-family:var(--serif);font-size:17px;color:var(--gold-soft);margin-bottom:10px;
  display:flex;align-items:center;gap:9px}
.sec-score{font-size:13px;color:var(--gold);font-family:var(--sans);margin-left:auto}
/* 章节朱砂序号（CSS自动编号，CJK一二三…）*/
.report{counter-reset:rsec}
.report-sec{counter-increment:rsec}
.report-sec h3::before{content:counter(rsec,cjk-ideographic);flex:0 0 auto;
  width:24px;height:24px;border-radius:7px;font-family:var(--serif);font-size:13px;font-weight:700;
  background:linear-gradient(150deg,#a83228,#7c1f16 72%,#69180f);color:#f3e4c8;letter-spacing:0;
  display:flex;align-items:center;justify-content:center;
  box-shadow:inset 0 0 4px rgba(0,0,0,.35),0 2px 8px rgba(150,40,30,.4);
  border:1px solid rgba(243,228,200,.25)}
.report-sec p{font-size:14px;color:var(--ink-dim);line-height:1.8}
.report-sec b{color:var(--gold-soft)}
.report-sec.highlight{text-align:center;background:rgba(245,215,110,.07);border-color:rgba(245,215,110,.3)}
/* 卦象精解 */
.report-sec.gua-deep{background:linear-gradient(160deg,rgba(245,215,110,.10),rgba(30,26,64,.8));border-color:rgba(245,215,110,.32)}
.gua-line{display:flex;align-items:baseline;gap:12px;margin:2px 0 8px}
.gua-name{font-family:var(--serif);font-size:24px;color:var(--gold);letter-spacing:3px;text-shadow:0 0 18px rgba(245,215,110,.4)}
.gua-yao{font-size:13px;color:var(--gold-soft);border:1px solid var(--line);border-radius:10px;padding:2px 10px}
.gua-yaoci{font-size:13px;color:var(--gold-soft);line-height:1.8;margin-bottom:10px;padding-left:12px;border-left:2px solid rgba(245,215,110,.4)}
.gua-yaoci i{font-style:italic}
.lucky-num{font-family:var(--serif);font-size:60px;color:var(--gold);text-shadow:0 0 26px var(--gold);
  margin:6px 0 10px}
.report-foot{text-align:center;font-size:11px;color:var(--ink-faint);margin-top:20px;line-height:1.6}

/* ===== 三维能量总览仪表盘 ===== */
.energy-board{background:linear-gradient(165deg,rgba(245,215,110,.09),rgba(28,24,58,.82));
  border:1px solid rgba(245,215,110,.28);border-radius:18px;padding:18px 18px 16px;margin-bottom:16px;
  box-shadow:inset 0 0 30px rgba(245,215,110,.05)}
.eb-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px;
  padding-bottom:12px;border-bottom:1px solid var(--line)}
.eb-title{font-family:var(--serif);font-size:15px;color:var(--gold);letter-spacing:2px}
.eb-overall{font-size:12px;color:var(--ink-faint)}
.eb-overall b{font-family:var(--serif);font-size:20px;color:var(--gold);margin-left:2px;text-shadow:0 0 14px rgba(245,215,110,.5)}
.eb-bars{display:flex;flex-direction:column;gap:11px}
.eb-row{display:flex;align-items:center;gap:10px}
.eb-lbl{flex:0 0 60px;font-size:13px;color:var(--ink-dim);letter-spacing:.5px}
.eb-track{flex:1;height:9px;border-radius:6px;background:rgba(13,11,34,.7);
  overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.4)}
.eb-fill{display:block;height:100%;width:var(--w);border-radius:6px;
  background:linear-gradient(90deg,#caa64a,#f5d76e 60%,#f8e7a6);
  box-shadow:0 0 10px rgba(245,215,110,.5);animation:ebGrow 1.1s cubic-bezier(.2,.8,.2,1) both}
.eb-fill.mid{background:linear-gradient(90deg,#b8923a,#e6c45e 70%,#f0d98c)}
.eb-fill.low{background:linear-gradient(90deg,#9a5a4a,#c98a6a 70%,#e0b090)}
@keyframes ebGrow{from{width:0}}
.eb-val{flex:0 0 30px;text-align:right;font-family:var(--serif);font-size:16px;color:var(--gold-soft)}
.eb-foot{font-size:12px;color:var(--ink-faint);margin-top:13px;text-align:center;letter-spacing:.5px}
.eb-foot b{color:var(--gold-soft)}
/* 维度详解内嵌细分条 */
.sec-bar{height:7px;border-radius:5px;background:rgba(13,11,34,.7);overflow:hidden;
  margin:-2px 0 12px;box-shadow:inset 0 1px 2px rgba(0,0,0,.4)}

/* ===== 宣纸朱砂手书总批（A4亲笔感）===== */
.handwrite{margin-bottom:18px}
.hw-paper{position:relative;
  background:
    repeating-linear-gradient(0deg,transparent,transparent 31px,rgba(140,90,40,.07) 32px),
    linear-gradient(135deg,#f5ecd6,#efe3c4 50%,#e8d9b5);
  border:1px solid #d8c49a;border-radius:8px;padding:22px 22px 50px;
  box-shadow:0 8px 28px rgba(0,0,0,.35),inset 0 0 40px rgba(160,120,60,.12)}
.hw-title{font-family:var(--serif);font-size:15px;color:#6b4a2a;letter-spacing:3px;
  text-align:center;margin-bottom:14px;padding-bottom:10px;border-bottom:1px dashed #c9b388}
.hw-body{font-family:"Kaiti SC","STKaiti","KaiTi","Noto Serif SC",var(--serif);
  font-size:16px;color:#3a2c1a;line-height:2.0;text-align:justify;
  letter-spacing:1px;text-indent:2em}
.hw-sign{position:absolute;right:22px;bottom:16px;display:flex;align-items:flex-end;gap:8px}
.hw-sign-txt{font-family:"Kaiti SC","STKaiti","KaiTi",var(--serif);font-size:15px;color:#5a3e22;
  letter-spacing:1px}
.hw-seal{width:38px;height:38px;display:flex;align-items:center;justify-content:center;
  font-family:var(--serif);font-size:13px;line-height:1.1;color:#fff;text-align:center;
  background:#b03a2e;border-radius:5px;transform:rotate(-4deg);
  box-shadow:0 2px 6px rgba(176,58,46,.4);letter-spacing:0}

/* ===== 响应式 ===== */
@media(min-width:600px){
  .title{font-size:38px}
  .moon-deco{width:170px;height:170px;top:72px;right:7vw}
}

/* ===== 病毒钩子句 ===== */
.hero-hook{text-align:center;font-size:13.5px;color:var(--gold-soft);margin:-14px 0 4px;
  font-weight:600;letter-spacing:0.5px}

/* ===== why-box 导航（理论/案例内链）===== */
.why-nav{display:flex;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.why-nav-link{flex:1;text-align:center;font-size:12.5px;color:var(--gold-soft);
  text-decoration:none;padding:9px 6px;border-radius:10px;
  background:rgba(245,215,110,.07);border:1px solid var(--line);transition:.2s}
.why-nav-link:active{background:rgba(245,215,110,.16)}

/* ===== P0：为什么手机号信任区 ===== */
.why-box{max-width:420px;margin:22px auto 0;background:rgba(30,26,64,.78);
  border:1px solid var(--line);border-radius:18px;padding:16px 14px}
.why-box-title{text-align:center;font-family:var(--serif);font-size:14px;color:var(--gold-soft);
  letter-spacing:1px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.why-row{display:flex;flex-direction:column;gap:12px}
.why-item{display:flex;align-items:flex-start;gap:12px}
.why-icon{font-size:22px;flex:0 0 auto;margin-top:2px}
.why-item div{flex:1}
.why-item b{font-size:13px;color:var(--gold-soft);display:block;margin-bottom:2px}
.why-item span{font-size:12px;color:var(--ink-faint);line-height:1.55}

/* ===== P0：推理链（卦象卡 + 可展开步骤） ===== */
.reason-card{margin:10px auto 18px;max-width:430px;background:rgba(30,26,64,.78);
  border:1px solid rgba(245,215,110,.28);border-radius:16px;overflow:hidden}
.rc-banner{display:flex;align-items:center;justify-content:space-between;
  padding:13px 16px;background:rgba(245,215,110,.08);border-bottom:1px solid var(--line)}
.rc-banner-label{font-size:13px;color:var(--ink-dim)}
.rc-banner-gua{font-family:var(--serif);font-size:17px;color:var(--gold);letter-spacing:1px;
  text-shadow:0 0 12px rgba(245,215,110,.4)}
.rc-yao{font-size:13px;color:var(--ink-dim);line-height:1.7;padding:12px 16px 4px}
.rc-yao i{color:var(--gold-soft);font-style:normal}
.reason-chain{border-top:1px solid rgba(255,255,255,.04)}
.rc-summary{padding:12px 16px;font-size:13px;color:var(--gold-soft);
  cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px;
  user-select:none}
.rc-summary::-webkit-details-marker{display:none}
.rc-summary::after{content:'▶';font-size:10px;color:var(--ink-faint);margin-left:auto;transition:transform .2s}
details[open] .rc-summary::after{transform:rotate(90deg)}
.rc-body{padding:4px 16px 16px;border-top:1px solid var(--line)}
.rc-step{display:flex;gap:10px;margin-top:12px;font-size:13px;color:var(--ink-dim);line-height:1.7}
.rc-num{flex:0 0 22px;height:22px;border-radius:50%;background:rgba(245,215,110,.15);
  color:var(--gold-soft);font-size:11px;font-weight:700;
  display:flex;align-items:center;justify-content:center;margin-top:2px}
.rc-note{font-size:11px;color:var(--ink-faint);margin-top:10px;text-align:center;letter-spacing:0.5px}

/* ===== P0：FAQ ===== */
.faq-section{max-width:560px;margin:0 auto;padding:20px 22px 10px;position:relative;z-index:2}
.faq-title{font-family:var(--serif);font-size:15px;color:var(--gold);letter-spacing:3px;
  text-align:center;margin-bottom:16px}
.faq-item{margin-bottom:12px;background:rgba(30,26,64,.78);border:1px solid var(--line);
  border-radius:14px;padding:14px 16px}
.faq-q{font-size:14px;color:var(--ink);font-weight:600;margin-bottom:6px}
.faq-a{font-size:13px;color:var(--ink-faint);line-height:1.7}

/* ===== 任务1：赠礼区 ===== */
.gift-section{margin:16px 0;text-align:center}
.gift-label{font-size:13px;color:var(--gold-soft);font-weight:600;margin-bottom:10px;
  letter-spacing:0.5px;text-align:left}
.gift-box{background:rgba(28,24,58,.4);border:1px solid var(--line);border-radius:14px;
  padding:10px;overflow:hidden}
.gift-dl-btn{display:inline-block;margin-top:10px;padding:9px 22px;border-radius:20px;
  background:rgba(245,215,110,.1);border:1px solid rgba(245,215,110,.3);
  color:var(--gold-soft);font-size:13px;text-decoration:none;cursor:pointer}
.gift-dl-btn:active{background:rgba(245,215,110,.2)}
/* 吉日表 */
.jiri-table{width:100%;border-collapse:collapse;font-size:12px;margin-top:4px}
.jiri-table th{padding:7px 8px;background:rgba(245,215,110,.12);color:var(--gold-soft);
  font-weight:600;text-align:left;border-bottom:1px solid var(--line)}
.jiri-table td{padding:7px 8px;border-bottom:1px solid rgba(255,255,255,.04);
  color:var(--ink-dim);line-height:1.5;vertical-align:top}
.jiri-table tr:last-child td{border-bottom:none}
.jiri-table td b{color:var(--ink);display:block}
.jiri-table td small{color:var(--ink-faint);font-size:10px}

/* ===== 任务2：邀请计数行 ===== */
.invite-count-row{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:12px}
.invite-count-label{font-size:13px;color:var(--ink-faint)}
.invite-count-num{font-family:var(--serif);font-size:26px;color:var(--gold);
  text-shadow:0 0 12px rgba(245,215,110,.5);min-width:28px;text-align:center}

/* ===== 任务3：分享卡片 canvas 弹层 ===== */
.card-modal-inner{max-width:460px;width:100%;margin:0 auto;padding:14px 14px 18px;
  background:rgba(8,6,30,.95);border:1px solid var(--gold);border-radius:22px;
  box-shadow:0 20px 70px rgba(0,0,0,.7)}
.card-action-row{display:flex;gap:10px;margin-top:12px}
.card-action-row .btn-gold{flex:1;padding:12px 0;font-size:15px;letter-spacing:2px}
.card-action-row .btn-ghost{flex:0 0 auto;padding:12px 20px}
/* 分享区高分按钮 */
.share-btn-card{background:linear-gradient(135deg,rgba(245,215,110,.18),rgba(180,100,255,.12))!important;
  border-color:rgba(245,215,110,.45)!important;color:var(--gold)!important;font-weight:600}
.share-hint{font-size:12px;color:var(--ink-faint);margin-top:10px}

/* ===== 每日号码能量（续费钩子）===== */
.module-card.hot{position:relative;border-color:rgba(245,215,110,.5);background:linear-gradient(160deg,rgba(245,215,110,.14),rgba(30,26,64,.8))}
.module-card.hot::after{content:'每日更新';position:absolute;top:-7px;right:-6px;font-size:9px;color:#2a1e05;background:linear-gradient(135deg,#f8e7a6,var(--gold));padding:2px 7px;border-radius:9px;font-weight:700;letter-spacing:1px}
.d-today{text-align:center;padding:14px 0 6px}
.d-score{font-family:var(--serif);font-size:60px;line-height:1;text-shadow:0 0 24px rgba(245,215,110,.35)}
.d-score small{font-size:18px;color:var(--ink-faint)}
.d-rank{font-size:12px;color:var(--ink-dim);margin-top:6px}
.d-guide{font-size:14px;color:var(--gold-soft);line-height:1.8;margin:10px 14px 0;font-style:italic}
.d4{display:grid;gap:8px;margin:16px 0}
.d4-row{display:flex;align-items:center;gap:10px}
.d4-k{flex:0 0 56px;font-size:12px;color:var(--ink-dim)}
.d4-bar{flex:1;height:8px;border-radius:6px;background:rgba(245,215,110,.08);overflow:hidden}
.d4-bar i{display:block;height:100%;border-radius:6px}
.d4-v{flex:0 0 26px;text-align:right;font-size:13px;color:var(--gold-soft);font-family:var(--serif)}
.d-list{list-style:none;padding:0;margin:4px 0 0}
.d-list li{font-size:13.5px;line-height:1.7;color:var(--ink-dim);padding-left:18px;position:relative;margin-bottom:4px}
.d-list.yi li::before{content:'✦';position:absolute;left:0;color:#8fd4a0}
.d-list.ji li::before{content:'✕';position:absolute;left:0;color:#d89b9b}
.d-luck{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}
.d-luck-i{display:flex;justify-content:space-between;align-items:center;background:rgba(245,215,110,.06);border:1px solid var(--line);border-radius:10px;padding:8px 12px}
.d-luck-i b{font-size:12px;color:var(--ink-faint);font-weight:500}
.d-luck-i span{font-size:14px;color:var(--gold-soft);font-family:var(--serif)}
.d-week{margin-top:16px;border:1px solid rgba(245,215,110,.28);border-radius:14px;padding:14px;background:rgba(30,26,64,.78)}
.d-week-t{font-size:13px;color:var(--gold-soft);text-align:center;margin-bottom:10px}
.d-week-bars{display:flex;align-items:flex-end;justify-content:space-between;gap:6px;height:88px;margin-bottom:6px}
.dw-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;height:100%;justify-content:flex-end}
.dw-bar{width:60%;height:72px;background:rgba(245,215,110,.06);border-radius:5px;display:flex;align-items:flex-end;overflow:hidden}
.dw-bar i{display:block;width:100%;border-radius:5px}
.dw-d{font-size:10px;color:var(--ink-faint)}
.dw-col.blur{filter:blur(3px);opacity:.6}
.d-week-lock{text-align:center;margin-top:8px}
.d-week-lock p{font-size:13px;color:var(--ink-dim);line-height:1.7;margin-bottom:10px}
.d-week-lock b{color:var(--gold-soft)}
.d-week-sub{font-size:11px;color:var(--ink-faint);margin-top:8px}

/* ════════════ 主题 v2：质感统一层（2026-06-11 视觉重做） ════════════ */

/* 桌面端：内容列加宽，不再悬空 */
@media(min-width:760px){
  .container,.topbar{max-width:660px}
  .faq-section{max-width:660px}
  .input-wrap{max-width:420px}
  .trust-bar{max-width:420px}
  .why-box{max-width:480px}
  #historyZone{max-width:480px}
}

/* 区块标题统一制式：serif 金色 + 上下留白节奏 */
.wall-title,.more-title,.faq-title,.why-box-title,.hist-title{
  font-family:var(--serif);font-size:15px;color:var(--gold-soft);
  letter-spacing:3px;opacity:1;text-align:center}
.more-title{margin:6px 0 18px}
.hist-title{letter-spacing:2px}

/* 好评墙：桌面双列网格，手机保持横滑 */
@media(min-width:600px){
  .wall{max-width:600px}
  .wall-track{display:grid;grid-template-columns:1fr 1fr;gap:12px;overflow:visible;padding:2px}
  .wall-card{flex:none}
}

/* 模块图标：圆形底托替代裸emoji */
.module-card span{
  font-size:21px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;
  border-radius:50%;background:rgba(245,215,110,.09);border:1px solid var(--line);opacity:1}
.module-card{padding:18px 8px 14px;gap:8px}
.module-card em{letter-spacing:.5px}

/* 测算历史卡片：统一卡片制式 */
.hist-card{background:var(--card);border:1px solid var(--line)}

/* FAQ：可折叠手风琴 */
details.faq-item{padding:0;overflow:hidden}
details.faq-item summary.faq-q{
  list-style:none;cursor:pointer;padding:14px 38px 14px 16px;margin:0;position:relative;
  -webkit-user-select:none;user-select:none}
details.faq-item summary.faq-q::-webkit-details-marker{display:none}
details.faq-item summary.faq-q::after{
  content:'+';position:absolute;right:16px;top:50%;transform:translateY(-50%);
  font-size:18px;color:var(--gold-soft);font-weight:400;transition:transform .2s}
details.faq-item[open] summary.faq-q::after{transform:translateY(-50%) rotate(45deg)}
details.faq-item .faq-a{padding:0 16px 14px;margin:0}
.faq-a{color:var(--ink-dim)}

/* 首屏微调：去糊提神 */
.eyebrow{font-size:12.5px;opacity:1}
.privacy{color:var(--ink-dim)}
.live-line{color:var(--ink-dim)}

/* 付费墙权益清单：产品规格制式 */
.paywall-list li{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--ink-dim);
  background:rgba(245,215,110,.05);border:1px solid var(--line);border-radius:10px;padding:10px 13px}
.paywall-list li i{font-style:normal;color:var(--gold);font-weight:700;flex:0 0 auto}
.paywall-list li b{color:var(--gold-soft)}

/* 打赏降级为安静次选项（不和主CTA抢戏） */
.tip-zone{background:transparent;border:1px dashed rgba(7,193,96,.35);padding:14px 16px;margin:10px 0 4px}
.tip-title{color:var(--ink-dim);font-size:13.5px;font-weight:400}
.tip-sub{margin-bottom:10px}
.btn-tip{width:auto;padding:10px 26px;font-size:14px;letter-spacing:1px;font-weight:600;
  background:rgba(7,193,96,.16);color:#5fd695;border:1px solid rgba(7,193,96,.45);box-shadow:none}

/* ── 付款弹窗v3：三选一标签式 ── */
.pay-order-row{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;
  font-size:12.5px;color:var(--ink-dim);background:rgba(255,255,255,.04);
  border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin:2px 0 10px}
.pay-order-row b{color:var(--gold);font-size:17px;letter-spacing:3px;font-family:var(--serif)}
.pay-order-row span{color:var(--ink-faint);font-size:11.5px}
.pay-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 14px}
.pay-tab{background:rgba(255,255,255,.04);border:1.5px solid var(--line);border-radius:12px;
  padding:11px 4px 9px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;
  color:var(--ink);transition:border-color .2s,background .2s}
.pay-tab .pt-icon{font-size:22px;line-height:1}
.pay-tab b{font-size:13.5px;font-weight:700}
.pay-tab i{font-style:normal;font-size:10px;color:var(--ink-faint);line-height:1.3}
.pay-tab.active{border-color:var(--gold);background:rgba(245,215,110,.10);
  box-shadow:0 0 16px rgba(245,215,110,.18)}
.pay-tab.active b{color:var(--gold-soft)}
.pay-panel{text-align:center;padding:4px 0 6px}
.pay-panel-btn{width:100%;font-size:16px}
.pay-panel-note{font-size:12px;color:var(--ink-faint);margin-top:9px;line-height:1.6}
.pay-panel-qr{width:150px;border-radius:10px;display:block;margin:0 auto 12px}
.pay-panel-steps{text-align:left;font-size:13px;color:var(--ink-dim);margin:0;padding-left:22px;
  display:grid;gap:7px;line-height:1.6}
.pay-panel-steps b{color:var(--gold-soft)}
.pay-ord-inline{color:var(--gold);font-weight:700;letter-spacing:2px}

/* ── 80%免费版批文：锁块 ── */
.report-free-tag{display:inline-block;margin-top:8px;font-size:12px;color:var(--gold-soft);
  border:1px dashed rgba(245,215,110,.45);border-radius:999px;padding:4px 14px;
  background:rgba(245,215,110,.07)}
.report-locked{border:1.5px dashed rgba(245,215,110,.5);border-radius:14px;
  padding:20px 16px 16px;margin:18px 0;text-align:center;background:rgba(245,215,110,.05)}
.rl-lock{font-size:28px;line-height:1}
.rl-title{font-family:var(--serif);color:var(--gold-soft);font-size:16.5px;font-weight:700;margin:8px 0 12px}
.rl-list{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:8px;text-align:left;
  font-size:13.5px;color:var(--ink-dim);line-height:1.55}
.rl-list b{color:var(--ink)}
.rl-btn{width:100%}
.rl-note{font-size:12px;color:var(--ink-faint);margin-top:9px}

/* ── 付款弹窗v4：A/B/C 三选一彩色大卡 ── */
.pay-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:8px 0 14px}
.pay-choice{position:relative;border-radius:14px;padding:14px 6px 11px;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--ink);
  background:rgba(255,255,255,.04);border:2px solid var(--line);transition:all .22s;opacity:.72}
.pay-choice b{font-size:14px;font-weight:800;letter-spacing:.5px}
.pay-choice i{font-style:normal;font-size:10.5px;line-height:1.45;color:var(--ink-faint);text-align:center}
.pay-choice .pc-icon{font-size:24px;line-height:1}
.pay-choice .pc-tag{position:absolute;top:-9px;left:50%;transform:translateX(-50%);
  font-size:11px;font-weight:800;width:20px;height:20px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;color:#14102e;background:var(--ink-faint)}
.pay-choice.active{opacity:1;transform:translateY(-2px)}
/* A 金（付款·国际）*/
.pc-a.active{border-color:var(--gold);background:rgba(245,215,110,.10);box-shadow:0 4px 20px rgba(245,215,110,.22)}
.pc-a.active b{color:var(--gold-soft)} .pc-a.active .pc-tag{background:var(--gold)}
/* B 绿（人民币·微信）*/
.pc-b.active{border-color:#3fbf6f;background:rgba(63,191,111,.10);box-shadow:0 4px 20px rgba(63,191,111,.22)}
.pc-b.active b{color:#7ee2a4} .pc-b.active .pc-tag{background:#3fbf6f}
/* C 粉紫（分享·情绪）*/
.pc-c.active{border-color:#d678c8;background:rgba(214,120,200,.10);box-shadow:0 4px 20px rgba(214,120,200,.24)}
.pc-c.active b{color:#eba8e0} .pc-c.active .pc-tag{background:#d678c8}

/* USDT 折叠区 */
.usdt-box{margin-top:12px;border:1px dashed var(--line);border-radius:11px;padding:9px 12px;text-align:left}
.usdt-box summary{cursor:pointer;font-size:13px;color:var(--ink-dim);list-style:none}
.usdt-box summary::-webkit-details-marker{display:none}
.usdt-box[open] summary{color:var(--gold-soft);margin-bottom:8px}
.usdt-net{font-size:12px;color:#e8a87c;margin:4px 0 8px;line-height:1.5}
.usdt-addr-row{display:flex;align-items:center;gap:7px;margin-bottom:7px}
.usdt-label{flex:0 0 auto;font-size:11px;color:var(--ink-faint);border:1px solid var(--line);border-radius:6px;padding:2px 6px}
.usdt-addr{flex:1;font-size:10px;color:var(--ink-dim);word-break:break-all;background:rgba(255,255,255,.04);
  border-radius:6px;padding:5px 7px;font-family:Consolas,monospace;line-height:1.4}
.pay-copy-btn{flex:0 0 auto;font-size:11px;color:var(--gold-soft);background:rgba(245,215,110,.1);
  border:1px solid rgba(245,215,110,.4);border-radius:7px;padding:5px 9px;cursor:pointer}
.usdt-after{font-size:12px;color:var(--ink-faint);line-height:1.6;margin-top:6px}
.usdt-after b{color:var(--gold-soft)}

/* B面板：微信/支付宝双码并排 */
.qr-duo{display:flex;justify-content:center;gap:16px;margin-bottom:12px}
.qr-item{display:flex;flex-direction:column;align-items:center;gap:6px}
.qr-item .pay-panel-qr{width:124px;margin:0}
.qr-cap{font-size:12px;font-weight:700}
.wx-cap{color:#7ee2a4} .ali-cap{color:#7cb8f5}

/* C面板：分享免单 */
.share-free-title{font-size:14.5px;color:var(--ink);text-align:center;line-height:1.6;margin-bottom:10px}
.share-free-title b{color:#eba8e0}
.share-free-copy{font-size:12.5px;color:var(--ink-dim);background:rgba(255,255,255,.05);border:1px dashed rgba(214,120,200,.4);
  border-radius:10px;padding:10px 12px;line-height:1.7;white-space:pre-wrap;word-break:break-all;margin-bottom:11px;text-align:left}
.share-free-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sf-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border-radius:11px;
  font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;border:1.5px solid var(--line);
  background:rgba(255,255,255,.04);color:var(--ink)}
.sf-btn small{font-size:10px;font-weight:400;color:var(--ink-faint)}
.sf-copy{border-color:rgba(214,120,200,.5);color:#eba8e0}
.sf-card{border-color:rgba(245,215,110,.5);color:var(--gold-soft)}
.sf-x{border-color:rgba(255,255,255,.3)}
.sf-wa{border-color:rgba(63,191,111,.5);color:#7ee2a4}
.share-free-note{font-size:11.5px;color:var(--ink-faint);text-align:center;margin-top:10px;line-height:1.6}

/* 晒图卡弹层要盖在付款弹窗之上 */
#cardModal{z-index:1200}

/* 右下角浮动：推广合作（低调）*/
.float-coop{position:fixed;right:12px;bottom:14px;z-index:40;font-size:12px;color:var(--ink-faint);
  background:rgba(13,10,34,.78);border:1px solid var(--line);border-radius:999px;padding:7px 13px;
  text-decoration:none;backdrop-filter:blur(4px);transition:color .2s,border-color .2s}
.float-coop:hover{color:var(--gold-soft);border-color:rgba(245,215,110,.45)}

/* 首页能量插图动画 */
.energy-illu{max-width:300px;margin:2px auto 10px}
.energy-illu svg{width:100%;display:block}
.ei-ring{transform-origin:150px 65px;animation:eiRing 3.2s ease-out infinite}
.ei-ring.r2{animation-delay:1.05s}
.ei-ring.r3{animation-delay:2.1s}
@keyframes eiRing{0%{transform:scale(.55);opacity:.9}100%{transform:scale(2.5);opacity:0}}
.ei-glyph{animation:eiFloat 4.5s ease-in-out infinite}
.ei-glyph.g2{animation-delay:.7s}.ei-glyph.g3{animation-delay:1.4s}
.ei-glyph.g4{animation-delay:2.1s}.ei-glyph.g5{animation-delay:2.8s}.ei-glyph.g6{animation-delay:3.5s}
@keyframes eiFloat{0%,100%{transform:translateY(0);opacity:.55}50%{transform:translateY(-6px);opacity:1}}
.ei-num{animation:eiNum 3.8s ease-in-out infinite}
.ei-num.n2{animation-delay:.9s}.ei-num.n3{animation-delay:1.9s}.ei-num.n4{animation-delay:2.7s}
@keyframes eiNum{0%,100%{opacity:.25}50%{opacity:.95}}

/* 每日运势未读红点 */
.module-card{position:relative}
.daily-dot{position:absolute;top:8px;right:10px;width:9px;height:9px;border-radius:50%;
  background:#ff5a5a;box-shadow:0 0 8px rgba(255,90,90,.8);animation:dotPulse 1.6s ease-in-out infinite}
@keyframes dotPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}
.sf-fb{border-color:rgba(100,140,230,.5);color:#9db8f0}

/* ── 起卦前快问 ── */
.q-eyebrow{text-align:center;font-size:12.5px;color:var(--gold-soft);letter-spacing:2px;margin-bottom:22px}
.q-title{font-family:var(--serif);font-size:21px;color:var(--ink);text-align:center;margin-bottom:20px;letter-spacing:1px}
.q-opts{display:grid;gap:11px;max-width:360px;margin:0 auto}
.q-opt{display:flex;align-items:center;gap:13px;padding:15px 18px;border-radius:14px;cursor:pointer;
  background:rgba(255,255,255,.05);border:1.5px solid var(--line);color:var(--ink);
  transition:border-color .18s,background .18s,transform .12s;text-align:left}
.q-opt:active{transform:scale(.97)}
.q-opt:hover{border-color:rgba(245,215,110,.55);background:rgba(245,215,110,.07)}
.q-opt span{font-size:25px;line-height:1}
.q-opt b{font-size:16.5px;font-weight:700;letter-spacing:1px}
.q-opt i{font-style:normal;font-size:12px;color:var(--ink-faint);margin-left:auto}
.q-progress{text-align:center;font-size:12px;color:var(--ink-faint);margin-top:20px}

/* ── 推演清单加载 ── */
.load-steps{list-style:none;padding:0;margin:24px auto 8px;max-width:330px;display:grid;gap:10px}
.load-steps li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--ink-dim);
  animation:lsIn .4s ease both}
@keyframes lsIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ls-mark{flex:0 0 20px;height:20px;border-radius:50%;font-style:normal;font-size:12px;
  display:flex;align-items:center;justify-content:center;color:var(--ink-faint);
  border:1px solid var(--line);animation:lsSpin 1s linear infinite}
.load-steps li.done .ls-mark{animation:none;color:#14102e;background:var(--gold);border-color:var(--gold);font-weight:800}
.load-steps li.done{color:var(--ink)}
@keyframes lsSpin{to{transform:rotate(360deg)}}

/* ── 关注维度标记 ── */
.dim-focus{border:1px solid rgba(245,215,110,.45);border-radius:12px;padding:10px 12px;background:rgba(245,215,110,.06)}
.dim-tag,.sec-focus-tag{font-style:normal;font-size:10px;color:#14102e;background:var(--gold);
  border-radius:999px;padding:2px 8px;margin-left:7px;font-weight:700;vertical-align:2px}
.blur-focus-tag{color:var(--gold-soft)}

/* ── 已分享回访链接 + CTA好评 ── */
#sharedReportLink{font-size:12.5px;color:var(--ink-dim);text-align:center;margin-top:8px}
#sharedReportLink a{color:var(--gold-soft);text-decoration:underline;cursor:pointer}
.cta-quote{font-family:var(--serif);font-size:12.5px;color:var(--ink-faint);text-align:center;
  margin-top:10px;font-style:italic}

/* ── 出分高潮（情绪峰值时刻）── */
.score-card{position:relative}
.score-pop .score-ring{animation:scorePop .55s cubic-bezier(.2,1.6,.4,1)}
@keyframes scorePop{0%{transform:scale(1)}40%{transform:scale(1.12)}100%{transform:scale(1)}}
.score-pop::after{content:'';position:absolute;inset:-6px;border-radius:inherit;pointer-events:none;
  border:2px solid rgba(245,215,110,.65);animation:scoreBurst .9s ease-out forwards}
@keyframes scoreBurst{0%{transform:scale(.9);opacity:1}100%{transform:scale(1.25);opacity:0}}
.score-spark{position:absolute;left:50%;top:42%;font-size:15px;color:var(--gold);pointer-events:none;
  animation:sparkFly 1.3s ease-out forwards;opacity:0}
@keyframes sparkFly{0%{transform:translate(0,0) scale(.6);opacity:1}
  100%{transform:translate(var(--dx),var(--dy)) scale(1.25) rotate(80deg);opacity:0}}

/* ── 结果页今日能量钩子 ── */
.daily-hook{position:relative;display:block;width:100%;margin:14px 0 4px;padding:12px 16px;border-radius:13px;
  font-size:13.5px;color:var(--ink-dim);text-align:center;cursor:pointer;line-height:1.5;
  background:linear-gradient(135deg,rgba(245,215,110,.08),rgba(120,80,200,.10));
  border:1px solid rgba(245,215,110,.3)}
.daily-hook b{color:var(--gold-soft)}
.hook-dot{position:absolute;top:9px;right:11px;width:8px;height:8px;border-radius:50%;
  background:#ff5a5a;box-shadow:0 0 8px rgba(255,90,90,.8);animation:dotPulse 1.6s ease-in-out infinite}

/* ── 批文开封仪式（付费报告首开过场:时间感=真人感）── */
.seal-opening{min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:40px 20px}
.so-seal{width:74px;height:74px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  font-family:var(--serif);font-size:24px;font-weight:700;line-height:1.15;text-align:center;color:#f3e4c8;
  background:linear-gradient(150deg,#a83228,#7c1f16 72%,#69180f);
  box-shadow:inset 0 0 6px rgba(0,0,0,.4),0 4px 22px rgba(150,40,30,.5);
  border:1px solid rgba(243,228,200,.3);animation:soSeal 2.4s ease-in-out infinite}
@keyframes soSeal{0%,100%{transform:scale(1);box-shadow:inset 0 0 6px rgba(0,0,0,.4),0 4px 22px rgba(150,40,30,.5)}
  50%{transform:scale(1.06);box-shadow:inset 0 0 6px rgba(0,0,0,.4),0 4px 34px rgba(190,60,40,.75)}}
.so-steps{list-style:none;padding:0;margin:0;display:grid;gap:13px}
.so-steps li{font-family:var(--serif);font-size:14.5px;color:var(--ink-faint);opacity:.3;
  letter-spacing:1px;transition:opacity .6s,color .6s;text-align:center}
.so-steps li.on{opacity:1;color:var(--gold-soft)}
.so-steps li.on::after{content:' ✓';color:var(--gold)}

/* ── 金色线条图标体系（替代emoji,信任感升档）── */
.gi{display:inline-flex;align-items:center;justify-content:center;color:var(--gold);
  filter:drop-shadow(0 0 5px rgba(245,215,110,.4))}
.gi svg{width:26px;height:26px;display:block}
.gi.gi-s svg{width:19px;height:19px;vertical-align:-4px}
.dim-top .gi{margin-right:5px;vertical-align:-4px}
.why-icon.gi svg{width:23px;height:23px}
.q-opt .gi svg{width:26px;height:26px}
.why-item span.why-icon.gi{color:var(--gold)}

/* ════ v47 专业视觉重构层 ════ */

/* ── 1. 输入框:Google搜索框范式(白色大药丸,页面唯一焦点) ── */
.phone-row{background:#fff;border-radius:999px;padding:5px 5px 5px 6px;
  box-shadow:0 6px 28px rgba(0,0,0,.45),0 1px 3px rgba(0,0,0,.3);
  transition:box-shadow .2s}
.phone-row:focus-within{box-shadow:0 8px 34px rgba(0,0,0,.5),0 0 0 3px rgba(245,215,110,.45)}
#phoneInput{flex:1;min-width:0;background:transparent;border:none;color:#1d1b2e;font-size:18px;font-weight:600;
  letter-spacing:1.5px;text-align:left;height:52px;padding-left:16px}
#phoneInput::placeholder{color:#9a96ad;font-weight:400;letter-spacing:.5px;font-size:15px}
/* 右侧圆月按钮（仿谷歌的内嵌动作；月面陨坑+金辉，写"测算"）*/
.moon-go{flex:0 0 auto;width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;
  font-family:var(--serif);font-size:15px;font-weight:700;letter-spacing:1px;line-height:1.05;color:#3a2a06;
  display:flex;align-items:center;justify-content:center;
  background:
    radial-gradient(circle at 70% 28%,rgba(150,110,30,.30) 0 9%,transparent 11%),
    radial-gradient(circle at 36% 62%,rgba(150,110,30,.22) 0 7%,transparent 9%),
    radial-gradient(circle at 38% 34%,#fff7df,#f5d76e 55%,#caa64a 100%);
  box-shadow:0 4px 14px rgba(202,166,74,.55),inset -3px -3px 8px rgba(150,110,30,.4),inset 2px 2px 7px rgba(255,250,220,.7);
  transition:transform .12s}
.moon-go:active{transform:scale(.92)}
#phoneInput:focus{border:none;box-shadow:none;outline:none}

/* ── 2. 结果页:白纸开卷(锦囊批条,纸上墨字朱砂——暗夜里唯一亮处=注意力) ── */
.paper-reveal{position:relative;border-radius:14px;padding:26px 20px 22px;margin-bottom:18px;
  background:
    radial-gradient(circle at 10% 6%, rgba(160,110,60,.09), transparent 42%),
    repeating-linear-gradient(0deg, rgba(160,110,60,.045) 0 1px, transparent 1px 30px),
    linear-gradient(160deg,#f9f0d9,#f3e4c2 58%,#edDAB0);
  color:#3c2d12;
  box-shadow:0 16px 44px rgba(0,0,0,.5), 0 2px 10px rgba(0,0,0,.35), inset 0 0 34px rgba(160,110,60,.12);
  transform-origin:50% 12%;
  animation:paperUnfold 1s cubic-bezier(.22,.9,.28,1.04) both}
.paper-reveal::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:
    linear-gradient(106deg,transparent 23%,rgba(120,80,30,.10) 24.5%,transparent 26.5%),
    linear-gradient(74deg,transparent 57%,rgba(120,80,30,.085) 58.5%,transparent 60.5%),
    linear-gradient(2deg,transparent 71%,rgba(120,80,30,.06) 72%,transparent 74%)}
.paper-reveal::after{content:'開 運 批 條';position:absolute;top:10px;right:14px;
  font-family:var(--serif);font-size:10.5px;letter-spacing:3px;color:rgba(140,90,40,.55)}
@keyframes paperUnfold{
  0%{transform:scale(.16) rotate(-8deg);opacity:0;border-radius:46%}
  50%{transform:scale(1.05) rotate(2deg);opacity:1;border-radius:18px}
  72%{transform:scale(.985) rotate(-.6deg)}
  100%{transform:scale(1) rotate(0)}}
.paper-reveal>*{animation:paperInk .65s .6s ease both}
@keyframes paperInk{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
/* 纸上配色:墨字+朱砂(覆盖暗夜金的全部子元素) */
.paper-reveal .score-ring{border-color:rgba(140,90,40,.4);box-shadow:inset 0 0 22px rgba(160,110,60,.14)}
.paper-reveal .score-num{color:#8B1A1A;background:none;-webkit-text-fill-color:initial;
  text-shadow:0 1px 0 rgba(255,255,255,.4)}
.paper-reveal .score-max{color:#8a7345}
.paper-reveal .level-badge{background:rgba(168,50,40,.06);border:1.5px solid currentColor}
.paper-reveal .rank-text{color:#7a6233}
.paper-reveal .rank-text b{color:#8B1A1A;font-size:16px}
.paper-reveal .result-name{color:#5d4413}
.paper-reveal .result-desc{color:#4a3a1e;font-size:15px;line-height:1.85}
.paper-reveal .result-tip{background:rgba(168,50,40,.06);border:1px dashed rgba(168,50,40,.45);
  color:#7c3a28;font-size:13.5px}
.paper-reveal .score-spark{color:#a83228}

/* ── 3. 付款三选:整色大横条(7岁可懂:一行一个,选中带√,没选变暗) ── */
.pay-choice-grid{display:flex;flex-direction:column;gap:10px;margin:8px 0 14px}
.pay-choice{flex-direction:row;justify-content:flex-start;text-align:left;gap:14px;
  padding:14px 48px 14px 16px;border-radius:14px;border-width:2px;opacity:.5;position:relative}
.pay-choice .pc-icon{font-size:30px}
.pay-choice b{font-size:16.5px;display:block}
.pay-choice i{margin-left:0;font-size:12px;line-height:1.4;display:block;text-align:left}
.pay-choice .pc-tag{position:absolute;left:auto;right:14px;top:50%;transform:translateY(-50%);
  width:26px;height:26px;font-size:13px;background:rgba(255,255,255,.14);color:var(--ink-dim)}
.pay-choice>div, .pay-choice .pc-body{display:flex;flex-direction:column}
.pay-choice.active{opacity:1;transform:none}
.pay-choice.active .pc-tag{font-size:0}
.pay-choice.active .pc-tag::after{content:'✓';font-size:15px;font-weight:900;color:#14102e}
/* 三条各自整色 */
.pc-a{background:linear-gradient(115deg,rgba(245,215,110,.20),rgba(245,215,110,.07));border-color:rgba(245,215,110,.55)}
.pc-a b{color:var(--gold-soft)} .pc-a.active{background:linear-gradient(115deg,rgba(245,215,110,.30),rgba(245,215,110,.12));box-shadow:0 4px 22px rgba(245,215,110,.25)}
.pc-a.active .pc-tag{background:var(--gold)}
.pc-b{background:linear-gradient(115deg,rgba(63,191,111,.18),rgba(63,191,111,.06));border-color:rgba(63,191,111,.5)}
.pc-b b{color:#7ee2a4} .pc-b.active{background:linear-gradient(115deg,rgba(63,191,111,.28),rgba(63,191,111,.10));box-shadow:0 4px 22px rgba(63,191,111,.25)}
.pc-b.active .pc-tag{background:#3fbf6f}
.pc-c{background:linear-gradient(115deg,rgba(214,120,200,.18),rgba(214,120,200,.06));border-color:rgba(214,120,200,.5)}
.pc-c b{color:#eba8e0} .pc-c.active{background:linear-gradient(115deg,rgba(214,120,200,.28),rgba(214,120,200,.10));box-shadow:0 4px 22px rgba(214,120,200,.28)}
.pc-c.active .pc-tag{background:#d678c8}
/* iPhone→人体 能量波/光环动画 */
.ei-wave{animation:eiWave 2.4s ease-in-out infinite}
.ei-wave.w2{animation-delay:.4s}.ei-wave.w3{animation-delay:.8s}
@keyframes eiWave{0%,100%{opacity:.25}50%{opacity:1}}
.ei-aura{transform-origin:218px 68px;animation:eiAura 3.4s ease-out infinite}
.ei-aura.a2{animation-delay:1.7s}
@keyframes eiAura{0%{transform:scale(.82);opacity:.9}100%{transform:scale(1.25);opacity:0}}

/* ===== 报告内页排版细抠 v55（付费交付物精修，纯CSS）===== */
/* 1. 正文可读性：长报告读着不累——行高更舒、字色更亮、CJK微字距，段间留白 */
.report-sec p{color:#d2cde8;line-height:1.95;letter-spacing:.3px}
.report-sec p + p{margin-top:.9em}
/* 2. 章节标题与正文之间加金色发丝线，长报告一眼分得清层次 */
.report-sec h3{padding-bottom:11px;margin-bottom:13px;
  border-bottom:1px solid rgba(245,215,110,.14)}
/* 3. 统一纵向节奏：所有大块 18px，呼吸一致 */
.energy-board,.handwrite,.report-sec,.report-locked,.report-reward,.report-upsell{margin-bottom:18px}
/* 4. 修 CJK 合成斜体（爻辞）：中文不用斜体，改楷体+字距更显古意 */
.gua-yaoci i{font-style:normal;font-family:"Kaiti SC","STKaiti","KaiTi",var(--serif);letter-spacing:1px}
/* 5. 封面收束：标题下一道带菱形的金线，分隔"封面→正文"的仪式感 */
.report-head{padding-bottom:20px;margin-bottom:24px;position:relative}
.report-head::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:140px;height:1px;background:linear-gradient(90deg,transparent,rgba(245,215,110,.5),transparent)}
.report-head::before{content:"✦";position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);
  font-size:11px;color:var(--gold);background:transparent;padding:0 6px;z-index:1}
.report-title{letter-spacing:3px}
.report-master{margin-top:8px}
/* 6. 页脚收束：上方一道发丝线 + 朱砂句点，报告有始有终 */
.report-foot{padding-top:18px;margin-top:24px;border-top:1px solid rgba(245,215,110,.12);
  position:relative;letter-spacing:.5px}
.report-foot::before{content:"❖";display:block;color:rgba(245,215,110,.55);
  font-size:13px;margin-bottom:10px}

/* ===== 统一三语切换（头部+底部，链接由JS算，免enhance静态重写干扰）v57 ===== */
.topbar-right{display:flex;align-items:center;gap:12px}
.lang3{display:inline-flex;align-items:center;gap:2px}
.lang3 a{font-size:12px;color:var(--ink-faint);text-decoration:none;padding:3px 9px;border-radius:999px;
  letter-spacing:.5px;cursor:pointer;transition:color .15s,background .15s;border:1px solid transparent}
.lang3 a:hover{color:var(--gold-soft);border-color:var(--line)}
.lang3 a.on{color:#2a1e05;background:linear-gradient(135deg,#f5d76e,#caa64a);font-weight:600}
.footer .lang3{margin:0 auto 14px;justify-content:center}
@media(max-width:430px){.topbar .brand-sub{display:none}}

/* ===== 信赖说明：古今双依据（why-box 内）v57 ===== */
.why-basis{margin-top:16px;display:grid;gap:10px}
.wb-col{background:rgba(20,16,46,.5);border:1px solid var(--line);border-radius:14px;padding:14px 15px}
.wb-col.modern{border-left:3px solid var(--gold);border-radius:0 14px 14px 0}
.wb-h{font-family:var(--serif);font-size:14px;color:var(--gold-soft);letter-spacing:.5px;margin-bottom:9px;
  display:flex;align-items:center;gap:7px}
.wb-list{list-style:none;display:flex;flex-direction:column;gap:7px}
.wb-list li{font-size:12.8px;color:var(--ink-dim);line-height:1.7;padding-left:16px;position:relative}
.wb-list li::before{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;
  background:var(--gold);box-shadow:0 0 6px rgba(245,215,110,.6)}
.wb-list li b{color:var(--ink)}
.wb-modern-p{font-size:12.8px;color:var(--ink-dim);line-height:1.85}
.wb-modern-p b{color:var(--gold-soft)}
.wb-modern-p .wb-em{display:block;margin-top:8px;font-family:var(--serif);font-size:13.5px;
  color:var(--gold-soft);letter-spacing:.5px}