.card[data-v-d27de221]{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:30px;box-shadow:var(--glass-shadow),inset 0 1px #fff3,0 4px 6px -1px #0000001a;border:1px solid var(--glass-border);transition:all .5s cubic-bezier(.23,1,.32,1);opacity:0;transform:translateY(30px) scale(.95);cursor:pointer;position:relative;overflow:hidden;perspective:1000px}.card[data-v-d27de221]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);z-index:2}.card.visible[data-v-d27de221]{opacity:1;transform:translateY(0) scale(1);animation:cardAppear-d27de221 .6s cubic-bezier(.23,1,.32,1)}.card.hover[data-v-d27de221]{transform:translateY(-10px) scale(1.02);box-shadow:0 25px 50px #00000026,inset 0 1px #ffffff4d,0 0 0 1px #ffffff1a}.card.loading-latency[data-v-d27de221]:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:loadingShine-d27de221 1.5s infinite}@keyframes loadingShine-d27de221{0%{left:-100%}to{left:200%}}@keyframes cardAppear-d27de221{0%{opacity:0;transform:translateY(30px) scale(.95) rotateX(10deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}.card-content[data-v-d27de221]{position:relative;z-index:3;transform-style:preserve-3d;transition:transform .3s ease}.card.hover .card-content[data-v-d27de221]{transform:translateZ(20px)}.card-icon-wrapper[data-v-d27de221]{position:relative;display:inline-block;margin-bottom:20px}.card-icon[data-v-d27de221]{font-size:2.8rem;color:var(--accent-color);display:inline-block;transition:all .4s cubic-bezier(.23,1,.32,1);filter:drop-shadow(0 4px 8px rgba(0,122,255,.3));position:relative;z-index:2}.icon-glow[data-v-d27de221]{position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,var(--accent-color) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:all .4s ease;opacity:0}.card.hover .card-icon[data-v-d27de221]{transform:scale(1.15) translateZ(30px);filter:drop-shadow(0 8px 16px rgba(0,122,255,.4))}.card.hover .icon-glow[data-v-d27de221]{width:80px;height:80px;opacity:.1}.card-header[data-v-d27de221]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:15px}.card-title[data-v-d27de221]{font-size:1.5rem;font-weight:700;color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease;line-height:1.3;flex:1}.card.hover .card-title[data-v-d27de221]{background:linear-gradient(135deg,var(--accent-color) 0%,#5856D6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.latency-indicator[data-v-d27de221]{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:600;transition:all .3s ease;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid}.latency-indicator.checking[data-v-d27de221]{background:#ffc1071a;color:#ffc107;border-color:#ffc1074d}.latency-indicator.offline[data-v-d27de221]{background:#f443361a;color:#f44336;border-color:#f443364d}.latency-indicator.excellent[data-v-d27de221]{background:#4caf501a;color:#4caf50;border-color:#4caf504d}.latency-indicator.good[data-v-d27de221]{background:#2196f31a;color:#2196f3;border-color:#2196f34d}.latency-indicator.medium[data-v-d27de221]{background:#ff98001a;color:#ff9800;border-color:#ff98004d}.latency-indicator.slow[data-v-d27de221]{background:#f443361a;color:#f44336;border-color:#f443364d}.latency-icon[data-v-d27de221]{font-size:.7rem}@keyframes spin-d27de221{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.latency-indicator.checking .latency-icon[data-v-d27de221]{animation:spin-d27de221 1s linear infinite}.card-description[data-v-d27de221]{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:20px;transition:all .3s ease}.card.hover .card-description[data-v-d27de221]{color:var(--text-primary);transform:translateZ(10px)}.card-tags[data-v-d27de221]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.tag[data-v-d27de221]{background:#007aff1a;color:var(--accent-color);padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500;border:1px solid rgba(0,122,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.card.hover .tag[data-v-d27de221]{background:#007aff33;transform:translateZ(5px)}.card-url[data-v-d27de221]{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.85rem;padding:8px 12px;background:#0000000d;border-radius:12px;border:1px solid rgba(0,0,0,.1);transition:all .3s ease}[data-theme=dark] .card-url[data-v-d27de221]{background:#ffffff0d;border-color:#ffffff1a}.card.hover .card-url[data-v-d27de221]{background:#007aff1a;color:var(--accent-color);transform:translateZ(5px)}.card-url .iconfont[data-v-d27de221]{font-size:.8rem}.url-text[data-v-d27de221]{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem}.card-link[data-v-d27de221]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4}.card-hover-effect[data-v-d27de221]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:24px;transition:transform .1s ease-out;pointer-events:none;z-index:1}.card-shine[data-v-d27de221]{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease;transform:skew(-15deg);pointer-events:none;z-index:2}.card-shine.active[data-v-d27de221]{left:150%}.card-border-glow[data-v-d27de221]{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:26px;background:linear-gradient(135deg,var(--accent-color),transparent,var(--accent-color));opacity:0;transition:opacity .3s ease;z-index:0}.card.hover .card-border-glow[data-v-d27de221]{opacity:.3;animation:glow-d27de221 2s ease-in-out infinite}@keyframes glow-d27de221{0%,to{opacity:.3}50%{opacity:.6}}@media (max-width: 768px){.card[data-v-d27de221]{padding:25px 20px}.card-icon[data-v-d27de221]{font-size:2.5rem}.card-title[data-v-d27de221]{font-size:1.3rem}.card-header[data-v-d27de221]{flex-direction:column;align-items:flex-start;gap:10px}.latency-indicator[data-v-d27de221]{align-self:flex-start}}.search-container[data-v-dae853f5]{display:flex;justify-content:center;margin-bottom:40px}.search-bar[data-v-dae853f5]{position:relative;display:flex;align-items:center;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:50px;padding:15px 25px;width:100%;max-width:500px;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),inset 0 1px #ffffff1a;transition:all .4s cubic-bezier(.23,1,.32,1)}.search-bar.focused[data-v-dae853f5]{background:#ffffff40;transform:translateY(-2px);box-shadow:0 15px 40px #00000026,inset 0 1px #fff3,0 0 0 2px #007aff1a}.search-bar .icon-search[data-v-dae853f5]{color:var(--text-secondary);font-size:1.3rem;margin-right:15px;transition:all .3s ease}.search-bar.focused .icon-search[data-v-dae853f5]{color:var(--accent-color);transform:scale(1.1)}.search-input[data-v-dae853f5]{flex:1;border:none;outline:none;background:transparent;font-size:1.1rem;font-family:Inter,sans-serif;color:var(--text-primary);font-weight:500}.search-input[data-v-dae853f5]::placeholder{color:var(--text-secondary);font-weight:400}.clear-btn[data-v-dae853f5]{background:#0000001a;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.clear-btn[data-v-dae853f5]:hover{background:#00000026;color:var(--text-primary);transform:scale(1.1)}[data-theme=dark] .clear-btn[data-v-dae853f5]{background:#ffffff1a}[data-theme=dark] .clear-btn[data-v-dae853f5]:hover{background:#ffffff26}@media (max-width: 768px){.search-bar[data-v-dae853f5]{padding:12px 20px;max-width:100%}.search-input[data-v-dae853f5]{font-size:1rem}}.theme-toggle[data-v-61b5ff99]{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:50px;padding:10px 20px;cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex;align-items:center;gap:12px;color:var(--text-primary);box-shadow:var(--glass-shadow);position:relative}.theme-toggle[data-v-61b5ff99]:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.theme-toggle:hover .theme-info[data-v-61b5ff99]{opacity:1;visibility:visible;transform:translateY(0)}.toggle-track[data-v-61b5ff99]{position:relative;width:50px;height:26px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;transition:all .3s ease;box-shadow:inset 0 2px 4px #0000001a}.theme-toggle.auto .toggle-track[data-v-61b5ff99]{background:linear-gradient(135deg,#4caf50,#45a049)}.toggle-thumb[data-v-61b5ff99]{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0003}.theme-toggle.dark .toggle-thumb[data-v-61b5ff99]{transform:translate(24px)}.toggle-thumb .iconfont[data-v-61b5ff99]{font-size:.7rem;transition:all .3s ease}.theme-toggle:not(.auto) .toggle-thumb .iconfont[data-v-61b5ff99]{color:#ffa726}.theme-toggle.dark:not(.auto) .toggle-thumb .iconfont[data-v-61b5ff99]{color:#64b5f6}.theme-toggle.auto .toggle-thumb .iconfont[data-v-61b5ff99]{color:#4caf50}.theme-toggle.dark.auto .toggle-thumb .iconfont[data-v-61b5ff99]{color:#bb86fc}.toggle-label[data-v-61b5ff99]{font-size:.9rem;font-weight:500;white-space:nowrap}.theme-info[data-v-61b5ff99]{position:absolute;top:100%;right:0;margin-top:10px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;padding:15px;box-shadow:var(--glass-shadow);min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000}.info-item[data-v-61b5ff99]{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-secondary);margin-bottom:8px}.info-item[data-v-61b5ff99]:last-child{margin-bottom:0}.info-item .iconfont[data-v-61b5ff99]{font-size:.7rem;width:12px}@media (max-width: 768px){.theme-toggle[data-v-61b5ff99]{padding:8px 16px}.toggle-label[data-v-61b5ff99]{display:none}.theme-info[data-v-61b5ff99]{right:-50px;min-width:180px}}.weather-widget[data-v-95860cd8]{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:25px;margin-bottom:30px;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),inset 0 1px #ffffff1a;transition:all .4s cubic-bezier(.23,1,.32,1);cursor:pointer;position:relative;overflow:hidden}.weather-widget[data-v-95860cd8]:hover{transform:translateY(-3px);box-shadow:0 20px 50px #00000026,inset 0 1px #fff3}.weather-widget.loading[data-v-95860cd8]{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);min-height:120px}.weather-content[data-v-95860cd8]{display:flex;align-items:center;justify-content:space-between;gap:20px}.weather-main[data-v-95860cd8]{display:flex;align-items:center;gap:15px}.weather-icon-wrapper[data-v-95860cd8]{position:relative;display:flex;align-items:center;justify-content:center}.weather-icon[data-v-95860cd8]{font-size:3rem;color:#ffa726;filter:drop-shadow(0 4px 8px rgba(255,167,38,.3));position:relative;z-index:2}.weather-glow[data-v-95860cd8]{position:absolute;width:60px;height:60px;background:radial-gradient(circle,rgba(255,167,38,.2) 0%,transparent 70%);border-radius:50%;animation:pulse-95860cd8 2s ease-in-out infinite}.weather-temp[data-v-95860cd8]{font-size:2.5rem;font-weight:700;color:var(--text-primary);line-height:1}.weather-info[data-v-95860cd8]{flex:1;text-align:right}.weather-city[data-v-95860cd8]{font-weight:600;color:var(--text-primary);margin-bottom:5px;display:flex;align-items:center;justify-content:flex-end;gap:5px;font-size:1.1rem}.weather-city .iconfont[data-v-95860cd8]{font-size:.9rem;color:var(--accent-color)}.weather-desc[data-v-95860cd8]{font-size:.95rem;color:var(--text-secondary);margin-bottom:10px;text-transform:capitalize}.weather-details[data-v-95860cd8]{display:flex;gap:15px;justify-content:flex-end}.weather-detail[data-v-95860cd8]{display:flex;align-items:center;gap:4px;font-size:.85rem;color:var(--text-secondary)}.weather-detail .iconfont[data-v-95860cd8]{font-size:.8rem}.weather-update[data-v-95860cd8]{position:absolute;bottom:8px;right:15px;font-size:.7rem;color:var(--text-secondary);opacity:0;transition:opacity .3s ease}.weather-widget:hover .weather-update[data-v-95860cd8]{opacity:1}.weather-loading[data-v-95860cd8]{display:flex;align-items:center;gap:10px;font-size:1rem}@keyframes pulse-95860cd8{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes spin-95860cd8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-loading[data-v-95860cd8]{animation:spin-95860cd8 1s linear infinite;color:var(--accent-color)}@media (max-width: 768px){.weather-content[data-v-95860cd8]{flex-direction:column;text-align:center;gap:15px}.weather-info[data-v-95860cd8]{text-align:center}.weather-details[data-v-95860cd8],.weather-city[data-v-95860cd8]{justify-content:center}.weather-temp[data-v-95860cd8]{font-size:2rem}.weather-icon[data-v-95860cd8]{font-size:2.5rem}}.background-particles[data-v-3c3cefc0]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:hidden}.particle[data-v-3c3cefc0]{position:absolute;border-radius:50%;animation:float-3c3cefc0 20s infinite ease-in-out;filter:blur(1px)}@keyframes float-3c3cefc0{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(20px,-30px) rotate(90deg) scale(1.1)}50%{transform:translate(-15px,20px) rotate(180deg) scale(.9)}75%{transform:translate(10px,15px) rotate(270deg) scale(1.05)}}.sidebar[data-v-cc416e55]{position:fixed;left:0;top:0;height:100vh;width:280px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);transition:all .3s ease;z-index:1000;display:flex;flex-direction:column}.sidebar.collapsed[data-v-cc416e55]{width:70px}.sidebar-toggle[data-v-cc416e55]{position:absolute;top:20px;right:-12px;width:24px;height:24px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .3s ease;z-index:1001}.sidebar-toggle[data-v-cc416e55]:hover{background:#fff3;color:var(--text-primary);transform:scale(1.1)}.sidebar-content[data-v-cc416e55]{flex:1;display:flex;flex-direction:column;padding:2rem 1.5rem;overflow-y:auto}.sidebar-header[data-v-cc416e55]{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--glass-border)}.logo[data-v-cc416e55]{display:flex;align-items:center;gap:.75rem;color:var(--text-primary)}.logo .iconfont[data-v-cc416e55]{font-size:1.8rem;color:var(--accent-color)}.logo-text[data-v-cc416e55]{font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-nav[data-v-cc416e55]{flex:1;display:flex;flex-direction:column;gap:.5rem}.nav-item[data-v-cc416e55]{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:12px;cursor:pointer;transition:all .3s ease;color:var(--text-secondary);position:relative;text-decoration:none}.nav-item[data-v-cc416e55]:hover{background:#ffffff1a;color:var(--text-primary);transform:translate(5px)}.nav-item.active[data-v-cc416e55]{background:var(--accent-color);color:#fff}.nav-icon[data-v-cc416e55]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.nav-text[data-v-cc416e55]{font-weight:500;white-space:nowrap;transition:opacity .3s ease}.sidebar.collapsed .nav-text[data-v-cc416e55]{opacity:0;width:0;overflow:hidden}.nav-badge[data-v-cc416e55]{background:#f443361a;color:#f44336;padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;border:1px solid rgba(244,67,54,.2);margin-left:auto}.nav-item.active .nav-badge[data-v-cc416e55]{background:#fff3;color:#fff;border-color:#ffffff4d}.sidebar-footer[data-v-cc416e55]{margin-top:auto;padding-top:1rem;border-top:1px solid var(--glass-border);display:flex;flex-direction:column;gap:.5rem}.sidebar-content[data-v-cc416e55]::-webkit-scrollbar{width:4px}.sidebar-content[data-v-cc416e55]::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.sidebar-content[data-v-cc416e55]::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.sidebar-content[data-v-cc416e55]::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width: 768px){.sidebar[data-v-cc416e55]{transform:translate(-100%);width:75%;max-width:260px;position:fixed;height:100vh;z-index:2000;transition:transform .3s ease;padding:0}.sidebar[data-v-cc416e55]:not(.collapsed){transform:translate(0)}.sidebar-toggle[data-v-cc416e55]{display:none!important}.sidebar-content[data-v-cc416e55]{padding:1rem}.sidebar-header[data-v-cc416e55]{padding:.5rem 0;margin-bottom:1rem}.logo .iconfont[data-v-cc416e55]{font-size:1.2rem}.logo-text[data-v-cc416e55]{font-size:1rem}.nav-item[data-v-cc416e55]{padding:.75rem;gap:.6rem;border-radius:10px}.nav-icon[data-v-cc416e55]{font-size:1rem;width:18px}.nav-text[data-v-cc416e55]{font-size:.9rem}.nav-badge[data-v-cc416e55]{padding:2px 6px;font-size:.65rem}.sidebar-footer[data-v-cc416e55]{padding-top:.5rem}.mobile-menu-btn[data-v-cc416e55]{display:flex;position:fixed;top:12px;left:12px;z-index:3000;width:40px;height:40px;border-radius:10px;background:var(--glass-bg);border:1px solid var(--glass-border);justify-content:center;align-items:center;font-size:22px;color:var(--text-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.modal-overlay[data-v-5afb6c25]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem;animation:fadeIn-5afb6c25 .3s ease}.modal-container[data-v-5afb6c25]{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 20px 60px #0000004d;animation:slideIn-5afb6c25 .3s ease;max-height:90vh;display:flex;flex-direction:column}.modal-small[data-v-5afb6c25]{width:400px;max-width:90vw}.modal-medium[data-v-5afb6c25]{width:600px;max-width:90vw}.modal-large[data-v-5afb6c25]{width:800px;max-width:90vw}.modal-fullscreen[data-v-5afb6c25]{width:95vw;height:95vh}.modal-header[data-v-5afb6c25]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--glass-border);flex-shrink:0}.modal-title[data-v-5afb6c25]{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin:0}.modal-close[data-v-5afb6c25]{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.modal-close[data-v-5afb6c25]:hover{background:#ffffff1a;color:var(--text-primary)}.modal-content[data-v-5afb6c25]{flex:1;padding:2rem;overflow-y:auto;max-height:calc(90vh - 120px)}.modal-fullscreen .modal-content[data-v-5afb6c25]{max-height:calc(95vh - 120px)}.modal-footer[data-v-5afb6c25]{padding:1.5rem 2rem;border-top:1px solid var(--glass-border);flex-shrink:0;display:flex;justify-content:flex-end;gap:1rem}@keyframes fadeIn-5afb6c25{0%{opacity:0}to{opacity:1}}@keyframes slideIn-5afb6c25{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.modal-overlay[data-v-5afb6c25]{padding:1rem}.modal-header[data-v-5afb6c25],.modal-content[data-v-5afb6c25],.modal-footer[data-v-5afb6c25]{padding:1rem 1.5rem}.modal-small[data-v-5afb6c25],.modal-medium[data-v-5afb6c25],.modal-large[data-v-5afb6c25]{width:95vw}}[data-theme=dark]{--primary-gradient: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);--glass-bg: rgba(15, 15, 35, .6);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--text-primary: #ffffff;--text-secondary: #a1a1aa;--accent-color: #0A84FF}[data-theme=dark] body{background:var(--primary-gradient);color:var(--text-primary)}[data-theme=dark] .card,[data-theme=dark] .capsule{background:var(--glass-bg);border-color:var(--glass-border)}.main-container{transition:margin-left .3s ease}.main-container.with-sidebar{margin-left:280px}.header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.header-left{text-align:left;flex:1}.header-actions{display:flex;align-items:center;gap:15px}.refresh-btn{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:50px;padding:10px 20px;color:var(--text-primary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500;box-shadow:var(--glass-shadow)}.refresh-btn:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.refresh-btn.refreshing{color:var(--accent-color)}.refresh-btn.refreshing .iconfont{animation:spin 1s linear infinite}.stats-bar{display:flex;justify-content:center;gap:30px;margin:25px 0;padding:20px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:5px}.stat-number{font-size:2rem;font-weight:700;color:var(--text-primary)}.stat-online{color:#4caf50}.stat-offline{color:#f44336}.stat-label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.theme-status{display:flex;align-items:center;gap:5px;padding:4px 10px;background:#ffffff1a;border-radius:15px;font-size:.8rem;color:var(--text-secondary);margin-left:10px}.status-text{font-weight:500}.empty-state{grid-column:1 / -1;text-align:center;padding:100px 20px;color:var(--text-secondary);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid var(--glass-border);margin:20px 0}.empty-state .iconfont{font-size:5rem;margin-bottom:30px;opacity:.7;filter:drop-shadow(0 8px 16px rgba(0,0,0,.2))}.empty-state h3{font-size:1.8rem;margin-bottom:15px;color:var(--text-primary);font-weight:700}.empty-state p{font-size:1.1rem;opacity:.8}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.main-container.with-sidebar{margin-left:0}}@media (max-width: 768px){.header-top{flex-direction:column;gap:20px;text-align:center}.header-left{text-align:center}.header-actions{justify-content:center;width:100%}.stats-bar{gap:20px;padding:15px}.stat-number{font-size:1.5rem}.theme-status{margin-left:0;margin-top:5px}h1:after{width:80px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--glass-bg: rgba(255, 255, 255, .25);--glass-border: rgba(255, 255, 255, .18);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .1);--text-primary: #1d1d1f;--text-secondary: #86868b;--accent-color: #007AFF;--success-color: #34C759;--warning-color: #FF9500;--error-color: #FF3B30}[data-theme=dark]{--primary-gradient: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--glass-bg: rgba(30, 30, 46, .4);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--text-primary: #ffffff;--text-secondary: #a1a1aa;--accent-color: #0A84FF}body{background:var(--primary-gradient);min-height:100vh;color:var(--text-primary);font-family:Inter,sans-serif;position:relative;overflow-x:hidden}.background-particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.particle{position:absolute;background:#ffffff1a;border-radius:50%;animation:float 20s infinite linear}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(90deg)}50%{transform:translateY(0) rotate(180deg)}75%{transform:translateY(20px) rotate(270deg)}}#app{min-height:100vh;padding:40px 20px 120px;position:relative}.container{max-width:1200px;margin:0 auto;position:relative}header{text-align:center;margin-bottom:60px;animation:fadeInDown .8s ease-out;position:relative}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;position:relative}h1{font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;letter-spacing:-.5px;position:relative;display:inline-block}h1:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent);border-radius:2px}.subtitle{font-size:1.3rem;color:var(--text-secondary);font-weight:400;margin-bottom:30px;position:relative}.cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;margin-bottom:80px;perspective:1000px}.footer{display:flex;justify-content:center;align-items:center;position:fixed;bottom:0;left:0;width:100%;padding:25px;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.capsule{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:50px;padding:15px 35px;box-shadow:var(--glass-shadow),inset 0 1px #fff3,0 10px 30px #0000001a;border:1px solid var(--glass-border);display:flex;align-items:center;gap:12px;font-size:.95rem;color:var(--text-primary);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;font-weight:500}.capsule:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.capsule:hover{background:#ffffff4d;transform:translateY(-3px) scale(1.02);box-shadow:0 15px 40px #00000026,inset 0 1px #ffffff4d}.capsule:hover:before{left:100%}.capsule .iconfont{font-size:1.3rem;margin:0 6px;transition:transform .3s ease}.capsule:hover .iconfont{transform:scale(1.1)}.icon-nodejs{color:#393;filter:drop-shadow(0 2px 4px rgba(51,153,51,.3))}.icon-vue{color:#4fc08d;filter:drop-shadow(0 2px 4px rgba(79,192,141,.3))}.icon-vite{color:#646cff;filter:drop-shadow(0 2px 4px rgba(100,108,255,.3))}.icon-vscode{color:#0078d7;filter:drop-shadow(0 2px 4px rgba(0,120,215,.3))}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes glow{0%,to{box-shadow:0 0 20px #007aff4d}50%{box-shadow:0 0 30px #007aff99}}@media (max-width: 768px){.cards-container{grid-template-columns:1fr;gap:20px}h1{font-size:2.4rem}.header-top{flex-direction:column;gap:20px}.capsule{flex-wrap:wrap;justify-content:center;border-radius:25px;padding:12px 20px;font-size:.9rem}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1;font-kerning:normal}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}::selection{background:#007aff4d;color:inherit}.empty-state{grid-column:1 / -1;text-align:center;padding:80px 20px;color:var(--text-secondary)}.empty-state .iconfont{font-size:4rem;margin-bottom:20px;opacity:.5;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.empty-state h3{font-size:1.5rem;margin-bottom:10px;color:var(--text-primary);font-weight:600}