<style>
    *{margin:0;padding:0;box-sizing:border-box}
    body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background:#f5f9ff;color:#102a4c;line-height:1.5}
    .container{max-width:1280px;margin:0 auto;padding:0 24px}
    
    /* 导航栏样式 */
    .bg-soft-blue{background:linear-gradient(145deg,#e8f0fe 0%,#d9e9ff 100%)}
    .btn-primary{background:#0a66c2;color:white;border:none;padding:12px 32px;border-radius:60px;font-weight:600;font-size:1.1rem;box-shadow:0 8px 18px rgba(10,102,194,0.2);transition:all 0.2s;display:inline-block;text-decoration:none}
    .btn-primary:hover{background:#004182;box-shadow:0 10px 22px rgba(0,65,130,0.25);transform:translateY(-2px)}
    .btn-outline-light{border:2px solid white;background:transparent;color:white;padding:10px 28px;border-radius:60px;font-weight:600;transition:0.2s;text-decoration:none}
    .btn-outline-light:hover{background:white;color:#0a66c2}
    .btn-outline-blue{border:2px solid #0a66c2;background:transparent;color:#0a66c2;padding:10px 28px;border-radius:60px;font-weight:600;text-decoration:none;transition:all 0.2s}
    .btn-outline-blue:hover{background:#0a66c2;color:white}
    
    header{background:rgba(255,255,255,0.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(10,102,194,0.1);position:sticky;top:0;z-index:50}
    .nav-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px 0}
    .logo-area{display:flex;align-items:center;gap:8px}
    .logo-icon{width:40px;height:40px;background:#0a66c2;border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:24px;box-shadow:0 6px 12px rgba(10,102,194,0.2)}
    .logo-text{font-weight:700;font-size:1.5rem;color:#0a2744;letter-spacing:-0.01em}
    .nav-links{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
    .nav-links a{text-decoration:none;color:#1e3a6b;font-weight:500;padding:6px 2px}
    .dropdown{position:relative}
    .dropdown-content{display:none;position:absolute;background:white;min-width:140px;box-shadow:0 12px 28px rgba(0,0,0,0.08);border-radius:20px;padding:12px 0;top:32px;left:0}
    .dropdown:hover .dropdown-content{display:block}
    .dropdown-content a{display:block;padding:8px 20px;color:#102a4c}
    .free-download-btn{background:#0a66c2;color:white!important;padding:8px 22px!important;border-radius:40px;margin-left:12px}
    
    /* 卡片效果 */
    .card{background:rgba(255,255,255,0.7);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:32px;padding:28px;box-shadow:0 18px 40px -12px rgba(0,35,70,0.12);border:1px solid rgba(255,255,255,0.6)}
    .soft-card{background:white;border-radius:28px;padding:24px;box-shadow:0 10px 28px -8px rgba(10,102,194,0.12);transition:all 0.2s}
    .soft-card:hover{box-shadow:0 24px 40px -12px rgba(10,102,194,0.18)}
    
    h1{font-size:3rem;font-weight:700;letter-spacing:-0.02em}
    h2{font-size:2.2rem;margin-bottom:24px;font-weight:600}
    h3{font-size:1.3rem;font-weight:600;margin-bottom:8px}
    
    .footer{background:#0a1e32;color:#ccddef;padding:48px 0 24px;margin-top:60px}
    .footer a{color:#bdd3f0;text-decoration:none}
    
    /* 轮播 */
    .carousel{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 4px 24px}
    .carousel-item{min-width:300px;flex:0 0 auto;scroll-snap-align:start}
    
    .star-gold{color:#f5b342;font-size:1.3rem;letter-spacing:2px}
    
    /* ===== 新增样式：安装使用流程 ===== */
    .process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px}
    .process-card{background:#f8fbff;border-radius:24px;padding:28px 20px;text-align:center;border:1px solid rgba(10,102,194,0.1);position:relative;transition:all 0.25s}
    .process-card:hover{background:white;border-color:#0a66c2;box-shadow:0 20px 36px -12px rgba(10,102,194,0.2);transform:translateY(-4px)}
    .process-number{width:48px;height:48px;background:linear-gradient(145deg,#0a66c2,#0a4b9a);color:white;border-radius:48px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.4rem;margin:0 auto 20px;box-shadow:0 8px 18px rgba(10,102,194,0.25)}
    .process-icon{font-size:2.2rem;margin-bottom:12px}
    .process-arrow{position:absolute;right:-18px;top:50%;transform:translateY(-50%);font-size:1.8rem;color:#0a66c2;opacity:0.5}
    
    /* ===== 新增样式：常见问题版块 ===== */
    .faq-wrapper{display:grid;grid-template-columns:1fr 1.5fr;gap:30px}
    .faq-hot-topics{background:linear-gradient(145deg,#e8f2ff,#f0f7ff);border-radius:28px;padding:28px}
    .topic-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
    .topic-tag{background:white;color:#0a66c2;padding:8px 18px;border-radius:40px;font-weight:500;font-size:0.95rem;box-shadow:0 4px 10px rgba(0,0,0,0.04);transition:all 0.2s;cursor:pointer}
    .topic-tag:hover{background:#0a66c2;color:white;box-shadow:0 8px 16px rgba(10,102,194,0.2)}
    .faq-list details{background:white;border-radius:18px;padding:16px 20px;margin-bottom:10px;border:1px solid rgba(10,102,194,0.08);transition:all 0.2s}
    .faq-list details[open]{border-color:#0a66c2;box-shadow:0 8px 20px -6px rgba(10,102,194,0.15)}
    .faq-list summary{font-weight:600;cursor:pointer;color:#0a3e6b;display:flex;align-items:center;gap:8px}
    .faq-list summary::before{content:"Q";color:#0a66c2;font-weight:700;font-size:1.1rem}
    .faq-list details p{padding-top:12px;margin-top:8px;border-top:1px dashed #c0d4f0;color:#4a6f8f;padding-left:24px}
    
    /* ===== 新增样式：评论+下载合并版块 ===== */
    .testimonial-download-combo{display:grid;grid-template-columns:1.2fr 0.8fr;gap:30px;margin-top:30px}
    .testimonial-section{background:white;border-radius:32px;padding:32px;box-shadow:0 18px 40px -12px rgba(10,102,194,0.1)}
    .testimonial-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
    .testimonial-rating{display:flex;align-items:center;gap:8px}
    .rating-number{font-size:2.5rem;font-weight:700;color:#0a66c2}
    .testimonial-cards{display:flex;flex-direction:column;gap:20px}
    .testimonial-item{display:flex;gap:16px;padding:18px;background:#f8fbff;border-radius:20px;transition:all 0.2s}
    .testimonial-item:hover{background:white;box-shadow:0 8px 20px -6px rgba(10,102,194,0.12)}
    .testimonial-avatar{width:52px;height:52px;background:linear-gradient(145deg,#0a66c2,#0a4b9a);border-radius:52px;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:1.2rem;flex-shrink:0}
    .testimonial-content{flex:1}
    .testimonial-name{font-weight:600;margin-bottom:4px}
    .testimonial-text{color:#4a6f8f;font-size:0.95rem;margin-bottom:8px}
    
    .download-section{background:linear-gradient(145deg,#0a66c2,#0a4b9a);border-radius:32px;padding:36px 28px;color:white;display:flex;flex-direction:column;justify-content:center;box-shadow:0 24px 48px -12px rgba(10,102,194,0.4)}
    .download-section h3{color:white;font-size:2rem;margin-bottom:12px}
    .download-features{display:flex;gap:16px;margin:24px 0;flex-wrap:wrap}
    .download-feature{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,0.15);padding:6px 14px;border-radius:40px;font-size:0.9rem}
    .btn-download-large{background:white;color:#0a66c2;border:none;padding:18px 32px;border-radius:60px;font-weight:700;font-size:1.2rem;text-decoration:none;display:inline-block;text-align:center;box-shadow:0 12px 28px rgba(0,0,0,0.15);transition:all 0.2s}
    .btn-download-large:hover{transform:translateY(-3px);box-shadow:0 20px 36px rgba(0,0,0,0.2)}
    
    /* 响应式 */
    @media (max-width:800px){
      .nav-links{display:none}
      h1{font-size:2.2rem}
      .process-grid{grid-template-columns:repeat(2,1fr)}
      .faq-wrapper{grid-template-columns:1fr}
      .testimonial-download-combo{grid-template-columns:1fr}
      .process-arrow{display:none}
    }
    @media (max-width:500px){
      .process-grid{grid-template-columns:1fr}
    }
  </style>