.game-root{width:100vw;height:100vh;display:flex;flex-direction:column;background:#0a0a1a;color:#e0d8c0;font-family:SimSun,Microsoft YaHei,monospace;font-size:13px;overflow:hidden}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:4px 12px;background:linear-gradient(180deg,#2a1a0a,#1a0f05);border-bottom:2px solid #8b6914;height:36px}.game-title{color:gold;font-size:16px;font-weight:700;text-shadow:0 0 8px rgba(255,215,0,.5)}.top-controls{display:flex;gap:8px}.speed-btn,.save-btn{background:#3a2a0a;color:gold;border:1px solid #8b6914;padding:2px 10px;cursor:pointer;font-size:12px;border-radius:3px}.speed-btn:hover,.save-btn:hover{background:#5a3a0a}.main-layout{flex:1;display:grid;grid-template-columns:300px 1fr 300px;min-height:0;overflow:hidden}.left-panel{display:flex;flex-direction:column;border-right:2px solid #4a3a1a;background:#12100a;padding:8px;overflow-y:auto}.auto-controls{display:flex;flex-direction:column;gap:4px;margin-top:8px}.auto-controls button{background:#2a1a0a;color:#c0b080;border:1px solid #4a3a1a;padding:4px 8px;cursor:pointer;font-size:12px;text-align:left;border-radius:2px}.auto-controls button.active{background:#1a3a1a;border-color:#4a8a1a;color:#80ff80}.lure-control{padding:6px 8px;border-bottom:1px solid #2a2a1a;background:#12100a}.lure-label{font-size:11px;color:#a0a080;display:block;margin-bottom:4px}.lure-buttons{display:flex;flex-wrap:wrap;gap:3px}.lure-btn{background:#1a1510;color:#a09070;border:1px solid #3a2a1a;padding:2px 8px;cursor:pointer;font-size:11px;border-radius:2px;min-width:28px;text-align:center}.lure-btn:hover{background:#2a1a0a;border-color:#8b6914}.lure-btn.active{background:#3a1a0a;border-color:#f60;color:#f93}.target-control{display:flex;gap:4px;padding:4px 8px;border-bottom:1px solid #2a2a1a;background:#12100a}.target-btn{flex:1;background:#1a1510;color:#a09070;border:1px solid #3a2a1a;padding:3px 6px;cursor:pointer;font-size:11px;border-radius:2px;text-align:center}.target-btn:hover{background:#2a1a0a;border-color:#8b6914}.target-btn.active{background:#1a3a1a;border-color:#4a8a1a;color:#80ff80}.grade-filter{display:flex;flex-direction:column;gap:4px;padding:4px 8px;border-bottom:1px solid #2a2a1a;background:#12100a}.grade-label{font-size:10px;color:#a09070}.grade-buttons{display:flex;gap:2px;flex-wrap:wrap}.grade-btn{background:#1a1510;color:#a09070;border:1px solid #3a2a1a;padding:2px 5px;cursor:pointer;font-size:10px;border-radius:2px;min-width:24px;text-align:center}.grade-btn:hover{background:#2a1a0a;border-color:#8b6914}.grade-btn.active{background:#1a3a1a;border-color:#4a8a1a;color:#80ff80}.grade-btn.clothing-btn{margin-left:4px;border-left:1px solid #3a2a1a;padding-left:6px;padding-right:6px}.grade-btn.clothing-btn.active{background:#1a2a3a;border-color:#4a6a8a;color:#80c0ff}.stats-row{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;color:#a0a080}.center-panel{display:flex;flex-direction:column;overflow:hidden}.map-info-bar{display:flex;align-items:center;gap:12px;padding:4px 8px;background:#1a1510;border-top:1px solid #4a3a1a;font-size:12px}.map-list-btn{margin-left:auto;background:#3a2a0a;color:gold;border:1px solid #8b6914;padding:2px 8px;cursor:pointer;font-size:11px;border-radius:2px}.right-panel{border-left:2px solid #4a3a1a;background:#12100a;display:flex;flex-direction:column;overflow:hidden;min-height:0}.bottom-panel{height:160px;border-top:2px solid #4a3a1a;background:#0d0b08;overflow:hidden}.start-screen{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a0f05,#0a0505)}.start-content{text-align:center;padding:40px}.game-title-big{font-size:48px;color:gold;text-shadow:0 0 20px rgba(255,215,0,.6),0 4px 8px rgba(0,0,0,.8);margin-bottom:8px;letter-spacing:8px}.subtitle{color:#a09070;margin-bottom:40px;font-size:14px}.create-form{display:flex;flex-direction:column;gap:20px;align-items:center}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#c0b080;font-size:14px}.form-group input{background:#1a1510;border:2px solid #4a3a1a;color:gold;padding:8px 16px;font-size:16px;text-align:center;border-radius:4px;outline:none;width:240px}.form-group input:focus{border-color:#8b6914}.job-select{display:flex;gap:12px}.job-btn{width:80px;height:80px;background:#1a1510;border:2px solid #4a3a1a;color:#c0b080;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:6px;transition:all .2s}.job-btn:hover{border-color:#8b6914;background:#2a1a0a}.job-btn.selected{border-color:gold;background:#3a2a0a;color:gold;box-shadow:0 0 12px #ffd7004d}.job-icon{font-size:28px}.job-name{font-size:13px}.start-btn{background:linear-gradient(180deg,#8b6914,#5a4010);color:#fff;border:none;padding:12px 48px;font-size:18px;cursor:pointer;border-radius:6px;letter-spacing:4px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.start-btn:hover{background:linear-gradient(180deg,#a07a18,#6a5015)}.load-btn{background:transparent;color:#8b6914;border:1px solid #8b6914;padding:8px 32px;font-size:14px;cursor:pointer;border-radius:4px}.load-btn:hover{background:#1a1510}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#4a3a1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6a5a2a}.char-panel{display:flex;flex-direction:column;gap:6px}.char-header{display:flex;align-items:center;gap:8px}.char-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:22px;border:2px solid #4a3a1a;border-radius:4px;background:#1a1510}.char-avatar[data-job=warrior]{border-color:#f60;color:#f60}.char-avatar[data-job=mage]{border-color:#63f;color:#63f}.char-avatar[data-job=taoist]{border-color:#3c6;color:#3c6}.char-name{font-size:15px;color:gold;font-weight:700}.char-job{font-size:12px;color:#a09070}.bar-group{display:flex;flex-direction:column;gap:2px}.bar-label{font-size:11px;color:#a0a080}.bar-bg{height:10px;border-radius:2px;overflow:hidden}.hp-bg{background:#2a0a0a}.mp-bg{background:#0a0a2a}.exp-bg{background:#1a1a0a}.bar-fill{height:100%;transition:width .3s;border-radius:2px}.hp-fill{background:linear-gradient(90deg,#c33,#f44)}.mp-fill{background:linear-gradient(90deg,#33c,#44f)}.exp-fill{background:linear-gradient(90deg,#cc3,#ff4)}.char-stats{display:flex;flex-direction:column;gap:2px;padding:4px 0;border-top:1px solid #2a2a1a}.stat-row{display:flex;justify-content:space-between;font-size:12px;color:#b0a080}.stat-val{color:#e0d0a0;font-weight:700}.stat-val.gold{color:gold}.equip-section{margin-top:4px;border-top:1px solid #2a2a1a;padding-top:4px}.section-title{font-size:12px;color:gold;margin-bottom:4px;font-weight:700}.equip-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}.equip-slot{background:#1a1510;border:1px solid #2a2a1a;padding:2px 4px;font-size:10px;border-radius:2px;min-height:28px}.equip-slot.has-item{border-color:#4a6a1a;background:#1a2a0a;cursor:pointer}.equip-slot.has-item:hover{background:#2a3a1a;border-color:#6a8a2a}.equip-slot-label{color:#606050;font-size:9px}.equip-item-name{color:#80e080;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-section{margin-top:4px}.skill-list{display:flex;flex-wrap:wrap;gap:3px;padding:4px 0}.skill-tag{display:inline-block;padding:1px 6px;border-radius:2px;font-size:10px;cursor:default;border:1px solid transparent}.skill-tag.passive{background:#1a2a3a;color:#6af;border-color:#2a4a6a}.skill-tag.active{background:#3a1a1a;color:#f64;border-color:#6a2a2a}.right-tabs{display:flex;border-bottom:1px solid #2a2a1a;margin-bottom:4px}.right-tab{flex:1;background:#1a1510;color:#808070;border:1px solid #2a2a1a;border-bottom:none;padding:4px 0;cursor:pointer;font-size:11px;border-radius:3px 3px 0 0}.right-tab:hover{background:#2a2010;color:#c0b080}.right-tab.active{background:#2a2a1a;color:gold;border-color:#4a3a1a}.skill-panel-view{display:flex;flex-direction:column;flex:1;min-height:0}.skill-panel-body{flex:1;overflow-y:auto;padding:2px 0;min-height:0}.skill-group{margin-bottom:6px}.skill-group-title{font-size:11px;color:gold;padding:2px 8px;background:#1a1510;border-bottom:1px solid #2a2a1a;font-weight:700}.skill-row{display:flex;justify-content:space-between;align-items:center;padding:3px 8px;font-size:12px;border-left:2px solid transparent;cursor:default}.skill-row.passive{background:#0e1a28;border-left-color:#48c}.skill-row.active{background:#281010;border-left-color:#c42}.skill-row.unlearned{opacity:.4;filter:grayscale(.6)}.skill-row.disabled{opacity:.5}.skill-row:not(.unlearned){cursor:pointer}.skill-row:not(.unlearned):hover{background:#2a2a1a}.skill-row-name{font-weight:700;display:flex;align-items:center;gap:4px}.skill-row.passive .skill-row-name{color:#6af}.skill-row.active .skill-row-name{color:#f64}.skill-row.unlearned .skill-row-name{color:#606050}.skill-row-info{font-size:11px;color:#a0a080}.skill-row.unlearned .skill-row-info{color:#505040;font-style:italic}.skill-check{font-size:13px;line-height:1}.map-bar-btns{display:flex;gap:4px}.map-list-btn.active{background:#2a3a1a;border-color:#6a8a2a;color:#ada}.combat-log{display:flex;flex-direction:column;height:100%}.log-header{font-size:12px;color:gold;padding:4px 8px;background:#1a1510;border-bottom:1px solid #2a2a1a}.log-content{flex:1;overflow-y:auto;padding:4px 8px}.log-entry{font-size:12px;line-height:1.5;padding:1px 0}.inventory-panel{display:flex;flex-direction:column;height:100%;padding:6px 8px}.inv-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;flex-shrink:0}.inv-header-btns{display:flex;gap:4px}.clean-btn{background:#2a1a0a;color:#c96;border:1px solid #4a3a1a;padding:2px 8px;cursor:pointer;font-size:10px;border-radius:2px}.clean-btn:hover{background:#3a2a1a;border-color:#8b6914}.inv-body{flex:1;overflow-y:auto;min-height:0}.inv-empty{color:#666;text-align:center;padding:20px;font-size:12px}.inv-category{margin-bottom:4px}.inv-category-header{display:flex;align-items:center;gap:4px;padding:4px 6px;background:#1a1510;border:1px solid #3a2a1a;border-radius:3px;cursor:pointer;-webkit-user-select:none;user-select:none}.inv-category-header:hover{background:#2a1a0a;border-color:#5a4a2a}.inv-category-arrow{font-size:9px;color:#8b6914;width:12px}.inv-category-title{font-size:12px;font-weight:700;color:#c96}.inv-category-count{font-size:10px;color:#808070;margin-left:2px}.inv-category-body{padding:2px 0;max-height:200px;overflow-y:auto}.inv-category-body::-webkit-scrollbar{width:4px}.inv-category-body::-webkit-scrollbar-track{background:#1a1a0e}.inv-category-body::-webkit-scrollbar-thumb{background:#5a4a2a;border-radius:2px}.inv-row{display:flex;align-items:center;justify-content:space-between;padding:3px 8px;border-bottom:1px solid #1a1510;font-size:11px;transition:background .1s}.inv-row:hover{background:#1a1a10}.inv-row-main{display:flex;align-items:center;gap:6px;flex:1;min-width:0;flex-wrap:wrap}.inv-row-name{font-weight:700;white-space:nowrap}.inv-row-count{color:#aaa;font-weight:400;margin-left:2px}.inv-row-type{color:#808070;font-size:10px;white-space:nowrap}.inv-row-stats{color:#80e080;font-size:10px;white-space:nowrap}.inv-row-equipped{color:#69f;font-size:9px;border:1px solid #335599;padding:0 4px;border-radius:2px}.inv-row-actions{display:flex;gap:4px;flex-shrink:0;margin-left:8px}.inv-btn{background:#2a1a0a;color:#c0b080;border:1px solid #4a3a1a;padding:1px 8px;cursor:pointer;font-size:10px;border-radius:2px;white-space:nowrap}.inv-btn:hover{background:#3a2a0a;border-color:#8b6914}.inv-btn.equip-btn{color:#6cf;border-color:#369}.inv-btn.use-btn{color:#6f6;border-color:#393}.inv-btn.drop-btn{color:#c66;border-color:#633}.map-list-panel{display:flex;flex-direction:column;height:100%}.map-list-header{display:flex;justify-content:space-between;align-items:center;padding:8px;background:#1a1510;border-bottom:1px solid #2a2a1a;font-size:13px;color:gold}.close-btn{background:#3a1a1a;color:#c66;border:1px solid #663333;width:22px;height:22px;cursor:pointer;font-size:12px;border-radius:2px;display:flex;align-items:center;justify-content:center}.map-search{margin:6px 8px;background:#1a1510;border:1px solid #4a3a1a;color:#e0d8c0;padding:4px 8px;font-size:12px;border-radius:3px;outline:none}.map-search:focus{border-color:#8b6914}.map-list-content{flex:1;overflow-y:auto;padding:4px 8px}.map-group{margin-bottom:8px}.map-group-title{font-size:11px;color:#808060;padding:2px 0;border-bottom:1px solid #2a2a1a;margin-bottom:2px}.map-item{display:flex;justify-content:space-between;padding:3px 6px;cursor:pointer;border-radius:2px;font-size:12px}.map-item:hover{background:#2a1a0a}.map-item.current{background:#1a3a1a;border:1px solid #4a8a1a}.map-item-name{color:#e0d8c0}.map-item.current .map-item-name{color:#80e080}.map-item-id{color:#606050;font-size:10px}.text-game-view{flex:1;display:flex;flex-direction:column;background:#0a0a0a;color:#c0b890;font-family:SimSun,Courier New,monospace;font-size:13px;padding:12px;overflow-y:auto;min-height:200px}.tg-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.tg-map-name{color:gold;font-size:15px;font-weight:700}.tg-pos{color:#808070;font-size:12px}.tg-char{display:flex;gap:12px;align-items:center;padding:6px 8px;background:#1a1a10;border:1px solid #3a3a20;border-radius:3px;margin-bottom:8px}.tg-name{color:gold;font-weight:700}.tg-lv{color:#80e080}.tg-hp{color:#f66}.tg-mp{color:#69f}.tg-divider{color:#3a3a20;text-align:center;margin:6px 0;font-size:11px}.tg-section-title{color:#a0a080;font-size:12px;margin:8px 0 4px;padding-left:4px}.tg-combat-list,.tg-nearby-list{display:flex;flex-direction:column;gap:3px;padding-left:8px}.tg-empty{color:#606050;font-style:italic;padding:4px 0}.tg-monster{display:flex;gap:10px;align-items:center;padding:3px 6px;border-radius:2px;background:#111108}.tg-monster.fighting{background:#1a1008;border-left:2px solid #ff6600}.tg-mon-name{color:#e0d8c0;min-width:100px}.tg-monster.fighting .tg-mon-name{color:#f93}.tg-mon-lv{color:#808070;font-size:11px;min-width:40px}.tg-mon-hp{color:#6c6;font-size:11px;font-family:Courier New,monospace;letter-spacing:-.5px}.tg-more{color:#606050;font-size:11px;padding:2px 6px}.shop-panel-view{display:flex;flex-direction:column;flex:1;min-height:0}.shop-header{padding:8px;background:#1a1510;border-bottom:1px solid #4a3a1a;color:gold;font-size:14px;font-weight:700}.shop-body{flex:1;overflow-y:auto;padding:4px 0}.shop-row{display:flex;flex-direction:column;padding:6px 8px;border-bottom:1px solid #2a2a1a;gap:4px}.shop-row-top{display:flex;align-items:center;gap:6px;width:100%}.shop-row:hover{background:#1a1a2e}.shop-name{font-size:12px;color:#3c3;line-height:1.3;flex-shrink:0}.shop-info{font-size:11px;color:#888;flex-shrink:0;margin-left:auto}.shop-buy-btn{background:#2a1a0a;color:gold;border:1px solid #4a3a1a;padding:4px 8px;cursor:pointer;font-size:11px;border-radius:3px;white-space:nowrap;min-width:40px}.shop-buy-btn:hover{background:#3a2a1a;border-color:gold}.shop-buy-group{display:flex;gap:4px}