/* ================== 知识卡 ================== */
#knowledge-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#2a2a5a,#1a1a3e);border:3px solid #ffd700;border-radius:12px;padding:20px;width:92%;max-width:360px;max-height:85%;overflow-y:auto;z-index:250;display:none;color:#fff;font-size:14px;box-shadow:0 15px 35px rgba(0,0,0,.8),inset 0 0 20px rgba(255,215,0,.2)}
#knowledge-card h2{color:#ffd700;margin-bottom:15px;text-align:center;font-size:20px;text-shadow:2px 2px 2px #000}
#knowledge-card ul{padding-left:20px;margin-bottom:15px}
#knowledge-card li{margin-bottom:8px;line-height:1.5}

/* ================== 升级加点 ================== */
#levelup-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#1e3a5f,#16213e);border:3px solid #ffd700;border-radius:12px;padding:20px 16px;width:92%;max-width:340px;z-index:260;display:none;color:#fff;box-shadow:0 15px 40px rgba(0,0,0,.8),0 0 30px rgba(255,215,0,.4)}
#levelup-panel h2{color:#ffd700;text-align:center;font-size:20px;margin-bottom:8px;text-shadow:2px 2px 2px #000}
#levelup-panel .lp-sub{text-align:center;color:#fff099;font-size:13px;margin-bottom:15px}
#levelup-panel .lp-points{text-align:center;color:#2ecc71;font-weight:bold;font-size:16px;margin-bottom:15px;background:rgba(0,0,0,.4);padding:4px;border-radius:6px}
.lp-row{display:flex;align-items:center;justify-content:space-between;background:rgba(0,0,0,.4);border:1px solid #3a3a5a;border-radius:8px;padding:10px 12px;margin:8px 0;font-size:14px}
.lp-row .lp-label{color:#ffd700;font-weight:bold;min-width:92px}
.lp-row .lp-val{color:#5dade2;font-weight:bold;font-size:16px;min-width:56px;text-align:right}
.lp-row .lp-btns{display:flex;gap:8px;align-items:center}
.lp-btn{width:36px;height:36px;border-radius:8px;border:1px solid #6a6aaa;background:linear-gradient(180deg,#4a4a8a,#2a2a5a);color:#fff;font-weight:bold;font-size:20px;box-shadow:0 4px 0 #0f0f1e;transition:all .1s}
.lp-btn:active{transform:translateY(4px);box-shadow:0 0 0 #0f0f1e}
.lp-btn.lp-add{background:linear-gradient(180deg,#27ae60,#1e8449);border-color:#2ecc71}
.lp-btn.lp-sub2{background:linear-gradient(180deg,#c0392b,#922b21);border-color:#e74c3c}
.lp-btn:disabled{opacity:.4;filter:grayscale(1)}
.lp-confirm{display:block;width:100%;margin-top:20px;background:linear-gradient(180deg,#f1c40f,#f39c12);color:#1a1a3e;border:1px solid #f39c12;padding:14px;border-radius:10px;font-weight:bold;font-size:16px;box-shadow:0 5px 0 #b8860b;transition:all .1s}
.lp-confirm:active{transform:translateY(5px);box-shadow:0 0 0 #b8860b}

/* ================== 结束界面 ================== */
#end-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(5,5,15,.98);display:none;flex-direction:column;justify-content:center;align-items:center;z-index:400;color:#fff;padding:20px;text-align:center}
#end-title{font-size:36px;color:#ffd700;margin-bottom:20px;text-shadow:0 0 20px rgba(255,215,0,.6)}
#end-msg{font-size:16px;line-height:1.8;color:#aed6f1;max-width:300px;white-space:pre-line}

/* ================== 床铺睡眠面板 ================== */
#bed-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#2a2a5a,#1a1a3e);border:3px solid #ffd700;border-radius:12px;padding:20px;width:92%;max-width:340px;z-index:270;display:none;color:#fff;box-shadow:0 15px 35px rgba(0,0,0,.8),inset 0 0 20px rgba(255,215,0,.2)}
#bed-panel h2{color:#ffd700;text-align:center;font-size:20px;margin-bottom:8px;text-shadow:2px 2px 2px #000}
#bed-panel .bp-sub{text-align:center;color:#aed6f1;font-size:13px;margin-bottom:16px;line-height:1.5}
#bed-panel .bp-info{background:rgba(0,0,0,.4);border:1px solid #3a3a5a;border-radius:8px;padding:8px 10px;font-size:12px;color:#fff099;text-align:center;margin-bottom:14px}
#bed-panel .bp-btns{display:flex;gap:10px}
#bed-panel .bp-btns button{flex:1;padding:13px;border-radius:10px;font-family:inherit;font-size:15px;font-weight:bold;border:none;box-shadow:0 5px 0 #0f0f1e;transition:all .1s}
#bed-panel .bp-btns button:active{transform:translateY(5px);box-shadow:0 0 0 #0f0f1e}
#bp-save{background:linear-gradient(180deg,#f1c40f,#f39c12);color:#1a1a3e}
#bp-cancel{background:linear-gradient(180deg,#7f8c8d,#5f6a6a);color:#fff}

/* ================== 排行榜面板 ================== */
#leaderboard-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#2a2a5a,#1a1a3e);border:3px solid #ffd700;border-radius:12px;padding:18px 16px;width:94%;max-width:380px;max-height:85%;overflow-y:auto;z-index:410;display:none;color:#fff;box-shadow:0 15px 35px rgba(0,0,0,.8),inset 0 0 20px rgba(255,215,0,.2)}
#leaderboard-panel h2{color:#ffd700;text-align:center;font-size:20px;margin-bottom:12px;text-shadow:2px 2px 2px #000}
.lb-tabs{display:flex;gap:8px;margin-bottom:12px}
.lb-tab{flex:1;background:linear-gradient(180deg,#2a2a5a,#1a1a3e);border:1px solid #5a5a8a;color:#aed6f1;padding:9px 4px;border-radius:8px;font-family:inherit;font-size:13px;font-weight:bold;box-shadow:0 3px 0 #0f0f1e;transition:all .1s}
.lb-tab:active{transform:translateY(3px);box-shadow:0 0 0 #0f0f1e}
.lb-tab.active{background:linear-gradient(180deg,#f1c40f,#f39c12);color:#1a1a3e;border-color:#f39c12}
.lb-list{min-height:120px}
.lb-row{display:flex;align-items:center;justify-content:space-between;background:rgba(0,0,0,.35);border:1px solid #3a3a5a;border-radius:8px;padding:8px 10px;margin:5px 0;font-size:13px}
.lb-row.lb-me{border-color:#2ecc71;box-shadow:0 0 8px rgba(46,204,113,.4)}
.lb-row .lb-rank{color:#ffd700;font-weight:900;min-width:30px;font-size:15px}
.lb-row .lb-rank.gold{color:#ffd700}.lb-row .lb-rank.silver{color:#c0c0c0}.lb-row .lb-rank.bronze{color:#cd7f32}
.lb-row .lb-name{flex:1;text-align:left;padding:0 8px;color:#fff;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-row .lb-val{color:#aed6f1;font-weight:bold;min-width:74px;text-align:right}
.lb-empty{text-align:center;color:#7f8c8d;padding:30px 0;font-size:13px}

/* ================== 账号登录/注册屏 ================== */
#account-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#1a1a3e 0%,#050510 100%);z-index:510;display:none;flex-direction:column;justify-content:center;align-items:center;padding:20px;text-align:center}
#account-card{background:linear-gradient(135deg,#2a2a5a,#1a1a3e);border:3px solid #ffd700;border-radius:14px;padding:22px 18px;width:92%;max-width:340px;box-shadow:0 15px 40px rgba(0,0,0,.8),inset 0 0 20px rgba(255,215,0,.15)}
#account-card h1{color:#ffd700;font-size:22px;margin-bottom:6px;text-shadow:2px 2px 2px #000;letter-spacing:2px}
#account-card .ac-sub{color:#aed6f1;font-size:12px;margin-bottom:18px}
.ac-field{margin:10px 0;text-align:left}
.ac-field label{display:block;color:#ffd700;font-size:13px;font-weight:bold;margin-bottom:4px;text-shadow:1px 1px 1px #000}
.ac-field input{width:100%;background:#050510;border:2px solid #5a5a8a;border-radius:8px;color:#fff;font-size:16px;font-family:inherit;padding:11px 12px;box-shadow:inset 0 2px 4px rgba(0,0,0,.8);outline:none;transition:border-color .2s}
.ac-field input:focus{border-color:#ffd700}
.ac-btns{display:flex;gap:10px;margin-top:14px}
.ac-btns button{flex:1;padding:13px 4px;border-radius:10px;font-family:inherit;font-size:15px;font-weight:bold;border:none;box-shadow:0 5px 0 #0f0f1e;transition:all .1s}
.ac-btns button:active{transform:translateY(5px);box-shadow:0 0 0 #0f0f1e}
#ac-register{background:linear-gradient(180deg,#27ae60,#1e8449);color:#fff}
#ac-login{background:linear-gradient(180deg,#f1c40f,#f39c12);color:#1a1a3e}
#ac-status{margin-top:12px;min-height:20px;font-size:13px;font-weight:bold;color:#ff6b6b;text-shadow:1px 1px 1px #000}
#ac-skip{margin-top:14px;background:none;border:none;color:#7f8c8d;font-size:12px;text-decoration:underline;cursor:pointer;font-family:inherit}

/* ================== 实体用途说明卡 ================== */
#entity-info{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#2a2a5a,#1a1a3e);border:3px solid #ffd700;border-radius:12px;padding:20px 18px;width:92%;max-width:340px;z-index:380;display:none;color:#fff;box-shadow:0 15px 35px rgba(0,0,0,.8),inset 0 0 20px rgba(255,215,0,.2)}
#entity-info h2{color:#ffd700;text-align:center;font-size:19px;margin-bottom:14px;text-shadow:2px 2px 2px #000;line-height:1.3}
#entity-info #ei-desc{font-size:13px;color:#aed6f1;line-height:1.7;margin-bottom:18px;white-space:pre-line}
#entity-info #ei-desc b{color:#fff099}
#entity-info #ei-close{display:block;width:100%;background:linear-gradient(180deg,#f1c40f,#f39c12);color:#1a1a3e;border:1px solid #f39c12;padding:13px;border-radius:10px;font-weight:bold;font-size:15px;box-shadow:0 5px 0 #b8860b;transition:all .1s;font-family:inherit;cursor:pointer}
#entity-info #ei-close:active{transform:translateY(5px);box-shadow:0 0 0 #b8860b}