.top-header[data-v-8b98ad39]{height:var(--header-h);background:#fff;border-bottom:1px solid var(--border-light);display:flex;align-items:center;padding:0 24px;position:sticky;top:0;z-index:90;gap:16px}.header-search[data-v-8b98ad39]{flex:1;max-width:440px;position:relative}.header-search input[data-v-8b98ad39]{width:100%;height:36px;border:1px solid var(--border-color);border-radius:18px;padding:0 14px 0 38px;font-size:13px;background:var(--bg-body);transition:all .25s}.header-search input[data-v-8b98ad39]:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px var(--primary-shadow)}.header-search i[data-v-8b98ad39]{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-light);font-size:13px}.header-spacer[data-v-8b98ad39]{flex:1}.header-right[data-v-8b98ad39]{display:flex;align-items:center;gap:16px;position:relative}.header-icon[data-v-8b98ad39]{position:relative;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:16px;cursor:pointer;transition:all .2s}.header-icon[data-v-8b98ad39]:hover{background:var(--primary-light);color:var(--primary)}.dot[data-v-8b98ad39]{position:absolute;top:5px;right:5px;width:7px;height:7px;background:var(--error);border-radius:50%;border:2px solid #fff}.header-user[data-v-8b98ad39]{display:flex;align-items:center;gap:8px;cursor:pointer;padding:3px 6px;border-radius:var(--radius-sm);transition:all .2s}.header-user[data-v-8b98ad39]:hover{background:var(--bg-body)}.avatar[data-v-8b98ad39]{width:32px;height:32px;border-radius:50%;background:var(--primary-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;overflow:hidden}.avatar-image[data-v-8b98ad39]{width:100%;height:100%;object-fit:cover}.user-name[data-v-8b98ad39]{font-size:13px;font-weight:500}.user-menu[data-v-8b98ad39]{position:absolute;top:44px;right:0;background:#fff;border-radius:10px;box-shadow:0 6px 24px #0000001f;min-width:150px;padding:6px 0;z-index:200}.menu-item[data-v-8b98ad39]{padding:10px 18px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:8px;color:#333;transition:all .15s}.menu-item[data-v-8b98ad39]:hover{background:var(--primary-light);color:var(--primary)}.menu-item.logout[data-v-8b98ad39]{color:var(--error)}.menu-item.logout[data-v-8b98ad39]:hover{background:#fff0f0}.menu-item.vip-item[data-v-8b98ad39]{color:#e8961f}.menu-item.vip-item[data-v-8b98ad39]:hover{background:#fffbf0;color:#d4820a}.vip-badge[data-v-8b98ad39]{display:inline-flex;align-items:center;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.5px;color:#a16207;background:linear-gradient(135deg,#fde68a,#fbbf24);line-height:16px;margin-left:2px}.sidebar[data-v-563fc6fc]{width:var(--sidebar-w);background:#fff;border-right:1px solid var(--border-light);position:fixed;top:0;left:0;bottom:0;z-index:100;display:flex;flex-direction:column}.sidebar-logo[data-v-563fc6fc]{height:var(--header-h);display:flex;align-items:center;padding:0 18px;border-bottom:1px solid var(--border-light);gap:10px}.logo-icon[data-v-563fc6fc]{width:34px;height:34px;border-radius:8px;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700;overflow:hidden}.logo-image[data-v-563fc6fc]{width:100%;height:100%;object-fit:cover}.logo-text[data-v-563fc6fc]{font-size:15px;font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav[data-v-563fc6fc]{flex:1;padding:10px;overflow-y:auto}.nav-section[data-v-563fc6fc]{margin-bottom:6px}.nav-section-title[data-v-563fc6fc]{font-size:11px;color:var(--text-light);letter-spacing:1px;padding:8px 12px 4px;font-weight:600;text-transform:uppercase}.nav-item[data-v-563fc6fc]{display:flex;align-items:center;padding:9px 14px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;gap:10px;transition:all .2s;position:relative;text-decoration:none;margin-bottom:2px}.nav-item i[data-v-563fc6fc]{font-size:16px;width:20px;text-align:center}.nav-item[data-v-563fc6fc]:hover{background:var(--primary-light);color:var(--primary)}.nav-item.active[data-v-563fc6fc]{background:var(--primary-light);color:var(--primary);font-weight:600}.nav-item.active[data-v-563fc6fc]:before{content:"";position:absolute;left:0;width:3px;height:22px;background:var(--primary);border-radius:0 3px 3px 0}.nav-badge[data-v-563fc6fc]{margin-left:auto;background:var(--error);color:#fff;font-size:11px;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;font-weight:600}:root{--primary: #25bb9b;--primary-dark: #1da88a;--primary-light: #e6f8f5;--primary-lighter: #f0fbf9;--primary-shadow: rgba(37,187,155,.18);--primary-gradient: linear-gradient(135deg,#25bb9b,#1da88a);--accent-blue: #5380fc;--accent-orange: #ff7043;--accent-purple: #9c27b0;--success: #52c41a;--warning: #faad14;--error: #f5222d;--text-primary: #1a1a1a;--text-secondary: #666;--text-light: #999;--bg-body: #f5f6fa;--bg-card: #fff;--border-color: #e9ecef;--border-light: #f0f0f0;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--sidebar-w: 230px;--header-h: 60px;--ease: cubic-bezier(.4,0,.2,1);--font: "PingFang SC","Helvetica Neue","Microsoft YaHei",sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{font-family:var(--font);background:var(--bg-body);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark)}ul,ol{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select,textarea{font-family:inherit;outline:none}.app-layout{display:flex;min-height:100vh}.main-area{flex:1;margin-left:var(--sidebar-w);display:flex;flex-direction:column;min-height:100vh}.content-area{flex:1;padding:24px 28px}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:20px;transition:box-shadow .25s var(--ease)}.card:hover{box-shadow:var(--shadow-md)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--border-light)}.card-title{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}.card-title:before{content:"";width:3px;height:15px;background:var(--primary);border-radius:2px}.card-body{padding:18px 22px}.card-more{font-size:13px;color:var(--text-light);cursor:pointer;display:flex;align-items:center;gap:4px}.card-more:hover{color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 20px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;transition:all .25s var(--ease)}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 14px var(--primary-shadow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px var(--primary-shadow)}.btn-outline{border:1px solid var(--primary);color:var(--primary);background:transparent}.btn-outline:hover{background:var(--primary-light)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-light);margin-bottom:20px}.tab-item{padding:10px 20px;font-size:14px;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.tab-item:hover{color:var(--primary)}.tab-item.active{color:var(--primary);font-weight:600;border-bottom-color:var(--primary)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.stat-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px 22px;box-shadow:var(--shadow-sm);transition:all .25s var(--ease);overflow:hidden;position:relative}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card.teal{border-top:3px solid var(--primary)}.stat-card.blue{border-top:3px solid var(--accent-blue)}.stat-card.orange{border-top:3px solid var(--accent-orange)}.stat-card.purple{border-top:3px solid var(--accent-purple)}.stat-icon{width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:19px;margin-bottom:12px}.stat-card.teal .stat-icon{background:var(--primary-light);color:var(--primary)}.stat-card.blue .stat-icon{background:#eef3ff;color:var(--accent-blue)}.stat-card.orange .stat-icon{background:#fff3ed;color:var(--accent-orange)}.stat-card.purple .stat-icon{background:#f5ecf7;color:var(--accent-purple)}.stat-value{font-size:26px;font-weight:700;line-height:1.2}.stat-label{font-size:13px;color:var(--text-light);margin-top:4px}.stat-change{font-size:12px;margin-top:6px}.stat-change.up{color:var(--success)}.progress-bar{flex:1;height:6px;background:var(--border-light);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--primary-gradient);border-radius:3px;transition:width .6s ease}.row-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.row-grid-3{display:grid;grid-template-columns:2fr 1fr;gap:20px}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.quiz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-title{font-size:20px;font-weight:700}@media(max-width:1200px){.stat-grid{grid-template-columns:repeat(2,1fr)}.row-grid,.row-grid-3{grid-template-columns:1fr}}@media(max-width:768px){.main-area{margin-left:0}.stat-grid,.course-grid{grid-template-columns:1fr}}