#app[data-v-8e0aae51]{display:flex;flex-direction:column;min-height:100vh}main[data-v-8e0aae51]{flex:1}.navbar-container[data-v-8e0aae51]{display:flex;justify-content:space-between;align-items:center;padding:0 20px;width:100%;position:relative}.navbar-brand[data-v-8e0aae51]{display:flex;align-items:center;gap:8px;color:#fff;flex-shrink:0;font-size:18px;font-weight:700;z-index:1}.navbar-nav-center[data-v-8e0aae51]{display:flex;gap:40px;list-style:none;margin:0;padding:0;position:absolute;left:50%;transform:translate(-50%)}.navbar-actions[data-v-8e0aae51]{display:flex;gap:24px;align-items:center;flex-shrink:0;margin-left:auto}.navbar-nav-center li[data-v-8e0aae51]{position:relative}.navbar-nav-center a[data-v-8e0aae51]{color:#ffffffd9;font-size:18px;font-weight:500;display:block;padding:8px 16px;transition:color .2s}.navbar-nav-center a[data-v-8e0aae51]:hover{color:#fff}.navbar-nav-center a.router-link-active[data-v-8e0aae51]{color:#fff;font-weight:500}.navbar-nav-center li.router-link-active[data-v-8e0aae51]:after,.navbar-nav-center li[data-v-8e0aae51]:has(a.router-link-active):after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:3px;background:#fff;border-radius:2px 2px 0 0}.navbar-actions[data-v-8e0aae51]{display:flex;gap:24px;align-items:center;flex-shrink:0;margin-left:auto;z-index:1}.navbar-action-link[data-v-8e0aae51]{color:#ffffffd9;font-size:14px;transition:color .2s;white-space:nowrap;display:flex;flex-direction:column;align-items:center;gap:4px}.navbar-action-link .action-icon[data-v-8e0aae51]{font-size:20px;line-height:1;color:#fff}.navbar-action-logout .action-icon[data-v-8e0aae51]{font-size:18px}.navbar-action-link[data-v-8e0aae51]:hover{color:#fff}.navbar-action-register[data-v-8e0aae51]{padding:6px 12px;background:#ffffff26;border-radius:4px;color:#fff}.navbar-action-register[data-v-8e0aae51]:hover{background:#ffffff40}.site-logo[data-v-8e0aae51]{height:42px;width:auto;object-fit:contain}.footer[data-v-8e0aae51]{padding:40px 0 24px;border-top:none;background:var(--color-footer-bg);margin-top:auto;color:#fff}.footer .container[data-v-8e0aae51]{display:flex;flex-direction:column;gap:16px}.footer-links[data-v-8e0aae51]{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:24px}.footer-link[data-v-8e0aae51]{color:#ffffffd9;text-decoration:none;font-size:14px;transition:color .2s}.footer-link[data-v-8e0aae51]:hover{color:#fff}.footer-copyright[data-v-8e0aae51]{text-align:center;color:#ffffffd9;font-size:14px}.footer-copyright p[data-v-8e0aae51]{margin:0}.footer-filing[data-v-8e0aae51]{display:flex;justify-content:center;align-items:center;gap:12px;font-size:13px}.filing-link[data-v-8e0aae51]{color:#ffffffd9;text-decoration:none;transition:color .2s}.filing-link[data-v-8e0aae51]:hover{color:#fff}.filing-divider[data-v-8e0aae51]{color:#ffffffa6}.security-filing[data-v-8e0aae51]{display:inline-flex;align-items:center;gap:4px}.security-icon[data-v-8e0aae51]{width:16px;height:16px;object-fit:contain}:root{--color-bg: #ffffff;--color-bg-secondary: #f8f9fa;--color-header-bg: #1890ff;--color-footer-bg: #0050b3;--color-text: #212529;--color-text-secondary: #6c757d;--color-border: #e8e8e8;--color-primary: #1890ff;--color-primary-hover: #40a9ff;--color-danger: #ff4d4f;--color-success: #52c41a;--color-warning: #faad14;--radius: 8px;--shadow: 0 2px 8px rgba(0, 0, 0, .15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.6;color:var(--color-text);background-color:var(--color-bg)}a{color:var(--color-text);text-decoration:none}a:hover{color:var(--color-text-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-block;padding:10px 20px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font-size:14px;cursor:pointer;transition:all .2s}.btn:hover{background:var(--color-bg-secondary)}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-danger{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn-block{display:block;width:100%}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:6px;font-weight:500}.form-input{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:14px;transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--color-primary)}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px;margin-bottom:16px}.card-title{font-size:18px;font-weight:600;margin-bottom:12px}.alert{padding:12px 16px;border-radius:var(--radius);margin-bottom:16px}.alert-warning{background:#fff3cd;border:1px solid #ffc107;color:#856404}.alert-danger{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.navbar{background:var(--color-header-bg);border-bottom:none;padding:10px 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #00000026}.page-header{padding:40px 0;text-align:center}.page-title{font-size:28px;font-weight:700;margin-bottom:8px}.page-subtitle{color:var(--color-text-secondary)}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;padding:24px 0}.course-card{border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;transition:box-shadow .2s}.course-card:hover{box-shadow:var(--shadow)}.course-cover{width:100%;height:160px;object-fit:cover;background:var(--color-bg-secondary)}.course-info{padding:16px}.course-title{font-size:16px;font-weight:600;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-price{font-size:18px;font-weight:700;color:var(--color-danger)}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--color-text-secondary)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.flex{display:flex}.flex-between{justify-content:space-between}.flex-center{justify-content:center}.items-center{align-items:center}.gap-1{gap:8px}.gap-2{gap:16px}.loading{text-align:center;padding:40px;color:var(--color-text-secondary)}.empty{text-align:center;padding:60px 20px;color:var(--color-text-secondary)}.checkbox-label{display:flex;align-items:flex-start;gap:8px;cursor:pointer}.checkbox-label input[type=checkbox]{margin-top:4px}