:root{--primary-color: #1890ff;--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-color: #52c41a;--accent-color: #722ed1;--warning-color: #fa8c16;--danger-color: #fa541c;--info-color: #13c2c2;--text-primary: #262626;--text-secondary: #595959;--text-tertiary: #8c8c8c;--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-tertiary: #f0f2f5;--border-color: #d9d9d9;--shadow-light: 0 2px 8px rgba(0, 0, 0, .06);--shadow-medium: 0 4px 12px rgba(0, 0, 0, .1);--shadow-heavy: 0 8px 24px rgba(0, 0, 0, .12);--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px}*{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;font-size:14px;line-height:1.5715;color:var(--text-primary);background:var(--bg-tertiary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-color)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.hover-card{transition:all .3s ease;border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--bg-primary)}.hover-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-heavy);border-color:var(--primary-color)}.gradient-bg{background:var(--primary-gradient);color:#fff}.gradient-bg-secondary{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .8s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.slide-in-left{animation:slideInLeft .6s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:slideInRight .6s ease-out}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #667eeab3}50%{transform:scale(1.05);box-shadow:0 0 0 10px #667eea00}to{transform:scale(1);box-shadow:0 0 #667eea00}}.pulse{animation:pulse 2s infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float{animation:float 3s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bounce{animation:bounce .5s ease infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotate{animation:rotate 2s linear infinite}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.scale-in{animation:scaleIn .5s ease-out}.scroll-reveal{opacity:0;transform:translateY(30px);transition:all .8s ease}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.btn-primary{background:var(--primary-gradient);border:none;color:#fff;padding:8px 24px;border-radius:var(--border-radius-md);font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.section-title{position:relative;padding-bottom:16px;margin-bottom:32px}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:4px;background:var(--primary-gradient);border-radius:2px}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:4px 12px;background:var(--bg-secondary);border-radius:20px;font-size:12px;color:var(--text-secondary);transition:all .3s ease}.tag:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.container{padding:0 16px}.section-title{font-size:24px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.loading-spinner{width:40px;height:40px;border:4px solid var(--bg-secondary);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.divider{height:1px;background:linear-gradient(to right,transparent,var(--border-color),transparent);margin:24px 0}.text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shadow-card{box-shadow:var(--shadow-light);transition:box-shadow .3s ease}.shadow-card:hover{box-shadow:var(--shadow-medium)}.rounded-full{border-radius:9999px}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}