:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--accent-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--success-gradient: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--warning-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--bg-dark: #0a0a1a;--bg-darker: #050510;--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .06);--bg-glass: rgba(255, 255, 255, .05);--bg-light: #f8fafc;--bg-light-card: #ffffff;--bg-light-secondary: #f1f5f9;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--text-dark: #1e293b;--text-dark-secondary: #64748b;--border-color: rgba(255, 255, 255, .1);--border-light: rgba(255, 255, 255, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px rgba(102, 126, 234, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-light);color:var(--text-dark);line-height:1.6}#root{min-height:100vh}.glass{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color)}.glass-card{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.05);border-radius:var(--radius-lg);box-shadow:0 4px 24px #0000000f;transition:all var(--transition-normal)}.glass-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-accent{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow{box-shadow:var(--shadow-glow)}.glow-text{text-shadow:0 0 20px rgba(102,126,234,.5)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #667eea4d}50%{box-shadow:0 0 40px #667eea99}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-gradient{background-size:200% 200%;animation:gradient-shift 3s ease infinite}.animate-fadeInUp{animation:fadeInUp .6s ease forwards}.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);background-size:200% 100%;animation:shimmer 2s infinite}.btn-primary{background:var(--primary-gradient);border:none;color:#fff;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-normal);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.btn-glass{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-normal)}.btn-glass:hover{background:#fff3;border-color:#ffffff4d}.tech-card{background:#fff;border-radius:var(--radius-lg);border:1px solid #e2e8f0;transition:all var(--transition-normal);overflow:hidden}.tech-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0000001a;border-color:transparent}.tech-card-gradient{position:relative;background:#fff;border-radius:var(--radius-lg);overflow:hidden}.tech-card-gradient:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient)}.tech-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:var(--radius-md);transition:all var(--transition-normal)}.tech-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;background:#fff}.tech-tag{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.2);color:#667eea;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd6,#6a4190)}.cursor-blink{animation:blink 1s infinite;color:#667eea}.markdown-body{font-size:14px;line-height:1.8;color:var(--text-dark)}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin-top:24px;margin-bottom:12px;font-weight:700;color:var(--text-dark)}.markdown-body p{margin-bottom:16px}.markdown-body code{background:linear-gradient(135deg,#667eea1a,#764ba21a);padding:2px 8px;border-radius:6px;font-family:JetBrains Mono,Monaco,Consolas,monospace;font-size:13px;color:#667eea}.markdown-body pre{background:#1e293b;padding:16px;border-radius:var(--radius-md);overflow-x:auto}.markdown-body pre code{background:none;padding:0;color:#e2e8f0}.markdown-body ul,.markdown-body ol{padding-left:24px;margin-bottom:16px}.markdown-body blockquote{border-left:4px solid var(--primary-gradient);color:var(--text-dark-secondary);margin:16px 0;background:#f8fafc;padding:12px 16px;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.markdown-body table{border-collapse:collapse;width:100%;margin-bottom:16px;border-radius:var(--radius-md);overflow:hidden}.markdown-body th,.markdown-body td{border:1px solid #e2e8f0;padding:12px 16px;text-align:left}.markdown-body th{background:linear-gradient(135deg,#667eea1a,#764ba21a);font-weight:600}.ant-menu-horizontal{border-bottom:none!important;background:transparent!important}.ant-menu-horizontal>.ant-menu-item:after,.ant-menu-horizontal>.ant-menu-submenu:after{border-bottom:none!important}.ant-menu-horizontal>.ant-menu-item-selected{color:#667eea!important;font-weight:600}.ant-menu-horizontal>.ant-menu-item:hover{color:#667eea!important}.ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;box-shadow:0 4px 15px #667eea4d!important}.ant-btn-primary:hover{background:linear-gradient(135deg,#5a6fd6,#6a4190)!important;box-shadow:0 6px 20px #667eea66!important}.ant-card{border-radius:var(--radius-lg)!important;border:1px solid #e2e8f0!important;box-shadow:0 2px 8px #0000000a!important;transition:all var(--transition-normal)!important}.ant-card:hover{box-shadow:0 8px 30px #00000014!important}.ant-input,.ant-input-affix-wrapper{border-radius:var(--radius-md)!important;border:2px solid #e2e8f0!important;transition:all var(--transition-normal)!important}.ant-input:focus,.ant-input-affix-wrapper:focus,.ant-input:hover,.ant-input-affix-wrapper:hover{border-color:#667eea!important}.ant-input:focus,.ant-input-affix-wrapper-focused{box-shadow:0 0 0 4px #667eea1a!important}.ant-select-selector{border-radius:var(--radius-md)!important;border:2px solid #e2e8f0!important}.ant-select:hover .ant-select-selector{border-color:#667eea!important}.ant-select-focused .ant-select-selector{border-color:#667eea!important;box-shadow:0 0 0 4px #667eea1a!important}.ant-tag{border-radius:20px!important;padding:2px 12px!important;border:none!important}.ant-rate-star-full .ant-rate-star-second{color:#faad14!important}.ant-avatar{border:2px solid rgba(102,126,234,.2)!important}.ant-badge-count{background:linear-gradient(135deg,#f093fb,#f5576c)!important;box-shadow:0 2px 8px #f093fb66!important}.ant-dropdown-menu{border-radius:var(--radius-md)!important;box-shadow:0 10px 40px #0000001a!important;border:1px solid #e2e8f0!important;padding:8px!important}.ant-dropdown-menu-item{border-radius:var(--radius-sm)!important;margin:2px 0!important}.ant-tabs-tab{font-weight:500!important}.ant-tabs-tab-active{font-weight:600!important}.ant-tabs-ink-bar{background:linear-gradient(135deg,#667eea,#764ba2)!important;height:3px!important;border-radius:3px!important}.ant-progress-bg,.ant-switch-checked{background:linear-gradient(135deg,#667eea,#764ba2)!important}.ant-modal-content{border-radius:var(--radius-xl)!important;overflow:hidden}.ant-modal-header{border-bottom:1px solid #e2e8f0!important}.ant-table-thead>tr>th{background:linear-gradient(135deg,#667eea0d,#764ba20d)!important;font-weight:600!important}.ant-pagination-item-active{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important}.ant-pagination-item-active a{color:#fff!important}.ant-message-notice-content{border-radius:var(--radius-md)!important;box-shadow:0 10px 40px #00000026!important}.ant-layout-sider .ant-menu-inline .ant-menu-item,.ant-layout-sider .ant-menu-inline .ant-menu-submenu-title{white-space:nowrap;overflow:visible}.ant-layout-sider .ant-menu-inline .ant-menu-item-group-title,.ant-layout-sider .ant-menu-inline .ant-menu-item span,.ant-layout-sider .ant-menu-inline .ant-menu-submenu-title span{overflow:visible;text-overflow:clip}@media (max-width: 768px){.glass-card,.tech-card{border-radius:var(--radius-md)}}