@keyframes damageFloat{0%{opacity:1;transform:translate(-50%) translateY(0) scale(var(--scale, 1))}20%{transform:translate(-50%) translateY(-20px) scale(var(--scale, 1))}to{opacity:0;transform:translate(-50%) translateY(-60px) scale(var(--scale, 1))}}@keyframes critBurst{0%{transform:scale(.5);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(2);opacity:0}}@keyframes screenShake{0%,to{transform:translate(0)}10%{transform:translate(-3px,-3px)}20%{transform:translate(3px,3px)}30%{transform:translate(-3px,3px)}40%{transform:translate(3px,-3px)}50%{transform:translate(-2px,2px)}60%{transform:translate(2px,-2px)}70%{transform:translate(-1px,1px)}80%{transform:translate(1px,-1px)}90%{transform:translate(0)}}@keyframes shake{0%,to{transform:translate(0) scaleX(.95)}25%{transform:translate(-5px) scaleX(.95)}75%{transform:translate(5px) scaleX(.95)}}.animate-shake{animation:shake .2s ease-in-out}@keyframes barLunge{0%{transform:scaleX(1) translate(0)}50%{transform:scaleX(1.05) translate(10px)}to{transform:scaleX(1) translate(0)}}.animate-lunge{animation:barLunge .2s ease-out}@keyframes barRecoil{0%{transform:scaleX(1) translate(0)}50%{transform:scaleX(.95) translate(-10px)}to{transform:scaleX(1) translate(0)}}.animate-recoil{animation:barRecoil .2s ease-out}@keyframes flashWhite{0%,to{opacity:0}50%{opacity:.6}}.animate-flash-white{animation:flashWhite .1s ease-out}@keyframes flashRed{0%,to{opacity:0}50%{opacity:.6}}.animate-flash-red{animation:flashRed .1s ease-out}@keyframes skillPulse{0%,to{box-shadow:0 0 5px #ffd70080}50%{box-shadow:0 0 20px #ffd700cc,0 0 40px #ffd70066}}.animate-skill-pulse{animation:skillPulse 1s ease-in-out infinite}@keyframes queueActive{0%,to{transform:scale(1);box-shadow:0 0 #4ade8000}50%{transform:scale(1.1);box-shadow:0 0 20px #4ade8080}}.animate-queue-active{animation:queueActive .5s ease-in-out infinite}@keyframes progressFlow{0%{background-position:0 0}to{background-position:40px 0}}.animate-progress-flow{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px;animation:progressFlow 1s linear infinite}@keyframes lowHealthWarning{0%,to{opacity:.3}50%{opacity:.6}}.animate-low-health{animation:lowHealthWarning .5s ease-in-out infinite}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in-up{animation:slideInUp .3s ease-out}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.animate-fade-out-down{animation:fadeOutDown .3s ease-out forwards}.battle-scene.critical-hit{animation:screenShake .3s ease-in-out}.battle-demo{position:relative;width:100%;max-width:900px;min-height:500px;margin:0 auto;background:linear-gradient(180deg,#1a1a2e,#16213e,#0f0f23);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;font-family:Microsoft YaHei,PingFang SC,sans-serif}.battle-demo__damage-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100}.battle-demo__field{flex:1;display:flex;align-items:center;justify-content:space-between;padding:40px 60px;gap:40px}.battle-demo__side{flex:1;display:flex;flex-direction:column;align-items:center;gap:20px}.battle-demo__side--player{align-items:flex-start}.battle-demo__side--enemy{align-items:flex-end}.battle-demo__vs{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%)}.battle-demo__vs-text{font-size:48px;font-weight:900;color:#ff6b6b;text-shadow:0 0 10px #ff6b6b,0 0 20px #ff6b6b,0 0 40px #ff6b6b;opacity:.6;animation:vsPulse 2s ease-in-out infinite}@keyframes vsPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:1}}.health-bar__fill{position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:linear-gradient(180deg,#4ade80,#22c55e,#16a34a);border-radius:8px;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px #ffffff4d}.skill-item__cd{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#ef4444;border-radius:4px;font-size:12px;font-weight:700;color:#fff}.damage-float{position:absolute;pointer-events:none;font-family:Impact,Arial Black,sans-serif;font-weight:900;white-space:nowrap;z-index:100;animation:damageFloat 1.2s cubic-bezier(.25,.46,.45,.94) forwards}.damage-float--normal{color:#f44;text-shadow:0 0 5px #ff0000,0 0 10px #ff0000,0 2px 0 #990000}.damage-float--normal .damage-float__number{font-size:36px}.damage-float--crit{animation:damageFloatCrit 1.2s cubic-bezier(.25,.46,.45,.94) forwards}.damage-float--crit .damage-float__prefix{display:block;font-size:16px;color:#f60;text-align:center;margin-bottom:-5px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.damage-float--crit .damage-float__number{font-size:48px;color:gold;text-shadow:0 0 5px #ff8800,0 0 15px #ff6600,0 0 25px #ff4400,0 2px 0 #884400}.damage-float--heal{color:#0f6;text-shadow:0 0 5px #00ff00,0 0 10px #00ff00,0 2px 0 #006600}.damage-float--heal .damage-float__number{font-size:36px}.damage-float--miss{color:#fff;text-shadow:0 0 5px #aaaaaa,0 0 10px #666666,0 2px 0 #333333}.damage-float--miss .damage-float__number{font-size:28px;font-style:italic}@keyframes damageFloat{0%{transform:translate(-50%) scale(.5);opacity:0}10%{transform:translate(-50%,-20px) scale(1.2);opacity:1}20%{transform:translate(-50%,-30px) scale(1)}30%{transform:translate(-50%,-45px) scale(1.05)}40%{transform:translate(-50%,-55px) scale(1)}50%{transform:translate(-50%,-65px) scale(1.02)}60%{transform:translate(-50%,-70px) scale(1);opacity:1}85%{transform:translate(-50%,-90px) scale(1);opacity:.8}to{transform:translate(-50%,-120px) scale(.9);opacity:0}}@keyframes damageFloatCrit{0%{transform:translate(-50%) scale(.3);opacity:0}10%{transform:translate(-50%,-30px) scale(1.5);opacity:1}20%{transform:translate(-50%,-10px) scale(1.3)}30%{transform:translate(-50%,-50px) scale(1.4)}40%{transform:translate(-50%,-35px) scale(1.35)}50%{transform:translate(-50%,-60px) scale(1.4)}60%{transform:translate(-50%,-50px) scale(1.35);opacity:1}70%{transform:translate(-50%,-70px) scale(1.38)}85%{transform:translate(-50%,-80px) scale(1.3);opacity:.8}to{transform:translate(-50%,-140px) scale(1);opacity:0}}.battle-demo__controls{display:flex;justify-content:center;gap:12px;padding:20px;background:#0000004d;border-top:1px solid rgba(255,255,255,.1)}.battle-demo__btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;color:#fff}.battle-demo__btn:hover{transform:translateY(-2px)}.battle-demo__btn:active{transform:translateY(0)}.battle-demo__btn--attack{background:linear-gradient(180deg,#ef4444,#dc2626);box-shadow:0 4px #991b1b}.battle-demo__btn--attack:hover{box-shadow:0 6px #991b1b}.battle-demo__btn--heal{background:linear-gradient(180deg,#22c55e,#16a34a);box-shadow:0 4px #166534}.battle-demo__btn--heal:hover{box-shadow:0 6px #166534}.battle-demo__btn--miss{background:linear-gradient(180deg,#6b7280,#4b5563);box-shadow:0 4px #374151}.battle-demo__btn--reset{background:linear-gradient(180deg,#3b82f6,#2563eb);box-shadow:0 4px #1d4ed8}.battle-demo__note{padding:12px 20px;background:#00000080;text-align:center}.battle-demo__note p{margin:0;font-size:13px;color:#9ca3af}@media (max-width: 640px){.battle-demo__field{padding:20px 30px;gap:20px}.health-bar{max-width:200px}.health-bar__title{font-size:14px}.battle-demo__vs-text{font-size:32px}.skill-list{min-width:100px}.skill-item{padding:4px 8px;font-size:11px}.battle-demo__controls{flex-wrap:wrap;gap:8px}.battle-demo__btn{padding:10px 16px;font-size:12px}}.battle-view{position:relative;width:100%;height:100%;min-height:400px;display:flex;flex-direction:column;font-family:Microsoft YaHei,PingFang SC,sans-serif}.battle-view__damage-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100}.battle-view__field{flex:1;display:flex;align-items:center;justify-content:space-between;padding:40px 60px;gap:40px;position:relative}.battle-view__side{flex:1;display:flex;flex-direction:column;gap:20px}.battle-view__side--player{align-items:flex-start}.battle-view__side--enemy{align-items:flex-end;gap:8px;overflow-y:auto;max-height:100%;padding-right:4px}.monster-item{display:flex;flex-direction:column;gap:4px;width:100%}.battle-view__vs{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%)}.battle-view__vs-text{font-size:48px;font-weight:900;color:#ff6b6b;text-shadow:0 0 10px #ff6b6b,0 0 20px #ff6b6b,0 0 40px #ff6b6b;opacity:.6;animation:vsPulse 2s ease-in-out infinite}@keyframes vsPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}}.health-bar{width:100%;max-width:280px}.health-bar__name{display:flex;align-items:center;gap:8px;margin-bottom:6px}.health-bar__level{font-size:12px;color:gold;font-weight:700}.health-bar__title{font-size:16px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.health-bar--player .health-bar__title{color:#60a5fa}.health-bar--enemy .health-bar__title{color:#f87171}.health-bar__container{position:relative;height:24px;background:#2a0a0a;border-radius:12px;border:2px solid #444;overflow:hidden}.health-bar__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#5c1a1a,#3d0f0f)}.health-bar__fill{position:absolute;top:2px;left:2px;bottom:2px;background:linear-gradient(180deg,#4ade80,#22c55e,#16a34a);border-radius:8px;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px #ffffff4d}.health-bar__fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:healthShine 2s ease-in-out infinite}@keyframes healthShine{0%{transform:translate(-100%)}to{transform:translate(200%)}}.health-bar__text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9);font-family:Arial Black,Impact,sans-serif}.health-bar--compact{max-width:200px}.health-bar--compact .health-bar__name{margin-bottom:2px;gap:4px}.health-bar--compact .health-bar__level{font-size:10px}.health-bar--compact .health-bar__title{font-size:13px}.health-bar--compact .health-bar__container{height:16px;border-radius:8px}.health-bar--compact .health-bar__text{font-size:10px}.skill-list{display:flex;flex-direction:column;gap:6px;min-width:140px}.skill-item{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:#0006;border-radius:6px;border:1px solid rgba(255,255,255,.1);font-size:13px}.skill-item__name{color:#e5e7eb}.skill-item__cd{min-width:20px;height:20px;padding:0 4px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:12px;font-weight:700;color:#fff;background:#ef4444}.skill-item--ready .skill-item__cd{background:#22c55e}.skill-item--cooldown{opacity:.6}.skill-item--cooldown .skill-item__name{color:#9ca3af}.skill-list--compact{gap:2px;min-width:auto}.skill-item--compact{padding:2px 8px;font-size:11px;border-radius:4px}.skill-item--active{border-color:#fbbf24;background:#fbbf2433;box-shadow:0 0 10px #fbbf244d;animation:skillActivePulse .5s ease-out}@keyframes skillActivePulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.battle-view__logs{padding:12px 20px;background:#00000080;border-bottom:1px solid rgba(255,255,255,.1);max-height:120px;overflow:hidden}.battle-view__logs-content{display:flex;flex-direction:column;gap:4px}.battle-view__log-entry{font-size:13px;color:#e5e7eb;padding:4px 8px;background:#ffffff0d;border-radius:4px;border-left:3px solid #60a5fa;animation:logEntryFade .3s ease-out}@keyframes logEntryFade{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.damage-float{position:absolute;pointer-events:none;font-family:Impact,Arial Black,Microsoft YaHei,sans-serif;font-weight:900;white-space:nowrap;z-index:100;display:flex;flex-direction:column;align-items:center;will-change:transform,opacity;animation:damageBounce 1.2s cubic-bezier(.25,.46,.45,.94) forwards}.damage-float__prefix{display:block;font-size:18px;color:#f60;text-align:center;margin-bottom:-8px;text-shadow:0 1px 2px rgba(0,0,0,.8);animation:prefixPulse 1.2s ease-out forwards}@keyframes prefixPulse{0%{transform:scale(.5);opacity:0}20%{transform:scale(1.3);opacity:1}40%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.split-number{display:inline-flex;align-items:baseline}.digit{position:relative;display:inline-block;font-size:42px;font-weight:900;line-height:1;width:.65em;text-align:center;will-change:transform,opacity;transform:translateZ(0);animation:digitBounce .5s ease-out forwards;animation-delay:calc(var(--digit-index, 0) * 80ms)}.digit:before{content:attr(data-text);position:absolute;left:0;top:0;width:100%;text-align:center;color:transparent;-webkit-text-stroke:3.5px #ffffff;text-stroke:3.5px #ffffff;z-index:-1}.digit--normal{color:#ff1a1a;-webkit-text-stroke:2px #cc0000;text-stroke:2px #cc0000;text-shadow:1px 1px 2px rgba(0,0,0,.6)}.digit--crit{color:gold;-webkit-text-stroke:2px #cc6600;text-stroke:2px #cc6600;text-shadow:0 0 5px #ff8800,0 0 10px #ff6600,0 0 20px #ff4400,1px 1px 2px rgba(0,0,0,.6);font-size:52px}.digit--heal{color:#0f6;-webkit-text-stroke:2px #009933;text-stroke:2px #009933;text-shadow:0 0 5px #00ff00,0 0 10px #00cc00,1px 1px 2px rgba(0,0,0,.5)}.miss-text{font-size:32px;color:#fff;font-style:italic;text-shadow:-2px -2px 0 #666666,2px -2px 0 #666666,-2px 2px 0 #666666,2px 2px 0 #666666,0 0 10px rgba(255,255,255,.8);animation:missFade 1s ease-out forwards}@keyframes missFade{0%{transform:translate3d(-50%,0,0) scale(.8);opacity:0}20%{transform:translate3d(-50%,-20px,0) scale(1.1);opacity:1}to{transform:translate3d(-50%,-60px,0) scale(1);opacity:0}}.heal-wrapper{display:inline-flex;align-items:baseline}.heal-prefix{font-size:36px;color:#0f6;margin-right:2px}@keyframes damageBounce{0%{transform:translate3d(-50%,15px,0) scale(.5);opacity:0}20%{transform:translate3d(-50%,-10px,0) scale(1.15);opacity:1}40%{transform:translate3d(-50%,-50px,0) scale(1)}60%{transform:translate3d(-50%,-50px,0) scale(1);opacity:1}80%{transform:translate3d(-50%,0,0) scale(1.1,.85);opacity:.8}to{transform:translate3d(-50%,10px,0) scale(.9);opacity:0}}@keyframes digitBounce{0%{transform:translate3d(0,20px,0) scale(.3);opacity:0}30%{transform:translate3d(0,-35px,0) scale(1.2);opacity:1}50%{transform:translate3d(0,-45px,0) scale(1)}70%{transform:translate3d(0,-45px,0) scale(1);opacity:1}85%{transform:translate3d(0,5px,0) scale(1.05,.9);opacity:.5}to{transform:translate3d(0,10px,0) scale(.9);opacity:0}}.damage-float--crit{animation:damageBounceCrit 1.4s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes damageBounceCrit{0%{transform:translate3d(-50%,20px,0) scale(.3);opacity:0}15%{transform:translate3d(-50%,-40px,0) scale(1.4);opacity:1}30%{transform:translate3d(-50%,-20px,0) scale(1.2)}50%{transform:translate3d(-50%,-70px,0) scale(1.25)}70%{transform:translate3d(-50%,-60px,0) scale(1.2);opacity:1}85%{transform:translate3d(-50%,-10px,0) scale(1.15,.9);opacity:.8}to{transform:translate3d(-50%,10px,0) scale(.9);opacity:0}}.battle-view__status{padding:16px;text-align:center;background:#0000004d;border-top:1px solid rgba(255,255,255,.1)}.battle-view__status-text{font-size:14px;color:#fbbf24;animation:battleStatusPulse 1.5s ease-in-out infinite}@keyframes battleStatusPulse{0%,to{opacity:.6}50%{opacity:1}}.battle-view__teammates{display:flex;flex-direction:column;gap:8px;margin-top:16px;padding-top:12px;border-top:1px dashed rgba(96,165,250,.3)}.teammate-item{display:flex;flex-direction:column;gap:4px}.teammate-item .health-bar__title{color:#a78bfa;font-size:13px}.teammate-item .health-bar__level{color:#c4b5fd;font-size:10px}@media (max-width: 640px){.battle-view__field{padding:20px 30px;gap:20px}.health-bar{max-width:200px}.health-bar__title{font-size:14px}.battle-view__vs-text{font-size:32px}.skill-list{min-width:100px}.skill-item{padding:4px 8px;font-size:11px}.digit{font-size:32px}.digit--crit{font-size:40px}}.character-container{padding:0;max-width:1400px;margin:0 auto}.character-grid{display:grid;grid-template-columns:280px 1fr 280px;gap:16px;padding:16px}.character-panel{background:var(--panel-bg, #1e1e2e);border-radius:12px;padding:16px;border:1px solid var(--border-color, #313244)}.character-panel h3{margin:0 0 16px;font-size:16px;color:var(--text-primary, #cdd6f4);padding-bottom:12px;border-bottom:1px solid var(--border-color, #313244)}.character-info-panel .info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-color, #313244)}.character-info-panel .info-row:last-of-type{border-bottom:none}.character-info-panel .info-label{color:var(--text-secondary, #a6adc8);font-size:14px}.character-info-panel .info-value{color:var(--text-primary, #cdd6f4);font-weight:500}.character-info-panel .character-name{font-weight:600;color:#f38ba8}.character-info-panel .realm-name{color:#fab387}.character-info-panel .realm-bonus{color:#a6e3a1}.exp-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color, #313244)}.exp-label{display:flex;justify-content:space-between;font-size:13px;color:var(--text-secondary, #a6adc8);margin-bottom:6px}.progress-bar{height:8px;background:var(--bg-secondary, #313244);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#89b4fa,#b4befe);border-radius:4px;transition:width .3s ease}.resources-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color, #313244)}.resources-section h4{margin:0 0 12px;font-size:14px;color:var(--text-secondary, #a6adc8)}.resource-row{display:flex;align-items:center;gap:8px;padding:8px 0}.resource-icon{font-size:16px}.resource-name{flex:1;font-size:14px;color:var(--text-secondary, #a6adc8)}.resource-value{font-weight:600;color:var(--text-primary, #cdd6f4)}.resource-value.highlight{color:#fab387}.available-points-banner{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#fab38726,#fab3870d);border:1px solid rgba(250,179,135,.3);border-radius:8px;padding:12px 16px;margin-bottom:16px}.points-label{font-size:14px;color:var(--text-secondary, #a6adc8)}.points-value{font-size:20px;font-weight:700;color:#fab387}.attributes-list{display:flex;flex-direction:column;gap:8px}.attributes-list-header{display:grid;grid-template-columns:24px 80px 50px 50px 50px 32px;gap:8px;padding:8px;font-size:12px;color:var(--text-secondary, #a6adc8);border-bottom:1px solid var(--border-color, #313244)}.attribute-item{display:grid;grid-template-columns:24px 80px 50px 50px 50px 32px;gap:8px;align-items:center;padding:10px 8px;background:var(--bg-secondary, #252536);border-radius:8px;transition:background .2s}.attribute-item:hover{background:var(--bg-hover, #313244)}.attr-icon{font-size:16px;text-align:center}.attr-info{display:flex;flex-direction:column;gap:2px}.attr-name{font-weight:500;color:var(--text-primary, #cdd6f4);font-size:14px}.attr-desc{font-size:11px;color:var(--text-tertiary, #6c7086)}.attr-base,.attr-allocated,.attr-total{font-size:14px;text-align:center}.attr-base{color:var(--text-secondary, #a6adc8)}.attr-allocated{color:#a6e3a1}.attr-allocated.has-points{color:#fab387;font-weight:600}.attr-total{color:var(--text-primary, #cdd6f4);font-weight:600}.btn-allocate{width:28px;height:28px;border-radius:6px;border:none;background:#89b4fa;color:#1e1e2e;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-allocate:hover:not(:disabled){background:#b4befe;transform:scale(1.05)}.btn-allocate:disabled{background:var(--bg-tertiary, #45475a);color:var(--text-tertiary, #6c7086);cursor:not-allowed}.combat-stats{display:flex;flex-direction:column;gap:12px}.combat-stat-row{display:flex;align-items:center;padding:12px;background:var(--bg-secondary, #252536);border-radius:8px;transition:background .2s}.combat-stat-row:hover{background:var(--bg-hover, #313244)}.combat-stat-row .stat-icon{font-size:20px;margin-right:12px;width:24px;text-align:center}.combat-stat-row .stat-name{flex:1;font-size:14px;color:var(--text-secondary, #a6adc8)}.combat-stat-row .stat-value{font-size:18px;font-weight:600;color:var(--text-primary, #cdd6f4)}.combat-formula-hint{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color, #313244)}.combat-formula-hint h4{margin:0 0 10px;font-size:13px;color:var(--text-secondary, #a6adc8)}.combat-formula-hint ul{margin:0;padding-left:16px;list-style:none}.combat-formula-hint li{font-size:12px;color:var(--text-tertiary, #6c7086);padding:3px 0}.allocate-modal{max-width:300px;text-align:center}.allocate-modal .modal-desc{color:var(--text-secondary, #a6adc8);margin-bottom:16px}.points-input{flex:1;padding:10px;font-size:18px;text-align:center;border:1px solid var(--border-color, #313244);border-radius:8px;background:var(--bg-secondary, #252536);color:var(--text-primary, #cdd6f4)}.btn-max{padding:10px 16px;background:#585b70;color:var(--text-primary, #cdd6f4);border:none;border-radius:8px;cursor:pointer;font-weight:500}.btn-max:hover{background:#6c7086}.available-hint{color:var(--text-secondary, #a6adc8);font-size:14px;margin-bottom:12px}.available-hint .highlight{color:#fab387;font-weight:600}.modal-actions{display:flex;gap:8px;margin-top:16px}.btn-cancel,.btn-confirm{flex:1;padding:10px;border-radius:8px;border:none;cursor:pointer;font-weight:500;transition:all .2s}.error-msg{color:#f38ba8;font-size:13px;margin-top:8px}@media (max-width: 1024px){.character-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.character-info-panel{grid-column:1;grid-row:1}.character-attributes-panel{grid-column:1 / -1;grid-row:2}.character-combat-panel{grid-column:2;grid-row:1}}.skill-categories-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color, #313244)}.skill-categories-section h4{margin:0 0 12px;font-size:13px;color:var(--text-secondary, #a6adc8)}.skill-category-list{display:flex;flex-direction:column;gap:8px}.skill-category-item{display:flex;align-items:center;padding:10px 12px;background:var(--bg-secondary, #252536);border-radius:8px;transition:background .2s}.skill-category-item:hover{background:var(--bg-hover, #313244)}.skill-category-item .skill-cat-icon{font-size:18px;margin-right:10px;width:24px;text-align:center}.skill-category-item .skill-cat-name{flex:1;font-size:14px;color:var(--text-primary, #cdd6f4)}.skill-category-item .skill-cat-level{font-size:13px;color:var(--text-secondary, #a6adc8);margin-right:12px}.skill-category-item .skill-cat-bonus{font-size:14px;font-weight:600;color:#a6e3a1;min-width:60px;text-align:right}@media (max-width: 640px){.character-grid{grid-template-columns:1fr;gap:12px;padding:12px}.character-info-panel,.character-attributes-panel,.character-combat-panel{grid-column:1}.character-info-panel{grid-row:1}.character-combat-panel{grid-row:2}.character-attributes-panel{grid-row:3}.attributes-list-header{display:none}.attribute-item{grid-template-columns:32px 1fr 60px 40px;grid-template-rows:auto auto;gap:4px 12px}.attribute-item .attr-icon{grid-row:1 / 3;font-size:20px}.attribute-item .attr-info{grid-column:2;grid-row:1}.attribute-item .attr-base,.attribute-item .attr-allocated,.attribute-item .attr-total{display:none}.attribute-item .btn-allocate{grid-column:3 / 5;grid-row:1 / 3;width:100%;height:40px}}.tooltip-container{position:relative;display:inline-block;cursor:help}.tooltip-popup{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#1e1e2efa;border:1px solid #585b70;border-radius:8px;padding:12px 16px;min-width:200px;z-index:1000;box-shadow:0 4px 20px #00000080;font-size:13px;line-height:1.6;color:#cdd6f4;white-space:pre-line}.tooltip-popup:after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border-width:6px;border-style:solid;border-color:#585b70 transparent transparent transparent}.tooltip-popup div{padding:2px 0}.tooltip-popup div:last-child{color:#a6e3a1;font-weight:700;margin-top:4px;padding-top:4px;border-top:1px dashed #585b70}.profession-section{margin:0 16px 16px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px}.profession-section h3{margin:0 0 12px;font-size:14px;color:#cdd6f4;font-weight:600}.profession-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.profession-item{display:flex;flex-direction:column;gap:4px}.prof-header{display:flex;align-items:center;gap:4px}.prof-icon{font-size:14px}.prof-name{font-size:12px;font-weight:600;flex:1}.prof-level{font-size:11px;color:#a6adc8}.prof-bar-bg{height:4px;background:#0006;border-radius:2px;overflow:hidden}.prof-bar-fill{height:100%;border-radius:2px;transition:width .4s ease}.prof-exp{font-size:10px;color:#585b70;text-align:right}@media (max-width: 900px){.profession-row{grid-template-columns:repeat(3,1fr)}}.settings-container{padding:0;max-width:800px;margin:0 auto}.settings-grid{display:grid;gap:16px;padding:16px}.settings-panel{background:var(--panel-bg, #1e1e2e);border-radius:12px;padding:20px;border:1px solid var(--border-color, #313244)}.settings-panel h3{margin:0 0 16px;font-size:16px;color:var(--text-primary, #cdd6f4);padding-bottom:12px;border-bottom:1px solid var(--border-color, #313244)}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.setting-row:first-of-type{padding-top:0}.setting-info{display:flex;flex-direction:column;gap:4px}.setting-name{font-size:15px;font-weight:500;color:var(--text-primary, #cdd6f4)}.setting-desc{font-size:13px;color:var(--text-secondary, #a6adc8)}.setting-divider{height:1px;background:var(--border-color, #313244);margin:8px 0}.mode-toggle{padding:8px 16px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.mode-toggle.auto{background:#a6e3a1;color:#1e1e2e}.mode-toggle.manual{background:#fab387;color:#1e1e2e}.mode-toggle:hover{opacity:.9;transform:scale(1.02)}.toggle-switch{width:50px;height:26px;border-radius:13px;border:none;background:var(--bg-tertiary, #45475a);position:relative;cursor:pointer;transition:background .2s;padding:0}.toggle-switch.on{background:#a6e3a1}.toggle-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0000004d}.toggle-switch.on .toggle-thumb{transform:translate(24px)}.auto-allocate-preview-section{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:12px;background:var(--bg-secondary, #252536);border-radius:8px;flex-wrap:wrap;gap:8px}.auto-allocate-preview{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--text-secondary, #a6adc8)}.preview-item{display:flex;align-items:center;gap:2px}.btn-config{padding:6px 12px;background:#89b4fa;color:#1e1e2e;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-config:hover{background:#b4befe}.control-buttons{display:flex;flex-direction:column;gap:12px}.btn-control{padding:14px 20px;border-radius:10px;border:none;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-control:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.btn-primary{background:#89b4fa;color:#1e1e2e}.btn-primary:hover{background:#b4befe}.btn-secondary{background:#585b70;color:var(--text-primary, #cdd6f4)}.btn-secondary:hover{background:#6c7086}.btn-danger{background:#f38ba8;color:#1e1e2e}.btn-danger:hover{background:#f5c2e7}.auto-allocate-config-modal{max-width:320px}.auto-allocate-config-modal .modal-desc{color:var(--text-secondary, #a6adc8);margin-bottom:16px;font-size:14px}.auto-allocate-form{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.auto-allocate-row{display:grid;grid-template-columns:28px 1fr 60px 24px;gap:10px;align-items:center;padding:8px 12px;background:var(--bg-secondary, #252536);border-radius:8px}.auto-allocate-icon{font-size:16px;text-align:center}.auto-allocate-name{font-size:14px;color:var(--text-primary, #cdd6f4)}.auto-allocate-input{width:100%;padding:6px 8px;font-size:14px;text-align:center;border:1px solid var(--border-color, #313244);border-radius:6px;background:var(--bg-tertiary, #313244);color:var(--text-primary, #cdd6f4)}.auto-allocate-unit{font-size:13px;color:var(--text-secondary, #a6adc8)}.auto-allocate-total{text-align:center;padding:10px;border-radius:8px;font-weight:500;margin-bottom:8px}.auto-allocate-total.valid{background:#a6e3a126;color:#a6e3a1}.auto-allocate-total.invalid{background:#f38ba826;color:#f38ba8}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--panel-bg, #1e1e2e);border-radius:16px;padding:24px;width:100%;max-width:400px;border:1px solid var(--border-color, #313244);box-shadow:0 20px 60px #00000080}.modal-content h3{margin:0 0 16px;font-size:18px;color:var(--text-primary, #cdd6f4);text-align:center}.modal-actions{display:flex;gap:10px;margin-top:20px}.btn-cancel,.btn-confirm{flex:1;padding:10px;border-radius:8px;border:none;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s}.btn-cancel{background:var(--bg-secondary, #313244);color:var(--text-secondary, #a6adc8)}.btn-cancel:hover{background:var(--bg-hover, #45475a)}.btn-confirm{background:#89b4fa;color:#1e1e2e}.btn-confirm:hover:not(:disabled){background:#b4befe}.btn-confirm:disabled{background:var(--bg-tertiary, #45475a);color:var(--text-tertiary, #6c7086);cursor:not-allowed}.error-msg{color:#f38ba8;font-size:13px;text-align:center;margin-top:8px}.offline-panel{background:linear-gradient(135deg,var(--panel-bg, #1e1e2e) 0%,#252536 100%)}.offline-status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px;background:#89b4fa1a;border-radius:12px;border:1px solid rgba(137,180,250,.2)}.offline-hours-main{display:flex;align-items:baseline;gap:4px}.offline-hours-current{font-size:36px;font-weight:700;color:#89b4fa;line-height:1}.offline-hours-unit{font-size:16px;color:var(--text-secondary, #a6adc8)}.offline-hours-detail{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.offline-base{font-size:13px;color:var(--text-secondary, #a6adc8)}.offline-bonus{font-size:13px;color:#a6e3a1;font-weight:500}.offline-progress-section{margin-bottom:20px}.offline-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;color:var(--text-secondary, #a6adc8)}.offline-progress-header .maxed{color:#f38ba8;font-weight:500}.offline-progress-bar{height:8px;background:var(--bg-tertiary, #313244);border-radius:4px;overflow:hidden}.offline-progress-fill{height:100%;background:linear-gradient(90deg,#89b4fa,#b4befe);border-radius:4px;transition:width .3s ease}.offline-progress-fill.maxed{background:linear-gradient(90deg,#f38ba8,#f5c2e7)}.offline-exp-preview{margin-top:8px;font-size:13px;color:#a6e3a1;text-align:center}.offline-boosts-list{margin-bottom:20px}.offline-boosts-list h4{margin:0 0 12px;font-size:14px;color:var(--text-primary, #cdd6f4)}.boost-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-secondary, #252536);border-radius:8px;margin-bottom:8px}.boost-source{font-size:13px;color:var(--text-secondary, #a6adc8)}.boost-value{font-size:13px;color:#a6e3a1;font-weight:500}.boost-expire{font-size:12px;color:var(--text-tertiary, #6c7086)}.offline-info{padding:12px;background:#f5c2e71a;border-radius:8px;border-left:3px solid #f5c2e7}.offline-info p{margin:0 0 4px;font-size:12px;color:var(--text-secondary, #a6adc8)}.offline-info p:last-child{margin-bottom:0}@media (max-width: 640px){.settings-grid{padding:12px}.settings-panel{padding:16px}.setting-row{flex-direction:column;align-items:flex-start;gap:12px}.auto-allocate-preview-section{flex-direction:column;align-items:flex-start}.auto-allocate-preview{width:100%}.btn-config{width:100%;margin-top:8px}.offline-status-header{flex-direction:column;gap:12px;text-align:center}.offline-hours-detail{align-items:center}.boost-item{flex-direction:column;gap:4px;align-items:flex-start}}.crafting-progress-panel{background:linear-gradient(135deg,#ff64001a,#ff32001a);border:2px solid rgba(255,100,0,.5)}.crafting-progress-panel h3{color:#f60;margin-bottom:15px}.crafting-status{display:flex;flex-direction:column;gap:15px}.crafting-equipment-info{display:flex;align-items:center;gap:15px}.crafting-icon{font-size:3rem}.crafting-details{display:flex;flex-direction:column;gap:5px}.crafting-name{font-size:1.2rem;font-weight:700;color:#fff}.crafting-time{color:#f96;font-size:.9rem}.crafting-progress-bar{height:12px;background:#0000004d;border-radius:6px;overflow:hidden;position:relative}.crafting-progress-fill{height:100%;background:linear-gradient(90deg,#f60,#f96);border-radius:6px;transition:width .3s ease;box-shadow:0 0 10px #ff660080}.crafting-percentage{text-align:center;color:#f96;font-weight:700}.rarity-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:15px}.rarity-option{display:flex;flex-direction:column;align-items:center;padding:15px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .3s}.rarity-option:hover:not(.disabled){transform:translateY(-2px);background:#ffffff1a}.rarity-option.selected{border-color:#d4af37;background:#d4af371a}.rarity-option.disabled{opacity:.5;cursor:not-allowed}.rarity-name{font-weight:700;margin-bottom:5px}.rarity-count{color:#888;font-size:.9rem}.rarity-required{color:#666;font-size:.8rem;margin-top:5px}.craft-config{display:flex;flex-direction:column;gap:15px}.config-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}.config-label{color:#888}.config-value{font-weight:700;color:#fff}.config-value.error{color:#f44}.count-controls{display:flex;align-items:center;gap:10px}.count-btn{width:36px;height:36px;border:none;background:#ffffff1a;color:#fff;border-radius:6px;cursor:pointer;font-size:1.2rem;transition:all .3s}.count-btn:hover:not(:disabled){background:#fff3}.count-btn:disabled{opacity:.3;cursor:not-allowed}.count-btn.max-btn{width:auto;padding:0 15px;font-size:.9rem}.count-input{width:60px;height:36px;text-align:center;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:1rem}.probability-info{display:flex;flex-direction:column;gap:12px}.prob-row{display:flex;align-items:center;gap:10px;padding:8px 0}.prob-label{color:#888;min-width:100px}.prob-value{font-weight:700}.prob-value.highlight{color:#d4af37}.prob-desc{color:#666;font-size:.9rem}.craft-actions{display:flex;flex-direction:column;align-items:center;gap:15px}.btn-craft{padding:15px 40px;background:linear-gradient(135deg,#f60,#f96);border:none;border-radius:8px;color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s}.btn-craft:hover:not(:disabled){transform:scale(1.05);box-shadow:0 5px 20px #ff660080}.btn-craft:disabled{opacity:.5;cursor:not-allowed}.btn-crafting{padding:15px 40px;background:#6464644d;border:none;border-radius:8px;color:#888;font-size:1.2rem;cursor:not-allowed}.craft-error{color:#f44;font-size:.9rem}.craft-warning{color:#f96;font-size:.9rem}.alchemy-rules{color:#aaa;line-height:1.8}.alchemy-rules p{margin:8px 0}.fragment-craft-list{display:flex;flex-direction:column;gap:12px;margin-top:15px}.fragment-craft-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.fragment-info{display:flex;align-items:center;gap:10px}.fragment-icon{font-size:1.5rem}.fragment-name{color:#fff;font-weight:500}.fragment-count{color:#888;font-size:.9rem;padding:2px 8px;background:#0000004d;border-radius:4px}.fragment-count.enough{color:#56a881;background:#56a88133}.btn-craft-fragment{padding:8px 16px;background:linear-gradient(135deg,#d4af37,#f4d03f);border:none;border-radius:6px;color:#1a1a1a;font-weight:700;cursor:pointer;transition:all .3s}.btn-craft-fragment:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #d4af3766}.btn-craft-fragment:disabled{background:#6464644d;color:#666;cursor:not-allowed}.breakthrough-pill-list{display:flex;flex-direction:column;gap:15px;margin-top:15px}.breakthrough-pill-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.1);transition:all .3s}.breakthrough-pill-item:hover{background:#ffffff14;border-color:#d4af374d}.pill-craft-info{display:flex;align-items:center;gap:12px;flex:1}.pill-craft-icon{font-size:2rem}.pill-craft-details{display:flex;flex-direction:column;gap:4px}.pill-craft-name{color:#fff;font-weight:700;font-size:1rem}.pill-craft-effect{color:#888;font-size:.85rem}.pill-owned{color:#d4af37;font-size:.85rem;font-weight:500}.pill-requirements{display:flex;flex-direction:column;gap:5px;margin:0 20px}.req-item{font-size:.85rem;padding:4px 10px;border-radius:4px;background:#0000004d}.req-item.has{color:#56a881}.req-item.missing{color:#f66}.btn-craft-pill{padding:10px 20px;background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:6px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s;white-space:nowrap}.btn-craft-pill:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #9b59b680}.btn-craft-pill:disabled{background:#6464644d;color:#666;cursor:not-allowed}.skill-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:12px}.category-card{background:#0000004d;border:2px solid #444;border-radius:8px;padding:12px;cursor:pointer;transition:all .2s}.category-card:hover{border-color:#666;transform:translateY(-2px)}.category-card.active{border-color:gold;box-shadow:0 0 10px #ffd7004d}.category-card.all{background:linear-gradient(135deg,#6464644d,#3232324d)}.category-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;border-bottom:1px solid currentColor;padding-bottom:8px}.category-icon{font-size:20px}.category-name{font-weight:700;font-size:16px}.category-level{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:4px;min-width:0}.level-value{font-size:16px;font-weight:700;color:gold;white-space:nowrap;flex-shrink:0}.bonus-value{font-size:12px;color:#0f0;white-space:nowrap;flex-shrink:1;overflow:hidden;text-overflow:ellipsis}.category-exp-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.exp-fill{height:100%;transition:width .3s ease}.exp-text{font-size:11px;color:#888;margin-top:4px;display:block;text-align:right}.category-desc{font-size:12px;color:#888;margin-bottom:8px}.equipped-skills-panel{margin-top:16px}.equipped-skills-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px}.equipped-skill-card{display:flex;align-items:center;gap:8px;background:#0000004d;border:1px solid #444;border-radius:8px;padding:10px;position:relative}.equipped-skill-card .skill-icon{font-size:24px}.equipped-skill-card .skill-info{flex:1;display:flex;flex-direction:column}.equipped-skill-card .skill-name{font-weight:700;color:#fff}.equipped-skill-card .skill-category{font-size:12px;color:#888}.equipped-skill-card .skill-cd{font-size:12px;color:#666;margin-right:8px}.btn-unequip{background:#c41e3a;color:#fff;border:none;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:12px}.btn-unequip:hover{background:#d32f2f}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:16px}.skill-card{background:#0000004d;border:2px solid #444;border-radius:12px;padding:16px;position:relative;cursor:pointer;transition:all .2s;overflow:hidden}.skill-card:hover:not(.equipped){border-color:#666;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.skill-card.rarity-white{border-color:#b0b0b0}.skill-card.rarity-green{border-color:#0f0}.skill-card.rarity-blue{border-color:#08f}.skill-card.rarity-purple{border-color:#a335ee}.skill-card.rarity-gold{border-color:gold;box-shadow:0 0 8px #ffd70033}.skill-card.rarity-rainbow{border-color:red;box-shadow:0 0 12px #ff00004d;background:linear-gradient(135deg,#32000066,#0000004d)}.skill-card.equipped{opacity:.7;cursor:default}.skill-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.skill-header .skill-icon{font-size:28px}.skill-header .skill-name{flex:1;font-size:18px;font-weight:700;color:#fff}.skill-rarity{font-size:11px;padding:2px 8px;border-radius:10px;font-weight:700}.skill-rarity.rarity-white{background:#b0b0b04d;color:#b0b0b0}.skill-rarity.rarity-green{background:#0f03;color:#0f0}.skill-rarity.rarity-blue{background:#08f3;color:#08f}.skill-rarity.rarity-purple{background:#a335ee33;color:#a335ee}.skill-rarity.rarity-gold{background:#ffd70033;color:gold}.skill-rarity.rarity-rainbow{background:#f003;color:#f66}.skill-type-row{display:flex;align-items:center;gap:6px;margin-bottom:10px;font-size:13px;color:#aaa}.skill-type-icon{font-size:16px}.skill-description{font-size:13px;color:#ccc;line-height:1.5;margin-bottom:12px;min-height:40px}.skill-effects{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.effect-tag{background:#ffd70026;color:gold;font-size:11px;padding:3px 8px;border-radius:10px;border:1px solid rgba(255,215,0,.3)}.skill-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#888;border-top:1px solid rgba(255,255,255,.1);padding-top:10px}.skill-category-level{color:#666}.equipped-overlay,.cannot-equip-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000b3;border-radius:10px}.equipped-overlay span{font-size:18px;color:#0f0;font-weight:700}.cannot-equip-overlay span{font-size:16px;color:#f66;font-weight:700}.skill-help-panel{margin-top:16px}.help-content{margin-top:12px}.help-section{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.help-section:last-child{border-bottom:none;margin-bottom:0}.help-section h4{color:gold;margin-bottom:8px;font-size:14px}.help-section p{font-size:13px;color:#aaa;line-height:1.6;margin-bottom:6px}.empty-hint{color:#666;text-align:center;padding:20px;font-size:14px;font-style:italic}.skill-table{width:100%;border-collapse:collapse;margin-top:12px}.skill-table th{background:#0000004d;padding:10px 12px;text-align:left;font-size:13px;color:#888;border-bottom:1px solid #444}.skill-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.skill-row{transition:background .2s}.skill-row:hover{background:#ffffff08}.skill-row.equipped{background:#00ff000d}.skill-table .col-name{width:15%}.skill-table .col-rarity{width:10%;text-align:center}.skill-table .col-desc{width:50%}.skill-table .col-cd{width:10%;text-align:center}.skill-table .col-action{width:15%;text-align:center}.skill-name-text{font-weight:700;color:#fff}.rarity-badge{font-size:12px;padding:3px 10px;border-radius:10px;font-weight:700;display:inline-block}.rarity-badge.rarity-white{background:#b0b0b04d;color:#b0b0b0}.rarity-badge.rarity-green{background:#0f03;color:#0f0}.rarity-badge.rarity-blue{background:#08f3;color:#08f}.rarity-badge.rarity-purple{background:#a335ee33;color:#a335ee}.rarity-badge.rarity-gold{background:#ffd70033;color:gold}.rarity-badge.rarity-rainbow{background:#f003;color:#f66}.skill-desc-text{font-size:13px;color:#ccc;line-height:1.5}.skill-cd-text{font-size:13px;color:#888}.btn-action{padding:6px 14px;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.btn-action.equip{background:#4caf50;color:#fff}.btn-action.equip:hover{background:#45a049}.btn-action.unequip{background:#c41e3a;color:#fff}.btn-action.unequip:hover{background:#d32f2f}.btn-action.disabled{background:#444;color:#666;cursor:not-allowed}.skill-row.rarity-white{border-left:3px solid #b0b0b0}.skill-row.rarity-green{border-left:3px solid #00ff00}.skill-row.rarity-blue{border-left:3px solid #0088ff}.skill-row.rarity-purple{border-left:3px solid #a335ee}.skill-row.rarity-gold{border-left:3px solid #ffd700}.skill-row.rarity-rainbow{border-left:3px solid #ff0000}@media (max-width: 768px){.skill-categories{grid-template-columns:repeat(2,1fr)}.skill-table{font-size:12px}.skill-table th,.skill-table td{padding:8px}.skill-table .col-desc{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-action{padding:4px 8px;font-size:11px}}.current-realm-panel{background:linear-gradient(135deg,#d4af371a,#d4af370d);border:2px solid rgba(212,175,55,.3)}.realm-display{display:flex;align-items:center;gap:15px;margin-bottom:15px}.realm-title{font-size:2rem;font-weight:700;color:gold;text-shadow:0 0 20px rgba(255,215,0,.4)}.realm-title.next{color:#ff6b6b;text-shadow:0 0 20px rgba(255,107,107,.4)}.realm-tier{padding:5px 12px;background:#0000004d;border-radius:15px;color:#888;font-size:.9rem}.realm-bonus-display{font-size:1.2rem;color:#56a881;margin-bottom:10px}.realm-level-info{color:#888;font-size:.9rem}.next-realm-panel{background:linear-gradient(135deg,#ff6b6b1a,#ff6b6b0d);border:2px solid rgba(255,107,107,.3)}.realm-requirement{margin:10px 0;color:#aaa}.requirement-missing{color:#c41e3a;margin-left:10px}.breakthrough-panel{background:linear-gradient(135deg,#56a8811a,#56a8810d);border:2px solid rgba(86,168,129,.3);transition:all .1s}.breakthrough-panel.breaking-through{background:linear-gradient(135deg,#0006,#0000004d);border-color:#fff3}.success-rate{padding:15px;background:#0003;border-radius:8px;margin-bottom:15px}.pill-bonus{color:#56a881}.final-rate{margin-top:10px;font-size:1.3rem;font-weight:700}.final-rate .high{color:#56a881}.final-rate .low{color:#c41e3a}.pill-selection{margin-bottom:20px}.pill-selection h4{margin-bottom:10px;color:#aaa}.pill-list{display:flex;flex-wrap:wrap;gap:10px}.pill-btn{display:flex;align-items:center;gap:8px;padding:10px 15px;background:#0003;border:2px solid rgba(255,255,255,.1);border-radius:8px;color:#ccc;cursor:pointer;transition:all .3s}.pill-btn:hover{border-color:#56a88180}.pill-btn.selected{background:#56a88133;border-color:#56a881;color:#56a881}.pill-icon{font-size:1.2rem}.pill-effect{color:#56a881;font-size:.85rem}.pill-count{padding:2px 6px;background:#d4af3733;border-radius:10px;font-size:.75rem;color:#d4af37}.btn-breakthrough{width:100%;padding:15px;font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,#56a8814d,#56a8811a);border:2px solid #56a881;border-radius:10px;color:#56a881;cursor:pointer;transition:all .3s;margin-bottom:15px}.btn-breakthrough:hover:not(:disabled){background:linear-gradient(135deg,#56a88180,#56a88133);transform:translateY(-2px);box-shadow:0 0 20px #56a8814d}.btn-breakthrough:disabled{opacity:.5;cursor:not-allowed}.breakthrough-result{padding:15px;border-radius:8px;text-align:center;font-size:1.1rem;margin-bottom:15px;animation:fadeIn .3s ease}.breakthrough-result.success{background:#56a88133;border:1px solid #56a881;color:#56a881;animation:successPulse .5s ease}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.breakthrough-result.fail{background:#c41e3a33;border:1px solid #c41e3a;color:#c41e3a;animation:failShake .5s ease}@keyframes failShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}.breakthrough-rules{padding:15px;background:#0003;border-radius:8px}.breakthrough-rules h4{margin-bottom:10px;color:#d4af37}.breakthrough-rules ul{list-style:none;padding:0}.breakthrough-rules li{padding:5px 0;color:#888;font-size:.9rem}.breakthrough-rules li:before{content:"• ";color:#56a881}.max-realm-panel{background:linear-gradient(135deg,#d4af3733,#d4af371a);border:2px solid #d4af37;text-align:center}.max-realm-panel h3{color:#d4af37;font-size:1.5rem;margin-bottom:15px}.max-realm-panel p{color:#aaa;margin:10px 0}.realm-info-panel h3{color:#d4af37;margin-bottom:15px}.realm-tiers{margin-bottom:20px}.realm-tiers h4{color:#56a881;margin-bottom:10px}.tier-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.tier-item{display:flex;flex-direction:column;align-items:center;padding:10px;background:#0003;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.tier-item.current{background:#56a88133;border-color:#56a881}.tier-name{font-weight:700;color:#fff}.tier-level{font-size:.85rem;color:#888;margin:5px 0}.tier-bonus{color:#56a881;font-size:.9rem}.breakthrough-progress-container{padding:20px;background:#0006;border-radius:12px;margin-bottom:20px;position:relative;overflow:hidden}.progress-phase-indicator{text-align:center;font-size:1.3rem;font-weight:700;margin-bottom:15px;transition:all .3s;text-shadow:0 0 10px currentColor}.progress-phase-indicator.calm{color:#4ade80;animation:breathe 2s ease-in-out infinite}.progress-phase-indicator.tense{color:#fbbf24;animation:pulse .5s ease-in-out infinite}.progress-phase-indicator.critical{color:#ef4444;animation:flash .3s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes flash{0%,to{opacity:.9;text-shadow:0 0 10px #ef4444}50%{opacity:1;text-shadow:0 0 30px #ef4444,0 0 60px #ef4444}}.breakthrough-progress-bar{height:24px;background:#00000080;border-radius:12px;overflow:hidden;position:relative;border:2px solid rgba(255,255,255,.1);box-shadow:inset 0 2px 8px #00000080}.progress-fill{height:100%;border-radius:10px;transition:width .05s linear,background .3s;position:relative;box-shadow:0 0 20px #fff3}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,transparent 50%,rgba(0,0,0,.2) 100%);border-radius:10px}.progress-glow{position:absolute;top:0;width:60px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:translate(-50%);animation:glowMove .5s ease-out infinite;pointer-events:none}@keyframes glowMove{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.progress-stats{display:flex;justify-content:space-between;margin-top:10px;font-size:.9rem}.progress-percentage{font-weight:700;color:#fff}.progress-time{color:#888}.tension-effects{display:flex;justify-content:center;gap:15px;margin-top:15px;height:30px}.spark{font-size:1.2rem;animation:sparkFloat 1s ease-in-out infinite;opacity:0}.spark:nth-child(1){animation-delay:0s}.spark:nth-child(2){animation-delay:.2s}.spark:nth-child(3){animation-delay:.4s}.spark:nth-child(4){animation-delay:.1s}.spark:nth-child(5){animation-delay:.3s}.spark.intense{font-size:1.5rem;animation:sparkBurst .5s ease-in-out infinite}@keyframes sparkFloat{0%,to{opacity:0;transform:translateY(10px) scale(.5)}50%{opacity:1;transform:translateY(-5px) scale(1)}}@keyframes sparkBurst{0%,to{opacity:.3;transform:translateY(5px) scale(.8) rotate(-10deg)}50%{opacity:1;transform:translateY(-10px) scale(1.2) rotate(10deg)}}@keyframes shake-calm{0%,to{transform:translate(0)}}@keyframes shake-tense{0%,to{transform:translate(0)}25%{transform:translate(-1px)}75%{transform:translate(1px)}}@keyframes shake-critical{0%,to{transform:translate(0)}10%{transform:translate(-3px) rotate(-1deg)}20%{transform:translate(3px) rotate(1deg)}30%{transform:translate(-3px) rotate(-1deg)}40%{transform:translate(3px) rotate(1deg)}50%{transform:translate(-2px) rotate(-.5deg)}60%{transform:translate(2px) rotate(.5deg)}70%{transform:translate(-1px)}80%{transform:translate(1px)}90%{transform:translate(-.5px)}}.breakthrough-panel.breaking-through:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);animation:bgPulse 1s ease-in-out infinite;pointer-events:none}@keyframes bgPulse{0%,to{opacity:.3}50%{opacity:.8}}.breakthrough-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.breakthrough-modal{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f0f23);border:3px solid;border-image:linear-gradient(135deg,gold,#ff6b35,gold) 1;border-radius:20px;padding:50px 60px;max-width:500px;width:90%;text-align:center;position:relative;animation:modalPop .5s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 60px #ffd7004d,0 0 120px #ff6b3533,inset 0 0 60px #ffd7000d}@keyframes modalPop{0%{opacity:0;transform:scale(.5) translateY(50px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-bg-effects{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none}.firework{position:absolute;font-size:2rem;animation:fireworkExplode 2s ease-out infinite;opacity:0}.firework:nth-child(1){top:10%;left:10%;animation-delay:0s}.firework:nth-child(2){top:15%;right:15%;animation-delay:.3s}.firework:nth-child(3){bottom:20%;left:20%;animation-delay:.6s}.firework:nth-child(4){bottom:15%;right:10%;animation-delay:.9s}.firework:nth-child(5){top:50%;left:5%;animation-delay:1.2s}@keyframes fireworkExplode{0%{opacity:0;transform:scale(0) rotate(0)}20%{opacity:1;transform:scale(1.5) rotate(180deg)}40%{opacity:.8;transform:scale(1.2) rotate(360deg)}to{opacity:0;transform:scale(0) rotate(720deg)}}.modal-content{position:relative;z-index:1}.success-badge{font-size:4rem;margin-bottom:15px;animation:badgeBounce 1s ease-in-out infinite}@keyframes badgeBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.1)}}.modal-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,gold,#ff6b35,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:30px;text-shadow:none;animation:titleGlow 2s ease-in-out infinite}@keyframes titleGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.realm-promotion{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:30px;padding:20px;background:#0000004d;border-radius:15px}.old-realm{font-size:1.3rem;color:#888;text-decoration:line-through;opacity:.7}.arrow{font-size:2rem;color:gold;animation:arrowPulse 1s ease-in-out infinite}@keyframes arrowPulse{0%,to{transform:translate(0);opacity:1}50%{transform:translate(10px);opacity:.7}}.new-realm{font-size:2rem;font-weight:700;color:gold;text-shadow:0 0 20px rgba(255,215,0,.5);animation:newRealmGlow 1.5s ease-in-out infinite}@keyframes newRealmGlow{0%,to{text-shadow:0 0 20px rgba(255,215,0,.5)}50%{text-shadow:0 0 40px rgba(255,215,0,.8),0 0 80px rgba(255,215,0,.4)}}.bonus-display{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:25px}.bonus-label{font-size:1rem;color:#888}.bonus-value{font-size:3rem;font-weight:700;color:#56a881;text-shadow:0 0 30px rgba(86,168,129,.5);animation:bonusCountUp 1s ease-out}@keyframes bonusCountUp{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.success-message{font-size:1.1rem;color:#aaa;margin-bottom:30px;font-style:italic}.btn-confirm{padding:15px 50px;font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,gold,#ff6b35);border:none;border-radius:50px;color:#1a1a2e;cursor:pointer;transition:all .3s;box-shadow:0 4px 20px #ffd7004d}.btn-confirm:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 30px #ffd70080}.btn-confirm:active{transform:translateY(-1px) scale(1.02)}.secret-realm-container{padding:20px;color:#e0e0e0;max-width:700px}.sr-title{font-size:22px;font-weight:700;color:#4ecca3;margin-bottom:4px}.sr-subtitle{color:#888;font-size:13px;margin-bottom:20px}.realm-list{display:flex;flex-direction:column;gap:10px}.realm-card{background:#1a1a2e;border:1px solid #333;border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:border-color .15s,background .15s}.realm-card:hover:not(.locked){border-color:#4ecca3;background:#1a2e2a}.realm-card.locked{opacity:.4;cursor:not-allowed}.realm-icon{font-size:28px;min-width:36px;text-align:center}.realm-info{flex:1}.realm-name{font-size:15px;font-weight:700;color:#eee}.realm-desc{font-size:12px;color:#888;margin-top:2px}.realm-meta{display:flex;gap:12px;margin-top:5px;font-size:12px;color:#4ecca3;flex-wrap:wrap}.realm-key{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-size:12px}.key-count{color:#aaa}.key-zero{color:#444}.badge-enter{background:#4ecca3;color:#0a0a1a;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:700}.badge-locked{background:#333;color:#555;border-radius:6px;padding:4px 12px;font-size:12px}.exploring-panel{background:#1a1a2e;border:1px solid #4ecca3;border-radius:12px;padding:20px}.exploring-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.exploring-title{font-size:17px;font-weight:700;color:#4ecca3}.btn-skip{background:transparent;border:1px solid #555;color:#888;border-radius:6px;padding:4px 12px;font-size:12px;cursor:pointer}.btn-skip:hover{border-color:#aaa;color:#ccc}.hp-section{margin-bottom:16px}.hp-label{font-size:12px;color:#888;margin-bottom:4px;display:flex;justify-content:space-between}.hp-bar-bg{background:#333;border-radius:6px;height:10px;overflow:hidden}.hp-bar-fill{height:100%;border-radius:6px;transition:width .4s ease,background-color .4s}.event-list{display:flex;flex-direction:column;gap:6px;max-height:340px;overflow-y:auto;margin-bottom:16px}.event-item{display:flex;align-items:flex-start;gap:10px;background:#0f1a2e;border-radius:8px;padding:9px 12px;border-left:3px solid transparent;animation:event-appear .25s ease;font-size:13px}@keyframes event-appear{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.event-item.outer{border-left-color:#4ecca3}.event-item.central{border-left-color:#f4a261}.event-item.core{border-left-color:#e63946}.event-icon{font-size:16px;margin-top:1px;min-width:20px}.event-body{flex:1}.event-desc{color:#ccc;line-height:1.45}.event-hp{font-size:11px;color:#666;margin-top:3px}.event-layer-badge{font-size:10px;padding:1px 6px;border-radius:4px;align-self:flex-start}.layer-outer{background:#4ecca326;color:#4ecca3}.layer-central{background:#f4a26126;color:#f4a261}.layer-core{background:#e6394626;color:#e63946}.btn-collect{width:100%;background:linear-gradient(135deg,#4ecca3,#00b4d8);color:#0a0a1a;border:none;border-radius:8px;padding:13px;font-size:16px;font-weight:700;cursor:pointer;animation:sr-pulse 1.5s infinite}@keyframes sr-pulse{0%,to{box-shadow:0 0 #4ecca366}50%{box-shadow:0 0 0 8px #4ecca300}}.collecting-hint{text-align:center;color:#888;font-size:13px;margin-top:10px}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog-box{background:#1a1a2e;border:1px solid #444;border-radius:12px;padding:24px;min-width:320px;max-width:460px;width:90vw;max-height:85vh;overflow-y:auto}.dialog-box h3{font-size:18px;color:#eee;margin:0 0 16px}.dialog-section{margin-bottom:16px}.dialog-section-label{font-size:12px;color:#888;margin-bottom:8px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.dialog-actions{display:flex;gap:10px;margin-top:18px;justify-content:flex-end}.btn-primary{background:#4ecca3;color:#0a0a1a;border:none;border-radius:6px;padding:9px 20px;font-size:14px;font-weight:700;cursor:pointer}.btn-primary:disabled{background:#333;color:#666;cursor:not-allowed}.btn-cancel{background:transparent;color:#888;border:1px solid #444;border-radius:6px;padding:9px 16px;cursor:pointer}.btn-cancel:hover{border-color:#888}.strategy-row{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.strategy-label{color:#ccc;font-size:13px;min-width:72px}.strategy-select{background:#0f1a2e;border:1px solid #444;color:#eee;border-radius:6px;padding:5px 10px;font-size:13px;cursor:pointer}.hp-input{background:#0f1a2e;border:1px solid #444;color:#eee;border-radius:6px;padding:5px 8px;font-size:13px;width:60px}.hp-input-hint{color:#666;font-size:11px}.item-grid{display:flex;flex-wrap:wrap;gap:6px}.item-chip{display:flex;align-items:center;gap:5px;background:#0f1a2e;border:1px solid #333;border-radius:8px;padding:6px 10px;cursor:pointer;font-size:12px;transition:all .1s}.item-chip:hover{border-color:#4ecca3}.item-chip.selected{background:#4ecca326;border-color:#4ecca3;color:#4ecca3}.item-chip.disabled{opacity:.35;cursor:not-allowed}.item-chip-icon{font-size:14px}.item-chip-count{color:#666;font-size:11px}.selected-count{font-size:12px;color:#888;margin-bottom:6px}.reward-modal h3{color:#4ecca3;font-size:20px;text-align:center;margin-bottom:16px}.reward-row{background:#0f1a2e;border-radius:8px;padding:10px 14px;margin:7px 0;display:flex;align-items:center;justify-content:space-between;font-size:14px}.reward-label{color:#ccc}.reward-value{color:#4ecca3;font-weight:700}.lost-equip{background:#e639461a;border:1px solid #e63946;border-radius:8px;padding:10px 14px;margin-top:10px;color:#ff8080;font-size:13px}.success-tag{color:#4ecca3;font-size:13px;margin-bottom:10px;text-align:center}.fail-tag{color:#ff6b6b;font-size:13px;margin-bottom:10px;text-align:center}.error-msg{color:#ff6b6b;font-size:13px;margin-top:8px}.chat-container{position:fixed;bottom:0;left:240px;width:400px;background:#1a1a2ef2;border:1px solid rgba(212,175,55,.3);border-bottom:none;border-radius:10px 10px 0 0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -4px 20px #0000004d;transition:all .3s ease}.chat-container.collapsed{height:40px}.chat-container.expanded{height:300px}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:linear-gradient(90deg,#d4af3733,#56a8811a);border-radius:10px 10px 0 0;cursor:pointer;border-bottom:1px solid rgba(212,175,55,.2)}.chat-header:hover{background:linear-gradient(90deg,#d4af374d,#56a88133)}.chat-title{display:flex;align-items:center;gap:8px;color:var(--wuji-gold);font-weight:500;font-size:.95rem}.chat-icon{font-size:1.1rem}.unread-badge{background:#ef4444;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.toggle-btn{background:none;border:none;color:var(--wuji-gold);font-size:.8rem;cursor:pointer;padding:2px 6px;transition:transform .2s}.toggle-btn:hover{transform:scale(1.2)}.chat-messages{height:calc(100% - 90px);overflow-y:auto;padding:10px 15px;display:flex;flex-direction:column;gap:8px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#0003}.chat-messages::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:3px}.empty-message{text-align:center;color:#fff6;padding:40px 0;font-size:.9rem}.message-item{display:flex;align-items:flex-start;gap:8px;padding:6px 10px;border-radius:6px;font-size:.9rem;line-height:1.5;word-break:break-word}.message-item:hover{background:#ffffff0d}.message-item.announcement{background:linear-gradient(90deg,rgba(212,175,55,.15),transparent);border-left:3px solid var(--wuji-gold)}.message-item.system{background:#56a8811a;border-left:3px solid var(--wuji-jade)}.message-time{color:#fff6;font-size:.75rem;white-space:nowrap;flex-shrink:0}.message-sender{color:var(--wuji-jade);font-weight:500;flex-shrink:0}.message-content{color:#ffffffe6;flex:1}.announcement-content{display:flex;align-items:center;gap:8px;flex:1}.announcement-text{color:var(--wuji-gold);font-weight:500}.chat-input-area{display:flex;gap:10px;padding:10px 15px;border-top:1px solid rgba(255,255,255,.1);background:#0003}.chat-input{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px 12px;color:#fff;font-size:.9rem;outline:none;transition:border-color .2s}.chat-input:focus{border-color:var(--wuji-jade)}.chat-input::placeholder{color:#fff6}.send-btn{background:linear-gradient(135deg,var(--wuji-jade),#3d8b6f);border:none;border-radius:6px;padding:8px 16px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .2s;white-space:nowrap}.send-btn:hover:not(:disabled){background:linear-gradient(135deg,#6bc4a0,#4a9c7e);transform:translateY(-1px)}.send-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.chat-container{left:0;width:100%;border-radius:0}.chat-container.expanded{height:250px}.chat-header{border-radius:0}}.announcement-banner{position:fixed;top:15px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:10px 20px;background:linear-gradient(135deg,#1a1a2efa,#281e3cfa);border:1px solid rgba(212,175,55,.4);border-radius:30px;z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0006,0 0 30px #d4af371a;animation:slideDown .5s ease;max-width:80%}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.announcement-icon{font-size:1.3rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.announcement-content{flex:1;overflow:hidden;position:relative;min-width:200px}.announcement-text{color:var(--wuji-gold);font-size:.95rem;font-weight:500;white-space:nowrap;animation:fadeIn .5s ease;text-shadow:0 0 10px rgba(212,175,55,.3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.announcement-indicator{color:#ffffff80;font-size:.75rem;padding:2px 8px;background:#ffffff1a;border-radius:10px;white-space:nowrap}.announcement-close{background:none;border:none;color:#fff6;font-size:1rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.announcement-close:hover{color:#fff;background:#ffffff1a}@media (max-width: 768px){.announcement-banner{top:10px;left:10px;right:10px;transform:none;max-width:none;padding:8px 15px}.announcement-text{font-size:.85rem}.announcement-indicator{display:none}}.update-log-btn{position:fixed;top:55px;right:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:.9rem;cursor:pointer;z-index:1000;display:flex;align-items:center;gap:6px;box-shadow:0 4px 15px #667eea66;transition:all .3s ease}.update-log-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.update-badge{background:#ff4757;color:#fff;font-size:.6rem;padding:2px 6px;border-radius:10px;animation:badgePulse 2s infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.update-log-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.update-log-modal{background:linear-gradient(180deg,#1a1a2e,#16213e);border:1px solid rgba(102,126,234,.3);border-radius:16px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;animation:slideIn .3s ease;box-shadow:0 20px 60px #00000080}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.update-log-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.update-log-header h3{margin:0;color:#fff;font-size:1.2rem}.update-log-close{background:#ffffff1a;border:none;color:#999;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1rem;transition:all .2s}.update-log-close:hover{background:#fff3;color:#fff}.update-log-content{overflow-y:auto;padding:20px 24px;max-height:60vh}.update-log-item{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.05)}.update-log-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.update-log-item.latest{background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:12px;padding:16px;margin-left:-8px;margin-right:-8px}.update-log-version{display:flex;align-items:center;gap:10px;margin-bottom:10px}.version-tag{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:700}.version-date{color:#888;font-size:.8rem}.latest-tag{background:#ff4757;color:#fff;padding:2px 8px;border-radius:10px;font-size:.7rem}.update-log-changes{margin:0;padding-left:20px;color:#ccc}.update-log-changes li{margin-bottom:6px;font-size:.9rem;line-height:1.5}.update-log-changes li:last-child{margin-bottom:0}.update-log-content::-webkit-scrollbar{width:6px}.update-log-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.update-log-content::-webkit-scrollbar-thumb{background:#667eea80;border-radius:3px}.update-log-content::-webkit-scrollbar-thumb:hover{background:#667eeab3}@media (max-width: 768px){.update-log-btn{top:50px;right:10px;padding:6px 12px;font-size:.8rem}.update-log-modal{width:95%;max-height:85vh}.update-log-header,.update-log-content{padding:16px 20px}}.login-register-container{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:url(../bg-login.png) center center / cover no-repeat;overflow:hidden;z-index:9999}.login-register-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;z-index:0;pointer-events:none}.auth-card{position:relative;z-index:1}.bg-effects{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.floating-cloud{position:absolute;font-size:4rem;opacity:.1;animation:float-cloud 20s ease-in-out infinite}.cloud-1{top:10%;left:10%;animation-delay:0s}.cloud-2{top:60%;right:15%;animation-delay:-7s}.cloud-3{bottom:20%;left:20%;animation-delay:-14s}@keyframes float-cloud{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-20px) translate(10px)}50%{transform:translateY(-10px) translate(-10px)}75%{transform:translateY(-30px) translate(5px)}}.floating-particle{position:absolute;font-size:1.5rem;color:var(--wuji-gold);opacity:.3;animation:float-particle 15s ease-in-out infinite}.particle-1{top:20%;left:80%;animation-delay:0s}.particle-2{top:70%;left:15%;animation-delay:-5s}.particle-3{top:40%;right:10%;animation-delay:-10s}.particle-4{bottom:30%;right:25%;animation-delay:-12s}@keyframes float-particle{0%,to{transform:translateY(0) rotate(0);opacity:.3}50%{transform:translateY(-50px) rotate(180deg);opacity:.6}}.auth-card{position:relative;width:90%;max-width:420px;background:linear-gradient(145deg,#1a1a2ef2,#16213ef2);border:1px solid rgba(212,175,55,.3);border-radius:20px;padding:40px 35px;box-shadow:0 25px 50px #00000080,0 0 100px #d4af371a,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:card-appear .6s ease-out}@keyframes card-appear{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-header{text-align:center;margin-bottom:30px}.logo-container{position:relative;width:100px;height:100px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.logo-ring{position:absolute;border:2px solid var(--wuji-gold);border-radius:50%;opacity:.3}.login-ring-1{width:100%;height:100%;animation:rotate-ring 10s linear infinite}.login-ring-2{width:75%;height:75%;border-style:dashed;animation:rotate-ring-reverse 15s linear infinite}.login-ring-3{width:50%;height:50%;border-width:1px;opacity:.5;animation:rotate-ring 8s linear infinite}@keyframes rotate-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-ring-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.logo-icon{font-size:3rem;z-index:1;filter:drop-shadow(0 0 10px rgba(212,175,55,.5))}.game-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--wuji-gold) 0%,#f4d03f 50%,var(--wuji-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:5px;text-shadow:0 2px 10px rgba(212,175,55,.3);letter-spacing:4px}.game-subtitle{font-size:.9rem;color:#fff6;letter-spacing:2px;margin-bottom:10px}.game-desc{font-size:.95rem;color:#fff9}.auth-tabs{display:flex;gap:10px;margin-bottom:25px;padding:5px;background:#0000004d;border-radius:12px}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:transparent;border:none;border-radius:8px;color:#fff9;font-size:.95rem;cursor:pointer;transition:all .3s ease}.tab-btn:hover{color:#ffffffe6}.tab-btn.active{background:linear-gradient(135deg,#d4af3733,#d4af371a);color:var(--wuji-gold);box-shadow:0 4px 15px #d4af3733}.tab-icon{font-size:1.1rem}.auth-notice-message{display:flex;align-items:center;gap:8px;padding:12px 15px;background:#e6a23c26;border:1px solid rgba(230,162,60,.4);border-radius:8px;color:#f5a623;font-size:.9rem;margin-bottom:12px;animation:fadeInDown .4s ease-in-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.field-hint{margin:4px 0 0;font-size:.75rem;color:#ffffff73;line-height:1.4}.error-message{display:flex;align-items:center;gap:8px;padding:12px 15px;background:#c41e3a26;border:1px solid rgba(196,30,58,.3);border-radius:8px;color:#ff6b6b;font-size:.9rem;margin-bottom:20px;animation:shake .5s ease-in-out}.error-icon{font-size:1.1rem}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.auth-form{display:flex;flex-direction:column;gap:20px}.input-group{position:relative}.input-label{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#ffffffb3;margin-bottom:8px;padding-left:5px}.label-icon{font-size:1rem}.auth-input{width:100%;padding:14px 16px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:1rem;transition:all .3s ease}.auth-input::placeholder{color:#ffffff4d}.auth-input:focus{outline:none;border-color:var(--wuji-gold);background:#0006;box-shadow:0 0 20px #d4af3726}.input-decoration{position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,transparent,var(--wuji-gold),transparent);transition:all .3s ease;transform:translate(-50%)}.auth-input:focus~.input-decoration{width:100%}.password-wrapper{position:relative}.toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.2rem;cursor:pointer;opacity:.6;transition:opacity .2s;padding:5px}.toggle-password:hover{opacity:1}.submit-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:linear-gradient(135deg,var(--wuji-gold) 0%,#b8941f 100%);border:none;border-radius:12px;color:#1a1a1a;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:10px;box-shadow:0 4px 15px #d4af374d}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #d4af3766}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.submit-btn.loading{background:linear-gradient(135deg,#666,#444);color:#ffffffb3}.btn-icon{font-size:1.2rem}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.divider{display:flex;align-items:center;gap:15px;margin:10px 0}.divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.divider-text{color:#fff6;font-size:.85rem}.guest-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#ffffffb3;font-size:.95rem;cursor:pointer;transition:all .3s ease}.guest-btn:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff4d;color:#ffffffe6}.guest-btn:disabled{opacity:.5;cursor:not-allowed}.register-tips{text-align:center;padding:15px;background:#56a8811a;border:1px solid rgba(86,168,129,.2);border-radius:8px;margin-top:10px}.register-tips p{color:#56a881e6;font-size:.85rem;line-height:1.5}.auth-footer{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.version-info{color:#fff6;font-size:.8rem;margin-bottom:12px}.feature-tags{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.tag{padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;font-size:.8rem;color:#fff9}@media (max-width: 480px){.auth-card{padding:30px 25px}.game-title{font-size:2rem}.logo-container{width:80px;height:80px}.logo-icon{font-size:2.5rem}.feature-tags{gap:8px}.tag{padding:5px 10px;font-size:.75rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-form>*{animation:fadeInUp .5s ease-out forwards}.auth-form>*:nth-child(1){animation-delay:.1s}.auth-form>*:nth-child(2){animation-delay:.2s}.auth-form>*:nth-child(3){animation-delay:.3s}.auth-form>*:nth-child(4){animation-delay:.4s}.attribute-control-panel{background:linear-gradient(135deg,#56a8811a,#d4af371a);border:2px solid rgba(212,175,55,.3);padding:15px}.control-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.level-up-mode-control{display:flex;align-items:center;gap:10px}.control-label{font-size:.9rem;color:#888}.mode-toggle{padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .3s;border:2px solid}.mode-toggle.auto{background:linear-gradient(135deg,#56a88133,#56a8811a);border-color:#56a881;color:#56a881}.mode-toggle.manual{background:linear-gradient(135deg,#d4af3733,#d4af371a);border-color:#d4af37;color:#d4af37}.mode-toggle:hover{transform:scale(1.05)}.available-points-display{display:flex;align-items:center;gap:8px}.available-points-display .points-label{font-size:.85rem;color:#888}.available-points-display .points-value{font-size:1.5rem;font-weight:700;color:#d4af37;text-shadow:0 0 10px rgba(212,175,55,.3)}.auto-allocate-control{padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.auto-allocate-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.auto-allocate-label{font-size:.9rem;color:#888;display:flex;align-items:center;gap:8px}.auto-allocate-status{font-size:.75rem;padding:2px 8px;border-radius:4px;background:#56a88133;color:#56a881}.auto-allocate-status.on{background:#56a88133;color:#56a881}.toggle-switch{width:44px;height:24px;border-radius:12px;border:none;cursor:pointer;position:relative;transition:background .3s;padding:0}.toggle-switch.off{background:#fff3}.toggle-switch.on{background:#56a881}.toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .3s}.toggle-switch.on .toggle-thumb{transform:translate(20px)}.auto-allocate-info{display:flex;align-items:center;justify-content:space-between;gap:10px}.auto-allocate-preview{font-size:.8rem;color:#666}.btn-config-auto{padding:4px 12px;background:linear-gradient(135deg,#d4af3733,#d4af371a);border:1px solid rgba(212,175,55,.5);border-radius:4px;color:#d4af37;font-size:.8rem;cursor:pointer;transition:all .3s}.btn-config-auto:hover{background:linear-gradient(135deg,#d4af3766,#d4af3733)}.attributes-list-panel{padding:0;overflow:hidden}.attributes-list-header{display:grid;grid-template-columns:30px 60px 50px 50px 50px 1fr 40px;gap:8px;padding:10px 15px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1);font-size:.75rem;color:#666;text-align:center}.attributes-list{display:flex;flex-direction:column}.attribute-list-item{display:grid;grid-template-columns:30px 60px 50px 50px 50px 1fr 40px;gap:8px;padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.05);align-items:center;transition:background .2s}.attribute-list-item:hover{background:#ffffff08}.attribute-list-item:last-child{border-bottom:none}.attr-list-icon{font-size:1.1rem;text-align:center}.attr-list-name{font-size:.9rem;font-weight:700;color:#fff;text-align:left}.attr-list-base,.attr-list-allocated{font-size:.8rem;color:#666;text-align:center}.attr-list-allocated.has-points{color:#56a881;font-weight:700}.attr-list-total{font-size:.95rem;font-weight:700;color:#d4af37;text-align:center}.attr-list-desc{font-size:.75rem;color:#666;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-allocate-list{width:32px;height:32px;padding:0;background:linear-gradient(135deg,#56a8814d,#56a8811a);border:1px solid rgba(86,168,129,.5);border-radius:6px;color:#56a881;font-weight:700;font-size:1.2rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;margin:0 auto}.btn-allocate-list:hover:not(:disabled){background:linear-gradient(135deg,#56a88180,#56a88133);transform:scale(1.1)}.btn-allocate-list:disabled{opacity:.3;cursor:not-allowed}.combat-stats-panel.compact{padding:12px 15px}.combat-stats.compact{display:flex;justify-content:space-around;gap:10px}.combat-stats.compact .combat-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;background:#0003;border-radius:8px;min-width:50px}.combat-stats.compact .stat-icon{font-size:1.2rem}.combat-stats.compact .stat-value{font-size:1rem;font-weight:700;color:#d4af37}.allocate-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #d4af37;border-radius:12px;padding:20px;max-width:280px;width:90%;text-align:center}.allocate-modal h3{color:#d4af37;margin-bottom:8px;font-size:1.1rem}.modal-desc{color:#888;margin-bottom:15px;font-size:.85rem}.input-group{display:flex;gap:8px;margin-bottom:12px}.points-input{flex:1;padding:10px;background:#0000004d;border:2px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:1.1rem;text-align:center;outline:none;transition:border-color .3s}.points-input:focus{border-color:#d4af37}.points-input::-webkit-outer-spin-button,.points-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.btn-max{padding:8px 12px;background:linear-gradient(135deg,#d4af374d,#d4af371a);border:2px solid #d4af37;border-radius:6px;color:#d4af37;font-weight:700;cursor:pointer;transition:all .3s;font-size:.85rem}.btn-max:hover{background:linear-gradient(135deg,#d4af3780,#d4af3733)}.available-hint{color:#888;margin-bottom:12px;font-size:.85rem}.available-hint .highlight{color:#d4af37;font-weight:700;font-size:1.1rem}.error-msg{color:#c41e3a;font-size:.8rem;margin-bottom:12px}.modal-actions{display:flex;gap:10px;justify-content:center}.modal-actions .btn-cancel{padding:8px 18px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:6px;color:#888;cursor:pointer;transition:all .3s;font-size:.85rem}.modal-actions .btn-cancel:hover{background:#ffffff26;color:#fff}.modal-actions .btn-confirm{padding:8px 18px;background:linear-gradient(135deg,#56a8814d,#56a8811a);border:2px solid #56a881;border-radius:6px;color:#56a881;font-weight:700;cursor:pointer;transition:all .3s;font-size:.85rem}.modal-actions .btn-confirm:hover:not(:disabled){background:linear-gradient(135deg,#56a88180,#56a88133)}.modal-actions .btn-confirm:disabled{opacity:.5;cursor:not-allowed}.auto-allocate-config-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #d4af37;border-radius:12px;padding:20px;max-width:320px;width:90%}.auto-allocate-config-modal h3{color:#d4af37;margin-bottom:8px;font-size:1.1rem;text-align:center}.auto-allocate-form{margin:15px 0}.auto-allocate-row{display:grid;grid-template-columns:30px 50px 60px 30px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.auto-allocate-row:last-child{border-bottom:none}.auto-allocate-icon{font-size:1.1rem;text-align:center}.auto-allocate-name{font-size:.9rem;color:#fff}.auto-allocate-input{width:60px;padding:8px;background:#0000004d;border:2px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:1rem;text-align:center;outline:none;transition:border-color .3s}.auto-allocate-input:focus{border-color:#d4af37}.auto-allocate-input::-webkit-outer-spin-button,.auto-allocate-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.auto-allocate-unit{font-size:.8rem;color:#666}.auto-allocate-total{text-align:center;padding:10px;border-radius:6px;font-size:.9rem;margin-bottom:12px}.auto-allocate-total.valid{background:#56a88133;color:#56a881}.auto-allocate-total.invalid{background:#c41e3a33;color:#c41e3a}@media (max-width: 600px){.control-row{flex-direction:column;gap:10px;align-items:stretch}.available-points-display{justify-content:center}.attributes-list-header{grid-template-columns:30px 50px 45px 45px 45px 1fr 36px;gap:4px;padding:8px 10px;font-size:.7rem}.attribute-list-item{grid-template-columns:30px 50px 45px 45px 45px 1fr 36px;gap:4px;padding:10px}.attr-list-name{font-size:.8rem}.attr-list-base,.attr-list-allocated,.attr-list-total{font-size:.75rem}.attr-list-desc{font-size:.7rem}.btn-allocate-list{width:28px;height:28px;font-size:1rem}.combat-stats.compact{flex-wrap:wrap}.combat-stats.compact .combat-stat{flex:1;min-width:60px}}.merge-container{display:grid;grid-template-columns:1fr 300px;gap:20px;padding:20px}.merge-area{display:flex;flex-direction:column;gap:15px}.merge-slot{background:#0000004d;border-radius:12px;padding:20px;border:2px solid rgba(255,255,255,.1)}.merge-slot h3{color:var(--wuji-gold);margin-bottom:15px;font-size:1.1rem}.main-slot{border-color:#56a8814d;background:linear-gradient(135deg,#56a8811a,#0000004d)}.sub-slot{border-color:#c41e3a4d;background:linear-gradient(135deg,#c41e3a1a,#0000004d)}.empty-slot{height:100px;display:flex;align-items:center;justify-content:center;color:#666;border:2px dashed rgba(255,255,255,.1);border-radius:8px}.merge-arrow{text-align:center;padding:10px;color:var(--wuji-gold);font-weight:700}.merge-cost{margin-top:8px;padding:5px 15px;background:#d4af3733;border-radius:20px;display:inline-block}.equipment-card{display:flex;align-items:center;gap:15px;padding:15px;background:#0000004d;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .2s ease}.equipment-card:hover{background:#ffffff0d;transform:translateY(-2px)}.equipment-card.selected{box-shadow:0 0 20px #56a8814d}.equipment-card.warning{position:relative}.equipment-card.small{padding:10px;gap:10px}.equip-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:8px}.equipment-card.small .equip-icon{font-size:1.5rem;width:40px;height:40px}.equip-info{flex:1}.equip-name{font-weight:700;margin-bottom:4px}.equip-level{color:#aaa;font-size:.9rem}.equip-stat{color:#56a881;font-size:.85rem;margin-top:4px}.equip-substats{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.substat{padding:2px 8px;background:#56a88133;border-radius:10px;font-size:.75rem;color:#56a881}.warning-text{position:absolute;bottom:5px;right:10px;color:#c41e3a;font-size:.75rem}.merge-preview{background:#0000004d;border-radius:12px;padding:20px;border:1px solid rgba(86,168,129,.2)}.merge-preview h4{color:var(--wuji-gold);margin-bottom:15px}.preview-level{display:flex;align-items:center;gap:10px;margin-bottom:15px;flex-wrap:wrap}.level-range{font-size:1.3rem;font-weight:700;color:#56a881}.level-expected{color:#888;font-size:.9rem}.level-warning{padding:10px;background:#c41e3a33;border-radius:8px;color:#c41e3a;font-size:.9rem;margin-bottom:15px}.transfer-rates{margin-bottom:15px}.transfer-rates>span{display:block;margin-bottom:10px;color:#aaa}.rate-bars{display:flex;flex-direction:column;gap:8px}.rate-bar-item{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:10px}.rate-label{color:#888;font-size:.9rem}.rate-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.rate-fill{height:100%;background:linear-gradient(90deg,#56a881,#7dd3a8);border-radius:4px;transition:width .3s ease}.rate-prob{color:#aaa;font-size:.85rem;text-align:right}.substat-preview{margin-bottom:15px}.substat-preview>span{display:block;margin-bottom:10px;color:#aaa}.substat-pool{display:flex;flex-wrap:wrap;gap:8px}.substat-tag{padding:4px 10px;border-radius:12px;font-size:.8rem}.substat-tag.main{background:#56a88133;color:#56a881}.substat-tag.sub{background:#c41e3a33;color:#c41e3a}.merge-btn{width:100%;padding:12px;font-size:1.1rem}.equipment-list{background:#0003;border-radius:12px;padding:20px;max-height:600px;overflow-y:auto}.equipment-list h3{color:var(--wuji-gold);margin-bottom:15px}.part-group{margin-bottom:20px}.part-group h4{color:#888;font-size:.9rem;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.1)}.part-items{display:flex;flex-direction:column;gap:8px}.equipment-card.disabled{opacity:.3;cursor:not-allowed}.equipment-card.selected-main{box-shadow:0 0 15px #56a88180}.equipment-card.selected-sub{box-shadow:0 0 15px #c41e3a80}.selection-badge{padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:700}.selection-badge.main{background:#56a881;color:#000}.selection-badge.sub{background:#c41e3a;color:#fff}.empty-inventory{text-align:center;color:#666;padding:40px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid var(--wuji-gold);border-radius:16px;padding:30px;max-width:400px;text-align:center}.modal-content h3{color:var(--wuji-gold);margin-bottom:15px}.modal-content p{color:#aaa;margin-bottom:20px}.modal-actions{display:flex;gap:15px;justify-content:center}.modal-actions .btn{min-width:100px}@media (max-width: 900px){.merge-container{grid-template-columns:1fr}.equipment-list{max-height:300px}}.auction-container{background:linear-gradient(135deg,#1a1a2ee6,#16213ee6);border:1px solid rgba(212,175,55,.3);border-radius:12px;padding:20px;min-height:600px}.auction-header{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.auction-header h2{font-family:STSong,SimSun,"Noto Serif SC",serif;font-size:1.5rem;background:linear-gradient(135deg,#d4af37,#f0e6d2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:5px}.market-subtitle{font-size:.85rem;color:#888;margin-bottom:15px}.auction-tabs{display:flex;gap:10px;flex-wrap:wrap}.auction-tabs button{padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#888;font-size:.9rem;cursor:pointer;transition:all .3s}.auction-tabs button:hover{background:#ffffff1a;color:#fff}.auction-tabs button.active{background:linear-gradient(135deg,#d4af3733,#d4af371a);border-color:#d4af37;color:#d4af37}.auction-browse{display:flex;flex-direction:column;gap:15px}.filter-tabs{display:flex;flex-direction:column;gap:10px;padding:15px;background:#0003;border-radius:8px}.filter-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-row.search-row{margin-top:5px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05)}.filter-label{font-size:.85rem;color:#888;min-width:40px;flex-shrink:0}.filter-options{display:flex;gap:8px;flex-wrap:wrap;flex:1}.filter-btn{padding:6px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#aaa;font-size:.85rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.filter-btn:hover{background:#ffffff1a;color:#fff}.filter-btn.active{background:linear-gradient(135deg,#d4af3740,#d4af3726);border-color:#d4af37;color:#d4af37}.filter-btn.rarity-btn{padding:6px 12px;font-weight:700;min-width:36px;justify-content:center}.filter-btn.rarity-btn:hover,.filter-btn.rarity-btn.active{background:var(--rarity-color, #888);border-color:var(--rarity-color, #888);color:#fff}.auction-search{flex:1;min-width:200px;padding:10px 15px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:.9rem}.auction-search:focus{outline:none;border-color:#d4af37}.market-info{padding:10px 15px;background:#d4af371a;border-radius:6px;color:#d4af37;font-size:.95rem}.market-list{display:flex;flex-direction:column;gap:8px}.market-item-row{display:grid;grid-template-columns:1.2fr 70px 60px 80px 1fr 100px 70px;gap:10px;align-items:center;padding:12px 15px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;transition:all .2s}.market-item-row:hover{background:#ffffff0f;border-color:#d4af3733}.market-item-row .item-name{font-size:.95rem;font-weight:500}.market-item-row .item-level{font-size:.85rem;color:#f0e6d2;background:#0000004d;padding:2px 8px;border-radius:4px;text-align:center}.market-item-row .item-part{font-size:.8rem;color:#56a881;background:#56a88126;padding:2px 8px;border-radius:4px;text-align:center}.market-item-row .item-main-stat{font-size:.85rem;color:#d4af37;font-weight:500}.market-item-row .item-sub-stats{display:flex;gap:6px;flex-wrap:wrap}.market-item-row .sub-stat-tag{font-size:.75rem;color:#ce93d8;background:#9c27b026;padding:2px 8px;border-radius:12px}.market-item-row .item-rarity-badge{font-size:.8rem;color:#fff;padding:2px 10px;border-radius:4px;text-align:center;display:inline-block}.market-item-row .item-type-tag{font-size:.8rem;color:#ff9800;background:#ff980026;padding:2px 10px;border-radius:4px;text-align:center}.market-item-row .item-quantity{font-size:.85rem;color:#888;text-align:center}.market-item-row .item-price{font-size:.95rem;color:#d4af37;font-weight:700;text-align:right}.market-item-row .buy-btn{padding:6px 12px;background:linear-gradient(135deg,#56a8814d,#56a8811a);border:1px solid #56a881;border-radius:4px;color:#56a881;font-size:.85rem;cursor:pointer;transition:all .2s}.market-item-row .buy-btn:hover:not(:disabled){background:linear-gradient(135deg,#56a88180,#56a88133)}.market-item-row .buy-btn:disabled{opacity:.5;cursor:not-allowed;background:#ffffff0d;border-color:#ffffff1a;color:#666}.auction-list{display:flex;flex-direction:column;gap:10px}.auction-item{display:flex;align-items:center;gap:15px;padding:15px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;transition:all .3s}.auction-item:hover{background:#ffffff0f;border-color:#d4af374d}.item-info{flex:1;display:flex;flex-direction:column;gap:4px}.item-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:8px}.item-details{display:flex;flex-direction:column;gap:4px}.item-name{font-size:1rem;font-weight:700;display:flex;align-items:center;gap:8px}.rarity-tag{font-size:.75rem;padding:2px 8px;background:#0000004d;border-radius:4px;color:#888}.item-meta{font-size:.8rem;color:#666}.item-level{font-size:.8rem;color:#888}.item-quantity{font-size:.9rem;color:#d4af37;font-weight:700}.auction-prices{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:100px}.current-price{display:flex;flex-direction:column;align-items:flex-end}.current-price .label{font-size:.75rem;color:#666}.current-price .value{font-size:1.2rem;font-weight:700;color:#d4af37}.auction-actions{display:flex;gap:8px}.buyout-btn{padding:8px 20px;background:linear-gradient(135deg,#56a8814d,#56a8811a);border:1px solid #56a881;border-radius:6px;color:#56a881;font-size:.9rem;cursor:pointer;transition:all .3s}.buyout-btn:hover:not(:disabled){background:linear-gradient(135deg,#56a88180,#56a88133)}.buyout-btn:disabled{opacity:.5;cursor:not-allowed;background:#ffffff0d;border-color:#ffffff1a;color:#666}.auction-sell{display:flex;flex-direction:column;gap:20px}.sell-type-tabs{display:flex;gap:10px;flex-wrap:wrap;padding:10px;background:#0003;border-radius:8px}.sell-type-tabs button{padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#888;font-size:.9rem;cursor:pointer;transition:all .3s}.sell-type-tabs button:hover{background:#ffffff1a;color:#fff}.sell-type-tabs button.active{background:linear-gradient(135deg,#d4af3733,#d4af371a);border-color:#d4af37;color:#d4af37}.sell-inventory{background:#0003;border-radius:8px;padding:15px}.sell-inventory h3{font-size:1rem;color:#d4af37;margin-bottom:10px}.sell-hint{margin-bottom:15px;padding:10px;background:#d4af371a;border-radius:6px}.hint-text{font-size:.85rem;color:#d4af37}.market-sell-list{display:flex;flex-direction:column;gap:8px}.sell-list-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;padding:10px 15px;background:#0000004d;border-radius:6px;font-size:.85rem;color:#888;font-weight:700}.sell-list-item{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;padding:12px 15px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:6px;cursor:pointer;transition:all .3s;align-items:center}.sell-list-item:hover{background:#ffffff0f;border-color:#d4af374d}.sell-list-item.selected{background:#d4af371a;border-color:#d4af37}.sell-list-item .col-name{font-size:.95rem}.sell-list-item .rarity-badge{font-size:.8rem;padding:2px 10px;border-radius:4px;display:inline-block}.sell-form{background:#0003;border-radius:8px;padding:20px}.sell-form h3{font-size:1rem;color:#d4af37;margin-bottom:15px}.selected-item-preview{padding:15px;background:#ffffff08;border-radius:8px;margin-bottom:20px;font-size:1rem}.selected-item-preview small{color:#888}.form-group{margin-bottom:15px}.form-group label{display:block;font-size:.85rem;color:#888;margin-bottom:8px}.form-group input{width:100%;padding:12px 15px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:1rem}.form-group input:focus{outline:none;border-color:#d4af37}.sell-fee{padding:15px;background:#d4af370d;border-radius:8px;margin-bottom:20px}.sell-fee p{font-size:.85rem;color:#888;margin-bottom:5px}.sell-fee p:last-child{margin-bottom:0;color:#d4af37;font-weight:700}.create-auction-btn{width:100%;padding:15px;background:linear-gradient(135deg,#56a8814d,#56a8811a);border:1px solid #56a881;border-radius:8px;color:#56a881;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s}.create-auction-btn:hover:not(:disabled){background:linear-gradient(135deg,#56a88180,#56a88133)}.create-auction-btn:disabled{opacity:.5;cursor:not-allowed}.auction-my{display:flex;flex-direction:column;gap:15px}.my-auctions-list{background:#0003;border-radius:8px;padding:15px}.my-auctions-list h3{font-size:1rem;color:#d4af37;margin-bottom:15px}.my-auction-item{display:flex;align-items:center;gap:15px;padding:15px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;margin-bottom:10px}.my-auction-item:last-child{margin-bottom:0}.my-auction-item .auction-info{flex:1}.my-auction-item .auction-info .item-name{font-size:1rem;font-weight:700;margin-bottom:5px}.auction-meta{font-size:.85rem;color:#888;margin-bottom:3px}.auction-time{font-size:.8rem;color:#666}.auction-stats{min-width:80px}.auction-status{display:inline-block;padding:4px 10px;border-radius:4px;font-size:.75rem}.auction-status.active{background:#56a88133;color:#56a881}.auction-status.sold{background:#d4af3733;color:#d4af37}.auction-status.expired,.auction-status.cancelled{background:#8883;color:#888}.cancel-btn{padding:8px 15px;background:#c41e3a33;border:1px solid #c41e3a;border-radius:6px;color:#c41e3a;font-size:.85rem;cursor:pointer;transition:all .3s}.cancel-btn:hover{background:#c41e3a4d}.trade-log-item{padding:15px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;margin-bottom:10px}.trade-log-item:last-child{margin-bottom:0}.trade-log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.trade-type{font-size:.85rem;font-weight:700}.trade-type.market_buy{color:#56a881}.trade-type.market_sell,.trade-type.system_buy{color:#d4af37}.trade-time{font-size:.75rem;color:#666}.trade-log-content{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.trade-log-content .item-name{font-weight:700}.trade-quantity{font-size:.9rem;color:#888}.trade-price{margin-left:auto;font-weight:700}.trade-price .expense{color:#c41e3a}.trade-price .income{color:#56a881}.empty-state{text-align:center;padding:40px 20px;color:#666}.empty-icon{font-size:3rem;margin-bottom:15px;opacity:.5}.empty-state p{font-size:.95rem;margin-bottom:15px}.empty-state button{padding:10px 25px;background:linear-gradient(135deg,#d4af374d,#d4af371a);border:1px solid #d4af37;border-radius:6px;color:#d4af37;font-size:.9rem;cursor:pointer;transition:all .3s}.empty-state button:hover{background:linear-gradient(135deg,#d4af3780,#d4af3733)}.empty-hint{font-size:.8rem;color:#888}.loading{text-align:center;padding:40px;color:#888;font-size:.95rem}.load-more{width:100%;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#888;font-size:.9rem;cursor:pointer;transition:all .3s}.load-more:hover{background:#ffffff1a;color:#fff}@media (max-width: 768px){.auction-container{padding:15px}.auction-tabs{flex-wrap:wrap;gap:8px}.auction-tabs button{padding:8px 15px;font-size:.85rem}.filter-tabs{padding:10px}.filter-row{flex-direction:column;align-items:flex-start}.filter-label{margin-bottom:5px}.filter-options{width:100%}.market-item-row{grid-template-columns:1fr 1fr;gap:8px}.market-item-row .item-name{grid-column:1 / -1}.market-item-row .item-price,.market-item-row .buy-btn{grid-column:span 1}.sell-list-header{display:none}.sell-list-item{grid-template-columns:1fr;gap:5px}.my-auction-item{flex-direction:column;align-items:stretch}.auction-stats{display:flex;justify-content:flex-end}.my-auction-item .auction-actions,.cancel-btn{width:100%}}.party-panel{margin-top:20px;background:linear-gradient(135deg,#1a1a2ee6,#16213ee6);border:1px solid rgba(86,168,129,.3);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000004d}.party-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(90deg,#56a88133,#d4af371a);border-bottom:1px solid rgba(86,168,129,.2)}.party-panel-header h4{margin:0;color:var(--wuji-gold);font-size:1.1rem;display:flex;align-items:center;gap:8px}.btn-create-party{padding:8px 16px;background:linear-gradient(135deg,#56a88166,#56a88199);border:1px solid var(--wuji-jade);color:#fff;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:6px}.btn-create-party:hover{background:linear-gradient(135deg,#56a88199,#56a881cc);box-shadow:0 0 15px #56a8814d;transform:translateY(-1px)}.party-panel-content{padding:0;max-height:500px;overflow-y:auto}.party-modal .modal-content{max-width:420px;background:linear-gradient(145deg,#1e1e36,#1a1a2e);border:1px solid rgba(86,168,129,.4);box-shadow:0 25px 50px -12px #0009,0 0 0 1px #56a8811a,inset 0 1px #ffffff0d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.party-modal .modal-header{background:linear-gradient(90deg,#56a88126,#d4af3714);border-bottom:1px solid rgba(86,168,129,.2);border-radius:16px 16px 0 0}.party-modal .modal-header h3{color:var(--wuji-gold);font-size:1.25rem;display:flex;align-items:center;gap:10px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.form-label{display:flex;align-items:center;gap:6px;margin-bottom:12px;color:#bbb;font-size:.95rem;font-weight:600;letter-spacing:.3px}.current-map-display{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:linear-gradient(135deg,#56a8811a,#0000004d);border:1px solid rgba(86,168,129,.4);border-radius:10px;margin-bottom:8px;transition:all .2s ease;box-shadow:0 2px 8px #0003}.current-map-display:hover{border-color:#56a88199;box-shadow:0 4px 12px #56a88126;transform:translateY(-1px)}.current-map-display .map-name{color:#fff;font-size:1.05rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.current-map-display .map-level{padding:4px 12px;background:linear-gradient(135deg,var(--wuji-gold),#e6c158);color:#000;border-radius:20px;font-size:.8rem;font-weight:700;box-shadow:0 2px 4px #0003}.form-hint{margin:8px 0 0;color:#789;font-size:.85rem;font-style:normal;display:flex;align-items:center;gap:6px}.form-hint:before{content:"💡";font-size:.9rem}.boost-options{display:flex;flex-direction:column;gap:10px}.boost-card{display:flex;align-items:center;gap:12px;padding:14px;background:#ffffff0d;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s}.boost-card:hover{background:#ffffff14;border-color:#ffffff1a}.boost-card.selected{background:#56a88126;border-color:var(--wuji-jade);box-shadow:0 0 10px #56a88133}.boost-card.exp.selected{background:#1976d226;border-color:#64b5f6;box-shadow:0 0 10px #1976d233}.boost-card.gold.selected{background:#f57c0026;border-color:#ffb74d;box-shadow:0 0 10px #f57c0033}.boost-card.drop.selected{background:#7b1fa226;border-color:#ce93d8;box-shadow:0 0 10px #7b1fa233}.boost-icon{font-size:1.8rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:10px}.boost-info{flex:1}.boost-name{font-size:1rem;font-weight:600;color:#fff;margin-bottom:4px}.boost-desc{font-size:.85rem;color:#888}.boost-check{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--wuji-jade);color:#000;border-radius:50%;font-weight:700;font-size:.9rem}.boost-card.exp .boost-check{background:#64b5f6}.boost-card.gold .boost-check{background:#ffb74d}.boost-card.drop .boost-check{background:#ce93d8}.party-modal .modal-footer{display:flex;gap:12px;padding:16px 20px}.party-modal .modal-footer button{flex:1;padding:12px;font-size:.95rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s}.party-modal .btn-secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#aaa}.party-modal .btn-secondary:hover{background:#ffffff26;color:#fff}.party-modal .btn-primary{background:linear-gradient(135deg,var(--wuji-jade),#4a9e7a);border:none;color:#000;font-weight:600}.party-modal .btn-primary:hover:not(:disabled){box-shadow:0 0 15px #56a88166;transform:translateY(-1px)}.party-modal .btn-primary:disabled{background:#ffffff1a;color:#666;cursor:not-allowed}.party-hall{padding:20px}.party-filters{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.party-filters select{padding:10px 14px;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .2s}.party-filters select:hover{border-color:#56a88180}.party-filters select:focus{outline:none;border-color:var(--wuji-jade);box-shadow:0 0 0 2px #56a88133}.party-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.party-card{border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:16px;background:#ffffff0d;transition:all .2s}.party-card:hover{border-color:#56a8814d;background:#ffffff14;box-shadow:0 4px 12px #0003}.party-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.party-card-header h4{margin:0;color:#fff;font-size:1rem}.boost-badge{padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:700}.boost-badge.exp{background:#1976d24d;color:#64b5f6}.boost-badge.gold{background:#f57c004d;color:#ffb74d}.boost-badge.drop{background:#7b1fa24d;color:#ce93d8}.party-card-body>div{margin-bottom:6px;font-size:.9rem;color:#aaa;display:flex;justify-content:space-between}.party-card-body>div span:last-child{color:#fff}.party-card-actions{display:flex;justify-content:flex-end;margin-top:12px}.party-detail{padding:20px}.party-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.party-detail-header h4{margin:0;color:var(--wuji-gold);font-size:1.1rem}.party-info{background:#0000004d;padding:16px;border-radius:10px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1)}.info-row{display:flex;justify-content:space-between;margin-bottom:10px;color:#aaa;font-size:.9rem}.info-row span:last-child{color:#fff;font-weight:500}.boost-text.exp{color:#64b5f6}.boost-text.gold{color:#ffb74d}.boost-text.drop{color:#ce93d8}.member-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff0d;border-radius:8px;margin-bottom:8px;border:1px solid rgba(255,255,255,.05)}.member-name{flex:1;font-weight:500;color:#fff}.member-leader{padding:2px 10px;background:var(--wuji-gold);color:#000;border-radius:12px;font-size:.7rem;font-weight:700}.member-me{padding:2px 10px;background:var(--wuji-jade);color:#000;border-radius:12px;font-size:.7rem;font-weight:700}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:20px}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.2);border-radius:16px;width:100%;max-width:500px;color:#fff;box-shadow:0 20px 60px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h3{margin:0;color:var(--wuji-gold);font-size:1.2rem}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.1)}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:10px;color:#888}.form-group input,.form-group select{width:100%;padding:12px;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--wuji-jade);box-shadow:0 0 0 3px #56a88133}.btn-primary{padding:10px 20px;background:var(--wuji-jade);color:#000;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:all .2s}.btn-primary:hover{background:#4a9e7a}.btn-primary:disabled{background:#ffffff1a;color:#666;cursor:not-allowed}.btn-secondary{padding:10px 20px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#fff3}.btn-danger{padding:8px 16px;background:#d32f2f4d;color:#ff6b6b;border:1px solid rgba(211,47,47,.5);border-radius:6px;cursor:pointer;transition:all .2s}.btn-danger:hover{background:#d32f2f80}.btn-small{padding:4px 10px;font-size:.8rem}.btn-close{background:none;border:none;font-size:28px;cursor:pointer;color:#888;transition:color .2s;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%}.btn-close:hover{color:#fff;background:#ffffff1a}.empty-state{text-align:center;padding:40px;color:#666}.empty-state p{margin-bottom:15px}.btn-refresh{padding:8px 14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#aaa;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s;display:flex;align-items:center;gap:6px}.btn-refresh:hover{background:#ffffff26;color:#fff}@media (max-width: 480px){.party-modal .modal-content{margin:10px}.boost-card{padding:12px}.boost-icon{width:40px;height:40px;font-size:1.5rem}.boost-name{font-size:.9rem}.boost-desc{font-size:.8rem}}:root{--rarity-white: #b0b0b0;--rarity-green: #00ff00;--rarity-blue: #0088ff;--rarity-purple: #a335ee;--rarity-gold: #ffd700;--wuji-cinnabar: #c41e3a;--wuji-ink: #1a1a1a;--wuji-gold: #d4af37;--wuji-jade: #56a881;--wuji-paper: #f0e6d2;--sidebar-width: 240px;--sidebar-bg: #1a1a1a;--sidebar-hover-bg: #2a2a2a;--sidebar-active-bg: rgba(86, 168, 129, .15);--sidebar-text: #cccccc;--sidebar-active-text: #ffffff;--sidebar-border: rgba(255, 255, 255, .05)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Microsoft YaHei,sans-serif;background:linear-gradient(135deg,#0d0d0d,#1a1a2e,#16213e 60%,#0f3460);min-height:100vh;color:#fff}.app{display:flex;min-height:100vh}.sidebar{position:fixed;left:0;top:0;width:var(--sidebar-width);height:100vh;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;z-index:1000;transition:transform .3s ease,width .3s ease}.sidebar-header{padding:20px 15px;border-bottom:1px solid var(--sidebar-border)}.sidebar-logo-img{width:60px;height:60px;object-fit:contain;display:block;margin:0 auto}.nav-list{list-style:none;flex:1;padding:10px 0}.nav-item{display:flex;align-items:center;padding:12px 20px;cursor:pointer;transition:all .2s ease;color:var(--sidebar-text);border-left:3px solid transparent}.nav-item:hover{background:var(--sidebar-hover-bg)}.nav-item.active{background:var(--sidebar-active-bg);border-left-color:var(--wuji-jade);color:var(--sidebar-active-text)}.nav-icon{margin-right:12px}.nav-text{flex:1;font-size:.95rem}.nav-badge{background:var(--wuji-cinnabar);color:#fff;padding:2px 8px;border-radius:10px;font-size:.75rem;margin-left:auto}.nav-badge.new-item{background:#f44;color:#f44;padding:4px;border-radius:50%;font-size:8px;animation:pulse-red 1.5s infinite}@keyframes pulse-red{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.sidebar-footer{padding:15px 20px;border-top:1px solid var(--sidebar-border)}.player-status{display:flex;flex-direction:column;gap:4px}.status-level{color:var(--wuji-gold);font-weight:700}.combat-status{display:flex;align-items:center;gap:8px;margin-top:10px;color:var(--wuji-cinnabar)}.status-dot{width:8px;height:8px;background:var(--wuji-cinnabar);border-radius:50%}.status-dot.pulsing{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.main-content{margin-left:var(--sidebar-width);flex:1;padding:20px}.content-section{display:none;max-width:800px;margin:0 auto}.content-section.active{display:block}.section-header{margin-bottom:20px}.section-header h2{font-family:STSong,SimSun,"Noto Serif SC",serif;font-size:1.5rem;background:linear-gradient(135deg,var(--wuji-paper),var(--wuji-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.section-desc{color:#888;font-size:.9rem}.panel{background:#1a1a1acc;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:20px;margin-bottom:20px}.panel h2{color:var(--wuji-gold);text-shadow:0 0 10px rgba(212,175,55,.3);border-bottom:1px solid rgba(212,175,55,.3);padding-bottom:10px;margin-bottom:15px;font-size:1.1rem}.panel h3{color:#56a881;font-size:.95rem;margin:15px 0 10px;padding-left:8px;border-left:3px solid #56a881}.travel-container{display:flex;flex-direction:column;gap:15px;min-height:100%}.travel-main{display:flex;flex-direction:column;gap:15px;flex:1}.travel-status{text-align:center;color:#a0a0a0;padding:8px;background:#0000004d;border-radius:8px}.travel-progress-bar{height:20px;background:#00000080;border-radius:10px;overflow:hidden}.travel-progress-fill{height:100%;background:linear-gradient(90deg,var(--wuji-jade),var(--wuji-gold));transition:width .1s ease;box-shadow:0 0 10px #56a88180}.travel-controls{display:flex;gap:10px;justify-content:center}.start-travel-btn{padding:14px 36px;font-size:1.1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#56a881,#3d8b6f,#2d6b54);border:2px solid rgba(255,215,0,.6);border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #56a88166,0 0 30px #56a88133,inset 0 1px #fff3;text-shadow:0 1px 2px rgba(0,0,0,.3);position:relative;overflow:hidden}.start-travel-btn:before{content:"☁️";margin-right:8px;font-size:1.2rem}.start-travel-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.start-travel-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 20px #56a88180,0 0 40px #56a8814d,inset 0 1px #ffffff4d;border-color:#ffd700cc}.start-travel-btn:hover:not(:disabled):after{left:100%}.start-travel-btn:active:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 10px #56a88166,inset 0 2px 4px #0003}.stop-travel-btn{padding:14px 36px;font-size:1.1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#c84a3e,#a63c32,#8b2e26);border:2px solid rgba(255,107,107,.6);border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #c84a3e66,0 0 30px #c84a3e33,inset 0 1px #fff3;text-shadow:0 1px 2px rgba(0,0,0,.3);position:relative;overflow:hidden;animation:pulse-red 2s ease-in-out infinite}.stop-travel-btn:before{content:"🛑";margin-right:8px;font-size:1.2rem}.stop-travel-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.stop-travel-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 20px #c84a3e80,0 0 40px #c84a3e4d,inset 0 1px #ffffff4d;border-color:#ff6b6be6;animation:none}.stop-travel-btn:hover:not(:disabled):after{left:100%}.stop-travel-btn:active:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 10px #c84a3e66,inset 0 2px 4px #0003}.stop-travel-btn:disabled{opacity:.5;cursor:not-allowed;animation:none;filter:grayscale(.5)}@keyframes pulse-red{0%,to{box-shadow:0 4px 15px #c84a3e66,0 0 30px #c84a3e33,inset 0 1px #fff3}50%{box-shadow:0 4px 20px #c84a3e99,0 0 40px #c84a3e66,inset 0 1px #fff3}}.travel-display{display:flex;flex-direction:column;align-items:center;gap:15px;padding:20px}.display-text-box{background:#fff;border:2px solid rgba(212,175,55,.5);border-radius:8px;padding:15px 25px;min-width:300px;text-align:center;box-shadow:0 4px 15px #0003}.display-text{color:#000;font-size:1.1rem;font-weight:500}.explore-progress-container{margin-top:20px;display:flex;align-items:center;gap:12px;width:100%;max-width:500px;margin-left:auto;margin-right:auto;padding:0 20px}.explore-progress-bar{flex:1;height:24px;background:#0009;border-radius:12px;overflow:hidden;border:2px solid rgba(255,215,0,.4);box-shadow:0 2px 8px #0000004d}.explore-progress-fill{height:100%;background:linear-gradient(90deg,#4a9eff,#66b3ff,gold);transition:width .05s linear;box-shadow:0 0 15px #ffd70066;border-radius:10px}.explore-progress-text{font-size:1rem;color:var(--wuji-gold);min-width:50px;text-align:right;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}.event-preview{margin-bottom:10px;padding:8px 16px;background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:8px;font-size:.95rem;color:var(--wuji-gold);text-align:center;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.travel-logs-split{display:flex;gap:15px;margin-top:20px}.travel-logs-split .travel-logs-panel{flex:1;margin-top:0}.travel-logs-panel.combat-logs{border-color:#ff64644d;background:#32000033}.travel-logs-panel.combat-logs h4{color:#ff6464;border-color:#ff64644d}.travel-logs-panel.travel-logs{border-color:#64ff644d;background:#00320033}.travel-logs-panel.travel-logs h4{color:#64ff64;border-color:#64ff644d}@media (max-width: 768px){.travel-logs-split{flex-direction:column}}.travel-logs-panel{margin-top:20px;padding:15px;background:#0000004d;border:1px solid rgba(255,215,0,.2);border-radius:12px;min-height:200px;max-height:400px;display:flex;flex-direction:column;flex:1}.travel-logs-panel h4{margin:0 0 10px;color:var(--wuji-gold);font-size:1rem;border-bottom:1px solid rgba(255,215,0,.2);padding-bottom:8px}.travel-logs-list{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:6px;min-height:150px;max-height:320px}.travel-log-item{display:flex;gap:10px;padding:6px 10px;background:#ffffff0d;border-radius:6px;font-size:.85rem;align-items:flex-start}.travel-log-item .log-time{color:#888;font-size:.75rem;white-space:nowrap;min-width:60px}.travel-log-item .log-message{color:#ccc;word-break:break-word;flex:1}.travel-log-item.victory .log-message{color:#4ade80}.travel-log-item.critical .log-message{color:#f87171}.travel-log-item.combat .log-message{color:#fbbf24}.log-empty{text-align:center;color:#888;padding:40px 20px;font-size:1rem;font-style:italic;background:#ffffff08;border-radius:8px;margin:10px 0;border:1px dashed rgba(255,215,0,.2)}.sync-status-indicator{position:fixed;bottom:20px;right:20px;z-index:1000}.sync-status{display:flex;align-items:center;gap:8px;padding:10px 15px;background:#1a1a2ef2;border:1px solid rgba(212,175,55,.3);border-radius:8px;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000004d}.sync-status.syncing{border-color:#4a9eff80;color:#4a9eff}.sync-status.error{border-color:#f8717180;color:#f87171}.sync-status.offline{border-color:#9ca3af80;color:#9ca3af}.sync-status.pending{border-color:#fbbf2480;color:#fbbf24}.sync-spinner{animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sync-text{font-weight:500}.sync-pending{font-size:.8rem;opacity:.8}.sync-retry-btn,.sync-refresh-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:1rem;padding:2px 6px;border-radius:4px;transition:all .2s}.sync-retry-btn:hover,.sync-refresh-btn:hover{background:#ffffff1a}.player-status-bar{display:flex;justify-content:center;align-items:center;gap:20px;padding:12px 20px;background:#0006;border-radius:12px;border:1px solid rgba(255,215,0,.2);margin-bottom:15px;flex-wrap:wrap}.status-item{display:flex;align-items:center;gap:8px}.status-label{color:#a0a0a0;font-size:.9rem}.status-value{color:#fff;font-weight:700;font-size:1rem}.status-value.gold{color:var(--wuji-gold)}.exp-bar-container{flex:1;min-width:200px;max-width:300px}.exp-bar-wrapper{display:flex;flex-direction:column;gap:4px;flex:1}.map-selector{display:flex;align-items:center;gap:8px}.map-select{background:#00000080;border:1px solid rgba(255,215,0,.3);border-radius:6px;padding:6px 10px;color:#fff;font-size:.9rem;cursor:pointer;min-width:140px;outline:none;transition:border-color .2s ease}.map-select:hover:not(:disabled){border-color:#ffd70099}.map-select:focus{border-color:var(--wuji-gold)}.map-select:disabled{opacity:.5;cursor:not-allowed}.map-select option{background:#1a1a2e;color:#fff;padding:8px}.exp-bar{height:12px;background:#00000080;border-radius:6px;overflow:hidden;border:1px solid rgba(86,168,129,.3)}.exp-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);transition:width .3s ease;box-shadow:0 0 8px #4ade8066}.exp-text{font-size:.75rem;color:#a0a0a0;text-align:center}.level-up-control-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#0000004d;border-radius:8px;margin-bottom:15px;flex-wrap:wrap;gap:10px}.level-up-mode{display:flex;align-items:center;gap:10px}.level-up-mode span{color:#a0a0a0;font-size:.9rem}.mode-toggle{padding:6px 12px;border:1px solid rgba(255,215,0,.3);border-radius:6px;background:#0000004d;color:#fff;cursor:pointer;transition:all .3s ease}.mode-toggle:hover{background:#ffd7001a}.mode-toggle.auto{border-color:#4ade80;color:#4ade80}.mode-toggle.manual{border-color:#f59e0b;color:#f59e0b}.level-up-btn{padding:8px 16px;background:linear-gradient(135deg,gold,#ff8c00);border:none;border-radius:8px;color:#1a1a2e;font-weight:700;cursor:pointer;animation:pulse-gold 1.5s ease-in-out infinite;transition:all .3s ease}.level-up-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ffd70066}@keyframes pulse-gold{0%,to{box-shadow:0 0 #ffd70066}50%{box-shadow:0 0 0 10px #ffd70000}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,215,0,.3);border-radius:16px;padding:24px;max-width:400px;width:90%;box-shadow:0 10px 40px #00000080}.level-up-modal h3{text-align:center;color:var(--wuji-gold);margin-bottom:20px}.level-up-info{background:#0000004d;padding:16px;border-radius:8px;margin-bottom:20px}.level-up-info p{margin:8px 0;color:#ccc}.level-up-info strong{color:#fff}.level-up-info .highlight{color:#4ade80;font-size:1.2rem}.target-level-input{display:flex;align-items:center;gap:10px;margin-bottom:20px}.target-level-input label{color:#a0a0a0}.target-level-input input{flex:1;padding:10px;background:#0000004d;border:1px solid rgba(255,215,0,.3);border-radius:6px;color:#fff;text-align:center;font-size:1.1rem}.target-level-input input:focus{outline:none;border-color:var(--wuji-gold)}.modal-actions{display:flex;gap:12px}.modal-actions button{flex:1;padding:12px;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:all .3s ease}.btn-cancel{background:#ffffff1a;color:#fff}.btn-cancel:hover:not(:disabled){background:#fff3}.btn-confirm{background:linear-gradient(135deg,#4ade80,#22c55e);color:#1a1a2e}.btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #4ade8066}.btn-confirm:disabled,.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.offline-summary-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,215,0,.3);border-radius:16px;padding:24px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #00000080}.offline-summary-modal h3{text-align:center;color:var(--wuji-gold);margin-bottom:20px;font-size:1.4rem}.offline-summary-content{display:flex;flex-direction:column;gap:16px}.offline-summary-header{background:#0000004d;padding:16px;border-radius:8px;text-align:center}.offline-summary-header p{margin:4px 0;color:#ccc}.offline-summary-header strong{color:var(--wuji-gold);font-size:1.1rem}.offline-summary-section{background:#0003;padding:12px;border-radius:8px;border-left:3px solid var(--wuji-gold)}.offline-summary-section h4{margin:0 0 12px;color:#fff;font-size:1rem}.offline-summary-section.penalties{border-left-color:#ef4444}.offline-summary-section.penalties h4{color:#ef4444}.offline-summary-section.rewards{border-left-color:#4ade80}.offline-summary-section.rewards h4{color:#4ade80}.combat-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat-item{display:flex;flex-direction:column;align-items:center;padding:8px;background:#ffffff0d;border-radius:6px}.stat-label{font-size:.85rem;color:#888;margin-bottom:4px}.stat-value{font-size:.9rem;color:#fff;text-align:center}.other-stats{display:flex;justify-content:space-around;flex-wrap:wrap;gap:8px}.other-stats span{padding:6px 12px;background:#ffffff0d;border-radius:4px;color:#ccc;font-size:.9rem}.penalty-stats{display:flex;justify-content:space-around;gap:16px}.penalty-stats span{color:#ef4444;font-size:.9rem}.net-rewards{display:flex;justify-content:space-around;flex-wrap:wrap;gap:12px}.net-rewards span{padding:8px 16px;border-radius:6px;font-weight:700;font-size:1rem}.reward-exp{background:#4ade8033;color:#4ade80}.reward-gold{background:#ffd70033;color:gold}.reward-items{background:#3b82f633;color:#60a5fa}.reward-materials{background:#8b5cf633;color:#a78bfa}.reward-pills{background:#ec489933;color:#f472b6}.reward-item-white{background:#d1d5db33;color:#d1d5db}.reward-item-green{background:#4ade8033;color:#4ade80}.reward-item-blue{background:#60a5fa33;color:#60a5fa}.reward-item-purple{background:#c084fc33;color:#c084fc}.reward-item-gold{background:#fbbf2433;color:#fbbf24}.reward-item-rainbow{background:linear-gradient(135deg,#f003,#ffa50033,#ff03,#0f03,#00f3);color:#ff69b4}.event-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.combat-records-list{display:flex;flex-direction:column;gap:6px;max-height:150px;overflow-y:auto}.combat-record{display:grid;grid-template-columns:50px 1fr 30px 60px;align-items:center;padding:6px 10px;background:#ffffff0d;border-radius:4px;font-size:.85rem}.combat-record.victory{border-left:2px solid #4ade80}.combat-record.defeat{border-left:2px solid #ef4444}.record-type{color:#888;font-size:.75rem}.record-name{color:#fff;padding:0 8px}.record-result{text-align:center;font-weight:700}.combat-record.victory .record-result{color:#4ade80}.combat-record.defeat .record-result{color:#ef4444}.record-reward{color:#4ade80;text-align:right;font-size:.8rem}.btn{padding:12px 25px;border:none;border-radius:10px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:700}.btn-travel{background:linear-gradient(135deg,var(--wuji-jade),#2d5f4c);color:#fff;border:1px solid var(--wuji-gold);min-width:140px;font-size:16px}.btn-travel:hover:not(:disabled){box-shadow:0 0 20px #56a88180;transform:translateY(-2px)}.btn-travel:disabled{opacity:.6;cursor:not-allowed}.btn-travel.active{background:linear-gradient(135deg,var(--wuji-cinnabar),#ff4444);border-color:#f66;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #f446}50%{box-shadow:0 0 0 10px #f440}}.btn-toggle{background:#ffffff1a;color:#fff;min-width:120px}.btn-toggle.active{background:linear-gradient(135deg,var(--wuji-jade),#00d9ff);color:#1a1a2e}.btn-primary{background:linear-gradient(135deg,var(--wuji-cinnabar),#ff6b6b);color:#fff}.btn-secondary{background:#ffffff1a;color:#fff}.btn-danger{background:linear-gradient(135deg,#c41e3a,#8b0000);color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#d32f2f,#a00000);transform:translateY(-2px);box-shadow:0 4px 12px #c41e3a66}.combat-entities{display:flex;align-items:center;justify-content:space-around;margin-bottom:20px}.entity{flex:1;text-align:center;padding:15px;background:#ffffff0d;border-radius:10px}.entity-name{margin-bottom:10px;font-weight:700}.hp-bar{height:20px;background:#00000080;border-radius:10px;overflow:hidden;margin-bottom:8px}.hp-fill{height:100%;transition:width .3s ease}.player-hp-fill{background:linear-gradient(90deg,var(--wuji-cinnabar),#ff6b6b)}.monster-hp-fill{background:linear-gradient(90deg,#8b0000,var(--wuji-cinnabar))}.monster-hp-fill.elite{background:linear-gradient(90deg,purple,orchid)}.monster-hp-fill.boss{background:linear-gradient(90deg,#4a0000,red)}.monsters-container{display:flex;flex-wrap:wrap;gap:10px;flex:2;justify-content:center}.monsters-container .monster-entity{flex:0 0 calc(50% - 5px);min-width:120px;max-width:180px;padding:10px;background:#8b00001a;border:1px solid rgba(139,0,0,.3);border-radius:8px;transition:all .3s}.monsters-container .monster-entity.dead{opacity:.4;background:#0000004d;border-color:#ffffff1a}.monsters-container .monster-entity.targeted{border-color:var(--wuji-gold);box-shadow:0 0 10px #d4af374d}.monsters-container .entity-name{font-size:.9rem;margin-bottom:8px}.target-mark{margin-left:5px;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.shield-text{color:#56a881;margin-left:8px}.vs-divider{padding:0 20px;font-weight:700;color:var(--wuji-gold)}.combat-log-container{max-height:200px;overflow-y:auto;background:#0000004d;border-radius:8px;padding:10px}.combat-log{display:flex;flex-direction:column;gap:5px}.combat-log-entry{font-size:.85rem;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.05)}.combat-log-entry:last-child{border-bottom:none}.log-time{color:#666;margin-right:8px}.log-container{max-height:300px;overflow-y:auto}.log-entry{padding:8px 10px;margin-bottom:8px;border-left:3px solid var(--wuji-jade);background:linear-gradient(90deg,rgba(86,168,129,.1),transparent)}.log-entry.critical{border-left-color:#ff6b6b;color:#ff6b6b}.log-entry.victory{border-left-color:var(--wuji-gold);color:var(--wuji-gold)}.log-entry.defeat{border-left-color:var(--wuji-cinnabar);color:var(--wuji-cinnabar)}.log-entry.levelup{border-left-color:var(--rarity-gold);animation:levelup-glow 2s ease-in-out infinite}.log-entry.sale{border-left-color:gold;color:gold;background:linear-gradient(90deg,rgba(255,215,0,.1),transparent)}@keyframes levelup-glow{0%,to{box-shadow:0 0 5px #ffd7004d}50%{box-shadow:0 0 20px #ffd70099}}.equipment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}.equipment-slot{background:linear-gradient(135deg,#1a1a1ae6,#0d0d0df2);border:1px solid rgba(212,175,55,.2);border-radius:8px;padding:12px;position:relative}.equipment-slot.empty{border-color:#ffffff1a}.equipment-slot.white{border-color:var(--rarity-white)}.equipment-slot.green{border-color:var(--rarity-green)}.equipment-slot.blue{border-color:var(--rarity-blue)}.equipment-slot.purple{border-color:var(--rarity-purple)}.equipment-slot.gold{border-color:var(--rarity-gold);box-shadow:0 0 10px #ffd7004d}.equipment-slot.rainbow{border:2px solid transparent;background:linear-gradient(135deg,red,#a335ee,#08f,#0f0) border-box;animation:rainbow-border 3s linear infinite}.equip-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.equip-icon{font-size:1.2rem}.equip-part{color:#888;font-size:.85rem}.equip-name{font-size:.8rem;margin-bottom:4px}.equip-stat{color:#00d9ff;font-size:.75rem;margin-bottom:8px}.btn-unequip{width:100%;padding:6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:4px;cursor:pointer;font-size:.75rem}.btn-unequip:hover{background:#fff3}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.inventory-slot{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px;position:relative}.inventory-slot.white{border-color:var(--rarity-white)}.inventory-slot.green{border-color:var(--rarity-green)}.inventory-slot.blue{border-color:var(--rarity-blue)}.inventory-slot.purple{border-color:var(--rarity-purple)}.inventory-slot.gold{border-color:var(--rarity-gold);box-shadow:0 0 10px #ffd7004d}.inventory-slot.rainbow{border:2px solid transparent;background:linear-gradient(135deg,red,#a335ee,#08f,#0f0) border-box;animation:rainbow-border 3s linear infinite}.item-icon{font-size:1.5rem;margin-bottom:5px}.item-name{font-size:.75rem;color:silver;margin-bottom:3px}.item-stat{font-size:.7rem;color:#00d9ff;margin-bottom:5px}.btn-equip{padding:4px 8px;background:#00d9ff4d;border:1px solid rgba(0,217,255,.5);color:#fff;border-radius:4px;cursor:pointer;font-size:.7rem}.btn-equip:hover{background:#00d9ff80}.empty-slot{background:#0003;border-radius:8px;padding:20px;text-align:center;color:#666}.stat-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.stat-row.large{padding:15px 0;font-size:1.1rem}.stat-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(86,168,129,.3),transparent);margin:15px 0}.stat-label{color:#aaa}.stat-value{color:#fff;font-weight:700}.stat-value.highlight{color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.progress-bar{height:20px;background:#00000080;border-radius:10px;overflow:hidden;margin:10px 0}.progress-fill{height:100%;background:linear-gradient(90deg,var(--wuji-jade),var(--wuji-gold));transition:width .3s ease}.controls-panel{display:flex;gap:15px;justify-content:center;margin-top:20px}.controls-panel .btn{min-width:150px}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.main-content{margin-left:0;padding:15px}.travel-controls{flex-direction:column}.btn{width:100%}.combat-entities{flex-direction:column;gap:15px}.vs-divider{padding:10px 0}.monsters-container{flex-direction:column;align-items:center}.monsters-container .monster-entity{flex:0 0 auto;width:100%;max-width:200px}}.bulk-sale-container{margin-bottom:20px;padding:15px;background:#0003;border-radius:8px}.bulk-sale-label{display:block;color:#aaa;font-size:.9rem;margin-bottom:10px}.bulk-sale-buttons{display:flex;flex-wrap:wrap;gap:8px}.btn-bulk-sale{padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;font-size:.75rem;color:#fff;transition:all .2s ease}.btn-bulk-sale:disabled{opacity:.4;cursor:not-allowed}.btn-bulk-sale.btn-white{background:#b0b0b04d;border-color:var(--rarity-white)}.btn-bulk-sale.btn-white:hover:not(:disabled){background:#b0b0b080}.btn-bulk-sale.btn-green{background:#0f03;border-color:var(--rarity-green)}.btn-bulk-sale.btn-green:hover:not(:disabled){background:#00ff004d}.btn-bulk-sale.btn-blue{background:#08f3;border-color:var(--rarity-blue)}.btn-bulk-sale.btn-blue:hover:not(:disabled){background:#0088ff4d}.btn-bulk-sale.btn-purple{background:#a335ee33;border-color:var(--rarity-purple)}.btn-bulk-sale.btn-purple:hover:not(:disabled){background:#a335ee4d}.btn-bulk-sale.btn-gold{background:#ffd70033;border-color:var(--rarity-gold)}.btn-bulk-sale.btn-gold:hover:not(:disabled){background:#ffd7004d;box-shadow:0 0 10px #ffd7004d}.item-sale-price{font-size:.7rem;color:gold;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.rainbow-warning{color:#ff6b6b;font-weight:700;animation:rainbow-warning-pulse 1.5s ease-in-out infinite}@keyframes rainbow-warning-pulse{0%,to{opacity:1}50%{opacity:.5}}.item-actions{display:flex;gap:6px}.btn-sell{flex:1;padding:4px 8px;background:#ff6b6b4d;border:1px solid rgba(255,107,107,.5);color:#fff;border-radius:4px;cursor:pointer;font-size:.7rem;transition:all .2s ease}.btn-sell:hover{background:#ff6b6b80}.btn-sell-rainbow{background:linear-gradient(135deg,#ff00004d,#a335ee4d);border:1px solid rgba(255,0,0,.5);font-weight:700}.btn-sell-rainbow:hover{background:linear-gradient(135deg,#ff000080,#a335ee80);box-shadow:0 0 10px #ff000080}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(212,175,55,.3);border-radius:12px;padding:24px;max-width:400px;width:90%;box-shadow:0 0 30px #00000080}.dialog-title{font-size:1.2rem;color:var(--wuji-gold);text-align:center;margin-bottom:16px;font-family:STSong,SimSun,"Noto Serif SC",serif}.dialog-title-rainbow{color:#ff6b6b;animation:rainbow-warning-pulse 2s ease-in-out infinite}.dialog-body{margin-bottom:20px}.dialog-body p{margin:8px 0;color:#ccc;font-size:.95rem}.dialog-body .highlight{color:var(--wuji-gold);font-size:1.1rem}.dialog-warning{color:#ff6b6b;font-size:.85rem;margin-top:12px;padding:8px;background:#ff6b6b1a;border-radius:6px;text-align:center}.dialog-warning-rainbow{background:linear-gradient(135deg,#ff000026,#a335ee26);border:1px solid rgba(255,107,107,.3)}.dialog-actions{display:flex;gap:12px;justify-content:center}.btn-dialog-cancel,.btn-dialog-confirm{padding:10px 24px;border-radius:6px;font-size:.95rem;cursor:pointer;transition:all .2s ease;font-weight:700}.btn-dialog-cancel{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.btn-dialog-cancel:hover{background:#fff3}.btn-dialog-confirm{background:linear-gradient(135deg,var(--wuji-cinnabar),#ff6b6b);border:1px solid rgba(255,107,107,.5);color:#fff}.btn-dialog-confirm:hover{box-shadow:0 0 15px #ff6b6b80}@media (max-width: 768px){.bulk-sale-buttons{flex-direction:column}.btn-bulk-sale{width:100%;text-align:left}}.gathering-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gathering-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid var(--wuji-gold);border-radius:16px;padding:30px 40px;min-width:400px;text-align:center;box-shadow:0 0 40px #d4af3766}.gathering-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.gathering-header.gathering-success{flex-direction:column}.gathering-icon{font-size:2rem}.gathering-title{font-family:STSong,SimSun,"Noto Serif SC",serif;font-size:1.4rem;color:var(--wuji-gold)}.gathering-success-title{animation:glow 1.5s ease-in-out infinite}@keyframes glow{0%,to{text-shadow:0 0 10px rgba(212,175,55,.5)}50%{text-shadow:0 0 20px rgba(212,175,55,1)}}.gathering-animation{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px}.gathering-character{font-size:3rem;animation:bounce .5s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.gathering-target{font-size:3rem;filter:drop-shadow(0 0 10px rgba(86,168,129,.5))}.gathering-progress-bar{height:24px;background:#00000080;border-radius:12px;overflow:hidden;margin-bottom:15px;border:1px solid rgba(212,175,55,.3)}.gathering-progress-fill{height:100%;background:linear-gradient(90deg,var(--wuji-jade),var(--wuji-gold));transition:width .05s linear;box-shadow:0 0 15px #56a88199}.gathering-status{color:#aaa;font-size:.95rem}.gathering-result{padding:20px}.gathering-item-display{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:15px}.gathering-item-icon{font-size:3rem;animation:item-pop .5s ease-out}@keyframes item-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.gathering-item-name{font-size:1.3rem;font-family:STSong,SimSun,"Noto Serif SC",serif;font-weight:700}.gathering-item-name.rarity-white{color:var(--rarity-white)}.gathering-item-name.rarity-green{color:var(--rarity-green)}.gathering-item-name.rarity-blue{color:var(--rarity-blue)}.gathering-item-name.rarity-purple{color:var(--rarity-purple)}.gathering-item-name.rarity-gold{color:var(--rarity-gold);text-shadow:0 0 10px rgba(255,215,0,.5)}.gathering-item-name.rarity-rainbow{background:linear-gradient(135deg,red,#a335ee,#08f,#0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rainbow-text 2s linear infinite}@keyframes rainbow-text{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.gathering-item-desc{color:#888;font-size:.9rem;font-style:italic}.materials-panel{margin-top:20px}.materials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.material-type{font-size:.7rem;color:#888;margin-bottom:3px}.item-stack{font-size:.75rem;color:var(--wuji-gold);font-weight:700;margin-bottom:3px}.item-desc{font-size:.65rem;color:#666;margin-bottom:5px;font-style:italic}.alchemy-panel h2{color:var(--wuji-gold);border-bottom-color:#d4af3780}.rarity-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.rarity-option{display:flex;flex-direction:column;align-items:center;padding:15px;border:2px solid rgba(255,255,255,.1);border-radius:8px;background:#0000004d;cursor:pointer;transition:all .2s ease;gap:6px}.rarity-option:hover:not(.disabled){transform:translateY(-2px);border-color:var(--wuji-gold)}.rarity-option.selected{border-color:var(--wuji-gold);background:#d4af371a;box-shadow:0 0 15px #d4af374d}.rarity-option.disabled{opacity:.4;cursor:not-allowed}.rarity-option.white{border-color:var(--rarity-white)}.rarity-option.green{border-color:var(--rarity-green)}.rarity-option.blue{border-color:var(--rarity-blue)}.rarity-option.purple{border-color:var(--rarity-purple)}.rarity-option.gold{border-color:var(--rarity-gold);box-shadow:0 0 10px #ffd7004d}.rarity-option.rainbow{border-color:transparent;background:linear-gradient(135deg,red,#a335ee,#08f,#0f0);animation:rainbow-border 3s linear infinite}@keyframes rainbow-border{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.rarity-name{font-size:.95rem;font-weight:700;color:#fff}.rarity-count{font-size:.85rem;color:var(--wuji-jade);font-weight:700}.rarity-required{font-size:.7rem;color:#888}.craft-config{display:flex;flex-direction:column;gap:12px}.config-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.config-label{color:#aaa;font-size:.9rem}.config-value{color:#fff;font-weight:700;font-size:.95rem}.config-value.error{color:var(--wuji-cinnabar)}.count-btn{width:36px;height:36px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;border-radius:6px;cursor:pointer;font-size:1.2rem;transition:all .2s ease}.count-btn:hover:not(:disabled){background:#fff3;border-color:var(--wuji-gold)}.count-btn:disabled{opacity:.4;cursor:not-allowed}.count-input{width:60px;height:36px;border:1px solid rgba(255,255,255,.2);background:#0000004d;color:#fff;border-radius:6px;text-align:center;font-size:1rem;font-weight:700}.count-input:focus{outline:none;border-color:var(--wuji-gold)}.max-btn{width:auto;padding:0 12px;font-size:.85rem}.probability-info{display:flex;flex-direction:column;gap:10px}.prob-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.prob-label{color:#aaa;font-size:.9rem;min-width:100px}.prob-value{color:#fff;font-weight:700;font-size:.95rem}.prob-value.highlight{color:var(--wuji-gold);margin-left:auto}.prob-desc{color:#888;font-size:.8rem}.craft-actions{display:flex;flex-direction:column;align-items:center;gap:12px}.btn-craft{padding:15px 40px;font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,var(--wuji-cinnabar),#ff6b6b);color:#fff;border:2px solid rgba(255,107,107,.5);border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #ff6b6b4d}.btn-craft:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 30px #ff6b6b99}.btn-craft:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.craft-error{color:var(--wuji-cinnabar);font-size:.9rem}.alchemy-rules{display:flex;flex-direction:column;gap:8px}.alchemy-rules p{color:#aaa;font-size:.85rem;line-height:1.6}@media (max-width: 768px){.rarity-selector{grid-template-columns:repeat(2,1fr)}.config-row{flex-direction:column;align-items:flex-start;gap:4px}.count-controls{width:100%;justify-content:center}.count-input{width:50px}.prob-row{flex-wrap:wrap}.prob-label{min-width:auto;width:100%}.prob-value.highlight{margin-left:0;margin-right:auto}}.stats-panel{margin-bottom:20px}.inventory-stats{display:flex;gap:30px;justify-content:center}.stat-item{text-align:center}.stat-value{display:block;font-size:1.8rem;font-weight:700;color:var(--wuji-gold)}.stat-label{font-size:.85rem;color:#888}.equipped-panel{margin-bottom:20px}.equipped-panel h3{margin-bottom:15px;color:var(--wuji-gold);font-size:1.1rem}.equipped-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.equipped-item{display:flex;align-items:center;gap:10px;padding:10px 15px;background:#ffffff0d;border-radius:8px;border-left:3px solid transparent}.equipped-item.weapon{border-left-color:var(--rarity-white)}.equipped-item.green{border-left-color:var(--rarity-green)}.equipped-item.blue{border-left-color:var(--rarity-blue)}.equipped-item.purple{border-left-color:var(--rarity-purple)}.equipped-item.gold{border-left-color:var(--rarity-gold)}.equipped-item.rainbow{border-left-color:red}.equipped-slot{font-size:.8rem;color:#888;min-width:50px}.equipped-name{flex:1;font-weight:700;font-size:.95rem}.equipped-name.rarity-white{color:#b0b0b0}.equipped-name.rarity-green{color:#0f0}.equipped-name.rarity-blue{color:#08f}.equipped-name.rarity-purple{color:#a335ee}.equipped-name.rarity-gold{color:gold}.equipped-name.rarity-rainbow{background:linear-gradient(135deg,red,#a335ee,#08f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.equipped-tools-section{margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,215,0,.2)}.equipped-tools-section h4{margin:0 0 10px;color:var(--wuji-gold);font-size:.95rem}.equipped-tools-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.equipped-tool-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff0d;border-radius:6px;border-left:3px solid transparent}.equipped-tool-item.green{border-left-color:var(--rarity-green)}.equipped-tool-item.blue{border-left-color:var(--rarity-blue)}.equipped-tool-item.purple{border-left-color:var(--rarity-purple)}.equipped-tool-item.gold{border-left-color:var(--rarity-gold)}.equipped-tool-item.rainbow{border-left-color:red}.equipped-stat{font-size:.85rem;color:#aaa}.equipped-empty{flex:1;color:#666;font-style:italic}.btn-mini{padding:4px 12px;font-size:.8rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:4px;cursor:pointer}.btn-mini:hover{background:#fff3}.tabs-panel{margin-bottom:15px;padding:10px}.inventory-tabs{display:flex;gap:10px;flex-wrap:wrap}.inventory-tabs button{padding:8px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#aaa;border-radius:6px;cursor:pointer;transition:all .2s}.inventory-tabs button:hover{background:#ffffff1a;color:#fff}.inventory-tabs button.active{background:#56a8814d;border-color:var(--wuji-jade);color:#fff}.bulk-panel{display:flex;align-items:center;gap:10px;margin-bottom:15px;flex-wrap:wrap}.bulk-label{color:#888;font-size:.9rem}.bulk-panel select{padding:8px 15px;background:#0000004d;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:6px;cursor:pointer;min-width:200px}.bulk-panel select option{background:#1a1a2e;color:#fff}.list-panel{padding:0;overflow-x:auto}.inventory-table{width:100%;border-collapse:collapse;font-size:.9rem}.inventory-table th{padding:12px 15px;text-align:left;background:#0000004d;color:#888;font-weight:400;font-size:.85rem;border-bottom:1px solid rgba(255,255,255,.1)}.inventory-table th.col-qty{width:60px;text-align:center}.inventory-table th.col-level,.inventory-table th.col-value{width:80px}.inventory-table th.col-type{width:100px}.inventory-table th.col-action{width:150px;text-align:center}.inventory-table td{padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.inventory-table tr:hover{background:#ffffff08}.inventory-table .col-qty{text-align:center;color:#888;font-size:.85rem}.inventory-table .col-name{font-weight:700}.item-name-link{cursor:pointer;text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .2s}.item-name-link:hover{text-decoration-color:currentColor}.inventory-table .col-level,.inventory-table .col-value{color:#aaa}.inventory-table .col-type{color:#888;font-size:.85rem}.inventory-table .col-stats{color:#888;font-size:.85rem;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inventory-table .col-action{text-align:center}.action-buttons{display:flex;gap:8px;justify-content:center}.btn-action{padding:6px 14px;font-size:.8rem;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.btn-action.equip{background:#56a8814d;color:#fff}.btn-action.equip:hover{background:#56a88180}.btn-action.sell{background:#c41e3a4d;color:#fff}.btn-action.sell:hover{background:#c41e3a80}.btn-action.use{background:#4a9eff4d;color:#4a9eff}.btn-action.use:hover{background:#4a9eff80}.empty-row{text-align:center;padding:40px!important;color:#666;font-style:italic}.item-detail{max-width:400px}.item-detail h3{text-align:center;margin-bottom:20px;font-size:1.3rem}.detail-info{margin-bottom:25px}.detail-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}.detail-row:last-child{border-bottom:none}.detail-label{color:#888;font-size:.9rem}.detail-value{color:#fff;font-weight:700}.realm-name{color:gold;font-weight:700;text-shadow:0 0 10px rgba(255,215,0,.3)}.realm-bonus{color:#56a881;font-weight:700}.substats-row{flex-direction:column;gap:10px}.substats-row .detail-label{align-self:flex-start}.substats-list{display:flex;flex-wrap:wrap;gap:8px}.substat-tag{display:inline-block;padding:4px 10px;background:linear-gradient(135deg,#56a88133,#56a8811a);border:1px solid rgba(86,168,129,.3);border-radius:12px;font-size:.85rem;color:#7dd3a8;font-weight:500}.detail-actions{display:flex;gap:10px;justify-content:center}.btn-primary,.btn-secondary,.btn-cancel{padding:10px 20px;border-radius:6px;font-size:.9rem;cursor:pointer;border:none;transition:all .2s}.btn-primary{background:#56a88166;color:#fff}.btn-primary:hover{background:#56a88199}.btn-secondary{background:#c41e3a66;color:#fff}.btn-secondary:hover{background:#c41e3a99}.btn-cancel{background:#ffffff1a;color:#aaa}.btn-cancel:hover{background:#fff3;color:#fff}.inventory-table tr.white .col-name{color:var(--rarity-white)}.inventory-table tr.green .col-name{color:var(--rarity-green)}.inventory-table tr.blue .col-name{color:var(--rarity-blue)}.inventory-table tr.purple .col-name{color:var(--rarity-purple)}.inventory-table tr.gold .col-name{color:var(--rarity-gold)}.inventory-table tr.rainbow .col-name,.inventory-table tr.godly .col-name{background:linear-gradient(135deg,red,#a335ee,#08f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pagination{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px 15px;border-top:1px solid rgba(255,255,255,.1);background:#0003;flex-wrap:wrap}.btn-page{padding:8px 15px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ccc;cursor:pointer;font-size:.85rem;transition:all .2s}.btn-page:hover:not(:disabled){background:#fff3;color:#fff}.btn-page:disabled{opacity:.3;cursor:not-allowed}.page-numbers{display:flex;gap:5px}.btn-page-number{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#aaa;cursor:pointer;font-size:.9rem;transition:all .2s}.btn-page-number:hover:not(.active){background:#ffffff1a;color:#fff}.btn-page-number.active{background:#56a8814d;border-color:#56a881;color:#56a881;font-weight:700}.page-info{color:#888;font-size:.85rem;margin-left:10px}.stat-better{color:#f44;font-weight:700}.stat-worse{color:#4f4;font-weight:700}.stat-same{color:#888}.stat-neutral{color:#aaa}.nav-item.locked{opacity:.5;cursor:not-allowed}.nav-item.locked:hover{background:#ffffff0d}.lock-badge{margin-left:8px;font-size:.7rem;color:#888;background:#0000004d;padding:2px 6px;border-radius:4px}.estate-container{padding:20px}.estate-header{text-align:center;margin-bottom:30px}.estate-header h2{font-size:1.8rem;color:var(--wuji-gold);margin-bottom:10px}.estate-level{display:inline-block;padding:8px 20px;background:linear-gradient(135deg,#56a88133,#d4af3733);border:1px solid var(--wuji-gold);border-radius:20px;color:var(--wuji-gold);font-size:1rem}.estate-buildings{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}.building-card{background:linear-gradient(135deg,#1a1a2ecc,#16213ecc);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;position:relative;transition:all .3s ease}.building-card:hover{border-color:#d4af374d;box-shadow:0 0 20px #d4af371a}.building-card.locked{opacity:.6;border-color:#ff6b6b4d}.building-card.locked:after{content:"🔒 未解锁";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;padding:10px 20px;border-radius:8px;font-size:.9rem;color:#ff6b6b}.building-header{display:flex;align-items:center;gap:12px;margin-bottom:15px}.building-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:10px}.building-title{flex:1}.building-title h3{font-size:1.2rem;color:#fff;margin-bottom:4px}.building-level{font-size:.85rem;color:var(--wuji-gold)}.building-desc{color:#888;font-size:.9rem;margin-bottom:15px;min-height:40px}.building-status{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.building-status-text{font-size:.85rem;color:#aaa}.building-status-text.active{color:var(--wuji-jade)}.btn-building{padding:8px 16px;background:#56a8814d;border:1px solid var(--wuji-jade);color:#fff;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s}.btn-building:hover{background:#56a88180}.btn-building:disabled{background:#ffffff1a;border-color:#ffffff1a;color:#666;cursor:not-allowed}.estate-upgrade-panel{background:#0003;border-radius:12px;padding:20px;margin-top:20px}.estate-upgrade-panel h3{color:var(--wuji-gold);margin-bottom:15px;font-size:1.1rem}.upgrade-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.upgrade-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.upgrade-label{color:#888}.upgrade-value{color:#fff;font-weight:700}.upgrade-value.highlight{color:var(--wuji-gold)}.btn-upgrade{width:100%;padding:12px;background:linear-gradient(135deg,var(--wuji-cinnabar),#ff6b6b);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s}.btn-upgrade:hover:not(:disabled){box-shadow:0 0 20px #ff6b6b66}.btn-upgrade:disabled{background:#ffffff1a;color:#666;cursor:not-allowed}.spirit-field-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-top:20px}.field-plot{aspect-ratio:1;background:linear-gradient(135deg,#56a8811a,#d4af371a);border:2px dashed rgba(255,255,255,.2);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;position:relative}.field-plot:hover{border-color:var(--wuji-jade);background:linear-gradient(135deg,#56a88133,#d4af3733)}.field-plot.planted{border-style:solid;border-color:var(--wuji-jade)}.field-plot.empty:before{content:"+";font-size:2rem;color:#ffffff4d}.plot-herb{font-size:2.5rem}.plot-status{position:absolute;bottom:8px;font-size:.75rem;color:#888}.plot-timer{position:absolute;top:8px;right:8px;font-size:.7rem;color:var(--wuji-gold);background:#00000080;padding:2px 6px;border-radius:4px}.spirit-field-info{margin-bottom:20px}.field-level-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.field-level{display:flex;align-items:center;gap:15px}.level-badge{background:linear-gradient(135deg,var(--wuji-jade),var(--wuji-gold));padding:5px 15px;border-radius:20px;font-weight:700;font-size:1.1rem}.exp-text{color:#888;font-size:.9rem}.plots-count{color:#aaa;font-size:.9rem}.exp-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.exp-fill{height:100%;background:linear-gradient(90deg,var(--wuji-jade),var(--wuji-gold));transition:width .3s ease}.field-tip{margin-top:10px;color:#666;font-size:.85rem}.spirit-field-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px;margin-top:20px}.field-plot{aspect-ratio:1;background:linear-gradient(135deg,#56a8811a,#d4af371a);border:2px solid rgba(255,255,255,.1);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative;padding:10px}.field-plot:hover{border-color:var(--wuji-jade);box-shadow:0 0 15px #56a8814d;transform:translateY(-2px)}.field-plot.locked{background:#0000004d;border-style:dashed;border-color:#fff3}.field-plot.locked:hover{border-color:var(--wuji-gold)}.field-plot.planted{background:linear-gradient(135deg,#56a88133,#d4af3733)}.field-plot.needs-water{animation:pulse-water 2s ease-in-out infinite}@keyframes pulse-water{0%,to{border-color:#56a8814d}50%{border-color:#00a8ff;box-shadow:0 0 15px #00a8ff4d}}.plot-lock{font-size:2rem;opacity:.5}.plot-unlock-text{font-size:.8rem;color:#666;margin-top:5px}.plot-level-badge{position:absolute;top:8px;left:8px;background:#0009;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:2px 6px;font-size:.7rem;color:var(--wuji-gold);font-weight:700}.plot-empty{font-size:2.5rem;color:#fff3;font-weight:700}.plot-text{font-size:.8rem;color:#666;margin-top:5px}.plot-herb{font-size:2.5rem;margin-bottom:5px}.plot-quality{font-size:.75rem;font-weight:700;margin-bottom:5px;text-align:center}.plot-progress{width:80%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:5px}.plot-progress-fill{height:100%;background:linear-gradient(90deg,var(--wuji-jade),var(--wuji-gold));transition:width .5s ease}.plot-water-alert{position:absolute;top:5px;right:5px;font-size:.7rem;color:#00a8ff;background:#00a8ff33;padding:2px 6px;border-radius:4px}.plot-time{position:absolute;bottom:5px;font-size:.7rem;color:#888}.plant-options{margin:20px 0}.plant-options>p{margin-bottom:15px;color:#aaa}.herb-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.herb-type-btn{display:flex;flex-direction:column;align-items:center;padding:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .3s}.herb-type-btn:hover{background:#56a88133;border-color:var(--wuji-jade);transform:translateY(-2px)}.herb-icon{font-size:2.5rem;margin-bottom:10px}.herb-name{font-weight:700;color:#fff;margin-bottom:5px}.herb-desc{font-size:.75rem;color:#888;text-align:center}.plot-level-info{background:#0003;padding:15px;border-radius:8px;margin-bottom:15px}.plot-level-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.plot-level-bar .level-badge{background:var(--wuji-gold);color:#000;padding:2px 8px;border-radius:4px;font-size:.9rem;font-weight:700}.plot-level-bar .exp-text{color:#888;font-size:.85rem}.plot-exp-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.plot-exp-fill{height:100%;background:linear-gradient(90deg,var(--wuji-jade),var(--wuji-gold));transition:width .5s ease}.plot-management{margin:20px 0}.plot-info{background:#0003;padding:15px;border-radius:8px;margin-bottom:15px}.plot-info p{margin:8px 0;color:#aaa}.plot-info p:first-child{color:#fff;font-size:1.1rem}.water-warning{color:#00a8ff!important;font-weight:700}.plot-actions{display:flex;gap:10px;margin-bottom:20px}.btn-water,.btn-harvest{flex:1;padding:12px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s}.btn-water{background:#00a8ff4d;color:#fff}.btn-water:hover:not(:disabled){background:#00a8ff80}.btn-water:disabled{background:#ffffff0d;color:#666;cursor:not-allowed}.btn-harvest{background:#56a8814d;color:#fff}.btn-harvest:hover:not(:disabled){background:#56a88180}.btn-harvest:disabled{background:#ffffff0d;color:#666;cursor:not-allowed}.quality-info{background:#ffffff08;padding:15px;border-radius:8px}.quality-tip{color:#888;font-size:.85rem;margin-bottom:10px}.quality-stages{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.quality-stages span{padding:4px 10px;background:#ffffff0d;border-radius:4px;font-size:.85rem;color:#666}.quality-stages span.active{background:#56a8814d;color:#fff}.quality-time-guide{margin-top:20px}.quality-time-list{display:grid;gap:10px;margin-top:15px}.quality-time-item{display:grid;grid-template-columns:20px 80px 120px 1fr;align-items:center;gap:15px;padding:10px;background:#ffffff08;border-radius:6px}.quality-dot{width:12px;height:12px;border-radius:50%}.quality-name{color:#fff}.quality-time{color:#888;font-size:.9rem}.quality-harvest{font-size:.85rem;text-align:right}.quality-harvest.yes{color:var(--wuji-jade)}.quality-harvest.no{color:#666}.seed-inventory-compact{padding:10px 14px!important}.seed-inventory-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.seed-inventory-title{font-size:.85rem;color:#888;white-space:nowrap;flex-shrink:0}.seed-chips{display:flex;flex-wrap:wrap;gap:6px;flex:1}.seed-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:.78rem;transition:all .2s}.seed-chip.empty{opacity:.35}.seed-chip-name{color:#ccc}.seed-chip-count{color:var(--wuji-gold);font-weight:700}.quality-time-guide-compact{padding:10px 14px!important}.quality-guide-header{font-size:.8rem;color:#888;margin-bottom:8px}.quality-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.quality-time-row{display:flex;align-items:center;gap:6px;padding:3px 0}.quality-dot-sm{width:8px;height:8px;border-radius:50%;flex-shrink:0}.quality-seed-name{font-size:.78rem;font-weight:700;white-space:nowrap;flex-shrink:0}.quality-meta{font-size:.72rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.plot-level-benefits-compact{margin-top:8px;padding-top:6px;border-top:1px solid rgba(255,255,255,.06);font-size:.75rem;color:#666}.btn-back{display:inline-block;margin-bottom:10px;padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#aaa;border-radius:6px;cursor:pointer;transition:all .3s;font-size:.9rem}.btn-back:hover{background:#fff3;color:#fff}.btn-close{margin-top:15px;padding:10px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#aaa;border-radius:6px;cursor:pointer;transition:all .3s}.btn-close:hover{background:#fff3;color:#fff}.plant-single-option{text-align:center;padding:20px}.plant-herb-display{margin-bottom:20px}.plant-herb-icon{font-size:4rem;display:block;margin-bottom:10px}.plant-herb-name{font-size:1.5rem;font-weight:700;color:#fff;display:block;margin-bottom:10px}.plant-herb-desc{color:#888;font-size:.9rem}.btn-plant-herb{padding:15px 40px;font-size:1.1rem;background:linear-gradient(135deg,#56a88166,#56a88199);border:2px solid var(--wuji-jade);color:#fff;border-radius:8px;cursor:pointer;transition:all .3s}.btn-plant-herb:hover{box-shadow:0 0 20px #56a88180;transform:translateY(-2px)}.alchemy-materials{margin-bottom:20px}.alchemy-materials h3{margin-bottom:15px;color:var(--wuji-gold)}.herb-counts{display:flex;gap:20px;margin-bottom:15px}.herb-count-item{display:flex;align-items:center;gap:8px;padding:8px 15px;background:#ffffff0d;border-radius:8px}.herb-quality-dot{width:14px;height:14px;border-radius:50%}.herb-count-value{font-weight:700;font-size:1.1rem}.gold-display{color:var(--wuji-gold);font-size:1.1rem}.active-effects{margin-bottom:20px;background:#56a8811a;border:1px solid rgba(86,168,129,.3)}.active-effects h3{color:var(--wuji-jade);margin-bottom:15px}.effects-list{display:flex;flex-wrap:wrap;gap:10px}.active-effect-item{display:flex;align-items:center;gap:8px;padding:8px 15px;background:#56a88133;border-radius:20px;font-size:.9rem}.effect-icon{font-size:1.2rem}.effect-name{color:#fff}.effect-time{color:#888;font-size:.8rem}.pill-type-tabs{display:flex;gap:15px}.pill-type-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#aaa;border-radius:8px;cursor:pointer;transition:all .3s}.pill-type-tabs button:hover{background:#ffffff1a}.pill-type-tabs button.active{background:#ff6b6b33;border-color:#ff6b6b;color:#fff}.pill-list-panel h3{margin-bottom:15px;color:#fff}.pills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.pill-card{display:flex;gap:15px;padding:15px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .3s;position:relative}.pill-card:hover{background:#ffffff1a;border-color:#fff3}.pill-card.selected{background:#ff6b6b1a;border-color:#ff6b6b}.pill-card.disabled{opacity:.5}.pill-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:10px}.pill-info{flex:1}.pill-info h4{font-size:1.1rem;margin-bottom:5px}.pill-effect{color:#888;font-size:.85rem;margin-bottom:8px}.pill-cost{display:flex;gap:10px;flex-wrap:wrap}.pill-cost span{font-size:.8rem;padding:3px 8px;border-radius:4px}.pill-cost .has-enough{background:#56a88133;color:#4ade80}.pill-cost .not-enough{background:#ff6b6b33;color:#ff6b6b}.pill-stock{position:absolute;top:10px;right:10px;font-size:.75rem;color:var(--wuji-gold);background:#d4af3733;padding:3px 8px;border-radius:10px}.pill-action-panel{margin-top:20px}.pill-action-panel h3{margin-bottom:20px;color:var(--wuji-gold)}.pill-detail{display:flex;gap:20px;margin-bottom:20px;padding:20px;background:#0003;border-radius:10px}.pill-detail-icon{font-size:4rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:12px}.pill-detail-info h4{font-size:1.3rem;margin-bottom:10px}.pill-detail-info p{color:#aaa;margin-bottom:8px}.pill-duration{color:var(--wuji-gold)!important}.pill-actions{display:flex;gap:15px}.btn-craft,.btn-use{flex:1;padding:15px;font-size:1.1rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s}.btn-craft{background:linear-gradient(135deg,#ff6b6b66,#ff6b6b99);color:#fff}.btn-craft:hover:not(:disabled){box-shadow:0 0 20px #ff6b6b66}.btn-craft:disabled{background:#ffffff1a;color:#666;cursor:not-allowed}.btn-use{background:linear-gradient(135deg,#56a88166,#56a88199);color:#fff}.btn-use:hover{box-shadow:0 0 20px #56a88166}.craft-warning{margin-top:15px;color:#ff6b6b;text-align:center}.craft-count-selector{display:flex;align-items:center;gap:15px;margin:15px 0;padding:10px;background:#0003;border-radius:8px}.craft-count-selector span{color:#aaa;font-size:.9rem}.count-controls{display:flex;align-items:center;gap:8px}.count-controls input{width:60px;padding:8px;text-align:center;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff;font-size:1rem}.count-controls input::-webkit-outer-spin-button,.count-controls input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.btn-count{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#56a8814d;border:1px solid #56a881;border-radius:4px;color:#56a881;cursor:pointer;font-size:1.2rem;transition:all .2s}.btn-count:hover:not(:disabled){background:#56a88180}.btn-count:disabled{opacity:.3;cursor:not-allowed}.btn-max-count{padding:5px 10px;background:#d4af374d;border:1px solid #d4af37;border-radius:4px;color:#d4af37;cursor:pointer;font-size:.8rem;transition:all .2s}.btn-max-count:hover{background:#d4af3780}.total-time{color:#d4af37!important;font-weight:700}.offline-exp-panel{text-align:center;padding:30px}.exp-display{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:25px}.exp-icon{font-size:4rem;width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#56a88133,#d4af3733);border-radius:50%;border:3px solid var(--wuji-jade);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #56a8814d}50%{box-shadow:0 0 40px #56a88199}}.exp-info h3{color:#888;font-size:1rem;margin-bottom:10px}.exp-amount{font-size:2.5rem;font-weight:700;margin-bottom:5px}.exp-amount .has-exp{color:#0f0;text-shadow:0 0 20px rgba(0,255,0,.5)}.exp-amount .no-exp{color:#666}.exp-detail{color:#aaa;font-size:.9rem}.max-badge{margin-left:10px;padding:2px 8px;background:#ff6b6b4d;color:#ff6b6b;border-radius:10px;font-size:.75rem}.exp-rate{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px;padding:20px;background:#0003;border-radius:10px}.rate-item{display:flex;flex-direction:column;gap:5px}.rate-item span:first-child{color:#888;font-size:.85rem}.rate-value{color:var(--wuji-gold);font-size:1.2rem;font-weight:700}.btn-collect-exp{width:100%;padding:18px;font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,#56a88166,#56a88199);border:2px solid var(--wuji-jade);color:#fff;border-radius:10px;cursor:pointer;transition:all .3s}.btn-collect-exp:hover:not(:disabled){box-shadow:0 0 30px #56a88180;transform:translateY(-2px)}.btn-collect-exp.disabled{background:#ffffff0d;border-color:#ffffff1a;color:#666;cursor:not-allowed}.btn-collect-exp.success{background:linear-gradient(135deg,#00ff004d,#00ff0080);border-color:#0f0;animation:success-pulse .5s ease}@keyframes success-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.collect-tip{margin-top:15px;color:#666;font-size:.85rem}.training-level-panel{margin-top:20px}.level-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.level-header h3{color:#fff}.level-badge{padding:5px 15px;background:linear-gradient(135deg,var(--wuji-jade),var(--wuji-gold));color:#000;font-weight:700;border-radius:20px}.level-progress{display:flex;align-items:center;gap:15px;margin-bottom:20px}.progress-bar{flex:1;height:10px;background:#ffffff1a;border-radius:5px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--wuji-jade),var(--wuji-gold));transition:width .5s ease}.progress-text{color:#888;font-size:.9rem;min-width:40px}.current-bonus{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px}.bonus-item{display:flex;justify-content:space-between;padding:12px;background:#ffffff0d;border-radius:8px}.bonus-label{color:#888}.bonus-value{color:var(--wuji-gold);font-weight:700}.btn-upgrade-training{width:100%;padding:12px;background:#ff6b6b33;border:1px solid rgba(255,107,107,.5);color:#ff6b6b;border-radius:8px;cursor:pointer;transition:all .3s}.btn-upgrade-training:hover{background:#ff6b6b4d}.upgrade-preview-panel{margin-top:20px}.upgrade-preview-panel h3{margin-bottom:15px;color:#fff}.upgrade-list{display:flex;flex-direction:column;gap:10px}.upgrade-item{display:flex;align-items:center;gap:15px;padding:12px 15px;background:#ffffff0d;border-radius:8px;transition:all .3s}.upgrade-item.current{background:#56a88133;border:1px solid var(--wuji-jade)}.upgrade-item.locked{opacity:.5}.item-level{width:50px;font-weight:700;color:#fff}.item-stats{flex:1;display:flex;gap:20px;color:#aaa;font-size:.9rem}.current-tag{padding:3px 10px;background:var(--wuji-jade);color:#000;font-size:.75rem;border-radius:10px}.unlock-req{color:#ff6b6b;font-size:.8rem}.training-info-panel{margin-top:20px}.training-info-panel h3{margin-bottom:15px;color:var(--wuji-gold)}.info-list{list-style:none;padding:0}.info-list li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);color:#aaa;font-size:.95rem}.info-list li:last-child{border-bottom:none}.treasury-status{display:flex;align-items:center;gap:20px;padding:25px}.treasury-icon{font-size:4rem;width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#a335ee33,#d4af3733);border-radius:50%;border:3px solid var(--wuji-gold)}.treasury-info h3{font-size:1.3rem;color:var(--wuji-gold);margin-bottom:10px}.treasury-info p{color:#aaa;margin-bottom:5px}.treasury-desc{font-size:.85rem;color:#666}.display-case{margin-top:20px}.display-case h3{margin-bottom:20px;color:#fff}.display-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}.display-slot{aspect-ratio:1;background:linear-gradient(135deg,#1a1a2ecc,#16213ecc);border:2px solid rgba(255,255,255,.1);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;position:relative;padding:10px;text-align:center}.display-slot:hover:not(.locked){border-color:var(--wuji-gold);box-shadow:0 0 20px #d4af3733;transform:translateY(-3px)}.display-slot.selected{border-color:#ff6b6b;box-shadow:0 0 20px #ff6b6b4d}.display-slot.locked{background:#0000004d;border-style:dashed;cursor:not-allowed}.display-slot.has-item{background:linear-gradient(135deg,#a335ee26,#d4af3726);border-color:#a335ee4d}.slot-lock{font-size:2rem;opacity:.5}.slot-unlock-level{font-size:.75rem;color:#666;margin-top:5px}.slot-empty{font-size:2.5rem;color:#fff3}.slot-placeholder{font-size:.8rem;color:#666;margin-top:5px}.slot-item-icon{font-size:2.5rem;margin-bottom:5px}.slot-item-name{font-size:.8rem;color:#fff;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-item-rarity{font-size:.7rem;padding:2px 8px;border-radius:10px;margin-top:5px;text-transform:uppercase}.slot-item-rarity.purple{background:#a335ee4d;color:#a335ee}.slot-item-rarity.gold{background:#ffd7004d;color:gold}.slot-item-rarity.rainbow{background:linear-gradient(135deg,#ff00004d,#a335ee4d);color:#ff6b6b}.slot-action-panel{margin-top:20px}.slot-action-panel h3{margin-bottom:15px;color:var(--wuji-gold)}.item-management,.item-selector-trigger{text-align:center;padding:20px}.item-management p,.item-selector-trigger p{color:#aaa;margin-bottom:15px}.btn-remove,.btn-add{padding:12px 30px;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s}.btn-remove{background:#ff6b6b4d;color:#fff}.btn-remove:hover{background:#ff6b6b80}.btn-add{background:#56a8814d;color:#fff}.btn-add:hover{background:#56a88180}.item-selector{max-width:500px;max-height:70vh;overflow-y:auto}.item-selector h3{margin-bottom:10px;color:var(--wuji-gold)}.selector-hint{color:#888;font-size:.85rem;margin-bottom:20px}.selector-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;max-height:400px;overflow-y:auto}.no-items{text-align:center;color:#666;padding:40px}.selector-item{display:flex;align-items:center;gap:15px;padding:12px;background:#ffffff0d;border-radius:8px;cursor:pointer;transition:all .3s}.selector-item:hover{background:#ffffff1a}.selector-item .item-icon{font-size:2rem;width:50px;text-align:center}.selector-item .item-info{flex:1;display:flex;flex-direction:column}.selector-item .item-name{color:#fff;font-weight:700}.selector-item .item-type{color:#888;font-size:.8rem}.selector-item .item-rarity{padding:3px 10px;border-radius:10px;font-size:.75rem;text-transform:uppercase}.selector-item.purple .item-rarity{background:#a335ee4d;color:#a335ee}.selector-item.gold .item-rarity{background:#ffd7004d;color:gold}.selector-item.rainbow .item-rarity,.selector-item.godly .item-rarity{background:linear-gradient(135deg,#ff00004d,#a335ee4d);color:#ff6b6b}.treasury-stats{margin-top:20px}.treasury-stats h3{margin-bottom:15px;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat-box{display:flex;flex-direction:column;align-items:center;padding:20px;background:#ffffff0d;border-radius:10px;transition:all .3s}.stat-box:hover{background:#ffffff1a;transform:translateY(-2px)}.stat-number{font-size:2rem;font-weight:700;color:var(--wuji-gold)}.stat-label{color:#888;font-size:.85rem;margin-top:5px}.treasury-guide{margin-top:20px}.treasury-guide h3{margin-bottom:15px;color:var(--wuji-gold)}.guide-list{list-style:none;padding:0}.guide-list li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);color:#aaa}.guide-list li:last-child{border-bottom:none}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.display-grid{grid-template-columns:repeat(3,1fr)}}.harvest-dialog{text-align:center;padding:30px;max-width:350px}.harvest-icon{font-size:4rem;margin-bottom:15px}.harvest-dialog h3{color:var(--wuji-gold);margin-bottom:20px;font-size:1.5rem}.harvest-result{background:#0003;border-radius:12px;padding:20px;margin-bottom:20px}.harvest-result p{margin:10px 0;color:#aaa;font-size:1rem}.harvest-name{color:#fff;font-weight:700}.harvest-exp{color:var(--wuji-gold)!important;font-weight:700}.btn-confirm{padding:12px 40px;background:linear-gradient(135deg,#56a8814d,#56a8811a);border:2px solid rgba(86,168,129,.5);border-radius:8px;color:#56a881;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s}.btn-confirm:hover{background:linear-gradient(135deg,#56a88180,#56a88133)}.water-status-warning{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;padding:12px;margin-bottom:15px;color:#ffc107;font-size:.9rem}.water-timer{font-size:.8rem;opacity:.8;margin-left:5px}.btn-water{position:relative}.current-map-panel{background:linear-gradient(135deg,#56a8811a,#0003);border:2px solid rgba(86,168,129,.3)}.current-map-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.current-map-header h3{color:#56a881;font-size:1.4rem;margin-bottom:5px}.map-description{color:#888;font-size:.9rem}.btn-switch-map{padding:8px 16px;background:#56a88133;border:1px solid #56a881;border-radius:6px;color:#56a881;cursor:pointer;transition:all .3s;font-size:.9rem}.btn-switch-map:hover{background:#56a88166;transform:translateY(-1px)}.resource-display{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px;margin-bottom:20px;background:#0003;border-radius:8px}.resource-icon{font-size:1.5rem}.resource-value{font-size:1.8rem;font-weight:700;color:gold}.resource-label{font-size:.9rem;color:#888}.player-level-info{padding:15px;background:#0003;border-radius:8px}.realm-and-level{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.realm-name{font-size:1.2rem;color:#a855f7;font-weight:700}.level-text{font-size:1.2rem;color:#4ade80;font-weight:700}.exp-bar-container{display:flex;align-items:center;gap:12px}.exp-bar{flex:1;height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden}.exp-fill{height:100%;background:linear-gradient(90deg,#4ade80,#56a881);border-radius:6px;transition:width .3s ease}.exp-text{font-size:.85rem;color:#888;min-width:80px;text-align:right}.map-stats{display:flex;gap:20px;margin-bottom:15px;padding:12px;background:#0003;border-radius:8px}.map-stat{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.8rem;color:#888}.stat-value{font-size:1.1rem;font-weight:700;color:#fff}.monster-estimate{padding:12px;background:#0000004d;border-radius:8px;border-left:3px solid #c41e3a}.monster-estimate h4{color:#c41e3a;margin-bottom:10px;font-size:.95rem}.estimate-grid{display:flex;gap:15px}.estimate-item{display:flex;flex-direction:column;gap:4px;padding:8px 12px;background:#ffffff0d;border-radius:6px;flex:1}.estimate-item.boss{border:1px solid rgba(196,30,58,.3)}.monster-type{font-size:.85rem;color:#888}.estimate-item.boss .monster-type{color:#c41e3a;font-weight:700}.monster-stats{font-size:.9rem;color:#fff;font-family:monospace}.map-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.map-selector-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(86,168,129,.3);border-radius:16px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.map-selector-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.map-selector-header h3{color:#56a881;font-size:1.3rem}.btn-close{width:32px;height:32px;background:#ffffff1a;border:none;border-radius:50%;color:#888;cursor:pointer;transition:all .3s;font-size:1.2rem}.btn-close:hover{background:#c41e3a4d;color:#c41e3a}.map-list{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.map-item{padding:15px;background:#0003;border:2px solid rgba(255,255,255,.05);border-radius:10px;cursor:pointer;transition:all .3s}.map-item:hover{border-color:#56a88180;background:#56a8810d;transform:translate(5px)}.map-item.current{border-color:#56a881;background:#56a8811a;cursor:default}.map-item.current:hover{transform:none}.map-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.map-name{font-size:1.1rem;font-weight:700;color:#fff}.current-badge{padding:2px 8px;background:#56a881;border-radius:10px;font-size:.75rem;color:#000}.map-desc{font-size:.85rem;color:#888;margin-bottom:10px}.map-item-stats{display:flex;gap:10px;margin-bottom:8px}.difficulty-badge{padding:2px 8px;border-radius:4px;font-size:.8rem;font-weight:700;color:#000}.level-req{padding:2px 8px;background:#ffffff1a;border-radius:4px;font-size:.8rem;color:#888}.monster-preview{padding:6px 0;border-top:1px solid rgba(255,255,255,.05);margin-bottom:8px}.monster-preview small{color:#666}.event-rates{padding-top:6px;border-top:1px solid rgba(255,255,255,.05)}.event-rates small{color:#888;font-size:.75rem}.team-suggestion{font-size:.8rem;color:#56a881;font-style:italic}.locked-maps-hint{padding:15px 20px;background:#0000004d;border-top:1px solid rgba(255,255,255,.1);text-align:center}.locked-maps-hint p{color:#888;font-size:.9rem;margin:4px 0}.locked-maps-hint p:first-child{color:#d4af37}.combat-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.combat-container{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(196,30,58,.5);border-radius:16px;padding:24px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 0 30px #c41e3a4d}.combat-container h3{text-align:center;color:#ff6b6b;margin-bottom:20px;font-size:1.4rem;text-shadow:0 0 10px rgba(255,107,107,.5)}.battle-scene-container{width:500px!important;height:500px!important;max-width:90vw!important;max-height:80vh!important;min-width:320px!important;padding:0!important;overflow:hidden!important;display:block!important}.combat-embedded{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(196,30,58,.5);border-radius:12px;margin:10px;overflow:hidden;box-shadow:0 4px 20px #0006}.combat-embedded.minimized{height:auto}.combat-embedded-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:linear-gradient(90deg,#c41e3a4d,#c41e3a1a);border-bottom:1px solid rgba(196,30,58,.3)}.combat-title{font-weight:700;color:#ff6b6b;font-size:1rem}.combat-minimize-btn{background:#0000004d;border:1px solid rgba(255,255,255,.2);color:#fff;width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.combat-minimize-btn:hover{background:#c41e3a66;border-color:#c41e3a99}.combat-embedded-content{position:relative}.combat-embedded-content .battle-scene-container{width:100%!important;height:400px!important;max-width:100%!important;border-radius:0 0 10px 10px}.combat-embedded-content .offline-combat{padding:15px;min-width:auto}.offline-combat{text-align:center;min-width:300px}.offline-combat-info{padding:20px}.offline-combat-info p{margin-bottom:15px;color:#e0e0e0;font-size:1.1rem}.combat-progress-bar{width:100%;height:20px;background:#00000080;border-radius:10px;overflow:hidden;border:1px solid rgba(196,30,58,.3);margin:15px 0}.combat-progress-fill{height:100%;background:linear-gradient(90deg,#c41e3a,#ff6b6b);transition:width .1s linear;box-shadow:0 0 10px #c41e3a66}.remaining-time{color:#ff6b6b;font-size:1.2rem;font-weight:700;margin-top:10px}.auto-combat-hint{text-align:center;padding:15px;background:#56a8811a;border-radius:8px;border:1px solid rgba(86,168,129,.3);margin-top:15px;color:#56a881;font-size:1rem}.player-combat-status{background:#0000004d;border:1px solid rgba(86,168,129,.3);border-radius:10px;padding:15px;margin-bottom:20px}.player-name{font-weight:700;color:#56a881;margin-bottom:8px;font-size:1.1rem}.player-hp-bar{display:flex;align-items:center;gap:10px}.hp-bar-container{flex:1;height:20px;background:#00000080;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.hp-fill-player{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);transition:width .3s ease;box-shadow:0 0 10px #4ade8066}.hp-text{font-size:.9rem;color:#fff;min-width:100px;text-align:right}.monsters-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.monster-card{background:#0000004d;border:1px solid rgba(255,107,107,.3);border-radius:10px;padding:12px;transition:all .3s ease}.monster-card.dead{opacity:.4;border-color:#6464644d}.monster-name{font-weight:700;color:#f99;margin-bottom:6px}.monster-hp{font-size:.85rem;color:#aaa;margin-bottom:6px}.hp-bar{height:16px;background:#00000080;border-radius:8px;overflow:hidden}.hp-fill{height:100%;background:linear-gradient(90deg,#ff6b6b,#ee5a5a);transition:width .3s ease}.monster-card.dead .hp-fill{background:#666}.combat-actions{display:flex;gap:12px;justify-content:center}.attack-btn,.skill-btn{flex:1;padding:12px 20px;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:1rem}.attack-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff}.attack-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #ff6b6b66}.skill-btn{background:linear-gradient(135deg,gold,#ff8c00);color:#1a1a2e}.skill-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #ffd70066}.attack-btn:disabled,.skill-btn:disabled{opacity:.4;cursor:not-allowed}.user-info-badge{position:fixed;top:15px;right:15px;display:flex;align-items:center;gap:10px;padding:8px 15px;background:#1a1a2ee6;border:1px solid rgba(212,175,55,.3);border-radius:25px;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000004d}.user-name{color:var(--wuji-gold);font-size:.9rem;font-weight:500}.online-count{color:#4ade80;font-size:.85rem;font-weight:500;padding-right:10px;border-right:1px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:4px}.guest-tag{padding:2px 8px;background:#56a88133;border:1px solid rgba(86,168,129,.3);border-radius:12px;color:var(--wuji-jade);font-size:.75rem}.logout-btn{background:none;border:none;font-size:1rem;cursor:pointer;opacity:.6;transition:opacity .2s;padding:5px}.logout-btn:hover{opacity:1}.character-name-row{background:#d4af371a;border-radius:8px;padding:8px 12px!important;margin-bottom:10px}.character-name{color:var(--wuji-gold)!important;font-size:1.2rem!important;font-weight:700;text-shadow:0 0 10px rgba(212,175,55,.3)}.label-hint{color:#fff6;font-size:.75rem;margin-left:8px;font-weight:400}.quantity-selector{margin:20px 0;padding:15px;background:#0003;border-radius:8px}.quantity-selector label{display:block;margin-bottom:10px;color:#888;font-size:.9rem}.quantity-controls{display:flex;align-items:center;gap:10px;justify-content:center}.quantity-controls input{width:80px;padding:8px;text-align:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-size:1rem}.btn-quantity{width:32px;height:32px;border:1px solid rgba(86,168,129,.5);background:#56a8811a;color:#56a881;border-radius:4px;cursor:pointer;font-size:1.2rem;transition:all .2s}.btn-quantity:hover{background:#56a8814d}.btn-max{padding:6px 12px;border:1px solid rgba(212,175,55,.5);background:#d4af371a;color:var(--wuji-gold);border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s}.btn-max:hover{background:#d4af374d}.sidebar-toggle{position:fixed;top:15px;left:15px;z-index:1002;width:40px;height:40px;background:#1a1a2ef2;border:1px solid rgba(212,175,55,.3);border-radius:8px;cursor:pointer;display:flex!important;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000004d}.sidebar.closed{transform:translate(-100%)}.sidebar.closed+.main-content{margin-left:0}.sidebar-toggle:hover{background:#d4af371a;border-color:#d4af3780}.toggle-logo{width:32px;height:32px;object-fit:contain;transition:opacity .2s ease}.sidebar-toggle.open .toggle-logo{opacity:.7}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-close{display:none;background:none;border:none;color:var(--wuji-gold);font-size:1.5rem;cursor:pointer;padding:5px;line-height:1;transition:all .2s}.sidebar-close:hover{color:#fff;transform:scale(1.1)}@media screen and (max-width: 1024px){.sidebar{position:fixed;left:0;top:0;height:100vh;z-index:999;transform:translate(-100%);transition:transform .3s ease;width:260px}.sidebar.open{transform:translate(0)}.sidebar.closed{transform:translate(-100%)}.sidebar-close{display:block}.main-content{margin-left:0;padding:70px 15px 15px 65px;min-height:100vh}.user-info-badge{top:15px;right:15px;left:auto;padding:6px 12px;font-size:.85rem}.user-name{display:none}.online-count{font-size:.8rem}}@media screen and (max-width: 768px){.app{font-size:14px}.sidebar{width:280px}.sidebar-logo{font-size:1.3rem}.nav-item{padding:12px 15px}.nav-text{font-size:.95rem}.main-content{padding:65px 10px 10px 55px}.content-section{padding:15px}.travel-container{padding:10px}.travel-display{min-height:150px;padding:20px}.display-text{font-size:1rem}.combat-container{padding:15px;max-width:95vw;max-height:90vh;overflow-y:auto}.combat-container h3{font-size:1.2rem}.monsters-list{flex-direction:column;gap:10px}.monster-card{min-width:auto;padding:10px}.player-combat-status{padding:10px}.combat-actions{flex-direction:column;gap:8px}.attack-btn,.skill-btn{padding:12px;font-size:.95rem}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px}.inventory-item{padding:8px}.modal-content{max-width:95vw;max-height:90vh;padding:15px}.level-up-modal,.map-selector-content{max-width:95vw}.map-list{grid-template-columns:1fr}.chat-container{width:calc(100vw - 70px);max-width:350px;right:10px;bottom:10px}.chat-messages{max-height:200px}.announcement-banner{left:55px;right:10px;top:60px;padding:8px 12px;font-size:.85rem}.attributes-grid{grid-template-columns:1fr}.panel{padding:15px;margin-bottom:15px}.panel h2{font-size:1rem;padding-bottom:8px;margin-bottom:12px}.panel h3{font-size:.9rem;margin:12px 0 8px}.stat-row{padding:8px 0;font-size:.9rem}.stat-row.large{padding:10px 0;font-size:1rem}.stat-label{font-size:.85rem}.stat-value{font-size:.9rem}.character-name{font-size:1rem}.realm-name{font-size:.9rem}.progress-bar{height:16px}.controls-panel{flex-direction:column;gap:10px;margin-top:15px}.controls-panel .btn{min-width:auto;width:100%;padding:12px;font-size:.95rem}.resources-panel .stat-row.large{padding:12px 0}.estate-rooms{grid-template-columns:1fr}.room-card{padding:15px}.quantity-controls{flex-wrap:wrap}.breakthrough-stats,.merge-slots{flex-direction:column;gap:10px}.technique-list{grid-template-columns:1fr}.profile-header{flex-direction:column;text-align:center}.profile-avatar{margin:0 auto}.market-tabs{flex-wrap:wrap;gap:5px}.market-tab{padding:8px 12px;font-size:.85rem}.market-list{grid-template-columns:1fr}.login-container{padding:20px}.login-box{padding:25px 20px}.login-tabs{flex-direction:column;gap:5px}.player-status-bar{flex-wrap:wrap;gap:8px;padding:8px}.status-item{font-size:.85rem}.level-up-control-bar{flex-direction:column;gap:10px}.explore-progress-container{width:100%;padding:0 10px;gap:8px}.explore-progress-bar{height:20px}.explore-progress-text{font-size:.9rem;min-width:45px}}@media screen and (max-width: 480px){.sidebar{width:260px}.main-content{padding:60px 8px 8px 50px}.content-section{padding:10px}.sidebar-toggle{width:36px;height:36px;top:12px;left:12px}.toggle-icon,.toggle-icon:before,.toggle-icon:after{width:18px}.user-info-badge{top:12px;right:10px;padding:5px 10px}.combat-container{padding:12px}.monster-name,.player-name{font-size:1rem}.hp-text{font-size:.85rem}.nav-badge{font-size:.7rem;padding:1px 5px}.chat-container{width:calc(100vw - 60px);left:50px;right:auto}.chat-input-row{flex-direction:column;gap:5px}.chat-input-row input{width:100%}.chat-input-row button{width:100%;padding:8px}}@media screen and (max-height: 500px) and (orientation: landscape){.sidebar{overflow-y:auto}.sidebar-footer{position:relative;margin-top:auto}.combat-container{max-height:95vh;display:flex;flex-direction:column}.battle-scene-container{width:100%!important;height:auto!important;min-height:400px!important;display:block!important}.monsters-list{flex-direction:row;flex-wrap:wrap;justify-content:center}}@media screen and (min-width: 769px) and (max-width: 1024px){.sidebar{width:220px;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.attributes-grid,.estate-rooms{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 1025px){.sidebar-toggle{display:flex!important;z-index:1002}.sidebar-overlay{display:none!important}.sidebar{transform:translate(0)!important}.sidebar.closed{transform:translate(-100%)!important;width:0;min-width:0;overflow:hidden}.sidebar.closed+.main-content,.app:not(.sidebar-open) .main-content{margin-left:0}}