.rarity0{color:#9e9e9e}.rarity1{color:#fff;text-shadow:0 0 1px rgba(0,0,0,.55),0 0 3px rgba(0,0,0,.35)}.rarity2{color:#67c23a}.rarity3{color:#409eff}.rarity4{color:#8b5cf6}.rarity5{color:#f59e0b}.rarity6{color:#ef4444}.rarity8{color:#52d96b}.rarity9{color:#5cc8ff}.rarity10{color:#b28bff}.rarity11{color:#ffb74d}.rarity12{color:#ff6b6b}.rarity7,.rarity13{display:inline-block;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.rarity7{background-image:linear-gradient(90deg,#22d3ee 0%,#22c55e 35%,#f59e0b 70%,#ec4899 100%)}.rarity13{background-image:linear-gradient(90deg,#67e8f9 0%,#4ade80 25%,#facc15 50%,#fb7185 75%,#c084fc 100%)}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh}#app{height:100vh;overflow:hidden}:root{--el-color-primary: #667eea;--el-color-primary-light-3: rgba(102, 126, 234, .7);--el-color-primary-light-5: rgba(102, 126, 234, .5);--el-color-primary-light-7: rgba(102, 126, 234, .3);--el-color-primary-light-8: rgba(102, 126, 234, .2);--el-color-primary-light-9: rgba(102, 126, 234, .1);--el-color-primary-dark-2: #5a6fd8;--el-border-radius-base: 8px;--el-border-radius-small: 6px;--el-border-radius-round: 20px;--el-box-shadow: 0 4px 12px rgba(0, 0, 0, .1);--el-box-shadow-light: 0 2px 8px rgba(0, 0, 0, .08);--el-box-shadow-dark: 0 8px 24px rgba(0, 0, 0, .15)}.el-button{border-radius:var(--el-border-radius-base);transition:all .3s ease}.el-button:hover{transform:translateY(-2px);box-shadow:var(--el-box-shadow)}.el-button--primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.el-button--primary:hover{background:linear-gradient(135deg,#5a6fd8,#6a42a0);box-shadow:0 6px 16px #667eea4d}.el-card{border-radius:16px;border:1px solid rgba(255,255,255,.2);background:#fff;box-shadow:var(--el-box-shadow)}.el-card:hover{box-shadow:var(--el-box-shadow-dark)}.el-input__wrapper{border-radius:var(--el-border-radius-base);transition:all .3s ease;box-shadow:var(--el-box-shadow-light)}.el-input__wrapper:hover{box-shadow:var(--el-box-shadow)}.el-input__wrapper.is-focus{box-shadow:0 0 0 2px #667eea33}.el-select .el-input__wrapper,.el-date-editor{border-radius:var(--el-border-radius-base)}.el-menu{border:none}.el-menu-item{border-radius:0 20px 20px 0;margin:0 20px 0 0;transition:all .3s ease}.el-menu-item:hover{transform:translate(5px)}.el-sub-menu__title{border-radius:0 25px 25px 0;margin:0 20px 0 0;transition:all .3s ease}.el-table{border-radius:12px;overflow:hidden;box-shadow:var(--el-box-shadow)}.el-table th{background:linear-gradient(135deg,#f8f9ff,#f0f2ff);color:#333;font-weight:600}.el-table tr:hover>td{background-color:#667eea0d!important}.el-pagination{justify-content:center;margin-top:20px}.el-pagination button,.el-pager li{border-radius:8px;margin:0 2px;transition:all .3s ease}.el-pagination button:hover,.el-pager li:hover{transform:translateY(-2px);box-shadow:var(--el-box-shadow-light)}.el-pager li.is-active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.el-message{border-radius:12px;box-shadow:var(--el-box-shadow)}.el-message--success{background:rgba(67,233,123,.1);border:1px solid rgba(67,233,123,.3);color:#43e97b}.el-message--error{background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.3);color:#ff6b6b}.el-message--warning{background:rgba(250,112,154,.1);border:1px solid rgba(250,112,154,.3);color:#fa709a}.el-message--info{background:rgba(79,172,254,.1);border:1px solid rgba(79,172,254,.3);color:#4facfe}.el-dialog{border-radius:20px;box-shadow:var(--el-box-shadow-dark)}.el-dialog__header{background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border-radius:20px 20px 0 0;padding:24px}.el-dialog__title{font-size:18px;font-weight:600;color:#333}.el-dialog__body{padding:24px}.el-drawer{border-radius:20px 0 0 20px;box-shadow:var(--el-box-shadow-dark)}.el-drawer__header{background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border-radius:20px 0 0;padding:24px;margin-bottom:0}.el-drawer__title{font-size:18px;font-weight:600;color:#333}.el-drawer__body{padding:24px}.el-drawer__close-btn{position:absolute;top:12px;right:12px;width:var(--dialog-close-size);height:var(--dialog-close-size);border-radius:50%;background:rgba(0,0,0,.04);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.el-drawer__close-btn:hover{background:rgba(0,0,0,.08);transform:scale(1.06)}.el-drawer__close-btn .el-icon{font-size:16px;color:#666}.el-drawer__close-btn:hover .el-icon{color:#333}:root{--dialog-close-size: 28px}.el-dialog__headerbtn{top:16px!important;right:16px!important;width:var(--dialog-close-size);height:var(--dialog-close-size);border-radius:50%;background:rgba(0,0,0,.04);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.el-dialog__headerbtn:hover{background:rgba(0,0,0,.08);transform:scale(1.06)}.el-dialog__headerbtn .el-dialog__close{font-size:16px;color:#666}.el-dialog__headerbtn:hover .el-dialog__close{color:#333}.el-tabs__header{background:rgba(255,255,255,.5);border-radius:12px;padding:8px;margin-bottom:20px}.el-tabs__item{border-radius:8px;transition:all .3s ease}.el-tabs__item.is-active{background:white;box-shadow:var(--el-box-shadow-light)}.el-loading-mask{background-color:#fffc}.el-loading-spinner{color:var(--el-color-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:4px}::-webkit-scrollbar-thumb{background:rgba(102,126,234,.3);border-radius:4px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:rgba(102,126,234,.5)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:all .3s ease}.slide-enter-from{transform:translate(20px);opacity:0}.slide-leave-to{transform:translate(-20px);opacity:0}.bounce-enter-active{animation:bounce-in .5s}.bounce-leave-active{animation:bounce-in .5s reverse}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pill-tag{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:2px 6px;border-radius:10px;background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.06);line-height:1}.pill-list{display:inline-flex;flex-wrap:wrap;gap:4px}@media (max-width: 768px){.el-dialog{width:95%;margin:20px auto}.el-drawer{width:90%!important}}.attr-Atk{color:#e74c3c!important}.attr-Def{color:#3498db!important}.attr-Hp{color:#1abc9c!important}.attr-Speed{color:#16a085!important}.attr-AtkSpeed{color:#9b59b6!important}.attr-AngerR{color:#e74c3c!important}.attr-Tough{color:#2ecc71!important}.attr-ToughHeal{color:#1abc9c!important}.attr-damageHate,.attr-healHate{color:#95a5a6!important}.attr-BlueEquipAddR{color:#409eff!important}.attr-PurpleEquipAddR{color:#8b5cf6!important}.attr-OrangeEquipAddR{color:#f59e0b!important}.attr-RedEquipAddR{color:#ef4444!important}.attr-HighItemAddR{color:#f97316!important}.attr-SearchSpeed{color:#16a085!important}.attr-GoldChangeR,.attr-CoinChangeR,.attr-StartingCurrency,.attr-SearchCurrency,.attr-KillCurrency{color:#f39c12!important}.attr-WhiteEquipAddR{color:#bdc3c7!important}.attr-GreenEquipAddR{color:#27ae60!important}.attr-GlobalDmgAddN,.attr-DamAddR{color:#c0392b!important}.attr-HitR{color:#f39c12!important}.attr-Pdef{color:#3498db!important}.attr-CritR{color:#f1c40f!important}.attr-CritDam{color:#f39c12!important}.attr-Des,.attr-BlockSuppressR{color:#95a5a6!important}.attr-BossDamAdd,.attr-EliteDamAdd,.attr-MonsterDamAdd{color:#e74c3c!important}.attr-EnergyAdd{color:#f39c12!important}.attr-ToughAdd{color:#2ecc71!important}.attr-OccupationalAddCutR{color:#8e44ad!important}.attr-GlobalDmgCutN,.attr-DamCutR{color:#c0392b!important}.attr-DuckR{color:#95a5a6!important}.attr-ArmorN{color:#3498db!important}.attr-CritCutR,.attr-CritDamCut{color:#f39c12!important}.attr-Blo,.attr-Ten{color:#95a5a6!important}.attr-BossDamCut,.attr-EliteDamCut,.attr-MonsterDamCut{color:#c0392b!important}.attr-CureR,.attr-BCureR,.attr-ShieldStrength{color:#1abc9c!important}.attr-OccupationalDamCutR{color:#8e44ad!important}.el-table{position:relative;z-index:1}.el-table .el-table__fixed,.el-table .el-table__fixed-right{z-index:1000!important;background:white!important}.el-table .el-table__fixed *,.el-table .el-table__fixed-right *{z-index:1001!important}.el-table .el-table__fixed-header-wrapper,.el-table .el-table__fixed-right-header-wrapper{z-index:1002!important;background:white!important}.el-table .el-table__fixed-body-wrapper,.el-table .el-table__fixed-right-body-wrapper{z-index:1003!important;background:white!important}.el-table .el-table__fixed .el-table__cell,.el-table .el-table__fixed-right .el-table__cell{z-index:1004!important;background:white!important}.el-table .el-table__fixed .el-button,.el-table .el-table__fixed-right .el-button{z-index:1012!important;position:relative}.el-popper,.el-tooltip__popper,.el-dropdown-menu{z-index:2000!important}.el-table .el-table__body tr:hover>.el-table__cell{z-index:1!important}.el-table .el-table__fixed tr:hover>.el-table__cell,.el-table .el-table__fixed-right tr:hover>.el-table__cell{z-index:1010!important;background:white!important}.el-scrollbar,.el-scrollbar__bar{z-index:1!important}html,body,#app{height:100%;margin:0;padding:0}#app-root{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.login-container[data-v-2b9c54db]{position:relative;min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}.background-decoration[data-v-2b9c54db]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.decoration-circle[data-v-2b9c54db]{position:absolute;border-radius:50%;background:rgba(255,255,255,.1);animation:float-2b9c54db 6s ease-in-out infinite}.circle-1[data-v-2b9c54db]{width:200px;height:200px;top:10%;left:10%;animation-delay:0s}.circle-2[data-v-2b9c54db]{width:150px;height:150px;top:60%;right:15%;animation-delay:2s}.circle-3[data-v-2b9c54db]{width:100px;height:100px;bottom:20%;left:20%;animation-delay:4s}.floating-particles[data-v-2b9c54db]{position:absolute;top:0;left:0;right:0;bottom:0}.particle[data-v-2b9c54db]{position:absolute;width:4px;height:4px;background:rgba(255,255,255,.6);border-radius:50%;animation:particle-float-2b9c54db 8s linear infinite}.particle[data-v-2b9c54db]:nth-child(1){left:10%;animation-delay:0s}.particle[data-v-2b9c54db]:nth-child(2){left:20%;animation-delay:1s}.particle[data-v-2b9c54db]:nth-child(3){left:30%;animation-delay:2s}.particle[data-v-2b9c54db]:nth-child(4){left:60%;animation-delay:3s}.particle[data-v-2b9c54db]:nth-child(5){left:80%;animation-delay:4s}.particle[data-v-2b9c54db]:nth-child(6){left:90%;animation-delay:5s}.login-main[data-v-2b9c54db]{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;max-width:480px;width:90%;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border-radius:20px;padding:40px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.1)}.game-logo-container[data-v-2b9c54db]{text-align:center;margin-bottom:30px}.logo-placeholder[data-v-2b9c54db]{width:100px;height:100px;margin:0 auto;border:2px dashed rgba(255,255,255,.3);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20px;color:#ffffff80;transition:all .3s ease}.logo-placeholder[data-v-2b9c54db]:hover{border-color:#fff9;color:#fffc}.logo-placeholder p[data-v-2b9c54db]{margin:8px 0 0;font-size:11px}.game-logo[data-v-2b9c54db]{width:100px;height:100px;object-fit:contain;border-radius:50%;box-shadow:0 10px 20px #0000004d}.game-title[data-v-2b9c54db]{text-align:center;margin-bottom:30px;color:#fff}.game-title h1[data-v-2b9c54db]{font-size:26px;font-weight:700;margin:0 0 8px;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle[data-v-2b9c54db]{font-size:13px;opacity:.8;margin:0;letter-spacing:1px}.login-card[data-v-2b9c54db]{width:100%;border:none;border-radius:16px;box-shadow:0 10px 30px #0000001a;background:rgba(255,255,255,.95);backdrop-filter:blur(5px)}.login-card[data-v-2b9c54db] .el-card__body{padding:30px}.login-form[data-v-2b9c54db]{margin-top:10px}.form-input[data-v-2b9c54db] .el-input__wrapper{border-radius:10px;box-shadow:0 2px 8px #0000000d;border:1px solid #e0e0e0;transition:all .3s ease}.form-input[data-v-2b9c54db] .el-input__wrapper:hover{border-color:#667eea}.form-input[data-v-2b9c54db] .el-input__wrapper.is-focus{border-color:#667eea;box-shadow:0 2px 12px #667eea33}.login-actions[data-v-2b9c54db]{margin-top:10px}.login-button[data-v-2b9c54db]{width:100%;height:48px;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;font-size:16px;font-weight:600;transition:all .3s ease}.login-button[data-v-2b9c54db]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.login-tips[data-v-2b9c54db]{margin-top:20px}.login-tips[data-v-2b9c54db] .el-alert{border-radius:8px;border:none;background:#f8f9ff}.copyright[data-v-2b9c54db]{text-align:center;margin-top:20px;color:#ffffffb3;font-size:12px}@keyframes float-2b9c54db{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes particle-float-2b9c54db{0%{transform:translateY(100vh) rotate(0);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateY(-10px) rotate(360deg);opacity:0}}@media (max-width: 768px){.login-main[data-v-2b9c54db]{width:95%;margin:20px 0;padding:30px 20px}.game-title h1[data-v-2b9c54db]{font-size:22px}.logo-placeholder[data-v-2b9c54db]{width:80px;height:80px;font-size:18px}.game-logo[data-v-2b9c54db]{width:80px;height:80px}}@media (max-width: 480px){.login-main[data-v-2b9c54db]{padding:20px;max-width:95%}.login-card[data-v-2b9c54db] .el-card__body{padding:20px}.game-title h1[data-v-2b9c54db]{font-size:20px}.game-title[data-v-2b9c54db],.game-logo-container[data-v-2b9c54db]{margin-bottom:20px}}.back-to-top-fab[data-v-5eb819e9]{position:fixed;bottom:30px;right:30px;z-index:1000;animation:slideInRight-5eb819e9 .3s ease-out}.home-fab-button[data-v-5eb819e9]{width:56px;height:56px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 8px 24px #667eea4d;transition:all .3s ease}.home-fab-button[data-v-5eb819e9]:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 32px #667eea66}.home-fab-button[data-v-5eb819e9]:active{transform:translateY(-2px) scale(.98)}.home-fab-button[data-v-5eb819e9] .el-icon{font-size:20px}.fade-enter-active[data-v-5eb819e9],.fade-leave-active[data-v-5eb819e9]{transition:all .3s ease}.fade-enter-from[data-v-5eb819e9],.fade-leave-to[data-v-5eb819e9]{opacity:0;transform:translate(20px) scale(.8)}@keyframes slideInRight-5eb819e9{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.show-on-scroll[data-v-5eb819e9]{animation:bounceIn-5eb819e9 .5s ease-out}@keyframes bounceIn-5eb819e9{0%{opacity:0;transform:scale(.3) translate(100%)}50%{opacity:1;transform:scale(1.05) translate(0)}70%{transform:scale(.9)}to{transform:scale(1)}}@media (max-width: 768px){.back-to-top-fab[data-v-5eb819e9]{bottom:70px;right:20px}.home-fab-button[data-v-5eb819e9]{width:48px;height:48px}.home-fab-button[data-v-5eb819e9] .el-icon{font-size:18px}}@media (max-width: 480px){.back-to-top-fab[data-v-5eb819e9]{bottom:60px;right:16px}.home-fab-button[data-v-5eb819e9]{width:44px;height:44px}.home-fab-button[data-v-5eb819e9] .el-icon{font-size:16px}}.connection-status[data-v-1f4cce66]{position:fixed;top:20px;right:20px;padding:12px 16px;border-radius:6px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;z-index:9999;box-shadow:0 2px 12px #0000001a;transition:all .3s ease}.status-connecting[data-v-1f4cce66]{background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.status-connected[data-v-1f4cce66]{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-disconnected[data-v-1f4cce66]{background:#fff7e6;color:#fa8c16;border:1px solid #ffd591}.status-failed[data-v-1f4cce66]{background:#fff2f0;color:#ff4d4f;border:1px solid #ffccc7}.el-icon-loading[data-v-1f4cce66]{animation:rotating-1f4cce66 2s linear infinite}@keyframes rotating-1f4cce66{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-layout[data-v-4fcc2ab2]{position:relative;height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);overflow:hidden}.background-decoration[data-v-4fcc2ab2]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.decoration-circle[data-v-4fcc2ab2]{position:absolute;border-radius:50%;background:rgba(255,255,255,.05);animation:float-4fcc2ab2 8s ease-in-out infinite}.circle-1[data-v-4fcc2ab2]{width:300px;height:300px;top:-100px;right:-100px;animation-delay:0s}.circle-2[data-v-4fcc2ab2]{width:200px;height:200px;bottom:-50px;left:-50px;animation-delay:3s}.circle-3[data-v-4fcc2ab2]{width:150px;height:150px;top:50%;left:50%;animation-delay:6s}.sidebar[data-v-4fcc2ab2]{background:#fff!important;border-right:1px solid rgba(255,255,255,.2)}.sidebar-header[data-v-4fcc2ab2]{padding:20px;border-bottom:1px solid rgba(0,0,0,.1)}.brand[data-v-4fcc2ab2]{display:flex;align-items:center;gap:12px}.brand-icon[data-v-4fcc2ab2]{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;overflow:hidden}.game-icon[data-v-4fcc2ab2]{width:32px;height:32px;object-fit:cover;border-radius:6px}.brand-text h3[data-v-4fcc2ab2]{font-size:18px;font-weight:700;margin:0;color:#333;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-subtitle[data-v-4fcc2ab2]{font-size:12px;color:#666;margin:2px 0 0}.sidebar-menu[data-v-4fcc2ab2]{border:none;background:transparent;padding:10px 0}.sidebar-menu[data-v-4fcc2ab2] .el-sub-menu{margin-bottom:8px}.sidebar-menu[data-v-4fcc2ab2] .el-sub-menu__title{height:48px;line-height:48px;padding:0 20px;color:#333;font-weight:600;border-radius:0 25px 25px 0;margin-right:20px;transition:all .3s ease}.sidebar-menu[data-v-4fcc2ab2] .el-sub-menu__title:hover,.sidebar-menu[data-v-4fcc2ab2] .el-sub-menu.is-opened .el-sub-menu__title{background:rgba(102,126,234,.1);color:#667eea}.sidebar-menu[data-v-4fcc2ab2] .el-menu-item{height:42px;line-height:42px;padding:0 45px;color:#666;border-radius:0 20px 20px 0;margin:2px 20px 2px 0;transition:all .3s ease}.sidebar-menu[data-v-4fcc2ab2] .el-menu-item:hover{background:rgba(102,126,234,.08);color:#667eea;transform:translate(5px)}.sidebar-menu[data-v-4fcc2ab2] .el-menu-item.is-active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600}.sidebar-menu[data-v-4fcc2ab2] .el-icon{margin-right:8px;width:16px}.main-container[data-v-4fcc2ab2]{background:transparent}.header[data-v-4fcc2ab2]{background:#fff;border-bottom:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;align-items:center;padding:12px 20px;box-shadow:0 2px 12px #0000001a;min-height:60px}.header-left[data-v-4fcc2ab2]{flex:1}.page-title h2[data-v-4fcc2ab2]{font-size:24px;font-weight:700;margin:0;color:#333;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle[data-v-4fcc2ab2]{font-size:13px;color:#666;margin:2px 0 0}.header-right[data-v-4fcc2ab2]{display:flex;align-items:center;gap:16px}.user-info[data-v-4fcc2ab2]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(102,126,234,.1);border-radius:20px;color:#667eea;cursor:pointer;transition:background .2s,box-shadow .2s}.user-info[data-v-4fcc2ab2]:hover{background:linear-gradient(135deg,#667eea22,#764ba222);box-shadow:0 2px 8px #667eea1f}.user-avatar[data-v-4fcc2ab2]{width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}.username[data-v-4fcc2ab2]{font-size:14px;font-weight:500}.logout-btn[data-v-4fcc2ab2]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:20px;padding:8px 20px;transition:all .3s ease}.logout-btn[data-v-4fcc2ab2]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea4d}.clear-cache-fixed[data-v-4fcc2ab2]{position:fixed;left:16px;bottom:16px;z-index:50;background:rgba(255,255,255,.95);box-shadow:0 2px 8px #00000026;border:1px solid rgba(255,255,255,.6);color:#444;font-weight:500;transition:box-shadow .2s,transform .2s}.clear-cache-fixed[data-v-4fcc2ab2]:hover{box-shadow:0 4px 14px #00000040;transform:translateY(-2px)}.clear-cache-fixed[data-v-4fcc2ab2]:active{transform:translateY(0)}@media (max-width: 768px){.clear-cache-fixed[data-v-4fcc2ab2]{left:10px;bottom:10px}}.content-area[data-v-4fcc2ab2]{background:transparent;padding:0}.content-wrapper[data-v-4fcc2ab2]{background:#fff;border-radius:20px 20px 0 0;margin:0 20px 0 0;padding:24px;min-height:calc(100vh - 140px);box-shadow:0 -4px 20px #0000001a;border:1px solid rgba(255,255,255,.2);border-bottom:none}.page-enter-active[data-v-4fcc2ab2],.page-leave-active[data-v-4fcc2ab2]{transition:all .3s ease}.page-enter-from[data-v-4fcc2ab2]{opacity:0;transform:translate(20px)}.page-leave-to[data-v-4fcc2ab2]{opacity:0;transform:translate(-20px)}@keyframes float-4fcc2ab2{0%,to{transform:translateY(0) rotate(0);opacity:.05}50%{transform:translateY(-20px) rotate(180deg);opacity:.1}}@media (max-width: 768px){.sidebar[data-v-4fcc2ab2]{width:200px!important}.sidebar-header[data-v-4fcc2ab2]{padding:15px}.brand-text h3[data-v-4fcc2ab2]{font-size:16px}.sidebar-menu[data-v-4fcc2ab2] .el-sub-menu__title,.sidebar-menu[data-v-4fcc2ab2] .el-menu-item{padding-left:15px;padding-right:15px}.content-wrapper[data-v-4fcc2ab2]{margin:0 10px 0 0;padding:16px}.header[data-v-4fcc2ab2]{padding:8px 16px!important;min-height:50px!important}.page-title h2[data-v-4fcc2ab2]{font-size:20px}}@media (max-width: 480px){.sidebar[data-v-4fcc2ab2]{width:180px!important}.header-right[data-v-4fcc2ab2]{gap:8px}.user-info[data-v-4fcc2ab2]{padding:6px 12px}.username[data-v-4fcc2ab2]{display:none}.logout-btn[data-v-4fcc2ab2]{padding:6px 12px;font-size:12px}}