@import url('https://fonts.googleapis.com/css2?family=ZCOOL+KuaiLe&display=swap');
:root{--bg:#1a1a2e;--card:#16213e;--accent:#e94560;--gold:#f5c518;--text:#eee;--dim:#999;--green:#4ecca3;--blue:#87ceeb;}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'ZCOOL KuaiLe',sans-serif;background:var(--bg);color:var(--text);min-height:100vh;}
.header{text-align:center;padding:20px 16px 10px;background:linear-gradient(135deg,#0f3460,#533483);}
.header h1{font-size:1.6em;color:var(--gold);}
.header p{color:var(--dim);font-size:0.85em;margin-top:4px;}
.card-list{padding:12px;}
.card{background:var(--card);border-radius:12px;padding:14px 16px;margin-bottom:10px;display:flex;align-items:center;gap:12px;cursor:pointer;border:2px solid transparent;transition:.2s;}
.card:active{border-color:var(--accent);transform:scale(0.98);}
.card .icon{font-size:1.8em;flex-shrink:0;}
.card .info{flex:1;min-width:0;}
.card .info h3{font-size:1em;margin-bottom:2px;}
.card .info p{font-size:0.75em;color:var(--dim);}
.card .arrow{color:var(--dim);font-size:1.4em;}
.det-header{padding:14px 16px;background:linear-gradient(135deg,#0f3460,#533483);display:flex;align-items:center;gap:10px;}
.det-header h2{font-size:1.2em;color:var(--gold);}
.back-btn{background:none;border:1px solid var(--dim);color:var(--text);border-radius:6px;padding:4px 10px;font-size:0.85em;cursor:pointer;font-family:inherit;}
.det-box{background:var(--card);margin:8px 12px;padding:14px;border-radius:10px;}
.det-box h3{color:var(--gold);margin-bottom:8px;font-size:1em;}
.content{line-height:1.8;font-size:0.9em;}
.content p{margin-bottom:8px;}
.content ul,.content ol{padding-left:20px;margin-bottom:8px;}
.content li{margin-bottom:4px;}
.content table{width:100%;border-collapse:collapse;margin:8px 0;font-size:0.85em;}
.content th{background:var(--accent);padding:6px 8px;text-align:left;}
.content td{padding:6px 8px;border-bottom:1px solid #333;}
.hl{color:var(--accent);font-weight:bold;}
.formula-box{background:#1e2a4a;padding:12px;border-radius:8px;margin:8px 0;text-align:center;color:var(--green);line-height:1.6;}
.formula-box.big{font-size:1.3em;padding:16px;}
.tip{background:#1a2a1a;border-left:3px solid var(--green);padding:8px 12px;margin:8px 0;font-size:0.85em;color:var(--green);}
.quiz-area{font-size:0.9em;}
.quiz-q{background:#1e2a4a;padding:12px;border-radius:8px;margin-bottom:8px;cursor:pointer;line-height:1.7;white-space:pre-line;}
.q-ans{display:none;margin-top:8px;padding-top:8px;border-top:1px solid #333;color:var(--green);}
.quiz-q.revealed .q-ans{display:block;}
.reveal-btn{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:8px 16px;margin-top:8px;font-size:0.85em;cursor:pointer;font-family:inherit;}
.reveal-btn:active{transform:scale(0.95);}
.quiz-q.revealed .reveal-btn{display:none;}
/* 导航栏 */
.site-nav{display:flex;gap:6px;padding:8px 12px;background:#0d1b2a;overflow-x:auto;white-space:nowrap;}
.site-nav a{color:var(--dim);text-decoration:none;font-size:0.75em;padding:4px 10px;border-radius:12px;border:1px solid #333;flex-shrink:0;}
.site-nav a.active{color:var(--gold);border-color:var(--gold);}
.site-nav a:active{opacity:0.7;}
/* 推广栏 */
.promo-btn{margin-left:auto!important;cursor:pointer;font-size:0.7em!important;opacity:0.6;}
.promo-btn:active{opacity:1;}
.qr-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:999;align-items:center;justify-content:center;}
.qr-modal{background:var(--card);border-radius:16px;padding:24px;text-align:center;max-width:300px;}
.qr-modal img{width:160px;height:160px;border-radius:8px;margin:12px 0;}
.modal-title{font-size:1.1em;color:var(--gold);margin-bottom:10px;}
.modal-desc{font-size:0.8em;color:var(--dim);margin-bottom:6px;line-height:1.6;}
.qr-modal button{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:8px 24px;font-family:inherit;cursor:pointer;margin-top:8px;}
.mindmap-img{width:100%;border-radius:8px;}

/* 模拟器样式 */
.sim-header{text-align:center;padding:12px;color:var(--gold);}
.sim-header p{color:var(--dim);font-size:0.85em;}
.sim-scenes{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 12px;justify-content:center;}
.sim-scene{background:var(--card);padding:6px 10px;border-radius:8px;font-size:0.75em;cursor:pointer;border:1px solid #333;}
.sim-scene:active{border-color:var(--accent);}
.sim-box{padding:8px 16px;}
.sim-box label{font-size:0.85em;color:var(--dim);}
.sim-box b{color:var(--gold);}
.sim-slider{width:100%;margin-top:4px;accent-color:var(--accent);}
.sim-result{margin:12px;padding:16px;background:var(--card);border-radius:12px;text-align:center;}
.sim-formula{font-size:0.9em;margin-bottom:10px;color:var(--green);}
.sim-formula b{font-size:1.3em;color:var(--gold);}
.sim-bar-bg{height:16px;background:#1e2a4a;border-radius:8px;overflow:hidden;}
.sim-bar-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--accent));border-radius:8px;transition:width .3s;}
.sim-level{margin-top:8px;font-size:1.1em;}
.sim-compare{margin:12px;padding:12px;background:var(--card);border-radius:10px;font-size:0.8em;color:var(--dim);line-height:1.8;}

/* 关卡选择+游戏按钮 */
.level-card{display:flex;align-items:center;gap:10px;background:var(--card);padding:12px 14px;border-radius:10px;margin-bottom:8px;cursor:pointer;border:2px solid #333;}
.level-card:active{border-color:var(--accent);transform:scale(0.98);}
.level-num{color:var(--accent);font-size:1.2em;flex-shrink:0;}
.level-title{color:#fff;flex:1;}
.game-btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-family:inherit;font-size:0.95em;cursor:pointer;margin:4px;}
.game-btn.small{font-size:0.85em;padding:6px 16px;background:#555;}
.game-btn:active{transform:scale(0.95);}