:root{
  --bg1:#171a2b;--bg2:#0c0e18;--glass:rgba(255,255,255,.055);--line:rgba(255,255,255,.09);
  --txt:#ECECF1;--mut:#9aa0b4;--pri:#8b7cff;--gold:#ffd27d;--mint:#5be0b0;--pink:#ff8fb1;--sky:#6fd3ff;--r:22px
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{height:100%;overflow-x:hidden;max-width:100%}
img,video,iframe{max-width:100%}
.screen,.reader{overflow-wrap:break-word;word-break:break-word;min-width:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  background:radial-gradient(120% 80% at 20% 0%,#232748 0%,var(--bg1) 40%,var(--bg2) 100%);
  display:flex;justify-content:center;color:var(--txt);-webkit-font-smoothing:antialiased}
.phone{width:100%;max-width:430px;min-height:100vh;position:relative;padding-bottom:96px;overflow-x:hidden}
.glow{position:fixed;width:360px;height:360px;border-radius:50%;opacity:.26;pointer-events:none;z-index:0;
  background:radial-gradient(circle,var(--pri),transparent 68%)}
.g1{top:-60px;left:-80px}.g2{background:radial-gradient(circle,var(--gold),transparent 68%);bottom:120px;right:-90px}
.screen{display:none;animation:fade .45s ease;padding:0 18px 18px;position:relative;z-index:1}
.screen.on{display:block}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.appbar{position:sticky;top:0;z-index:5;padding:18px 18px 12px;background:linear-gradient(var(--bg2),rgba(12,14,24,0));
  display:flex;align-items:center;justify-content:space-between}
.hi{font-size:23.18px;font-weight:800;letter-spacing:.5px}
.hi small{display:block;font-size:13.87px;color:var(--mut);font-weight:500;margin-top:2px}
.ava{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--pri),var(--pink));
  display:flex;align-items:center;justify-content:center;font-size:20.9px;box-shadow:0 6px 18px rgba(139,124,255,.4)}
.sec{font-size:13.87px;color:var(--mut);letter-spacing:2px;margin:18px 4px 10px;font-weight:600;text-transform:uppercase}
.card{background:var(--glass);border:1px solid var(--line);border-radius:var(--r);padding:18px;margin-bottom:12px;
  backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(0,0,0,.25);transition:transform .15s}
