:root{--primary-color: #0ea5e9;--primary-light: #38bdf8;--primary-dark: #0284c7;--gradient-primary: linear-gradient(135deg, #0284c7 0%, #0ea5e9 50%, #38bdf8 100%);--gradient-bg: linear-gradient(180deg, #f0f9ff 0%, #e0f2fe 50%, #bae6fd 100%);--gradient-card: linear-gradient(145deg, #ffffff 0%, #f0f9ff 100%);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--bg-primary: rgba(255, 255, 255, .92);--bg-secondary: rgba(248, 250, 252, .9);--bg-tertiary: rgba(241, 245, 249, .88);--border-color: #e2e8f0;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--info-color: #3b82f6}.dark{--text-primary: #f0f9ff;--text-secondary: #bae6fd;--text-muted: #7dd3fc;--bg-primary: #0c4a6e;--bg-secondary: #0c4a6e;--bg-tertiary: #164e63;--border-color: #0ea5e9;--gradient-bg: linear-gradient(135deg, #0c4a6e 0%, #164e63 100%);--gradient-card: linear-gradient(145deg, #164e63 0%, #0c4a6e 100%)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--gradient-bg);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.app-container{min-height:100vh;background:var(--gradient-bg);position:relative}.app-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:0;height:64px;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000}.header-content{display:flex;align-items:center;height:100%;padding:0 var(--space-lg);max-width:1600px;margin:0 auto}.logo-area{display:flex;align-items:center;gap:var(--space-md);margin-right:var(--space-xl)}.logo-icon{width:40px;height:40px;color:var(--primary-color);filter:drop-shadow(0 2px 4px rgba(14,165,233,.3))}.logo-icon svg{width:100%;height:100%}.logo-text{display:flex;flex-direction:column;line-height:1.2}.logo{font-size:22px;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.logo-subtitle{font-size:11px;color:var(--primary-color);font-weight:500;letter-spacing:1px;opacity:.8}.main-menu{flex:1;background:transparent;border:none;display:flex;align-items:center}.nav-item{display:flex;align-items:center;gap:var(--space-xs);padding:0 var(--space-md);height:64px;color:var(--text-secondary)!important;font-weight:500;transition:all .2s ease;border-bottom:3px solid transparent!important}.nav-item:hover{color:var(--primary-color)!important;background:transparent!important}.nav-item.is-active{color:var(--primary-color)!important;border-bottom-color:var(--primary-color)!important}.nav-item .el-icon{font-size:18px}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-sm)}.theme-btn{width:36px;height:36px;padding:0;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);transition:all .2s ease}.theme-btn:hover{background:var(--bg-tertiary);color:var(--primary-color);transform:rotate(15deg)}.user-btn{display:flex;align-items:center;gap:8px;padding:4px 12px;height:36px}.user-avatar{background:var(--gradient-primary);color:#fff;font-weight:600}.user-name{font-weight:500;color:var(--text-primary)}.el-divider--vertical{height:24px;margin:0 8px}.settings-btn{color:var(--text-secondary);font-weight:500}.settings-btn:hover{color:var(--primary-color)}.app-main{padding:var(--space-lg);min-height:calc(100vh - 64px);background:transparent!important}.main-wrapper{max-width:1400px;margin:0 auto;background:transparent}.main-wrapper{max-width:1400px;margin:0 auto}.page-title{font-size:26px;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm)}.page-title:before{content:"";width:4px;height:28px;background:var(--gradient-primary);border-radius:2px}.el-card{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--gradient-card);box-shadow:var(--shadow-md);transition:all .3s ease}.el-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.el-card__header{border-bottom:1px solid var(--border-color);padding:var(--space-md) var(--space-lg);font-weight:600;color:var(--text-primary)}.el-card__body{padding:var(--space-lg)}.el-button--primary{background:var(--gradient-primary);border:none;font-weight:500;border-radius:var(--radius-md);transition:all .2s ease}.el-button--primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e966}.el-button{border-radius:var(--radius-md);font-weight:500;transition:all .2s ease}.el-button:hover{transform:translateY(-1px)}.el-input__wrapper{border-radius:var(--radius-md);transition:all .2s ease}.el-input__wrapper:focus-within{box-shadow:0 0 0 3px #0ea5e933}.fade-slide-enter-active,.fade-slide-leave-active{transition:all .3s ease}.fade-slide-enter-from{opacity:0;transform:translateY(10px)}.fade-slide-leave-to{opacity:0;transform:translateY(-10px)}.global-convert-float{position:fixed;bottom:24px;right:24px;z-index:9999;animation:floatIn .3s ease}@keyframes floatIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.global-convert-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-xl);min-width:320px;max-width:400px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.global-convert-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.convert-icon{font-size:18px;color:var(--primary-color)}.convert-icon.spinning{animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.convert-title{font-weight:600;color:var(--text-primary);font-size:14px}.convert-filename{color:var(--text-secondary);font-size:12px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.dismiss-btn{margin-left:auto;padding:2px}.global-convert-body{display:flex;align-items:center;gap:12px;margin-bottom:8px}.global-convert-body .el-progress{flex:1}.convert-status-text{font-size:12px;color:var(--text-secondary);white-space:nowrap}.global-convert-actions{margin-top:8px;text-align:right}.global-convert-error{margin-top:8px;font-size:12px;color:var(--danger-color);padding:6px 10px;background:#ef444414;border-radius:var(--radius-sm)}@media (max-width: 768px){.logo{font-size:18px}.nav-item span{display:none}.app-main{padding:var(--space-md)}}