<style>
        * { margin:0; padding:0; box-sizing:border-box; }
        body { font-family: 'Segoe UI', 'PingFang SC', Roboto, sans-serif; background:#f5f9ff; color:#1e2a3e; line-height:1.5; }
        .container { max-width:1280px; margin:0 auto; padding:0 24px; }
        .navbar { background:rgba(255,255,255,0.96); backdrop-filter:blur(10px); box-shadow:0 4px 20px rgba(0,0,0,0.02); position:sticky; top:0; z-index:100; border-bottom:1px solid #e9eef3; }
        .nav-container { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; padding:16px 0; }
        .logo-area { display:flex; align-items:center; gap:10px; }
        .logo-area img { height:36px; width:auto; alt:"ToDesk Logo"; }
        .logo-area h1 { font-size:1.8rem; font-weight:700; background:linear-gradient(135deg,#0084ff,#00c6ff); background-clip:text; -webkit-background-clip:text; color:transparent; }
        .nav-links { display:flex; gap:32px; align-items:center; }
        .nav-links a { text-decoration:none; font-weight:600; color:#2c3e4e; transition:0.2s; }
        .nav-links a:hover, .nav-links a.active { color:#0084ff; }
        .btn-primary { background:linear-gradient(105deg,#0084ff,#00a6ff); border:none; padding:12px 32px; border-radius:40px; font-weight:700; font-size:1rem; color:white; cursor:pointer; transition:0.2s; display:inline-block; text-decoration:none; box-shadow:0 4px 12px rgba(0,132,255,0.3); }
        .btn-primary:hover { transform:translateY(-2px); }
        .btn-outline { background:transparent; border:1.5px solid #0084ff; padding:10px 28px; border-radius:40px; font-weight:600; color:#0084ff; text-decoration:none; display:inline-block; }
        .download-hero { background:linear-gradient(120deg,#e8f2ff,#ffffff); border-radius:48px; padding:60px 40px; margin:48px 0; text-align:center; }
        .grid-cards { display:grid; grid-template-columns:repeat(auto-fit, minmax(260px,1fr)); gap:32px; margin:48px 0; }
        .card { background:white; padding:32px 24px; border-radius:32px; box-shadow:0 10px 25px -5px rgba(0,0,0,0.03); border:1px solid #eef2f8; text-align:center; transition:0.2s; }
        .card i { font-size:3rem; color:#0084ff; margin-bottom:16px; }
        .card h3 { font-size:1.6rem; margin:12px 0; }
        .card .version { color:#5a6e7c; margin:8px 0; }
        .download-link { margin-top:20px; display:inline-block; background:#f0f6ff; padding:8px 20px; border-radius:30px; font-weight:600; color:#0084ff; text-decoration:none; }
        .faq-item { background:white; border-radius:20px; margin-bottom:16px; border:1px solid #eef2f8; overflow:hidden; }
        details { padding:18px 24px; }
        details summary { font-weight:700; font-size:1.1rem; cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center; }
        details summary::-webkit-details-marker { display:none; }
        details summary::after { content:"＋"; font-size:1.4rem; color:#0084ff; }
        details[open] summary::after { content:"－"; }
        .faq-answer { margin-top:16px; padding-top:12px; border-top:1px solid #edf2f7; color:#2d3e50; }
        .footer { background:#0a2540; color:#cbd5e1; padding:48px 0 24px; margin-top:60px; }
        .footer a { color:#90caf9; text-decoration:none; }
        .keyword-tags { display:flex; flex-wrap:wrap; gap:12px; margin:20px 0; }
        .keyword-tags span { background:#1e3a5f; padding:6px 14px; border-radius:40px; font-size:0.85rem; color:white; }
        @media (max-width:768px){ .nav-container { flex-direction:column; gap:12px; } .download-hero{ padding:32px 20px; } }
    </style>