*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f9fa;color:#333;font-family:PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 20px}@media (max-width:768px){.container{padding:0 15px}}.btn{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:14px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.btn-primary{background-color:#1890ff;color:#fff}.btn-primary:hover{background-color:#40a9ff}.card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.section-title{color:#1890ff;font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis-2{-webkit-line-clamp:2}.text-ellipsis-2,.text-ellipsis-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.text-ellipsis-3{-webkit-line-clamp:3}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0}