@keyframes fadeIn-102629c2{0%{opacity:0}to{opacity:1}}@keyframes slideDown-102629c2{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn-102629c2{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideUp-102629c2{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.navigation-portal[data-v-102629c2]{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;flex-direction:column;color:#fff;position:relative;animation:fadeIn-102629c2 .5s ease-out}.portal-header[data-v-102629c2]{padding:35px 20px 20px;text-align:center;animation:slideDown-102629c2 .6s ease-out .1s backwards}.header-brand[data-v-102629c2]{display:flex;align-items:center;justify-content:center;gap:20px;max-width:800px;margin:0 auto}.company-logo[data-v-102629c2]{height:50px;width:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));transition:transform .3s ease}.company-logo[data-v-102629c2]:hover{transform:scale(1.05)}.brand-text[data-v-102629c2]{text-align:center}.main-title[data-v-102629c2]{font-size:30px;font-weight:700;margin:0 0 6px;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:1px}.sub-title[data-v-102629c2]{font-size:15px;opacity:.9;margin:0;font-weight:300;letter-spacing:.5px}.portal-main[data-v-102629c2]{flex:1;padding:15px 20px 30px;display:flex;align-items:center;justify-content:center}.usage-tip-banner[data-v-102629c2]{margin-top:20px;margin-bottom:0;display:flex;justify-content:center}.tip-content[data-v-102629c2]{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 20px;color:#ffffffe6;font-size:14px;font-weight:400;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;max-width:600px}.tip-content[data-v-102629c2]:hover{background:rgba(255,255,255,.2);transform:translateY(-1px);box-shadow:0 6px 16px #00000026}.tip-icon[data-v-102629c2]{width:16px;height:16px;opacity:.8;flex-shrink:0}.tip-text[data-v-102629c2]{line-height:1.4;opacity:.9}.portal-container[data-v-102629c2]{width:100%;max-width:1400px;margin:0 auto}.system-section[data-v-102629c2]{margin-bottom:25px;background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.15);animation:fadeIn-102629c2 .6s ease-out}.power-section[data-v-102629c2]{animation-delay:.1s}.management-section[data-v-102629c2]{animation-delay:.2s}.section-header[data-v-102629c2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid rgba(255,255,255,.2)}.section-title[data-v-102629c2]{display:flex;align-items:center;gap:12px}.section-icon[data-v-102629c2]{width:28px;height:28px;color:#fff;opacity:.95}.section-title h2[data-v-102629c2]{font-size:22px;font-weight:600;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.section-badge[data-v-102629c2]{background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:6px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.2)}.badge-text[data-v-102629c2]{font-size:13px;color:#fff;font-weight:500;opacity:.9}.section-grid[data-v-102629c2]{display:grid;gap:18px}.power-grid[data-v-102629c2]{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.management-grid[data-v-102629c2]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.nav-card[data-v-102629c2]{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;padding:24px;width:100%;max-width:380px;color:#333;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000001a;animation:popIn-102629c2 .5s ease-out backwards;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.nav-card[data-v-102629c2]:nth-child(1){animation-delay:.2s}.nav-card[data-v-102629c2]:nth-child(2){animation-delay:.3s}.nav-card[data-v-102629c2]:nth-child(3){animation-delay:.4s}.nav-card[data-v-102629c2]:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0003;background:rgba(255,255,255,1)}.nav-card[data-v-102629c2]:focus{outline:none;box-shadow:0 0 0 3px #ffffff80}.nav-card[data-v-102629c2]:active{transform:translateY(-4px) scale(.98)}.card-icon[data-v-102629c2]{width:56px;height:56px;margin:0 auto 16px;padding:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.mail-system .card-icon[data-v-102629c2]{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a52 100%);color:#fff}.contacts-system .card-icon[data-v-102629c2]{background:linear-gradient(135deg,#4ecdc4 0%,#44a08d 100%);color:#fff}.defect-system .card-icon[data-v-102629c2]{background:linear-gradient(135deg,#9c88ff 0%,#7c3aed 100%);color:#fff}.card-icon svg[data-v-102629c2]{width:28px;height:28px}.nav-card:hover .card-icon[data-v-102629c2]{transform:scale(1.1) rotate(5deg)}.card-content[data-v-102629c2]{text-align:center;margin-bottom:16px}.card-title[data-v-102629c2]{font-size:22px;font-weight:600;margin:0 0 10px;color:#2c3e50}.card-description[data-v-102629c2]{font-size:13px;line-height:1.5;color:#666;margin:0 0 14px}.card-status[data-v-102629c2]{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px}.status-indicator[data-v-102629c2]{width:8px;height:8px;border-radius:50%;animation:pulse-102629c2 2s infinite}.status-indicator.checking[data-v-102629c2]{background-color:#1890ff;animation:pulse-102629c2 1.5s infinite}.status-indicator.healthy[data-v-102629c2],.status-indicator.active[data-v-102629c2]{background-color:#52c41a}.status-indicator.degraded[data-v-102629c2],.status-indicator.warning[data-v-102629c2]{background-color:#faad14}.status-indicator.unhealthy[data-v-102629c2],.status-indicator.error[data-v-102629c2]{background-color:#ff4d4f}.status-indicator.offline[data-v-102629c2]{background-color:#8c8c8c}.status-indicator.developing[data-v-102629c2]{background-color:#faad14}.placeholder-system[data-v-102629c2]{opacity:.7;cursor:not-allowed;background:rgba(255,255,255,.6)}.placeholder-system[data-v-102629c2]:hover{transform:translateY(-4px) scale(1.01);opacity:.85;box-shadow:0 12px 28px #00000026}.placeholder-system .card-icon[data-v-102629c2]{background:linear-gradient(135deg,#bbb 0%,#999 100%);opacity:.8}.placeholder-system .card-title[data-v-102629c2]{color:#666}.placeholder-system .card-description[data-v-102629c2]{color:#999;font-style:italic}.placeholder-system .action-text[data-v-102629c2]{color:#999}.placeholder-system .action-arrow[data-v-102629c2]{color:#bbb}.status-text[data-v-102629c2]{font-size:12px;color:#666;font-weight:500}@keyframes pulse-102629c2{0%{box-shadow:0 0 0 0 currentColor;opacity:1}70%{box-shadow:0 0 0 8px transparent;opacity:0}to{box-shadow:0 0 0 0 transparent;opacity:0}}.card-action[data-v-102629c2]{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid #f0f0f0;transition:all .3s ease}.action-text[data-v-102629c2]{font-size:14px;font-weight:500;color:#666}.action-arrow[data-v-102629c2]{width:20px;height:20px;color:#999;transition:all .3s ease}.nav-card:hover .card-action[data-v-102629c2]{border-top-color:#e0e0e0}.nav-card:hover .action-text[data-v-102629c2]{color:#333}.nav-card:hover .action-arrow[data-v-102629c2]{color:#666;transform:translate(4px)}.footer-content[data-v-102629c2]{display:flex;flex-direction:column;align-items:center;gap:6px}.footer-stats[data-v-102629c2]{margin-top:4px;opacity:.8;transition:opacity .3s ease}.footer-stats[data-v-102629c2]:hover{opacity:1}.stats-loading[data-v-102629c2]{display:flex;justify-content:center;align-items:center}.loading-skeleton[data-v-102629c2]{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px}.skeleton-line[data-v-102629c2]{background:linear-gradient(90deg,rgba(255,255,255,.1) 25%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 75%);background-size:200% 100%;animation:skeleton-loading-102629c2 1.5s infinite;border-radius:4px}.skeleton-main[data-v-102629c2]{width:200px;height:16px}.skeleton-icon[data-v-102629c2]{width:12px;height:12px;background:linear-gradient(90deg,rgba(255,255,255,.1) 25%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 75%);background-size:200% 100%;animation:skeleton-loading-102629c2 1.5s infinite;border-radius:2px}@keyframes skeleton-loading-102629c2{0%{background-position:200% 0}to{background-position:-200% 0}}.stats-content[data-v-102629c2]{opacity:0;transform:translateY(5px);transition:all .4s ease}.stats-content.fade-in[data-v-102629c2]{opacity:1;transform:translateY(0)}.stats-summary[data-v-102629c2]{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .3s ease}.stats-summary[data-v-102629c2]:hover{background:rgba(255,255,255,.1)}.stats-text[data-v-102629c2]{color:#fff;font-size:12px;font-weight:400;opacity:.9}.expand-icon[data-v-102629c2]{color:#fff;font-size:10px;opacity:.7;transition:transform .3s ease}.stats-summary:hover .expand-icon[data-v-102629c2]{opacity:1}.stats-detail[data-v-102629c2]{display:flex;justify-content:center;gap:12px;margin-top:6px;padding:4px 8px;background:rgba(255,255,255,.05);border-radius:4px;animation:fadeIn-102629c2 .3s ease}.detail-item[data-v-102629c2]{color:#fff;font-size:11px;opacity:.8;white-space:nowrap}@keyframes fadeIn-102629c2{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.portal-footer[data-v-102629c2]{padding:12px 20px;text-align:center;border-top:1px solid rgba(255,255,255,.1);margin-top:auto;animation:slideUp-102629c2 .5s ease-out .2s backwards}.footer-text[data-v-102629c2]{font-size:13px;opacity:.8;margin:0}@media (max-width: 768px){.header-brand[data-v-102629c2]{flex-direction:column;gap:15px}.brand-text[data-v-102629c2]{text-align:center}.main-title[data-v-102629c2]{font-size:28px}.sub-title[data-v-102629c2]{font-size:14px}.system-section[data-v-102629c2]{padding:20px;margin-bottom:30px}.section-header[data-v-102629c2]{flex-direction:column;align-items:flex-start;gap:10px}.section-badge[data-v-102629c2]{align-self:flex-start}.section-grid[data-v-102629c2]{gap:20px}.power-grid[data-v-102629c2],.management-grid[data-v-102629c2]{grid-template-columns:1fr}.nav-card[data-v-102629c2]{max-width:100%}.placeholder-system[data-v-102629c2],.section-badge[data-v-102629c2]{display:none}.portal-main[data-v-102629c2]{padding:20px 15px 30px}.usage-tip-banner[data-v-102629c2]{margin-top:25px;margin-bottom:0}.tip-content[data-v-102629c2]{margin:0 15px;padding:10px 16px;font-size:13px}.tip-icon[data-v-102629c2]{width:14px;height:14px}.footer-content[data-v-102629c2]{gap:6px}.stats-text[data-v-102629c2]{font-size:11px;text-align:center}.stats-detail[data-v-102629c2]{flex-direction:column;gap:4px;text-align:center}.detail-item[data-v-102629c2]{font-size:10px}.skeleton-main[data-v-102629c2]{width:150px;height:14px}.skeleton-icon[data-v-102629c2]{width:10px;height:10px}}@media (max-width: 480px){.portal-header[data-v-102629c2]{padding:25px 15px 15px}.system-section[data-v-102629c2]{padding:15px;margin-bottom:20px}.section-title h2[data-v-102629c2]{font-size:18px}.section-icon[data-v-102629c2]{width:22px;height:22px}.badge-text[data-v-102629c2]{font-size:11px}.usage-tip-banner[data-v-102629c2]{margin-top:20px;margin-bottom:0}.tip-content[data-v-102629c2]{margin:0 10px;padding:8px 14px;font-size:12px;border-radius:10px}.tip-icon[data-v-102629c2]{width:12px;height:12px}.company-logo[data-v-102629c2]{height:45px}.main-title[data-v-102629c2]{font-size:24px}.sub-title[data-v-102629c2]{font-size:13px}.nav-card[data-v-102629c2]{padding:24px 20px}.card-title[data-v-102629c2]{font-size:20px}.card-description[data-v-102629c2]{font-size:13px}.stats-text[data-v-102629c2]{font-size:10px;line-height:1.4}.expand-icon[data-v-102629c2]{font-size:8px}.detail-item[data-v-102629c2]{font-size:9px;padding:2px 0}.skeleton-main[data-v-102629c2]{width:120px;height:12px}.skeleton-icon[data-v-102629c2]{width:8px;height:8px}.footer-text[data-v-102629c2]{font-size:12px;line-height:1.4}}@media (min-width: 1400px){.power-grid[data-v-102629c2],.management-grid[data-v-102629c2]{grid-template-columns:repeat(3,1fr)}}@media (prefers-contrast: high){.nav-card[data-v-102629c2]{border:2px solid #333}.card-title[data-v-102629c2]{color:#000}.card-description[data-v-102629c2]{color:#333}}@media (prefers-reduced-motion: reduce){[data-v-102629c2]{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.navigation-portal[data-v-102629c2]{background:white;color:#000}.nav-card[data-v-102629c2]{background:white;border:1px solid #ccc;break-inside:avoid}.portal-footer[data-v-102629c2]{border-top:1px solid #ccc}}