*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}body{background:#0a0c0b;color:#b8d9b0;font-family:"Courier New",monospace;display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:10px;}.container{width:100%;max-width:500px;background:#1e2a24;border:3px solid #5a4c3c;border-radius:20px;padding:15px;}.status-bar{background:#2b3b2b;border:2px solid #6b8c5c;border-radius:12px;padding:6px 8px;margin-bottom:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px 8px;font-size:11px;}.status-item{background:transparent;padding:2px 0;border-radius:0;border:none;text-align:left;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.game-window{background:#1d261d;border:2px inset #6b8c5c;border-radius:12px;padding:12px;min-height:180px;margin-bottom:15px;}.map-description{color:#d4edc9;border-bottom:1px dashed #6b8c5c;padding-bottom:8px;margin-bottom:10px;font-weight:bold;}.log-area{background:#0f150f;padding:10px;border-radius:8px;height:150px;overflow-y:auto;font-size:14px;color:#b1d0a7;}.action-bar{background:#2a372a;border:2px solid #6b8c5c;border-radius:12px;padding:12px;}.move-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;}.main-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}.action-btn{background:#3f543a;border:2px solid #97b58f;color:#e2ffd6;padding:12px 5px;font-size:16px;font-weight:bold;border-radius:30px;cursor:pointer;text-align:center;min-height:44px;}.action-btn:active{background:#5e7c55;transform:translateY(2px);}.login-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);display:flex;justify-content:center;align-items:center;z-index:1000;}.login-box{background:#1e2e1e;border:4px double #7aa06d;padding:25px;border-radius:30px;width:90%;max-width:320px;text-align:center;}.login-box input{width:100%;padding:12px;margin:10px 0;background:#172117;border:2px solid #6b9461;color:#cfecbf;font-size:16px;border-radius:30px;text-align:center;}.login-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px;}.login-btns button{background:#3f6b37;border:none;color:white;padding:12px;font-size:16px;border-radius:40px;cursor:pointer;}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center;z-index:1000;}.modal-content{background:#1f2e1f;border:3px solid #7fb078;border-radius:20px;padding:20px;max-width:400px;width:90%;max-height:80vh;overflow-y:auto;color:#b8e0a8;position:relative;}.close-modal{position:absolute;top:10px;right:15px;font-size:28px;cursor:pointer;color:#e08585;}.bag-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:15px;}.bag-item{background:#2a402a;border:2px solid #6b8c5c;border-radius:12px;padding:10px;text-align:center;font-size:14px;}.bag-item button{background:#4e6b45;border:none;color:white;padding:5px 10px;margin:3px;border-radius:20px;font-size:12px;cursor:pointer;}.equip-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:15px 0;}.equip-item{background:#2a402a;border:2px solid #6b8c5c;border-radius:12px;padding:10px;text-align:center;cursor:pointer;transition:all 0.2s;}.equip-item:hover{background:#3a503a;border-color:#97b58f;transform:translateY(-2px);}.equip-part{color:#d4edc9;font-weight:bold;font-size:14px;border-bottom:1px solid #6b8c5c;padding-bottom:5px;margin-bottom:5px;}.equip-name{color:#97b58f;font-size:16px;margin:5px 0;}.equip-attr{color:#b8d9b0;font-size:12px;}.equip-empty{color:#6b8c5c;font-size:14px;padding:10px;}.bag-item{position:relative;padding-bottom:30px;}.item-name{color:#d4edc9;font-weight:bold;font-size:14px;}.item-type{color:#97b58f;font-size:12px;margin:2px 0;}.item-attrs{color:#b8d9b0;font-size:11px;}.item-level{color:#e08585;font-size:10px;}.item-desc{color:#6b8c5c;font-size:10px;margin:2px 0;}.wear-btn{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);background:#3f6b37;border:none;color:white;padding:3px 10px;border-radius:15px;font-size:11px;cursor:pointer;width:auto;}.wear-btn:hover{background:#5e7c55;}.skill-item{cursor:pointer;transition:all 0.2s;}.skill-item:hover{background:#3a503a !important;border-color:#97b58f !important;transform:translateY(-2px);}.skill-item button{background:#3f6b37;border:none;color:white;padding:5px 15px;border-radius:20px;cursor:pointer;font-size:12px;}.skill-item button:hover{background:#5e7c55;}.bag-item.equip-item{border-color:#6b8c5c;}.bag-item.consumable-item{border-color:#5c8c8c;}.bag-item.material-item{border-color:#8c8c5c;}.item-count{color:#e08585;font-size:12px;margin-left:5px;}.item-actions{display:flex;gap:5px;justify-content:center;margin-top:8px;}.item-btn{border:none;color:white;padding:3px 8px;border-radius:15px;font-size:11px;cursor:pointer;flex:1;}.wear-btn{background:#3f6b37;}.use-btn{background:#376b6b;}.recycle-btn{background:#6b3737;}.wear-btn:hover{background:#5e7c55;}.use-btn:hover{background:#558c8c;}.recycle-btn:hover{background:#8c5555;}.filter-btn.active{background:#5e7c55;transform:translateY(2px);}.item-name{color:#d4edc9;font-weight:bold;font-size:14px;margin-bottom:3px;}.item-type{color:#97b58f;font-size:11px;margin-bottom:2px;}.item-attrs{color:#b8d9b0;font-size:10px;margin:2px 0;}.item-level{color:#e08585;font-size:9px;}.item-desc{color:#6b8c5c;font-size:9px;margin:2px 0;}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;}input,textarea,select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}
body.theme-blue{background:linear-gradient(180deg,#4a90d9 0%,#6ba3e0 50%,#7eb3e8 100%);color:#2c5282;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;}body.theme-blue .container{background:#ffffff;border:none;border-radius:24px;box-shadow:0 8px 32px rgba(0,0,0,0.15);padding:16px;}body.theme-blue .status-bar{background:#f0f7ff;border:2px solid #c9e0f5;border-radius:16px;padding:6px 10px;display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:4px 8px;}body.theme-blue .status-item{background:transparent;border:none;border-radius:0;color:#2c5282;font-weight:500;box-shadow:none;padding:2px 0;text-align:left;display:flex;align-items:center;gap:4px;}body.theme-blue .battle-visual{background:linear-gradient(145deg,#f0f7ff,#e6f0fa);border:2px solid #c9e0f5;border-radius:20px;box-shadow:inset 0 2px 8px rgba(74,144,217,0.1);}body.theme-blue .unit-card{background:#ffffff;border:2px solid #4a90d9;border-radius:30px;box-shadow:0 4px 12px rgba(74,144,217,0.2);}body.theme-blue .unit-card.damage-flash{background-color:#fff5f5;border-color:#fc8181;}body.theme-blue .enemy-card{background:#fff5f5;border-color:#fc8181;}body.theme-blue .enemy-card:hover{border-color:#f56565;box-shadow:0 0 16px rgba(245,101,101,0.4);}body.theme-blue .enemy-card.active{border-color:#48bb78;box-shadow:0 0 16px rgba(72,187,120,0.5);}body.theme-blue .unit-avatar{background:linear-gradient(145deg,#4a90d9,#3182ce);border:2px solid #63b3ed;color:white;}body.theme-blue .unit-name{color:#2c5282;font-weight:600;}body.theme-blue .unit-hp-bar{background:#e2e8f0;border-radius:4px;}body.theme-blue .unit-hp-fill{background:linear-gradient(90deg,#48bb78,#68d391);border-radius:4px;}body.theme-blue .unit-hp-text{color:#718096;}body.theme-blue .vs-divider{color:#4a90d9;text-shadow:0 0 10px rgba(74,144,217,0.5);font-weight:bold;}body.theme-blue .message-bar{background:#f0f7ff;border:2px solid #c9e0f5;border-radius:30px;padding:6px;}body.theme-blue .message-btn,body.theme-blue .message-link{background:#ffffff;border:2px solid #c9e0f5;color:#4a90d9;font-weight:500;border-radius:20px;transition:all 0.2s;}body.theme-blue .message-btn:hover,body.theme-blue .message-link:hover{background:#4a90d9;border-color:#4a90d9;color:#ffffff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(74,144,217,0.3);}body.theme-blue .message-link:visited{color:#4a90d9;}body.theme-blue .message-link:hover:visited{color:#ffffff;}body.theme-blue .guide-btn{background:linear-gradient(145deg,#ffd700,#ffb347);border:2px solid #ffa500;color:#8b4513;box-shadow:0 4px 12px rgba(255,165,0,0.3);animation:guideBtnGlowBlue 2s ease-in-out infinite;}body.theme-blue .guide-btn:hover{background:linear-gradient(145deg,#ffed4a,#ffd700);border-color:#ff8c00;color:#8b4513;box-shadow:0 6px 16px rgba(255,140,0,0.4);}@keyframes guideBtnGlowBlue{0%,100%{box-shadow:0 4px 12px rgba(255,165,0,0.3);}50%{box-shadow:0 6px 20px rgba(255,165,0,0.5);}}body.theme-blue .game-window{background:#f7fafc;border:2px solid #c9e0f5;border-radius:16px;box-shadow:inset 0 2px 8px rgba(0,0,0,0.05);}body.theme-blue .map-description{color:#2c5282;border-bottom:2px dashed #c9e0f5;font-weight:600;}body.theme-blue .log-area{background:#1a202c;color:#e2e8f0;border-radius:10px;padding:10px;font-size:12px;line-height:1.6;}body.theme-blue .announcement-bar{background:linear-gradient(90deg,#ebf8ff,#bee3f8,#ebf8ff);border:2px solid #63b3ed;border-radius:12px;}body.theme-blue .announcement-bar:hover{border-color:#4299e1;box-shadow:0 4px 12px rgba(66,153,225,0.2);}body.theme-blue .announcement-bar .ann-icon{color:#3182ce;}body.theme-blue .announcement-bar .ann-title{color:#2c5282;font-weight:500;}body.theme-blue .announcement-bar .ann-new{background:#fc8181;animation:none;}body.theme-blue .announcement-item{background:#f7fafc;border:1px solid #e2e8f0;}body.theme-blue .announcement-item.top{border-color:#ffd700;background:#fffbf0;}body.theme-blue .announcement-item .ann-title{color:#2c5282;}body.theme-blue .announcement-item .ann-time{color:#a0aec0;}body.theme-blue .announcement-item .ann-content{color:#4a5568;}body.theme-blue .action-bar{background:#f0f7ff;border:2px solid #c9e0f5;border-radius:20px;}body.theme-blue .move-buttons{gap:8px;margin-bottom:12px;}body.theme-blue .main-buttons{gap:8px;}body.theme-blue .action-btn{background:linear-gradient(145deg,#5ba3ec,#4a90d9);border:2px solid #63b3ed;color:#ffffff;font-weight:600;border-radius:25px;box-shadow:0 4px 12px rgba(74,144,217,0.3);transition:all 0.2s;}body.theme-blue .action-btn:active{background:linear-gradient(145deg,#3182ce,#2c5282);transform:translateY(2px);box-shadow:0 2px 6px rgba(74,144,217,0.2);}body.theme-blue .attack-circle-btn{position:absolute;right:50px;top:10px;background:linear-gradient(145deg,#fc8181,#f56565);border:3px solid #feb2b2;box-shadow:0 6px 20px rgba(245,101,101,0.4);}body.theme-blue .attack-circle-btn:active{box-shadow:0 3px 10px rgba(245,101,101,0.3);}body.theme-blue .auto-attack-btn{position:absolute;right:0;bottom:12px;width:42px;height:42px;background:linear-gradient(145deg,#a0aec0,#718096);border:2px solid #cbd5e0;color:#ffffff;}body.theme-blue .auto-attack-btn.active{background:linear-gradient(145deg,#48bb78,#38a169);border-color:#68d391;box-shadow:0 0 12px rgba(72,187,120,0.5);}body.theme-blue .eat-pill-btn{background:linear-gradient(145deg,#68d391,#48bb78);border:2px solid #9ae6b4;color:white;border-radius:12px;font-size:12px;font-weight:bold;padding:4px 10px;cursor:pointer;}body.theme-blue .map-modal{background:rgba(26,32,44,0.7);backdrop-filter:blur(4px);}body.theme-blue .map-panel{background:#ffffff;border:none;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,0.3);color:#2d3748;}body.theme-blue .map-panel h3{color:#2c5282;}body.theme-blue .map-current{background:linear-gradient(145deg,#ebf8ff,#bee3f8);border:2px solid #63b3ed;border-radius:16px;}body.theme-blue .map-current .name{color:#2c5282;}body.theme-blue .map-current .desc{color:#4a5568;}body.theme-blue .map-item{background:#f7fafc;border:2px solid #e2e8f0;border-radius:16px;transition:all 0.2s;}body.theme-blue .map-item:hover{border-color:#63b3ed;transform:translateY(-2px);box-shadow:0 4px 12px rgba(99,179,237,0.2);}body.theme-blue .map-item.current{border-color:#ffd700;background:#fffbf0;}body.theme-blue .map-item .name{color:#2c5282;font-weight:600;}body.theme-blue .map-item .desc{color:#718096;}body.theme-blue .map-item button{background:linear-gradient(145deg,#5ba3ec,#4a90d9);border:none;color:white;border-radius:20px;font-weight:500;padding:8px 16px;transition:all 0.2s;}body.theme-blue .map-item button:hover{background:linear-gradient(145deg,#4299e1,#3182ce);transform:translateY(-1px);box-shadow:0 4px 12px rgba(66,153,225,0.3);}body.theme-blue .map-item button.disabled{background:#cbd5e0;cursor:not-allowed;}body.theme-blue .modal{background:rgba(26,32,44,0.7);backdrop-filter:blur(4px);}body.theme-blue .modal-content{background:#ffffff;border:none;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,0.3);color:#2d3748;}body.theme-blue .close-modal{color:#a0aec0;font-size:24px;}body.theme-blue .close-modal:hover{color:#4a5568;}body.theme-blue .bag-grid{gap:12px;}body.theme-blue .bag-item{background:#f7fafc;border:2px solid #e2e8f0;border-radius:14px;transition:all 0.2s;}body.theme-blue .bag-item:hover{border-color:#63b3ed;transform:translateY(-2px);box-shadow:0 4px 12px rgba(99,179,237,0.2);}body.theme-blue .item-name{color:#2c5282;font-weight:600;}body.theme-blue .item-type{color:#4a5568;}body.theme-blue .item-attrs{color:#718096;}body.theme-blue .item-level{color:#e53e3e;font-weight:500;}body.theme-blue .item-desc{color:#a0aec0;}body.theme-blue .item-count{color:#e53e3e;font-weight:600;}body.theme-blue .item-btn{border-radius:12px;font-weight:500;transition:all 0.2s;}body.theme-blue .wear-btn{background:linear-gradient(145deg,#5ba3ec,#4a90d9);}body.theme-blue .wear-btn:hover{background:linear-gradient(145deg,#4299e1,#3182ce);}body.theme-blue .use-btn{background:linear-gradient(145deg,#4fd1c5,#38b2ac);}body.theme-blue .use-btn:hover{background:linear-gradient(145deg,#319795,#2c7a7b);}body.theme-blue .recycle-btn{background:linear-gradient(145deg,#fc8181,#f56565);}body.theme-blue .recycle-btn:hover{background:linear-gradient(145deg,#e53e3e,#c53030);}body.theme-blue .equip-grid{gap:12px;}body.theme-blue .equip-item{background:#f7fafc;border:2px solid #e2e8f0;border-radius:14px;}body.theme-blue .equip-item:hover{background:#ffffff;border-color:#63b3ed;box-shadow:0 4px 12px rgba(99,179,237,0.2);}body.theme-blue .equip-part{color:#2c5282;border-bottom:2px solid #e2e8f0;font-weight:600;}body.theme-blue .equip-name{color:#4a5568;font-weight:500;}body.theme-blue .equip-attr{color:#718096;}body.theme-blue .equip-empty{color:#a0aec0;}body.theme-blue .skill-item{background:#f7fafc !important;border:2px solid #e2e8f0 !important;}body.theme-blue .skill-item:hover{background:#ffffff !important;border-color:#63b3ed !important;}body.theme-blue .skill-item button{background:linear-gradient(145deg,#5ba3ec,#4a90d9);border-radius:16px;font-weight:500;}body.theme-blue .skill-item button:hover{background:linear-gradient(145deg,#4299e1,#3182ce);}body.theme-blue .filter-btn.active{background:linear-gradient(145deg,#4299e1,#3182ce) !important;color:white !important;}body.theme-blue .login-overlay{background:rgba(26,32,44,0.8);backdrop-filter:blur(4px);}body.theme-blue .login-box{background:#ffffff;border:none;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,0.3);}body.theme-blue .login-box input{background:#f7fafc;border:2px solid #e2e8f0;color:#2d3748;border-radius:16px;text-align:left;padding-left:16px;transition:all 0.2s;}body.theme-blue .login-box input:focus{outline:none;border-color:#63b3ed;box-shadow:0 0 0 3px rgba(99,179,237,0.2);}body.theme-blue .login-btns button{background:linear-gradient(145deg,#5ba3ec,#4a90d9);border-radius:24px;font-weight:600;transition:all 0.2s;}body.theme-blue .login-btns button:hover{background:linear-gradient(145deg,#4299e1,#3182ce);transform:translateY(-1px);box-shadow:0 4px 12px rgba(66,153,225,0.3);}body.theme-blue .bag-item.equip-item{border-color:#63b3ed;}body.theme-blue .bag-item.consumable-item{border-color:#4fd1c5;}body.theme-blue .bag-item.material-item{border-color:#ecc94b;}body.theme-blue .drug-slot{background:#ffffff;border:2px solid #c9e0f5;border-radius:8px;box-shadow:0 2px 8px rgba(74,144,217,0.15);}body.theme-blue .drug-slot:hover{border-color:#63b3ed;box-shadow:0 4px 12px rgba(99,179,237,0.3);}body.theme-blue .drug-slot .drug-count{color:#e53e3e;text-shadow:none;font-weight:bold;}body.theme-blue .drug-slot .slot-number{color:#a0aec0;font-weight:500;}body.theme-blue .auto-drug-btn{position:absolute;right:0;top:12px;background:linear-gradient(145deg,#a0aec0,#718096);border:2px solid #cbd5e0;color:white;border-radius:8px;font-size:10px;font-weight:bold;width:40px;height:24px;box-shadow:0 2px 8px rgba(0,0,0,0.15);transition:all 0.2s;}body.theme-blue .auto-drug-btn:hover{background:linear-gradient(145deg,#718096,#4a5568);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.2);}body.theme-blue .auto-drug-btn.active{background:linear-gradient(145deg,#68d391,#48bb78);border-color:#9ae6b4;box-shadow:0 0 12px rgba(72,187,120,0.5);}body.theme-blue .auto-drug-btn.active:hover{background:linear-gradient(145deg,#48bb78,#38a169);}body.theme-blue .summon-card{background:#f0fff4;border-color:#68d391;}body.theme-blue .summon-card .unit-avatar{background:linear-gradient(145deg,#68d391,#48bb78);border-color:#9ae6b4;}body.theme-blue .enemy-list{display:flex;flex-direction:column;gap:6px;width:100%;}body.theme-blue .attack-btn-container{position:relative;margin:0 auto 10px;width:280px;height:90px;}body.theme-blue .damage-number{color:#f56565;text-shadow:0 0 8px rgba(245,101,101,0.6);}body.theme-blue .attack-effect{background:radial-gradient(circle,#fc8181,transparent 70%);}.theme-toggle-btn{position:fixed;top:16px;right:16px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.9);border:2px solid #e2e8f0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;z-index:9999;box-shadow:0 4px 12px rgba(0,0,0,0.15);transition:all 0.3s;}.theme-toggle-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,0.2);}body.theme-blue .theme-toggle-btn{background:rgba(255,255,255,0.95);border-color:#c9e0f5;}@media (max-width:500px){body.theme-blue .container{padding:12px;}body.theme-blue .status-bar{padding:6px;gap:4px;}body.theme-blue .action-btn{padding:6px 2px;font-size:11px;min-height:36px;}}body.theme-blue .modal-overlay{background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);}body.theme-blue .modal-container{background:#ffffff;border:2px solid #e2e8f0;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,0.15);}body.theme-blue .modal-header{background:linear-gradient(145deg,#f7fafc,#edf2f7);padding:14px 20px;border-bottom:2px solid #e2e8f0;}body.theme-blue .modal-header span{color:#2c5282;font-weight:600;font-size:16px;}body.theme-blue .modal-close{background:#fc8181;transition:all 0.2s;}body.theme-blue .modal-close:hover{background:#f56565;transform:scale(1.1);}body.theme-blue .modal-content-area{background:#f7fafc;}