:root{--bg: #0f1420;--card: #1a2233;--card2: #222c42;--line: #2c3a55;--text: #e6edf7;--muted: #8fa3c0;--accent: #4ea3ff;--accent2: #63d0a0;--warn: #ffb454;--err: #ff6b6b;--dim: #6b7c99}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text)}body{font-family:Microsoft YaHei,Segoe UI,sans-serif;min-height:100vh}a{color:var(--accent);text-decoration:none}h2{font-size:16px;color:var(--accent);margin-bottom:10px}h3{font-size:15px;color:var(--accent);margin-bottom:8px}.app-main{max-width:900px;margin:0 auto;padding:20px 16px 80px}.h-nav{display:flex;gap:4px;align-items:center;padding:10px 18px;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.h-nav .brand{font-weight:700;margin-right:auto;color:var(--accent)}.h-nav a{padding:6px 12px;border-radius:8px;color:var(--muted);font-size:14px}.h-nav a.active{background:var(--accent);color:#fff}.b-nav{display:none}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:720px){.grid2,.grid3{grid-template-columns:1fr}}.muted{color:var(--muted);font-size:13px}.small{font-size:12px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mt{margin-top:12px}.hidden{display:none!important}.stat-num{font-size:30px;font-weight:700;color:var(--accent)}.stat-label{color:var(--muted);font-size:12px;margin-top:2px}.timer{font-variant-numeric:tabular-nums;font-weight:700;color:var(--warn)}.qtitle{font-size:15px;line-height:1.7;margin-bottom:12px;white-space:pre-wrap}.qblank{display:inline-block;min-width:2.6em;text-align:center;margin:0 2px;padding:0 6px;border-bottom:2px dashed var(--line);color:var(--muted);font-weight:600}.qblank-mark{display:inline-block;padding:1px 8px;border-radius:6px;background:#4ea3ff24;border:1px solid var(--accent);color:var(--accent);font-weight:700;margin:0 3px;font-size:.95em;vertical-align:-1px}.qblank-hint{color:var(--muted);font-size:.8em;margin-left:8px}.opt{display:block;width:100%;text-align:left;margin-bottom:8px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--card2);color:var(--text);cursor:pointer;font-size:14px;line-height:1.6;font-family:inherit}.opt:hover{border-color:var(--accent)}.opt.selected{border-color:var(--accent);background:#4ea3ff1f}.opt.correct{border-color:var(--accent2);background:#63d0a026}.opt.wrong-selected{border-color:var(--err);background:#ff6b6b26}.opt .v{font-weight:700;margin-right:6px;color:var(--accent)}.mcbox{display:inline-block;width:16px;height:16px;border:1px solid var(--line);border-radius:4px;margin-right:8px;vertical-align:-3px}.mcbox.on{background:var(--accent);border-color:var(--accent)}.analyze{border-left:3px solid var(--accent2);background:var(--card2);padding:12px;border-radius:0 10px 10px 0;margin-top:12px;font-size:14px;line-height:1.7;white-space:pre-wrap}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;background:var(--card2);color:var(--muted);margin:0 4px 4px 0}.badge.core{background:#ffb45426;color:var(--warn)}.badge.wrong{background:#ff6b6b26;color:var(--err)}.badge.stable{background:#63d0a026;color:var(--accent2)}.tag{display:inline-block;padding:2px 8px;border-radius:6px;font-size:12px;background:#4ea3ff1f;color:var(--accent);margin-right:6px}#qStripWrap{padding:10px 12px}#qStrip{display:flex;flex-wrap:wrap;gap:6px}.chip{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:var(--card2);color:var(--text);font-size:12px;cursor:pointer;font-family:inherit}.chip:hover{border-color:var(--accent)}.chip.done{background:#63d0a02e;color:var(--accent2);border-color:var(--accent2)}.chip.wrong{background:#ff6b6b2e;color:var(--err);border-color:var(--err)}.chip.cur{outline:2px solid var(--accent);outline-offset:1px}.knowledge-grid,.section-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.knowledge-grid .kcard,.section-grid .kcard{background:var(--card2);border:1px solid var(--line);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.knowledge-grid .kcard .kname,.section-grid .kcard .kname{font-weight:600;font-size:14px}.knowledge-grid .kcard .kmeta,.section-grid .kcard .kmeta{font-size:12px;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap}.knowledge-grid .kcard .kbar,.section-grid .kcard .kbar{height:6px;background:var(--line);border-radius:99px;overflow:hidden;margin-top:4px}.knowledge-grid .kcard .kbar>div,.section-grid .kcard .kbar>div{height:100%;border-radius:99px}img.qimg{max-width:100%;border-radius:8px;margin:8px 0;display:block}.ch-head{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:8px 4px}.ch-head b{font-size:15px;color:var(--text)}.ch-sel{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;padding:2px 0 4px}.chap-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:64px;padding:12px 14px;border-radius:10px;border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--card2);color:var(--text);cursor:pointer;text-align:left;font-family:inherit}.chap-card b{font-size:14px}.chap-card:hover{border-color:var(--accent);background:#26324a}.chap-card.accent{border-left-color:var(--accent2);background:#63d0a014}.chap-card.accent b{color:var(--accent2)}.kn-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;width:100%;padding:8px 4px}.kn-head b{font-size:15px;color:var(--text)}.kn-head .kn-bar{display:block;width:76px;height:6px;border-radius:99px;background:var(--line);overflow:hidden;flex:none}.kn-head .kn-bar>i{display:block;height:100%;border-radius:99px}.kn-head .kn-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.section-grid{padding:4px 0 6px}.err-btn-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:8px}.err-btn{display:flex;flex-direction:column;gap:3px;align-items:flex-start;padding:10px 12px;border-radius:8px;cursor:pointer;border:1px solid var(--line);background:var(--card2);color:var(--text);font:inherit;line-height:1.4;text-align:left;transition:border-color .15s,background .15s}.err-btn:hover{border-color:var(--accent);background:#4ea3ff14}.err-btn.careless{border-color:var(--err);background:#ff6b6b14}.err-btn.careless:hover{background:#ff6b6b29}.err-btn .small{font-size:12px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:600}@media(max-width:720px){.h-nav{display:none}body:before{content:"凡人修仙系统";display:block;position:sticky;top:0;z-index:20;padding:12px 16px;background:var(--card);border-bottom:1px solid var(--line);color:var(--accent);font-weight:700;font-size:16px;text-align:center}.b-nav{display:flex;gap:2px;position:fixed;left:0;right:0;bottom:0;z-index:30;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));background:var(--card);border-top:1px solid var(--line);justify-content:space-around}.b-nav a{flex:1;padding:8px 2px;font-size:12px;line-height:1.2;text-align:center;border-radius:8px;white-space:nowrap;color:var(--muted)}.b-nav a.active{background:var(--accent);color:#fff}.app-main{max-width:100%;padding:14px 12px calc(80px + env(safe-area-inset-bottom,0px))}.stat-num{font-size:26px}.opt{padding:12px;min-height:44px}.qtitle{font-size:15px}.knowledge-grid,.section-grid,.ch-sel{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.chap-card{min-height:56px}.err-btn-group{grid-template-columns:repeat(2,1fr)}.err-btn{padding:9px 10px}}@media(max-width:380px){.b-nav a{font-size:11px;padding:8px 1px}}