@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box;outline:none!important;list-style-type:none}html,body{width:100%;min-height:100%}:root{--color-primary: #667eea;--color-primary-light: #8fa3f3;--color-primary-dark: #4d5ed4;--color-secondary: #764ba2;--color-secondary-light: #9770c4;--color-secondary-dark: #5a3779;--color-success: #4caf50;--color-success-light: #e8f5e9;--color-warning: #ff9800;--color-error: #f44336;--color-info: #2196f3;--color-background: #f9f9fb;--color-surface: #ffffff;--color-surface-light: #f8f9fa;--color-text-primary: #2c3e50;--color-text-secondary: #374151;--color-text-muted: #7f8c8d;--color-text-white: #ffffff;--color-border: #f0f0f0;--color-divider: #e5e7eb;--shadow-light: 0 2px 10px rgba(0, 0, 0, .05);--shadow-medium: 0 4px 15px rgba(0, 0, 0, .1);--shadow-heavy: 0 8px 25px rgba(0, 0, 0, .15);--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--gradient-primary-light: linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-secondary-light) 100%)}.theme-bg-primary{background-color:var(--color-primary)!important}.theme-bg-secondary{background-color:var(--color-secondary)!important}.theme-bg-surface{background-color:var(--color-surface)!important}.theme-bg-background{background-color:var(--color-background)!important}.theme-bg-success{background-color:var(--color-success)!important}.theme-bg-warning{background-color:var(--color-warning)!important}.theme-bg-error{background-color:var(--color-error)!important}.theme-gradient-primary{background:var(--gradient-primary)!important}.theme-gradient-primary-light{background:var(--gradient-primary-light)!important}.theme-text-primary{color:var(--color-text-primary)!important}.theme-text-secondary{color:var(--color-text-secondary)!important}.theme-text-muted{color:var(--color-text-muted)!important}.theme-text-white{color:var(--color-text-white)!important}.theme-text-theme-primary{color:var(--color-primary)!important}.theme-text-theme-secondary{color:var(--color-secondary)!important}.theme-text-success{color:var(--color-success)!important}.theme-text-warning{color:var(--color-warning)!important}.theme-text-error{color:var(--color-error)!important}.theme-border-default{border-color:var(--color-border)!important}.theme-border-primary{border-color:var(--color-primary)!important}.theme-border-secondary{border-color:var(--color-secondary)!important}.theme-border-success{border-color:var(--color-success)!important}.theme-border-warning{border-color:var(--color-warning)!important}.theme-border-error{border-color:var(--color-error)!important}.theme-shadow-light{box-shadow:var(--shadow-light)!important}.theme-shadow-medium{box-shadow:var(--shadow-medium)!important}.theme-shadow-heavy{box-shadow:var(--shadow-heavy)!important}.btn-theme{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;border-radius:12px;font-weight:600;font-size:16px;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer}.btn-theme.primary{background:var(--gradient-primary);color:var(--color-text-white);box-shadow:0 8px 25px #667eea4d}.btn-theme.primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px #667eea66}.btn-theme.secondary{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-medium)}.btn-theme.secondary:hover{transform:translateY(-2px);box-shadow:var(--shadow-heavy)}.btn-theme.success{background:var(--color-success);color:var(--color-text-white)}.btn-theme.success:hover{background:var(--color-success);transform:translateY(-2px)}.btn-theme.outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-theme.outline:hover{background:var(--color-primary);color:var(--color-text-white)}.card-theme{background:var(--color-surface);border-radius:16px;padding:24px;box-shadow:var(--shadow-medium);transition:all .3s ease;border:1px solid var(--color-border)}.card-theme:hover{transform:translateY(-3px);box-shadow:var(--shadow-heavy)}.card-theme.elevated{box-shadow:var(--shadow-heavy)}.input-theme{width:100%;padding:12px 16px;border:2px solid var(--color-border);border-radius:8px;font-size:16px;color:var(--color-text-primary);background:var(--color-surface);transition:all .3s ease}.input-theme:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #667eea1a}.input-theme::placeholder{color:var(--color-text-muted)}.tag-theme{display:inline-block;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500}.tag-theme.primary{background:var(--color-primary);color:var(--color-text-white)}.tag-theme.success{background:var(--color-success-light);color:var(--color-success)}.tag-theme.warning{background:var(--color-warning);color:var(--color-text-white)}.tag-theme.error{background:var(--color-error);color:var(--color-text-white)}.scrollbar-theme::-webkit-scrollbar{width:6px;height:6px}.scrollbar-theme::-webkit-scrollbar-track{background:var(--color-surface-light)}.scrollbar-theme::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:3px}.scrollbar-theme::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}#app{width:100%;background:var(--color-background);background-size:cover}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background-color:var(--color-surface)}::-webkit-scrollbar-thumb{border-radius:6px;background-color:var(--color-primary)}::-webkit-scrollbar-button{height:0;width:0}*{box-sizing:border-box}body{margin:0;font-family:Helvetica Neue,Arial,sans-serif;background-color:var(--color-background);color:var(--color-text-primary);line-height:1.8;overflow-x:hidden;position:relative}#app{min-height:100vh;position:relative}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background-color:var(--color-surface);box-shadow:var(--shadow-light);padding:15px 0;position:-webkit-sticky;position:sticky;top:0;left:0;right:0;z-index:9999;width:100%;transition:all .3s ease;-webkit-position:sticky;-webkit-top:0}header .nav-container{display:flex;justify-content:space-between;align-items:center}header .logo-area{display:flex;align-items:center;gap:10px}header .logo-area .avatar{width:40px;height:40px;border-radius:50%;background-color:var(--color-surface-light);display:flex;align-items:center;justify-content:center;font-size:12px}header .logo-area .brand h1{margin:0;font-size:20px;font-weight:700;color:var(--color-text-primary)}header .logo-area .brand .tag{display:inline-block;background-color:var(--color-success-light);color:var(--color-success);padding:2px 8px;border-radius:4px;font-size:12px}header .mobile-menu-btn{display:none;flex-direction:column;width:24px;height:18px;background:none;border:none;cursor:pointer;padding:0}header .mobile-menu-btn span{width:100%;height:2px;background-color:var(--color-text-primary);margin-bottom:4px;transition:.3s}header .mobile-menu-btn span:last-child{margin-bottom:0}header .mobile-menu-btn.active span:nth-child(1){transform:rotate(-45deg) translate(-4px,4px)}header .mobile-menu-btn.active span:nth-child(2){opacity:0}header .mobile-menu-btn.active span:nth-child(3){transform:rotate(45deg) translate(-4px,-4px)}header nav ul{display:flex;list-style:none;margin:0;padding:0;gap:20px}header nav ul li a{text-decoration:none;color:var(--color-text-primary);font-size:16px;transition:color .3s}header nav ul li a:hover,header nav ul li a.router-link-active{color:var(--color-primary)}@media (max-width: 768px){header .nav-container{flex-direction:row;justify-content:space-between;align-items:center}header .mobile-menu-btn{display:flex}header nav{position:absolute;top:100%;left:0;right:0;background-color:var(--color-surface);box-shadow:var(--shadow-medium);max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}header nav.mobile-open{max-height:300px}header nav ul{flex-direction:column;gap:0;padding:0}header nav ul li{border-bottom:1px solid var(--color-border)}header nav ul li:last-child{border-bottom:none}header nav ul li a{display:block;padding:15px 20px;font-size:16px;transition:background-color .3s,color .3s}header nav ul li a:hover,header nav ul li a.router-link-active{background-color:var(--color-background);color:var(--color-primary)}}