:root{--primary: #3366E0;--primary-dark: #2554C7;--primary-light: #EBF0FF;--primary-glow: rgba(51, 102, 224, .1);--primary-hover: rgba(51, 102, 224, .06);--accent-coral: #F06565;--accent-amber: #E8A817;--accent-teal: #0DA5A0;--accent-purple: #7358E0;--accent-cyan: #18A5C3;--success: #16A34A;--success-soft: #ECFDF5;--success-dark: #15803D;--warning: #E8A817;--warning-soft: #FFF8EB;--warning-dark: #C27803;--error: #E5484D;--error-soft: #FEF2F2;--error-dark: #CD2B31;--info: #3B82F6;--info-soft: #DBEAFE;--bg-page: #F3F5FA;--bg-base: #FCFCFD;--bg-elevated: #FFFFFF;--bg-glass: rgba(255, 255, 255, .86);--bg-glass-hover: rgba(255, 255, 255, .96);--bg-subtle: #F5F6FA;--text-primary: #121826;--text-secondary: #556278;--text-tertiary: #8C9AB5;--text-muted: #A3B0C4;--text-inverse: #FFFFFF;--border-light: #E4E8F0;--border-default: #D8DDE6;--border-active: rgba(51, 102, 224, .35);--border-subtle: rgba(0, 0, 0, .04);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .03);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-card: 0 2px 10px rgba(0, 0, 0, .035), 0 1px 3px rgba(0, 0, 0, .02);--shadow-hover: 0 6px 24px rgba(51, 102, 224, .09);--shadow-md: 0 4px 14px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 36px rgba(0, 0, 0, .07), 0 4px 10px rgba(0, 0, 0, .03);--shadow-glow: 0 0 0 3px var(--primary-glow);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--transition: all .25s cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .12s;--duration-normal: .25s;--font-ui: "Inter", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--topbar-height: 54px;--sidebar-width: 148px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-ui);font-size:14px;color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em}#app{height:100%}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--primary);color:#fff}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--text-primary)}h1{font-size:22px}h2{font-size:18px}h3{font-size:16px}h4{font-size:14px}.ant-btn-primary{background:var(--primary)!important;border:none!important;box-shadow:var(--shadow-xs)!important;font-weight:600!important;color:#fff!important}.ant-btn-primary:hover{background:var(--primary-dark)!important;box-shadow:0 4px 12px #3366e040!important;transform:translateY(-1px)}.ant-btn{font-family:var(--font-ui)!important;font-weight:500;border-radius:var(--radius-sm)!important;transition:var(--transition)!important}.ant-btn-default{border:1px solid var(--border-light)!important;color:var(--text-secondary)!important;background:var(--bg-elevated)!important}.ant-btn-default:hover{border-color:var(--primary)!important;color:var(--primary)!important;background:var(--primary-light)!important}.ant-input,.ant-select-selector{font-family:var(--font-ui)!important;background:var(--bg-elevated)!important;border-color:var(--border-light)!important;color:var(--text-primary)!important;border-radius:var(--radius-sm)!important}.ant-input:hover,.ant-select-selector:hover{border-color:var(--primary)!important}.ant-input:focus,.ant-select-focused .ant-select-selector{border-color:var(--primary)!important;box-shadow:0 0 0 3px #3366e014!important}.ant-tag{font-family:var(--font-ui)!important;font-weight:500;border-radius:999px!important;border:none!important;padding:2px 12px!important;font-size:12px!important}.ant-modal-content{border-radius:var(--radius-lg)!important}.ant-dropdown-menu{border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important}.ant-progress-bg{border-radius:4px!important}.ant-empty-normal{color:var(--text-tertiary)!important}.ant-table-thead>tr>th{background:var(--bg-subtle)!important;color:var(--text-secondary)!important;font-weight:600!important;font-size:13px!important}.card{background:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-light);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-hover)}.card-elevated{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.glass-card{background:#ffffffdb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.5);border-radius:var(--radius-lg)}.glass-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.welcome-banner{background:linear-gradient(135deg,#eef2ff,#f5f7fe);border-radius:var(--radius-lg);padding:18px 26px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(51,102,224,.08);flex-shrink:0}.welcome-banner .greet h2{font-size:18px;font-weight:580;color:var(--text-primary);margin:0}.welcome-banner .greet p{font-size:13px;color:var(--text-secondary);margin-top:2px}.welcome-banner .stats{display:flex;gap:36px}.welcome-banner .stat-item{text-align:center}.welcome-banner .stat-item .num{font-size:22px;font-weight:650;color:var(--primary);line-height:1.1}.welcome-banner .stat-item .label{font-size:11px;color:var(--text-tertiary);margin-top:1px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.edu-banner{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:10px 16px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-card);flex-shrink:0}.edu-banner .edu-icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;background:var(--primary-light);color:var(--primary)}.edu-banner .edu-title{font-size:13px;font-weight:570;color:var(--text-primary)}.edu-banner .edu-desc{font-size:11px;color:var(--text-tertiary);margin-top:1px}.path-card{background:#fff;border-radius:16px;padding:20px 24px;box-shadow:0 2px 12px #00000008;border:1px solid rgba(226,232,240,.5)}.dual-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bottom-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tool-card{background:#fff;border-radius:16px;padding:20px 22px;box-shadow:0 2px 12px #00000005;border:1px solid rgba(226,232,240,.4);cursor:pointer;transition:all .2s}.tool-card:hover{box-shadow:0 6px 24px #3366e00e;border-color:#3366e026;transform:translateY(-2px)}.mini-card{background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 2px 8px #00000003;border:1px solid rgba(226,232,240,.4);cursor:pointer;transition:all .15s}.mini-card:hover{box-shadow:0 4px 16px #3366e00a;border-color:#3366e01f}.push-float{position:fixed;bottom:88px;right:20px;z-index:899;display:flex;flex-direction:column;align-items:flex-end}.push-trigger{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent-purple));color:#fff;font-size:18px;border:none;box-shadow:0 4px 16px #3366e04d;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.push-trigger:hover{transform:scale(1.06)}.push-popup{background:#fff;border-radius:14px;box-shadow:0 8px 28px #0000000f;padding:14px 18px;width:234px;margin-bottom:10px;opacity:0;pointer-events:none;transition:opacity .25s;font-size:13px;color:#475569}.push-float:hover .push-popup{opacity:1;pointer-events:auto}.mentor-float{position:fixed;bottom:141px;right:20px;z-index:901;display:flex;flex-direction:column;align-items:flex-end;transition:opacity .3s,transform .3s}.mentor-float.hidden{opacity:0;pointer-events:none;transform:translateY(13px)}.mentor-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent-purple));display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;box-shadow:0 4px 16px #3366e04d;cursor:pointer;transition:transform .2s}.mentor-avatar:hover{transform:scale(1.08)}.mentor-bubble{background:#fff;border-radius:14px;padding:12px 16px;box-shadow:0 8px 28px #00000014;font-size:13px;color:#475569;max-width:265px;margin-bottom:8px;position:relative;animation:bubblePop .3s ease}.mentor-bubble:after{content:"";position:absolute;right:18px;bottom:-8px;border:8px solid transparent;border-top-color:#fff}.timeline-panel{position:fixed;top:0;right:-435px;width:415px;height:100vh;background:#fff;box-shadow:-4px 0 24px #0000000f;z-index:802;transition:right .35s cubic-bezier(.4,0,.2,1);padding:28px 24px;overflow-y:auto;border-left:1px solid #eef2f6}.timeline-panel.open{right:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes bubblePop{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp var(--duration-normal) var(--ease-out) forwards}@media (max-width: 860px){:root{--sidebar-width: 128px}.dual-cards,.bottom-cards{grid-template-columns:1fr}}:where(button,.ant-btn,[role=button],.tool-card,.mini-card){touch-action:manipulation}:where(a,button,.ant-btn,.ant-input,.ant-select-selector,.tool-card,.mini-card):focus-visible{outline:2px solid rgba(51,102,224,.45);outline-offset:2px}.card,.card-elevated,.glass-card,.tool-card,.mini-card,.path-card,.ant-card,.ant-modal-content,.ant-table-wrapper .ant-table,.ant-alert{border-radius:8px!important}.ant-card,.card,.card-elevated,.tool-card,.mini-card{border-color:#d8dde6db}.ant-card:hover,.card:hover,.tool-card:hover,.mini-card:hover{border-color:#3366e03d}.ant-table-wrapper{overflow:hidden}.ant-table-tbody>tr>td{transition:background var(--duration-fast) ease}.ant-table-tbody>tr:hover>td{background:#f7f9fe!important}.ant-empty{padding:28px 12px}.ant-empty-description{color:var(--text-tertiary)!important}.ant-message-notice-content{border-radius:8px!important;box-shadow:var(--shadow-lg)!important}.ant-btn[disabled],.ant-btn-disabled{transform:none!important;box-shadow:none!important}@media (max-width: 720px){html,body{font-size:13px}.welcome-banner{align-items:flex-start;padding:16px;gap:14px}.welcome-banner,.edu-banner{flex-direction:column}.welcome-banner .stats{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.welcome-banner .stat-item{text-align:left}.push-float,.mentor-float{right:12px}.timeline-panel{width:min(100vw,380px);right:-100vw}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}