:root{--c-primary: #FF9F43;--c-primary-light: #FFD2A0;--c-primary-dark: #E8872A;--c-secondary: #54A0FF;--c-secondary-light: #A3CCFF;--c-success: #5CD85A;--c-success-light: #B8F0B7;--c-danger: #FF6B6B;--c-danger-light: #FFB8B8;--c-purple: #A678DE;--c-purple-light: #D4B8F0;--c-emotion: #FF9F43;--c-knowledge: #54A0FF;--c-ability: #5CD85A;--bg-warm: #FFF8F0;--bg-card: #FFFFFF;--bg-sidebar: #FFF3E6;--bg-student: linear-gradient(135deg, #FFF8F0 0%, #E8F4FD 50%, #F0FFF0 100%);--text-primary: #2D3436;--text-secondary: #636E72;--text-muted: #B2BEC3;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--shadow-card: 0 4px 20px rgba(255, 159, 67, .08), 0 1px 4px rgba(0,0,0,.04);--shadow-hover: 0 8px 32px rgba(255, 159, 67, .15), 0 2px 8px rgba(0,0,0,.06);--shadow-float: 0 12px 40px rgba(0,0,0,.12);--font-main: "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-fun: "Noto Sans SC", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;font-family:var(--font-main);background:var(--bg-warm);color:var(--text-primary);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-primary-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--c-primary)}.card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:24px;transition:box-shadow .3s ease,transform .3s ease}.card:hover{box-shadow:var(--shadow-hover)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border:none;border-radius:var(--radius-full);font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease;font-family:var(--font-main)}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg,var(--c-primary),var(--c-primary-dark));color:#fff;box-shadow:0 4px 16px #ff9f4359}.btn-primary:hover{box-shadow:0 6px 24px #ff9f4380;transform:translateY(-1px)}.btn-secondary{background:var(--c-secondary);color:#fff;box-shadow:0 4px 16px #54a0ff4d}.btn-success{background:var(--c-success);color:#fff;box-shadow:0 4px 16px #5cd85a4d}.btn-ghost{background:transparent;color:var(--text-secondary);border:2px solid #DFE6E9}.btn-ghost:hover{border-color:var(--c-primary);color:var(--c-primary)}.btn-lg{padding:16px 40px;font-size:18px;border-radius:var(--radius-xl)}.btn-student{width:100%;padding:20px 32px;border-radius:var(--radius-lg);font-size:20px;font-weight:700;border:3px solid transparent;transition:all .3s ease;cursor:pointer;text-align:left;display:flex;align-items:center;gap:16px}.btn-student:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.btn-student.selected{border-color:var(--c-primary);background:var(--c-primary-light)!important;box-shadow:0 0 0 4px #ff9f4333}.tag{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.tag-emotion{background:#ff9f4326;color:var(--c-primary-dark)}.tag-knowledge{background:#54a0ff26;color:#2e86de}.tag-ability{background:#5cd85a26;color:#27ae60}.app-layout{display:flex;min-height:100vh}.app-sidebar{width:240px;background:var(--bg-sidebar);border-right:1px solid rgba(255,159,67,.12);padding:20px 0;display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto}.app-content{flex:1;padding:24px 32px;overflow-y:auto;height:100vh}.sidebar-brand{padding:8px 24px 24px;display:flex;align-items:center;gap:12px}.sidebar-brand-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--c-primary),var(--c-secondary));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:900}.sidebar-brand-text{font-size:16px;font-weight:700;color:var(--text-primary)}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:0 12px}.sidebar-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:all .2s;cursor:pointer;border:none;background:none;width:100%;text-align:left}.sidebar-item:hover{background:#ff9f431a;color:var(--c-primary-dark)}.sidebar-item.active{background:linear-gradient(135deg,#ff9f4326,#ff9f4314);color:var(--c-primary-dark);font-weight:700}.page-header{margin-bottom:24px}.page-title{font-size:24px;font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:12px}.page-subtitle{font-size:14px;color:var(--text-secondary);margin-top:4px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-card);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-card);display:flex;align-items:center;gap:16px}.stat-icon{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px}.stat-value{font-size:28px;font-weight:800;line-height:1.1}.stat-label{font-size:13px;color:var(--text-secondary);margin-top:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.animate-fadeInUp{animation:fadeInUp .5s ease forwards}.animate-bounce{animation:bounce 1s ease infinite}.lock-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:linear-gradient(135deg,#fff8f0,#e8f4fd);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.lock-icon{font-size:80px;animation:bounce 2s ease infinite}.lock-text{font-size:24px;font-weight:700;color:var(--text-primary);text-align:center}.lock-subtext{font-size:16px;color:var(--text-secondary)}.dimension-bar{display:flex;align-items:center;gap:12px;margin-bottom:12px}.dimension-bar-label{width:100px;font-size:13px;font-weight:600;text-align:right;flex-shrink:0}.dimension-bar-track{flex:1;height:24px;background:#f0f0f0;border-radius:var(--radius-full);overflow:hidden;position:relative}.dimension-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .8s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;font-size:12px;font-weight:700;color:#fff;min-width:40px}@media(max-width:768px){.app-sidebar{display:none}.app-content{padding:16px}.stat-grid{grid-template-columns:repeat(2,1fr)}}.ant-btn-primary{background:linear-gradient(135deg,var(--c-primary),var(--c-primary-dark))!important;border:none!important;border-radius:var(--radius-sm)!important;font-weight:600!important;box-shadow:0 2px 8px #ff9f4340!important}.ant-modal .ant-modal-content{border-radius:var(--radius-lg)!important}.ant-card{border-radius:var(--radius-md)!important;box-shadow:var(--shadow-card)!important}.markdown-body{font-size:14px;line-height:1.8;color:var(--text-primary);word-wrap:break-word}.markdown-body h1{font-size:22px;font-weight:800;margin:20px 0 12px;padding-bottom:8px;border-bottom:2px solid #F0F0F0}.markdown-body h2{font-size:18px;font-weight:700;margin:18px 0 10px;color:var(--c-primary-dark)}.markdown-body h3{font-size:16px;font-weight:700;margin:14px 0 8px;color:var(--c-secondary)}.markdown-body h4{font-size:14px;font-weight:700;margin:12px 0 6px}.markdown-body p{margin:8px 0}.markdown-body ul,.markdown-body ol{margin:8px 0;padding-left:24px}.markdown-body li{margin:4px 0}.markdown-body li>ul,.markdown-body li>ol{margin:2px 0}.markdown-body strong{font-weight:700;color:var(--text-primary)}.markdown-body em{font-style:italic;color:var(--text-secondary)}.markdown-body blockquote{margin:10px 0;padding:10px 16px;border-left:4px solid var(--c-primary);background:#ff9f430f;border-radius:0 8px 8px 0;color:var(--text-secondary)}.markdown-body blockquote p{margin:4px 0}.markdown-body code{background:#54a0ff1a;padding:2px 6px;border-radius:4px;font-size:13px;font-family:SF Mono,Fira Code,monospace;color:var(--c-secondary)}.markdown-body pre{background:#2d3436;color:#dfe6e9;padding:16px;border-radius:10px;overflow-x:auto;margin:10px 0}.markdown-body pre code{background:none;padding:0;color:inherit;font-size:13px}.markdown-body table{width:100%;border-collapse:collapse;margin:12px 0;font-size:13px}.markdown-body th{background:#fff8f0;font-weight:700;text-align:left;padding:10px 14px;border:1px solid #F0F0F0}.markdown-body td{padding:8px 14px;border:1px solid #F0F0F0}.markdown-body tr:nth-child(2n) td{background:#fafafa}.markdown-body hr{border:none;height:2px;background:linear-gradient(90deg,var(--c-primary-light),transparent);margin:16px 0}.markdown-body a{color:var(--c-secondary);text-decoration:none;border-bottom:1px dashed var(--c-secondary-light)}.markdown-body a:hover{border-bottom-style:solid}.markdown-body img{max-width:100%;border-radius:8px;margin:8px 0}