:root{--spacer: .5rem;--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 12px;--space-6: 16px;--space-8: 24px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--text-2xs: 10px;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 16px;--text-xl: 18px;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--bg-body: #f5f0e8;--bg-main: #f5f0e8;--bg-card: #fffef9;--bg-sidebar: #f0ebe0;--bg-hover: rgba(212, 201, 168, .25);--bg-active: rgba(212, 201, 168, .4);--text-main: #5c4a3d;--text-sub: #8b7d6b;--text-secondary: #8b7d6b;--text-weak: #a89a88;--text-light: #a89a88;--text-white: #ffffff;--gold: #d4953a;--gold-light: #e0b060;--gold-dark: #b87d2a;--gold-pale: #f5e6c8;--success: #6b9b5e;--danger: #c45a5a;--warning: var(--gold);--info: #6b8fa8;--normal: #233ed2;--border: #e8e0d0;--border-medium: #d4c9a8;--border-dark: #c4b896;--shadow-sm: 0 1px 2px rgba(92, 74, 61, .05);--shadow-md: 0 2px 8px rgba(92, 74, 61, .08);--shadow-lg: 0 4px 16px rgba(92, 74, 61, .12);--slot-xs: 28px;--slot-sm: 32px;--slot-md: 40px;--slot-lg: 48px;--slot-xl: 60px;--sidebar-width: 200px;--right-panel-width: 310px;color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;overflow:hidden;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-main);background:var(--bg-body);height:100%;overflow:hidden;overscroll-behavior:none;touch-action:manipulation}#app{width:100%;height:100%}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-none{flex:none}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.text-2xs{font-size:var(--text-2xs)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.text-main{color:var(--text-main)}.text-sub{color:var(--text-sub)}.text-weak{color:var(--text-weak)}.text-gold{color:var(--gold)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-white{color:var(--text-white)}.text-center{text-align:center}.h-screen{height:100vh}.min-w-0{min-width:0}.min-h-0{min-height:0}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.border{border:1px solid var(--border)}.border-gold{border-color:var(--gold)}.scrollbar::-webkit-scrollbar{width:4px;height:4px}.scrollbar::-webkit-scrollbar-track{background:transparent}.scrollbar::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:2px}.scrollbar::-webkit-scrollbar-thumb:hover{background:var(--text-weak)}.hidden{display:none!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .2s ease-out}@media (max-width: 768px){:root{--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px}}.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog-container{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:fit-content;height:fit-content;min-width:360px;max-width:90vw;max-height:85vh;overflow-y:auto;position:relative;padding:var(--space-6);margin:auto}.dialog-container .button-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;background:var(--bg-hover);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-sub);transition:all .2s}.dialog-container .button-close:hover{background:var(--bg-active);color:var(--text-main)}.tooltip-content{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-6);max-width:320px;font-size:var(--text-sm);color:var(--text-main);z-index:999}.popup-content{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-5);min-width:200px;max-width:400px;z-index:999}.dialog-title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--gold);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border);text-align:center}.dialog-content{color:var(--text-main);line-height:1.6}.dialog-actions{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border)}.dialog-form{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);min-width:280px}.dialog-form-header{width:100%;text-align:center}.dialog-form-body{width:100%;display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.dialog-form-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.dialog-form-section .item-small{width:68px;height:48px;padding:2px}.dialog-form-section .item-container{width:100%;height:100%;flex:none}.dialog-form-label{display:inline-flex;align-items:center;gap:2px;font-size:var(--text-xs);color:var(--text-sub)}.dialog-form-row{display:flex;flex-direction:row;align-items:center;gap:var(--space-1)}.dialog-form-input{width:80px;text-align:center}.dialog-form-actions{width:100%;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.dialog-form-actions>button,.dialog-form-actions>.btn,.dialog-form-actions>.btn-gold,.dialog-form-actions>.btn-gray,.dialog-form-actions>.btn-green,.dialog-form-actions>.btn-red{flex:1 1 0;min-width:0;max-width:240px}.dialog-form-actions>button:only-child,.dialog-form-actions>.btn:only-child{flex:0 1 auto;min-width:120px}.dialog-form-hint{font-size:var(--text-xs);color:var(--text-weak)}.dialog-form-total{display:inline-flex;align-items:center;gap:2px;font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-main)}.shop-buy-dialog{min-width:280px}.shop-buy-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin:var(--space-2) 0}.shop-buy-svg{width:100%;height:100%}.quantity-selector{display:flex;align-items:center;gap:0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.quantity-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:var(--bg-sidebar);color:var(--text-main);font-size:var(--text-lg);font-weight:var(--weight-bold);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.quantity-btn:hover{background:var(--gold);color:#fff}.quantity-btn:active{opacity:.8}.quantity-input{width:60px;height:36px;border:none;border-left:1px solid var(--border);border-right:1px solid var(--border);background:var(--bg-card);color:var(--text-main);font-size:var(--text-base);font-weight:var(--weight-semibold);text-align:center;outline:none}.quantity-input::-webkit-inner-spin-button,.quantity-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.shop-buy-total{display:flex;align-items:center;justify-content:center;gap:var(--space-1);margin:var(--space-2) 0}.total-label{font-size:var(--text-sm);color:var(--text-sub)}.total-value{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--gold)}.total-coin{width:18px;height:18px;fill:var(--gold)}.auto-trigger-popup{min-width:260px;max-width:320px;padding:var(--space-3)}.trigger-empty{display:flex;align-items:center;justify-content:center;padding:var(--space-4) 0}.trigger-empty-text{font-size:var(--text-xs);color:var(--text-sub);font-style:italic}.trigger-conditions{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-2)}.trigger-conditions-header{font-size:10px;font-weight:var(--weight-bold);color:var(--gold);padding-bottom:2px;border-bottom:1px solid var(--border)}.trigger-condition-card{display:flex;align-items:flex-start;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--bg-sidebar);border:1px solid var(--border);border-radius:var(--radius-sm)}.trigger-condition-join{font-size:10px;font-weight:var(--weight-bold);color:var(--gold);padding:1px var(--space-2);background:var(--bg-card);border-radius:var(--radius-sm);text-align:center;line-height:1.4}.trigger-condition-body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.trigger-condition-row{display:flex;align-items:center;gap:2px}.trigger-select{flex:1;min-width:0;padding:2px 4px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-main);font-size:var(--text-2xs);outline:none;cursor:pointer;height:22px}.trigger-input-number{flex:1;min-width:0;padding:2px 4px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-main);font-size:var(--text-2xs);outline:none;height:22px;text-align:center}.trigger-input-number:focus{border-color:var(--gold)}.trigger-delete-btn{flex-shrink:0;width:18px;height:18px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-weak);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;margin-top:2px}.trigger-delete-btn svg{width:12px;height:12px}.trigger-delete-btn:hover{background:var(--danger);color:#fff}.trigger-actions{display:flex;gap:var(--space-1);margin-bottom:var(--space-2)}.trigger-btn{padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--text-2xs);font-weight:var(--weight-medium);cursor:pointer;transition:all .15s ease;border:none;outline:none;display:inline-flex;align-items:center;justify-content:center;gap:2px}.trigger-btn-add{flex:1;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);color:#fff}.trigger-btn-add:hover{opacity:.9}.trigger-btn-icon{font-size:var(--text-xs);font-weight:var(--weight-bold)}.trigger-btn-reset{flex:1;background:var(--bg-sidebar);border:1px solid var(--border);color:var(--text-sub)}.trigger-btn-reset:hover{border-color:var(--gold);color:var(--gold)}.trigger-footer{display:flex;justify-content:flex-end;padding-top:var(--space-1);border-top:1px solid var(--border)}.trigger-btn-save{padding:4px 14px;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-semibold)}.trigger-btn-save:hover{opacity:.9}.player-info-content{display:flex;flex-direction:column;min-width:240px;max-width:300px}.player-property-list{max-height:calc(70vh - 80px);overflow-y:auto;padding-right:var(--space-1);display:flex;flex-direction:column;gap:0}.player-property-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-2) var(--space-1);border-bottom:1px solid var(--border);min-height:36px}.player-property-row:last-child{border-bottom:none}.player-property-name{font-size:var(--text-sm);color:var(--text-main);font-weight:var(--weight-medium);flex-shrink:0}.player-property-value{font-size:var(--text-sm);color:var(--gold);font-weight:var(--weight-bold);text-align:right;white-space:nowrap}@media (max-width: 768px){.dialog-container{max-width:95vw;padding:var(--space-6)}.tooltip-content,.popup-content{max-width:280px}.player-info-content{min-width:200px;max-width:100%}}.game-view{background:#89b399;display:flex;flex-direction:column;min-height:0;overflow:hidden}.content-wrap{display:flex;flex-direction:row;flex:1;width:100%;height:100%;min-width:0;min-height:0;gap:0;margin-top:12px;margin-bottom:12px;margin-right:12px;border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);overflow:hidden;background:#fffef9}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--bg-sidebar);border-right:1px solid var(--border);border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden;min-height:0;margin-left:12px;margin-top:12px;margin-bottom:12px}.user-header{padding:var(--space-3);border-bottom:1px solid var(--border);background:var(--bg-card)}.avatar-section{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.avatar-wrapper{position:relative;flex-shrink:0}.avatar-img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--success);background:var(--bg-sidebar)}.avatar-placeholder{width:48px;height:48px;border-radius:50%;border:2px solid var(--success);background:var(--bg-sidebar);display:flex;align-items:center;justify-content:center}.avatar-icon{width:24px;height:24px;color:var(--text-weak)}.user-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.user-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-main)}.user-id-line{font-size:var(--text-2xs);color:var(--text-weak)}.user-total-level{font-size:var(--text-2xs);color:var(--gold);font-weight:var(--weight-medium)}.community-buff-row{display:flex;gap:var(--space-1);flex-wrap:wrap}.logout-row{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border)}.logout-btn{width:100%;padding:4px 0;font-size:var(--text-xs);color:var(--text-sub);background:none;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.logout-btn:hover{color:var(--danger, #e74c3c);border-color:#e74c3c4d;background:#e74c3c0f}.monster-image-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2)}.monster-cell{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-1);border-radius:var(--radius-sm);background:#00000026;transition:transform .15s ease,background .15s ease;overflow:hidden;min-width:0}.monster-cell .battle-player-icon{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.monster-cell svg{width:100%!important;height:100%!important;max-width:48px;max-height:48px;display:block}.boss-icon-wrap .battle-player-icon{width:64px;height:64px}.boss-icon-wrap svg{width:100%!important;height:100%!important}.cs-slot,.cs-slot .item-slot{width:35px;height:35px}.cs-slot .item-icon{width:85%}.cs-slot .slot-badge{font-size:10px;line-height:1.2;padding:0 2px}.sidebar-scroll{flex:1;padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--space-1)}.skill-card{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 2px 4px;cursor:pointer;transition:all .2s ease;overflow:hidden}.skill-card:hover,.skill-card.active{border-color:var(--gold);background:var(--gold-pale)}.skill-tag{position:absolute;top:2px;left:2px;font-size:9px;font-weight:var(--weight-bold);color:var(--text-white);line-height:1;background:linear-gradient(135deg,#e8a94b,#d4953a);border-radius:3px;padding:1px 4px;z-index:5}.skill-buff-mark{color:#fff5e0;margin-left:1px}.skill-body{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-1)}.skill-icon-img{width:28px;height:28px;flex-shrink:0}.skill-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:0}.skill-name{font-size:var(--text-xs);color:var(--text-main);font-weight:var(--weight-medium);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.skill-collect{font-size:9px;color:var(--text-weak);line-height:1.2}.skill-progress-text{font-size:var(--text-2xs);color:var(--text-weak);line-height:1;flex-shrink:0}.skill-progress-bar{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--border);border-radius:0 0 var(--radius-md) var(--radius-md);overflow:hidden}.skill-progress-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-light));border-radius:2px;transition:width .3s ease}.expand-arrow{width:20px;height:20px;flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:background .2s}.expand-arrow:hover{background:#00000014}.arrow-right:before{content:"";display:block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid var(--text-weak)}.arrow-down:before{content:"";display:block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid var(--gold)}.skill-card.expandable .skill-body{padding-right:2px}.action-parent-wrapper{grid-column:1 / -1}.parent-card{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--space-3)}.parent-card:hover,.parent-card.active{border-color:var(--gold);background:var(--gold-pale)}.parent-tag{font-size:var(--text-2xs);font-weight:var(--weight-bold);color:var(--gold)}.parent-buff-mark{color:var(--danger);margin-left:1px}.parent-body{display:flex;align-items:center;gap:var(--space-2);flex:1}.parent-icon{width:20px;height:20px}.parent-name{font-size:var(--text-xs);color:var(--text-main);font-weight:var(--weight-medium)}.parent-right-block{width:20px;height:20px;background:var(--border);border-radius:var(--radius-sm);flex-shrink:0;transition:all .2s}.parent-right-block:hover{background:var(--border-medium)}.child-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--space-2);margin-top:var(--space-2);padding-left:var(--space-3)}.child-card{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-2);cursor:pointer;transition:all .2s ease}.child-card:hover{border-color:var(--gold)}.child-tag{position:absolute;top:2px;left:3px;font-size:var(--text-2xs);font-weight:var(--weight-bold);color:var(--gold)}.child-buff-mark{color:var(--danger);margin-left:1px}.child-body{display:flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-1)}.child-icon{width:16px;height:16px}.child-name{font-size:var(--text-2xs);color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.child-progress{position:absolute;bottom:2px;right:3px;font-size:var(--text-2xs);color:var(--text-weak)}.child-progress-bar{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--border);overflow:hidden}.child-progress-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-light));transition:width .3s ease}.func-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--border)}.func-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-2);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;min-height:56px}.func-btn:hover,.func-btn.active{border-color:var(--gold);background:var(--gold-pale)}.func-icon{width:20px;height:20px}.func-name{font-size:var(--text-2xs);color:var(--text-sub);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:0;background:transparent;margin-right:12px}.center-drag{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:0;margin:0 var(--space-2)}.content-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:0;background:var(--bg-card);margin-bottom:var(--space-2);padding-top:20px}.right-panel{width:var(--right-panel-width);min-width:var(--right-panel-width);flex-shrink:0;background:var(--bg-sidebar);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;min-height:0;height:auto}@media (max-width: 768px){.right-panel{display:none}}.badge-panel{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.panel-header{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);background:var(--bg-card)}.panel-body{flex:1;overflow-y:auto;padding:var(--space-2) var(--space-3)}.tab-container{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border);padding:0 var(--space-3);flex-shrink:0;overflow-x:auto;scrollbar-width:none;background:var(--bg-card)}.tab-container::-webkit-scrollbar{display:none}.tab-item{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--text-sub);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative}.tab-item:hover{color:var(--text-main)}.tab-item.active{color:var(--gold);border-bottom-color:var(--gold);font-weight:var(--weight-semibold)}.red-pointer{position:absolute;top:2px;right:2px;min-width:14px;height:14px;background:var(--danger);color:var(--text-white);font-size:9px;font-weight:var(--weight-bold);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:0 3px}.tab-arrow{margin-left:auto;padding:var(--space-1);cursor:pointer;color:var(--text-main);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--bg-body);border:1px solid var(--border);transition:all .2s}.tab-arrow:hover{background:var(--bg-hover);border-color:var(--gold);color:var(--gold)}.chat-section{flex-shrink:0;background:var(--bg-card);display:flex;flex-direction:column;overflow:hidden}.drag-handle{height:4px;background:var(--border);cursor:ns-resize;border-radius:2px;margin-bottom:2px;transition:background .2s}.drag-handle:hover{background:var(--border-medium)}.chat-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;padding-bottom:var(--space-1)}.chat-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);line-height:1.6}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px;border:2px solid transparent;background-clip:padding-box}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--text-weak)}.chat-messages{scrollbar-width:thin;scrollbar-color:var(--border-medium) transparent}.chat-message-block{border-radius:var(--radius-sm);transition:background .15s;margin-bottom:3px;line-height:1.5}.chat-message-block:hover{background:var(--bg-hover)}.chat-message-block.system{background:#d4c9a81f;border-left:2px solid var(--gold-light)}.chat-message-block.system:hover{background:#d4c9a833}.chat-message-row{display:flex;gap:var(--space-1);word-break:break-all;align-items:flex-start}.chat-time{color:var(--success);flex-shrink:0;font-size:var(--text-xs);font-family:monospace;margin-top:1px}.chat-nick{color:var(--success);flex-shrink:0;font-size:var(--text-xs);font-weight:var(--weight-medium);margin-top:1px;white-space:nowrap}.chat-nick-player{color:var(--success)}.chat-body{color:var(--text-main);flex:1;min-width:0;font-size:var(--text-sm);display:flex;flex-wrap:wrap;align-items:center;gap:2px}.chat-message-item{display:flex;flex-wrap:wrap;align-items:center;gap:2px}.chat-item-inline,.chat-trade-inline,.chat-recruit-inline,.chat-system-inline{display:inline-flex;align-items:center;vertical-align:middle}.chat-input-area{display:flex;align-items:flex-end;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid var(--border)}.input-chat{flex:1;height:32px;padding:0 var(--space-3);border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-body);color:var(--text-main);font-size:var(--text-sm);outline:none;transition:border-color .2s}.input-chat:focus{border-color:var(--gold)}.input-chat::placeholder{color:var(--text-weak)}.btn-send{height:32px;padding:0 var(--space-4);background:var(--success);color:var(--text-white);border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:all .2s;white-space:nowrap}.btn-send:hover{opacity:.9}.btn-send:disabled{opacity:.5;cursor:not-allowed}.item-container-big{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:var(--space-2);padding:var(--space-2)}.item-container-1{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-3)}.item-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;align-items:center;gap:var(--space-1);cursor:pointer;transition:all .2s ease}.item-card:hover{border-color:var(--gold);box-shadow:var(--shadow-sm)}.item-card-icon{width:32px;height:32px}.item-card-name{font-size:var(--text-xs);color:var(--text-main);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.item-card-level{font-size:var(--text-2xs);color:var(--text-weak)}.equip-section-title{font-size:var(--text-xs);color:var(--text-sub);margin-bottom:var(--space-2);font-weight:var(--weight-medium)}.item-slot-wrapper{display:inline-block}.item-slot-wrapper.size-small .item-slot{width:34px;height:34px}.item-slot-wrapper.size-normal .item-slot{width:48px;height:48px}.item-slot-wrapper.size-large .item-slot{width:64px;height:64px}.item-slot-wrapper.size-xlarge .item-slot{width:80px;height:80px}.item-slot{position:relative;width:48px;height:48px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;overflow:hidden}.item-slot:hover{border-width:2px}.item-slot.has-item:hover,.item-slot.is-empty:hover{border-width:2px;border-color:var(--success)}.item-slot.locked-slot:hover{border-width:2px;border-color:var(--danger)}.item-slot.has-item{border:1px solid var(--success)}.item-slot.is-empty{background:var(--bg-body);border:1px dashed var(--success)}.item-slot.locked-slot{background:var(--bg-body);border:1px dashed var(--danger)}.item-slot.has-item.quantity-zero{border-color:var(--danger)!important}.item-small.has-item{border:1px solid var(--success)}.slot-title{font-size:10px;color:var(--text-weak);text-align:center}.item-icon-wrapper{width:60%;height:60%;display:flex;align-items:center;justify-content:center}.item-icon{width:80%;height:auto}.item-container:not(:has(.slot-badge)) .item-icon,.item-container:not(:has(.slot-badge)) .svg-icon{width:100%}.item-container:not(:has(.slot-badge)) .item-container{width:100%}.skill-icon{font-size:var(--text-2xs);color:var(--text-sub);text-align:center;line-height:1.2}.slot-badge{position:absolute;font-size:var(--text-2xs);font-weight:var(--weight-bold);color:var(--gold);line-height:1;pointer-events:none}.slot-badge-topleft{top:1px;left:1px}.slot-badge-topright{top:1px;right:1px}.slot-badge-bottomleft{bottom:1px;left:1px}.slot-badge-bottomright{position:absolute;bottom:1px;right:2px;font-size:var(--text-2xs);font-weight:var(--weight-bold);color:var(--text-main);line-height:1;pointer-events:none}.slot-badge-zero{color:var(--gold)}.duration-time,.countdown-seconds{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-white);border-radius:var(--radius-sm);pointer-events:none}.progress-track{width:100%;height:12px;background:var(--border);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--success),var(--success));border-radius:2px;transition:width .3s ease}.progress-bar-wrapper{width:100%}.is-animating{animation-name:progressSlide;animation-timing-function:linear;animation-fill-mode:forwards}.progress-bar-hp-base-fish{position:relative;width:100%;margin:var(--space-2) 0}.progress-bar-hp{width:100%;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.progress-bar-hp-c{height:100%;background:linear-gradient(90deg,var(--success),#8bc48a);border-radius:3px;transition:width .3s ease}.progress-bar-hp-b{height:100%;background:linear-gradient(90deg,var(--danger),#e88a8a);border-radius:3px;transition:width .3s ease}.duration-text-hp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--text-2xs);font-weight:var(--weight-bold);color:var(--text-white);text-shadow:0 0 2px rgba(0,0,0,.8);pointer-events:none;white-space:nowrap}.milking-info{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.milk-output-overlay{position:absolute;top:20px;right:320px;background:transparent;margin-bottom:var(--space-2);z-index:1;pointer-events:none}.milk-output-items{display:flex;flex-direction:column;flex-wrap:nowrap;gap:2px;padding:var(--space-1) var(--space-2);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);white-space:nowrap}.btn-gold,.btn-green,.btn-red,.btn-gray,.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:all .2s ease;white-space:nowrap;line-height:1.4}.btn-gold,.btn-primary,.btn-normal,.btn-warning{background:var(--gold);color:var(--text-white)}.btn-gold:hover,.btn-primary:hover,.btn-normal:hover,.btn-warning:hover{background:var(--gold-dark)}.btn-green,.btn-success,.btn-buy,.btn-collect,.btn-send{background:var(--success);color:var(--text-white)}.btn-green:hover,.btn-success:hover,.btn-buy:hover,.btn-collect:hover,.btn-send:hover{background:#5a8a4e}.btn-red,.btn-danger,.btn-sell,.btn-stop{background:var(--danger);color:var(--text-white)}.btn-red:hover,.btn-danger:hover,.btn-sell:hover,.btn-stop:hover{background:#b04a4a}.btn-gray,.btn-secondary,.btn-cancel{background:var(--gold-pale);color:var(--text-main);border:1px solid var(--border-medium)}.btn-gray:hover,.btn-secondary:hover,.btn-cancel:hover{border-color:var(--gold);background:var(--gold-pale)}.btn-sm.active{background:var(--success);color:var(--text-white);border-color:var(--success)}.btn-sm,.dialog-btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-2xs)}.btn-xs{padding:2px var(--space-2);font-size:var(--text-2xs)}.btn-lg{padding:4px var(--space-4);font-size:var(--text-2xs)}.btn-gold:disabled,.btn-green:disabled,.btn-red:disabled,.btn-gray:disabled,.btn:disabled,.btn-primary:disabled,.btn-success:disabled,.btn-danger:disabled,.btn-secondary:disabled,.btn-normal:disabled,.btn-warning:disabled,.btn-sell:disabled,.btn-buy:disabled,.btn-collect:disabled,.btn-send:disabled,.btn-stop:disabled,.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.guild-create-container{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);max-width:520px;margin:0 auto}.guild-header{text-align:center}.guild-title{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--gold);margin:0}.guild-title-icon{width:28px;height:28px;fill:var(--gold)}.guild-title-line{width:60px;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:var(--space-2) auto 0;border-radius:2px}.guild-info-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.guild-desc{font-size:var(--text-sm);color:var(--text-main);line-height:1.6;margin:0 0 var(--space-3)}.guild-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.guild-feature-item{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-sub);line-height:1.5}.feature-dot{width:6px;height:6px;background:var(--gold);border-radius:50%;margin-top:6px;flex-shrink:0}.highlight-gold{color:var(--gold);font-weight:var(--weight-bold)}.guild-cost-bar{display:flex;align-items:center;justify-content:center;gap:var(--space-2);background:linear-gradient(135deg,#d4af371a,#d4af370d);border:1px solid var(--gold);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}.cost-label{font-size:var(--text-sm);color:var(--text-sub)}.cost-value{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--gold)}.cost-coin{width:20px;height:20px;fill:var(--gold)}.guild-form{display:flex;flex-direction:column;gap:var(--space-3)}.guild-input-group{display:flex;gap:var(--space-2);align-items:stretch}.guild-input-wrap{flex:1;display:flex;align-items:center;gap:var(--space-2);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 var(--space-3);transition:border-color .2s ease}.guild-input-wrap:focus-within{border-color:var(--gold)}.guild-input-icon{width:18px;height:18px;fill:var(--text-sub);flex-shrink:0}.guild-input{flex:1;border:none;background:transparent;padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--text-main);outline:none}.guild-input::placeholder{color:var(--text-sub)}.guild-create-btn{padding:var(--space-2) var(--space-4);white-space:nowrap}.guild-create-btn .btn-icon{width:16px;height:16px;fill:currentColor}.guild-tip{display:flex;align-items:flex-start;gap:var(--space-2);background:#1d8ce014;border:1px solid rgba(29,140,224,.2);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-xs);color:var(--text-sub);line-height:1.5}.guild-tip .tip-icon{width:16px;height:16px;fill:var(--info);flex-shrink:0;margin-top:1px}.table-container{width:100%;overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th,.table td{padding:var(--space-2) var(--space-3);text-align:center;border-bottom:1px solid var(--border)}.table th{background:var(--bg-sidebar);font-weight:var(--weight-semibold);position:sticky;top:0;z-index:10;font-size:var(--text-xs)}.table tr:nth-child(2n){background:#d4c9a80f}.table tr:hover{background:var(--bg-hover)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);transition:all .2s ease}.card:hover{border-color:var(--gold);box-shadow:var(--shadow-sm)}.battle-map-content{display:flex;flex-direction:column;height:100%;flex:1;overflow:hidden}.battle-map-wrapper{flex:1;display:flex;flex-direction:row;align-items:stretch;width:100%;padding:var(--space-4);gap:0;position:relative;overflow-y:auto;box-sizing:border-box;min-height:0}.battle-team{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-4);min-width:0}.battle-divider{width:1px;background:var(--border-medium);margin:var(--space-4) 0;flex-shrink:0}.battle-team-grid{display:grid;gap:var(--space-3)}.player-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);justify-items:center}.player-grid>*:nth-child(1){grid-column:1;grid-row:1}.player-grid>*:nth-child(2){grid-column:2;grid-row:1}.player-grid>*:nth-child(3){grid-column:1;grid-row:2}.player-grid>*:nth-child(4){grid-column:2;grid-row:2}.player-grid>*:nth-child(5){grid-column:3;grid-row:2}.enemy-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);justify-items:center}.battle-player-card{width:140px;min-height:160px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:all .15s ease;position:relative;flex-shrink:0;padding-top:5px;padding-bottom:5px}.battle-player-dead{filter:grayscale(100%);opacity:.75}.battle-player-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2);gap:var(--space-1);min-height:90px;position:relative}.battle-player-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center}.battle-player-svg{width:100%;height:100%}.battle-player-default{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.battle-player-name{font-size:var(--text-xs);color:var(--text-main);font-weight:var(--weight-medium);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;margin-bottom:2px}.battle-player-main .buff-data{font-size:9px;color:var(--text-weak);text-align:center;line-height:1.2}.battle-player-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;max-width:140px}.revive-time{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;font-weight:var(--weight-bold);color:var(--danger)!important;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:5;filter:none!important}@media (max-width: 768px){.battle-player-wrapper{max-width:100px}.battle-player-wrapper .revive-time{font-size:24px;width:36px;height:36px}}@media (max-width: 480px){.battle-player-wrapper{max-width:80px}.battle-player-wrapper .revive-time{font-size:20px;width:32px;height:32px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#5c4a3d66;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:var(--space-4) var(--space-5);overflow-y:auto;flex:1}.modal-footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:var(--space-3)}.category{margin-bottom:var(--space-3)}.category-title{font-size:var(--text-xs);color:var(--text-sub);font-weight:var(--weight-semibold);margin-bottom:var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid var(--border)}.category-grid{display:flex;flex-wrap:wrap;gap:2px;justify-content:flex-start}.category-grid .item-small{width:45px;height:45px;min-height:45px;min-width:45px;aspect-ratio:1;padding:3px;flex-shrink:0;overflow:hidden}.category-grid .item-small>div:first-child{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.category-grid .item-small .svg-icon{max-width:100%;max-height:100%}.skill-page{display:flex;flex-direction:column;gap:var(--space-4)}.skill-section{display:flex;flex-direction:column;gap:var(--space-1)}.section-title{font-size:var(--text-xs);color:var(--text-sub);font-weight:var(--weight-semibold)}.skill-grid-5{display:grid;grid-template-columns:repeat(auto-fill,minmax(45px,1fr));gap:var(--space-2);justify-items:center;width:100%}.box-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.box-dialog{width:280px;padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);box-shadow:0 8px 24px #0000004d}.box-header{width:100%;display:flex;align-items:center;justify-content:space-between}.box-title{color:var(--text-main);font-size:var(--text-base);font-weight:var(--weight-semibold)}.box-close{background:none;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;line-height:1;padding:0 4px;border-radius:var(--radius-sm)}.box-close:hover{color:var(--text-main);background:var(--bg-hover)}.box-source{display:flex;justify-content:center}.box-source .item-small{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important}.box-body{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:150px;text-align:center}.box-label{color:var(--text-secondary);font-size:var(--text-sm);margin:var(--space-2) 0 var(--space-1) 0}.box-body .category-grid{gap:var(--space-3);justify-content:center}.box-empty{color:var(--text-weak);font-size:var(--text-sm);padding:var(--space-3) 0}.box-btn{width:100%;padding:7px 0;border-radius:var(--radius-sm);font-size:var(--text-sm)}.skill-grid-learned{display:grid;grid-template-columns:repeat(auto-fill,minmax(45px,1fr));gap:var(--space-1)}.skill-icon-wrapper{width:100%;height:100%;justify-content:center;align-items:center;aspect-ratio:1}.skill-icon-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:2px;background:var(--bg-card);border:1px solid var(--success);border-radius:var(--space-2);cursor:pointer;transition:all .2s ease}.skill-icon-container:hover{border-width:2px}.skill-icon-container .skill-name{font-size:var(--text-2xs);color:var(--text-main);text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-icon-container .skill-level{font-size:9px;color:var(--gold);font-weight:var(--weight-bold)}.main-equipment{display:grid;grid-template-columns:repeat(auto-fill,48px);grid-auto-rows:48px;gap:2px}.main-equipment .item-slot-wrapper{display:block;width:48px;height:48px}.main-equipment .item-slot-wrapper .item-slot,.main-equipment .item-slot{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important}.main-equipment .item-slot.is-empty{background:var(--bg-body);border:1px dashed var(--success);display:flex;align-items:center;justify-content:center}.main-equipment .item-slot.is-empty{font-size:8px;color:var(--text-weak);text-align:center;padding:2px}.house-page{display:flex;flex-direction:column}.house-section-gap{margin-top:var(--space-4)}.house-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:var(--space-2);padding:var(--space-1) 0}.house-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-1);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);min-height:64px;transition:all .2s ease}.house-card:hover{border-color:var(--gold);box-shadow:var(--shadow-sm)}.house-card.is-built{border-color:var(--gold-light);background:var(--gold-pale)}.house-name{font-size:var(--text-2xs);color:var(--text-main);text-align:center;line-height:1.3;word-break:break-all;min-height:28px;display:flex;align-items:center;justify-content:center}.house-level{font-size:9px;color:var(--gold);font-weight:var(--weight-bold)}.house-icon{width:28px;height:28px;flex-shrink:0}.btn-house{display:flex;align-items:center;justify-content:center;width:100%;padding:2px 4px;border:none;border-radius:var(--radius-sm);font-size:var(--text-2xs);font-weight:var(--weight-semibold);cursor:pointer;transition:all .2s ease;line-height:1.4}.buff-data{font-size:var(--text-2xs);color:var(--text-sub);display:flex;flex-wrap:wrap;gap:var(--space-1)}.action-btns{display:flex;gap:var(--space-1);flex-wrap:wrap;justify-content:center}.position-select{padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-2xs);background:var(--bg-card);color:var(--text-main)}.loading-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);color:var(--text-sub)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:var(--text-sm);color:#000}.loading-wrap .refresh-btn{margin-top:var(--space-3);padding:6px 18px;font-size:var(--text-sm);color:var(--text-main);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.loading-wrap .refresh-btn:hover{border-width:2px;border-color:var(--gold)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);color:var(--text-weak);font-size:var(--text-sm)}.divider{width:100%;height:1px;background:var(--border);margin:var(--space-3) 0}.item-detail-tooltip{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);min-width:200px;max-width:260px;box-shadow:var(--shadow-lg)}.gather-label{white-space:nowrap;flex-shrink:0}.item-detail-header{font-weight:var(--weight-semibold);font-size:var(--text-sm);color:var(--text-main);margin-bottom:var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid var(--border)}.item-detail-row{display:flex;justify-content:space-between;font-size:var(--text-xs);padding:2px 0}.item-detail-divider{height:1px;background:var(--border);margin:var(--space-1) 0}.monster-skill-name{text-align:right;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monster-skill-row{display:flex;align-items:center;gap:var(--space-1)}.monster-skill-icon{width:18px;height:18px;flex-shrink:0}.monster-drop-qty{color:var(--text-sub);flex-shrink:0;min-width:28px;text-align:right}.monster-drop-icon-wrap{display:flex;align-items:center;gap:3px;min-width:0;flex:1}.monster-drop-icon{width:14px;height:14px;flex-shrink:0}.monster-drop-name{color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monster-drop-rate{color:var(--text-weak);flex-shrink:0;margin-left:auto}.monster-drop-rate.rare{color:#e74c3c}.monster-section-label{font-size:var(--text-2xs);color:var(--text-sub);font-weight:var(--weight-medium);padding-top:var(--space-1)}.item-detail-label{color:var(--text-sub);white-space:nowrap;flex-shrink:0}.item-detail-value{color:var(--text-main);font-weight:var(--weight-medium)}.menu-tooltip{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);min-width:140px;box-shadow:var(--shadow-lg)}.monster-tooltip{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);min-width:280px;max-width:360px;box-shadow:var(--shadow-lg)}.monster-tooltip-header{display:flex;align-items:center;justify-content:space-between;font-weight:var(--weight-semibold);font-size:var(--text-sm);color:var(--text-main);margin-bottom:var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid var(--border)}.monster-tooltip-name{color:var(--text-main)}.monster-tooltip-style{font-size:var(--text-2xs);font-weight:var(--weight-normal);color:var(--text-weak);background:var(--bg-subtle);padding:1px 6px;border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0}.monster-tooltip-body{font-size:var(--text-xs);display:flex;flex-direction:column;gap:var(--space-2)}.monster-tooltip-loading{color:var(--text-weak);text-align:center;padding:var(--space-2) 0}.monster-level-tags{display:flex;flex-wrap:wrap;gap:3px}.level-tag{display:inline-block;background:var(--bg-subtle);color:var(--text-sub);font-size:var(--text-2xs);padding:1px 5px;border-radius:var(--radius-sm);white-space:nowrap}.monster-battle-grid{display:flex;flex-direction:column;gap:5px}.stat-card{background:var(--bg-subtle);border-radius:var(--radius-sm);padding:5px 6px}.hp-mp-card{background:transparent;border:1px solid var(--border);padding:6px}.stat-card-title{font-size:var(--text-2xs);color:var(--text-weak);margin-bottom:3px;font-weight:var(--weight-medium)}.stat-card-row{display:flex;gap:0}.stat-card-row .stat-cell{flex:1}.stat-card-grid-4{display:grid;grid-template-columns:1fr 1fr;gap:2px 8px}.stat-card-grid-5{display:grid;grid-template-columns:1fr 1fr;gap:3px 8px}.stat-cell{display:flex;align-items:center;gap:3px}.stat-cell-label{color:var(--text-sub);font-size:var(--text-2xs);flex-shrink:0}.stat-cell-value{color:var(--text-main);font-weight:var(--weight-medium);font-size:var(--text-2xs);white-space:nowrap}.stat-cell-value.hp{color:#27ae60;font-size:var(--text-xs);font-weight:var(--weight-semibold)}.stat-cell-value.mp{color:#5dade2;font-size:var(--text-xs);font-weight:var(--weight-semibold)}.stat-cell-value.damage{color:#e74c3c}.stat-cell-value.magic-dmg{color:#af5dff}.stat-cell-value.armor{color:#f39c12}.stat-cell-value.fire-res{color:#e67e22}.stat-cell-value.water-res{color:#3498db}.stat-cell-value.nature-res{color:#2ecc71}.hp-mp-card .stat-cell{justify-content:center;gap:4px}.hp-mp-card .stat-cell-label{font-size:var(--text-xs)}.monster-section-header{font-size:var(--text-2xs);color:var(--text-sub);font-weight:var(--weight-medium);margin-bottom:3px}.rare-header{color:#e74c3c}.monster-skill-row{display:flex;align-items:center;gap:var(--space-1);padding:1px 0}.skill-level{color:var(--text-sub);font-size:var(--text-2xs);flex-shrink:0;min-width:24px}.monster-skill-icon{width:16px;height:16px;flex-shrink:0}.skill-name{color:var(--text-main);font-size:var(--text-xs)}.monster-drop-row{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-2xs);padding:1px 0;line-height:1.4}.drop-qty{color:var(--text-sub);flex-shrink:0;min-width:28px;text-align:right}.drop-icon-wrap{display:flex;align-items:center;gap:3px;min-width:0;flex:1}.drop-icon{width:14px;height:14px;flex-shrink:0}.drop-name{color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drop-rate{color:var(--text-weak);flex-shrink:0;margin-left:auto}.drop-rate.rare{color:#e74c3c}.menu-tooltip-header{font-weight:var(--weight-semibold);font-size:var(--text-sm);color:var(--text-main);margin-bottom:var(--space-2)}.menu-tooltip-row{display:flex;justify-content:space-between;font-size:var(--text-xs);padding:1px 0}.menu-label{color:var(--text-sub)}.menu-value{color:var(--text-main);font-weight:var(--weight-medium)}.guide-overlay-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none}.guide-highlight{position:fixed;border:2px solid var(--gold);border-radius:var(--radius-md);box-shadow:0 0 0 9999px #00000080,0 0 10px var(--gold);pointer-events:none;animation:guidePulse 2s ease-in-out infinite}@keyframes guidePulse{0%,to{box-shadow:0 0 0 9999px #00000080,0 0 10px var(--gold)}50%{box-shadow:0 0 0 9999px #00000080,0 0 20px var(--gold)}}.guide-tooltip{position:fixed;background:var(--bg-card);border:1px solid var(--gold);border-radius:var(--radius-lg);padding:var(--space-4);max-width:320px;box-shadow:var(--shadow-lg);pointer-events:auto;z-index:10000}.guide-step-indicator{font-size:var(--text-xs);color:var(--gold);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.guide-instruction{font-size:var(--text-sm);color:var(--text-main);line-height:1.5;margin-bottom:var(--space-3)}.guide-line{margin:2px 0}.guide-conditions{background:var(--bg-sidebar);border-radius:var(--radius-sm);padding:var(--space-2);margin-bottom:var(--space-2)}.guide-condition-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-sub);margin-bottom:var(--space-1)}.guide-condition-line{font-size:var(--text-xs);color:var(--text-main)}.guide-extra{font-size:var(--text-xs);color:var(--text-sub);margin-bottom:var(--space-1)}.guide-label{font-weight:var(--weight-semibold);color:var(--text-main)}.guide-actions{display:flex;justify-content:flex-end;margin-top:var(--space-3)}.guide-btn{padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:all .2s}.guide-btn-primary{background:var(--gold);color:var(--text-white)}.guide-hint{font-size:var(--text-xs);color:var(--text-weak)}.player-status-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.status-header{display:flex;align-items:center;gap:var(--space-2)}.level-badge{background:var(--gold);color:var(--text-white);font-size:var(--text-xs);font-weight:var(--weight-bold);padding:2px 6px;border-radius:var(--radius-sm)}.status-icons{display:flex;gap:var(--space-2);flex-wrap:wrap}.status-icon{width:28px;height:28px}.status-info{display:flex;flex-direction:column;gap:var(--space-1)}.info-item{display:flex;justify-content:space-between;font-size:var(--text-xs)}.info-label{color:var(--text-sub)}.info-value{color:var(--text-main);font-weight:var(--weight-medium)}.contributors-section{border-top:1px solid var(--border);padding-top:var(--space-2)}.contributors-section h4{font-size:var(--text-xs);color:var(--text-sub);margin-bottom:var(--space-1)}.contributors-list{display:flex;flex-direction:column;gap:2px;font-size:var(--text-2xs);color:var(--text-weak)}.more-contributors{color:var(--gold)}@media (max-width: 768px){.page-layout{flex-direction:column}.sidebar{width:100%;height:auto;max-height:40vh;border-right:none;border-bottom:1px solid var(--border)}.right-panel{width:100%;border-left:none;border-top:1px solid var(--border)}.item-container-big{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}.main-equipment{grid-template-columns:repeat(auto-fill,52px);grid-auto-rows:52px;gap:2px}.main-equipment .item-slot-wrapper{width:52px;height:52px}.main-equipment .item-slot-wrapper .item-slot,.main-equipment .item-slot{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;max-width:52px!important;max-height:52px!important}}.ml-xs{margin-left:var(--space-1)}.mr-xs{margin-right:var(--space-1)}.mt-xs{margin-top:var(--space-1)}.mb-xs{margin-bottom:var(--space-1)}.ml-sm{margin-left:var(--space-2)}.mr-sm{margin-right:var(--space-2)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.w-full{width:100%}.h-full{height:100%}.svg-icon-actions{width:28px;height:28px;display:block;flex-shrink:0}.small-item-tag,.trade-info-tag{display:inline-flex;align-items:center;gap:2px;padding:1px 4px;background:#0000008c;border-radius:3px;font-size:12px;color:#fff;white-space:nowrap;cursor:pointer;vertical-align:middle;line-height:1.4}.small-item-tag .item-icon,.trade-info-tag .trade-item-icon{width:16px;height:16px;flex-shrink:0}.small-item-tag .item-count,.trade-info-tag .trade-count{color:#f1c40f;font-weight:700}.small-item-tag .item-name,.trade-info-tag .trade-item-name{color:#fff}.small-item-tag .item-level-ne,.trade-info-tag .trade-item-level{color:#f1c40f;font-weight:700;font-size:11px}.trade-info-tag .trade-type{display:inline-block;padding:0 3px;border-radius:2px;font-size:11px;font-weight:700;color:#fff;line-height:1.4}.trade-info-tag .trade-type-buy{background:#27ae60}.trade-info-tag .trade-type-sell{background:#2980b9}.recruit-info-tag{display:inline-flex;align-items:center;gap:2px;padding:1px 4px;background:#0000008c;border-radius:3px;font-size:12px;color:#fff;white-space:nowrap;cursor:pointer;vertical-align:middle;line-height:1.4}.recruit-info-tag .recruit-label{display:inline-block;padding:0 3px;border-radius:2px;font-size:11px;font-weight:700;color:#fff;background:#8e44ad;line-height:1.4}.recruit-info-tag .recruit-action-name{color:#fff}.recruit-info-tag .recruit-tier{color:#f1c40f;font-weight:700}.trade-info-tag .trade-price{color:#f1c40f}.mt-sm{margin-top:var(--space-2)}.mb-sm{margin-bottom:var(--space-2)}.ml-md{margin-left:var(--space-3)}.mr-md{margin-right:var(--space-3)}.mt-md{margin-top:var(--space-3)}.mb-md{margin-bottom:var(--space-3)}.ml-lg{margin-left:var(--space-4)}.mr-lg{margin-right:var(--space-4)}.mt-lg{margin-top:var(--space-4)}.mb-lg{margin-bottom:var(--space-4)}.pt-xs{padding-top:var(--space-1)}.pb-xs{padding-bottom:var(--space-1)}.pt-sm{padding-top:var(--space-2)}.pb-sm{padding-bottom:var(--space-2)}.gap-xs{gap:var(--space-1)}.gap-sm{gap:var(--space-2)}.cursor-pointer{cursor:pointer}.relative{position:relative}.w-8xl{width:100%}.text-orange-400{color:#fb923c}.text-gray-500{color:var(--text-weak)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.padding-reset{padding:var(--space-1) var(--space-2)!important}.menu-item{padding:var(--space-2);border-radius:var(--radius-sm);transition:all .2s}.menu-item:hover,.menu-item.active{background:var(--bg-hover)}.btn-normal{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:all .2s ease;white-space:nowrap;background:var(--bg-sidebar);color:var(--text-main)}.btn-normal:hover{border-color:var(--gold)}.btn-collect{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:all .2s ease;white-space:nowrap;background:var(--bg-sidebar);color:var(--text-main)}.btn-buy{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:none;border-radius:var(--radius-sm);font-size:var(--text-2xs);font-weight:var(--weight-semibold);cursor:pointer;transition:all .2s ease;white-space:nowrap;background:var(--success);color:var(--text-white)}.btn-sell{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:none;border-radius:var(--radius-sm);font-size:var(--text-2xs);font-weight:var(--weight-semibold);cursor:pointer;transition:all .2s ease;white-space:nowrap;background:var(--danger);color:var(--text-white)}.btn-warning{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:none;border-radius:var(--radius-sm);font-size:var(--text-2xs);font-weight:var(--weight-semibold);cursor:pointer;transition:all .2s ease;white-space:nowrap;background:var(--gold);color:var(--text-white)}.fish-title{text-align:center;margin-bottom:var(--space-2)}.fish-center{display:flex;justify-content:center;align-items:center;padding:var(--space-4)}.fish-monster{width:80px;height:80px}.game-menu{display:flex;flex-direction:row;width:100%;height:100%;min-height:0;overflow:hidden}.consumable-grid{display:flex;gap:var(--space-2);flex-wrap:wrap}.item-small{background:var(--bg-card);border:2px solid var(--success);border-radius:var(--space-1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);cursor:pointer;transition:all .2s ease;text-align:center;aspect-ratio:1}.item-small-equip{width:44px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:transparent;border:1px solid var(--success);border-radius:var(--space-2);padding:2px;cursor:pointer;transition:all .15s ease;gap:0;aspect-ratio:1;box-sizing:border-box}.item-content-action-title{font-size:var(--text-2xs);color:var(--text-main);font-weight:var(--weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.2}.item-content-action-img{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.svg-icon-actions-content{width:100%;height:100%}.shop-page{height:100%;display:flex;flex-direction:column}.shop-layout{display:flex;flex-direction:row;flex:1;min-height:0}.shop-content{overflow-y:auto;flex:1;padding:var(--space-2)}.shop-item-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2);display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:var(--space-1);cursor:pointer;transition:all .2s ease;min-height:120px}.shop-item-card:hover{border-color:var(--gold);box-shadow:var(--shadow-sm);background:var(--gold-pale)}.shop-item-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;margin-top:var(--space-1)}.shop-item-icon .svg-icon{width:100%;height:100%}.shop-item-name{font-size:10px;color:var(--text-main);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;font-weight:var(--weight-medium);line-height:1.3;margin-top:auto}.shop-item-price{display:flex;align-items:center;gap:1px;font-size:10px;color:var(--gold);font-weight:var(--weight-semibold);flex-wrap:wrap;justify-content:center}.shop-item-price .price-value{color:var(--gold);font-weight:var(--weight-bold)}.shop-item-price .system-icon-svg{width:12px;height:12px}.market-grid-cell{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);transition:border-color .15s ease}.market-grid-cell:hover{border-width:2px;border-color:var(--gold)}.grid-item-name{font-size:12px;line-height:2;text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.grid-name-text{color:var(--text-main)}.grid-name-qty{color:var(--gold)}.grid-market-row{width:100%;display:flex;align-items:center;justify-content:center;gap:0;font-size:9px;margin-top:3px;white-space:nowrap}.grid-market-sell,.grid-market-buy{display:flex;align-items:center;gap:1px;flex:1;justify-content:center}.grid-market-sell{color:var(--color-red-50, #e74c3c)}.grid-market-buy{color:var(--color-green-50, #27ae60)}.grid-market-divider{width:1px;height:10px;background:var(--border);flex-shrink:0}.grid-market-row .system-icon-svg{width:8px;height:8px;flex-shrink:0;opacity:.6}.grid-val-sell{color:var(--color-red-50, #e74c3c);font-weight:var(--weight-medium)}.grid-val-buy{color:var(--text-main);color:var(--color-green-50, #27ae60)}.grid-market-price{line-height:2;text-align:center;color:var(--text-main)}.consumable-xhp{border-top:1px solid var(--border);padding:var(--space-2);background:var(--bg-card);flex-shrink:0;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:var(--space-6)}.consumable-section{flex:1;display:flex;flex-direction:column;align-items:center;max-width:50%}.consumable-section-title{font-size:var(--text-sm);color:var(--text-main);font-weight:var(--weight-medium);margin-bottom:var(--space-1);text-align:center}.drop-list-container{height:100%;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.drop-list-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--bg-sidebar)}.drop-list-title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-main);margin:0}.refresh-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--gold);color:var(--text-white);border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:all .2s ease}.refresh-btn:hover{background:var(--gold-dark);transform:translateY(-1px)}.refresh-btn:active{transform:translateY(0)}.drop-list-content{flex:1;overflow-y:auto;padding:var(--space-2)}.drop-list-container .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);color:var(--text-weak);font-size:var(--text-sm)}.drop-item{background:var(--bg-body);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-2);transition:all .2s ease}.drop-item:hover{border-color:var(--gold);box-shadow:var(--shadow-sm)}.drop-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.drop-action-info{display:flex;align-items:center;gap:var(--space-2)}.action-detail{display:flex;flex-direction:column;gap:2px}.action-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-main)}.action-type{font-size:var(--text-xs);color:var(--text-weak)}.drop-cycle{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--gold);background:var(--gold-pale);padding:2px var(--space-2);border-radius:var(--radius-sm)}.drop-item-meta{display:flex;gap:var(--space-4);padding:var(--space-2);background:var(--bg-sidebar);border-radius:var(--radius-sm);margin-bottom:var(--space-2)}.meta-item{display:flex;flex-direction:column;gap:2px}.meta-label{font-size:var(--text-xs);color:var(--text-weak)}.meta-value{font-size:var(--text-sm);color:var(--text-main);font-weight:var(--weight-medium)}.exp-value{color:var(--success);font-weight:var(--weight-bold)}.drop-item-rewards{display:flex;flex-direction:column;gap:var(--space-2)}.reward-section{display:flex;flex-direction:column;gap:var(--space-1)}.reward-label{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--success)}.reward-label.cost{color:var(--danger)}.reward-items{display:flex;flex-wrap:wrap;gap:var(--space-1);max-width:calc(8 * 44px + 7 * var(--space-1))}.fund-list-container{height:100%;display:flex;flex-direction:column;overflow:hidden}.cost-card{background:linear-gradient(135deg,var(--gold-pale),var(--bg-card));border:1px solid var(--gold);border-radius:var(--radius-md);padding:var(--space-3);margin:var(--space-2);margin-bottom:var(--space-3)}.cost-label{font-size:var(--text-sm);color:var(--text-weak);margin-bottom:4px}.cost-value{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-main);margin-bottom:var(--space-2)}.cost-row{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--text-weak)}.filter-bar{display:flex;gap:var(--space-2);padding:0 var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;align-items:center}.filter-btn{display:flex;align-items:center;gap:4px;padding:var(--space-1) var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-main);cursor:pointer;transition:all .2s ease}.filter-btn:hover{border-color:var(--gold)}.filter-btn.active{background:var(--gold);border-color:var(--gold);color:var(--text-white)}.filter-icon{font-size:12px}.filter-dropdown,.time-dropdown{position:relative;display:flex;align-items:center;gap:4px;padding:var(--space-1) var(--space-2);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-main);cursor:pointer;margin-left:auto}.dropdown-arrow{font-size:10px;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:100}.dropdown-item{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-main);cursor:pointer;transition:background .2s ease}.dropdown-item.active{color:var(--gold);font-weight:var(--weight-semibold)}.fund-cards{flex:1;overflow-y:auto;padding:0 var(--space-2);padding-bottom:var(--space-2)}.fund-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-2);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--space-3)}.fund-card:hover{border-color:var(--gold);box-shadow:var(--shadow-sm)}.fund-card.my-fund{flex-direction:column;align-items:stretch}.fund-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.fund-name-row{display:flex;align-items:center;gap:var(--space-2)}.fund-name{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-main)}.amplitude-tag{padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-bold)}.amplitude-tag.up{background:#22c55e1a;color:var(--success)}.amplitude-tag.down{background:#ef44441a;color:var(--danger)}.fund-details{display:flex;flex-direction:column;gap:var(--space-2)}.detail-row{display:flex;justify-content:space-between;gap:var(--space-4)}.detail-item{flex:1;display:flex;flex-direction:column;gap:2px}.detail-label{font-size:var(--text-xs);color:var(--text-weak)}.detail-value{font-size:var(--text-sm);color:var(--text-main);font-weight:var(--weight-medium)}.up-text{color:var(--success)}.down-text{color:var(--danger)}.card-left{flex-shrink:0}.card-center{flex:1;display:flex;flex-direction:column;gap:4px}.fund-price{font-size:var(--text-sm);color:var(--text-weak)}.card-right{flex-shrink:0}.empty-tip{text-align:center;padding:var(--space-8);color:var(--text-weak);font-size:var(--text-sm)}.fund-dialog{display:flex;flex-direction:column}.fund-info{display:flex;align-items:center;gap:var(--space-2)}.info-icon{font-size:14px;color:var(--text-weak);cursor:pointer}.refresh-row{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--text-weak);text-align:center;border-bottom:1px solid var(--border)}.sub-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border)}.assets-info{font-size:var(--text-sm);color:var(--text-main)}.chart-wrapper{padding:var(--space-3);height:200px}#fund-echart{width:100%;height:100%}.price-info{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);border-bottom:1px solid var(--border)}.price-row{display:flex;justify-content:space-between;font-size:var(--text-sm)}.price-label{color:var(--text-weak)}.price-value{color:var(--text-main);font-weight:var(--weight-semibold)}.fee-row{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--text-weak);text-align:center;display:flex;align-items:center;justify-content:center;gap:4px}.quantity-control{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--border)}.qty-btn{padding:var(--space-2) var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-main);cursor:pointer;transition:all .2s ease;min-width:60px}.qty-input{padding:var(--space-2) var(--space-4);background:var(--bg-sidebar);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--text-main);min-width:80px;text-align:center}.notice-board{height:100%;display:flex;flex-direction:column;padding:var(--space-3)}.notice-header{padding:var(--space-2) 0;margin-bottom:var(--space-2);border-bottom:1px solid var(--border)}.notice-title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-main)}.notice-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3)}.notice-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);transition:all .2s ease}.notice-item:hover{border-color:var(--gold);box-shadow:var(--shadow-sm)}.notice-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px dashed var(--border)}.notice-version{font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--gold);background:var(--gold-pale);padding:4px 12px;border-radius:var(--radius-sm)}.notice-time{font-size:var(--text-sm);color:var(--text-weak)}.notice-body{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.notice-line{display:flex;align-items:flex-start;gap:var(--space-2)}.notice-line:before{content:"•";color:var(--gold);font-weight:var(--weight-bold);margin-top:2px;flex-shrink:0}.notice-line-text{font-size:var(--text-sm);color:var(--text-main);line-height:1.6}.ranking-page{height:100%;display:flex;flex-direction:column}.ranking-layout{display:flex;flex-direction:row;flex:1;min-height:0}.ranking-content{overflow-y:auto;flex:1;padding:var(--space-3)}.ranking-table-container{height:100%;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md)}.ranking-table-header{display:flex;flex-direction:row;background:var(--bg-sidebar);border-bottom:1px solid var(--border);padding:var(--space-2) var(--space-3);position:sticky;top:0;z-index:10}.ranking-table-cell{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-main);display:flex;align-items:center;justify-content:center}.ranking-header-extra{flex:none}.ranking-table-body{display:flex;flex-direction:column}.ranking-table-row{display:flex;flex-direction:row;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);transition:all .2s ease;cursor:pointer}.ranking-table-row:hover{background:var(--bg-hover)}.ranking-table-row.ranking-top-1{background:linear-gradient(135deg,#ffd70026,#ffd7000d);border-left:3px solid #FFD700}.ranking-table-row.ranking-top-2{background:linear-gradient(135deg,#c0c0c026,#c0c0c00d);border-left:3px solid #C0C0C0}.ranking-table-row.ranking-top-3{background:linear-gradient(135deg,#cd7f3226,#cd7f320d);border-left:3px solid #CD7F32}.ranking-table-row.ranking-top-1:hover,.ranking-table-row.ranking-top-2:hover,.ranking-table-row.ranking-top-3:hover{opacity:.9}.ranking-badge{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--weight-bold);background:var(--bg-sidebar);color:var(--text-main);border:1px solid var(--border)}.ranking-1{background:linear-gradient(135deg,gold,orange);color:#fff;border:none;box-shadow:0 2px 8px #ffd70066}.ranking-2{background:linear-gradient(135deg,silver,#a9a9a9);color:#fff;border:none;box-shadow:0 2px 8px #c0c0c066}.ranking-3{background:linear-gradient(135deg,#cd7f32,#8b4513);color:#fff;border:none;box-shadow:0 2px 8px #cd7f3266}.ranking-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);gap:var(--space-3)}.empty-state-icon{font-size:48px;opacity:.5}.empty-state-text{font-size:var(--text-sm);color:var(--text-weak)}.consumable-xhp .consumable-grid-3,.consumable-xhp .consumable-grid-6,.consumable-xhp .skill-grid-5{justify-items:center}.consumable-grid-3{display:grid;grid-template-columns:repeat(3,auto);gap:var(--space-1);justify-items:center;width:max-content}.consumable-grid-6{display:grid;grid-template-columns:repeat(6,auto);gap:var(--space-1);justify-items:center;width:max-content}.slot-wrapper{display:flex;flex-direction:column;align-items:center;gap:2px}.slot-setting-placeholder{height:16px}.action-panel{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);position:relative}.action-card{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);height:48px}.action-card.idle{justify-content:center;padding:var(--space-3)}.action-info{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.action-icon{width:24px;height:24px;flex-shrink:0}.action-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-main);white-space:nowrap}.action-name.idle-text{color:var(--text-weak)}.action-cycle{font-size:var(--text-xs);color:var(--text-sub);white-space:nowrap}.action-progress-wrap{flex:1;min-width:0}.action-progress-wrap .progress-bar-wrapper-base{margin:0}.btn-stop{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-3);background:linear-gradient(135deg,#e8a94b,#d4953a);border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-white);cursor:pointer;transition:all .2s ease;white-space:nowrap;min-height:28px;box-shadow:0 1px 3px #d4953a4d}.btn-stop:hover{opacity:.9;transform:translateY(-1px)}.consumable-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0}.queue-slot{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px dashed var(--success);border-radius:var(--radius-sm);flex-shrink:0;background:var(--bg-body)}.queue-slot.has-action{border-style:solid;border-color:var(--success);background:var(--bg-card)}.queue-action-icon{display:block}.config-slot{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.config-slot:hover{border-color:var(--gold);background:var(--gold-pale)}.config-plus{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--gold);line-height:1}.queue-btn-wrapper{flex:1;display:flex}.queue-btn-large{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-2) var(--space-3);background:linear-gradient(135deg,#8fbc8f,#6b9b5e);border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-white);cursor:pointer;transition:all .2s ease;white-space:nowrap;min-height:28px;box-shadow:0 1px 3px #6b9b5e4d}.queue-btn-large:hover{opacity:.9;transform:translateY(-1px)}.row-two{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0}.queue-btn{padding:var(--space-1) var(--space-2);background:var(--bg-sidebar);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-2xs);color:var(--text-sub);cursor:pointer;white-space:nowrap;transition:all .2s}.queue-btn:hover{border-width:2px;border-color:var(--gold);color:var(--gold)}.action-queue-popup{width:280px;max-width:90vw;padding:0;overflow:hidden}.queue-popup-header{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--bg-sidebar)}.queue-popup-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-main)}.queue-popup-count{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-sub);background:var(--bg-body);padding:1px 6px;border-radius:var(--radius-sm);border:1px solid var(--border)}.queue-popup-list{max-height:320px;overflow-y:auto;padding:var(--space-2)}.queue-popup-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background .2s ease}.queue-popup-item:hover{background:var(--bg-hover)}.queue-popup-index{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--text-sub);background:var(--bg-body);border:1px solid var(--border);border-radius:var(--radius-sm)}.queue-popup-info{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-2)}.queue-popup-icon{flex-shrink:0;width:24px;height:24px}.queue-popup-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.queue-popup-name{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-popup-cycle{font-size:var(--text-2xs);color:var(--text-weak)}.queue-popup-cycle em{font-style:normal;color:var(--gold);font-weight:var(--weight-semibold)}.queue-popup-ops{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.queue-move-btns{display:flex;flex-direction:row;gap:2px}.btn-queue-move{display:flex;align-items:center;justify-content:center;width:20px;height:16px;padding:0;background:var(--bg-body);border:1px solid var(--border);border-radius:3px;font-size:10px;line-height:1;color:var(--text-sub);cursor:pointer;transition:all .2s ease}.btn-queue-move:hover{background:var(--gold-pale);border-color:var(--gold);color:var(--gold)}.btn-queue-delete{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:var(--bg-body);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-md);line-height:1;color:var(--danger);cursor:pointer;transition:all .2s ease}.btn-queue-delete:hover{background:#fdeaea;border-color:var(--danger)}.btn-queue-upgrade{display:flex;align-items:center;justify-content:center;width:calc(100% - var(--space-4) * 2);margin:0 var(--space-4) var(--space-3);padding:var(--space-2) var(--space-3);background:linear-gradient(135deg,var(--gold-light),var(--gold));border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-white);cursor:pointer;transition:all .2s ease}.btn-queue-upgrade:hover{opacity:.9;transform:translateY(-1px)}.system-icon-svg{width:16px;height:16px}.table-header{position:sticky;top:0;z-index:10;background:var(--bg-sidebar)}.progress-bar{width:100%;height:4px;background:var(--border);border-radius:2px;overflow:hidden;margin-top:2px}.progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-light));border-radius:2px;transition:width .3s ease}.grid-item{display:flex;flex-direction:column;align-items:center;justify-content:center}.header-extra-cell{width:120px;text-align:center}.coin-wrapper{display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.btn-group{display:flex;gap:var(--space-1);flex-wrap:wrap;justify-content:center}.choose-skill-slot{width:40px;height:40px}.default-content{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-weak);font-size:var(--text-sm)}.top-bar{height:48px;background:var(--bg-card);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 var(--space-4);flex-shrink:0}.dialog-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.public-svg-icon{width:100%;height:100%}.notice-board{padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius-md)}.guild-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3)}.guild-card-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-main);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.guild-user-page{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);flex:1;min-height:0;overflow-y:auto}.guild-invite-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md)}.guild-btn-invite{padding:6px var(--space-4);background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);color:var(--text-white);border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;transition:opacity .15s ease}.guild-btn-invite:hover{opacity:.9}.guild-user-table{flex:1;min-height:0;overflow-y:auto}.guild-jt-page{padding:var(--space-3);flex:1;min-height:0;overflow-y:auto}.guild-jt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-3)}.guild-jt-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .15s ease}.guild-jt-card:hover{border-color:var(--gold)}.guild-jt-card-header{padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.guild-jt-card-name{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-main)}.guild-jt-level-line{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.guild-jt-level-display{display:flex;align-items:center;gap:var(--space-1)}.guild-jt-level-label{font-size:var(--text-2xs);color:var(--text-sub);font-weight:var(--weight-medium)}.guild-jt-level-value{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--gold)}.guild-btn-upgrade{padding:4px var(--space-3);background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);color:var(--text-white);border:none;border-radius:var(--radius-sm);font-size:var(--text-2xs);font-weight:var(--weight-medium);cursor:pointer;transition:opacity .15s ease}.guild-btn-upgrade:hover{opacity:.9}.guild-jt-info-line{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:var(--text-2xs)}.guild-jt-info-label{color:var(--text-sub);font-weight:var(--weight-medium)}.guild-jt-info-value{color:var(--text-main);font-weight:var(--weight-semibold)}.guild-jt-active{color:var(--success)}.guild-jt-buff-section{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);background:var(--bg-sidebar);border-radius:var(--radius-sm)}.guild-jt-buff-title{font-size:var(--text-2xs);font-weight:var(--weight-bold);color:var(--gold)}.guild-jt-buff-list{display:flex;flex-direction:column;gap:2px}.guild-jt-buff-line{display:flex;flex-wrap:wrap;gap:2px}.guild-jt-buff-text{font-size:10px;color:var(--text-sub)}.guild-jt-action-section{display:flex;flex-direction:column;gap:var(--space-1)}.guild-jt-action-title{font-size:var(--text-2xs);font-weight:var(--weight-bold);color:var(--gold)}.guild-jt-action-list{display:flex;flex-wrap:wrap;gap:var(--space-1)}.fund-list-item,.market-list-item{display:flex;align-items:center;padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-2);transition:all .2s}.fund-list-item:hover,.market-list-item:hover{border-color:var(--gold)}.market-sub-table{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2)}.market-sub-header{display:grid;grid-template-columns:80px 1fr 1fr 90px;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-sidebar);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-sub);text-align:center;position:sticky;top:0;z-index:10}.market-sub-th{display:flex;align-items:center;justify-content:center}.market-sub-row{display:grid;grid-template-columns:80px 1fr 1fr 90px;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;transition:all .2s ease}.market-sub-row:hover{border-color:var(--gold);box-shadow:var(--shadow-sm);background:var(--gold-pale)}.market-sub-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1)}.market-sub-cell.item-cell{padding:var(--space-1)}.market-sub-cell.price-cell{min-height:52px}.market-sub-cell.action-cell{flex-direction:row}.price-value{display:flex;align-items:center;justify-content:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.sell-price{color:var(--danger)}.buy-price{color:var(--success)}.coin-icon{width:16px;height:16px}.no-price{color:var(--text-weak);font-size:var(--text-sm)}.btn-market{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-2);border:none;border-radius:var(--radius-sm);font-size:var(--text-2xs);font-weight:var(--weight-semibold);cursor:pointer;transition:all .2s ease;white-space:nowrap;min-height:24px}.btn-market-buy{background:#6b9b5e1f;color:var(--success);border:1px solid rgba(107,155,94,.3)}.btn-market-buy:hover{background:var(--success);color:var(--text-white)}.btn-market-sell{background:#c45a5a1f;color:var(--danger);border:1px solid rgba(196,90,90,.3)}.btn-market-sell:hover{background:var(--danger);color:var(--text-white)}.btn-market-detail{background:var(--bg-sidebar);color:var(--text-sub);border:1px solid var(--border)}.btn-market-detail:hover{border-color:var(--gold);color:var(--gold);background:var(--gold-pale)}.market-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);color:var(--text-weak);gap:var(--space-2)}.market-empty-icon{opacity:.4;margin-bottom:var(--space-2)}.market-empty-text{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-sub)}.market-empty-sub{font-size:var(--text-xs);color:var(--text-weak)}.market-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:var(--space-3);padding:var(--space-2)}.market-item-grid>*{display:block}.market-item-grid .item-small{min-height:auto}.market-item-grid .item-container{width:32px;height:32px}.market-item-icon{padding:8px 20px}.market-item-icon .item-small{border:0}.market-center-bar{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-2) var(--space-3);background:var(--bg-card);border-bottom:1px solid var(--border);flex-shrink:0}.market-center-bar .btn-sell,.market-center-bar .btn-buy{min-width:100px}.market-center-icon{width:56px;height:56px;flex-shrink:0}.market-center-icon .item-small{width:100%;height:100%;min-width:auto;min-height:auto;padding:var(--space-1)}.market-dual-table{display:flex;flex-direction:row;gap:var(--space-3);flex:1;overflow:hidden;padding:var(--space-2)}.market-table-left,.market-table-right{flex:1;min-width:0;height:100%}.my-market-page{display:flex;flex-direction:column;height:100%;overflow:hidden}.my-market-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);flex-shrink:0;gap:var(--space-2)}.my-market-actions{display:flex;align-items:center;gap:var(--space-2)}.my-market-table-wrap{flex:1;overflow:hidden;min-height:0}.market-list-table{display:flex;flex-direction:column;height:100%;overflow:hidden}.market-list-body{flex:1;min-height:0;overflow-y:auto}.market-list-header{display:flex;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--bg-sidebar);border-radius:var(--radius-md);flex-shrink:0}.market-list-th{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-sub);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4) var(--space-2);color:var(--text-weak);font-size:var(--text-sm);gap:var(--space-2)}.market-list-empty-icon{opacity:.4}.market-list-row{display:flex;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;transition:all .2s ease}.market-list-row:hover{border-color:var(--gold);box-shadow:var(--shadow-sm)}.market-list-cell{display:flex;align-items:center;justify-content:center;min-height:28px;font-size:var(--text-xs);color:var(--text-main)}.cell-index{color:var(--text-weak);font-size:var(--text-xs)}.status-badge,.type-badge{display:inline-flex;align-items:center;padding:1px 6px;border-radius:var(--radius-sm);font-size:var(--text-2xs);font-weight:var(--weight-medium)}.status-active{background:#6b9b5e1f;color:var(--success)}.status-done{background:var(--bg-sidebar);color:var(--text-weak)}.type-sell{background:#c45a5a1f;color:var(--danger)}.type-buy{background:#6b9b5e1f;color:var(--success)}.btn-collect-mini{display:inline-flex;align-items:center;justify-content:center;padding:1px var(--space-2);border:none;border-radius:var(--space-1);font-size:var(--text-2xs);font-weight:var(--weight-semibold);cursor:pointer;transition:all .2s ease;background:var(--gold);color:var(--text-white)}.btn-collect-mini:hover{background:var(--gold-dark)}.btn-collect{display:inline-flex;align-items:center;justify-content:center;padding:1px var(--space-2);border:none;border-radius:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer;transition:all .2s ease;background:var(--gold);color:var(--text-white)}.btn-collect:hover{background:var(--gold-dark)}.progress-cell{display:flex;flex-direction:column;align-items:center;gap:2px}.progress-cell .item-small{width:36px;height:36px;min-width:36px;min-height:36px;padding:2px;overflow:hidden;border:1px solid var(--success)}.progress-cell .item-small>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.progress-cell .item-small .svg-icon{max-width:100%;max-height:100%}.progress-info{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}.progress-bar-mini{width:100%;max-width:60px;height:3px;background:var(--border);border-radius:2px;overflow:hidden}.progress-text{font-size:var(--text-2xs);color:var(--text-weak)}.cell-number{font-size:var(--text-xs);color:var(--text-main);font-weight:var(--weight-medium)}.cell-price{display:flex;align-items:center;justify-content:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--gold)}.cell-coin{width:14px;height:14px;flex-shrink:0}.cell-default{font-size:var(--text-xs);color:var(--text-main)}.btn-link{display:inline-flex;align-items:center;justify-content:center;padding:2px var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-2xs);font-weight:var(--weight-medium);cursor:pointer;transition:all .2s ease;background:var(--bg-sidebar);color:var(--text-sub);min-height:20px}.btn-link:hover{border-color:var(--gold);color:var(--gold)}.market-list-table .action-cell{display:flex;align-items:center;justify-content:center}.btn-action{display:inline-flex;align-items:center;justify-content:center;padding:2px var(--space-2);border:none;border-radius:var(--radius-sm);font-size:var(--text-2xs);font-weight:var(--weight-semibold);cursor:pointer;transition:all .2s ease;white-space:nowrap;min-height:20px}.btn-action-buy{background:#6b9b5e1f;color:var(--success);border:1px solid rgba(107,155,94,.3)}.btn-action-buy:hover{background:var(--success);color:var(--text-white)}.btn-action-sell{background:#c45a5a1f;color:var(--danger);border:1px solid rgba(196,90,90,.3)}.btn-action-sell:hover{background:var(--danger);color:var(--text-white)}.btn-action-cancel{background:var(--bg-sidebar);color:var(--text-sub);border:1px solid var(--border)}.btn-action-cancel:hover{background:var(--danger);color:var(--text-white);border-color:var(--danger)}.alchemy-page{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);flex:1;min-height:0}.alchemy-content{display:flex;flex-direction:column;gap:var(--space-3);flex:1}.alchemy-wrapper{display:flex;flex-direction:column;gap:var(--space-3);flex:1;min-height:0}.alchemy-panel{display:flex;gap:var(--space-3);align-items:stretch;flex:1;min-height:0}.left-section{width:240px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-2)}.main-item-row{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md)}.main-item-row .recommend-info{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-secondary);padding-top:var(--space-1)}.target-level-area{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md)}.target-label{font-size:var(--text-xs);color:var(--text-sub);font-weight:var(--weight-medium);white-space:nowrap}.protect-area,.catalyst-area{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md)}.protect-label-row,.catalyst-label-row{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-sub);font-weight:var(--weight-medium)}.help-icon-small{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:var(--bg-sidebar);border:1px solid var(--border);font-size:9px;color:var(--text-weak);cursor:help}.protect-display,.catalyst-display{display:flex;align-items:center;gap:var(--space-2)}.catalyst-text{font-size:var(--text-xs);color:var(--text-weak)}.repeat-area{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md)}.repeat-label{font-size:var(--text-xs);color:var(--text-sub);font-weight:var(--weight-medium);white-space:nowrap}.repeat-controls{display:flex;align-items:center;gap:var(--space-1)}.repeat-btn{width:32px;height:28px;padding:0;background:var(--bg-sidebar);border:1px solid var(--border);color:var(--text-sub);font-size:var(--text-xs);font-weight:var(--weight-bold);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.repeat-btn.left{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.repeat-btn.right{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.repeat-btn:hover{border-color:var(--gold);color:var(--gold)}.repeat-btn.active{background:var(--gold);border-color:var(--gold);color:var(--text-white)}.action-buttons{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md)}.btn-queue{width:100%;height:28px;padding:0 var(--space-2);background:var(--bg-sidebar);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-sub);font-size:var(--text-2xs);font-weight:var(--weight-semibold);cursor:pointer;transition:all .15s ease}.btn-queue:hover{border-color:var(--gold);color:var(--gold)}.btn-action{width:100%;height:32px;padding:0 var(--space-2);background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);border:none;border-radius:var(--radius-sm);color:var(--text-white);font-size:var(--text-xs);font-weight:var(--weight-bold);cursor:pointer;transition:opacity .15s ease}.btn-action:hover{opacity:.9}.guild-page,.guild-no-page{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.guild-placeholder{display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.guild-placeholder-text{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--gold)}.guild-tab-content{flex:1;min-height:0;overflow-y:auto;padding:var(--space-3)}.guild-overview{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.guild-overview-body{flex:1;min-height:0;overflow-y:auto;padding:var(--space-3)}.guild-preview{display:flex;flex-direction:column;gap:var(--space-4);max-width:640px;margin:0 auto;width:100%}.guild-name-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.guild-name-row{display:flex;align-items:center;gap:var(--space-3)}.guild-name-display{flex:1;font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-main);word-break:break-all}.guild-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.guild-stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center}.guild-stat-label{font-size:var(--text-2xs);color:var(--text-sub);font-weight:var(--weight-medium)}.guild-stat-value{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-main)}.guild-announcement-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.guild-section-title{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--gold);padding-bottom:var(--space-1);border-bottom:1px solid var(--border)}.guild-announcement-row{display:flex;align-items:flex-start;gap:var(--space-3)}.guild-announcement-display{flex:1;font-size:var(--text-sm);color:var(--text-sub);line-height:1.6;min-height:24px;word-break:break-all}.guild-settings-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.guild-settings-form{display:flex;flex-direction:column;gap:var(--space-2)}.guild-settings-row{display:flex;align-items:center;gap:var(--space-3)}.guild-settings-label{width:100px;flex-shrink:0;font-size:var(--text-xs);color:var(--text-sub);font-weight:var(--weight-medium)}.guild-settings-actions{display:flex;justify-content:flex-end}.guild-btn{padding:4px var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;transition:all .15s ease;border:none;outline:none}.guild-btn-edit{background:var(--bg-sidebar);border:1px solid var(--border);color:var(--text-sub)}.guild-btn-edit:hover{border-color:var(--gold);color:var(--gold)}.guild-btn-save{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);color:var(--text-white)}.guild-btn-save:hover{opacity:.9}.guild-btn-danger{background:var(--danger);color:var(--text-white);padding:6px var(--space-5)}.guild-btn-danger:hover{opacity:.9}.guild-btn-danger:disabled{opacity:.4;cursor:not-allowed}.guild-footer-actions{display:flex;justify-content:center;padding:var(--space-2) 0}.right-section{flex:1;min-width:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column}.action-panel-body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);flex:1;min-height:0;overflow-y:auto}.panel-section{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);background:var(--bg-sidebar);border:1px solid var(--border);border-radius:var(--radius-md)}.panel-section-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--gold);display:flex;align-items:center;gap:4px}.panel-section-content{display:flex;flex-wrap:wrap;gap:var(--space-2)}.panel-item{display:flex;align-items:center;gap:4px}.panel-item-value{font-size:var(--text-sm);color:var(--text-main);font-weight:var(--weight-medium);white-space:nowrap}.panel-item-value.short{color:var(--danger);font-weight:var(--weight-bold)}.panel-info-bar{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);padding:var(--space-2);background:var(--bg-sidebar);border:1px solid var(--border);border-radius:var(--radius-md)}.panel-info-item{display:flex;align-items:center;gap:var(--space-1)}.panel-info-label{font-size:var(--text-xs);color:var(--text-sub);font-weight:var(--weight-medium);white-space:nowrap}.panel-info-value{font-size:var(--text-sm);color:var(--text-main);font-weight:var(--weight-semibold)}.buff-arrow-trigger{font-size:var(--text-sm);color:var(--gold);font-weight:var(--weight-bold);cursor:pointer}.buff-tooltip{min-width:160px;padding:var(--space-2);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-1)}.buff-tooltip-header{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--gold);padding-bottom:var(--space-1);border-bottom:1px solid var(--border)}.buff-tooltip-body{display:flex;flex-direction:column;gap:2px}.buff-tooltip-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.buff-name{font-size:var(--text-xs);color:var(--text-sub);white-space:nowrap}.buff-value{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-main)}.drop-record-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);font-size:var(--text-xs)}.shop-list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.popup-content{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-4);max-width:400px;width:90vw}.popup-title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-main);margin-bottom:var(--space-3);text-align:center}.item-select-popup{min-width:280px;max-width:320px;max-height:400px;padding:var(--space-2);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-2)}.popup-select-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.popup-select-title{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--gold)}.popup-select-remove{display:flex;align-items:center;gap:3px;padding:2px var(--space-2);background:#c45a5a1a;border:1px solid rgba(196,90,90,.3);border-radius:var(--radius-sm);color:var(--danger);font-size:var(--text-2xs);font-weight:var(--weight-medium);cursor:pointer;transition:all .15s ease}.popup-select-remove:hover{background:var(--danger);color:var(--text-white)}.popup-select-grid{display:grid;grid-template-columns:repeat(auto-fill,48px);grid-auto-rows:50px;gap:2px;max-height:320px;min-height:60px}.popup-select-grid>div{display:flex;align-items:center;justify-content:center}.popup-item-group{display:contents}.popup-select-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-weak)}.popup-select-grid:has(>.popup-select-empty){display:flex;align-items:center;justify-content:center;min-height:80px}.empty-icon{font-size:32px;opacity:.5}.empty-text{font-size:var(--text-xs);color:var(--text-weak)}.skill-select-popup{min-width:280px;max-width:320px;max-height:400px;padding:var(--space-2);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-2)}.popup-skill-grid{display:grid;grid-template-columns:repeat(auto-fill,48px);grid-auto-rows:48px;gap:2px;min-height:60px}.popup-skill-grid:has(>.popup-select-empty){display:flex;align-items:center;justify-content:center;min-height:80px}.popup-skill-item{position:relative;width:48px;height:48px;background:var(--bg-card);border:1px solid var(--success);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;overflow:hidden}.popup-skill-item:hover{border-width:2px}.popup-skill-icon{width:50%;height:auto}.popup-skill-name{font-size:var(--text-2xs);color:var(--text-main);text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popup-skill-level{font-size:9px;color:var(--gold);font-weight:var(--weight-bold)}.popup-body{display:flex;flex-direction:column;gap:var(--space-3)}.popup-footer{display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.float-button{position:fixed;bottom:var(--space-4);right:var(--space-4);width:48px;height:48px;border-radius:50%;background:var(--gold);color:var(--text-white);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);cursor:pointer;z-index:100;transition:all .2s}.float-button:hover{transform:scale(1.05)}.reward-dialog{text-align:center;padding:var(--space-5)}.reward-icon{width:64px;height:64px;margin:0 auto var(--space-3)}.reward-title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--gold);margin-bottom:var(--space-2)}.reward-desc{font-size:var(--text-sm);color:var(--text-sub);margin-bottom:var(--space-4)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-body);padding:var(--space-4)}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);width:100%;max-width:360px;box-shadow:var(--shadow-lg)}.login-title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-main);text-align:center;margin-bottom:var(--space-5)}.login-form{display:flex;flex-direction:column;gap:var(--space-3)}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-label{font-size:var(--text-xs);color:var(--text-sub);font-weight:var(--weight-medium)}.user-preview{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.user-preview-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.user-preview-avatar{width:48px;height:48px;border-radius:50%;border:2px solid var(--success);object-fit:cover}.user-preview-info{flex:1}.user-preview-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-main)}.user-preview-detail{font-size:var(--text-2xs);color:var(--text-weak)}.house-upgrade-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.house-level-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--gold-pale);border:1px solid var(--gold);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--gold);font-weight:var(--weight-semibold)}.dictionary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:var(--space-2)}.trade-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.trade-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.trade-row:last-child{border-bottom:none}.battle-map{background:var(--bg-sidebar);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3)}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:var(--space-2)}.team-slot{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm)}.tab-vertical{display:flex;flex-direction:column;gap:2px;padding:2px;width:80px;flex-shrink:0}.tab-vertical-item{padding:4px 6px;font-size:11px;color:var(--text-sub);cursor:pointer;transition:all .15s;text-align:left;border-left:2px solid transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.tab-vertical-item:hover{background:var(--bg-hover);color:var(--text-main)}.tab-vertical-item.active{background:var(--bg-active);color:var(--gold);border-left-color:var(--gold);font-weight:var(--weight-semibold)}.welcome-popup{text-align:center;min-width:280px}.welcome-header{margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.welcome-title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--gold);margin-bottom:var(--space-2)}.offline-time{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-sub)}.offline-label{color:var(--text-weak)}.offline-value{font-family:monospace;font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-main);background:var(--bg-sidebar);padding:2px 8px;border-radius:var(--radius-sm)}.welcome-body{display:flex;flex-direction:column;gap:var(--space-3);min-height:120px}.action-block{display:flex;flex-direction:column;gap:var(--space-2);text-align:left}.reward-section,.exp-section{background:var(--bg-sidebar);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.section-label{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-sub);margin-bottom:var(--space-1)}.section-label .label-icon{font-size:10px;line-height:1}.section-label.gain .label-icon{color:var(--success)}.section-label.exp .label-icon{color:var(--gold)}.section-label.cost .label-icon{color:var(--danger)}.reward-items{display:flex;flex-wrap:wrap;gap:var(--space-1);justify-content:flex-start;max-width:calc(8 * 44px + 7 * var(--space-1))}.reward-items .item-small{width:40px;height:40px;min-width:40px;min-height:40px;padding:2px;background:var(--bg-card);border-radius:var(--space-2);border:1px solid var(--success);overflow:hidden}.reward-items .item-small>div:first-child{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.reward-items .item-small .svg-icon{max-width:100%;max-height:100%}.exp-value{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0}.exp-value .svg-icon{width:32px;height:32px}.exp-num{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--gold)}.welcome-footer{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border);display:flex;justify-content:center}.welcome-items{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin:var(--space-3) 0}.gather-dialog{display:flex;flex-direction:column;gap:var(--space-2);min-width:280px}.gather-header{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid var(--border)}.gather-header .svg-icon{width:20px;height:20px}.gather-lv{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-sub)}.gather-body{display:flex;flex-direction:column;gap:var(--space-2)}.gather-card{background:var(--bg-sidebar);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.gather-card-title{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-sub);margin-bottom:var(--space-1)}.gather-card-title .label-icon{font-size:10px;line-height:1}.gather-card-title .label-icon.need{color:var(--danger)}.gather-card-title .label-icon.gain{color:var(--success)}.gather-card-title .label-icon.rare{color:var(--gold)}.gather-card-content{display:flex;flex-direction:column;gap:var(--space-1)}.gather-card.gain .gather-card-content,.gather-card.rare .gather-card-content{max-height:240px;overflow-y:auto}.gather-material-row,.gather-loot-row{display:flex;align-items:center;gap:var(--space-1)}.gather-material-count{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-main);min-width:64px;text-align:right}.gather-material-count.short{color:var(--danger)}.gather-loot-text{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-main)}.gather-loot-count{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-main);min-width:28px;text-align:right}.gather-loot-rate{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-sub)}.gather-info-bar{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-1) 0}.gather-info-item{display:flex;align-items:center;gap:var(--space-2)}.gather-info-label{font-size:var(--text-sm);color:var(--text-weak)}.gather-info-value{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-main)}.gather-config{display:flex;flex-direction:column;gap:var(--space-2);background:var(--bg-sidebar);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.gather-config-row{display:flex;align-items:center;gap:var(--space-2)}.gather-config-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-sub);min-width:60px}.gather-count-control{display:flex;align-items:center;gap:var(--space-1)}.gather-count-control .input-sm{width:80px;text-align:center}.gather-count-control .btn-sm{height:26px;padding:0 var(--space-2);display:inline-flex;align-items:center;justify-content:center}.fishing-stats{display:flex;flex-direction:row;gap:var(--space-3);justify-content:space-around}.fishing-stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.fishing-stat-label{font-size:var(--text-xs);color:var(--text-weak)}.fishing-stat-value{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-main)}.tab-badge{position:relative}.center-panel{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.ranking-item,.shop-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);transition:background .2s}.ranking-item:hover,.shop-item:hover{background:var(--bg-hover)}.recruit-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:1px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-2xs);background:var(--bg-sidebar);color:var(--text-sub)}.trade-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:1px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-2xs)}.trade-tag-buy{background:#6b9b5e26;color:var(--success)}.trade-tag-sell{background:#c45a5a26;color:var(--danger)}.system-tag{display:inline-flex;align-items:center;padding:1px 4px;border-radius:var(--radius-sm);font-size:var(--text-2xs);background:var(--bg-sidebar);color:var(--text-weak)}.load-more{text-align:center;padding:var(--space-3);color:var(--text-weak);font-size:var(--text-xs);cursor:pointer}.load-more:hover{color:var(--text-sub)}.stat-number{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--gold)}.stat-label{font-size:var(--text-2xs);color:var(--text-weak)}.step-list{display:flex;flex-direction:column;gap:var(--space-2)}.step-item{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm)}.step-num{width:20px;height:20px;border-radius:50%;background:var(--gold);color:var(--text-white);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xs);font-weight:var(--weight-bold);flex-shrink:0}.step-content{flex:1;font-size:var(--text-xs);color:var(--text-main)}@media (max-width: 1300px){:root{--right-panel-width: 280px}.sidebar,.content-wrap{margin-top:10px;margin-bottom:10px}}@media (max-width: 1180px){:root{--right-panel-width: 240px}.sidebar,.content-wrap{margin-top:8px;margin-bottom:8px}}@media (max-width: 1024px){:root{--right-panel-width: 220px}.sidebar,.content-wrap{margin-top:6px;margin-bottom:6px}.game-menu{flex-direction:row!important}.right-panel{display:none}.cow-list-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-2);padding:var(--space-2)}.skill-grid-5{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.consumable-grid-3{grid-template-columns:repeat(3,auto)}.consumable-grid-6{grid-template-columns:repeat(6,auto)}.team-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}}.shop-list-header{padding:var(--space-3) var(--space-3) var(--space-2)}.shop-list-title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--gold);margin:0}.shop-list-line{width:60px;height:3px;background:linear-gradient(90deg,var(--gold),transparent);border-radius:2px;margin-top:var(--space-1)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-3)}.rankinglist-table{width:100%;height:100%}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffb3;display:flex;align-items:center;justify-content:center;z-index:10}.tbv-1{flex-shrink:0}.progress-bar-wrapper-base{position:relative;width:100%}@keyframes progressSlide{0%{width:0%}to{width:100%}}.duration-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--text-2xs);font-weight:var(--weight-bold);color:var(--text-white);text-shadow:0 0 2px rgba(0,0,0,.8);pointer-events:none;white-space:nowrap}.mask-container{position:relative;width:48px;height:48px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;overflow:hidden}.mask-container.mask-empty{background:var(--bg-body);border:1px dashed var(--success)}.mask-container.mask-has-item{border:1px solid var(--success);background:var(--bg-card)}.mask-container:hover{border-width:2px;border-color:var(--info)}.mask-container.mask-has-item:hover,.mask-container.mask-empty:hover{border-width:2px;border-color:var(--success)}.mask-container-disable{cursor:not-allowed}.mask-container-big{position:relative;width:64px;height:64px;background:var(--bg-card);border:1px solid var(--success);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;overflow:hidden}.mask-container-big.mask-empty-big{background:var(--bg-body);border-style:dashed}.mask-container-big.mask-has-item-big{border-style:solid;background:var(--bg-card)}.mask-container-big:hover{border-width:2px}.mask-empty-label{font-size:var(--text-xs);color:var(--text-weak);font-weight:var(--weight-medium)}.slot-label{font-size:var(--text-2xs);color:var(--text-weak);text-align:center;line-height:1.2;padding:2px}.skill-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.skill-content .skill-icon{font-size:9px;color:var(--text-main);text-align:center;line-height:1.2;font-weight:var(--weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.skill-level{font-size:9px;color:var(--gold);font-weight:var(--weight-bold)}.mask-text{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-white);border-radius:var(--radius-sm)}.countdown-text{font-size:var(--text-sm)}.slot-setting-btn{width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);color:var(--text-weak);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s}.slot-setting-btn:hover{color:var(--gold);background:var(--bg-hover)}.name-display{display:inline;cursor:pointer;font-weight:var(--weight-medium)}.name-display:hover{text-decoration:underline}.svg-icon{width:70%;height:auto}.small-item-icon{display:inline-flex;align-items:center;gap:2px}.item-small{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--space-2);padding:var(--space-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;transition:all .2s ease;min-height:64px;position:relative}.item-small:hover{border-width:2px}.item-small-equip{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:transparent;border:1px solid var(--success);border-radius:var(--radius-sm);padding:2px;cursor:pointer;transition:all .15s ease;gap:0;aspect-ratio:1;box-sizing:border-box}.item-small-equip:hover{border-width:2px;border-color:var(--gold)}.item-small-equip .item-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex:none}.item-small-equip .svg-icon{max-width:100%;max-height:100%}.item-small-equip .item-num{position:absolute;bottom:1px;right:2px;font-size:9px;font-weight:var(--weight-bold);color:var(--text-main);text-shadow:0 0 2px rgba(255,255,255,.6);z-index:2;pointer-events:none}.item-small-equip .item-level{position:absolute;top:1px;right:2px;font-size:9px;font-weight:var(--weight-bold);color:var(--gold);z-index:2;pointer-events:none}.item-small-disable{opacity:.4;cursor:not-allowed}.item-small-disable:hover{border-color:var(--border);box-shadow:none}.item-content-action-title{font-size:var(--text-2xs);color:var(--text-main);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;line-height:1.2}.item-content-action-img{width:28px;height:28px;display:flex;align-items:center;justify-content:center}.item-container{flex:1;align-items:center;justify-content:center;width:70%;height:70%;position:relative;display:flex}.item-container-middle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;position:relative}.item-container .svg-icon,.item-container-middle .svg-icon{width:60%;height:60%;display:block}.item-num{position:absolute;bottom:1px;right:2px;font-size:9px;font-weight:var(--weight-bold);color:var(--text-main);text-shadow:0 0 2px rgba(255,255,255,.6);z-index:2;pointer-events:none}.item-level{position:absolute;top:1px;right:2px;font-size:9px;font-weight:var(--weight-bold);color:var(--gold);text-shadow:0 0 2px rgba(0,0,0,.5);z-index:2;pointer-events:none}.text-1xs,.text-2xs{font-size:10px}.form-input,.number-input,.select-input,.textarea,.chat-input,.search-input,.guild-invite-input,.guild-name-input,.guild-settings-input,.guild-announcement-input,.target-input,.repeat-input,.quantity-input,.login-input,.dialog-form-input,.trigger-input-number,.input-normal,.input-normal-small,.selected-div{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-main);font-size:var(--text-sm);outline:none;transition:border-color .2s}.form-input:focus,.number-input:focus,.select-input:focus,.textarea:focus,.chat-input:focus,.search-input:focus,.guild-invite-input:focus,.guild-name-input:focus,.guild-settings-input:focus,.guild-announcement-input:focus,.target-input:focus,.repeat-input:focus,.quantity-input:focus,.login-input:focus,.dialog-form-input:focus,.trigger-input-number:focus,.input-normal:focus,.input-normal-small:focus,.selected-div:focus{border-color:var(--gold)}.form-input::placeholder,.number-input::placeholder,.textarea::placeholder,.chat-input::placeholder,.search-input::placeholder,.guild-invite-input::placeholder,.guild-name-input::placeholder,.guild-settings-input::placeholder,.guild-announcement-input::placeholder,.target-input::placeholder,.repeat-input::placeholder,.quantity-input::placeholder,.login-input::placeholder,.dialog-form-input::placeholder,.trigger-input-number::placeholder{color:var(--text-weak)}.form-input:disabled,.number-input:disabled,.select-input:disabled,.textarea:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-sidebar)}.form-input,.chat-input,.search-input,.guild-invite-input,.guild-name-input,.guild-settings-input,.guild-announcement-input,.target-input,.repeat-input,.quantity-input,.login-input,.dialog-form-input{width:100%;height:32px;padding:0 var(--space-3)}.select-input,.guild-settings-select,.selected-div{height:32px;padding:0 var(--space-2);cursor:pointer}.number-input,.trigger-input-number{width:60px;height:28px;padding:0 var(--space-2);text-align:center}.input-sm{height:26px!important;font-size:var(--text-xs)}.textarea,.guild-name-input.textarea-mode,.guild-announcement-input{width:100%;min-height:60px;padding:var(--space-2);resize:vertical;line-height:1.5}.dialog-form-row input{height:26px;padding:0 4px;font-size:var(--text-sm)}.trigger-select{flex:1;min-width:0;padding:2px 4px;border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-main);font-size:var(--text-2xs);outline:none;cursor:pointer;height:22px}.trigger-select:focus{border-color:var(--gold)}.trigger-select-short{flex:0 0 60px}.battle-team-filter select{padding:var(--space-1) var(--space-2);border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-main);font-size:var(--text-xs);outline:none;cursor:pointer;height:28px}.battle-team-filter select:focus{border-color:var(--gold)}.position-select{padding:var(--space-1) var(--space-2);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:var(--text-2xs);background:var(--bg-card);color:var(--text-main);outline:none;cursor:pointer;height:24px}.position-select:focus{border-color:var(--gold)}.form-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.form-row-label{width:80px;font-size:var(--text-xs);color:var(--text-sub);text-align:right;flex-shrink:0}.form-row-content{flex:1}.list-item{display:flex;align-items:center;padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-2);transition:all .2s}.list-item:hover{border-color:var(--gold)}.info-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.info-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--border);font-size:var(--text-sm)}.info-row:last-child{border-bottom:none}.filter-bar{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-sidebar);border-bottom:1px solid var(--border);flex-wrap:wrap}.filter-btn{padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-2xs);color:var(--text-sub);background:var(--bg-card);cursor:pointer;transition:all .2s}.filter-btn:hover,.filter-btn.active{border-color:var(--gold);color:var(--gold);background:var(--gold-pale)}.tag{display:inline-flex;align-items:center;padding:1px 6px;border-radius:var(--radius-sm);font-size:var(--text-2xs);font-weight:var(--weight-medium)}.tag-gold{background:var(--gold-pale);color:var(--gold)}.tag-success{background:#6b9b5e26;color:var(--success)}.tag-danger{background:#c45a5a26;color:var(--danger)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-3)}.alert-info{background:#6b8fa81a;border:1px solid rgba(107,143,168,.3);color:var(--info)}.alert-warning{background:#d4953a1a;border:1px solid rgba(212,149,58,.3);color:var(--gold-dark)}.search-box{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-body);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .2s}.search-box:focus-within{border-color:var(--gold)}.switch{position:relative;width:36px;height:20px;background:var(--border);border-radius:10px;cursor:pointer;transition:background .2s}.switch.active{background:var(--success)}.switch-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--text-white);border-radius:50%;transition:transform .2s}.switch.active .switch-knob{transform:translate(16px)}.slider{width:100%;height:4px;border-radius:2px;background:var(--border);outline:none;-webkit-appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--gold);cursor:pointer}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;font-size:9px;font-weight:var(--weight-bold);color:var(--text-white);background:var(--danger)}.avatar-group{display:flex;align-items:center}.avatar-group .avatar{margin-left:-8px;border:2px solid var(--bg-card)}.avatar-group .avatar:first-child{margin-left:0}.timeline{display:flex;flex-direction:column;gap:var(--space-3);padding-left:var(--space-4);position:relative}.timeline:before{content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;background:var(--border)}.timeline-item{position:relative}.timeline-item:before{content:"";position:absolute;left:calc(-1 * var(--space-4) + 3px);top:6px;width:8px;height:8px;border-radius:50%;background:var(--gold);border:2px solid var(--bg-card)}.timeline-time{font-size:var(--text-2xs);color:var(--text-weak);margin-bottom:2px}.timeline-content{font-size:var(--text-xs);color:var(--text-main)}.tree-menu{display:flex;flex-direction:column}.tree-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);cursor:pointer;transition:background .2s;border-radius:var(--radius-sm)}.tree-item:hover{background:var(--bg-hover)}.tree-item.active{background:var(--gold-pale);color:var(--gold)}.tree-icon{width:16px;height:16px;flex-shrink:0}.tree-label{font-size:var(--text-xs)}.card-group{display:grid;gap:var(--space-3)}.card-group-2{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.card-group-3{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.card-group-4{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.scroll-container{overflow-y:auto;scrollbar-width:thin}.scroll-container::-webkit-scrollbar{width:4px}.scroll-container::-webkit-scrollbar-track{background:transparent}.scroll-container::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:2px}.drag-area{border:2px dashed var(--border);border-radius:var(--radius-md);padding:var(--space-6);text-align:center;color:var(--text-weak);transition:all .2s}.drag-area.drag-over{border-color:var(--gold);background:var(--gold-pale);color:var(--gold)}.code-block{background:var(--bg-sidebar);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-main);overflow-x:auto}.blockquote{border-left:3px solid var(--gold);padding-left:var(--space-3);margin:var(--space-3) 0;color:var(--text-sub);font-size:var(--text-sm)}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;left:0;min-width:120px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;margin-top:4px;overflow:hidden}.dropdown-item{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-main);cursor:pointer;transition:background .2s;white-space:nowrap}.dropdown-item:hover{background:var(--bg-hover)}.breadcrumb{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-weak)}.breadcrumb-item{color:var(--text-sub);cursor:pointer}.breadcrumb-item:hover{color:var(--gold)}.breadcrumb-separator{color:var(--border-medium)}.breadcrumb-item:last-child{color:var(--text-main);font-weight:var(--weight-medium);cursor:default}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-3)}.page-item{min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;padding:0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-sub);background:var(--bg-card);cursor:pointer;transition:all .2s}.page-item:hover{border-color:var(--gold);color:var(--gold)}.page-item.active{background:var(--gold);border-color:var(--gold);color:var(--text-white)}.page-item:disabled{opacity:.4;cursor:not-allowed}.steps{display:flex;align-items:center;gap:var(--space-2)}.step{display:flex;align-items:center;gap:var(--space-1)}.step-dot{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-2xs);font-weight:var(--weight-bold);background:var(--border);color:var(--text-weak)}.step.active .step-dot{background:var(--gold);color:var(--text-white)}.step.completed .step-dot{background:var(--success);color:var(--text-white)}.step-line{flex:1;height:2px;background:var(--border);min-width:20px}.step.completed+.step-line{background:var(--success)}.step-label{font-size:var(--text-2xs);color:var(--text-weak)}.step.active .step-label{color:var(--gold);font-weight:var(--weight-medium)}.rate-limit{text-align:center;padding:var(--space-4);color:var(--text-weak);font-size:var(--text-sm)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999;display:flex;align-items:center;justify-content:center}.skeleton{background:linear-gradient(90deg,var(--bg-sidebar) 25%,var(--border) 50%,var(--bg-sidebar) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.img-placeholder{background:var(--bg-sidebar);display:flex;align-items:center;justify-content:center;color:var(--text-weak);font-size:var(--text-xs)}.rich-text{font-size:var(--text-sm);line-height:1.6;color:var(--text-main)}.rich-text p{margin-bottom:var(--space-2)}.rich-text img{max-width:100%;border-radius:var(--radius-sm)}@media print{.sidebar,.right-panel,.chat-section,.float-button,.guide-overlay-root{display:none!important}.main-content{margin-left:0!important;width:100%}}.login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-main);padding:var(--space-4)}.login-container{width:100%;max-width:360px;background:var(--bg-sidebar);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-8) var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-8);border:1px solid var(--border)}.game-logo{text-align:center;margin-bottom:var(--space-2)}.game-logo h1{font-size:28px;font-weight:800;color:var(--gold-dark);margin:0 0 var(--space-3) 0;letter-spacing:.15em;text-shadow:0 1px 2px rgba(180,130,60,.15)}.game-logo .subtitle{font-size:var(--text-base);color:var(--text-secondary);margin:0;font-weight:400}.wechat-login{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}.scan-tip{font-size:var(--text-sm);color:var(--text-secondary);text-align:center}.qr-container{width:200px;height:200px;background:var(--bg-main);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;padding:var(--space-4);box-shadow:var(--shadow-sm)}.scan-status{min-height:24px;display:flex;align-items:center;justify-content:center}.status-waiting{font-size:var(--text-sm);color:var(--text-secondary)}.status-confirm{font-size:var(--text-sm);color:var(--gold-dark);font-weight:600}.status-error{font-size:var(--text-sm);color:var(--danger)}.scan-hint{font-size:var(--text-xs);color:var(--text-weak);text-align:center;padding:var(--space-2) var(--space-4);background:var(--bg-main);border-radius:var(--radius-sm)}.account-login{width:100%;display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-4)}.account-login .form-input{height:44px;font-size:var(--text-base);border-radius:var(--radius-md);padding:0 var(--space-4)}.account-login .btn-gold,.account-login .btn-gray{height:46px;font-size:var(--text-base);font-weight:600;border-radius:var(--radius-md)}.input-group{width:100%}.login-btn{width:100%;height:40px;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);color:var(--text-white);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s}.login-btn:hover{opacity:.9}.login-btn:active{transform:scale(.98)}.login-btn.secondary{background:var(--bg-main);color:var(--text-main);border:1px solid var(--border)}.login-btn.secondary:hover{background:var(--bg-sidebar);border-color:var(--gold)}.login-success{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.success-icon{width:64px;height:64px;border-radius:50%;background:var(--success);display:flex;align-items:center;justify-content:center;color:#fff;animation:success-pop .3s ease-out}.success-icon svg{width:36px;height:36px}@keyframes success-pop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.success-text{font-size:var(--text-lg);font-weight:600;color:var(--text-main)}.loading-dots{display:flex;gap:var(--space-2)}.loading-dots span{width:8px;height:8px;border-radius:50%;background:var(--gold);animation:dot-pulse 1.4s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.battle-team-wrapper{width:100%;height:100%;display:flex;flex-direction:column;padding:var(--space-3);gap:var(--space-3);overflow:hidden}.battle-team-filter{display:flex;flex-direction:row;align-items:center;padding:var(--space-2) var(--space-3);gap:var(--space-2);background:var(--bg-sidebar);border-radius:var(--radius-md);border:1px solid var(--border);flex-shrink:0;margin-bottom:var(--space-3)}.battle-team-filter select{height:32px}.property-label{white-space:nowrap;flex-shrink:0}.battle-team-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2);padding-right:var(--space-1)}.team-card{display:flex;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);padding:var(--space-3);transition:all .2s;height:120px;gap:0}.team-card:hover{border-color:var(--gold-light);box-shadow:var(--shadow-sm)}.team-card.team-highlighted{border-color:var(--gold);box-shadow:0 0 0 2px #d4af3733}.team-card-left{display:flex;flex-direction:column;gap:var(--space-1);flex-shrink:0;width:140px;padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);border-right:1px solid var(--border);justify-content:center}.team-card-name{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-main);line-height:1.3;margin-bottom:var(--space-1)}.team-card-meta{display:flex;flex-direction:column;gap:1px}.team-meta-item{display:flex;align-items:center;gap:2px}.meta-label{font-size:9px;color:var(--text-weak);flex-shrink:0}.meta-value{font-size:9px;color:var(--text-main);font-weight:var(--weight-medium)}.meta-value.meta-difficulty{color:var(--gold-dark);font-weight:var(--weight-semibold)}.team-card-right{flex:1;display:flex;flex-direction:row;gap:var(--space-1);padding-left:var(--space-3);min-width:0}.team-slots-row{display:grid;grid-template-columns:repeat(auto-fill,80px);gap:var(--space-1);flex:1}.team-slot-card{min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 2px 6px;border-radius:var(--radius-sm);transition:all .15s;height:100%}.team-slot-card.slot-available{border:1px dashed var(--success);background:var(--bg-body)}.team-slot-card.slot-locked{border:1px dashed var(--danger);background:var(--bg-body)}.team-slot-card.slot-occupied{border:1px solid var(--success);background:#6b9b5e0f}.team-slot-card.slot-captain{border:1px solid var(--gold);background:#d4953a14}.slot-position-tag{font-size:8px;color:var(--text-weak);font-weight:var(--weight-medium);line-height:1.2;white-space:nowrap;text-align:center}.slot-avatar-wrap{width:30px;height:30px;border-radius:50%;background:var(--bg-sidebar);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin-top:auto;flex-shrink:0;flex:none}.slot-occupied .slot-avatar-wrap{background:#dce8f0;border-color:var(--success)}.slot-self .slot-avatar-wrap{background:#f5e6c8;border-color:var(--gold)}.slot-captain .slot-avatar-wrap{background:#fce8e8;border-color:var(--danger)}.slot-avatar-icon{width:16px;height:16px;color:var(--text-weak)}.slot-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:1px}.slot-player-nick{font-size:8px;color:var(--text-main);font-weight:var(--weight-medium);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.2}.slot-level-range{font-size:8px;color:var(--text-weak);text-align:center;line-height:1.2}.slot-btn-area{margin-top:auto;min-height:16px;display:flex;align-items:center}.team-card-actions{display:flex;justify-content:flex-end;padding-top:var(--space-1)}.captain-badge svg{width:16px;height:16px}.player-name{font-size:var(--text-xs);color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-position{font-size:var(--text-xs);color:var(--text-secondary);flex-shrink:0}.join-btn{height:24px;padding:0 var(--space-2);background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);color:var(--text-white);border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .2s;flex-shrink:0}.join-btn:hover{opacity:.9}.join-btn:disabled{opacity:.5;cursor:not-allowed}.my-team-container{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);background:var(--bg-body)}.top-actions{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md)}.top-left{display:flex;gap:var(--space-2)}.top-actions .btn-success{height:32px;padding:0 var(--space-3);background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);color:var(--text-white);border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .2s}.top-actions .btn-success:hover{opacity:.9}.disband-team-btn{padding:var(--space-1) var(--space-3);background:var(--danger);color:var(--text-white);border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:opacity .2s}.disband-team-btn:hover{opacity:.9}.team-settings{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3)}.team-title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-main);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.settings-core{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.info-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--bg-sidebar);border-radius:var(--radius-md);border:1px solid var(--border)}.info-label{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-secondary)}.info-icon{font-size:var(--text-sm)}.info-value{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-main)}.info-value.infinity{font-size:var(--text-md);color:var(--gold)}.info-value.tier-text{color:var(--gold)}.cycle-edit{display:flex;align-items:center;gap:var(--space-1)}.cycle-edit .number-input{width:50px}.cycle-edit .number-input:disabled{background:var(--bg-main);color:var(--text-weak);cursor:not-allowed}.cycle-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all .2s;padding:0}.cycle-btn:hover{border-color:var(--gold-light)}.cycle-btn.active{background:var(--gold);border-color:var(--gold);color:var(--text-white);font-weight:var(--weight-bold)}.cycle-btn.infinity-btn{font-size:var(--text-sm)}.settings-rules{display:flex;gap:var(--space-2);flex-wrap:wrap}.rule-item{display:flex;align-items:center}.rule-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs)}.rule-icon{font-size:var(--text-sm)}.rule-tag.tag-private{background:#d4af371f;color:var(--gold-dark);border:1px solid rgba(212,175,55,.3)}.rule-tag.tag-public,.rule-tag.tag-active{background:#6b9b5e1a;color:var(--success);border:1px solid rgba(107,155,94,.3)}.rule-tag.tag-inactive{background:#8b7d6b1a;color:var(--text-secondary);border:1px solid var(--border)}.custom-checkbox{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--text-xs);color:var(--text-main)}.custom-checkbox input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.custom-checkbox .checkmark{position:relative;width:18px;height:18px;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;transition:all .2s;flex-shrink:0}.custom-checkbox:hover .checkmark{border-color:var(--gold-light)}.custom-checkbox input[type=checkbox]:checked+.checkmark{background:var(--gold);border-color:var(--gold)}.custom-checkbox .checkmark:after{content:"";position:absolute;display:none;left:5px;top:1px;width:4px;height:9px;border:solid var(--text-white);border-width:0 2px 2px 0;transform:rotate(45deg)}.custom-checkbox input[type=checkbox]:checked+.checkmark:after{display:block}.checkbox-text{font-size:var(--text-xs);color:var(--text-main)}.slots-container{display:flex;flex-direction:column;gap:var(--space-2)}.slot-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:all .2s}.slot-item:hover{border-color:var(--gold-light);box-shadow:var(--shadow-sm)}.slot-item.captain-slot{border-color:var(--gold);box-shadow:0 0 0 2px #d4af3733}.p-xs{padding:var(--space-3)}.slot-header-view{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.position-tag{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--bg-sidebar);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-secondary)}.position-icon{font-size:var(--text-sm)}.slot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.header-actions{display:flex;gap:var(--space-1)}.delete-slot-btn{padding:var(--space-1);background:transparent;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:background .2s}.delete-slot-btn:hover{background:#ef44441a}.player-avatar{width:40px;height:40px;border-radius:50%;background:var(--bg-sidebar);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;margin:var(--space-2) 0}.ready-section{margin-top:var(--space-2)}.ready-checkbox-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-xs);color:var(--text-main)}.ready-checkbox-label.is-ready{color:var(--success)}.ready-checkbox-label input[type=checkbox]{cursor:pointer}.ready-status-tag{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs)}.ready-status-tag.ready{background:#4caf501a;color:var(--success)}.ready-status-tag.not-ready{background:#ff98001a;color:var(--warning)}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.empty-slot-info{padding:var(--space-2) 0}.level-range{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-secondary)}.level-icon{font-size:var(--text-sm)}.slot-settings{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.setting-group{display:flex;align-items:center;gap:var(--space-2)}.setting-group label{font-size:var(--text-xs);color:var(--text-secondary);min-width:60px}.level-limit{flex:1}.add-slot-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-3);background:var(--bg-card);border:2px dashed var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.add-slot-btn:hover{border-color:var(--gold);background:var(--gold-pale)}.add-slot-btn button{width:40px;height:40px;border-radius:50%;background:var(--gold);color:var(--text-white);border:none;font-size:var(--text-xl);cursor:pointer;transition:all .2s}.add-slot-btn button:hover{background:var(--gold-dark);transform:scale(1.1)}.user-preview-body{width:360px;height:420px;max-height:70vh;overflow-y:auto;overflow-x:hidden}.preview-overview{display:flex;flex-direction:column;gap:var(--space-4);height:100%}.preview-equipment{height:100%;overflow-y:auto}.preview-avatar-section{display:flex;justify-content:center;padding:var(--space-3);background:var(--bg-sidebar);border-radius:var(--radius-md);border:1px solid var(--border)}.preview-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.preview-stat-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center}.preview-stat-card .stat-icon{font-size:var(--text-lg)}.preview-stat-card .stat-label{font-size:var(--text-xs);color:var(--text-secondary)}.preview-stat-card .stat-value{font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--text-main)}.preview-stat-card .stat-value.battle{color:var(--gold)}.preview-stat-card .stat-value.action{display:flex;align-items:center;justify-content:center}.equip-preview-mode{display:flex;flex-direction:column;gap:var(--space-3)}.equip-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);margin-top:2px}.equip-section-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.equip-preview-mode .main-equipment{display:grid;grid-template-columns:repeat(auto-fill,44px);grid-auto-rows:44px;gap:2px}.equip-preview-mode .main-equipment .item-slot-wrapper{display:block;width:44px;height:44px}.equip-preview-mode .main-equipment .item-slot-wrapper .item-slot,.equip-preview-mode .main-equipment .item-slot{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important}.preview-property{height:100%}.preview-skills{height:100%;overflow-y:auto;padding:var(--space-2)}.preview-house{height:100%;overflow-y:auto}.tm-body{display:flex;flex-direction:column;gap:6px;max-height:56vh;overflow-y:auto;padding:2px 0}.tm-card{display:flex;flex-direction:column;gap:4px;padding:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm)}.tm-card.tm-leader{border-color:var(--gold)}.tm-head{display:flex;align-items:center;gap:6px}.tm-avatar{width:22px;height:22px;background:var(--bg-sidebar);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tm-avatar-icon{width:12px;height:12px;color:var(--text-sub)}.tm-name{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-main)}.tm-badge{font-size:7px;color:var(--gold);background:#daa5201f;padding:0 4px;border-radius:3px;font-weight:var(--weight-bold);flex-shrink:0}.tm-id{font-size:13px;color:var(--text-sub);margin-left:auto;flex-shrink:0}.tm-stats{display:flex;gap:6px;padding:3px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.tm-stat{display:flex;align-items:center;gap:2px}.tm-stat-icon{width:14px;height:14px}.tm-stat-lv{font-size:13px;color:var(--text-main);font-weight:var(--weight-semibold)}.tm-detail{display:flex;flex-direction:column;gap:3px}.tm-dl-row{display:flex;align-items:center;gap:6px}.tm-dl-label{font-size:13px;color:var(--text-sub);font-weight:var(--weight-semibold);width:42px;flex-shrink:0;text-align:right;white-space:nowrap}.tm-dl-icons{display:flex;gap:2px}.tm-mini-icon{width:18px;height:18px;border-radius:2px;background:var(--bg-sidebar);padding:1px;vertical-align:top}.tm-empty{display:flex;align-items:center;justify-content:center;min-height:60px;color:var(--text-sub);font-size:var(--text-xs)}.property-grid{display:grid;grid-template-columns:repeat(auto-fill,48px);grid-auto-rows:48px;gap:2px;padding:var(--space-2)}.property-item{width:48px;height:48px}.property-item .item-small{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important;padding:2px!important}.property-item:hover{border-color:var(--gold-light);box-shadow:var(--shadow-sm)}.property-item .property-level{font-size:var(--text-2xs);color:var(--text-secondary);font-weight:var(--weight-medium)}.item-popup{width:240px;padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-2)}.item-popup-header{display:flex;align-items:center;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.item-popup-icon{width:40px;height:40px;flex-shrink:0;background:var(--bg-sidebar);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;overflow:hidden}.item-popup-icon .popup-item-svg{width:32px;height:32px}.item-popup-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.item-popup-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-popup-count{font-size:var(--text-2xs);color:var(--text-secondary)}.item-popup-quantity{display:flex;flex-direction:column;gap:var(--space-1)}.quantity-label{font-size:var(--text-2xs);color:var(--text-sub);font-weight:var(--weight-medium)}.quantity-controls{display:flex;align-items:center;gap:4px}.qty-btn{width:36px;height:28px;padding:0;background:var(--bg-sidebar);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-sub);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;transition:all .15s ease;flex-shrink:0}.qty-btn:hover{border-color:var(--gold);color:var(--gold)}.qty-btn.active{background:var(--gold);border-color:var(--gold);color:var(--text-white)}.item-popup-actions.primary{display:flex;flex-direction:column;gap:var(--space-1)}.popup-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-1);width:100%;height:32px;padding:0 var(--space-3);border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer;transition:opacity .15s ease;white-space:nowrap}.popup-btn:hover{opacity:.9}.popup-btn-primary{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);color:var(--text-white)}.popup-btn-primary.btn-disabled,.popup-btn-primary:disabled{background:var(--text-light)!important;color:var(--text-white)!important;cursor:not-allowed;box-shadow:none!important}.popup-btn-primary.btn-disabled .btn-icon,.popup-btn-primary:disabled .btn-icon{filter:grayscale(100%)}.skill-lv-req{font-size:var(--text-2xs);opacity:.8}.btn-icon{font-size:var(--text-sm);line-height:1}.item-popup-links{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--border)}.popup-link{display:flex;align-items:center;justify-content:center;gap:4px;padding:5px var(--space-1);background:var(--bg-sidebar);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-sub);font-size:var(--text-2xs);font-weight:var(--weight-medium);cursor:pointer;transition:all .15s ease;white-space:nowrap}.popup-link:hover{border-color:var(--gold);color:var(--gold);background:#d4af3714}.link-icon{font-size:var(--text-xs);line-height:1}.battle-bottom-bar{width:100%;background:var(--bg-card);border-top:1px solid var(--border);padding:var(--space-2) var(--space-3);flex-shrink:0}.battle-bottom-bar-inner{display:flex;align-items:stretch;justify-content:space-between;gap:var(--space-4);max-width:100%}.battle-bottom-bar-left{display:flex;align-items:center;justify-content:center;gap:var(--space-6);flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.battle-bottom-bar-left::-webkit-scrollbar{display:none}.battle-group{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.battle-group-title{font-size:var(--text-sm);color:var(--text-main);font-weight:var(--weight-medium);margin-bottom:var(--space-2);text-align:center}.battle-grid{display:flex;gap:var(--space-2);justify-content:center;align-items:center}.battle-slot-wrapper{display:flex;flex-direction:column;align-items:center;gap:2px}.battle-bottom-bar-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:var(--space-2);flex-shrink:0;padding-left:var(--space-2);border-left:1px solid var(--border)}.battle-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.battle-round{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-main)}.battle-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px var(--space-4);border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-bold);cursor:pointer;transition:all .2s ease;white-space:nowrap}.battle-btn-flee{background:linear-gradient(135deg,#c45a5a,#a04040);color:var(--text-white)}.battle-btn-flee:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 2px 6px #c45a5a4d}.battle-btn-flee:active{transform:scale(.97)}.battle-btn .btn-icon{font-size:var(--text-xs);line-height:1}@media (max-width: 768px){.battle-bottom-bar-inner{flex-direction:column;gap:var(--space-2)}.battle-bottom-bar-right{flex-direction:row;align-items:center;justify-content:space-between;width:100%;padding-left:0;border-left:none;padding-top:var(--space-2);border-top:1px solid var(--border)}.battle-info{align-items:flex-start}}.cow-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3);padding:var(--space-3)}.battle-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;flex-direction:row;align-items:center;gap:var(--space-3);cursor:pointer;transition:all .2s ease;min-height:90px}.battle-card:hover{border-color:var(--gold);border-width:2px}.battle-card-icon{width:64px;height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.battle-card-icon .item-container-monster,.battle-card-icon svg{width:100%!important;height:100%!important}.battle-card-name{font-size:var(--text-sm);color:var(--text-main);font-weight:var(--weight-semibold);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-player-icon .item-container-monster{width:100%!important;height:100%!important;flex:none}.battle-player-icon .monster-icon{width:100%;height:100%}.cow-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-3);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--space-2);cursor:pointer;transition:all .2s ease;min-height:110px}.cow-card:hover{border-color:var(--gold);border-width:2px}.cow-card-disabled{opacity:.45;cursor:not-allowed}.cow-card-disabled:hover{border-color:var(--border);border-width:1px}.cow-card-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center}.cow-card-svg{width:100%;height:100%}.cow-card-name{font-size:var(--text-sm);color:var(--text-main);font-weight:var(--weight-medium);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;line-height:1.3}.cow-card-level{font-size:var(--text-2xs);color:var(--text-weak);display:flex;align-items:center;gap:var(--space-1);line-height:1.2}.cow-card-level-icon{width:14px;height:14px}.fish-h{position:absolute;top:25%;left:25%;z-index:1}.battle-skill-bar-container{width:100%;height:21px}.battle-skill-bar{margin-top:1px}.battle-area{width:50%;height:100%;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:4px}@media (max-width: 768px){.battle-area{gap:3px}}@media (max-width: 480px){.battle-area{gap:2px}}.card-battle{height:auto;width:100%;min-width:80px;max-width:140px;border:1px solid var(--border);border-radius:var(--radius-md);padding-top:var(--space-3);padding-bottom:var(--space-3)}.card-battle-dead{border:1px solid var(--border);border-radius:var(--radius-md);padding-top:var(--space-3);padding-bottom:var(--space-3);height:auto;width:100%;min-width:80px;max-width:140px;filter:grayscale(100%);opacity:.7}.player-main{position:relative;min-height:150px}@media (max-width: 768px){.card-battle,.card-battle-dead{min-width:60px;max-width:100px}.player-main{min-height:120px}}@media (max-width: 480px){.card-battle,.card-battle-dead{min-width:50px;max-width:80px}.player-main{min-height:80px}}.floating-text{font-size:var(--text-md);font-weight:700;position:absolute;left:50%;top:20%;transform:translate(-50%);border-radius:4px;padding:2px 6px;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:100;animation:floatUp 2s ease-out forwards;white-space:nowrap}.floating-damage{color:var(--danger);background:transparent}.floating-heal{background:var(--color-blue-400);color:var(--success)}@keyframes floatUp{0%{opacity:0;transform:translate(-50%) translateY(0) scale(.5)}10%{opacity:1;transform:translate(-50%) translateY(-5px) scale(1.2)}20%{transform:translate(-50%) translateY(-10px) scale(1)}80%{opacity:1;transform:translate(-50%) translateY(-40px) scale(.9)}to{opacity:0;transform:translate(-50%) translateY(-60px) scale(.7)}}@keyframes fadeInOut{0%{opacity:0;transform:scale(.5)}20%{opacity:1;transform:scale(1.1)}30%{opacity:1;transform:scale(1)}70%{opacity:1;transform:scale(1)}90%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}@keyframes countdownPulse{0%{transform:translate(-50%,-50%) scale(1);color:var(--color-white);background-color:#00000080}50%{transform:translate(-50%,-50%) scale(1.1);color:var(--color-blue-400);background-color:#000000b3}to{transform:translate(-50%,-50%) scale(1);color:var(--color-white);background-color:#00000080}}.buff-data{display:grid;position:absolute;grid-template-columns:repeat(auto-fill,80px);row-gap:1px;column-gap:1px;bottom:0;width:100%;font-size:var(--text-md)}.battle-map-inner{position:relative}.particle-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.particle-arrow{position:absolute;width:40px;height:8px;pointer-events:none;z-index:100;opacity:1;will-change:left,top,transform;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='8'%3E%3Cline x1='4' y1='4' x2='30' y2='4' stroke='%23d4b896' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpolygon points='30,4 38,1 38,7' fill='%23a0a0a0' stroke='%23808080' stroke-width='0.5'/%3E%3Cpolygon points='2,4 5,2 5,6' fill='%23f5f0e8' stroke='%23ddd8c8' stroke-width='0.3'/%3E%3Cpolygon points='1,4 4,2.5 4,5.5' fill='%23dd3333' stroke='%23bb2222' stroke-width='0.3'/%3E%3Cpolygon points='0,4 3,3 3,5' fill='%234488cc' stroke='%23225588' stroke-width='0.3'/%3E%3C/svg%3E") no-repeat center;background-size:contain;filter:drop-shadow(0 0 3px rgba(255,200,100,.6))}.particle-hit-flash{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#fff,#ffe066,#f80);box-shadow:0 0 20px 10px #ffc864cc,0 0 40px 20px #ff960066;transform:translate(-50%,-50%);animation:flashBurst .25s ease-out forwards;pointer-events:none;z-index:102}.particle-hit{position:absolute;width:0;height:0;pointer-events:none;z-index:101}.particle-hit-spark{position:absolute;border-radius:50%;transform:translate(-50%,-50%);animation:sparkBurst .45s cubic-bezier(.16,1,.3,1) forwards;pointer-events:none}@keyframes flashBurst{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}50%{transform:translate(-50%,-50%) scale(2.5);opacity:.8}to{transform:translate(-50%,-50%) scale(4);opacity:0}}@keyframes sparkBurst{0%{transform:translate(-50%,-50%) translate(0) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) translate(var(--tx),var(--ty)) scale(0);opacity:0}}.particle-dagger{position:absolute;width:30px;height:6px;pointer-events:none;z-index:100;opacity:1;will-change:left,top,transform;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='6'%3E%3Cline x1='2' y1='3' x2='22' y2='3' stroke='%23c0c0c0' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpolygon points='22,3 28,1 28,5' fill='%23e0e0e0' stroke='%23a0a0a0' stroke-width='0.4'/%3E%3C/svg%3E") no-repeat center;background-size:contain;filter:drop-shadow(0 0 4px rgba(255,50,50,.8))}.particle-dagger-hit{position:absolute;width:0;height:0;pointer-events:none;z-index:101}.particle-dagger-spark{position:absolute;border-radius:50%;background:#f24;transform:translate(-50%,-50%);animation:sparkBurst .4s cubic-bezier(.16,1,.3,1) forwards;pointer-events:none}.particle-sword{position:absolute;width:36px;height:8px;pointer-events:none;z-index:100;opacity:1;will-change:left,top,transform;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='8'%3E%3Cline x1='2' y1='4' x2='26' y2='4' stroke='%23d0d0d0' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpolygon points='26,4 34,1 34,7' fill='%23e8e8e8' stroke='%23b0b0b0' stroke-width='0.5'/%3E%3C/svg%3E") no-repeat center;background-size:contain;filter:drop-shadow(0 0 6px rgba(200,200,255,.8))}.particle-sword-hit{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#fff,#c0c0ff,#8080ff);box-shadow:0 0 15px 8px #6464ffb3,0 0 30px 15px #3232c866;transform:translate(-50%,-50%);animation:flashBurst .35s ease-out forwards;pointer-events:none;z-index:102}.particle-axe{position:absolute;width:32px;height:20px;pointer-events:none;z-index:100;opacity:1;will-change:left,top,transform;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='20'%3E%3Cpath d='M4,10 L20,4 L20,16 Z' fill='%23a0a0a0' stroke='%23606060' stroke-width='0.8'/%3E%3Crect x='20' y='8' width='8' height='4' fill='%23808060'/%3E%3C/svg%3E") no-repeat center;background-size:contain;filter:drop-shadow(0 0 5px rgba(150,100,50,.8))}.particle-axe-hit{position:absolute;width:0;height:0;pointer-events:none;z-index:101}.particle-axe-spark{position:absolute;border-radius:2px;transform:translate(-50%,-50%);animation:sparkBurst .45s cubic-bezier(.16,1,.3,1) forwards;pointer-events:none}.particle-bow{position:absolute;width:36px;height:7px;pointer-events:none;z-index:100;opacity:1;will-change:left,top,transform;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='7'%3E%3Cline x1='3' y1='3.5' x2='27' y2='3.5' stroke='%23d4b896' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpolygon points='27,3.5 34,1 34,6' fill='%23a0a0a0' stroke='%23808080' stroke-width='0.4'/%3E%3Cpolygon points='1,3.5 4,2 4,5' fill='%23f5f0e8' stroke='%23ddd8c8' stroke-width='0.3'/%3E%3C/svg%3E") no-repeat center;background-size:contain;filter:drop-shadow(0 0 3px rgba(255,200,100,.6))}.particle-bow-hit{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#fff,#ffe066,#f80);box-shadow:0 0 12px 6px #ffc864b3;transform:translate(-50%,-50%);animation:flashBurst .3s ease-out forwards;pointer-events:none;z-index:102}.particle-water{position:absolute;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,#64c8ff99,#3296ff4d);border:2px solid rgba(100,200,255,.8);transform:translate(-50%,-50%);pointer-events:none;z-index:100}.particle-water-ice{position:absolute;width:0;height:0;pointer-events:none;z-index:101}.particle-water-ice-spark{position:absolute;width:4px;height:8px;background:linear-gradient(to bottom,#ffffffe6,#c8dcffb3);border-radius:1px;transform:translate(-50%,-50%);animation:sparkBurst .4s cubic-bezier(.16,1,.3,1) forwards;pointer-events:none}.particle-grass{position:absolute;width:10px;height:30px;background:linear-gradient(to top,#484,#6a6,#8c8);border-radius:5px 5px 1px 1px;transform:translate(-50%,-50%) scaleY(0);transform-origin:bottom;pointer-events:none;z-index:100}.particle-grass-toxin{position:absolute;width:0;height:0;pointer-events:none;z-index:101}.particle-grass-toxin-spark{position:absolute;border-radius:50%;background:#4a4;transform:translate(-50%,-50%);animation:sparkBurst .45s cubic-bezier(.16,1,.3,1) forwards;pointer-events:none}.particle-fire{position:absolute;width:60px;height:28px;pointer-events:none;z-index:100;margin-left:-14px;margin-top:-14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='28' viewBox='0 0 60 28'%3E%3Cdefs%3E%3CradialGradient id='b' cx='35%25' cy='35%25'%3E%3Cstop offset='0%25' stop-color='%23ffffaa'/%3E%3Cstop offset='30%25' stop-color='%23ff8800'/%3E%3Cstop offset='80%25' stop-color='%23cc2200'/%3E%3Cstop offset='100%25' stop-color='%23880000'/%3E%3C/radialGradient%3E%3Cfilter id='bl'%3E%3CfeGaussianBlur stdDeviation='1.5'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M14,14 Q30,4 42,10 Q50,13 58,14 Q50,15 42,18 Q30,24 14,14' fill='none' stroke='%23ff4400' stroke-width='10' stroke-linecap='round' filter='url(%23bl)' opacity='0.7'/%3E%3Cpath d='M14,14 Q28,7 38,11 Q46,13 52,14 Q46,15 38,17 Q28,21 14,14' fill='none' stroke='%23ff7700' stroke-width='6' stroke-linecap='round' opacity='0.85'/%3E%3Cpath d='M14,14 Q26,9 34,12 Q40,13 46,14 Q40,15 34,16 Q26,19 14,14' fill='none' stroke='%23ffcc00' stroke-width='3' stroke-linecap='round' opacity='0.9'/%3E%3Ccircle cx='14' cy='14' r='11' fill='url(%23b)'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;will-change:left,top,transform}.particle-fire-trail{position:absolute;border-radius:50%;pointer-events:none;z-index:99;opacity:0;animation:fireTrailFade .4s ease-out forwards}@keyframes fireTrailFade{0%{opacity:.9;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.2)}}@keyframes firePulse{0%{transform:scale(1);opacity:.95}to{transform:scale(1.12);opacity:1}}.particle-fire-hit{position:absolute;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle,#fff,#fc0 20%,#f60 50%,#f20,#800);box-shadow:0 0 20px 10px #ff6400cc,0 0 50px 25px #ff320066,0 0 80px 40px #ff140026;transform:translate(-50%,-50%);animation:flashBurst .3s ease-out forwards;pointer-events:none;z-index:102}.particle-fire-spark{position:absolute;border-radius:50%;transform:translate(-50%,-50%);animation:sparkBurst .5s cubic-bezier(.16,1,.3,1) forwards;pointer-events:none}.particle-heal{position:absolute;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,#64ff9699,#32c8644d);border:2px solid rgba(100,255,150,.8);transform:translate(-50%,-50%);pointer-events:none;z-index:100}.particle-heal-spark{position:absolute;width:4px;height:4px;border-radius:50%;pointer-events:none;z-index:101;opacity:0}.particle-buff{position:absolute;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,#ffff9699,#ffff644d);border:2px solid rgba(255,255,150,.8);transform:translate(-50%,-50%);pointer-events:none;z-index:100}.particle-generic{position:absolute;width:15px;height:15px;border-radius:50%;background:radial-gradient(circle,#fff,#aaf,#88f);box-shadow:0 0 10px 5px #6464ff80;transform:translate(-50%,-50%);pointer-events:none;z-index:100}.monster-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:var(--space-2)}.monster-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:#00000026}.monster-name{font-size:11px;color:var(--text-sub);text-align:center;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.boss-card{border:1px solid rgba(255,60,60,.35);background:linear-gradient(135deg,#ff323214,#ff96320f)}.boss-title{color:#f44!important;font-weight:700}.boss-display{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);justify-content:center}.boss-icon-wrap{width:72px;height:72px;border-radius:var(--radius-md);border:2px solid rgba(255,80,80,.5);background:#ff323214;display:flex;align-items:center;justify-content:center;box-shadow:0 0 16px #ff3c3c33}.boss-icon-wrap :deep(.battle-player-icon){width:64px;height:64px}.boss-icon-wrap :deep(svg){width:100%!important;height:100%!important}.boss-name{font-size:var(--text-base);font-weight:700;color:#f55;text-shadow:0 0 8px rgba(255,60,60,.3)}.text-ellipsis-4{text-align:center;width:4em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.login-wrapper[data-v-5a0464b3]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-container[data-v-5a0464b3]{width:100%;max-width:420px;background:#fffffff2;border-radius:20px;padding:40px 35px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-logo[data-v-5a0464b3]{text-align:center;margin-bottom:35px}.game-logo h1[data-v-5a0464b3]{color:#1a1a2e;font-size:2.2rem;font-weight:700;margin-bottom:8px;letter-spacing:2px}.subtitle[data-v-5a0464b3]{color:#666;font-size:.95rem;letter-spacing:1px}.wechat-login[data-v-5a0464b3]{display:flex;flex-direction:column;align-items:center}.account-login[data-v-5a0464b3]{display:flex;flex-direction:column;gap:15px}.account-login .input-group[data-v-5a0464b3]{margin-bottom:0}.account-login .login-input[data-v-5a0464b3]{width:100%;padding:14px 15px;background:#f5f7fa;border-radius:10px;border:2px solid transparent;color:#333;font-size:1rem;transition:all .3s ease;outline:none}.account-login .login-input[data-v-5a0464b3]:focus{background:#fff;border-color:#07c160}.account-login .login-btn[data-v-5a0464b3]{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:2px;margin-top:10px}.account-login .login-btn[data-v-5a0464b3]:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.scan-tip[data-v-5a0464b3]{font-size:1.1rem;color:#333;margin-bottom:20px;font-weight:500}.qr-container[data-v-5a0464b3]{width:320px;min-height:400px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:visible;padding:10px}.qr-container[data-v-5a0464b3] iframe{width:300px!important;height:380px!important;border:none}.scan-status[data-v-5a0464b3]{margin-top:20px;font-size:.95rem;min-height:24px}.status-waiting[data-v-5a0464b3]{color:#666}.status-confirm[data-v-5a0464b3]{color:#07c160;animation:pulse-5a0464b3 1.5s ease-in-out infinite}.status-error[data-v-5a0464b3]{color:#ff4d4f}.scan-hint[data-v-5a0464b3]{margin-top:16px;display:flex;align-items:center;gap:8px;color:#999;font-size:.85rem}.scan-hint[data-v-5a0464b3]:before{content:"";display:inline-block;width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2307c160'%3E%3Cpath d='M8.691 2.188C3.891 2.188 0 5.476 0 9.53c0 2.212 1.17 4.203 3.002 5.55a.59.59 0 0 1 .213.665l-.39 1.48c-.019.07-.048.141-.048.213 0 .163.13.295.29.295a.326.326 0 0 0 .167-.054l1.903-1.114a.864.864 0 0 1 .717-.098 10.16 10.16 0 0 0 2.837.403c.276 0 .543-.027.811-.05-.857-2.578.157-4.972 1.932-6.446 1.703-1.415 3.882-1.98 5.853-1.838-.576-3.583-4.196-6.348-8.596-6.348zM5.785 5.991c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 0 1-1.162 1.178A1.17 1.17 0 0 1 4.623 7.17c0-.651.52-1.18 1.162-1.18zm5.813 0c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 0 1-1.162 1.178 1.17 1.17 0 0 1-1.162-1.178c0-.651.52-1.18 1.162-1.18zm5.34 2.867c-1.797-.052-3.746.512-5.28 1.786-1.72 1.428-2.687 3.72-1.78 6.22.942 2.453 3.666 4.229 6.884 4.229.826 0 1.622-.12 2.361-.336a.722.722 0 0 1 .598.082l1.584.926a.272.272 0 0 0 .14.045c.134 0 .24-.111.24-.246 0-.06-.024-.12-.04-.177l-.325-1.23a.582.582 0 0 1-.023-.156.49.49 0 0 1 .201-.398C23.024 18.48 24 16.82 24 14.98c0-3.21-2.931-5.837-6.656-6.088V8.85c-.135-.003-.27-.018-.406-.018zm-2.53 3.274c.535 0 .969.44.969.982a.976.976 0 0 1-.969.983.976.976 0 0 1-.969-.983c0-.542.434-.982.97-.982zm4.844 0c.535 0 .969.44.969.982a.976.976 0 0 1-.969.983.976.976 0 0 1-.969-.983c0-.542.434-.982.969-.982z'/%3E%3C/svg%3E") no-repeat center;background-size:contain}.login-success[data-v-5a0464b3]{display:flex;flex-direction:column;align-items:center;padding:20px 0}.success-icon[data-v-5a0464b3]{width:80px;height:80px;background:linear-gradient(135deg,#07c160,#04b154);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:20px;animation:scaleIn-5a0464b3 .4s ease-out}.success-icon svg[data-v-5a0464b3]{width:40px;height:40px}.success-text[data-v-5a0464b3]{font-size:1.3rem;color:#07c160;font-weight:600;margin-bottom:20px}.loading-dots[data-v-5a0464b3]{display:flex;gap:6px}.loading-dots span[data-v-5a0464b3]{width:8px;height:8px;background:#07c160;border-radius:50%;animation:bounce-5a0464b3 1.4s ease-in-out infinite both}.loading-dots span[data-v-5a0464b3]:nth-child(1){animation-delay:-.32s}.loading-dots span[data-v-5a0464b3]:nth-child(2){animation-delay:-.16s}@keyframes pulse-5a0464b3{0%,to{opacity:1}50%{opacity:.5}}@keyframes scaleIn-5a0464b3{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes bounce-5a0464b3{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media (max-width: 480px){.login-container[data-v-5a0464b3]{padding:30px 25px}.game-logo h1[data-v-5a0464b3]{font-size:1.8rem}.qr-container[data-v-5a0464b3]{width:200px;height:200px}}.equip-slot-wrapper[data-v-88d4ec34]{position:relative;border-radius:8px;transition:all .3s ease}.highlight-slot[data-v-88d4ec34]{animation:pulse-highlight-88d4ec34 1.5s ease-in-out infinite;z-index:10}@keyframes pulse-highlight-88d4ec34{0%{box-shadow:0 0 #4caf50b3;transform:scale(1)}50%{box-shadow:0 0 0 8px #4caf5000;transform:scale(1.05)}to{box-shadow:0 0 #4caf5000;transform:scale(1)}}.progress-bar-wrapper[data-v-b0fa7b28]{width:100%}.progress-bar-bg[data-v-b0fa7b28]{width:100%;background-color:var(--bg-body);position:relative;overflow:hidden}.progress-bar-fill[data-v-b0fa7b28]{height:100%;transition:width .3s ease}.progress-animation[data-v-b0fa7b28]{animation-name:progress-fill-b0fa7b28;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes progress-fill-b0fa7b28{0%{width:0%}to{width:100%}}.progress-bar-text[data-v-b0fa7b28]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:800;white-space:nowrap}