*{box-sizing:border-box}*,body,html{margin:0;padding:0}#app,body,html{height:100%;overflow:hidden}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.home-page[data-v-c440b0dc]{min-height:100vh;display:flex;flex-direction:column;background-color:#f6f8fa;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);overflow-x:hidden;position:relative}.app-header[data-v-c440b0dc]{position:fixed;top:0;left:0;right:0;height:64px;background:linear-gradient(135deg,#1890ff,#36cfc9);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:1000}.header-content[data-v-c440b0dc]{max-width:1400px;height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.logo[data-v-c440b0dc]{display:flex;align-items:center;gap:12px}.logo-icon[data-v-c440b0dc]{font-size:28px;color:#fff}.logo-text[data-v-c440b0dc]{font-size:20px;font-weight:600;background:linear-gradient(90deg,#fff,#e6f7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.main-content[data-v-c440b0dc]{width:100%;padding:24px;margin-top:64px;padding-top:24px;box-sizing:border-box;overflow-y:auto;height:calc(100vh - 120px)}.categories-section[data-v-c440b0dc]{width:100%;padding:12px 0;margin-bottom:20px}.category-block[data-v-c440b0dc]{margin-bottom:20px;background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.05);padding:0 0 20px 0}.category-title-bar[data-v-c440b0dc]{display:flex;align-items:center;gap:16px;padding:16px 24px;background:linear-gradient(135deg,#1890ff,#36cfc9);border-radius:12px 12px 0 0;margin-bottom:20px;box-shadow:0 2px 8px rgba(24,144,255,.15)}.category-icon[data-v-c440b0dc]{font-size:24px;color:#fff}.category-name[data-v-c440b0dc]{margin:0;font-size:18px;color:#fff;font-weight:600}.tools-grid[data-v-c440b0dc]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;padding:0 20px}.tool-card[data-v-c440b0dc]{height:64px;border-radius:8px;background:#fff;border:1px solid rgba(24,144,255,.3);display:flex;align-items:center;justify-content:center;padding:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(24,144,255,.2);position:relative;overflow:hidden}.tool-title[data-v-c440b0dc]{background:linear-gradient(135deg,#1890ff,#36cfc9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:14px;font-weight:600;text-align:center;position:relative;z-index:2}.tool-card[data-v-c440b0dc]:before{background:linear-gradient(90deg,transparent,rgba(255,87,34,.2),rgba(255,193,7,.2),rgba(76,175,80,.2),rgba(33,150,243,.2),rgba(156,39,176,.2),transparent);background-size:200% 100%;animation:rainbow-static-c440b0dc 3s linear infinite}.tool-card[data-v-c440b0dc]:after,.tool-card[data-v-c440b0dc]:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .3s ease}.tool-card[data-v-c440b0dc]:after{background:linear-gradient(90deg,transparent,rgba(255,87,34,.4),rgba(255,193,7,.4),rgba(76,175,80,.4),rgba(33,150,243,.4),rgba(156,39,176,.4),transparent);background-size:200% 100%}.tool-card[data-v-c440b0dc]:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(24,144,255,.15)}.tool-card[data-v-c440b0dc]:hover:before{opacity:.5}.tool-card[data-v-c440b0dc]:hover:after{opacity:.3;animation:rainbow-flow-c440b0dc 2s linear infinite}@keyframes rainbow-static-c440b0dc{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes rainbow-flow-c440b0dc{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.main-content[data-v-c440b0dc]{padding:12px;padding-top:76px;height:calc(100vh - 100px)}.categories-section[data-v-c440b0dc]{margin-bottom:16px}.category-block[data-v-c440b0dc]{margin-bottom:16px;padding:0 0 16px 0}.category-title-bar[data-v-c440b0dc]{padding:12px 16px;margin-bottom:16px}.category-icon[data-v-c440b0dc]{font-size:20px}.category-name[data-v-c440b0dc]{font-size:16px}.tools-grid[data-v-c440b0dc]{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 16px}.tool-card[data-v-c440b0dc]{height:56px;padding:10px}.tool-title[data-v-c440b0dc]{font-size:13px}}@media (min-width:1440px){.main-content[data-v-c440b0dc]{max-width:1400px;margin-left:auto;margin-right:auto}}.app-footer[data-v-c440b0dc]{width:100%;background-color:#fff;padding:16px 0;text-align:center;box-shadow:0 -1px 4px rgba(0,0,0,.05);position:fixed;bottom:0;left:0}.copyright[data-v-c440b0dc]{color:#8c8c8c;font-size:14px;margin:0;line-height:1.8}.copyright a[data-v-c440b0dc]{color:#8c8c8c;text-decoration:none;transition:color .3s ease}.copyright a[data-v-c440b0dc]:hover{color:#1890ff}.header-actions[data-v-c440b0dc]{display:flex;align-items:center;gap:16px}.user-dropdown[data-v-c440b0dc]{cursor:pointer;z-index:2000}.user-info-wrapper[data-v-c440b0dc]{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;transition:all .3s ease;background:hsla(0,0%,100%,.1)}.user-info-wrapper[data-v-c440b0dc]:hover{background:hsla(0,0%,100%,.2)}.user-info[data-v-c440b0dc]{color:#fff;font-size:14px;font-weight:500}.dropdown-arrow[data-v-c440b0dc]{color:#fff;font-size:12px;transition:transform .3s ease}.ip-tool[data-v-8eb7ec84]{min-height:100vh;background-color:#f6f8fa;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);display:flex;flex-direction:column;overflow-x:hidden}.app-header[data-v-8eb7ec84]{position:fixed;top:0;left:0;right:0;height:64px;background:linear-gradient(135deg,#1890ff,#36cfc9);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:1000;display:flex;align-items:center}.header-content[data-v-8eb7ec84]{width:100%;max-width:1400px;margin:0 auto;padding:0 24px}.main-content[data-v-8eb7ec84]{flex:1;width:100%;margin:10px auto 0;padding:10px 24px;box-sizing:border-box}.el-row[data-v-8eb7ec84]{width:100%;margin:0!important;display:flex;flex-wrap:wrap}.el-col[data-v-8eb7ec84]{padding:10px 24px!important;box-sizing:border-box}.ip-card[data-v-8eb7ec84]{width:100%;border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;box-shadow:0 4px 12px rgba(0,0,0,.05)}.ip-card[data-v-8eb7ec84]:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.1)}.card-header[data-v-8eb7ec84]{padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.header-left[data-v-8eb7ec84]{display:flex;align-items:center;gap:12px}.header-icon[data-v-8eb7ec84]{font-size:24px;color:#fff}.header-title[data-v-8eb7ec84]{font-size:18px;color:#fff;font-weight:600}.copy-button[data-v-8eb7ec84]{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);padding:8px 16px;display:flex;align-items:center;gap:8px;border-radius:8px;transition:all .3s ease;color:#fff}.copy-button[data-v-8eb7ec84]:hover{background:hsla(0,0%,100%,.3);transform:translateY(-2px)}.ip-display[data-v-8eb7ec84]{padding:32px 24px;background-color:#fff;min-height:100px;display:flex;align-items:center;justify-content:center}.ip-text[data-v-8eb7ec84]{font-family:Roboto Mono,monospace;font-size:24px;color:#262626;text-align:center;word-break:break-all}@media (max-width:768px){.header-content[data-v-8eb7ec84]{padding:0 16px}.main-content[data-v-8eb7ec84]{margin-top:74px;padding:0 16px}.el-col[data-v-8eb7ec84]{padding:4px 0!important}.ip-card[data-v-8eb7ec84]{margin-bottom:12px}.ip-display[data-v-8eb7ec84]{padding:24px 16px;min-height:80px}.ip-text[data-v-8eb7ec84]{font-size:18px}.card-header[data-v-8eb7ec84]{padding:14px 16px}}@media (min-width:1440px){.main-content[data-v-8eb7ec84]{max-width:1400px;margin-left:auto;margin-right:auto}}[data-v-8eb7ec84] .el-card__header{padding:0;border-bottom:none;background:linear-gradient(135deg,#1890ff,#36cfc9)}[data-v-8eb7ec84] .el-page-header__content{color:#fff;font-size:18px;font-weight:600}[data-v-8eb7ec84] .el-page-header__title{color:#fff}.login-page[data-v-73b6093e]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px}.login-container[data-v-73b6093e]{width:100%;max-width:400px}.login-card[data-v-73b6093e]{background:#fff;border-radius:16px;padding:40px;box-shadow:0 20px 40px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-header[data-v-73b6093e]{text-align:center;margin-bottom:32px}.login-icon[data-v-73b6093e]{font-size:48px;color:#667eea;margin-bottom:16px}.login-title[data-v-73b6093e]{margin:0 0 8px 0;font-size:24px;font-weight:600;color:#2c3e50}.login-subtitle[data-v-73b6093e]{margin:0;color:#7f8c8d;font-size:14px}.login-form[data-v-73b6093e]{width:100%}.login-button[data-v-73b6093e]{width:100%;height:48px;font-size:16px;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;transition:all .3s ease}.login-button[data-v-73b6093e]:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(102,126,234,.3)}[data-v-73b6093e] .el-input__wrapper{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);border:1px solid #e1e8ed;transition:all .3s ease}[data-v-73b6093e] .el-input__wrapper:hover{border-color:#667eea}[data-v-73b6093e] .el-input__wrapper.is-focus{border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.2)}[data-v-73b6093e] .el-form-item{margin-bottom:24px}[data-v-73b6093e] .el-form-item__error{color:#f56565;font-size:12px}@media (max-width:480px){.login-card[data-v-73b6093e]{padding:32px 24px;margin:0 16px}.login-title[data-v-73b6093e]{font-size:20px}.login-icon[data-v-73b6093e]{font-size:40px}}.jcc-tool[data-v-3b881cda]{min-height:100vh;height:100vh;background:radial-gradient(circle at 20% 20%,rgba(102,126,234,.15) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(240,147,251,.15) 0,transparent 50%),radial-gradient(circle at 40% 60%,rgba(79,195,247,.1) 0,transparent 50%),linear-gradient(135deg,#0f0f23,#1a1a2e 30%,#16213e 70%,#0f3460);width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);display:flex;flex-direction:column;overflow:hidden;position:relative}.jcc-tool[data-v-3b881cda]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='20' height='17.32' patternUnits='userSpaceOnUse'%3E%3Cpath d='m10 0 10 5.77v5.78l-10 5.77-10-5.77V5.77Z' fill='none' stroke='rgba(102,126,234,0.05)' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E"),radial-gradient(circle at 25% 25%,rgba(102,126,234,.08) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(240,147,251,.08) 0,transparent 50%);pointer-events:none;z-index:1;animation:backgroundPulse-3b881cda 8s ease-in-out infinite;min-height:100vh}@keyframes backgroundPulse-3b881cda{0%,to{opacity:.7}50%{opacity:1}}.app-header[data-v-3b881cda]{position:fixed;top:0;left:0;right:0;height:64px;background:linear-gradient(135deg,rgba(102,126,234,.95),rgba(118,75,162,.95)),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20'%3E%3Cdefs%3E%3Cpattern id='a' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='2' cy='2' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Cpath d='M2 2h16M2 2v16' stroke='rgba(255,255,255,0.05)' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v20H0z'/%3E%3C/svg%3E");color:#fff;box-shadow:0 4px 20px rgba(0,0,0,.4),0 0 40px rgba(102,126,234,.2);z-index:1000;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid rgba(102,126,234,.3);display:flex;align-items:center;overflow:hidden}.app-header[data-v-3b881cda]:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);animation:headerShine-3b881cda 3s ease-in-out infinite}@keyframes headerShine-3b881cda{0%{left:-100%}to{left:100%}}.header-content[data-v-3b881cda]{width:100%;max-width:1400px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.page-header[data-v-3b881cda]{flex:1;display:flex;align-items:center}.header-actions[data-v-3b881cda]{display:flex;align-items:center;gap:16px}.user-dropdown[data-v-3b881cda]{cursor:pointer;z-index:2000}.user-info-wrapper[data-v-3b881cda]{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;transition:all .3s ease;background:hsla(0,0%,100%,.1)}.user-info-wrapper[data-v-3b881cda]:hover{background:hsla(0,0%,100%,.2)}.user-info[data-v-3b881cda]{color:#fff;font-size:14px;font-weight:500}.dropdown-arrow[data-v-3b881cda]{color:#fff;font-size:12px;transition:transform .3s ease}.main-content[data-v-3b881cda]{flex:1;width:100%;max-width:1400px;margin:0 auto;margin-top:64px;padding:24px 24px 80px;box-sizing:border-box;position:relative;z-index:2;overflow-y:auto;overflow-x:hidden;height:calc(100vh - 64px);scrollbar-width:thin;scrollbar-color:rgba(102,126,234,.6) rgba(26,26,46,.3)}.main-content[data-v-3b881cda]::-webkit-scrollbar{width:8px}.main-content[data-v-3b881cda]::-webkit-scrollbar-track{background:rgba(26,26,46,.3);border-radius:10px}.main-content[data-v-3b881cda]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(102,126,234,.6),rgba(79,195,247,.6));border-radius:10px;border:2px solid rgba(26,26,46,.3)}.main-content[data-v-3b881cda]::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(102,126,234,.8),rgba(79,195,247,.8))}.page-header[data-v-3b881cda]{margin-bottom:40px;text-align:center}.page-title[data-v-3b881cda]{display:flex;align-items:center;justify-content:center;gap:12px;font-size:36px;font-weight:800;margin:0 0 16px 0;background:linear-gradient(135deg,#4fc3f7,#667eea 30%,#f093fb 70%,#4fc3f7);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 20px rgba(102,126,234,.3);animation:titleGradient-3b881cda 4s ease-in-out infinite;position:relative}@keyframes titleGradient-3b881cda{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.page-title .el-icon[data-v-3b881cda]{font-size:40px;background:linear-gradient(135deg,#4fc3f7,#667eea 50%,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:iconPulse-3b881cda 2s ease-in-out infinite}@keyframes iconPulse-3b881cda{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.page-description[data-v-3b881cda]{font-size:16px;color:hsla(0,0%,100%,.7);margin:0;max-width:600px;margin:0 auto}.toolbar[data-v-3b881cda]{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:16px;flex-wrap:wrap;padding:24px;background:linear-gradient(145deg,rgba(26,26,46,.8),rgba(22,33,62,.6)),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cdefs%3E%3Cpattern id='a' width='15' height='15' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='7.5' cy='7.5' r='1' fill='rgba(102,126,234,0.1)'/%3E%3Cpath d='M0 7.5h15M7.5 0v15' stroke='rgba(102,126,234,0.05)' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h60v60H0z'/%3E%3C/svg%3E");border-radius:20px;border:1px solid rgba(102,126,234,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 20px rgba(102,126,234,.1),inset 0 1px 0 hsla(0,0%,100%,.1);position:relative;overflow:hidden}.toolbar[data-v-3b881cda]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.5),transparent)}.search-section[data-v-3b881cda]{flex:1;min-width:300px}.search-input[data-v-3b881cda]{max-width:400px}.action-section[data-v-3b881cda]{display:flex;gap:12px;align-items:center}.order-select[data-v-3b881cda],.sort-select[data-v-3b881cda]{width:120px}.formations-grid[data-v-3b881cda]{min-height:400px;padding:20px 0;overflow:visible;flex:1}.formation-cards[data-v-3b881cda]{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:24px;width:100%;overflow:visible}.formation-card[data-v-3b881cda]{border-radius:20px;transition:all .4s cubic-bezier(.25,.46,.45,.94);border:1px solid rgba(102,126,234,.2);background:linear-gradient(145deg,rgba(26,26,46,.9),rgba(22,33,62,.8));-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);overflow:hidden;position:relative;box-shadow:0 8px 32px rgba(0,0,0,.3);min-height:280px;display:flex;flex-direction:column}.formation-card[data-v-3b881cda]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2 30%,#f093fb 60%,#4fc3f7);border-radius:20px 20px 0 0}.formation-card[data-v-3b881cda]:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 25px 50px rgba(102,126,234,.4);border-color:rgba(102,126,234,.4)}.card-header-new[data-v-3b881cda]{padding:0 0 16px 0;border-bottom:1px solid rgba(102,126,234,.2);margin-bottom:16px}.card-title-section[data-v-3b881cda]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:16px}.card-actions[data-v-3b881cda]{display:flex;gap:8px;flex-shrink:0}.copy-btn[data-v-3b881cda]{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:8px;font-weight:600}.copy-btn[data-v-3b881cda]:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(64,158,255,.3)}.copy-btn.copy-success[data-v-3b881cda]{background:linear-gradient(135deg,#67c23a,#85ce61)!important;border-color:#67c23a!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.delete-btn[data-v-3b881cda],.edit-btn[data-v-3b881cda]{transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:8px;font-weight:600}.edit-btn[data-v-3b881cda]:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(64,158,255,.3)}.delete-btn[data-v-3b881cda]:hover{transform:translateY(-2px);box-shadow:0 8px 16px hsla(0,87%,69%,.3)}.heroes-section[data-v-3b881cda]{margin-top:8px}.formation-name[data-v-3b881cda]{margin:0 0 8px 0;font-size:20px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);background:linear-gradient(135deg,#fff,#4fc3f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-content[data-v-3b881cda]{padding-top:16px;color:hsla(0,0%,100%,.9);flex:1;display:flex;flex-direction:column;gap:16px}.formation-code[data-v-3b881cda]{margin-bottom:0}.field-label[data-v-3b881cda]{display:flex;align-items:center;gap:6px;margin-bottom:8px;color:#667eea;font-size:14px;font-weight:500}.code-container[data-v-3b881cda]{background:rgba(0,0,0,.4);border-radius:12px;padding:16px;border:1px solid rgba(102,126,234,.2);position:relative;overflow:hidden}.code-container[data-v-3b881cda]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.5),transparent)}.code-text[data-v-3b881cda]{background:transparent;padding:0;border-radius:0;font-family:Courier New,monospace;font-size:12px;color:#4fc3f7;word-break:break-all;line-height:1.4;display:block}.formation-description[data-v-3b881cda],.formation-notes[data-v-3b881cda]{margin-bottom:0}.formation-description p[data-v-3b881cda],.formation-notes p[data-v-3b881cda]{margin:4px 0 0 0;color:#666;line-height:1.5}.notes-text[data-v-3b881cda]{white-space:pre-wrap}.formation-stats[data-v-3b881cda]{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.6);font-size:14px;margin-top:auto}.stat-item[data-v-3b881cda]{display:flex;align-items:center;gap:4px}[data-v-3b881cda] .fullscreen-dialog .el-dialog{border-radius:16px;background:radial-gradient(circle at 20% 20%,rgba(102,126,234,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(240,147,251,.1) 0,transparent 50%),radial-gradient(circle at 40% 60%,rgba(79,195,247,.08) 0,transparent 50%),linear-gradient(135deg,#0f0f23,#1a1a2e 30%,#16213e 70%,#0f3460);border:1px solid rgba(102,126,234,.3);box-shadow:0 20px 40px rgba(0,0,0,.5),0 0 20px rgba(102,126,234,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);overflow:visible;position:relative;margin:0;height:auto;max-height:95vh}[data-v-3b881cda] .fullscreen-dialog .el-dialog__body{height:auto;overflow:visible;padding:16px 24px;max-height:none}[data-v-3b881cda] .fullscreen-dialog .el-dialog__header{padding:20px 24px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;color:#fff;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.2)}[data-v-3b881cda] .fullscreen-dialog .el-dialog__header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);pointer-events:none}[data-v-3b881cda] .fullscreen-dialog .el-dialog__title{color:#fff;font-size:20px;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.3)}[data-v-3b881cda] .fullscreen-dialog .el-dialog__footer{padding:16px 24px 20px;background:rgba(15,15,35,.8);border-radius:0 0 16px 16px;border-top:1px solid rgba(102,126,234,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dialog-header[data-v-3b881cda]{margin-bottom:16px}.dialog-subtitle[data-v-3b881cda]{color:hsla(0,0%,100%,.8);font-size:14px;margin-top:8px}.formation-form[data-v-3b881cda]{color:#fff}.form-section[data-v-3b881cda]{margin-bottom:16px;background:rgba(26,26,46,.3);border-radius:12px;padding:16px;border:1px solid rgba(102,126,234,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.section-title[data-v-3b881cda]{gap:6px;margin-bottom:8px;color:#667eea;font-weight:600;font-size:14px}.section-title .el-icon[data-v-3b881cda]{font-size:16px}[data-v-3b881cda] .formation-form .el-form-item__label{color:hsla(0,0%,100%,.9);font-weight:500}[data-v-3b881cda] .formation-form .el-input__wrapper{background:#fff;border:1px solid #dcdfe6;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.1)}[data-v-3b881cda] .formation-form .el-input__wrapper:hover{border-color:#c0c4cc}[data-v-3b881cda] .formation-form .el-input__wrapper.is-focus{border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,.2)}[data-v-3b881cda] .formation-form .el-input__inner{color:#303133}[data-v-3b881cda] .formation-form .el-textarea__inner{background:#fff;border:1px solid #dcdfe6;border-radius:6px;color:#303133;box-shadow:0 1px 3px rgba(0,0,0,.1)}[data-v-3b881cda] .formation-form .el-textarea__inner:hover{border-color:#c0c4cc}[data-v-3b881cda] .formation-form .el-textarea__inner:focus{border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,.2)}.code-input[data-v-3b881cda] .el-textarea__inner{font-size:12px;line-height:1.4}.notes-textarea[data-v-3b881cda] .el-textarea__inner{min-height:200px;font-size:14px;line-height:1.6}.dialog-footer[data-v-3b881cda]{display:flex;justify-content:flex-end;gap:16px}.cancel-btn[data-v-3b881cda]{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.8);padding:12px 24px;font-weight:500;transition:all .3s ease}.cancel-btn[data-v-3b881cda]:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3);transform:translateY(-1px)}.submit-btn[data-v-3b881cda]{background:linear-gradient(135deg,#667eea,#764ba2);padding:12px 32px;font-weight:600;position:relative;overflow:hidden;transition:all .3s ease}.submit-btn[data-v-3b881cda]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.submit-btn[data-v-3b881cda]:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(102,126,234,.4)}.submit-btn[data-v-3b881cda]:hover:before{left:100%}[data-v-3b881cda] .el-page-header{display:flex;align-items:center;height:100%;width:100%;padding-top:35px}[data-v-3b881cda] .el-page-header__header{margin:0;padding:0;height:100%;display:flex;align-items:center}[data-v-3b881cda] .el-page-header__left{display:flex;align-items:center;gap:8px;height:100%;padding:0}[data-v-3b881cda] .el-page-header__content{color:#fff;font-size:18px;font-weight:600;display:flex;align-items:center;height:100%;padding:0;margin:0}[data-v-3b881cda] .el-page-header__title{color:#fff;font-size:16px;display:flex;align-items:center;height:100%;padding:0;margin:0}.heroes-container[data-v-3b881cda]{margin-top:8px}.hero-group[data-v-3b881cda]{display:flex;flex-direction:column;margin:4px 0;padding:8px 12px;background:linear-gradient(145deg,rgba(102,126,234,.1),rgba(79,195,247,.08));border-radius:12px;border:1px solid rgba(102,126,234,.2);box-shadow:0 2px 8px rgba(102,126,234,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;overflow:hidden;transition:all .3s ease}.hero-group[data-v-3b881cda]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#4fc3f7,#667eea 50%,#f093fb);border-radius:16px 16px 0 0}.hero-group[data-v-3b881cda]:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(102,126,234,.3);border-color:rgba(102,126,234,.5)}.hero-name[data-v-3b881cda]{color:#4fc3f7;font-weight:700;font-size:16px;margin-bottom:8px;display:flex;align-items:center;gap:6px;text-shadow:0 2px 4px rgba(79,195,247,.3)}.hero-name[data-v-3b881cda]:before{content:"⚔️";font-size:14px}.fruits-list[data-v-3b881cda]{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.fruits-list .fruit-tag[data-v-3b881cda]{margin:0;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;font-weight:500;font-size:12px;padding:4px 10px;border-radius:12px;box-shadow:0 2px 8px rgba(240,147,251,.3);transition:all .3s ease;position:relative;overflow:hidden}.fruits-list .fruit-tag[data-v-3b881cda]:hover{transform:translateY(-1px) scale(1.05);box-shadow:0 4px 12px rgba(240,147,251,.4)}.heroes-config[data-v-3b881cda]{width:100%}.hero-config-item[data-v-3b881cda]{margin-bottom:12px;padding:12px;background:rgba(102,126,234,.05);border-radius:8px;border:1px solid rgba(102,126,234,.1)}.hero-input-row[data-v-3b881cda]{display:flex;gap:12px;margin-bottom:12px;align-items:center}.hero-name-input[data-v-3b881cda]{flex:1}.remove-hero-btn[data-v-3b881cda]{flex-shrink:0;width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center}.fruits-input-section[data-v-3b881cda]{margin-left:12px}.fruit-input-row[data-v-3b881cda]{display:flex;gap:8px;margin-bottom:8px;align-items:center}.fruit-input[data-v-3b881cda]{flex:1}.remove-fruit-btn[data-v-3b881cda]{flex-shrink:0;width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center}.add-fruit-btn[data-v-3b881cda]{margin-bottom:8px;background:linear-gradient(135deg,#6d7bff,#8f63d4);border:none;padding:6px 12px;font-weight:600;border-radius:8px;color:#fff;transition:all .3s ease;position:relative;overflow:hidden}.add-fruit-btn[data-v-3b881cda]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.add-fruit-btn[data-v-3b881cda]:hover{transform:translateY(-1px);filter:brightness(1.05)}.add-fruit-btn[data-v-3b881cda]:hover:before{left:100%}.add-hero-btn[data-v-3b881cda]{width:auto;min-width:120px;margin-top:16px;background:linear-gradient(135deg,#6d7bff,#8f63d4);border:none;font-weight:600;border-radius:8px;padding:8px 16px;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s ease;color:#fff;position:relative;overflow:hidden}.add-hero-btn[data-v-3b881cda]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.add-hero-btn[data-v-3b881cda]:hover{transform:translateY(-1px);filter:brightness(1.05)}.add-hero-btn[data-v-3b881cda]:hover:before{left:100%}[data-v-3b881cda]::deep(.portrait-dialog .el-dialog){border-radius:18px;background:linear-gradient(135deg,rgba(102,126,234,.95),rgba(118,75,162,.95)),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20'%3E%3Cdefs%3E%3Cpattern id='a' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='2' cy='2' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Cpath d='M2 2h16M2 2v16' stroke='rgba(255,255,255,0.05)' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v20H0z'/%3E%3C/svg%3E");border:1px solid rgba(102,126,234,.3);box-shadow:0 24px 64px rgba(0,0,0,.55),0 4px 20px rgba(0,0,0,.4),0 0 40px rgba(102,126,234,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);overflow:visible;position:relative;margin:0;height:auto;max-height:92vh}[data-v-3b881cda]::deep(.portrait-dialog .el-dialog__header){padding:18px 20px 12px;background:linear-gradient(135deg,rgba(102,126,234,.25),rgba(118,75,162,.25));border-radius:18px 18px 0 0;color:#eef2ff}[data-v-3b881cda]::deep(.portrait-dialog .el-dialog__title){color:#eef2ff;font-size:18px;font-weight:700;letter-spacing:.2px}[data-v-3b881cda]::deep(.portrait-dialog .el-dialog__body){padding:14px 18px 8px}[data-v-3b881cda]::deep(.portrait-dialog .el-dialog__footer){padding:12px 18px 16px;background:rgba(10,14,33,.7);border-top:1px solid rgba(102,126,234,.12);border-radius:0 0 18px 18px}.dialog-header[data-v-3b881cda]{margin-bottom:8px}.dialog-subtitle[data-v-3b881cda]{color:rgba(239,241,255,.85);font-size:15px;line-height:1.6;margin-top:6px}.formation-form[data-v-3b881cda]{color:#e8ecff;font-size:15px}.form-section[data-v-3b881cda]{margin-bottom:14px;background:transparent;border-radius:0;padding:12px;border:none}.section-title[data-v-3b881cda]{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:#4fc3f7;font-weight:700;font-size:15px}[data-v-3b881cda]::deep(.formation-form .el-form-item__label){color:rgba(232,236,255,.95);font-weight:600;font-size:14px}[data-v-3b881cda]::deep(.formation-form .el-input__wrapper){background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:none}[data-v-3b881cda]::deep(.formation-form .el-input__wrapper:hover){border-color:#e5e7eb}[data-v-3b881cda]::deep(.formation-form .el-input__wrapper.is-focus){border-color:#d1d5db;box-shadow:none}[data-v-3b881cda]::deep(.formation-form .el-input__inner){color:#111827}[data-v-3b881cda]::deep(.formation-form .el-textarea__inner){background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#111827;box-shadow:none}[data-v-3b881cda]::deep(.formation-form .el-textarea__inner:hover){border-color:#e5e7eb}[data-v-3b881cda]::deep(.formation-form .el-textarea__inner:focus){border-color:#d1d5db;box-shadow:none}.code-input[data-v-3b881cda] .el-textarea__inner{font-family:Courier New,monospace;font-size:13px;line-height:1.5}.notes-textarea[data-v-3b881cda] .el-textarea__inner{min-height:220px;font-size:15px;line-height:1.7}.dialog-footer[data-v-3b881cda]{gap:12px}.cancel-btn[data-v-3b881cda]{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);color:rgba(239,241,255,.9);padding:10px 18px;font-weight:600;border-radius:10px}.cancel-btn[data-v-3b881cda]:hover{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.18);color:#fff}.submit-btn[data-v-3b881cda]{background:linear-gradient(135deg,#6d7bff,#8f63d4);border:none;padding:10px 22px;font-weight:700;border-radius:10px;color:#fff}.submit-btn[data-v-3b881cda]:before{display:none}.submit-btn[data-v-3b881cda]:hover{filter:brightness(1.05)}.fruit-icon[data-v-3b881cda]{width:16px;height:16px;margin-right:6px;vertical-align:middle}.fruit-icon[data-v-3b881cda],.input-fruit-icon[data-v-3b881cda]{border-radius:50%;-o-object-fit:cover;object-fit:cover;filter:brightness(1.1) contrast(1.1) saturate(1.2);box-shadow:0 2px 4px rgba(0,0,0,.2)}.input-fruit-icon[data-v-3b881cda]{width:20px;height:20px}.button-fruit-icon[data-v-3b881cda]{width:14px;height:14px;margin-right:4px;border-radius:50%;-o-object-fit:cover;object-fit:cover;filter:brightness(1.2) contrast(1.2) saturate(1.3);box-shadow:0 1px 3px rgba(0,0,0,.3);vertical-align:middle}.fruit-tag[data-v-3b881cda]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;font-weight:500;box-shadow:0 2px 8px rgba(240,147,251,.3);display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;position:relative;overflow:hidden}.fruit-tag[data-v-3b881cda]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent)}.fruit-tag[data-v-3b881cda]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(240,147,251,.4)}@media (max-width:768px){.header-content[data-v-3b881cda]{padding:0 16px}.main-content[data-v-3b881cda]{padding:88px 16px 80px;overflow-y:auto;-webkit-overflow-scrolling:touch}.toolbar[data-v-3b881cda]{flex-direction:column;align-items:stretch;gap:12px}.search-section[data-v-3b881cda]{min-width:auto}.action-section[data-v-3b881cda]{justify-content:space-between}.formation-cards[data-v-3b881cda]{grid-template-columns:1fr;gap:16px;width:100%;overflow:visible}.card-header[data-v-3b881cda]{flex-direction:column;align-items:stretch;gap:12px}.header-actions[data-v-3b881cda]{justify-content:flex-end}.formation-stats[data-v-3b881cda]{flex-direction:column;align-items:flex-start;gap:8px}}