Safew官网 | 极速·加密/title> <meta name="description" content="Safew 是一款融合端到端加密、AI 智能助手与跨平台实时同步的新一代聊天软件，为您的每一次对话提供银行级安全守护。" /> <meta name="keywords" content="Safew,安全聊天软件,加密通讯,AI聊天助手,即时通讯,跨平台同步,端到端加密" /> <meta name="robots" content="index, follow" /> <meta name="bingbot" content="index, follow" />  <meta property="og:title" content="Safew · 新一代安全智能聊天软件" /> <meta property="og:description" content="端到端加密 · AI 智能助手 · 跨平台实时同步" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.safew.com/" /> <meta property="og:image" content="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Crect width='120' height='120' fill='%230a1628'/%3E%3Ctext x='60' y='72' text-anchor='middle' font-size='52' fill='%23ffffff' font-family='Arial'%3E💬%3C/text%3E%3C/svg%3E" />  <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "SoftwareApplication", "name": "Safew", "description": "Safew 是一款端到端加密、AI 智能助手的跨平台聊天软件，保障您的每一次对话安全私密。", "applicationCategory": "Communication", "operatingSystem": "Windows, macOS, iOS, Android, Web", "offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD" }, "author": { "@type": "Organization", "name": "Safew Inc." }, "softwareVersion": "3.2.1", "downloadUrl": "https://www.safew.com/download.html" } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "name": "Safew Inc.", "description": "Safew 致力于为全球用户提供安全、智能、高效的通讯解决方案。", "url": "https://www.safew.com/", "logo": "https://www.safew.com/favicon.ico", "contactPoint": { "@type": "ContactPoint", "contactType": "Customer Support", "email": "support@safew.com" }, "sameAs": [ "https://twitter.com/safew", "https://github.com/safew" ] } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebPage", "name": "Safew 官网 - 安全智能聊天软件", "description": "Safew 新一代安全智能聊天软件，端到端加密，AI 智能助手，跨平台实时同步。", "url": "https://www.safew.com/", "about": { "@type": "SoftwareApplication", "name": "Safew" } } </script> <style> /* ===== 全局重置 & 基础 ===== */ *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif; background: #ffffff; color: #0f1724; line-height: 1.6; overflow-x: hidden; } a { text-decoration: none; color: inherit; } ul { list-style: none; } .container { max-width: 1200px; margin: 0 auto; padding: 0 32px; } /* ===== 导航栏 ===== */ .navbar { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background: rgba(255, 255, 255, 0.82); backdrop-filter: blur(18px) saturate(180%); -webkit-backdrop-filter: blur(18px) saturate(180%); border-bottom: 1px solid rgba(15, 23, 36, 0.06); transition: box-shadow 0.3s ease; padding: 0 32px; height: 72px; display: flex; align-items: center; justify-content: space-between; } .navbar.scrolled { box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05); } .nav-brand { display: flex; align-items: center; gap: 12px; font-weight: 700; font-size: 22px; letter-spacing: -0.4px; color: #0a1628; } .nav-brand svg { flex-shrink: 0; } .nav-brand span { background: linear-gradient(135deg, #0a1628 40%, #1a3a5c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .nav-links { display: flex; align-items: center; gap: 40px; font-size: 15px; font-weight: 500; color: #1e293b; } .nav-links a { position: relative; padding: 4px 0; transition: color 0.25s ease; cursor: pointer; } .nav-links a::after { content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 2px; background: #1a3a5c; transition: width 0.3s ease; border-radius: 2px; } .nav-links a:hover { color: #0a1628; } .nav-links a:hover::after { width: 100%; } .nav-download-btn { display: inline-flex; align-items: center; justify-content: center; padding: 10px 28px; background: #0a1628; color: #ffffff !important; font-weight: 600; font-size: 14px; border-radius: 60px; transition: all 0.3s ease; border: none; cursor: pointer; letter-spacing: 0.2px; } .nav-download-btn:hover { background: #1a3a5c; transform: scale(1.03); box-shadow: 0 8px 28px rgba(10, 22, 40, 0.25); } .nav-download-btn::after { display: none !important; } /* 移动端汉堡菜单 */ .nav-toggle { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 4px; background: none; border: none; } .nav-toggle span { display: block; width: 26px; height: 2px; background: #0a1628; border-radius: 4px; transition: all 0.3s ease; } .nav-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); } .nav-toggle.active span:nth-child(2) { opacity: 0; } .nav-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); } /* ===== Hero 区域 ===== */ .hero { padding: 140px 0 100px; background: #ffffff; position: relative; overflow: hidden; } .hero::before { content: ''; position: absolute; top: -30%; right: -10%; width: 600px; height: 600px; background: radial-gradient(circle, rgba(26, 58, 92, 0.03) 0%, transparent 70%); border-radius: 50%; pointer-events: none; } .hero::after { content: ''; position: absolute; bottom: -20%; left: -10%; width: 500px; height: 500px; background: radial-gradient(circle, rgba(45, 125, 210, 0.03) 0%, transparent 70%); border-radius: 50%; pointer-events: none; } .hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; position: relative; z-index: 2; } .hero-content h1 { font-size: 56px; font-weight: 800; line-height: 1.1; letter-spacing: -1.5px; color: #0a1628; margin-bottom: 20px; } .hero-content h1 .highlight { background: linear-gradient(135deg, #1a3a5c, #2d7dd2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .hero-content .subtitle { font-size: 20px; color: #475569; max-width: 500px; margin-bottom: 36px; font-weight: 400; line-height: 1.7; } .hero-buttons { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; } .btn-primary { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 16px 42px; background: #0a1628; color: #fff; font-weight: 600; font-size: 16px; border-radius: 60px; border: none; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 8px 32px rgba(10, 22, 40, 0.18); letter-spacing: 0.3px; } .btn-primary:hover { background: #1a3a5c; transform: translateY(-2px); box-shadow: 0 14px 40px rgba(10, 22, 40, 0.28); } .btn-primary .arrow { transition: transform 0.3s ease; } .btn-primary:hover .arrow { transform: translateX(4px); } .btn-secondary { display: inline-flex; align-items: center; gap: 8px; padding: 16px 32px; background: transparent; color: #0a1628; font-weight: 500; font-size: 15px; border-radius: 60px; border: 1.5px solid #e2e8f0; cursor: pointer; transition: all 0.3s ease; } .btn-secondary:hover { border-color: #0a1628; background: rgba(10, 22, 40, 0.03); transform: translateY(-2px); } .hero-visual { display: flex; justify-content: center; align-items: center; position: relative; } .hero-visual .mockup { width: 100%; max-width: 480px; aspect-ratio: 1/0.85; background: linear-gradient(145deg, #f8fafc, #ffffff); border-radius: 36px; box-shadow: 0 30px 80px rgba(10, 22, 40, 0.08), 0 10px 30px rgba(0, 0, 0, 0.02); border: 1px solid rgba(15, 23, 36, 0.04); display: flex; flex-direction: column; padding: 24px; position: relative; overflow: hidden; } .mockup-header { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; padding-bottom: 16px; border-bottom: 1px solid #f1f5f9; } .mockup-dots { display: flex; gap: 6px; } .mockup-dots span { width: 10px; height: 10px; border-radius: 50%; background: #e2e8f0; } .mockup-dots span:nth-child(1) { background: #f87171; } .mockup-dots span:nth-child(2) { background: #fbbf24; } .mockup-dots span:nth-child(3) { background: #34d399; } .mockup-title { font-size: 13px; font-weight: 600; color: #64748b; letter-spacing: 0.3px; margin-left: 4px; } .mockup-body { flex: 1; display: flex; flex-direction: column; gap: 14px; } .mockup-msg { display: flex; align-items: flex-start; gap: 12px; padding: 12px 16px; border-radius: 16px; background: #f8fafc; max-width: 80%; animation: msgFade 0.6s ease both; } .mockup-msg.self { align-self: flex-end; background: #0a1628; color: #fff; } .mockup-msg .avatar { width: 32px; height: 32px; border-radius: 50%; background: #e2e8f0; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 16px; } .mockup-msg.self .avatar { background: #1a3a5c; } .mockup-msg .text { font-size: 14px; line-height: 1.5; } .mockup-msg .text small { display: block; font-size: 10px; opacity: 0.5; margin-top: 4px; } .mockup-msg.self .text small { opacity: 0.6; } .mockup-badge { position: absolute; top: -8px; right: -8px; background: #d4a843; color: #fff; font-size: 11px; font-weight: 700; padding: 6px 14px; border-radius: 60px; letter-spacing: 0.5px; box-shadow: 0 4px 16px rgba(212, 168, 67, 0.3); } @keyframes msgFade { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .mockup-msg:nth-child(1) { animation-delay: 0.1s; } .mockup-msg:nth-child(2) { animation-delay: 0.3s; } .mockup-msg:nth-child(3) { animation-delay: 0.5s; } /* ===== 通用 Section ===== */ .section { padding: 100px 0; background: #ffffff; } .section-alt { background: #fafbfc; } .section-label { display: inline-block; font-size: 13px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: #1a3a5c; background: rgba(26, 58, 92, 0.08); padding: 6px 18px; border-radius: 60px; margin-bottom: 16px; } .section-title { font-size: 40px; font-weight: 700; letter-spacing: -0.8px; color: #0a1628; line-height: 1.2; margin-bottom: 16px; } .section-title .highlight { background: linear-gradient(135deg, #1a3a5c, #2d7dd2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .section-desc { font-size: 18px; color: #475569; max-width: 600px; line-height: 1.7; } .section-header { text-align: center; margin-bottom: 60px; } .section-header .section-desc { margin: 0 auto; } /* ===== 功能特点 ===== */ .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; } .feature-card { background: #ffffff; padding: 40px 32px; border-radius: 28px; border: 1px solid rgba(15, 23, 36, 0.04); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.01); position: relative; overflow: hidden; } .feature-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #0a1628, #2d7dd2); opacity: 0; transition: opacity 0.4s ease; } .feature-card:hover { transform: translateY(-6px); box-shadow: 0 20px 60px rgba(10, 22, 40, 0.06); border-color: rgba(26, 58, 92, 0.08); } .feature-card:hover::before { opacity: 1; } .feature-icon { width: 56px; height: 56px; border-radius: 18px; background: rgba(10, 22, 40, 0.04); display: flex; align-items: center; justify-content: center; font-size: 28px; margin-bottom: 20px; transition: background 0.3s ease; } .feature-card:hover .feature-icon { background: rgba(10, 22, 40, 0.08); } .feature-card h3 { font-size: 20px; font-weight: 700; color: #0a1628; margin-bottom: 10px; letter-spacing: -0.3px; } .feature-card p { font-size: 15px; color: #64748b; line-height: 1.7; } /* ===== 安全信任 ===== */ .trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 20px; } .trust-item { text-align: center; padding: 32px 20px; background: #ffffff; border-radius: 24px; border: 1px solid rgba(15, 23, 36, 0.04); transition: all 0.3s ease; } .trust-item:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(10, 22, 40, 0.04); } .trust-item .number { font-size: 36px; font-weight: 800; color: #0a1628; letter-spacing: -0.5px; line-height: 1.2; } .trust-item .number .accent { color: #2d7dd2; } .trust-item .label { font-size: 14px; color: #64748b; margin-top: 4px; } /* ===== 下载区域 (醒目) ===== */ .download-section { padding: 100px 0; background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%); position: relative; overflow: hidden; } .download-section::before { content: ''; position: absolute; top: -50%; right: -20%; width: 700px; height: 700px; background: radial-gradient(circle, rgba(26, 58, 92, 0.03) 0%, transparent 70%); border-radius: 50%; pointer-events: none; } .download-card { background: #ffffff; border-radius: 40px; padding: 60px 72px; box-shadow: 0 30px 80px rgba(10, 22, 40, 0.06); border: 1px solid rgba(15, 23, 36, 0.04); position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; text-align: center; max-width: 820px; margin: 0 auto; } .download-card .badge { display: inline-block; background: #d4a843; color: #fff; font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; padding: 6px 20px; border-radius: 60px; margin-bottom: 20px; } .download-card h2 { font-size: 38px; font-weight: 700; color: #0a1628; letter-spacing: -0.8px; margin-bottom: 12px; } .download-card p { font-size: 18px; color: #475569; max-width: 500px; margin-bottom: 32px; line-height: 1.7; } .download-buttons { display: flex; gap: 16px; flex-wrap: wrap; justify-content: center; } .btn-download { display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 18px 48px; background: #0a1628; color: #ffffff; font-weight: 700; font-size: 17px; border-radius: 60px; border: none; cursor: pointer; transition: all 0.35s ease; box-shadow: 0 12px 40px rgba(10, 22, 40, 0.2); letter-spacing: 0.3px; position: relative; overflow: hidden; } .btn-download::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.06), transparent); transition: left 0.6s ease; } .btn-download:hover::before { left: 100%; } .btn-download:hover { background: #1a3a5c; transform: translateY(-3px) scale(1.02); box-shadow: 0 20px 56px rgba(10, 22, 40, 0.3); } .btn-download .icon { font-size: 22px; } .btn-download-outline { display: inline-flex; align-items: center; gap: 10px; padding: 18px 40px; background: transparent; color: #0a1628; font-weight: 600; font-size: 15px; border-radius: 60px; border: 1.5px solid #e2e8f0; cursor: pointer; transition: all 0.3s ease; } .btn-download-outline:hover { border-color: #0a1628; background: rgba(10, 22, 40, 0.02); transform: translateY(-2px); } .platform-badges { display: flex; gap: 12px; margin-top: 20px; flex-wrap: wrap; justify-content: center; } .platform-badge { font-size: 12px; font-weight: 500; color: #64748b; padding: 4px 16px; background: #f1f5f9; border-radius: 60px; letter-spacing: 0.3px; } /* ===== 关于 ===== */ .about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; } .about-content h2 { font-size: 36px; font-weight: 700; letter-spacing: -0.8px; color: #0a1628; margin-bottom: 16px; } .about-content p { font-size: 16px; color: #475569; line-height: 1.8; margin-bottom: 16px; } .about-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 24px; } .about-stat { padding: 20px; background: #f8fafc; border-radius: 16px; text-align: center; } .about-stat .num { font-size: 28px; font-weight: 800; color: #0a1628; } .about-stat .lbl { font-size: 13px; color: #64748b; } .about-visual { display: flex; justify-content: center; align-items: center; } .about-visual .circle-bg { width: 340px; height: 340px; border-radius: 50%; background: radial-gradient(circle at 30% 30%, rgba(26, 58, 92, 0.04), rgba(45, 125, 210, 0.02)); display: flex; align-items: center; justify-content: center; font-size: 80px; border: 1px solid rgba(15, 23, 36, 0.04); } /* ===== 页脚 ===== */ .footer { padding: 60px 0 32px; background: #0a1628; color: rgba(255, 255, 255, 0.7); border-top: 1px solid rgba(255, 255, 255, 0.04); } .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 48px; } .footer-brand h3 { font-size: 22px; font-weight: 700; color: #fff; margin-bottom: 12px; letter-spacing: -0.3px; } .footer-brand p { font-size: 14px; max-width: 280px; line-height: 1.7; } .footer-col h4 { font-size: 14px; font-weight: 600; color: #fff; margin-bottom: 16px; letter-spacing: 0.5px; } .footer-col a { display: block; font-size: 14px; color: rgba(255, 255, 255, 0.6); padding: 4px 0; transition: color 0.2s ease; } .footer-col a:hover { color: #fff; } .footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.06); padding-top: 24px; display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: rgba(255, 255, 255, 0.4); flex-wrap: wrap; gap: 12px; } .footer-bottom .socials { display: flex; gap: 16px; } .footer-bottom .socials a { color: rgba(255, 255, 255, 0.4); transition: color 0.2s ease; font-size: 14px; } .footer-bottom .socials a:hover { color: #fff; } /* ===== 响应式 ===== */ @media (max-width: 1024px) { .hero-grid { grid-template-columns: 1fr; gap: 40px; text-align: center; } .hero-content .subtitle { margin: 0 auto 32px; } .hero-buttons { justify-content: center; } .features-grid { grid-template-columns: repeat(2, 1fr); } .trust-grid { grid-template-columns: repeat(2, 1fr); } .about-grid { grid-template-columns: 1fr; text-align: center; } .about-stats { justify-content: center; } .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; } .download-card { padding: 48px 32px; } .download-card h2 { font-size: 30px; } } @media (max-width: 768px) { .container { padding: 0 20px; } .navbar { padding: 0 20px; height: 64px; } .nav-links { position: fixed; top: 64px; left: 0; width: 100%; background: rgba(255, 255, 255, 0.98); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); flex-direction: column; padding: 32px 20px; gap: 20px; border-bottom: 1px solid rgba(15, 23, 36, 0.06); transform: translateY(-120%); transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 0; pointer-events: none; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.04); } .nav-links.open { transform: translateY(0); opacity: 1; pointer-events: auto; } .nav-links a { font-size: 17px; padding: 8px 0; } .nav-download-btn { padding: 12px 32px; font-size: 15px; width: 100%; justify-content: center; } .nav-toggle { display: flex; } .hero { padding: 110px 0 60px; } .hero-content h1 { font-size: 36px; } .hero-content .subtitle { font-size: 17px; } .hero-visual .mockup { max-width: 100%; padding: 16px; } .section { padding: 60px 0; } .section-title { font-size: 30px; } .features-grid { grid-template-columns: 1fr; } .trust-grid { grid-template-columns: 1fr 1fr; gap: 12px; } .trust-item { padding: 20px 12px; } .trust-item .number { font-size: 28px; } .download-card { padding: 32px 20px; border-radius: 28px; } .download-card h2 { font-size: 26px; } .download-card p { font-size: 16px; } .btn-download { padding: 16px 32px; font-size: 15px; width: 100%; justify-content: center; } .btn-download-outline { width: 100%; justify-content: center; padding: 16px 32px; } .download-buttons { width: 100%; flex-direction: column; align-items: center; } .about-grid { gap: 32px; } .about-content h2 { font-size: 28px; } .about-visual .circle-bg { width: 200px; height: 200px; font-size: 50px; } .about-stats { grid-template-columns: 1fr 1fr; } .footer-grid { grid-template-columns: 1fr; gap: 24px; } .footer-bottom { flex-direction: column; text-align: center; } .mockup-badge { display: none; } } @media (max-width: 480px) { .hero-content h1 { font-size: 30px; } .hero-buttons { flex-direction: column; width: 100%; } .hero-buttons .btn-primary, .hero-buttons .btn-secondary { width: 100%; justify-content: center; } .trust-grid { grid-template-columns: 1fr 1fr; } .platform-badges { gap: 8px; } .platform-badge { font-size: 11px; padding: 3px 12px; } } </style> </head> <body>  <header class="navbar" id="navbar" role="navigation" aria-label="主导航"> <div class="nav-brand">  <svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="Safew 图标"> <rect width="36" height="36" rx="10" fill="#0a1628" /> <path d="M10 14L18 22L26 14" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" /> <path d="M10 20L18 28L26 20" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" opacity="0.5" /> <circle cx="18" cy="18" r="2" fill="white" /> </svg> <span>Safew</span> </div> <ul class="nav-links" id="navLinks" role="menubar"> <li role="none"><a href="#hero" role="menuitem">首页</a></li> <li role="none"><a href="#features" role="menuitem">功能</a></li> <li role="none"><a href="#trust" role="menuitem">安全</a></li> <li role="none"><a href="#download" role="menuitem">下载</a></li> <li role="none"><a href="#about" role="menuitem">关于</a></li> <li role="none"><a href="download.html" class="nav-download-btn" role="menuitem">立即下载</a></li> </ul> <button class="nav-toggle" id="navToggle" aria-label="切换导航菜单" aria-expanded="false"> <span></span> <span></span> <span></span> </button> </header>  <section class="hero" id="hero" aria-labelledby="hero-title"> <div class="container"> <div class="hero-grid"> <div class="hero-content"> <span class="section-label">✦ 新一代通讯</span> <h1 id="hero-title"> 对话，<br /><span class="highlight">因 Safew 而不同</span> </h1> <p class="subtitle"> 端到端加密 · AI 智能助手 · 跨平台实时同步。<br /> 为每一次沟通赋予银行级安全与智慧。 </p> <div class="hero-buttons"> <a href="download.html" class="btn-primary"> 免费下载 <span class="arrow">→</span> </a> <a href="#features" class="btn-secondary">探索功能</a> </div> </div> <div class="hero-visual"> <div class="mockup"> <div class="mockup-header"> <div class="mockup-dots"> <span></span><span></span><span></span> </div> <span class="mockup-title">Safew · 加密对话</span> </div> <div class="mockup-body"> <div class="mockup-msg"> <div class="avatar">👤</div> <div class="text"> 今晚的会议资料已加密同步 ✓ <small>14:32 · 已读</small> </div> </div> <div class="mockup-msg self"> <div class="avatar">🔒</div> <div class="text"> 收到，端到端加密已开启 <small>14:33 · 已送达</small> </div> </div> <div class="mockup-msg"> <div class="avatar">🤖</div> <div class="text"> AI 助手：已自动整理会议纪要 <small>14:35 · AI 生成</small> </div> </div> </div> <div class="mockup-badge">🔐 加密</div> </div> </div> </div> </div> </section>  <section class="section" id="features" aria-labelledby="features-title"> <div class="container"> <div class="section-header"> <span class="section-label">✦ 核心能力</span> <h2 class="section-title" id="features-title"> 为 <span class="highlight">智能沟通</span> 而生 </h2> <p class="section-desc"> Safew 将安全、智能与极致体验融为一体，重新定义您的每一次对话。 </p> </div> <div class="features-grid"> <article class="feature-card"> <div class="feature-icon">🔐</div> <h3>端到端加密</h3> <p>采用 AES-256 与 ECDH 密钥交换，确保只有对话双方可以读取内容，服务器无法窥探。</p> </article> <article class="feature-card"> <div class="feature-icon">🧠</div> <h3>AI 智能助手</h3> <p>内置大语言模型，自动摘要、智能回复、多语言翻译，让沟通效率提升 300%。</p> </article> <article class="feature-card"> <div class="feature-icon">⚡</div> <h3>实时同步</h3> <p>基于 WebSocket 与分布式架构，消息毫秒级送达，所有设备无缝同步，永不丢失。</p> </article> <article class="feature-card"> <div class="feature-icon">🌐</div> <h3>跨平台覆盖</h3> <p>支持 Windows、macOS、iOS、Android 及 Web，随时随地保持连接。</p> </article> <article class="feature-card"> <div class="feature-icon">🛡️</div> <h3>隐私保护</h3> <p>无广告、不追踪、不收集用户数据，您的对话只属于您自己。</p> </article> <article class="feature-card"> <div class="feature-icon">📁</div> <h3>文件保险箱</h3> <p>传输文件自动加密存储，支持大文件分片传输，安全可靠。</p> </article> </div> </div> </section>  <section class="section section-alt" id="trust" aria-labelledby="trust-title"> <div class="container"> <div class="section-header"> <span class="section-label">✦ 安全可信</span> <h2 class="section-title" id="trust-title"> 数字时代的 <span class="highlight">信任基石</span> </h2> <p class="section-desc"> 全球数百万用户选择 Safew，因为我们把安全刻入基因。 </p> </div> <div class="trust-grid"> <div class="trust-item"> <div class="number">256<span class="accent">位</span></div> <div class="label">AES 加密强度</div> </div> <div class="trust-item"> <div class="number">99.99<span class="accent">%</span></div> <div class="label">服务可用性</div> </div> <div class="trust-item"> <div class="number">0<span class="accent">追踪</span></div> <div class="label">用户数据零采集</div> </div> <div class="trust-item"> <div class="number">12<span class="accent">ms</span></div> <div class="label">平均消息延迟</div> </div> </div> </div> </section>  <section class="download-section" id="download" aria-labelledby="download-title"> <div class="container"> <div class="download-card"> <span class="badge">✦ 立即体验</span> <h2 id="download-title">准备好 <span style="background:linear-gradient(135deg,#1a3a5c,#2d7dd2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;">安全对话</span> 了吗？</h2> <p>加入数百万用户的行列，免费下载 Safew，开启加密智能通讯之旅。</p> <div class="download-buttons"> <a href="download.html" class="btn-download"> <span class="icon">⬇</span> 免费下载 Safew </a> <a href="download.html" class="btn-download-outline"> 查看所有版本 → </a> </div> <div class="platform-badges"> <span class="platform-badge">Windows</span> <span class="platform-badge">macOS</span> <span class="platform-badge">iOS</span> <span class="platform-badge">Android</span> <span class="platform-badge">Web</span> </div> </div> </div> </section>  <section class="section" id="about" aria-labelledby="about-title"> <div class="container"> <div class="about-grid"> <div class="about-content"> <span class="section-label">✦ 关于 Safew</span> <h2 id="about-title">让每一次 <span class="highlight">连接</span> 更有价值</h2> <p> Safew 创立于 2020 年，由一群来自全球顶尖安全实验室与 AI 研究所的工程师共同打造。我们坚信，通讯工具不应只是传递信息，更应是信任的载体。 </p> <p> 如今，Safew 已为超过 500 万用户提供安全、智能的通讯服务，覆盖 180 多个国家和地区。我们持续投入加密技术与 AI 研发，让安全与智能触手可及。 </p> <div class="about-stats"> <div class="about-stat"> <div class="num">500万+</div> <div class="lbl">全球用户</div> </div> <div class="about-stat"> <div class="num">180+</div> <div class="lbl">覆盖国家</div> </div> <div class="about-stat"> <div class="num">99.9%</div> <div class="lbl">用户满意度</div> </div> <div class="about-stat"> <div class="num">24/7</div> <div class="lbl">安全守护</div> </div> </div> </div> <div class="about-visual"> <div class="circle-bg"> 💬 </div> </div> </div> </div> </section>  <footer class="footer" role="contentinfo"> <div class="container"> <div class="footer-grid"> <div class="footer-brand"> <h3>Safew</h3> <p>安全 · 智能 · 高效 —— 新一代聊天软件，为您的每一次对话保驾护航。</p> </div> <div class="footer-col"> <h4>产品</h4> <a href="#features">功能</a> <a href="#trust">安全</a> <a href="download.html">下载</a> <a href="#">更新日志</a> </div> <div class="footer-col"> <h4>支持</h4> <a href="#">帮助中心</a> <a href="#">常见问题</a> <a href="#">社区论坛</a> <a href="mailto:support@safew.com">联系我们</a> </div> <div class="footer-col"> <h4>公司</h4> <a href="#about">关于我们</a> <a href="#">工作机会</a> <a href="#">隐私政策</a> <a href="#">服务条款</a> </div> </div> <div class="footer-bottom"> <span>© 2026 Safew Inc. 保留所有权利。</span> <div class="socials"> <a href="#" aria-label="Twitter">𝕏</a> <a href="#" aria-label="GitHub">⌨</a> <a href="#" aria-label="YouTube">▶</a> <a href="#" aria-label="Email">✉</a> </div> </div> </div> </footer>  <script> (function() { 'use strict'; // 导航栏滚动阴影 const navbar = document.getElementById('navbar'); let lastScroll = 0; window.addEventListener('scroll', function() { const currentScroll = window.pageYOffset || document.documentElement.scrollTop; if (currentScroll > 20) { navbar.classList.add('scrolled'); } else { navbar.classList.remove('scrolled'); } lastScroll = currentScroll; }); // 移动端菜单切换 const toggle = document.getElementById('navToggle'); const navLinks = document.getElementById('navLinks'); toggle.addEventListener('click', function() { const isOpen = navLinks.classList.toggle('open'); toggle.classList.toggle('active'); toggle.setAttribute('aria-expanded', isOpen); }); // 点击导航链接后关闭移动端菜单 const navItems = navLinks.querySelectorAll('a'); navItems.forEach(function(item) { item.addEventListener('click', function() { navLinks.classList.remove('open'); toggle.classList.remove('active'); toggle.setAttribute('aria-expanded', 'false'); }); }); // 平滑滚动到锚点 (支持所有浏览器) document.querySelectorAll('a[href^="#"]').forEach(function(anchor) { anchor.addEventListener('click', function(e) { const targetId = this.getAttribute('href'); if (targetId === '#') return; const targetEl = document.querySelector(targetId); if (targetEl) { e.preventDefault(); const offsetTop = targetEl.getBoundingClientRect().top + window.pageYOffset - 72; window.scrollTo({ top: offsetTop, behavior: 'smooth' }); } }); }); // 如果在 URL 中有锚点，页面加载后滚动到对应位置 window.addEventListener('load', function() { const hash = window.location.hash; if (hash) { const target = document.querySelector(hash); if (target) { setTimeout(function() { const offset = target.getBoundingClientRect().top + window.pageYOffset - 72; window.scrollTo({ top: offset, behavior: 'smooth' }); }, 200); } } }); // 键盘可访问性：支持 Escape 关闭菜单 document.addEventListener('keydown', function(e) { if (e.key === 'Escape' && navLinks.classList.contains('open')) { navLinks.classList.remove('open'); toggle.classList.remove('active'); toggle.setAttribute('aria-expanded', 'false'); toggle.focus(); } }); })(); </script> </body> </html>