#app{min-height:100vh}:root{--primary-color: #1e88e5;--primary-dark: #0d47a1;--primary-light: #64b5f6;--bg-color: #f5f9fc;--text-color: #2c3e50;--text-light: #7f8c8d;--white: #ffffff;--border-color: #e0e6ed;--shadow: 0 2px 12px rgba(0, 0, 0, .1);--shadow-hover: 0 8px 25px rgba(30, 136, 229, .2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:PingFang SC,Microsoft YaHei,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6}a{text-decoration:none;color:inherit}ul,ol{list-style:none}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-title{text-align:center;margin-bottom:40px}.section-title h2{font-size:32px;color:var(--primary-dark);margin-bottom:10px}.section-title p{color:var(--text-light);font-size:16px}.btn{display:inline-block;padding:12px 30px;border-radius:4px;font-size:16px;cursor:pointer;transition:all .3s ease;border:none}.btn-primary{background:var(--primary-color);color:var(--white)}.btn-primary:hover{background:var(--primary-dark)}.btn-outline{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:var(--white)}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media (max-width: 1024px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.card-grid{grid-template-columns:1fr}}.more-section{text-align:center;margin-top:40px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease forwards}