:root{--color-primary: #6366f1;--color-primary-hover: #818cf8;--color-primary-active: #4f46e5;--color-primary-text: #ffffff;--color-success: #10b981;--color-success-hover: #34d399;--color-success-active: #059669;--color-warning: #f59e0b;--color-warning-hover: #fbbf24;--color-warning-active: #d97706;--color-error: #ef4444;--color-error-hover: #f87171;--color-error-active: #dc2626;--color-info: #3b82f6;--color-info-hover: #60a5fa;--color-info-active: #2563eb;--color-bg-base: #f8fafc;--color-bg-layout: #f1f5f9;--color-bg-container: #ffffff;--color-bg-elevated: #ffffff;--color-text-primary: #1e293b;--color-text-secondary: #64748b;--color-text-tertiary: #94a3b8;--color-text-quaternary: #cbd5e1;--color-border: #e2e8f0;--color-border-secondary: #f1f5f9;--color-border-light: #f8fafc;--border-radius-sm: 8px;--border-radius: 12px;--border-radius-lg: 16px;--border-radius-xl: 24px;--border-radius-full: 9999px;--shadow-soft: 0 4px 20px rgba(99, 102, 241, .08);--shadow-card: 0 8px 32px rgba(99, 102, 241, .12);--shadow-card-hover: 0 12px 48px rgba(99, 102, 241, .18);--shadow-button: 0 4px 16px rgba(99, 102, 241, .25);--shadow-button-hover: 0 8px 24px rgba(99, 102, 241, .35);--shadow-input: 0 2px 8px rgba(99, 102, 241, .06);--spacing-xs: 4px;--spacing-sm: 8px;--spacing: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-xxl: 24px;--font-size-heading1: 32px;--font-size-heading2: 28px;--font-size-heading3: 24px;--font-size-heading4: 20px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-error: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-info: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--gradient-bg-light: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);--gradient-card: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);--color-sider-bg: #0f172a;--color-sider-text: #e2e8f0;--color-sider-text-hover: #ffffff;--color-sider-active-text: #818cf8;--color-sider-border: #1e293b;--color-header-bg: #ffffff;--color-header-text: #1e293b;--color-header-border: #e2e8f0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;background-color:var(--color-bg-layout);min-height:100vh;color:var(--color-text-primary);line-height:1.5}#root,.ant-layout{min-height:100vh}.ant-layout-content{padding:var(--spacing-lg)}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);height:64px;background:var(--color-header-bg);border-bottom:1px solid var(--color-header-border);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-soft)}.app-header-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-header-user{display:flex;align-items:center;gap:var(--spacing-md);color:var(--color-text-secondary)}.app-header-admin-badge{margin-left:var(--spacing-sm);color:var(--color-warning);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.app-sider{width:220px;background:var(--gradient-bg-dark, linear-gradient(180deg, #0f172a 0%, #1e293b 100%));border-right:1px solid var(--color-sider-border);flex-shrink:0}.app-sider-menu{height:100%;border-right:none}.app-content{flex:1;margin:var(--spacing-lg) 0;padding:var(--spacing-lg);background:var(--color-bg-container);border-radius:var(--border-radius-lg);min-height:calc(100vh - 180px);box-shadow:var(--shadow-card)}.question-card{margin-bottom:var(--spacing-md);border-radius:var(--border-radius);overflow:hidden;transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.question-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.answer-option{margin-bottom:var(--spacing-sm)}.timer{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.timer-warning{color:var(--color-warning);animation:pulse-warning 1s ease-in-out infinite}.timer-danger{color:var(--color-error);animation:pulse-danger .5s ease-in-out infinite}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulse-danger{0%,to{opacity:1}50%{opacity:.4}}.progress-bar{margin-bottom:var(--spacing-md)}.image-viewer{max-width:100%;height:auto;border-radius:var(--border-radius);margin-bottom:var(--spacing-md)}.login-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background:var(--gradient-primary);padding:var(--spacing-xl)}.login-card{width:100%;max-width:420px;border-radius:var(--border-radius-xl);overflow:hidden;box-shadow:var(--shadow-card);transition:box-shadow var(--transition-normal)}.login-card:hover{box-shadow:var(--shadow-card-hover)}.login-card-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-card-title{font-size:var(--font-size-heading3);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.login-card-subtitle{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.login-icon{font-size:56px;margin-bottom:var(--spacing-md);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-page{animation:fadeIn .4s ease}.home-section-title{font-size:var(--font-size-heading4);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.home-section-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xl)}.stat-card{border-radius:var(--border-radius-lg);overflow:hidden;transition:all var(--transition-normal);border:none;box-shadow:var(--shadow-soft)}.stat-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.stat-card-content{padding:var(--spacing-lg)}.quick-entry-card{border-radius:var(--border-radius-lg);border:1px solid var(--color-border);transition:all var(--transition-normal)}.quick-entry-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-card)}.quick-entry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.quick-entry-btn{border-radius:var(--border-radius);transition:all var(--transition-fast);font-weight:var(--font-weight-medium)}.quick-entry-btn:hover{transform:translateY(-2px)}.exam-history-card{border-radius:var(--border-radius-lg);border:1px solid var(--color-border)}.exam-history-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-bg-base);border-radius:var(--border-radius-sm);transition:background var(--transition-fast)}.exam-history-item:hover{background:var(--color-border-secondary)}.exam-history-pass{color:var(--color-success);font-weight:var(--font-weight-medium)}.exam-history-fail{color:var(--color-error);font-weight:var(--font-weight-medium)}.empty-state{text-align:center;color:var(--color-text-tertiary);padding:var(--spacing-xxl)}@media (max-width: 768px){.app-sider{width:100%;position:fixed;left:-220px;z-index:200;transition:left var(--transition-normal)}.app-sider.open{left:0}.app-content{margin:var(--spacing-xs);padding:var(--spacing-sm);min-height:calc(100vh - 100px);border-radius:var(--border-radius)}.app-header{padding:0 var(--spacing-sm);height:56px;flex-wrap:nowrap}.app-header-title{font-size:13px;flex-shrink:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header-user{gap:var(--spacing-xs);font-size:13px;flex-shrink:0}.app-header-user span{max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header-admin-badge{display:none}.ant-layout-content{padding:var(--spacing-xs)!important}.home-section-title{font-size:18px}.home-section-description{font-size:13px;margin-bottom:var(--spacing-md)}.stat-card{margin-bottom:var(--spacing-sm)}.stat-card .ant-statistic{text-align:center}.stat-card .ant-statistic-title{font-size:13px}.stat-card .ant-statistic-content{font-size:24px}.quick-entry-grid{grid-template-columns:1fr}.quick-entry-btn{width:100%}.exam-history-item{flex-wrap:wrap;gap:8px;font-size:13px}.exam-history-item span{font-size:12px}.login-card{margin:var(--spacing-md)}.question-options{font-size:15px}.exam-timer{font-size:18px}.exam-progress-info{font-size:13px}.mobile-exam-layout{flex-direction:column}.mobile-question-card{margin-bottom:var(--spacing-md)}.mobile-nav-card{order:2}}@media (max-width: 1024px){.app-sider{width:200px}}.login-input-icon{color:var(--color-text-tertiary)}.login-card-footer{text-align:center}.login-card-footer a{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.login-card-footer a:hover{color:var(--color-primary-hover);text-decoration:underline}.ant-card-head-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.ant-btn-primary{background:var(--gradient-primary);border:none;border-radius:var(--border-radius);box-shadow:var(--shadow-button);transition:all var(--transition-fast)}.ant-btn-primary:hover{background:var(--gradient-primary);box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}.ant-btn-primary:active{transform:translateY(0)}.ant-btn-default{border-radius:var(--border-radius);transition:all var(--transition-fast)}.ant-btn-default:hover{transform:translateY(-1px)}.ant-input{border-radius:var(--border-radius-sm);border:1px solid var(--color-border);transition:all var(--transition-fast)}.ant-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-input)}.ant-input-password{border-radius:var(--border-radius-sm)}.ant-statistic-content-value{font-weight:var(--font-weight-bold)}.ant-statistic-content-prefix{margin-right:8px}.ant-menu-dark{background:transparent}.ant-menu-dark .ant-menu-item-selected{background:#6366f133;color:var(--color-sider-active-text)}.ant-menu-dark .ant-menu-item:hover{background:#ffffff0d}.ant-divider-horizontal.ant-divider-with-text{margin:var(--spacing-lg) 0}.ant-divider-horizontal.ant-divider-with-text:before,.ant-divider-horizontal.ant-divider-with-text:after{border-color:var(--color-border)}.ant-divider-inner-text{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.admin-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.admin-page-title{font-size:20px;font-weight:600;color:var(--color-text-primary);margin:0}.admin-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:16px;padding:16px;background:var(--color-bg-base);border-radius:var(--border-radius);border:1px solid var(--color-border-secondary)}.admin-toolbar-actions{display:flex;gap:8px;align-items:center;margin-bottom:16px}.admin-btn-primary{background:var(--gradient-primary);border:none;color:#fff;border-radius:var(--border-radius-sm);padding:8px 16px;font-weight:500;box-shadow:var(--shadow-button);transition:all var(--transition-fast)}.admin-btn-primary:hover{box-shadow:var(--shadow-button-hover);transform:translateY(-1px);color:#fff}.admin-btn-default{border-radius:var(--border-radius-sm);padding:8px 16px;transition:all var(--transition-fast)}.admin-btn-default:hover{transform:translateY(-1px)}.admin-filter-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.admin-filter-bar .ant-input-affix-wrapper,.admin-filter-bar .ant-select{height:36px}.admin-table-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.admin-table-toolbar-left,.admin-table-toolbar-right{display:flex;gap:8px;align-items:center}.admin-table-actions{display:flex;gap:8px}.admin-table-actions .ant-btn{border-radius:var(--border-radius-sm)}.admin-search-input{height:36px;border-radius:var(--border-radius-sm)}.admin-search-input .ant-input-suffix{cursor:pointer}.admin-filter-select{min-width:140px;height:36px;border-radius:var(--border-radius-sm)}.admin-refresh-btn{border-radius:var(--border-radius-sm);display:flex;align-items:center;gap:4px}.admin-action-group{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.admin-action-group .ant-btn{border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.admin-action-group .ant-btn:hover{transform:translateY(-1px)}.admin-table{background:var(--color-bg-container);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-soft)}.admin-table .ant-table-thead>tr>th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:var(--color-text-primary);font-weight:600;font-size:14px;padding:14px 12px;border-bottom:2px solid var(--color-border);white-space:nowrap;text-align:center}.admin-table .ant-table-thead>tr>th .ant-table-column-title{text-align:center;width:100%}.admin-table .ant-table-thead>tr>th.ant-table-cell-fix-left,.admin-table .ant-table-thead>tr>th.ant-table-cell-fix-right{text-align:center}.admin-table .ant-table-tbody>tr{transition:all var(--transition-fast)}.admin-table .ant-table-tbody>tr>td{padding:12px;font-size:14px;border-bottom:1px solid var(--color-border-secondary);vertical-align:middle;text-align:center}.admin-table .ant-table-tbody>tr>td.ant-table-cell-align-left,.admin-table .ant-table-thead>tr>th.ant-table-cell-align-left{text-align:left}.admin-table .ant-table-tbody>tr>td.ant-table-cell-align-right,.admin-table .ant-table-thead>tr>th.ant-table-cell-align-right{text-align:right}.admin-table .ant-table-tbody>tr:hover>td{background:#6366f10a}.admin-table .ant-table-tbody>tr:last-child>td{border-bottom:none}.admin-table .ant-table-cell-fix-left,.admin-table .ant-table-cell-fix-right{background:var(--color-bg-container)}.admin-table .ant-table-tbody>tr:hover>.ant-table-cell-fix-left,.admin-table .ant-table-tbody>tr:hover>.ant-table-cell-fix-right{background:#6366f10a}.admin-table .ant-pagination{padding:16px 12px;margin:0;border-top:1px solid var(--color-border-secondary);justify-content:flex-end}.admin-table .ant-pagination-item-active{background:var(--gradient-primary);border-radius:var(--border-radius-sm);border-color:transparent}.admin-table .ant-pagination-item-active a,.admin-table .ant-pagination-item-active a:hover{color:#fff!important}.admin-table .ant-table-empty .ant-table-tbody>tr>td{padding:48px 16px;color:var(--color-text-tertiary)}.admin-table .admin-table-actions{display:flex;gap:8px;justify-content:center;align-items:center}.admin-table-container{background:var(--color-bg-container);border-radius:var(--border-radius);padding:16px;box-shadow:var(--shadow-soft)}.admin-stats-row{margin-bottom:24px}.admin-stats-row .ant-card{border-radius:var(--border-radius);border:none;box-shadow:var(--shadow-soft);transition:all var(--transition-fast)}.admin-stats-row .ant-card:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.practice-option{padding:12px 16px;margin-bottom:8px;border:2px solid var(--color-border);border-radius:var(--border-radius-sm);cursor:pointer;background:var(--color-bg-container);transition:all var(--transition-fast)}.practice-option:hover{border-color:var(--color-primary)}.practice-option.selected{border-color:var(--color-info);background:#3b82f60d}.practice-option.correct{border-color:var(--color-success);background:#10b9810d}.practice-option.wrong{border-color:var(--color-error);background:#ef44440d}.practice-progress{margin-bottom:16px;padding:12px 16px;background:var(--color-bg-container);border-radius:var(--border-radius);box-shadow:var(--shadow-soft)}.answer-analysis{margin-bottom:16px;padding:16px;background:var(--color-bg-base);border-radius:var(--border-radius-sm);border-left:4px solid var(--color-primary)}.answer-analysis.correct{border-left-color:var(--color-success);background:#10b9810d}.answer-analysis.incorrect{border-left-color:var(--color-error);background:#ef44440d}.question-card{background:var(--color-bg-container);border-radius:var(--border-radius);padding:24px;box-shadow:var(--shadow-soft);margin-bottom:16px}.tag-group{display:flex;gap:8px;flex-wrap:wrap}.filter-info-bar{margin-top:12px;padding:12px;background:var(--color-warning);color:#fff;border-radius:var(--border-radius-sm)}.unified-card{background:var(--color-bg-container);border-radius:var(--border-radius);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);transition:all var(--transition-fast)}.unified-card:hover{box-shadow:var(--shadow-card)}.form-section{margin-bottom:24px;padding:20px;background:var(--color-bg-base);border-radius:var(--border-radius);border:1px solid var(--color-border-secondary)}.form-section-title{font-size:16px;font-weight:600;color:var(--color-text-primary);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.quick-access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.quick-access-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:var(--color-bg-container);border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;color:var(--color-text-primary)}.quick-access-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-card);transform:translateY(-2px)}.quick-access-item .anticon{font-size:32px;color:var(--color-primary);margin-bottom:8px}.sub-question-card{margin-bottom:16px;padding:16px;background:var(--color-bg-container);border:1px solid var(--color-border);border-radius:var(--border-radius-sm)}.sub-question-card.correct{border-color:var(--color-success);background:#10b98108}.sub-question-card.incorrect{border-color:var(--color-error);background:#ef444408}.page-transition-enter{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.admin-table-toolbar{flex-direction:column;align-items:flex-start}.admin-filter-bar{width:100%}.admin-filter-bar .ant-input-affix-wrapper,.admin-filter-bar .ant-select,.admin-search-input{width:100%!important}.admin-action-group{width:100%}.quick-access-grid{grid-template-columns:repeat(2,1fr)}}