*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Microsoft YaHei,system-ui,-apple-system,sans-serif;color:#333;background-color:#f7f8fa;line-height:1.7}li,ol,ul{list-style:none}a{text-decoration:none;color:inherit;transition:.3s ease}button{border:0;background:transparent;cursor:pointer;font-family:inherit}input,textarea{outline:none;border:1px solid #e5e7eb;font-family:inherit}:root{--primary:#4361ee;--primary-light:#607bff;--dark:#1a1d28;--gray:#6b7280;--light-bg:#f3f4f6;--white:#fff;--border:#e5e7eb;--shadow:0 2px 18px rgba(0,0,0,.06);--radius:10px}#_app{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;margin:0 auto;padding:0 16px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.btn{padding:10px 22px;border-radius:var(--radius);font-size:15px;transition:all .3s}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-light)}.btn-outline{border:1px solid var(--primary);color:var(--primary)}.btn-outline:hover{background-color:var(--primary);color:#fff}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);padding:24px}.section{padding:60px 0}.sec-title{font-size:28px;text-align:center;color:var(--dark);margin-bottom:40px}@media(max-width:768px){html{font-size:15px}.section{padding:40px 0}}@media(min-width:1024px){.container{max-width:1200px}}