:root{--color-primary-400: #818CF8;--color-primary-500: #6366F1;--color-primary-600: #4F46E5;--color-accent-cyan: #06B6D4;--color-accent-light: #22D3EE;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--color-bg-primary: #F8FAFC;--color-bg-secondary: #EEF2FF;--color-bg-gradient: linear-gradient(135deg, #F8FAFF 0%, #EEF2FF 100%);--color-gray-900: #0F172A;--color-gray-700: #334155;--color-gray-500: #64748B;--color-gray-300: #CBD5E1;--color-gray-100: #F1F5F9;--color-white: #FFFFFF;--color-black: #000000;--font-family-en: "Inter", "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-cn: "HarmonyOS Sans", "思源黑体", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", sans-serif;--font-family-base: var(--font-family-cn), var(--font-family-en);--font-size-h1: 48px;--font-size-h2: 32px;--font-size-h3: 24px;--font-size-body: 16px;--font-size-small: 14px;--font-weight-bold: 700;--font-weight-semibold: 600;--font-weight-normal: 400;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 20px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 4px 14px rgba(99, 102, 241, .3);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .05);--shadow-card: 0 10px 30px rgba(0, 0, 0, .05);--transition-fast: .2s;--transition-normal: .3s;--transition-slow: .5s;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family-base);font-size:var(--font-size-body);font-weight:var(--font-weight-normal);line-height:1.6;color:var(--color-gray-900);background:var(--color-bg-primary);background-image:var(--color-bg-gradient);min-height:100vh}a{color:var(--color-primary-500);text-decoration:none;transition:color var(--transition-fast) ease}a:hover{color:var(--color-primary-600)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:1.2;color:var(--color-gray-900)}h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}p{margin-bottom:var(--spacing-md);color:var(--color-gray-700)}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none}input,textarea,select{font-family:inherit;font-size:inherit;outline:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.container-fluid{width:100%;padding:0 var(--spacing-lg)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--color-primary-500)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.text-gray-900{color:var(--color-gray-900)}.text-gray-700{color:var(--color-gray-700)}.text-gray-500{color:var(--color-gray-500)}.bg-primary{background-color:var(--color-primary-500)}.bg-white{background-color:var(--color-white)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gradient{background:var(--color-bg-gradient)}.card{background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--color-bg-secondary);padding:var(--spacing-lg);transition:transform var(--transition-normal) ease,box-shadow var(--transition-normal) ease}.card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000014}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--border-radius-md);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast) ease;cursor:pointer;border:none;outline:none}.btn-primary{background:var(--color-primary-500);color:var(--color-white);box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--color-primary-600);transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.btn-secondary{background:transparent;color:var(--color-primary-500);border:1px solid var(--color-primary-500)}.btn-secondary:hover{background:#6366f11a}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.hidden{display:none}.visible{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.fade-in{animation:fadeIn var(--transition-normal) ease}.slide-up{animation:slideUp var(--transition-normal) ease}.float{animation:float 3s ease-in-out infinite}.tech-glow{position:relative}.tech-glow:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(99,102,241,.15),transparent 40%);pointer-events:none;z-index:-1}@media(max-width:768px){:root{--font-size-h1: 36px;--font-size-h2: 28px;--font-size-h3: 20px;--font-size-body: 14px}.container{padding:0 var(--spacing-md)}}@media(max-width:480px){:root{--font-size-h1: 28px;--font-size-h2: 24px;--font-size-h3: 18px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}::selection{background:var(--color-primary-500);color:var(--color-white)}::-moz-selection{background:var(--color-primary-500);color:var(--color-white)}