/* ============================================================
   gq.css —— 搞钱工作台「换肤 + 动画」层

   加载顺序：theme.css → gq-core.css（旧站原样式，保证 15 个方案的
   DOM 排版不塌）→ gq.css。本文件最后加载，用同选择器覆盖成暖橙霓虹。
   ============================================================ */

/* ---------- 1. 全局底色与文字 ---------- */
body{
  background:#05070F;color:var(--ink);
  font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
  line-height:1.75;
}
.bg-grid{opacity:.16}
.hero,.wrap{position:relative;z-index:2}
::selection{background:color-mix(in srgb,var(--acc2) 55%,transparent);color:#050B16}

/* ---------- 2. 英雄区 ---------- */
.hero{
  background:linear-gradient(160deg,#07142B 0%,#0A0C22 46%,#05070F 100%);
  padding:clamp(46px,7vw,86px) 20px clamp(30px,5vw,58px);
  overflow:hidden;
}
.hero::before,.hero::after{
  content:"";position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;
  animation:bqfloat 9s ease-in-out infinite;
}
.hero::before{width:340px;height:340px;background:radial-gradient(circle,#22D3EE,transparent 68%);top:-120px;left:-90px}
.hero::after{width:420px;height:420px;background:radial-gradient(circle,#6366F1,transparent 70%);bottom:-160px;right:-110px;animation-delay:-4.5s}
@keyframes bqfloat{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(26px,-34px) scale(1.14)}}
.hero .bg-layer,.hero .bg-grid,.hero .bg-grain{display:none}

.hero-in{max-width:820px}
.hero h1{
  font-size:clamp(28px,7vw,52px);letter-spacing:2px;font-weight:900;
  background:linear-gradient(100deg,#DCF1FF,#22D3EE 42%,#6366F1 78%,#67E8F9);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 6px 26px rgba(34,211,238,.32));
  animation:up .8s ease both;
}
.hero .sub{margin-top:14px;font-size:clamp(13.5px,3.2vw,17px);opacity:.92;color:#C7E3FF}
.hero-tags{margin-top:22px}
.hero-tags span{
  background:rgba(255,255,255,.07);border:1px solid rgba(120,200,255,.28);
  backdrop-filter:blur(8px);padding:5px 15px;border-radius:20px;font-size:12.5px;color:#D3E8FF;
  transition:.24s var(--ease);
}
.hero-tags span:hover{transform:translateY(-3px);border-color:rgba(120,200,255,.6);background:rgba(120,200,255,.14)}
.stats{margin-top:34px}
.stat{padding:0 clamp(14px,4vw,36px)}
.stat+.stat{border-left:1px solid rgba(120,200,255,.2)}
.stat b{display:block;font-size:clamp(26px,6vw,40px);font-variant-numeric:tabular-nums;color:#C7E3FF;
  text-shadow:0 0 26px rgba(34,211,238,.45)}
.stat span{font-size:12px;opacity:.8;color:var(--ink3)}
.hero-cta{
  margin-top:36px;background:linear-gradient(100deg,var(--acc2),var(--acc));
  color:#04101F;font-weight:800;padding:14px 40px;border-radius:30px;text-decoration:none;font-size:15px;
  box-shadow:0 10px 34px rgba(34,211,238,.4);transition:.26s var(--ease);animation:pulse 2.6s infinite;
}
.hero-cta:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 16px 44px rgba(34,211,238,.55)}
@keyframes pulse{0%,100%{box-shadow:0 10px 34px rgba(34,211,238,.38)}50%{box-shadow:0 10px 50px rgba(34,211,238,.68)}}

/* ---------- 3. 吸顶导航 ---------- */
nav{
  background:rgba(14,8,12,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(120,200,255,.16);padding:11px 16px;
}
nav a{color:var(--ink3);font-size:13px;padding:7px 15px;border-radius:20px;transition:.22s var(--ease)}
nav a:hover,nav a.on{background:rgba(34,211,238,.16);color:#C7E3FF;font-weight:600;
  border:1px solid rgba(34,211,238,.3)}
#nav .nav-land{background:linear-gradient(90deg,var(--acc2),var(--acc));color:#04101F;font-weight:700}
#nav .nav-land:hover{background:linear-gradient(90deg,#67E8F9,#22D3EE)}
#nav .nav-life{background:linear-gradient(90deg,#a855f7,#6366f1);color:#fff;font-weight:700}
#nav .nav-life:hover{background:linear-gradient(90deg,#9333ea,#4f46e5)}

/* ---------- 4. 区块标题 ---------- */
h2.sec-title{color:#D3E8FF;text-shadow:0 0 22px rgba(34,211,238,.28)}
p.sec-sub{color:var(--ink3)}

/* ---------- 5. 筛选 / 标签 ---------- */
.chip{
  border:1.5px solid rgba(120,200,255,.24);background:rgba(255,255,255,.05);
  color:var(--ink3);backdrop-filter:blur(8px);
}
.chip:hover{border-color:var(--acc);color:#D3E8FF;transform:translateY(-2px);
  box-shadow:0 6px 18px -8px rgba(34,211,238,.6)}
.chip.on{background:linear-gradient(135deg,var(--acc2),var(--acc));border-color:transparent;color:#04101F;
  box-shadow:0 6px 20px -6px rgba(34,211,238,.6)}

/* ---------- 6. 收益计算器 ---------- */
.calc{
  background:linear-gradient(140deg,#07142B,#0E2A4D 45%,#0E7490);
  border:1px solid rgba(120,200,255,.3);
  box-shadow:0 18px 44px -18px rgba(34,211,238,.5);position:relative;overflow:hidden;
}
.calc::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.14) 48%,transparent 62%);
  background-size:260% 100%;animation:flow 5.5s linear infinite;
}
.calc-row input[type=range]{accent-color:#67E8F9}
.calc-out{background:rgba(0,0,0,.28);border-color:rgba(120,200,255,.34);backdrop-filter:blur(6px)}
.calc-out b{color:#fff;text-shadow:0 0 20px rgba(165,180,252,.6)}

/* ---------- 7. 方案卡 ---------- */
.plan{
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
  border:1px solid rgba(120,200,255,.2);
  box-shadow:0 10px 34px -20px rgba(0,0,0,.9);backdrop-filter:blur(10px);
}
.plan:hover{border-color:var(--c1);box-shadow:0 16px 44px -18px rgba(0,0,0,.9)}
.plan-head:hover{background:linear-gradient(90deg,rgba(34,211,238,.1),transparent)}
.pnum{box-shadow:0 8px 22px -8px var(--c1)}
.pnum .no{background:#05070F;color:#C7E3FF;border-color:var(--c1)}
.plan-head small{color:var(--ink3)}
.arrow{color:var(--ink3)}
.prog-mini{background:rgba(255,255,255,.13)}
.plan-body-in{background:rgba(0,0,0,.16);border-radius:14px}

/* 徽标 */
.b{border-color:rgba(120,200,255,.2);background:rgba(255,255,255,.05);color:var(--ink3)}
.b.cost{color:#7dd3fc;border-color:rgba(125,211,252,.4);background:rgba(125,211,252,.1)}
.b.cycle,.b.mid{color:#93C5FD;border-color:rgba(147,197,253,.35);background:rgba(147,197,253,.1)}
.b.low{color:#86efac;border-color:rgba(134,239,172,.35);background:rgba(134,239,172,.1)}

/* 两个对照块 */
.duo>div{background:rgba(255,255,255,.05);border-color:rgba(120,200,255,.16);border-left-color:var(--c1)}
.duo>div:hover{box-shadow:0 10px 26px -14px rgba(0,0,0,.9);border-color:var(--c1)}
.duo h4{color:var(--c1)}
.duo p{color:#C3D4EE}

/* 小节 */
.sec-l h4{color:var(--c1);border-left-color:var(--c1)}

/* 步骤（可勾选） */
.step{background:rgba(255,255,255,.05);border:1px solid rgba(120,200,255,.14)}
.step:hover{background:rgba(255,255,255,.09);border-color:var(--c1);box-shadow:0 8px 22px -14px rgba(0,0,0,.9)}
.step input{accent-color:var(--c1)}
.step .sn{box-shadow:0 4px 12px -4px var(--c1)}
.step .d{background:rgba(0,0,0,.3);border-color:rgba(120,200,255,.24);color:var(--c1)}
.step .t{color:#CBD9F0}
.step.done{opacity:.55}
.step.done .sn{background:#6b7280;box-shadow:none}

/* 工具清单 */
.tools div{background:rgba(255,255,255,.05);border-color:rgba(120,200,255,.16)}
.tools div:hover{border-color:var(--c1);box-shadow:0 8px 22px -14px rgba(0,0,0,.9)}
.tools b{color:#EAF3FF}
.tools span{color:var(--ink3)}

/* 话术块 */
.script{background:rgba(165,180,252,.1);border-color:rgba(165,180,252,.34);border-left-color:#67E8F9;color:#D7E9FF}
.script b{color:#67E8F9}

/* 收益三格 */
.money div{background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.04));
  border-color:rgba(120,200,255,.2);border-top-color:var(--c1)}
.money div:hover{box-shadow:0 10px 26px -14px rgba(0,0,0,.9)}
.money span{color:var(--ink3)}
.money strong{color:var(--c1)}

/* 风险提示 */
.warn{color:#FCA5A5;background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);border-left-color:var(--red)}

/* 引流 / 私域 */
.tk{background:rgba(134,239,172,.08);border-color:rgba(134,239,172,.26)}
.tk:hover{box-shadow:0 8px 22px -14px rgba(0,0,0,.9)}
.tk .kn{background:#22c55e}
.tk b{color:#86efac}
.tk span{color:#C3D4EE}
.ps{background:rgba(244,114,182,.08);border-color:rgba(244,114,182,.26)}
.ps:hover{box-shadow:0 8px 22px -14px rgba(0,0,0,.9)}
.ps .pn{background:#7C3AED}
.ps b{color:#f9a8d4}
.ps>span:not(.pn){color:#C3D4EE}

/* ---------- 8. 引流教程平台卡 ---------- */
.ptab{background:rgba(255,255,255,.05);border-color:rgba(120,200,255,.22);color:var(--ink3)}
.ptab:hover{color:var(--c);border-color:var(--c);transform:translateY(-2px)}
.pcard{
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
  border-color:rgba(120,200,255,.2);backdrop-filter:blur(10px);
}
.phead .pico{box-shadow:0 8px 22px -8px var(--c)}
.pcard h3{color:#EAF3FF}
.pcard .fit{color:var(--acc2)}

/* 内容块 */
.blk{background:rgba(255,255,255,.05);border-color:rgba(120,200,255,.16);border-left-color:#94a3b8;color:#C3D4EE}
.blk b.t{color:#EAF3FF;border-bottom-color:rgba(120,200,255,.16)}
.blk li{color:#C3D4EE}
.blk li::before{background:#94a3b8}
.blk.red{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);border-left-color:var(--red)}
.blk.red b.t{color:#fca5a5;border-bottom-color:rgba(239,68,68,.3)}
.blk.red li::before{background:var(--red)}
.blk.grn{background:rgba(34,197,94,.09);border-color:rgba(34,197,94,.3);border-left-color:#22c55e}
.blk.grn b.t{color:#86efac;border-bottom-color:rgba(34,197,94,.3)}
.blk.grn li::before{background:#22c55e}

/* 链路 chips */
.flowline>span{background:rgba(255,255,255,.08);border-color:var(--c);color:#EAF3FF;
  box-shadow:0 4px 14px -8px rgba(0,0,0,.9)}
.flowline>span:hover{background:var(--c);color:#fff}
.flowline>span i{background:var(--c)}

/* ---------- 9. 变现入口 / 售卖 ---------- */
.lcta{
  background:linear-gradient(120deg,#07142B,#1E3A8A 55%,#4C1D95);
  border:1px solid rgba(120,200,255,.3);box-shadow:0 16px 40px -18px rgba(34,211,238,.5);
}
.lcta:hover{box-shadow:0 22px 52px -18px rgba(34,211,238,.65)}
.lcta-btn{background:#EAF3FF;color:#0E7490}
.lcta-ico{border-color:rgba(255,255,255,.4)}
.lctb{color:var(--ink3)}

.lt{background:rgba(255,255,255,.05);border-color:rgba(120,200,255,.16);border-left-color:var(--acc);
  backdrop-filter:blur(8px)}
.lt b{color:#EAF3FF}
.lt span{color:var(--ink3)}

.sell{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
  border-color:rgba(120,200,255,.2);backdrop-filter:blur(10px)}
.sell h3{color:#D3E8FF}
.sell th,.sell td{border-color:rgba(120,200,255,.16);color:#C3D4EE}
.sell th{background:rgba(34,211,238,.16);color:#D3E8FF}

.tier{background:rgba(255,255,255,.05);border-color:rgba(120,200,255,.18)}
.tier:hover{border-color:var(--acc);box-shadow:0 14px 34px -16px rgba(0,0,0,.9)}
.tier.hot{background:linear-gradient(180deg,rgba(34,211,238,.14),rgba(255,255,255,.03));border-color:var(--acc)}
.tier .tag{background:var(--acc);color:#04101F}
.tier b.price{color:var(--acc2)}
.tier p{color:var(--ink3)}

/* ---------- 10. 开屏弹窗 ---------- */
#adOverlay{background:rgba(3,6,15,.82)}
/* 关屏时先淡出再切 display，避免「啪」一下凭空消失 */
#adOverlay.closing{animation:adFadeOut .22s ease forwards}
@keyframes adFadeOut{from{opacity:1}to{opacity:0}}
.ad{background:#0A0F1E;border:1px solid rgba(120,200,255,.24);box-shadow:0 30px 80px -20px rgba(0,0,0,.9)}
.ad-close{background:rgba(255,255,255,.1);color:var(--ink3)}
.ad-head{background:linear-gradient(135deg,#1E3A8A,#22D3EE 55%,#6366F1);}
.ad-note{background:rgba(255,255,255,.05);border-color:rgba(120,200,255,.18);color:var(--ink3)}
.ad-tiers>div{border-color:rgba(34,211,238,.35);background:rgba(34,211,238,.1)}
.ad-tiers em{color:var(--acc2)}
.ad-tiers b{color:#D3E8FF}
.ad-tiers span{color:var(--ink3)}
.ad-btn.green{background:#16a34a}
.ad-btn.blue{background:linear-gradient(100deg,#0ea5e9,#2563eb)}
.ad-btn.gold{box-shadow:0 8px 22px -8px rgba(99,102,241,.6)}
.ad-skip{color:var(--ink3)}
.ad-qr-t{color:#D3E8FF}
.ad-qr-img{background:#fff;border-color:rgba(120,200,255,.3)}
.ad-qr-h b{color:#D3E8FF}
.ad-qr-h{color:var(--ink3)}

/* ---------- 11. 进场动画（滚动可见即浮起） ---------- */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .62s var(--ease),transform .62s var(--ease)}
.reveal.in{opacity:1;transform:none}
.plan,.pcard,.sell,.lt,.calc,.blk,.tier,.duo>div,.tools div,.step{
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease),background .3s;
}
@media (hover:hover){
  .plan,.pcard,.sell,.lt,.tier,.calc:not(:hover){}
}
/* PC：光标跟随高光 */
@media (hover:hover) and (pointer:fine){
  .plan,.pcard,.sell,.lt,.tier{
    position:relative;
  }
  .plan::after,.pcard::after,.sell::after,.tier::after{
    content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;
    background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),
      color-mix(in srgb,var(--acc) 16%,transparent),transparent 62%);
    transition:opacity .35s;
  }
  .plan:hover::after,.pcard:hover::after,.sell:hover::after,.tier:hover::after{opacity:1}
}

/* ---------- 12. 手机适配 ---------- */
@media (max-width:760px){
  .wrap{padding:20px 13px 96px}
  .hero{padding:38px 16px 34px}
  .duo{grid-template-columns:1fr}
  .money{grid-template-columns:1fr}
  .ad-tiers{grid-template-columns:1fr}
  .tools{grid-template-columns:1fr}
  .stat+.stat{border-left:none}
}
@media (max-width:420px){
  .plan-head{gap:11px;padding:15px 15px}
  .pmeta{margin-left:auto}
  .step .d{min-width:50px;font-size:10.5px}
}

/* ---------- 13. 打印：必须回到白底黑字 ---------- */
@media print{
  body{background:#fff;color:#111;font-size:11.5pt;line-height:1.65}
  .bg-layer,.bg-grid,.bg-grain,.sitenav,.topbar,.hero-cta,.hero-tags,.hero::before,.hero::after,.promo{display:none!important}
  .hero{background:#fff!important;color:#111!important;padding:0 0 10px!important}
  .hero h1{color:#111!important;-webkit-text-fill-color:#111;filter:none;background:none}
  .hero .sub{color:#333!important}
  .hero-tags span,.stat b,.stat span{color:#333!important;text-shadow:none;background:none;border-color:#ccc}
  .plan,.pcard,.sell,.lt,.calc,.tier,.blk,.step,.tools div,.duo>div,.money div,.chip,.ptab{
    background:#fff!important;border:1px solid #ddd!important;color:#111!important;
    box-shadow:none!important;backdrop-filter:none!important;
  }
  .plan h3,.pcard h3,.sell h3,.lt b,.tools b,.step .t,.duo p,.blk li,.blk b.t,.tk span,.ps>span:not(.pn),
  .money span,.tier p,.step .d,.arrow,.plan-head small,.plan-head .pmeta,.lt span,.sell td,.sell th{color:#111!important}
  .script{background:#fffaf0!important;border-color:#ddd!important;color:#111!important}
  .warn{background:#fff7ed!important;color:#111!important;border-color:#ddd!important}
  .step.done{opacity:1!important}
  .step.done .t{text-decoration:none}
  .stat+.stat{border-left:none!important}
  nav{display:none!important}
  .plan.open .plan-body{max-height:none!important}
}

/* 页内锚点导航：8 项整体居中（首页 / 收益计算器 / 方案库 / 引流教程 / 组合打法 / 执行纪律 / 人生指南 / 变现落地） */
#nav{justify-content:center;flex-wrap:nowrap}
#nav a{white-space:nowrap}
@media (max-width:1180px){
  #nav{flex-wrap:wrap;justify-content:center;row-gap:8px}
}

/* ===== 同系列推荐卡（复刻 lifeguide.html 最下方的「人格 × 解决方案」） ===== */
.promo{
  display:block;position:relative;overflow:hidden;
  border-radius:22px;padding:26px 26px 24px;margin:18px 0 22px;color:#fff;text-decoration:none;
  border:1px solid rgba(190,160,255,.2);
  background:linear-gradient(120deg,rgba(168,85,247,.16),rgba(62,214,210,.1) 46%,rgba(255,122,184,.16));
  box-shadow:0 18px 44px rgba(0,0,0,.45);
  transition:transform .24s var(--ease,ease);
}
.promo:hover{color:#fff;text-decoration:none}
.promo:active{transform:translateY(1px)}
.promo:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(168,85,247,.35),transparent 70%);top:-130px;right:-90px}
.promo .p-tag{position:relative;z-index:2;display:inline-flex;align-items:center;gap:6px;
  padding:5px 15px;border-radius:999px;font-size:11.5px;opacity:.95;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18)}
.promo h3{position:relative;z-index:2;margin:14px 0 8px;text-align:center;
  font-size:clamp(17px,2.4vw,21px);line-height:1.5;font-weight:900;letter-spacing:.2px}
.promo .p-sub{position:relative;z-index:2;max-width:720px;margin:0 auto;text-align:center;
  font-size:13.5px;opacity:.9;line-height:1.8}
.promo .p-list{position:relative;z-index:2;margin:16px 0 0;display:grid;gap:10px 16px;
  grid-template-columns:repeat(auto-fit,minmax(340px,1fr));justify-items:center}
.promo .p-list div{display:flex;align-items:flex-start;justify-content:center;gap:8px;
  font-size:13px;line-height:1.6;text-align:left}
.promo .p-list .ck{width:18px;height:18px;flex:none;margin-top:1px;border-radius:6px;
  display:grid;place-items:center;font-size:11px;background:rgba(255,255,255,.2)}
.promo .p-cta{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;
  margin-top:20px;padding:12px 26px;border-radius:999px;font-size:14px;font-weight:900;
  background:linear-gradient(120deg,#A855F7 0%,#6366F1 48%,#3ED6D2 100%);
  color:#08131C;box-shadow:0 12px 30px -12px rgba(168,85,247,.85),
             0 0 0 1px rgba(255,255,255,.14) inset;
  transition:transform .24s ease,filter .24s ease}
.promo .p-cta:hover{transform:translateY(-2px);filter:brightness(1.06)}
.promo .p-foot{position:relative;z-index:2;margin-top:12px;text-align:center;
  font-size:11.5px;opacity:.6}
/* 渐变标题 + 金色关键词（渐变文字必须配 -webkit-text-fill-color:transparent，且子元素要另起一层独立渐变） */
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .promo h3{
    background:linear-gradient(100deg,#FFFFFF 4%,#E9D5FF 28%,#7DD3FC 56%,#F9A8D4 94%);
    -webkit-background-clip:text !important;background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    filter:drop-shadow(0 2px 18px rgba(168,85,247,.5));
  }
  .promo h3 .kw{
    background:linear-gradient(96deg,#FFF3C4 0%,#FFD479 38%,#FFB347 72%,#FFE9A8 100%);
    -webkit-background-clip:text !important;background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    filter:drop-shadow(0 0 12px rgba(255,183,71,.55)) drop-shadow(0 0 3px rgba(255,236,190,.9));
  }
}

/* ===== 居中补丁（与 lifeguide.html 的 lg.css 保持一致） ===== */
.promo{text-align:center}
.promo .p-tag,.promo .p-cta{display:inline-flex}
.promo .p-list{justify-items:center}
.promo .p-list div{justify-content:center}
.promo .p-foot{text-align:center}