.network-toast[data-v-3362d48b]{position:fixed;top:76px;left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;padding:10px 16px;background:white;border-radius:8px;box-shadow:0 4px 20px #0000001f;min-width:320px;max-width:90%;border-left:4px solid #666;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status-offline[data-v-3362d48b]{border-left-color:#ef4444;background:#fef2f2}.status-unstable[data-v-3362d48b]{border-left-color:#f59e0b;background:#fffbeb}.status-slow[data-v-3362d48b]{border-left-color:#eab308;background:#fffbeb}.network-icon[data-v-3362d48b]{margin-right:12px;color:#666;display:flex;align-items:center}.status-offline .network-icon[data-v-3362d48b]{color:#ef4444}.status-unstable .network-icon[data-v-3362d48b],.status-slow .network-icon[data-v-3362d48b]{color:#f59e0b}.icon[data-v-3362d48b]{width:24px;height:24px}.network-content[data-v-3362d48b]{flex:1}.network-title[data-v-3362d48b]{font-weight:600;font-size:14px;color:#1f2937}.network-desc[data-v-3362d48b]{font-size:12px;color:#6b7280;margin-top:2px}.close-btn[data-v-3362d48b]{background:none;border:none;cursor:pointer;padding:4px;color:#9ca3af;margin-left:8px;border-radius:4px}.close-btn[data-v-3362d48b]:hover{background:rgba(0,0,0,.05);color:#4b5563}.network-toast-enter-active[data-v-3362d48b],.network-toast-leave-active[data-v-3362d48b]{transition:all .3s cubic-bezier(.16,1,.3,1)}.network-toast-enter-from[data-v-3362d48b],.network-toast-leave-to[data-v-3362d48b]{opacity:0;transform:translate(-50%,-10px) scale(.98)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background-color:#f5f5f5;overflow-x:hidden}#app{min-height:100vh;width:100%}.app-container{display:flex;flex-direction:column;height:100vh}.top-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 12px #667eea4d;flex-shrink:0;position:relative;z-index:2000}.app-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0;letter-spacing:.5px}.header-actions{display:flex;align-items:center;gap:.75rem}.icon-btn{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#fff}.icon-btn:hover{background:rgba(255,255,255,.3);transform:translateY(-1px)}.icon-btn:active{transform:scale(.95)}.lang-label{font-size:.9rem;font-weight:600;margin-right:4px;line-height:1}.user-menu{position:relative}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:white;border-radius:12px;box-shadow:0 10px 25px #00000026;min-width:180px;overflow:hidden;z-index:1000}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;cursor:pointer;transition:background .2s;color:#334155;font-size:.95rem}.dropdown-item:hover{background:#f1f5f9}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{background:#fee2e2}.dropdown-divider{height:1px;background:#e2e8f0;margin:.25rem 0}.dropdown-enter-active,.dropdown-leave-active{transition:all .2s ease}.dropdown-enter-from,.dropdown-leave-to{opacity:0;transform:translateY(-10px)}.main-content{flex:1;overflow:hidden;background:linear-gradient(180deg,#f8f9fa 0%,#e9ecef 100%);position:relative;display:flex;flex-direction:column}.main-content.login-page{height:100vh;overflow-y:auto}.main-content.landing-page{overflow-y:auto;height:100vh}.main-content:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(236,72,153,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-track{background:rgba(0,0,0,.05)}.main-content::-webkit-scrollbar-thumb{background:rgba(102,126,234,.3);border-radius:3px}.main-content::-webkit-scrollbar-thumb:hover{background:rgba(102,126,234,.5)}.tab-bar{display:flex;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(99,102,241,.1);height:60px;box-shadow:0 -4px 20px #00000014;position:relative;z-index:10}.tab-item{flex:1;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .3s ease;padding:8px 0}.tab-item:active{background:#f5f5f5}.tab-item.active{color:#6366f1;background:linear-gradient(180deg,rgba(99,102,241,.08) 0%,transparent 100%)}.tab-item.active:after{content:"";position:absolute;bottom:0;left:25%;right:25%;height:4px;background:linear-gradient(90deg,#6366f1 0%,#8b5cf6 50%,#ec4899 100%);border-radius:2px 2px 0 0;box-shadow:0 -2px 8px #6366f166;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.tab-text{font-size:15px;font-weight:500;letter-spacing:.2px;transition:all .3s ease}@media (max-width: 768px){.top-header{padding:.625rem 1rem}.app-title{font-size:1.25rem}.icon-btn{padding:.4rem}.icon-btn svg{width:20px;height:20px}.tab-bar{height:52px}.tab-text{font-size:14px}}