:root{--pink-50: #FFF0F5;--pink-100: #FFE4ED;--pink-200: #FFC9DD;--pink-300: #FFA0C8;--pink-400: #FF6FB3;--pink-500: #FF4AA1;--pink-600: #E6358C;--mint-50: #F0FFF4;--mint-100: #C6F6D5;--mint-200: #9AE6B4;--mint-300: #68D391;--mint-400: #48BB78;--mint-500: #38A169;--lavender-50: #F5F3FF;--lavender-100: #EDE9FE;--lavender-200: #DDD6FE;--lavender-300: #C4B5FD;--lavender-400: #A78BFA;--lavender-500: #8B5CF6;--peach-50: #FFF5F0;--peach-100: #FFE8DB;--peach-200: #FFD0B8;--peach-300: #FFB08F;--peach-400: #FF8B5C;--peach-500: #FF6B35;--yellow-50: #FFFBEB;--yellow-100: #FEF3C7;--yellow-200: #FDE68A;--yellow-300: #FCD34D;--yellow-400: #FBBF24;--yellow-500: #F59E0B;--sky-50: #F0F9FF;--sky-100: #E0F2FE;--sky-200: #BAE6FD;--sky-300: #7DD3FC;--sky-400: #38BDF8;--sky-500: #0EA5E9;--gray-50: #FAFAFA;--gray-100: #F5F5F5;--gray-200: #E5E5E5;--gray-300: #D4D4D4;--gray-400: #A3A3A3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--shadow-sm: 0 2px 8px rgba(255, 74, 161, .1);--shadow-md: 0 4px 16px rgba(255, 74, 161, .15);--shadow-lg: 0 8px 32px rgba(255, 74, 161, .2);--shadow-xl: 0 12px 48px rgba(255, 74, 161, .25);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,var(--pink-50) 0%,var(--lavender-50) 50%,var(--sky-50) 100%);color:var(--gray-800);line-height:1.6;overflow-x:hidden;min-height:100vh}#app{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--gray-900)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}a{text-decoration:none;color:inherit;transition:var(--transition-base)}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:var(--transition-base)}img{max-width:100%;height:auto;display:block}.btn{padding:12px 24px;border-radius:24px;font-weight:600;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,var(--pink-400),var(--pink-600));color:#fff}.btn-secondary{background:linear-gradient(135deg,var(--lavender-400),var(--lavender-500));color:#fff}.btn-outline{background:#fff;color:var(--pink-500);border:2px solid var(--pink-300)}.card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-3xl)}.spinner{width:48px;height:48px;border:4px solid var(--pink-200);border-top-color:var(--pink-500);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .5s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media(max-width:1024px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}.container{padding:0 var(--spacing-md)}}@media(max-width:768px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}.btn{padding:10px 20px;font-size:.9rem}.container{padding:0 var(--spacing-sm)}}@media(max-width:480px){h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}}