<style>
    *{margin:0;padding:0;box-sizing:border-box;font-family:system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;}
    body{background:#f5f9ff;color:#1a2b4c;line-height:1.5;}
    a{text-decoration:none;color:inherit;}
    .container{max-width:1280px;margin:0 auto;padding:0 24px;}
    .site-header{background:#0a2540;color:white;padding:16px 0;border-bottom:4px solid #1e88e5;}
    .header-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
    .logo a{font-size:1.8rem;font-weight:700;color:white;display:flex;align-items:center;gap:6px;}
    .logo span{background:#1e88e5;padding:4px 10px;border-radius:40px;font-size:0.9rem;margin-left:6px;}
    .nav-menu{display:flex;gap:32px;font-weight:500;}
    .nav-menu a{padding:6px 0;border-bottom:2px solid transparent;color:#e0edff;}
    .nav-menu a:hover{border-bottom-color:#1e88e5;color:white;}
    .btn{display:inline-block;background:#1e88e5;color:white;font-weight:600;padding:12px 32px;border-radius:60px;border:none;transition:0.2s;box-shadow:0 8px 16px rgba(30,136,229,0.2);}
    .btn-large{padding:16px 42px;font-size:1.2rem;}
    .btn-outline{background:transparent;border:2px solid #1e88e5;color:#1e88e5;}
    .btn:hover{background:#0f6bc2;transform:translateY(-2px);}
    section{padding:60px 0;}
    .section-title{font-size:2.2rem;font-weight:700;margin-bottom:20px;color:#0a2540;}
    .grid-download{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:30px;}
    .download-card{background:white;border-radius:28px;padding:30px 20px;text-align:center;box-shadow:0 12px 28px rgba(0,0,0,0.04);border:1px solid #d9eaff;}
    .download-card h3{font-size:1.6rem;margin:16px 0 8px;}
    .platform-icon{font-size:3.2rem;}
    .faq-list details{border-bottom:1px solid #cbdbe9;padding:16px 0;}
    .faq-list summary{font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;}
    .faq-list summary::before{content:"Q";background:#1e88e5;color:white;width:28px;height:28px;border-radius:28px;display:inline-flex;align-items:center;justify-content:center;margin-right:15px;}
    .answer{padding:10px 0 8px 48px;}
    .steps-guide{display:flex;gap:30px;margin-top:20px;flex-wrap:wrap;}
    .step-item{flex:1;background:#eef4ff;border-radius:20px;padding:24px;}
    .site-footer{background:#0a1a2b;color:#b0c7e0;padding:48px 0 24px;margin-top:40px;}
    .footer-nav{display:flex;flex-wrap:wrap;gap:60px;margin-bottom:30px;}
    .footer-col h4{color:white;}
    .footer-col ul{list-style:none;}
    .footer-col li{margin:8px 0;}
    .hashtags{margin:24px 0;color:#6f9fd3;word-break:break-all;}
    .copyright{border-top:1px solid #1e3a5f;padding-top:24px;text-align:center;}
    .link-buttons{display:flex;gap:20px;flex-wrap:wrap;margin:30px 0;}
  </style>