1<!DOCTYPE html> 2<html lang="zh-CN"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6
6<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
6 7
7<script>LA.init({id:"Kpgr9KmbykXcdpdG",ck:"Kpgr9KmbykXcdpdG"})</script>
7 8 <title>èç³»æ们_å¿«è¿å®¢æ_å¿«è¿èç³»æ¹å¼ | å¿«è¿å®ç½</title> 9 <meta name="description" content="å¦ææ¨æä»»ä½é®é¢æ建议ï¼æ¬¢è¿éè¿ä»¥ä¸æ¹å¼è系快è¿å®¢æå¢éãæ们æä¾7x24å°æ¶å¨çº¿å®¢ææ¯æï¼ç«è¯ä¸ºæ¨è§£çå¿«è¿ä¸è½½ãå®è£ å使ç¨è¿ç¨ä¸çåç§é®é¢ã"> 10 <meta name="keywords" content="èç³»æ们,å¿«è¿å®¢æ,å¿«è¿èç³»æ¹å¼,å¿«è¿å®ç½,å¿«è¿å¨çº¿å®¢æ,å¿«è¿å®¢æçµè¯,å¿«è¿å®¢æé®ç®±,å¿«è¿ææ¯æ¯æ"> 11 <meta name="robots" content="index, follow"> 12 <link rel="canonical" href="https://kkailiann.com/contact.html"> 13 <link rel="icon" href="/favicon.png" type="image/x-icon"> 14 15 <style> 16 * { margin: 0; padding: 0; box-sizing: border-box; } 17 body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; color: #333; background-color: #f8f9fa; } 18 header { position: fixed; top: 0; width: 100%; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); z-index: 1000; padding: 1rem 5%; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 2px 15px rgba(0,0,0,0.05); } 19 .logo { display: flex; align-items: center; } 20 .logo img { height: 40px; margin-right: 10px; } 21 .logo span { font-size: 1.5rem; font-weight: bold; color: #1a1a2e; } 22 nav ul { display: flex; list-style: none; } 23 nav li { margin-left: 2rem; } 24 nav a { text-decoration: none; color: #555; font-weight: 500; transition: color 0.3s; } 25 nav a:hover { color: #4a6cf7; } 26 .hero { display: flex; align-items: center; padding: 120px 5% 80px; min-height: 100vh; background: linear-gradient(135deg, #f0f4ff 0%, #e6f0ff 100%); } 27 .hero-content { flex: 1; max-width: 600px; } 28 .hero h1 { font-size: 3.2rem; margin-bottom: 1.5rem; color: #1a1a2e; line-height: 1.2; } 29 .hero p { font-size: 1.2rem; margin-bottom: 2rem; color: #555; max-width: 500px; } 30 .download-btn { display: inline-block; background: linear-gradient(135deg, #4a6cf7 0%, #6a11cb 100%); color: white; padding: 15px 35px; border-radius: 50px; text-decoration: none; font-weight: bold; font-size: 1.1rem; box-shadow: 0 10px 20px rgba(74, 108, 247, 0.3); transition: transform 0.3s, box-shadow 0.3s; } 31 .download-btn:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(74, 108, 247, 0.4); } 32 .hero-image { flex: 1; display: flex; justify-content: center; align-items: center; } 33 .hero-image img { max-width: 100%; height: auto; animation: float 6s ease-in-out infinite; } 34 @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-20px); } 100% { transform: translateY(0px); } } 35 section { padding: 100px 5%; } 36 .section-title { text-align: center; margin-bottom: 60px; } 37 .section-title h2 { font-size: 2.5rem; color: #1a1a2e; margin-bottom: 1rem; } 38 .section-title p { color: #777; max-width: 600px; margin: 0 auto; } 39 .features { background: white; } 40 .features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } 41 .feature-card { background: white; border-radius: 15px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); transition: transform 0.3s, box-shadow 0.3s; text-align: center; } 42 .feature-card:hover { transform: translateY(-10px); box-shadow: 0 15px 40px rgba(74, 108, 247, 0.15); } 43 .feature-icon { width: 80px; height: 80px; background: linear-gradient(135deg, #4a6cf7 0%, #6a11cb 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; } 44 .feature-icon i { font-size: 30px; color: white; font-style: normal; } 45 .feature-card h3 { font-size: 1.5rem; margin-bottom: 15px; color: #1a1a2e; } 46 .feature-card p { color: #666; } 47 .contact-container { max-width: 1000px; margin: 0 auto; } 48 .contact-content { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; } 49 .contact-info { background: white; border-radius: 15px; padding: 40px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); } 50 .contact-info h3 { font-size: 1.8rem; margin-bottom: 30px; color: #1a1a2e; border-bottom: 2px solid #4a6cf7; padding-bottom: 10px; } 51 .contact-item { display: flex; align-items: flex-start; margin-bottom: 20px; } 52 .contact-icon { width: 50px; height: 50px; background: linear-gradient(135deg, #4a6cf7 0%, #6a11cb 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.2rem; margin-right: 20px; flex-shrink: 0; } 53 .contact-details h4 { font-size: 1.1rem; margin-bottom: 5px; color: #1a1a2e; } 54 .contact-details p { color: #555; } 55 .contact-form { background: white; border-radius: 15px; padding: 40px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); } 56 .contact-form h3 { font-size: 1.8rem; margin-bottom: 30px; color: #1a1a2e; border-bottom: 2px solid #4a6cf7; padding-bottom: 10px; } 57 .form-group { margin-bottom: 20px; } 58 .form-group label { display: block; margin-bottom: 8px; color: #1a1a2e; font-weight: 500; } 59 .form-group input, 60 .form-group textarea { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 8px; font-size: 1rem; font-family: inherit; } 61 .form-group input:focus, 62 .form-group textarea:focus { outline: none; border-color: #4a6cf7; box-shadow: 0 0 0 2px rgba(74, 108, 247, 0.2); } 63 .form-group textarea { resize: vertical; min-height: 150px; } 64 .submit-btn { background: linear-gradient(135deg, #4a6cf7 0%, #6a11cb 100%); color: white; border: none; padding: 15px 30px; border-radius: 50px; font-weight: bold; font-size: 1.1rem; cursor: pointer; transition: transform 0.3s, box-shadow 0.3s; } 65 .submit-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(74, 108, 247, 0.3); } 66 .faq-section { background: linear-gradient(135deg, #f0f4ff 0%, #e6f0ff 100%); } 67 .faq-container { max-width: 800px; margin: 0 auto; } 68 .faq-item { background: white; margin-bottom: 15px; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.05); } 69 .faq-question { padding: 20px; background: #f8f9ff; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-weight: bold; color: #1a1a2e; } 70 .faq-answer { padding: 0 20px; max-height: 0; overflow: hidden; transition: max-height 0.3s, padding 0.3s; color: #555; line-height: 1.8; } 71 .faq-answer.show { padding: 20px; max-height: 500px; } 72 footer { background: #1a1a2e; color: white; padding: 60px 5% 30px; } 73 .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 40px; margin-bottom: 40px; } 74 .footer-column h3 { margin-bottom: 20px; font-size: 1.2rem; } 75 .footer-column ul { list-style: none; } 76 .footer-column li { margin-bottom: 10px; } 77 .footer-column a { color: #aaa; text-decoration: none; transition: color 0.3s; } 78 .footer-column a:hover { color: white; } 79 .copyright { text-align: center; padding-top: 30px; border-top: 1px solid #333; color: #aaa; font-size: 0.9rem; } 80 @media (max-width: 900px) { 81 .hero { flex-direction: column; text-align: center; } 82 .tech-container { flex-direction: column; } 83 nav ul { display: none; } 84 .contact-content { grid-template-columns: 1fr; } 85 } 86 </style> 87</head> 88<body> 89 <header> 90 <div class="logo"> 91 <img src="/logo.png" alt="å¿«è¿å®ç½Logo">
92 <span>å¿«è¿</span> 93 </div> 94 <nav> 95 <ul> 96 <li><a href="index.html">å¿«è¿å®ç½é¦é¡µ</a></li> 97 <li><a href="index.html#features">åè½ç¹è²</a></li> 98 <li><a href="index.html#technology">ææ¯ä¼å¿</a></li> 99 <li><a href="index.html#performance">æ§è½è¡¨ç°</a></li> 100 <li><a href="index.html#pricing">å¥é¤ä»·æ ¼</a></li> 101 <li><a href="download.html">ä¸è½½ä¸å¿</a></li> 102 <li><a href="index.html#faq">常è§é®é¢</a></li> 103 <li><a href="doc.html">å®è£ ä¸æå</a></li> 104 </ul> 105 </nav> 106 </header> 107 108 <section id="contact" class="features"> 109 <div class="section-title"> 110 <h2>èç³»æ们</h2> 111 <p>å¦ææ¨æä»»ä½é®é¢ã建议æåé¦ï¼æ¬¢è¿éè¿ä»¥ä¸æ¹å¼èç³»æ们ï¼æ们ç客æå¢éå°ç«è¯ä¸ºæ¨æå¡ã</p> 112 </div> 113 <div class="contact-container"> 114 <div class="contact-content"> 115 <div class="contact-info"> 116 <h3>è系信æ¯</h3> 117 <div class="contact-item"> 118 <div class="contact-icon">ð§</div> 119 <div class="contact-details"> 120 <h4>çµåé®ä»¶</h4> 121 <p><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b6c5c3c6c6d9c4c2f6ddddd7dfdadfd7d8d898d5d9db">[email protected]</a></p> 122 </div> 123 </div> 124 <div class="contact-item"> 125 <div class="contact-icon">ð±</div> 126 <div class="contact-details"> 127 <h4>客æçµè¯</h4> 128 <p>400-123-4567</p> 129 </div> 130 </div> 131 <div class="contact-item"> 132 <div class="contact-icon">ð¬</div> 133 <div class="contact-details"> 134 <h4>å¨çº¿å®¢æ</h4> 135 <p>å·¥ä½æ¥ 9:00-18:00</p> 136 </div> 137 </div> 138 <div class="contact-item"> 139 <div class="contact-icon">ð¢</div> 140 <div class="contact-details"> 141 <h4>å ¬å¸å°å</h4> 142 <p>å京å¸æé³åºç§æååº88å·</p> 143 </div> 144 </div> 145 </div> 146 <div class="contact-form"> 147 <h3>åéæ¶æ¯</h3> 148 <form action="#" method="post"> 149 <div class="form-group"> 150 <label for="name">å§å</label> 151 <input type="text" id="name" name="name" required> 152 </div> 153 <div class="form-group"> 154 <label for="email">çµåé®ä»¶</label> 155 <input type="email" id="email" name="email" required> 156 </div> 157 <div class="form-group"> 158 <label for="subject">主é¢</label> 159 <input type="text" id="subject" name="subject" required> 160 </div> 161 <div class="form-group"> 162 <label for="message">æ¶æ¯å 容</label> 163 <textarea id="message" name="message" required></textarea> 164 </div> 165 <button type="submit" class="submit-btn">åéæ¶æ¯</button> 166 </form> 167 </div> 168 </div> 169 </div> 170 </section> 171 172 <section id="faq" class="faq-section"> 173 <div class="section-title"> 174 <h2>常è§é®é¢</h2> 175 <p>以ä¸æ¯ç¨æ·ç»å¸¸å¨è¯¢çé®é¢ï¼å¸æè½å¸®å©æ¨å¿«é解å³çé®</p> 176 </div> 177 <div class="faq-container"> 178 <div class="faq-item"> 179 <div class="faq-question"> 180 å¦ä½è·åææ¯æ¯æï¼<span>+</span> 181 </div> 182 <div class="faq-answer"> 183 <p>æ¨å¯ä»¥éè¿çµåé®ä»¶ã客æçµè¯æå¨çº¿å®¢æè·åææ¯æ¯æãæ们çææ¯å¢éä¼å¨24å°æ¶å åå¤æ¨çé®é¢ã</p> 184 </div> 185 </div> 186 <div class="faq-item"> 187 <div class="faq-question"> 188 å¦ä½æ¥åbugææåºåè½å»ºè®®ï¼<span>+</span> 189 </div> 190 <div class="faq-answer"> 191 <p>æ¨å¯ä»¥éè¿è系表åæçµåé®ä»¶åæ们æ¥åbugææåºåè½å»ºè®®ãæ们ä¼è®¤çèèæ¯ä¸æ¡åé¦ï¼å¹¶ä¸æä¼åäº
191§åã</p> 192 </div> 193 </div> 194 <div class="faq-item"> 195 <div class="faq-question"> 196 å¦ä½ç³è¯·æ为快è¿çåä½ä¼ä¼´ï¼<span>+</span> 197 </div> 198 <div class="faq-answer"> 199 <p>å¦ææ¨æåä½æåï¼è¯·éè¿è系表åæçµåé®ä»¶ä¸æ们èç³»ï¼æ们çåå¡å¢éä¼å°½å¿«ä¸æ¨åå¾èç³»ã</p> 200 </div> 201 </div> 202 <div class="faq-item"> 203 <div class="faq-question"> 204 å¦ä½äºè§£å¿«è¿çææ°å¨æï¼<span>+</span> 205 </div> 206 <div class="faq-answer"> 207 <p>æ¨å¯ä»¥å ³æ³¨å¿«è¿çå®æ¹ç¤¾äº¤åªä½è´¦å·ï¼æ订é æ们çæ°é»é讯ï¼åæ¶äºè§£å¿«è¿çææ°å¨æå产åæ´æ°ã</p> 208 </div> 209 </div> 210 </div> 211 </section> 212 213 <footer> 214 <div class="footer-content"> 215 <div class="footer-column"> 216 <h3>å ³äºå¿«è¿å®ç½</h3> 217 <p>å¿«è¿æä¾é«éå®å ¨çç½ç»å éæå¡ï¼è®¤åå®æ¹æ£çå¿«è¿ä¸è½½ï¼è®©æ¨çäºèç½ä½éªæ´å æµç 便æ·ã</p> 218 </div> 219 <div class="footer-column"> 220 <h3>产åä¸å¿</h3> 221 <ul> 222 <li><a href="index.html#features">åè½ä»ç»</a></li> 223 <li><a href="index.html#pricing">å¥é¤ä»·æ ¼</a></li> 224 <li><a href="index.html#home">å¿«è¿çµèçä¸è½½</a></li> 225 <li><a href="doc.html">å®è£ ä¸æå</a></li> 226 </ul> 227 </div> 228 <div class="footer-column"> 229 <h3>å¿«éé¾æ¥</h3> 230 <ul> 231 <li><a href="about.html">å ³äºæ们</a></li> 232 <li><a href="contact.html">èç³»æ们</a></li> 233 <li><a href="privacy.html">éç§æ¡æ¬¾</a></li> 234 <li><a href="terms.html">ç¨æ·æ¿ç</a></li> 235 </ul> 236 </div> 237 </div> 238 <div class="copyright"> 239 <p>© 2026 å¿«è¿å®ç½. ä¿çæææå©.</p> 240 </div> 241 </footer>
vendor: 114 bytes, lines 241-243
241 242 243 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
243<script> 244 // FAQ 交äºåè½ 245 document.querySelectorAll('.faq-question').forEach(question => { 246 question.addEventListener('click', () => { 247 const answer = question.nextElementSibling; 248 const isOpen = answer.classList.contains('show'); 249 250 // å ³éæææå¼çé®é¢ 251 document.querySelectorAll('.faq-answer').forEach(ans => { 252 ans.classList.remove('show'); 253 }); 254 document.querySelectorAll('.faq-question span').forEach(span => { 255 span.textContent = '+'; 256 }); 257 258 // åæ¢å½åé®é¢ 259 if (!isOpen) { 260 answer.classList.add('show'); 261 question.querySelector('span').textContent = '-'; 262 } 263 }); 264 }); 265 266 // å¹³æ»æ»å¨ 267 document.querySelectorAll('a[href^="#"]').forEach(anchor => { 268 anchor.addEventListener('click', function(e) { 269 e.preventDefault(); 270 const target = document.querySelector(this.getAttribute('href')); 271 if (target) { 272 window.scrollTo({ 273 top: target.offsetTop - 80, 274 behavior: 'smooth' 275 }); 276 } 277 }); 278 }); 279 </script>
vendor: 1 bytes, line 279
279
280<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"f337dae3b6a54285b6ab07b623454028","r":1,"spa":2}' crossorigin="anonymous"></script>
280 281</body> 282</html>
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.