.tag{display:inline-block;font-size:12.73px;padding:4px 12px;border-radius:20px;background:rgba(139,124,255,.18);color:var(--pri);font-weight:700;margin-bottom:12px;letter-spacing:.5px}
.passage{font-size:18.53px;line-height:1.85;font-weight:500}
.passage b{color:var(--gold);font-weight:700}
.btn{margin-top:16px;width:100%;padding:14px;border:none;border-radius:16px;font-size:17.39px;font-weight:800;
  background:linear-gradient(135deg,var(--pri),#6f63e0);color:#fff;box-shadow:0 8px 22px rgba(139,124,255,.45);transition:.15s}
.btn:active{transform:scale(.97)}
.btn.gold{background:linear-gradient(135deg,var(--gold),#ffb347);box-shadow:0 8px 22px rgba(255,179,71,.4)}
.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--mut);box-shadow:none}
.pills{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pill{background:var(--glass);border:1px solid var(--line);border-radius:16px;padding:14px;text-align:center;font-size:16.25px;font-weight:600;color:var(--mut);transition:.2s;cursor:pointer}
.pill .e{font-size:25.46px;display:block;margin-bottom:6px}
.pill.done{color:var(--txt);border-color:var(--mint);background:rgba(91,224,176,.12)}
.pill.done .e{filter:drop-shadow(0 0 6px var(--mint))}
.metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.m{background:var(--glass);border:1px solid var(--line);border-radius:18px;padding:14px;text-align:center}
.m .v{font-size:24.32px;font-weight:800;background:linear-gradient(135deg,var(--gold),#ffb347);-webkit-background-clip:text;background-clip:text;color:transparent}
.m .k{font-size:12.73px;color:var(--mut);margin-top:3px}
.rings{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ring{text-align:center}.ring svg{width:100%;height:auto}
.ring .nm{font-size:12.73px;color:var(--mut);margin-top:1px}
.bar{height:10px;background:rgba(255,255,255,.07);border-radius:8px;overflow:hidden;margin:8px 0}
.bar>i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--pri),var(--mint))}
.disc{border:1px solid var(--line);border-radius:18px;margin-bottom:10px;overflow:hidden;background:var(--glass)}
.dh{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;cursor:pointer}
.dh .l{display:flex;align-items:center;gap:11px;font-weight:700;font-size:17.39px}
.dot{width:12px;height:12px;border-radius:50%}
.ar{color:var(--pri);transition:.25s;font-size:13.87px}
.disc.open .ar{transform:rotate(90deg)}
.db{max-height:0;overflow:hidden;transition:.3s;background:rgba(255,255,255,.03)}
.disc.open .db{max-height:520px;overflow:auto}
.md{padding:11px 18px;font-size:15.68px;color:#c7cbe0;border-top:1px solid rgba(255,255,255,.06);display:flex;gap:8px;align-items:flex-start}
.md b{color:var(--gold);font-size:12.16px;flex:0 0 auto;margin-top:3px}
.md .bd{flex:1}.md .bt{font-weight:700;color:#ECECF1;font-size:15.11px}
.goal{background:var(--glass);border:1px solid var(--line);border-radius:18px;padding:15px;margin-bottom:10px}
.goal .t{display:flex;justify-content:space-between;font-weight:700;font-size:17.39px}
.goal .t span{color:var(--mint);font-size:15.11px}
.goal .d{font-size:14.54px;color:var(--mut);margin-top:6px;line-height:1.6}
.tl{display:flex;margin-top:8px}
.tl .node{flex:1;text-align:center;position:relative}
.tl .node::before{content:"";position:absolute;top:7px;left:50%;width:100%;height:2px;background:rgba(255,255,255,.12)}
.tl .node:last-child::before{display:none}
.tl .c{width:16px;height:16px;border-radius:50%;background:var(--pri);margin:0 auto;position:relative;z-index:1}
.tl .node.cur .c{background:var(--gold);box-shadow:0 0 0 4px rgba(255,210,125,.25)}
.tl .y{font-size:11.59px;color:var(--mut);margin-top:6px}
.note{background:linear-gradient(135deg,rgba(139,124,255,.12),rgba(91,224,176,.08));border:1px solid var(--line);border-radius:18px;padding:15px;margin-bottom:10px;font-size:15.68px;line-height:1.8;color:#d6d9ea}
.note .h{font-weight:700;color:var(--gold);font-size:15.11px;margin-bottom:6px}
.fake{border:1px dashed var(--line);border-radius:16px;padding:14px;color:var(--mut);font-size:15.11px;text-align:center;cursor:pointer}
.fake:active{background:rgba(255,255,255,.04)}
/* v3.35 · 底部导航改为漂浮胶囊（不再贴底通栏） */
.nav{position:fixed;bottom:calc(10px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);
  width:calc(100% - 20px);max-width:410px;height:64px;
  background:rgba(12,14,24,.9);backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:20px;
  box-shadow:0 10px 30px rgba(0,0,0,.45);display:flex;z-index:9;overflow:hidden}
.nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12.16px;color:var(--mut);text-decoration:none;transition:.2s}
.nav a .ic{font-size:23.18px;transition:.2s}
.nav a.act{color:var(--pri)}.nav a.act .ic{transform:translateY(-2px) scale(1.12);filter:drop-shadow(0 0 8px var(--pri))}
.report{background:linear-gradient(135deg,rgba(255,210,125,.12),rgba(139,124,255,.08));border:1px solid var(--line);border-radius:18px;padding:16px;margin-bottom:12px;font-size:15.68px;line-height:1.85;color:#e3e6f2}
.report h4{color:var(--gold);font-size:16.25px;margin-bottom:8px}
.report li{margin:4px 0 4px 18px}
.empty{text-align:center;color:var(--mut);font-size:15.11px;padding:30px 0}
.toast{position:fixed;left:50%;top:30%;transform:translateX(-50%);background:rgba(20,24,38,.95);border:1px solid var(--line);
  color:#fff;padding:12px 20px;border-radius:14px;font-size:16.25px;z-index:99;opacity:0;transition:.3s;pointer-events:none}
.toast.show{opacity:1}
.kmap{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kchip{background:rgba(255,255,255,.04);border:1px solid var(--line);border-left-width:4px;border-radius:14px;padding:12px;cursor:pointer;transition:.15s}
.kchip:active{transform:scale(.98);background:rgba(255,255,255,.08)}
.kchip b{display:block;font-size:17.39px;color:var(--txt)}
.kchip em{display:block;font-size:12.73px;color:var(--mut);margin-top:3px;font-style:normal}
.kdot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle}
.roadmap{padding:14px 16px}
.stage{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.stage:last-of-type{border-bottom:none}
.stage b{flex:0 0 auto;font-size:14.54px;color:var(--gold);background:rgba(255,210,125,.14);padding:3px 9px;border-radius:8px;white-space:nowrap}
.stage span{font-size:15.11px;color:#c7cbe0;line-height:1.5}
.stage.cur b{color:#0c0e18;background:var(--gold)}
.today-do{margin-top:12px;padding:11px 13px;border-radius:12px;background:rgba(91,224,176,.12);border:1px solid rgba(91,224,176,.3);font-size:15.11px;color:var(--mint);line-height:1.6}

/* ===== v2 内容型：阅读页 / 应用 / 碎片 / 掌握度 ===== */
.dmut{font-size:14.54px;color:var(--mut);line-height:1.7}
.inp{width:100%;padding:12px 14px;margin-bottom:8px;border-radius:14px;border:1px solid var(--line);
  background:rgba(255,255,255,.05);color:var(--txt);font-size:16.25px;font-family:inherit;outline:none}
.inp:focus{border-color:var(--pri);background:rgba(139,124,255,.08)}
textarea.inp{resize:vertical;line-height:1.7}
select.inp{appearance:none}
.prow{display:flex;align-items:center;gap:8px;font-size:15.68px;margin:10px 0 0;cursor:pointer}
.pname{font-weight:700;flex:1}
.pnum{color:var(--mut);font-size:13.3px}
.nextcard{border-width:1.5px}
.reader{padding:20px 18px}
.rtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.back{color:var(--pri);font-size:16.25px;font-weight:700;cursor:pointer}
.rtitle{font-size:24.32px;font-weight:800;line-height:1.45;margin:6px 0 10px}
.rkey{font-size:15.68px;color:var(--gold);background:rgba(255,210,125,.1);border-radius:12px;padding:10px 12px;line-height:1.7}
.rbody{margin-top:16px}
.rbody p{font-size:17.96px;line-height:1.95;margin-bottom:14px;color:#e6e8f2}
.rbody p b{display:block;color:var(--pri);font-size:15.68px;font-weight:800;margin-bottom:4px;letter-spacing:.5px}
.rprac{font-size:16.82px;line-height:1.8;background:rgba(139,124,255,.12);border-radius:14px;padding:13px;color:#e6e8f2}
.ract{font-size:16.25px;line-height:1.8;color:var(--mint);background:rgba(91,224,176,.1);border-radius:14px;padding:13px}
.rnav{display:flex;gap:10px;margin-top:14px}
.rnav .btn{margin-top:0}
.lrow{display:flex;align-items:center;gap:9px;padding:9px 2px;border-top:1px solid rgba(255,255,255,.06);cursor:pointer;font-size:15.68px}
.lrow:active{background:rgba(255,255,255,.04)}
.lnum{flex:0 0 26px;color:var(--mut);font-size:13.3px}
.ltitle{flex:1;color:#e2e5f0}
.lmark{color:var(--mint);font-weight:800}
.lrow.fin .ltitle{color:var(--mut)}
.bars{display:flex;align-items:flex-end;gap:4px;height:60px}
.bcol{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}
.bbar{width:100%;max-width:14px;border-radius:5px;background:rgba(255,255,255,.09)}
.bbar.on{background:linear-gradient(180deg,var(--pri),var(--mint))}
.blab{font-size:9.31px;color:var(--mut);white-space:nowrap}
.chip{display:inline-block;font-size:12.16px;padding:2px 8px;border-radius:20px;margin:0 4px 4px 0;
  background:rgba(139,124,255,.16);color:var(--pri)}
.chip.ok{background:rgba(91,224,176,.18);color:var(--mint)}
.chip.mid{background:rgba(255,210,125,.18);color:var(--gold)}
.chip.bad{background:rgba(255,143,177,.18);color:var(--pink)}
.ptrow{display:flex;align-items:flex-start;gap:9px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer}
.ptrow:last-child{border-bottom:none}
.ptck{margin-top:3px;width:17px;height:17px;accent-color:var(--pri)}
.ptmain{flex:1;min-width:0}
.ptt{font-size:15.96px;font-weight:700;color:#e9ebf5}
.ptk{font-size:14.25px;color:var(--gold);margin-top:3px;line-height:1.6}
.ptmeta{font-size:12.73px;color:var(--mut);margin-top:3px}
.hit{padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.05);margin-top:6px;font-size:14.82px;cursor:pointer;line-height:1.6}
.hit:active{background:rgba(255,255,255,.09)}
.casebox.fin{border-color:rgba(91,224,176,.28)}
.closeform{margin-top:10px;padding-top:10px;border-top:1px dashed rgba(255,255,255,.12)}
.mrow{display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer}
.mscore{flex:0 0 auto;font-size:17.39px;font-weight:800;padding:3px 10px;border-radius:10px}
.mscore.ok{background:rgba(91,224,176,.18);color:var(--mint)}
.mscore.mid{background:rgba(255,210,125,.18);color:var(--gold)}
.mscore.low{background:rgba(255,143,177,.18);color:var(--pink)}
.ptlib{font-size:14.54px;color:#cfd3e4;line-height:1.65;padding:7px 0 7px 10px;border-left:2px solid var(--pri);margin:5px 0;cursor:pointer}
.ptlib b{color:var(--sky)}
.disc.open .db{max-height:none;overflow:visible}
.essence{margin-top:8px;padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,rgba(255,210,125,.14),rgba(139,124,255,.1));
  font-size:15.68px;line-height:1.75;color:#f0e6d2;font-weight:600}

/* ===== v3 · 会员 / AI / 书架 / 阅读馆 ===== */
.ubox{display:flex;align-items:center;gap:9px;cursor:pointer}
.ava{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--pri),var(--pink));
  display:flex;align-items:center;justify-content:center;font-size:20.9px;box-shadow:0 6px 18px rgba(139,124,255,.4);flex:0 0 auto}
.umeta{text-align:right;line-height:1.3}
.umeta b{display:block;font-size:15.11px}
.umeta span{font-size:12.73px;color:var(--gold)}
.btn.sky{background:linear-gradient(135deg,var(--sky),#3aa5d8);box-shadow:0 8px 22px rgba(111,211,255,.35)}
.aireport{background:linear-gradient(135deg,rgba(111,211,255,.12),rgba(139,124,255,.08));border:1px solid rgba(111,211,255,.3);
  border-radius:16px;padding:15px;font-size:15.96px;line-height:1.9;color:#e6f3fa}
.bquotes{margin:8px 0 2px;padding:10px 12px;border-left:2px solid var(--gold);background:rgba(255,210,125,.07);border-radius:0 12px 12px 0}
.bquotes p{font-size:14.54px;color:#f0e6d2;line-height:1.9;font-style:italic}
.doccard .h{font-weight:700;font-size:16.82px;color:#e9ebf5;margin-bottom:2px}
.docx-body{max-height:76vh;overflow:auto;background:#fff}
/* v3.14 · VIP好文 非会员试读 */
.doc-sample{margin:8px 0;padding:11px 13px;border-radius:12px;background:rgba(255,210,125,.06);
  border:1px dashed rgba(255,210,125,.28);font-size:15.11px;line-height:1.75;color:#c9cee2;
  max-height:180px;overflow:hidden;position:relative}
.doc-sample-end{margin-top:6px;font-size:13.3px;color:var(--gold);opacity:.8;text-align:center}
.lvipdocs{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:12px;padding:6px 18px 10px}
.lvipdoc{background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
  border:1px solid var(--line);border-radius:16px;padding:16px 17px}
.lvipdoc-hd{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.lvipdoc-hd b{font-size:17.39px;color:var(--txt)}
.lvipdoc-tag{font-size:13.3px;color:var(--gold);white-space:nowrap;font-weight:700}
.lvipdoc-descr{margin-top:6px;font-size:14.54px;color:var(--mut);line-height:1.7}
.lvipdoc-sample{margin-top:11px;padding:12px 13px;border-radius:12px;background:rgba(12,14,24,.5);
  border:1px solid var(--line);font-size:15.11px;line-height:1.8;color:#d4d7e6;
  max-height:172px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 72%,transparent);
  mask-image:linear-gradient(#000 72%,transparent)}
.lvipdoc-more{margin-top:9px;text-align:center;font-size:12.73px;letter-spacing:1px;color:var(--gold);opacity:.85}
.lvipdoc-acts{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}
@media(min-width:900px){.lvipdocs{grid-template-columns:repeat(3,1fr);gap:16px;padding:6px 30px 16px;max-width:1240px;margin:0 auto}}
.docx-inner{padding:26px 30px;color:#222;font-family:Georgia,"Times New Roman","Songti SC",SimSun,serif;line-height:1.9;font-size:17.39px}
.docx-inner h1,.docx-inner h2,.docx-inner h3{margin:16px 0 8px;line-height:1.4}
.docx-inner p{margin:0 0 12px}
.docx-inner table{border-collapse:collapse}
.docx-inner td,.docx-inner th{border:1px solid #999;padding:4px 8px}
.mask{display:none;position:fixed;inset:0;background:rgba(5,6,12,.72);backdrop-filter:blur(6px);z-index:50;
  align-items:center;justify-content:center;padding:20px}
.mask.show{display:flex}
.authbox{width:100%;max-width:360px;background:#141726;border:1px solid var(--line);border-radius:22px;padding:22px}
.at{font-size:20.9px;font-weight:800;margin-bottom:14px}
.atabs{display:flex;gap:14px;margin-bottom:14px;font-size:16.25px;color:var(--mut);align-items:center}
.atabs span{cursor:pointer;padding:4px 2px;border-bottom:2px solid transparent}
.atabs span.on{color:var(--pri);border-color:var(--pri);font-weight:700}
.atabs .x{margin-left:auto;color:var(--mut);font-size:18.53px}

/* ===== v3.2 · 书架全书知识点 ===== */
.bpts{margin:8px 0 2px;border:1px solid rgba(139,124,255,.22);border-radius:14px;overflow:hidden}
.bpt-h{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:15.11px;font-weight:700;
  color:#cfd3ff;background:rgba(139,124,255,.1);cursor:pointer;user-select:none}
.bpt-h .ar{transition:transform .25s;color:var(--mut)}
.bpts.open .bpt-h .ar{transform:rotate(90deg)}
.bpt-list{display:none;max-height:420px;overflow:auto;padding:4px 14px 10px;background:rgba(10,12,22,.35)}
.bpts.open .bpt-list{display:block}
.bpt{padding:9px 0;border-bottom:1px dashed rgba(255,255,255,.08);font-size:14.63px;line-height:1.75}
.bpt:last-child{border-bottom:none}
.bpt b{display:block;color:var(--gold);font-size:14.82px;margin-bottom:2px;font-weight:700}
.bpt span{display:block;color:#c3c8dc}

/* ===== v3 · PC 端响应式 ===== */
@media(min-width:960px){
  body{display:block}
  .phone{max-width:1920px;margin:0 auto;display:grid;grid-template-columns:230px minmax(0,1fr);
    grid-template-rows:auto minmax(0,1fr);padding-bottom:40px;overflow-x:visible}
  .appbar{grid-column:1/-1;grid-row:1;padding:26px 40px 18px}
  .nav{grid-column:1;grid-row:2;position:sticky;top:0;align-self:start;height:calc(100vh - 90px);
    flex-direction:column;justify-content:flex-start;gap:6px;padding:18px 14px;border-top:none;
    border-right:1px solid var(--line);background:transparent;transform:none;left:auto;width:auto;max-width:none}
  .nav a{flex:0 0 auto;flex-direction:row;justify-content:flex-start;gap:12px;font-size:16.82px;
    padding:13px 16px;border-radius:14px;color:var(--mut)}
  .nav a .ic{font-size:23.18px}
  .nav a.act{background:rgba(139,124,255,.16);color:var(--txt)}
  .screen{grid-column:2;grid-row:2;padding:6px 48px 60px;max-width:1780px;margin:0 auto}
  .reader{max-width:950px}
  .pills{grid-template-columns:repeat(4,1fr)}
  .rbody p{font-size:19.1px}
  .bpt-list{max-height:520px}
  .toast{left:50%}
  .hi{font-size:27.84px}
}

/* ===== v3.3 · 书架左右栏 + 知识点案例 ===== */
.bknav{display:flex;flex-wrap:wrap;gap:8px;padding:2px 4px 10px}
.bknav::-webkit-scrollbar{display:none}
.bknav a{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:9px 14px;border-radius:12px;
  background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--mut);font-size:15.11px;cursor:pointer;white-space:nowrap}
.bknav a em{font-style:normal;font-size:12.73px;color:var(--mut)}
.bknav a.act{background:rgba(139,124,255,.18);border-color:rgba(139,124,255,.4);color:var(--txt);font-weight:700}
.bkptitle{font-size:17.39px;font-weight:800;color:var(--gold);margin:2px 4px 10px}
.bkpanel .md{margin-bottom:10px}
.bpt-case,.bpt-con{display:flex;gap:8px;align-items:flex-start;margin-top:6px;padding:9px 11px;border-radius:10px;
  font-size:14.35px;line-height:1.75;color:#d8dcea}
.bpt-case{background:rgba(111,211,255,.07);border-left:2px solid var(--sky)}
.bpt-con{background:rgba(255,210,125,.07);border-left:2px solid var(--gold)}
.bpt-case i,.bpt-con i{flex:0 0 auto;font-style:normal;font-size:12.16px;font-weight:800;padding:2px 7px;border-radius:8px;margin-top:1px}
.bpt-case i{color:#0b1220;background:var(--sky)}
.bpt-con i{color:#1a1405;background:var(--gold)}
@media(min-width:960px){
  #s-books{max-width:none;width:100%;padding-right:34px}
  .bkwrap{display:grid;grid-template-columns:228px minmax(0,1fr);gap:20px;align-items:start}
  .bknav{flex-direction:column;overflow:visible;position:sticky;top:14px;gap:4px;
    background:rgba(12,14,24,.55);border:1px solid var(--line);border-radius:16px;padding:10px}
  .bknav a{justify-content:space-between;padding:11px 13px;font-size:16.25px;border-radius:11px;white-space:normal}
  .bkpanel{min-width:0}
  .bpt{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
  .bpt b,.bpt > span{grid-column:1/-1}
  .bpt-list{max-height:60vh}
}

/* ===== v3.4 · 落地页 / 会员中心 / 方案 / 验证码 ===== */
.caprow{display:flex;gap:8px;align-items:center;margin-top:2px}
.caprow .inp{flex:1;min-width:0}
.caprow img{height:44px;border-radius:12px;border:1px solid var(--line);cursor:pointer;flex:0 0 auto}
.btn.big{padding:14px 20px;font-size:17.96px;border-radius:15px}
.hero{padding:26px 6px 10px}
.hero-badge{display:inline-block;font-size:13.3px;font-weight:700;color:var(--gold);
  background:rgba(255,210,125,.1);border:1px solid rgba(255,210,125,.35);border-radius:20px;padding:5px 14px;margin-bottom:14px}
.hero h1{font-size:31.26px;line-height:1.35;font-weight:900;color:#fff;margin:0 0 12px}
.hero-sub{font-size:15.3px;color:#b9bed4;line-height:1.8;margin:0 0 16px}
.hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.hero-stats .hs{background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:14px;padding:12px 6px;text-align:center}
.hero-stats b{display:block;font-size:22.04px;color:var(--gold)}
.hero-stats span{font-size:12.16px;color:var(--mut)}
.land-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.land-card{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:16px;padding:14px}
.lc-head{display:flex;align-items:center;gap:7px;font-size:16.82px;color:#fff}
.lc-why{font-size:13.87px;color:#b9bed4;line-height:1.7;margin:7px 0 8px}
.lc-meta{font-size:12.73px;color:var(--mut)}
.land-loop{display:flex;flex-direction:column;gap:10px}
.land-loop .lp{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:16px;padding:14px 16px}
.land-loop b{display:block;font-size:16.82px;color:var(--gold);margin-bottom:4px}
.land-loop span{font-size:14.63px;color:#c7cbe0;line-height:1.75}
.land-plan .qp{display:flex;gap:10px;padding:9px 0;border-bottom:1px dashed rgba(255,255,255,.07)}
.land-plan .qp:last-of-type{border-bottom:none}
.land-plan .qp b{flex:0 0 96px;font-size:15.11px;color:var(--sky)}
.land-plan .qp span{font-size:14.63px;color:#c7cbe0;line-height:1.7}
.land-vip .vip-price{margin-bottom:10px}
.vip-price b{font-size:34.77px;color:var(--gold);font-weight:900}
.vip-price span{font-size:14.54px;color:var(--mut);margin-left:6px}
.vrow{display:flex;gap:8px;align-items:flex-start;font-size:15.11px;color:#d8dcea;line-height:1.7;padding:6px 0}
.vrow .ok{color:var(--mint);font-weight:900}
.vrow .mid{color:var(--gold);font-weight:900}
.vrow .no{color:var(--mut)}
.land-foot{text-align:center;padding:22px 0 8px}
.mehead{display:flex;gap:12px;align-items:center}
.ava.big{width:52px;height:52px;font-size:25.46px;border-radius:16px}
.mehead b{font-size:18.53px;color:#fff}
@media(min-width:960px){
  #s-home{max-width:1220px}
  .hero h1{font-size:46.36px}
  .hero{padding:44px 10px 14px;text-align:center}
  .hero-sub{max-width:880px;margin-left:auto;margin-right:auto}
  .hero-cta{justify-content:center}
  .land-grid{grid-template-columns:repeat(3,1fr)}
  .land-loop{display:grid;grid-template-columns:repeat(4,1fr)}
  #s-plan,#s-me{max-width:1780px}
}

/* ===== v3.5 · 落地页华丽版（暗夜鎏金） ===== */
#s-home{position:relative}
#s-home .hero{position:relative;text-align:center;padding-top:34px}
#s-home .hero::before{content:'';position:absolute;left:50%;top:-30px;transform:translateX(-50%);
  width:520px;height:320px;pointer-events:none;border-radius:50%;
  background:radial-gradient(closest-side,rgba(255,190,80,.16),rgba(139,124,255,.10) 55%,transparent 75%);
  filter:blur(6px);z-index:-1;animation:heroPulse 6s ease-in-out infinite}
@keyframes heroPulse{0%,100%{opacity:.75;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.06)}}
#s-home .hero-badge{letter-spacing:2px;box-shadow:0 0 22px rgba(255,210,125,.22)}
#s-home .hero h1{background:linear-gradient(105deg,#fff 20%,#ffd88a 55%,#fff 90%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
#s-home .hero-stats .hs{position:relative;overflow:hidden;background:rgba(255,255,255,.05);
  border-color:rgba(255,210,125,.18);transition:transform .25s,border-color .25s}
#s-home .hero-stats .hs::after{content:'';position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent,rgba(255,210,125,.75),transparent)}
#s-home .hero-stats .hs:hover{transform:translateY(-3px);border-color:rgba(255,210,125,.45)}
#s-home .hero-stats b{text-shadow:0 0 18px rgba(255,190,80,.45)}
#s-home .land-card{position:relative;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
#s-home .land-card::before{content:'';position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;
  opacity:.12;filter:blur(4px);background:inherit}
#s-home .land-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,.35)}
#s-home .land-loop .lp{position:relative;padding-left:44px}
#s-home .land-loop .lp::before{counter-increment:lpn;content:'';position:absolute;left:14px;top:16px;
  width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#ffd88a,#8b7cff);
  box-shadow:0 0 12px rgba(255,210,125,.55)}
#s-home .land-loop{counter-reset:lpn}
#s-home .land-plan,#s-home .land-vip{position:relative;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.03));
  border:1px solid rgba(255,210,125,.22)}
#s-home .land-vip::before{content:'';position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent,rgba(255,210,125,.8),transparent)}
#s-home .btn.gold{background:linear-gradient(135deg,#ffd88a,#e8a63a);color:#231a05;font-weight:900;
  box-shadow:0 6px 22px rgba(255,190,80,.28);transition:transform .2s,box-shadow .2s}
#s-home .btn.gold:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(255,190,80,.42)}
#s-home .land-foot{padding-top:30px}
#s-home .land-foot .dmut{position:relative;display:inline-block;padding:0 22px}
#s-home .land-foot .dmut::before,#s-home .land-foot .dmut::after{content:'';position:absolute;top:50%;
  width:46px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,210,125,.5));}
#s-home .land-foot .dmut::before{left:-18px}
#s-home .land-foot .dmut::after{right:-18px;transform:scaleX(-1)}
@media(min-width:960px){
  #s-home .hero::before{width:760px;height:420px;top:-50px}
  #s-home .hero-stats{grid-template-columns:repeat(4,1fr);gap:14px;max-width:900px;margin:0 auto}
  #s-home .hero-stats .hs{padding:18px 6px}
  #s-home .hero-stats b{font-size:32.49px}
  #s-home .land-loop .lp{padding:16px 16px 16px 48px}
}

/* ===== v3.6 · 首页按设计稿 abc_design_v1 1:1（暗夜鎏金） ===== */
#s-home{position:relative;overflow:hidden;padding:0}
.lhome{position:relative;overflow:hidden;padding-bottom:10px}
.lhome .aurora{position:absolute;border-radius:50%;opacity:.42;pointer-events:none}
.lhome .aurora.a1{width:300px;height:300px;background:radial-gradient(circle,#3d2f9e,transparent 65%);top:-110px;left:-90px;animation:drift 12s ease-in-out infinite alternate}
.lhome .aurora.a2{width:260px;height:260px;background:radial-gradient(circle,#8a5a1e,transparent 65%);top:220px;right:-90px;animation:drift 14s ease-in-out infinite alternate-reverse}
.lhome .aurora.a3{display:none}
@keyframes drift{from{transform:translate(0,0)}to{transform:translate(30px,26px)}}
.grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:46px 46px;pointer-events:none;-webkit-mask-image:linear-gradient(#000 50%,transparent);mask-image:linear-gradient(#000 50%,transparent)}

.ltop{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:14px 18px}
.llogo{display:flex;align-items:center;gap:9px;font-weight:900;font-size:18.53px}
.llogo .lmark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:16.25px;
  background:linear-gradient(135deg,var(--gold),#f0a832);color:#1a1405;box-shadow:0 6px 18px rgba(240,168,50,.35)}
.llogo small{display:block;font-size:10.45px;color:var(--mut);font-weight:400;letter-spacing:1.5px}
.lnav{display:none}
.lcta{display:flex;gap:8px}
.lbtn{border:none;cursor:pointer;font-family:inherit;font-weight:800;border-radius:12px;transition:.2s;font-size:14.54px;padding:9px 14px}
.lbtn.ghost{background:transparent;color:var(--txt);border:1px solid var(--line)}
.lbtn.gold{background:linear-gradient(135deg,var(--gold),#f0a832);color:#1a1405;box-shadow:0 6px 18px rgba(240,168,50,.3)}
.lbtn.lg{padding:13px 20px;font-size:16.82px;border-radius:14px}
.lbtn.full{width:100%}

.lhero{position:relative;z-index:2;text-align:center;padding:30px 20px 22px}
.lbadge{display:inline-flex;align-items:center;gap:7px;font-size:12.16px;font-weight:700;color:var(--gold);
  background:rgba(255,210,125,.08);border:1px solid rgba(255,210,125,.3);border-radius:18px;padding:5px 13px}
.lbadge i{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px var(--mint);font-style:normal}
.lhero h1{font-size:30.12px;line-height:1.35;font-weight:900;margin-top:15px}
.lhero h1 em{font-style:normal;background:linear-gradient(120deg,#fff 20%,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.lsub{font-size:14.16px;color:#b9bed4;margin-top:10px;line-height:1.75}
.lctas{display:flex;flex-direction:column;gap:9px;margin-top:18px}

.lstats{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 18px 22px}
.lstat{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:15px;padding:14px;text-align:center;transition:.25s}
.lstat b{display:block;font-size:24.32px;font-weight:900;background:linear-gradient(135deg,#fff,var(--gold));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.lstat span{font-size:12.73px;color:var(--mut)}

.lsechead{position:relative;z-index:2;text-align:center;padding:22px 18px 10px}
.leyebrow{font-size:11.59px;font-weight:800;letter-spacing:3px;color:var(--pri)}
.lsechead h2{font-size:23.18px;font-weight:900;margin-top:6px}
.lsechead p{color:var(--mut);font-size:13.87px;margin-top:6px;line-height:1.7}
/* v3.9 · 落地页所有链接去掉难看的默认下划线（尤其是"为什么是六科"里的金色链接） */
.lhome a{text-decoration:none}
.lhome .lsechead a{color:var(--gold);border-bottom:none}
.lhome .lfoot a{color:var(--mut)}
.lhome .lfoot a:hover{color:var(--gold)}

.lsubjects{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:8px 18px 6px}
.lsubj{position:relative;overflow:hidden;border-radius:16px;padding:15px 14px;background:rgba(255,255,255,.04);border:1px solid var(--line);transition:.3s}
.lsubj::before{content:'';position:absolute;top:-26px;right:-26px;width:70px;height:70px;border-radius:50%;filter:blur(26px);opacity:.45;background:var(--c)}
.lsubj .lnum{font-size:11.59px;color:var(--mut);letter-spacing:1.5px}
.lsubj h3{font-size:17.39px;margin:6px 0 4px;color:var(--c)}
.lsubj p{font-size:12.73px;color:#b9bed4;line-height:1.65}
.lsubj .lcnt{margin-top:10px;font-size:12.73px;color:var(--mut)}
.lsubj .lcnt b{color:var(--gold)}

.lloop{position:relative;z-index:2;display:flex;flex-direction:column;gap:9px;padding:8px 18px 6px}
.lstep{display:flex;gap:12px;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:15px;padding:13px 15px;align-items:flex-start}
.lstep .lic{width:38px;height:38px;flex:0 0 auto;border-radius:12px;display:grid;place-items:center;font-size:19.67px;background:rgba(255,255,255,.06);border:1px solid var(--line)}
.lstep h4{font-size:15.49px;color:var(--gold);margin-bottom:3px}
.lstep p{font-size:13.02px;color:#b9bed4;line-height:1.65}

.lplan{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:10px;padding:8px 18px 6px}
.lq{border-radius:16px;padding:17px 16px;background:linear-gradient(160deg,rgba(139,124,255,.10),rgba(255,255,255,.03));border:1px solid rgba(139,124,255,.25)}
.lq:nth-child(2){background:linear-gradient(160deg,rgba(111,211,255,.10),rgba(255,255,255,.03));border-color:rgba(111,211,255,.25)}
.lq:nth-child(3){background:linear-gradient(160deg,rgba(255,210,125,.10),rgba(255,255,255,.03));border-color:rgba(255,210,125,.25)}
.lq:nth-child(4){background:linear-gradient(160deg,rgba(127,224,176,.10),rgba(255,255,255,.03));border-color:rgba(127,224,176,.25)}
.lqno{font-size:11.59px;letter-spacing:1.5px;color:var(--mut);font-weight:800}
.lq h4{font-size:17.39px;margin:6px 0 5px}
.lq p{font-size:13.3px;color:#c2c7db;line-height:1.65}

.lvip{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:16px;padding:8px 18px 6px}
.lvip-l{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:20px;padding:20px 18px}
.lvip-l h3{font-size:20.9px;font-weight:900}
.ldesc{color:var(--mut);font-size:14.54px;margin:8px 0 14px}
.lben{display:flex;gap:10px;padding:10px 0;border-bottom:1px dashed rgba(255,255,255,.07);font-size:15.11px;align-items:flex-start}
.lben:last-child{border:none}
.lben span{color:var(--mint);font-weight:900;flex:0 0 auto}
.lben small{display:block;color:var(--mut);font-size:12.73px;margin-top:2px}
.lprice{border-radius:20px;padding:22px 18px;text-align:center;
  background:linear-gradient(170deg,#241c08,#12101e 70%);border:1px solid rgba(255,210,125,.4);box-shadow:0 16px 44px rgba(240,168,50,.14)}
.lpt{font-size:12.73px;letter-spacing:3px;color:var(--gold);font-weight:800}
.lpricen{font-size:44.08px;font-weight:900;color:var(--gold);margin:10px 0 2px}
.lpricen span{font-size:15.11px;color:var(--mut);font-weight:400}
.lprice ul{list-style:none;text-align:left;margin:14px 0 16px;font-size:13.87px;color:#d8dcea}
.lprice li{padding:4px 0;display:flex;gap:8px}
.lprice li::before{content:'✓';color:var(--mint);font-weight:900}
.lnote{font-size:12.16px;color:var(--mut);margin-top:10px}
.lfoot{position:relative;z-index:2;text-align:center;padding:26px 20px 10px;border-top:1px solid var(--line);margin-top:14px}
.lfoot .lfl{font-weight:900;font-size:17.39px}
.lfoot p{font-size:13.3px;color:var(--mut);margin-top:5px}

/* ---- PC：全屏沉浸落地页（隐藏 App 侧栏） ---- */
@media(min-width:960px){
  body.landing .phone{max-width:1360px;grid-template-columns:1fr;padding-bottom:0}
  body.landing .nav{display:none}
  body.landing .appbar{display:none}
  body.landing #s-home{max-width:none;width:100%;padding:0;grid-column:1}
  body.landing .lhome{padding-bottom:0}
  body.landing .screen{grid-column:1;grid-row:auto;max-width:none;width:100%;padding-left:0;padding-right:0}
  .lhome .aurora.a3{display:block;width:420px;height:420px;background:radial-gradient(circle,#1c5f7d,transparent 65%);top:900px;left:40%}
  .lhome .aurora.a1{width:520px;height:520px;top:-180px;left:-120px}
  .lhome .aurora.a2{width:460px;height:460px;top:-120px;right:-100px}
  .ltop{padding:18px 34px}
  .llogo{font-size:22.04px}.llogo .lmark{width:38px;height:38px;border-radius:12px;font-size:19.67px}
  .llogo small{font-size:12.16px;letter-spacing:2px}
  .lnav{display:flex;gap:26px;font-size:15.68px;color:var(--mut)}
  .lnav a{color:inherit;text-decoration:none;transition:.2s}
  .lnav a:hover{color:var(--txt)}
  .lcta{gap:10px}
  .lbtn{padding:9px 20px;font-size:15.68px}
  .lhero{padding:78px 24px 56px;max-width:990px;margin:0 auto}
  .lhero h1{font-size:60.23px;line-height:1.22;letter-spacing:1px;margin-top:26px}
  .lbadge{font-size:14.54px;padding:7px 18px;margin-bottom:0}
  .lsub{font-size:18.53px;max-width:960px;margin:20px auto 0}
  .lctas{flex-direction:row;justify-content:center;gap:14px;margin-top:34px}
  .lbtn.lg{padding:15px 34px;font-size:17.96px}
  .lstats{grid-template-columns:repeat(4,1fr);gap:14px;padding:0 24px 70px;max-width:1040px;margin:0 auto}
  .lstat{padding:20px 30px;border-radius:18px}
  .lstat:hover{border-color:rgba(255,210,125,.4);transform:translateY(-3px)}
  .lstat b{font-size:34.77px}
  .lstat span{font-size:13.87px}
  .lsechead{padding:70px 30px 18px}
  .leyebrow{font-size:13.87px;letter-spacing:4px}
  .lsechead h2{font-size:39.43px;margin-top:10px}
  .lsechead p{font-size:16.25px;max-width:650px;margin:10px auto 0}
  .lsubjects{grid-template-columns:repeat(3,1fr);gap:18px;padding:0 30px 70px;max-width:1240px;margin:0 auto}
  .lsubj{border-radius:20px;padding:26px 24px}
  .lsubj:hover{transform:translateY(-5px);background:rgba(255,255,255,.055)}
  .lsubj::before{top:-40px;right:-40px;width:120px;height:120px;filter:blur(40px)}
  .lsubj h3{font-size:23.18px;margin:8px 0 4px}
  .lsubj p{font-size:14.82px;margin-top:12px}
  .lsubj .lcnt{margin-top:14px;font-size:13.3px}
  .lloop{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:0 30px 70px;max-width:1180px;margin:0 auto}
  .lstep{flex-direction:column;background:transparent;border:none;text-align:center;padding:0 18px;position:relative;border-radius:0}
  .lstep:not(:last-child)::after{content:'→';position:absolute;top:22px;right:-11px;color:var(--gold);font-size:23.18px;opacity:.7}
  .lstep .lic{width:64px;height:64px;margin:0 auto;border-radius:20px;font-size:30.12px;box-shadow:0 8px 26px rgba(0,0,0,.4)}
  .lstep h4{font-size:18.53px;margin:16px 0 6px}
  .lstep p{font-size:14.35px}
  .lplan{grid-template-columns:1fr 1fr;gap:16px;max-width:1040px;margin:0 auto;padding:0 30px 70px}
  .lq{border-radius:20px;padding:26px}
  .lq h4{font-size:22.04px;margin:8px 0 8px}
  .lq p{font-size:14.82px}
  .lvip{grid-template-columns:1fr 340px;gap:26px;align-items:stretch;max-width:1020px;margin:0 auto;padding:0 30px 90px}
  .lvip-l{border-radius:24px;padding:34px}
  .lvip-l h3{font-size:25.46px}
  .ldesc{font-size:15.68px;margin:10px 0 20px}
  .lben{font-size:15.77px;padding:11px 0}
  .lprice{border-radius:24px;padding:34px 28px;text-align:center}
  .lpricen{font-size:62.61px;margin:14px 0 2px}
  .lprice ul{font-size:14.82px;margin:18px 0 22px}
  .lprice li{padding:6px 0}
  .lfoot{padding:34px 20px 44px;margin-top:0}
  .lfoot .lfl{font-size:18.53px}
  .lfoot p{font-size:13.87px}
}

/* ===== v3.7 · 首页分栏入口 + 六科卡片可点击 ===== */
.lsubj{display:block;color:inherit}
.lquick{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:4px 18px 2px}
.lquick a{display:block;border-radius:14px;padding:13px 14px;text-decoration:none;
  background:rgba(255,255,255,.045);border:1px solid var(--line);transition:.25s}
.lquick a:last-child{grid-column:1 / -1}
.lquick a b{display:block;font-size:15.68px;color:var(--gold);font-weight:800}
.lquick a span{display:block;font-size:12.73px;color:var(--mut);margin-top:3px}
.lquick a:active{transform:scale(.98)}
@media(min-width:960px){
  .lquick{grid-template-columns:repeat(5,1fr);gap:14px;max-width:1240px;margin:0 auto;padding:0 30px 10px}
  .lquick a{border-radius:18px;padding:18px 20px;text-align:center}
  .lquick a:last-child{grid-column:auto}
  .lquick a b{font-size:18.53px}
  .lquick a span{font-size:13.87px;margin-top:5px}
  .lquick a:hover{border-color:rgba(255,210,125,.4);transform:translateY(-3px)}
}

/* v3.9 · 手机端「为什么是六科」区块：上下间距 / 定位修正 */
@media(max-width:959px){
  .lhome .lsechead{padding:34px 18px 12px;margin-top:4px;
    border-top:1px solid rgba(255,255,255,.08)}
  .lhome .lsechead:first-of-type{border-top:none}
  .lhome .lsechead h2{line-height:1.32;margin-top:8px}
  .lhome .lsechead p{font-size:13.87px;line-height:1.7;padding:0 4px}
  .lhome .lsubjects{margin-top:4px;align-items:start;row-gap:10px;
    padding-bottom:10px}
  .lhome .lsubj{display:flex;flex-direction:column}
  .lhome .lsubj .lcnt{margin-top:auto}
  .lhome .lquick{margin-top:2px}
  .lhome .lstats{margin-top:2px}
}

/* ===== 移动端营销底部导航 · 仅首页落地屏(body.landing)显示 · v3.35 改为漂浮胶囊 ===== */
.mnav{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(10px + env(safe-area-inset-bottom));
  width:calc(100% - 20px);max-width:410px;z-index:80;display:none;
  background:rgba(12,14,24,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.45);overflow:hidden}
.mnav a{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 1px 8px;
  color:var(--mut);text-decoration:none;font-size:8.74px;font-weight:600;-webkit-tap-highlight-color:transparent}
.mnav a .mi{width:23px;height:23px;display:block}
.mnav a .mi svg{width:23px;height:23px;display:block}
.mnav a.on{color:var(--gold)}
.mnav a.on .mi{filter:drop-shadow(0 0 6px rgba(255,210,125,.55))}
.mnav a .ml{font-size:8.74px;line-height:1.15;white-space:nowrap}
@media(max-width:899px){
  body.landing .mnav{display:flex;left:50%;transform:translateX(-50%);width:calc(100% - 20px);max-width:410px}
}
@media(min-width:900px){ .mnav{display:none} }

/* ===== v3.11 · 右下角浮窗（学习提醒 + 在线客服） ===== */
#abc-fab-wrap{position:fixed;right:16px;bottom:18px;z-index:120;display:flex;flex-direction:column;
  align-items:flex-end;gap:10px}
.kf-fab{width:50px;height:50px;border-radius:50%;border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;color:#1c1608;
  background:linear-gradient(135deg,#ffd27d,#ffb347);box-shadow:0 8px 22px rgba(255,179,71,.4);
  transition:transform .15s}
.kf-fab:active{transform:scale(.92)}
.kf-panel{width:248px;max-width:80vw;background:rgba(18,20,32,.97);backdrop-filter:blur(14px);
  border:1px solid rgba(255,210,125,.35);border-radius:16px;overflow:hidden;
  box-shadow:0 16px 40px rgba(0,0,0,.5)}
.kf-panel-hd{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;
  background:linear-gradient(135deg,rgba(255,210,125,.16),rgba(139,124,255,.14));
  border-bottom:1px solid rgba(255,255,255,.08);font-size:15.68px;font-weight:700;color:#fff}
.kf-x{background:none;border:none;color:#c2c7e0;font-size:20.9px;line-height:1;cursor:pointer;padding:0 2px}
.kf-panel-bd{padding:13px 14px}
.kf-tip-h{font-size:14.54px;color:#c2c7e0;margin-bottom:9px;line-height:1.6}
.kf-wx{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);border-radius:11px;padding:9px 10px;margin-bottom:8px}
.kf-wx code{flex:1;font-size:15.11px;color:#ffd27d;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  word-break:break-all}
.kf-copy{border:none;cursor:pointer;padding:6px 12px;border-radius:9px;font-size:13.87px;font-weight:700;
  color:#1c1608;background:linear-gradient(135deg,#ffd27d,#ffb347)}
.kf-tip{font-size:13.3px;color:#9aa0b4;line-height:1.6}
.abc-remind{width:248px;max-width:80vw;position:relative;background:rgba(18,20,32,.97);
  border:1px solid rgba(139,124,255,.4);border-radius:14px;padding:12px 14px 12px;
  box-shadow:0 12px 32px rgba(0,0,0,.45);font-size:14.54px;color:#ECECF1;line-height:1.65}
.abc-remind-x{position:absolute;top:4px;right:8px;background:none;border:none;color:#9aa0b4;
  font-size:18.53px;line-height:1;cursor:pointer}
.abc-remind-bd{padding-right:14px}
@media(max-width:959px){
  /* 手机端去掉右下角漂浮"在线客服"浮窗（PC 端不变） */
  #abc-fab-wrap{display:none !important}
  /* 手机端：右侧漂浮微信号卡片 + 内联微信号块（替换原底部占位的微信条） */
  .kf-float{display:flex}
  .kf-inline{display:flex}
}

/* ===== 手机端右侧漂浮微信号卡片（游客可关闭，5 秒后自动关闭；PC 隐藏） ===== */
.kf-float{display:none;position:fixed;right:10px;bottom:104px;z-index:200;width:148px;flex-direction:column;
  background:linear-gradient(150deg,#ffd27d,#ffb347);color:#241a06;border-radius:16px;padding:12px 12px 10px;
  box-shadow:0 12px 30px rgba(0,0,0,.42);font-size:15.11px;transition:opacity .35s ease,transform .35s ease}
.kf-float.kf-hidden{opacity:0;transform:translateX(130%);pointer-events:none}
.kf-float .kf-x{position:absolute;top:2px;right:6px;border:none;background:none;color:#241a06;font-size:19.67px;line-height:1;cursor:pointer;opacity:.6;padding:2px 4px}
.kf-float .kf-f-ic{font-size:19.67px;line-height:1}
.kf-float .kf-f-tx{margin:3px 0 8px}
.kf-float .kf-f-lbl{display:block;font-size:12.16px;opacity:.8;font-weight:700}
.kf-float .kf-f-id{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;font-size:16.25px;letter-spacing:.2px;word-break:break-all;cursor:pointer}
.kf-float .kf-f-cp{border:none;cursor:pointer;background:#241a06;color:#ffd27d;font-weight:700;padding:8px;border-radius:11px;font-size:14.54px;width:100%}
.kf-float .kf-f-cp:active{transform:scale(.97)}

/* ===== 内联微信号块（首页 / 栏目页 / 详情页的中间与底部常驻；手机端显示，PC 隐藏） ===== */
.kf-inline{display:none;align-items:center;gap:8px;margin:16px 0;
  background:rgba(255,210,125,.1);border:1px solid rgba(255,210,125,.25);border-radius:14px;padding:11px 12px;font-size:15.11px}
.kf-inline .kf-i-ic{font-size:18.53px;flex:0 0 auto}
.kf-inline .kf-i-tx{color:var(--mut);font-size:14.54px;flex:1;min-width:0}
.kf-inline .kf-i-tx b{color:var(--gold);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;cursor:pointer;word-break:break-all}
.kf-inline .kf-i-cp{border:none;cursor:pointer;background:linear-gradient(135deg,var(--gold),#ffb347);color:#241a06;font-weight:700;
  padding:8px 14px;border-radius:11px;font-size:14.54px;white-space:nowrap;flex:0 0 auto}
.kf-inline .kf-i-cp:active{transform:scale(.97)}

/* ===== v3.16 · 落地页精选好书试读 ===== */
.lbooks{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:14px;padding:6px 18px 10px}
.lbk{background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:18px;padding:16px 15px}
.lbk-hd{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.lbk-hd b{font-size:17.96px;color:var(--txt);font-weight:800}
.lbk-sub{font-size:13.3px;color:var(--gold);white-space:nowrap;font-weight:700}
.lbk-core{margin-top:8px;font-size:14.54px;color:var(--mut);line-height:1.7}
.lbk-trial{margin-top:12px;display:flex;flex-direction:column;gap:9px}
.lbk-pt{display:flex;flex-direction:column;gap:2px;padding-left:10px;border-left:2px solid rgba(255,210,125,.5)}
.lbk-ptn{font-size:15.11px;color:var(--txt);font-weight:700}
.lbk-ptnote{font-size:13.87px;color:var(--mut);line-height:1.6}
.lbk-more{margin-top:11px;text-align:center;font-size:12.73px;letter-spacing:1px;color:var(--gold);opacity:.85}
.lbk .lbtn{margin-top:12px;width:100%}
@media(min-width:900px){.lbooks{grid-template-columns:repeat(2,1fr);gap:18px;padding:6px 30px 16px;max-width:1240px;margin:0 auto}}
/* ===== v3.16 · 书库试读 ===== */
.trial{margin-top:11px;display:flex;flex-direction:column;gap:8px}
.tp{display:flex;flex-direction:column;gap:2px;padding:9px 11px;border-radius:10px;background:rgba(12,14,24,.45);border:1px solid var(--line)}
.tp b{font-size:14.54px;color:var(--txt);font-weight:700}
.tp span{font-size:13.68px;color:var(--mut);line-height:1.55}

/* ===== v3.17 · 落地页 VIP书（后台上传文档）===== */
.lvdocs{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:12px;padding:6px 18px 10px}
.lvdoc{display:block;text-decoration:none;padding:15px 15px 13px;border-radius:17px;
  border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02));transition:.18s}
.lvdoc:hover{border-color:rgba(255,210,125,.42);transform:translateY(-2px)}
.lvdoc-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.lvdoc-ext{font-size:11.59px;font-weight:800;letter-spacing:1.2px;color:var(--gold);
  border:1px solid rgba(255,210,125,.32);border-radius:6px;padding:3px 7px;background:rgba(255,210,125,.08)}
.lvdoc-tag{font-size:12.73px;font-weight:800;color:var(--gold)}
.lvdoc-tag.on{color:var(--mint)}
.lvdoc-title{margin-top:10px;font-size:17.96px;font-weight:800;color:var(--txt);line-height:1.45}
.lvdoc-descr{margin-top:6px;font-size:14.35px;color:var(--mut);line-height:1.65}
.lvdoc-sample{margin-top:10px;padding:10px 12px;border-radius:11px;background:rgba(12,14,24,.5);
  border-left:2px solid rgba(255,210,125,.55);font-size:14.16px;color:var(--mut);line-height:1.7}
.lvdoc-foot{margin-top:11px;display:flex;justify-content:space-between;align-items:center;font-size:12.73px;color:var(--mut)}
.lvdoc-foot b{color:var(--gold);font-size:13.87px}
.lmore{position:relative;z-index:2;text-align:center;padding:2px 18px 12px}
@media(min-width:900px){.lvdocs{grid-template-columns:repeat(3,1fr);gap:16px;padding:6px 30px 16px;max-width:1240px;margin:0 auto}}

/* ===== v3.18 · 实战档案：待收尾黄条 + PC 右侧流程说明 ===== */
#ocbar{display:none;cursor:pointer;background:rgba(250,199,117,.10);border:1px solid rgba(250,199,117,.45);border-radius:12px;padding:11px 14px;margin:16px 4px 2px;font-size:15.11px;color:var(--gold);line-height:1.7}
#ocbar b{color:#FAC775}
#apply-side{display:none}
@media(min-width:1180px){
  #s-apply.on{max-width:1780px;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:30px;align-items:start}
  #s-apply.on #apply-side{display:block;position:sticky;top:18px}
  #s-apply.on .apply-main{min-width:0}
}
.side-card{background:var(--glass);border:1px solid var(--line);border-radius:16px;padding:16px 16px 12px}
.side-t{font-weight:700;color:var(--gold);font-size:15.11px;letter-spacing:1px;margin-bottom:8px}
.side-steps{list-style:none;margin:0;padding:0}
.side-steps li{padding:10px 0 10px 34px;position:relative;border-bottom:1px dashed var(--line)}
.side-steps li:last-child{border-bottom:none}
.side-steps li::before{content:attr(data-n);position:absolute;left:0;top:12px;width:22px;height:22px;border-radius:50%;background:rgba(139,124,255,.18);color:#B7ACFF;font-size:13.87px;font-weight:700;display:flex;align-items:center;justify-content:center}
.side-steps b{display:block;font-size:15.11px;color:#E8EAF6;font-weight:600}
.side-steps span{display:block;font-size:13.87px;color:var(--mut);line-height:1.6;margin-top:2px}
.side-tip{margin-top:12px;background:rgba(250,199,117,.08);border:1px solid rgba(250,199,117,.3);border-radius:10px;padding:10px 12px;font-size:13.87px;color:var(--gold);line-height:1.7}
details.airep{cursor:pointer}
details.airep summary{list-style:none;display:flex;align-items:center;gap:8px;font-weight:600;color:#E8EAF6;font-size:15.11px}
details.airep summary::-webkit-details-marker{display:none}
details.airep summary .chip{flex:none}
details.airep .del{margin-left:auto;font-style:normal;font-size:12.73px;color:var(--mut);border:1px solid var(--line);border-radius:6px;padding:2px 8px}
details.airep .del:hover{color:#F09595;border-color:#F09595}

/* v3.25 PC 端各主屏右侧说明栏（仅 .on 时两栏，避开 ID 选择器常显坑） */
.side-note{display:none}
.side-note .side-body{font-size:13.87px;color:var(--mut);line-height:1.75;margin-top:8px}
@media(min-width:1180px){
  .screen--side.on{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:30px;align-items:start}
  .screen--side.on > .screen-main{min-width:0}
  .screen--side.on > .side-note{display:block;position:sticky;top:18px;align-self:start}
}

/* ===== 单本书详情页 book.php（基线版，可重设计） ===== */
.bk-back{display:inline-block;margin:6px 0 14px;color:var(--mut);font-size:15.11px;text-decoration:none}
.bk-back:hover{color:var(--gold)}
.bkd{background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:20px;padding:20px 18px;margin-bottom:16px}
.bkd h1{font-size:25.46px;color:var(--txt);font-weight:900;letter-spacing:.5px}
.bk-meta{margin-top:6px;font-size:14.54px;color:var(--gold);font-weight:700}
.bk-core{margin-top:12px;font-size:15.68px;color:#e3e6f2;line-height:1.8}
.bk-why{margin-top:10px;font-size:14.82px;color:var(--mut);line-height:1.75}
.bk-read{margin-top:10px;font-size:14.82px;color:var(--sky);line-height:1.75}
.bk-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.bk-gate{background:linear-gradient(135deg,rgba(255,210,125,.12),rgba(139,124,255,.08));border:1px solid var(--line);border-radius:18px;padding:16px;margin-bottom:16px}
.bk-gate b{display:block;color:var(--gold);font-size:16.25px;margin-bottom:6px}
.bk-gate p{font-size:14.82px;color:var(--mut);line-height:1.7;margin-bottom:12px}
.bkpts{display:flex;flex-direction:column;gap:10px}
.bkpt{background:rgba(255,255,255,.035);border:1px solid var(--line);border-left:3px solid rgba(255,210,125,.55);border-radius:14px;padding:13px 14px}
.bkpt b{display:block;color:var(--gold);font-size:15.68px;font-weight:700;margin-bottom:4px}
.bkpt span{display:block;color:#c3c8dc;font-size:14.82px;line-height:1.75}
.bkpt-case{margin-top:9px;padding:9px 11px;border-radius:10px;background:rgba(108,231,176,.08);font-size:14.35px;color:#cdeedb;line-height:1.7}
.bkpt-case i{display:inline-block;font-style:normal;font-size:12.16px;font-weight:800;letter-spacing:1px;color:var(--mint);margin-right:6px}
.bkpt-con{margin-top:7px;padding:9px 11px;border-radius:10px;background:rgba(139,124,255,.08);font-size:14.35px;color:#d7d3ff;line-height:1.7}
.bkpt-con i{display:inline-block;font-style:normal;font-size:12.16px;font-weight:800;letter-spacing:1px;color:var(--pri);margin-right:6px}
.bk-more{margin-top:14px;text-align:center}
.bkquotes{display:flex;flex-direction:column;gap:8px}
.bkquotes p{font-size:16.25px;color:var(--gold);line-height:1.8;padding-left:12px;border-left:2px solid rgba(255,210,125,.5)}
.bklessons{display:flex;flex-wrap:wrap;gap:8px}

/* ===== v3.25 · PC 右侧快捷按钮：回到顶部 / 回首页（手机端隐藏） ===== */
.pc-nav{display:none;position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:110;
  flex-direction:column;gap:10px;opacity:0;pointer-events:none;transition:opacity .25s ease}
.pc-nav.on{opacity:1;pointer-events:auto}
.pcn-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:52px;height:52px;
  border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(18,20,32,.92);color:var(--gold);
  font-size:12.73px;font-weight:700;text-decoration:none;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.38);
  transition:background .18s,border-color .18s,transform .12s;-webkit-tap-highlight-color:transparent}
.pcn-btn:hover{background:rgba(255,210,125,.16);border-color:rgba(255,210,125,.55);color:#ffe0a6}
.pcn-btn:active{transform:scale(.94)}
.pcn-ic{font-size:18.53px;line-height:1}
.pcn-tx{line-height:1;letter-spacing:.5px}
@media(min-width:960px){ .pc-nav{display:flex} }

/* ===== v3.25 · PC 滚动性能：去掉大面积 backdrop-filter，滚动不再逐帧重绘 ===== */
@media(min-width:960px){
  .card,.panel,.kf-panel{backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
  .lhome .aurora{animation:none !important}
}