*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,Arial,sans-serif;overflow:hidden;background-color:#1a1a1a}#game-container{position:relative;width:100vw;height:100vh}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#resource-bar{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:20px 35px;background:#000c;padding:15px 25px;border-radius:5px;pointer-events:auto;z-index:10;max-width:100vw}.resource-item{display:flex;flex-direction:column;align-items:center;gap:6px;color:#fff;font-size:14px;min-width:60px;white-space:nowrap;padding:4px 10px}.resource-item .icon{font-size:24px;line-height:1}.resource-item .resource-value{font-size:10px;font-weight:700;transition:color .3s}.resource-item .resource-value.full{color:#e74c3c}#nav-menu{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;pointer-events:auto;z-index:10}.nav-btn{background:#2c3e50e6;color:#fff;border:2px solid #3498db;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;transition:all .3s}.nav-btn:hover{background:#3498db;transform:translateY(-2px)}.nav-btn.active{background:#3498db;box-shadow:0 4px 12px #3498db80}#modal-container{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;pointer-events:auto;z-index:100;padding:20px}#modal-container.hidden{display:none}.modal-content{background:#2c3e50;padding:30px;border-radius:12px;max-width:500px;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #00000080;-webkit-overflow-scrolling:touch}.modal-content h2{color:#ecf0f1;margin-bottom:20px;font-size:24px;word-wrap:break-word}.modal-content h3{color:#3498db;margin:20px 0 10px;font-size:18px}.modal-content p{color:#bdc3c7;margin:10px 0;font-size:14px;line-height:1.5}.modal-content ul{list-style:none;margin:10px 0;padding-left:0}.modal-content li{color:#bdc3c7;margin:5px 0;font-size:14px}.close-btn{position:absolute;top:15px;right:15px;background:#e74c3c;color:#fff;border:none;width:32px;height:32px;border-radius:50%;font-size:20px;cursor:pointer;transition:all .3s;z-index:10}.close-btn:hover{background:#c0392b;transform:rotate(90deg)}.btn{background:#3498db;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s;margin-top:10px;display:inline-block;touch-action:manipulation}.btn:hover{background:#2980b9;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:#27ae60}.btn-primary:hover{background:#219150}.btn-danger{background:#e74c3c}.btn-danger:hover{background:#c0392b}.progress-bar{width:100%;height:20px;background:#34495e;border-radius:10px;overflow:hidden;margin:10px 0}.progress-fill{height:100%;background:#3498db;transition:width .3s}.notification{position:fixed;top:70px;left:50%;transform:translate(-50%);padding:12px 20px;border-radius:8px;color:#fff;font-size:14px;z-index:200;animation:slideDown .3s;max-width:90vw;text-align:center}.notification-success{background:#27ae60}.notification-error{background:#e74c3c}.notification-warning{background:#f39c12}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:768px){#resource-bar{width:100%;padding:0;gap:1px;top:5px}.resource-item{font-size:12px;min-width:50px;gap:4px}.resource-item .icon{font-size:20px}#nav-menu{flex-wrap:wrap;justify-content:center;gap:5px;bottom:10px;width:95%;left:50%}.nav-btn{padding:8px 12px;font-size:13px;flex:1 1 40%;max-width:45%}#modal-container{padding:10px}.modal-content{padding:20px;min-width:80%;max-height:85vh;margin:10px}.modal-content h2{font-size:20px}.modal-content h3{font-size:16px}.modal-content p,.modal-content li{font-size:13px}.close-btn{width:28px;height:28px;font-size:18px;top:10px;right:10px}.btn{padding:8px 16px;font-size:14px;margin-top:8px;min-height:44px}.notification{top:60px;padding:10px 15px;font-size:13px}}@media(max-width:375px){#resource-bar{padding:10px 15px;gap:1px}.resource-item{font-size:11px;min-width:50px;gap:3px}.resource-item .icon{font-size:18px}#nav-menu{gap:3px;width:98%}.nav-btn{padding:6px 10px;font-size:12px}.notification{top:80px;padding:8px 12px;font-size:12px}}#world-chat{position:fixed;bottom:80px;left:20px;width:380px;max-height:500px;background:#000000e6;border:2px solid #444;border-radius:8px;pointer-events:auto;z-index:100;display:flex;flex-direction:column;box-shadow:0 4px 12px #00000080;transition:all .3s ease}#world-chat.minimized{max-height:40px}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #444;border-radius:6px 6px 0 0;-webkit-user-select:none;user-select:none}.chat-tabs{display:flex;gap:10px;flex:.8}.chat-tab{flex:1;padding:6px 10px;background:#ffffff1a;border:none;border-radius:4px;color:#fff;font-size:13px;cursor:pointer;transition:all .2s;outline:none}.chat-tab:hover{background:#fff3}.chat-tab.active{background:#ffffff4d;font-weight:700}.chat-title{color:#fff;font-weight:700;font-size:15px}.chat-minimize{background:#fff3;border:none;color:#fff;width:24px;height:24px;border-radius:4px;cursor:pointer;font-size:18px;line-height:20px;transition:background .2s}.chat-minimize:hover{background:#ffffff4d}.chat-messages{flex:1;overflow-y:auto;padding:10px 15px;background:#000000b3;max-height:400px}#world-chat.minimized .chat-messages{display:none}.chat-message{padding:8px 5px;margin-bottom:5px;word-wrap:break-word;line-height:1.5}.chat-message.chat-error{color:#e74c3c;background:#e74c3c33;padding:8px 12px;border-radius:4px}.chat-time{color:#888;font-size:12px;margin-right:8px}.chat-name{color:#3498db;font-weight:700;margin-right:8px}.chat-content{color:#ecf0f1;font-size:14px}.chat-input-area{display:flex;padding:10px 15px;background:#1e1e1ef2;border-top:1px solid #444;gap:10px}#world-chat.minimized .chat-input-area{display:none}.chat-input{flex:1;padding:10px 15px;background:#3c3c3ccc;border:1px solid #555;border-radius:4px;color:#fff;font-size:14px;outline:none}.chat-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea4d}.chat-input::placeholder{color:#777}.chat-send{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;font-size:14px;transition:transform .1s,box-shadow .2s}.chat-send:hover{transform:translateY(-1px);box-shadow:0 4px 8px #667eea66}.chat-send:active{transform:translateY(0)}#chat-toggle-btn{position:fixed;bottom:20px;left:5px;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #444;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:99;box-shadow:0 4px 12px #00000080;transition:all .3s}#chat-toggle-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px #667eea99}#chat-toggle-btn svg{width:28px;height:28px;fill:#fff}#chat-unread-badge{position:absolute;top:-5px;right:-5px;background:#e74c3c;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;display:none}#chat-unread-badge.show{display:flex}.chat-message.system-message{background:linear-gradient(135deg,#ffd70026,#ffa5001a);border-left:3px solid #ffa500;padding:10px 12px;border-radius:4px}.chat-system-icon{display:inline-block;margin-right:8px;font-size:16px;filter:drop-shadow(0 2px 4px rgba(255,165,0,.3))}.chat-system-content{color:orange;font-weight:500;font-size:14px;letter-spacing:.3px}