*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI','Microsoft YaHei',sans-serif}body{min-height:100vh;display:flex;justify-content:center;align-items:center;background-size:cover;background-position:center;background-repeat:no-repeat;padding:20px;transition:background-image 0.5s ease}.container{width:100%;max-width:800px;text-align:center}.header{margin-bottom:40px}.header h1{color:rgba(255,255,255,0.9);font-size:2.8rem;margin-bottom:10px;text-shadow:0 2px 10px rgba(0,0,0,0.3)}.header p{color:rgba(255,255,255,0.7);font-size:1.2rem;max-width:600px;margin:0 auto}.api-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.card{background:rgba(255,255,255,0.15);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:16px;padding:30px;width:100%;max-width:350px;box-shadow:0 8px 32px rgba(0,0,0,0.1);border:1px solid rgba(255,255,255,0.18);transition:transform 0.3s ease,box-shadow 0.3s ease}.card:hover{transform:translateY(-10px);box-shadow:0 15px 35px rgba(0,0,0,0.2)}.card-icon{font-size:3.5rem;margin-bottom:20px;display:block}.card h2{color:rgba(255,255,255,0.9);margin-bottom:15px;font-size:1.8rem}.card p{color:rgba(255,255,255,0.7);margin-bottom:25px;line-height:1.6}.card a{display:inline-block;background:rgba(255,255,255,0.2);color:white;text-decoration:none;padding:12px 30px;border-radius:50px;font-weight:600;transition:all 0.3s ease;border:1px solid rgba(255,255,255,0.3)}.card a:hover{background:rgba(255,255,255,0.3);transform:scale(1.05)}.footer{margin-top:50px;color:rgba(255,255,255,0.6);font-size:0.9rem}.footer a{color:rgba(255,255,255,0.7);text-decoration:none;transition:color 0.3s ease}.footer a:hover{color:rgba(255,255,255,0.9);text-decoration:underline}@media (max-width:768px){.header h1{font-size:2.2rem}.card{padding:25px 20px}}