Files
vf_react/public/landing.html
2025-12-14 08:33:12 +08:00

748 lines
56 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html
class="text-[calc(0.7rem+0.4vw)] max-[2200px]:text-[calc(0.7rem+0.35vw)] max-[2050px]:text-[calc(0.7rem+0.3vw)] max-3xl:text-[1rem]"
lang="en">
<head>
<meta charset="utf-8">
<title>价值前沿 - 金融AI舆情分析系统</title>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png">
<link rel="mask-icon" href="img/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<link href="fonts/Helvetica.woff" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/Swiper/11.1.14/swiper-bundle.min.css">
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/aos/2.3.4/aos.css">
<link href="css/style.css" rel="stylesheet">
<script>
let viewportmeta = document.querySelector('meta[name="viewport"]');
if (viewportmeta) {
if (screen.width < 375) {
let newScale = screen.width / 375;
viewportmeta.content = 'width=375, minimum-scale=' + newScale +
', maximum-scale=1.0, user-scalable=no, initial-scale=' + newScale + '';
} else {
viewportmeta.content = 'width=device-width, maximum-scale=1.0, initial-scale=1.0';
}
}
</script>
</head>
<body class="bg-black font-helvetica text-description-1 text-white antialiased max-md:text-description-mobile">
<div class="relative flex flex-col min-h-screen"><!-- header-->
<header class="header absolute top-0 left-0 right-0 z-50 bg-content">
<div class="center flex items-center h-14.5 max-xl:relative max-md:h-14">
<a class="inline-flex w-26.5 mr-15 max-lg:mr-10" href="index.html"><img class="w-full" src="img/logo.svg"
alt=""></a>
<div
class="header-wrap flex grow items-center max-md:fixed max-md:inset-0 max-md:z-10 max-md:bg-black max-md:flex-col max-md:px-6 max-md:py-8 max-md:overflow-auto max-md:transition-all">
<button class="header-close hidden absolute top-7 right-6 max-md:inline-block">
<svg class="inline-flex size-6 fill-white" width="24" height="24" viewBox="0 0 24 24">
<path
d="M6.881 5.82l5.126 5.126 5.126-5.126a.75.75 0 0 1 1.061 1.061l-5.126 5.127 5.126 5.126a.75.75 0 0 1-1.061 1.061l-5.127-5.126-5.127 5.126a.75.75 0 0 1-1.061-1.061l5.126-5.126L5.82 6.88A.75.75 0 0 1 6.881 5.82z" />
</svg>
</button>
<nav class="flex gap-10 mr-auto max-lg:gap-8 max-md:flex-col"><a
class="flex px-0.25 text-title-5 transition-colors hover:text-white text-white" href="index.html">首页</a>
<div class="header-dropdown relative max-xl:static">
<div
class="header-head flex px-0.25 text-title-5 transition-colors cursor-pointer hover:text-white text-description">
产品功能</div>
<div
class="header-body absolute top-full -left-7.5 pt-5 max-xl:left-10 max-xl:pt-2 max-lg:right-10 max-md:static max-md:pt-8">
<div
class="relative flex gap-7.5 w-214 p-4 bg-black rounded-[1.25rem] shadow-[0_1.625rem_1rem_-1rem_rgba(5,17,23,0.10),_0_0.625rem_0.5rem_-0.5rem_rgba(5,17,23,0.25),_0.0625rem_0.0625rem_0.0625rem_0_rgba(255,255,255,0.10)_inset,_0_0_6.25rem_0_rgba(255,255,255,0.15)_inset] after:absolute after:inset-0 after:border after:border-line after:rounded-[1.25rem] after:pointer-events-none max-lg:w-auto max-lg:gap-4 max-md:shadow-none max-md:bg-transparent max-md:p-0 max-md:after:hidden max-md:flex-wrap max-md:gap-6">
<div class="">
<div class="mb-2 pl-3.5 text-description-3 text-description">MENU</div>
<div class="flex flex-col gap-2.5">
<a class="flex items-center gap-3.5 h-14 px-3.5 rounded-[0.625rem] transition-all hover:bg-white/10 hover:shadow-[0.0625rem_0.0625rem_0.0625rem_0_rgba(255,255,255,0.10)_inset]"
href="https://valuefrontier.cn/community" target="_blank"><img class="w-5"
src="img/message.svg" alt="">
<div class="flex flex-col">
<div class="text-description-2">事件中心</div>
<div class="text-description-3 text-description">实时追踪市场重大事件</div>
</div>
</a>
<a class="flex items-center gap-3.5 h-14 px-3.5 rounded-[0.625rem] transition-all hover:bg-white/10 hover:shadow-[0.0625rem_0.0625rem_0.0625rem_0_rgba(255,255,255,0.10)_inset]"
href="https://valuefrontier.cn/agent-chat" target="_blank"><img class="w-5"
src="img/message.svg" alt="">
<div class="flex flex-col">
<div class="text-description-2">聊天助手</div>
<div class="text-description-3 text-description">价小前BOT智能投研</div>
</div>
</a>
<a class="flex items-center gap-3.5 h-14 px-3.5 rounded-[0.625rem] transition-all hover:bg-white/10 hover:shadow-[0.0625rem_0.0625rem_0.0625rem_0_rgba(255,255,255,0.10)_inset]"
href="https://valuefrontier.cn/home/center" target="_blank"><img class="w-5"
src="img/edit.svg" alt="">
<div class="flex flex-col">
<div class="text-description-2">个人中心</div>
<div class="text-description-3 text-description">管理您的账户设置</div>
</div>
</a>
<a class="flex items-center gap-3.5 h-14 px-3.5 rounded-[0.625rem] transition-all hover:bg-white/10 hover:shadow-[0.0625rem_0.0625rem_0.0625rem_0_rgba(255,255,255,0.10)_inset]"
href="https://valuefrontier.cn/trading-simulation" target="_blank"><img class="w-5"
src="img/chart.svg" alt="">
<div class="flex flex-col">
<div class="text-description-2">模拟盘</div>
<div class="text-description-3 text-description">虚拟交易练习平台</div>
</div>
</a>
</div>
</div>
<div class="flex-1">
<div class="mb-2 pl-3.5 text-description-3 text-description">高频跟踪</div>
<div class="flex flex-col gap-2.5">
<a class="flex items-center gap-3.5 h-14 px-3.5 rounded-[0.625rem] transition-all hover:bg-white/10 hover:shadow-[0.0625rem_0.0625rem_0.0625rem_0_rgba(255,255,255,0.10)_inset] max-md:h-10"
href="https://valuefrontier.cn/community" target="_blank"><img class="w-5"
src="img/message.svg" alt="">
<div class="text-description-2">事件中心</div>
</a>
<a class="flex items-center gap-3.5 h-14 px-3.5 rounded-[0.625rem] transition-all hover:bg-white/10 hover:shadow-[0.0625rem_0.0625rem_0.0625rem_0_rgba(255,255,255,0.10)_inset] max-md:h-10"
href="https://valuefrontier.cn/concepts" target="_blank"><img class="w-5" src="img/copy.svg"
alt="">
<div class="text-description-2">概念中心</div>
</a>
</div>
</div>
<div class="flex-1">
<div class="mb-2 pl-3.5 text-description-3 text-description">行情复盘</div>
<div class="flex flex-col gap-2.5">
<a class="flex items-center gap-3.5 h-14 px-3.5 rounded-[0.625rem] transition-all hover:bg-white/10 hover:shadow-[0.0625rem_0.0625rem_0.0625rem_0_rgba(255,255,255,0.10)_inset] max-md:h-10"
href="https://valuefrontier.cn/limit-analyse" target="_blank"><img class="w-5"
src="img/chart.svg" alt="">
<div class="text-description-2">涨停分析</div>
</a>
<a class="flex items-center gap-3.5 h-14 px-3.5 rounded-[0.625rem] transition-all hover:bg-white/10 hover:shadow-[0.0625rem_0.0625rem_0.0625rem_0_rgba(255,255,255,0.10)_inset] max-md:h-10"
href="https://valuefrontier.cn/stocks" target="_blank"><img class="w-5" src="img/chart.svg"
alt="">
<div class="text-description-2">个股中心</div>
</a>
</div>
</div>
<div class="flex-1">
<div class="mb-2 pl-3.5 text-description-3 text-description">AGENT & 社群</div>
<div class="flex flex-col gap-2.5">
<a class="flex items-center gap-3.5 h-14 px-3.5 rounded-[0.625rem] transition-all hover:bg-white/10 hover:shadow-[0.0625rem_0.0625rem_0.0625rem_0_rgba(255,255,255,0.10)_inset] max-md:h-10"
href="https://valuefrontier.cn/agent-chat" target="_blank"><img class="w-5"
src="img/message.svg" alt="">
<div class="text-description-2">聊天助手</div>
</a>
<a class="flex items-center gap-3.5 h-14 px-3.5 rounded-[0.625rem] transition-all hover:bg-white/10 hover:shadow-[0.0625rem_0.0625rem_0.0625rem_0_rgba(255,255,255,0.10)_inset] max-md:h-10"
href="https://valuefrontier.cn/forum" target="_blank"><img class="w-5" src="img/copy.svg"
alt="">
<div class="text-description-2">价值论坛</div>
</a>
</div>
</div>
</div>
</div>
</div><a class="js-scroll flex px-0.25 text-title-5 text-description transition-colors hover:text-white"
href="https://valuefrontier.cn/#pricing">价格方案</a><a
class="flex px-0.25 text-title-5 transition-colors hover:text-white text-description"
href="https://valuefrontier.cn/docs.html" target="_blank">使用文档</a>
</nav>
<div class="flex gap-2.5 max-md:gap-4 max-md:w-full max-md:mt-auto max-md:pt-10"><a
class="btn btn-primary !h-8.5 max-md:flex-1" href="https://valuefrontier.cn/home"
target="_blank">进入应用</a></div>
</div>
<button
class="header-burger hidden flex-col justify-center gap-0.75 w-7.5 h-7.5 ml-auto p-2 rounded-lg border-[0.0625rem] border-line shadow-[0.0625rem_0.0625rem_0.0625rem_0_rgba(255,255,255,0.10)_inset] max-md:flex">
<span class="block w-3 h-0.25 bg-white"></span>
<span class="block w-2 h-0.25 ml-auto bg-white"></span>
<span class="block w-3 h-0.25 bg-white"></span>
</button>
</div>
</header>
<div class="overflow-hidden"><!-- hero-->
<div class="relative pt-58 pb-20 max-xl:pt-48 max-lg:pt-44 max-md:pt-21 max-md:pb-15">
<div class="center relative z-3" data-aos="fade">
<div class="max-w-187">
<div
class="inline-flex items-center gap-2 mb-6 px-4 py-2 rounded-full bg-gradient-to-r from-green/20 to-green/5 border border-green/30 backdrop-blur-sm max-md:mb-3">
<svg class="size-4 fill-green" xmlns="http://www.w3.org/2000/svg" width="16" height="16"
viewBox="0 0 16 16">
<path
d="M8 0L9.798 5.579L15.708 4.292L11.854 8.854L15.708 13.416L9.798 12.129L8 18L6.202 12.421L0.292 13.708L4.146 9.146L0.292 4.584L6.202 5.871L8 0Z" />
</svg>
<span class="text-title-5 text-green max-md:text-[14px]">金融AI技术领航者</span>
</div>
<div
class="mb-8 text-big-title-1 bg-radial-white-1 bg-clip-text text-transparent max-xl:text-big-title-2 max-lg:text-title-1 max-lg:mb-10 max-md:mb-6 max-md:text-big-title-mobile">
智能舆情分析系统</div>
<div class="flex flex-wrap gap-3 mb-8 max-lg:mb-6 max-md:mb-4">
<div
class="inline-flex items-center gap-2 px-3.5 py-2 rounded-lg bg-black/30 border border-line/50 backdrop-blur-sm">
<svg class="size-4 fill-green" xmlns="http://www.w3.org/2000/svg" width="16" height="16"
viewBox="0 0 16 16">
<path
d="M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm0 14c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6zm3.5-6c0 1.9-1.6 3.5-3.5 3.5S4.5 9.9 4.5 8 6.1 4.5 8 4.5 11.5 6.1 11.5 8z" />
</svg>
<span class="text-title-5 text-white/90 max-md:text-[13px]">深度数据挖掘</span>
</div>
<div
class="inline-flex items-center gap-2 px-3.5 py-2 rounded-lg bg-black/30 border border-line/50 backdrop-blur-sm">
<svg class="size-4 fill-green" xmlns="http://www.w3.org/2000/svg" width="16" height="16"
viewBox="0 0 16 16">
<path
d="M13.5 2h-11C1.7 2 1 2.7 1 3.5v9c0 .8.7 1.5 1.5 1.5h11c.8 0 1.5-.7 1.5-1.5v-9c0-.8-.7-1.5-1.5-1.5zM8 11.5c-1.9 0-3.5-1.6-3.5-3.5S6.1 4.5 8 4.5s3.5 1.6 3.5 3.5-1.6 3.5-3.5 3.5z" />
</svg>
<span class="text-title-5 text-white/90 max-md:text-[13px]">7×24小时监控</span>
</div>
</div>
<div class="max-w-94 mb-9.5 text-description max-lg:max-w-76 max-md:max-w-full max-md:mb-3.5">
基于金融领域微调的大语言模型7×24小时不间断对舆情数据进行深度挖掘和分析对历史事件进行复盘关联相关标的为投资决策提供前瞻性的智能洞察。</div>
<div class="flex gap-7.5 max-md:mb-12.5">
<a class="wechat-icon-link fill-white transition-colors hover:fill-green relative"
href="javascript:void(0)" data-wechat-img="wechat-app.jpg" title="微信小程序">
<svg class="size-5 fill-inherit" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
viewBox="0 0 20 20">
<path
d="M13.889 8.333c.31 0 .611.028.903.078C14.292 5.31 11.403 3 7.917 3 4.083 3 1 5.686 1 9.028c0 1.944 1.028 3.639 2.639 4.861L3 16.111l2.5-1.25c.833.194 1.528.333 2.417.333.278 0 .556-.014.833-.042-.278-.805-.417-1.652-.417-2.513 0-3.264 2.764-5.903 6.556-5.903v-.403zM10.139 6.528c.583 0 1.055.472 1.055 1.055s-.472 1.055-1.055 1.055-1.055-.472-1.055-1.055.472-1.055 1.055-1.055zM5.694 8.639c-.583 0-1.055-.472-1.055-1.055s.472-1.055 1.055-1.055 1.055.472 1.055 1.055-.472 1.055-1.055 1.055zm8.195 1.694c-2.847 0-5.139 2.014-5.139 4.486 0 2.472 2.292 4.486 5.139 4.486.764 0 1.528-.139 2.222-.347L18.333 20l-.625-1.875c1.25-.972 2.014-2.361 2.014-3.958 0-2.472-2.292-4.486-5.139-4.486h-.694zm-2.084 3.125c.389 0 .695.306.695.694s-.306.695-.695.695-.694-.306-.694-.695.305-.694.694-.694zm4.167 0c.389 0 .694.306.694.694s-.305.695-.694.695-.695-.306-.695-.695.306-.694.695-.694z" />
</svg>
</a>
<a class="wechat-icon-link fill-white transition-colors hover:fill-green relative"
href="javascript:void(0)" data-wechat-img="public.jpg" title="微信公众号">
<svg class="size-5 fill-inherit" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
viewBox="0 0 20 20">
<path
d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zm3.889 6.944c.139 0 .278.014.417.028-1.306-2.958-4.723-5.027-8.611-5.027C2.611 1.945 0 4.306 0 7.222c0 1.528.806 2.861 2.083 3.819l-.417 1.945 1.945-.972c.639.139 1.167.25 1.861.25.222 0 .444-.014.667-.028-.222-.639-.333-1.306-.333-1.986 0-2.569 2.181-4.653 5.139-4.653l.944-.653zm-5.278-2.5c.458 0 .833.375.833.833s-.375.833-.833.833-.833-.375-.833-.833.375-.833.833-.833zM4.167 6.111c-.458 0-.833-.375-.833-.833s.375-.833.833-.833.833.375.833.833-.375.833-.833.833zm9.722 3.333c-2.236 0-4.028 1.583-4.028 3.528s1.792 3.528 4.028 3.528c.597 0 1.194-.111 1.736-.278l1.542.694-.486-1.472c.972-.764 1.597-1.861 1.597-3.125 0-1.945-1.792-3.528-4.028-3.528h-.361zm-1.667 2.5c.306 0 .556.25.556.556s-.25.556-.556.556-.556-.25-.556-.556.25-.556.556-.556zm3.334 0c.305 0 .555.25.555.556s-.25.556-.555.556-.556-.25-.556-.556.25-.556.556-.556z" />
</svg>
</a>
<a class="wechat-icon-link fill-white transition-colors hover:fill-green relative"
href="javascript:void(0)" data-wechat-img="customer-service.jpg" title="微信客服号">
<svg class="size-5 fill-inherit" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
viewBox="0 0 20 20">
<path
d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zm4.861 7.222c.167 0 .333.014.5.028C14.097 4.444 11.139 2 7.5 2 3.889 2 1 4.444 1 7.5c0 1.778.972 3.333 2.5 4.444l-.5 2.223 2.222-1.111c.722.167 1.333.278 2.111.278.278 0 .556-.014.834-.028-.278-.722-.417-1.5-.417-2.306 0-2.972 2.5-5.389 5.833-5.389l1.278-.389zm-6.028-2.777c.528 0 .945.417.945.945s-.417.944-.945.944-.944-.416-.944-.944.416-.945.944-.945zm-4.166 1.888c-.528 0-.945-.416-.945-.944s.417-.945.945-.945.944.417.944.945-.416.944-.944.944zm10.277 3.611c-2.569 0-4.611 1.806-4.611 4.028s2.042 4.028 4.611 4.028c.694 0 1.389-.125 2-.306L19 18.889l-.556-1.667c1.111-.889 1.833-2.139 1.833-3.611 0-2.222-2.042-4.028-4.611-4.028h-.722zm-1.944 2.778c.361 0 .639.278.639.639s-.278.639-.639.639-.639-.278-.639-.639.278-.639.639-.639zm3.889 0c.361 0 .639.278.639.639s-.278.639-.639.639-.639-.278-.639-.639.278-.639.639-.639zM10 14.444c0 .306-.25.556-.556.556H6.111c-.306 0-.556-.25-.556-.556s.25-.555.556-.555h3.333c.306 0 .556.25.556.555z" />
</svg>
</a>
</div>
<div class="absolute right-20 bottom-0 flex gap-4 max-xl:right-10 max-md:static">
<div
class="relative w-42 p-5 pb-6.5 rounded-[1.25rem] bg-content text-center shadow-1 backdrop-blur-[1.25rem] max-md:px-3">
<div class="absolute inset-0 border border-line rounded-[1.25rem] pointer-events-none"></div>
<div
class="relative flex justify-center items-center size-11 mx-auto mb-4 rounded-lg bg-gradient-to-b from-black/15 to-white/15 shadow-[0.0625rem_0.0625rem_0.0625rem_0_rgba(255,255,255,0.10)_inset,0_0_0.625rem_0_rgba(255,255,255,0.10)_inset]">
<div class="absolute inset-0 border border-line rounded-lg"></div><img class="w-5"
src="img/clock.svg" alt="">
</div>
<div class="text-title-4 max-md:text-title-3-mobile">实时数据分析</div>
</div>
<div
class="relative w-42 p-5 pb-6.5 rounded-[1.25rem] bg-content text-center shadow-1 backdrop-blur-[1.25rem] max-md:px-3">
<div class="absolute inset-0 border border-line rounded-[1.25rem] pointer-events-none"></div>
<div
class="relative flex justify-center items-center size-11 mx-auto mb-4 rounded-lg bg-gradient-to-b from-black/15 to-white/15 shadow-[0.0625rem_0.0625rem_0.0625rem_0_rgba(255,255,255,0.10)_inset,0_0_0.625rem_0_rgba(255,255,255,0.10)_inset]">
<div class="absolute inset-0 border border-line rounded-lg"></div><img class="w-5"
src="img/floor.svg" alt="">
</div>
<div class="text-title-4 max-md:text-title-3-mobile">低延迟推理</div>
</div>
</div>
</div>
</div>
<div
class="absolute top-23 right-[calc(50%-28.5rem)] size-178 rounded-full max-xl:size-140 max-md:top-36 max-md:right-auto max-md:left-8.5 max-md:size-133">
<div class="absolute -inset-[10%] mask-radial-at-center mask-radial-from-20% mask-radial-to-52%"><video
class="w-full" src="videos/video-1.webm" autoplay loop muted playsinline></video></div>
<div
class="absolute inset-0 rounded-full shadow-[0.875rem_1.0625rem_1.25rem_0_rgba(255,255,255,0.25)_inset] bg-black/1">
</div>
</div>
<div>
<div
class="absolute top-61.5 right-[calc(50%-35.18rem)] z-2 size-116.5 bg-green/20 rounded-full blur-[8rem] max-md:top-36 max-lg:-right-96 max-md:left-74 max-md:right-auto">
</div>
<div
class="absolute top-77 left-[calc(50%-57.5rem)] z-2 size-116.5 bg-green/20 rounded-full blur-[8rem] max-lg:-left-60 max-md:top-84 max-md:-left-52 max-md:size-80">
</div>
</div>
</div><!-- details-->
<div class="pt-40.5 pb-30.5 max-xl:pt-30 max-lg:py-24 max-md:py-15">
<div class="center">
<div class="flex flex-wrap -mt-4 -mx-2">
<div
class="relative min-h-75 rounded-[1.25rem] bg-content shadow-2 backdrop-blur-[1.25rem] after:absolute after:inset-0 after:border after:border-line after:rounded-[1.25rem] after:pointer-events-none max-xl:min-h-70 flex w-[calc(50%-1rem)] h-full mt-4 mx-2 pt-6 pb-7 px-8.5 max-xl:px-6 max-lg:w-[calc(100%-1rem)] max-md:px-8 max-md:min-h-112.5"
data-aos="fade">
<div class="relative z-2 max-w-58 flex flex-col max-md:max-w-full">
<div
class="mb-auto bg-radial-white-2 bg-clip-text text-transparent text-title-1 max-xl:text-title-2 max-md:mb-0.5 max-md:text-title-1-mobile">
99%</div>
<div class="mt-3 text-title-4 max-md:text-title-3-mobile">金融数据理解准确率</div>
<div class="mt-2.5 text-description max-md:mt-2">基于金融领域深度微调的大语言模型,精准理解市场动态和舆情变化。</div>
</div>
<div
class="absolute top-0 right-0 bottom-0 flex items-center max-2xl:-right-16 max-lg:right-0 max-md:top-auto max-md:left-0 max-md:pl-7.5">
<img class="w-86.25 max-xl:w-72 max-md:w-full" src="img/details-pic-1.png" alt=""></div>
</div>
<div
class="relative min-h-75 rounded-[1.25rem] bg-content shadow-2 backdrop-blur-[1.25rem] after:absolute after:inset-0 after:border after:border-line after:rounded-[1.25rem] after:pointer-events-none max-xl:min-h-70 flex w-[calc(50%-1rem)] h-full mt-4 mx-2 pt-6 pb-7 px-8.5 max-xl:px-6 max-lg:w-[calc(100%-1rem)] max-md:px-8 max-md:min-h-112.5"
data-aos="fade">
<div class="relative z-2 max-w-58 flex flex-col max-md:max-w-full">
<div
class="mb-auto bg-radial-white-2 bg-clip-text text-transparent text-title-1 max-xl:text-title-2 max-md:mb-0.5 max-md:text-title-1-mobile">
24/7</div>
<div class="mt-3 text-title-4 max-md:text-title-3-mobile">全天候舆情监控</div>
<div class="mt-2.5 text-description max-md:mt-2">7×24小时不间断监控市场舆情第一时间捕捉关键信息。</div>
</div>
<div
class="absolute top-0 right-0 bottom-0 flex items-center max-2xl:-right-16 max-lg:right-0 max-md:top-auto max-md:left-0 max-md:pl-7.5">
<img class="w-86.25 max-xl:w-72 max-md:w-full" src="img/details-pic-2.png" alt=""></div>
</div>
<div
class="relative min-h-75 rounded-[1.25rem] bg-content shadow-2 backdrop-blur-[1.25rem] after:absolute after:inset-0 after:border after:border-line after:rounded-[1.25rem] after:pointer-events-none max-xl:min-h-70 flex items-end w-62.5 mt-4 mx-2 px-8.5 pb-7 max-xl:px-6 max-lg:w-[calc(50%-1rem)] max-md:w-[calc(100%-1rem)] max-md:min-h-72 max-md:px-7 max-md:pb-6"
data-aos="fade">
<div class="absolute top-0 left-0 right-0 flex justify-center"><img
class="w-full max-lg:max-w-60 max-md:max-w-73.5" src="img/details-pic-3.png" alt=""></div>
<div class="relative z-2 max-w-58 flex flex-col">
<div class="mb-2.5 text-title-4 max-md:mb-1.5 max-md:text-title-3-mobile">深度模型微调</div>
<div class="text-description">针对金融领域数据进行专业化模型训练和优化。</div>
</div>
</div>
<div
class="relative min-h-75 rounded-[1.25rem] bg-content shadow-2 backdrop-blur-[1.25rem] after:absolute after:inset-0 after:border after:border-line after:rounded-[1.25rem] after:pointer-events-none max-xl:min-h-70 flex items-end grow mt-4 mx-2 px-8.5 pb-7 overflow-hidden max-xl:px-6 max-lg:order-5"
data-aos="fade">
<div
class="absolute top-0 left-0 flex justify-center max-2xl:top-8 max-lg:top-0 max-md:-left-3 max-md:w-176">
<img class="w-full" src="img/details-pic-4.png" alt=""></div>
<div class="relative z-2 max-w-58 flex flex-col">
<div class="flex items-center gap-3 mb-3">
<div
class="relative flex justify-center items-center shrink-0 w-12.5 h-12.5 rounded-lg bg-gradient-to-b from-[#F4D03F] to-[#D4AF37] shadow-[0.0625rem_0.0625rem_0.0625rem_0_rgba(212,175,55,0.30)_inset,_0_0_0.625rem_0_rgba(212,175,55,0.50)_inset] after:absolute after:inset-0 after:border after:border-line after:rounded-lg after:pointer-events-none">
<img class="w-4" src="img/lightning.svg" alt=""></div>
<div
class="bg-radial-white-2 bg-clip-text text-transparent text-title-2 leading-tight max-xl:text-title-2 max-md:text-title-1-mobile">
&lt;100ms</div>
</div>
<div class="text-title-4 max-md:text-title-3-mobile">低延迟推理系统</div>
<div class="mt-2.5 text-description max-md:mt-2">毫秒级响应速度,实时处理海量舆情数据。</div>
</div>
</div>
<div
class="relative min-h-75 rounded-[1.25rem] bg-content shadow-2 backdrop-blur-[1.25rem] after:absolute after:inset-0 after:border after:border-line after:rounded-[1.25rem] after:pointer-events-none max-xl:min-h-70 flex items-end w-62.5 mt-4 mx-2 px-8.5 pb-7 max-xl:px-6 max-lg:w-[calc(50%-1rem)] max-md:w-[calc(100%-1rem)] max-md:min-h-72 max-md:px-7 max-md:pb-6"
data-aos="fade">
<div class="absolute top-0 left-0 right-0 flex justify-center"><img
class="w-full max-lg:max-w-60 max-md:max-w-73.5" src="img/details-pic-5.png" alt=""></div>
<div class="relative z-2 max-w-58 flex flex-col">
<div
class="bg-radial-white-2 bg-clip-text text-transparent text-title-1 max-xl:text-title-2 max-md:text-title-1-mobile">
历史复盘</div>
<div class="text-description">对历史事件进行深度复盘分析,关联标的,辅助投资决策。</div>
</div>
</div>
</div>
</div>
</div><!-- features-->
<div class="relative pt-34.5 pb-41 max-xl:pt-20 max-xl:pb-30 max-lg:py-24 max-md:pt-15 max-md:pb-14">
<div class="center relative z-2">
<div class="max-w-148 mx-auto mb-18 text-center max-xl:mb-14 max-md:mb-8.5" data-aos="fade">
<div class="label mb-3 max-md:mb-1">核心功能</div>
<div
class="mb-6 bg-radial-white-2 bg-clip-text text-transparent text-title-1 max-lg:text-title-2 max-md:mb-3 max-md:text-title-1-mobile">
我们能做什么?</div>
<div class="text-description">基于AI的舆情分析系统深度挖掘市场动态为投资决策提供实时智能洞察。</div>
</div>
<div class="flex flex-wrap -mt-4 -mx-2">
<div
class="relative w-[calc(25%-1rem)] mt-4 mx-2 rounded-[1.25rem] bg-content shadow-2 backdrop-blur-[1.25rem] after:absolute after:inset-0 after:border after:border-line after:rounded-[1.25rem] after:pointer-events-none max-lg:w-[calc(50%-1rem)] max-md:w-[calc(100%-1rem)]"
data-aos="fade">
<div class="max-md:text-center"><img class="w-full max-md:max-w-73.5" src="img/features-pic-1.png"
alt=""></div>
<div class="pt-0.5 px-8.5 pb-7.5 max-xl:px-5 max-xl:pb-5 max-lg:px-8 max-lg:pb-7 max-md:pb-6">
<div class="mb-2.5 text-title-4 max-md:mb-1 max-md:text-title-2-mobile">舆情数据挖掘</div>
<div class="text-description">实时采集和分析全网金融舆情,捕捉市场情绪变化。</div>
</div>
</div>
<div
class="relative w-[calc(25%-1rem)] mt-4 mx-2 rounded-[1.25rem] bg-content shadow-2 backdrop-blur-[1.25rem] after:absolute after:inset-0 after:border after:border-line after:rounded-[1.25rem] after:pointer-events-none max-lg:w-[calc(50%-1rem)] max-md:w-[calc(100%-1rem)]"
data-aos="fade">
<div class="max-md:text-center"><img class="w-full max-md:max-w-73.5" src="img/features-pic-2.png"
alt=""></div>
<div class="pt-0.5 px-8.5 pb-7.5 max-xl:px-5 max-xl:pb-5 max-lg:px-8 max-lg:pb-7 max-md:pb-6">
<div class="mb-2.5 text-title-4 max-md:mb-1 max-md:text-title-2-mobile">智能事件关联</div>
<div class="text-description">自动关联相关标的和历史事件,构建完整的信息图谱。</div>
</div>
</div>
<div
class="relative w-[calc(25%-1rem)] mt-4 mx-2 rounded-[1.25rem] bg-content shadow-2 backdrop-blur-[1.25rem] after:absolute after:inset-0 after:border after:border-line after:rounded-[1.25rem] after:pointer-events-none max-lg:w-[calc(50%-1rem)] max-md:w-[calc(100%-1rem)]"
data-aos="fade">
<div class="max-md:text-center"><img class="w-full max-md:max-w-73.5" src="img/features-pic-3.png"
alt=""></div>
<div class="pt-0.5 px-8.5 pb-7.5 max-xl:px-5 max-xl:pb-5 max-lg:px-8 max-lg:pb-7 max-md:pb-6">
<div class="mb-2.5 text-title-4 max-md:mb-1 max-md:text-title-2-mobile">历史复盘</div>
<div class="text-description">深度复盘历史事件走势,洞察关键节点与转折,为投资决策提供经验参考。</div>
</div>
</div>
<div
class="relative w-[calc(25%-1rem)] mt-4 mx-2 rounded-[1.25rem] bg-content shadow-2 backdrop-blur-[1.25rem] after:absolute after:inset-0 after:border after:border-line after:rounded-[1.25rem] after:pointer-events-none max-lg:w-[calc(50%-1rem)] max-md:w-[calc(100%-1rem)]"
data-aos="fade">
<div class="max-md:text-center"><img class="w-full max-md:max-w-73.5" src="img/features-pic-4.png"
alt=""></div>
<div class="pt-0.5 px-8.5 pb-7.5 max-xl:px-5 max-xl:pb-5 max-lg:px-8 max-lg:pb-7 max-md:pb-6">
<div class="mb-2.5 text-title-4 max-md:mb-1 max-md:text-title-2-mobile">专精金融的AI聊天</div>
<div class="text-description">基于金融领域深度训练的智能对话助手,即时解答市场问题,提供专业投资建议。</div>
</div>
</div>
</div>
</div>
<div class="max-md:hidden">
<div class="absolute top-47.5 left-[calc(50%-52.38rem)] size-98.5 bg-gold/15 rounded-full blur-[6.75rem]">
</div>
<div
class="absolute bottom-2.5 right-[calc(50%-51.44rem)] size-98.5 bg-gold/15 rounded-full blur-[6.75rem]">
</div>
</div>
</div><!-- pricing-->
<div class="pt-34.5 pb-25 max-2xl:pt-25 max-lg:py-20 max-md:py-15" id="pricing">
<div class="center">
<div class="max-w-175 mx-auto mb-17.5 text-center max-xl:mb-14 max-md:mb-8" data-aos="fade">
<div class="label mb-3 max-md:mb-1.5">订阅方案</div>
<div
class="bg-radial-white-2 bg-clip-text text-transparent text-title-1 max-lg:text-title-2 max-md:text-title-1-mobile">
立即开启智能决策</div>
</div>
<div
class="flex justify-center gap-4 max-lg:-mx-10 max-lg:px-10 max-lg:overflow-x-auto max-lg:scrollbar-none max-md:-mx-5 max-md:px-5"
data-aos="fade">
<div
class="relative flex flex-col flex-1 max-w-md rounded-[1.25rem] overflow-hidden shadow-[0.0625rem_0.0625rem_0.0625rem_0_rgba(255,255,255,0.10)_inset] after:absolute after:inset-0 after:border after:border-line after:rounded-[1.25rem] after:pointer-events-none max-lg:shrink-0 max-lg:flex-auto max-lg:w-84">
<div class="relative z-2 pt-8 px-8.5 pb-10 text-title-4 max-md:text-title-5 text-white">PRO</div>
<div
class="relative z-3 flex flex-col grow -mt-5 p-3.5 pb-8.25 backdrop-blur-[1.25rem] bg-white/1 rounded-[1.25rem] after:absolute after:inset-0 after:border after:border-line after:rounded-[1.25rem] after:pointer-events-none">
<div
class="relative mb-8 p-5 rounded-[0.8125rem] bg-white/2 backdrop-blur-[1.25rem] shadow-2 after:absolute after:inset-0 after:border after:border-line after:rounded-[0.8125rem] after:pointer-events-none">
<div class="flex items-end gap-3 mb-4">
<div
class="bg-radial-white-2 bg-clip-text text-transparent text-title-1 leading-[3.1rem] max-xl:text-title-2 max-xl:leading-[2.4rem]">
¥388</div>
<div class="text-title-5">/月</div>
</div>
<a class="btn btn-secondary w-full bg-line !text-description hover:!text-white"
href="https://valuefrontier.cn/home/pages/account/subscription" target="_blank">选择Pro版</a>
</div>
<div class="flex flex-col gap-6.5 px-3.5 max-xl:px-0 max-xl:gap-5 max-md:px-3.5">
<div
class="flex items-center gap-2.5 text-description max-xl:text-description-2 max-md:text-description-mobile">
<div
class="flex justify-center items-center shrink-0 size-5 bg-green rounded-full shadow-[0.0625rem_0.0625rem_0.0625rem_0_rgba(255,255,255,0.20)_inset,_0_0_0.625rem_0_rgba(255,255,255,0.50)_inset]">
<svg class="size-5 fill-black" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
viewBox="0 0 20 20">
<path
d="M13.47 6.97A.75.75 0 0 1 14.53 8.03l-5 5a.75.75 0 0 1-1.061 0l-3-3A.75.75 0 0 1 6.53 8.97L9 11.439l4.47-4.469z" />
</svg>
</div>
<div>事件关联股票深度分析</div>
</div>
<div
class="flex items-center gap-2.5 text-description max-xl:text-description-2 max-md:text-description-mobile">
<div
class="flex justify-center items-center shrink-0 size-5 bg-green rounded-full shadow-[0.0625rem_0.0625rem_0.0625rem_0_rgba(255,255,255,0.20)_inset,_0_0_0.625rem_0_rgba(255,255,255,0.50)_inset]">
<svg class="size-5 fill-black" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
viewBox="0 0 20 20">
<path
d="M13.47 6.97A.75.75 0 0 1 14.53 8.03l-5 5a.75.75 0 0 1-1.061 0l-3-3A.75.75 0 0 1 6.53 8.97L9 11.439l4.47-4.469z" />
</svg>
</div>
<div>历史事件智能对比复盘</div>
</div>
<div
class="flex items-center gap-2.5 text-description max-xl:text-description-2 max-md:text-description-mobile">
<div
class="flex justify-center items-center shrink-0 size-5 bg-green rounded-full shadow-[0.0625rem_0.0625rem_0.0625rem_0_rgba(255,255,255,0.20)_inset,_0_0_0.625rem_0_rgba(255,255,255,0.50)_inset]">
<svg class="size-5 fill-black" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
viewBox="0 0 20 20">
<path
d="M13.47 6.97A.75.75 0 0 1 14.53 8.03l-5 5a.75.75 0 0 1-1.061 0l-3-3A.75.75 0 0 1 6.53 8.97L9 11.439l4.47-4.469z" />
</svg>
</div>
<div>事件概念关联与挖掘</div>
</div>
<div
class="flex items-center gap-2.5 text-description max-xl:text-description-2 max-md:text-description-mobile">
<div
class="flex justify-center items-center shrink-0 size-5 bg-green rounded-full shadow-[0.0625rem_0.0625rem_0.0625rem_0_rgba(255,255,255,0.20)_inset,_0_0_0.625rem_0_rgba(255,255,255,0.50)_inset]">
<svg class="size-5 fill-black" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
viewBox="0 0 20 20">
<path
d="M13.47 6.97A.75.75 0 0 1 14.53 8.03l-5 5a.75.75 0 0 1-1.061 0l-3-3A.75.75 0 0 1 6.53 8.97L9 11.439l4.47-4.469z" />
</svg>
</div>
<div>概念板块个股追踪</div>
</div>
<div
class="flex items-center gap-2.5 text-description max-xl:text-description-2 max-md:text-description-mobile">
<div
class="flex justify-center items-center shrink-0 size-5 bg-green rounded-full shadow-[0.0625rem_0.0625rem_0.0625rem_0_rgba(255,255,255,0.20)_inset,_0_0_0.625rem_0_rgba(255,255,255,0.50)_inset]">
<svg class="size-5 fill-black" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
viewBox="0 0 20 20">
<path
d="M13.47 6.97A.75.75 0 0 1 14.53 8.03l-5 5a.75.75 0 0 1-1.061 0l-3-3A.75.75 0 0 1 6.53 8.97L9 11.439l4.47-4.469z" />
</svg>
</div>
<div>概念深度研报与解读</div>
</div>
<div
class="flex items-center gap-2.5 text-description max-xl:text-description-2 max-md:text-description-mobile">
<div
class="flex justify-center items-center shrink-0 size-5 bg-green rounded-full shadow-[0.0625rem_0.0625rem_0.0625rem_0_rgba(255,255,255,0.20)_inset,_0_0_0.625rem_0_rgba(255,255,255,0.50)_inset]">
<svg class="size-5 fill-black" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
viewBox="0 0 20 20">
<path
d="M13.47 6.97A.75.75 0 0 1 14.53 8.03l-5 5a.75.75 0 0 1-1.061 0l-3-3A.75.75 0 0 1 6.53 8.97L9 11.439l4.47-4.469z" />
</svg>
</div>
<div>个股异动实时预警</div>
</div>
</div>
</div>
</div>
<div
class="relative flex flex-col flex-1 max-w-md rounded-[1.25rem] overflow-hidden shadow-2 before:absolute before:-top-20 before:left-1/2 before:z-1 before:-translate-x-1/2 before:w-65 before:h-57 before:bg-gold/15 before:rounded-full before:blur-[3.375rem] after:absolute after:inset-0 after:border after:border-gold/30 after:rounded-[1.25rem] after:pointer-events-none max-lg:shrink-0 max-lg:flex-auto max-lg:w-84">
<div
class="absolute -top-36 left-13 w-105 mask-radial-at-center mask-radial-from-20% mask-radial-to-52%">
<video class="w-full" src="videos/video-1.webm" autoplay loop muted playsinline></video></div>
<div
class="relative z-2 pt-8 px-8.5 pb-10 text-title-4 max-md:text-title-5 bg-gradient-to-r from-gold-dark/20 to-gold/20 rounded-t-[1.25rem] text-gold">
MAX</div>
<div
class="relative z-3 flex flex-col grow -mt-5 p-3.5 pb-8.25 backdrop-blur-[2rem] shadow-2 bg-white/7 rounded-[1.25rem] after:absolute after:inset-0 after:border after:border-line after:rounded-[1.25rem] after:pointer-events-none">
<div
class="relative mb-8 p-5 rounded-[0.8125rem] bg-line backdrop-blur-[1.25rem] shadow-2 after:absolute after:inset-0 after:border after:border-line after:rounded-[0.8125rem] after:pointer-events-none">
<div class="flex items-end gap-3 mb-4">
<div
class="bg-radial-white-2 bg-clip-text text-transparent text-title-1 leading-[3.1rem] max-xl:text-title-2 max-xl:leading-[2.4rem]">
¥998</div>
<div class="text-title-5">/月</div>
</div>
<a class="btn btn-primary w-full" href="https://valuefrontier.cn/home/pages/account/subscription"
target="_blank">选择Max版</a>
</div>
<div class="flex flex-col gap-6.5 px-3.5 max-xl:px-0 max-xl:gap-5 max-md:px-3.5">
<div
class="flex items-center gap-2.5 text-description max-xl:text-description-2 max-md:text-description-mobile">
<div
class="flex justify-center items-center shrink-0 size-5 bg-gold rounded-full shadow-[0.0625rem_0.0625rem_0.0625rem_0_rgba(212,175,55,0.30)_inset,_0_0_0.625rem_0_rgba(212,175,55,0.50)_inset]">
<svg class="size-5 fill-black" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
viewBox="0 0 20 20">
<path
d="M13.47 6.97A.75.75 0 0 1 14.53 8.03l-5 5a.75.75 0 0 1-1.061 0l-3-3A.75.75 0 0 1 6.53 8.97L9 11.439l4.47-4.469z" />
</svg>
</div>
<div class="font-medium">包含Pro版全部功能</div>
</div>
<div
class="flex items-center gap-2.5 text-description max-xl:text-description-2 max-md:text-description-mobile">
<div
class="flex justify-center items-center shrink-0 size-5 bg-green rounded-full shadow-[0.0625rem_0.0625rem_0.0625rem_0_rgba(255,255,255,0.20)_inset,_0_0_0.625rem_0_rgba(255,255,255,0.50)_inset]">
<svg class="size-5 fill-black" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
viewBox="0 0 20 20">
<path
d="M13.47 6.97A.75.75 0 0 1 14.53 8.03l-5 5a.75.75 0 0 1-1.061 0l-3-3A.75.75 0 0 1 6.53 8.97L9 11.439l4.47-4.469z" />
</svg>
</div>
<div>事件传导链路智能分析</div>
</div>
<div
class="flex items-center gap-2.5 text-description max-xl:text-description-2 max-md:text-description-mobile">
<div
class="flex justify-center items-center shrink-0 size-5 bg-green rounded-full shadow-[0.0625rem_0.0625rem_0.0625rem_0_rgba(255,255,255,0.20)_inset,_0_0_0.625rem_0_rgba(255,255,255,0.50)_inset]">
<svg class="size-5 fill-black" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
viewBox="0 0 20 20">
<path
d="M13.47 6.97A.75.75 0 0 1 14.53 8.03l-5 5a.75.75 0 0 1-1.061 0l-3-3A.75.75 0 0 1 6.53 8.97L9 11.439l4.47-4.469z" />
</svg>
</div>
<div>概念演变时间轴追溯</div>
</div>
<div
class="flex items-center gap-2.5 text-description max-xl:text-description-2 max-md:text-description-mobile">
<div
class="flex justify-center items-center shrink-0 size-5 bg-green rounded-full shadow-[0.0625rem_0.0625rem_0.0625rem_0_rgba(255,255,255,0.20)_inset,_0_0_0.625rem_0_rgba(255,255,255,0.50)_inset]">
<svg class="size-5 fill-black" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
viewBox="0 0 20 20">
<path
d="M13.47 6.97A.75.75 0 0 1 14.53 8.03l-5 5a.75.75 0 0 1-1.061 0l-3-3A.75.75 0 0 1 6.53 8.97L9 11.439l4.47-4.469z" />
</svg>
</div>
<div>个股全方位深度研究</div>
</div>
<div
class="flex items-center gap-2.5 text-description max-xl:text-description-2 max-md:text-description-mobile">
<div
class="flex justify-center items-center shrink-0 size-5 bg-green rounded-full shadow-[0.0625rem_0.0625rem_0.0625rem_0_rgba(255,255,255,0.20)_inset,_0_0_0.625rem_0_rgba(255,255,255,0.50)_inset]">
<svg class="size-5 fill-black" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
viewBox="0 0 20 20">
<path
d="M13.47 6.97A.75.75 0 0 1 14.53 8.03l-5 5a.75.75 0 0 1-1.061 0l-3-3A.75.75 0 0 1 6.53 8.97L9 11.439l4.47-4.469z" />
</svg>
</div>
<div>价小前投研助手无限使用</div>
</div>
<div
class="flex items-center gap-2.5 text-description max-xl:text-description-2 max-md:text-description-mobile">
<div
class="flex justify-center items-center shrink-0 size-5 bg-green rounded-full shadow-[0.0625rem_0.0625rem_0.0625rem_0_rgba(255,255,255,0.20)_inset,_0_0_0.625rem_0_rgba(255,255,255,0.50)_inset]">
<svg class="size-5 fill-black" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
viewBox="0 0 20 20">
<path
d="M13.47 6.97A.75.75 0 0 1 14.53 8.03l-5 5a.75.75 0 0 1-1.061 0l-3-3A.75.75 0 0 1 6.53 8.97L9 11.439l4.47-4.469z" />
</svg>
</div>
<div>新功能优先体验权</div>
</div>
<div
class="flex items-center gap-2.5 text-description max-xl:text-description-2 max-md:text-description-mobile">
<div
class="flex justify-center items-center shrink-0 size-5 bg-green rounded-full shadow-[0.0625rem_0.0625rem_0.0625rem_0_rgba(255,255,255,0.20)_inset,_0_0_0.625rem_0_rgba(255,255,255,0.50)_inset]">
<svg class="size-5 fill-black" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
viewBox="0 0 20 20">
<path
d="M13.47 6.97A.75.75 0 0 1 14.53 8.03l-5 5a.75.75 0 0 1-1.061 0l-3-3A.75.75 0 0 1 6.53 8.97L9 11.439l4.47-4.469z" />
</svg>
</div>
<div>专属客服一对一服务</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- start-->
<div
class="relative min-h-225 pt-30 overflow-hidden max-lg:min-h-210 max-lg:pt-24 max-md:min-h-103 max-md:pt-14">
<div
class="absolute top-0 left-1/2 -translate-x-[51%] rotate-12 w-[120vw] mask-[radial-gradient(88.47%_97.89%_at_53.08%_1.39%,rgba(217,217,217,0)_43.12%,#737373_100%)] max-[1520px]:w-[140vw] max-2xl:w-420 max-md:w-280">
<video
class="w-full -mt-108 max-4xl:-mt-100 max-3xl:-mt-77 max-[1520px]:-mt-90 max-2xl:-mt-60 max-lg:-mt-80 max-md:-mt-40"
src="videos/video-2.webm" autoplay loop muted playsinline></video></div>
<div class="center !max-w-155 relative z-3 text-center" data-aos="fade">
<div
class="mb-3 bg-radial-white-2 bg-clip-text text-transparent text-title-1 max-lg:text-title-2 max-md:max-w-60 max-md:mx-auto max-md:text-title-1-mobile">
立即开启智能舆情分析</div>
<div class="mb-7.5 text-description max-md:mb-5">基于金融大语言模型的舆情分析系统,助力您的投资决策数字化转型。</div>
<a class="btn btn-primary" href="https://valuefrontier.cn/home">进入应用</a>
</div>
<div>
<div
class="absolute z-1 top-84.5 -left-29.5 size-99 bg-gold/15 rounded-full blur-[6.75rem] max-md:size-46 max-md:top-67 max-md:-left-32.5">
</div>
<div
class="absolute z-1 top-44.5 -right-41.5 size-99 bg-gold/15 rounded-full blur-[6.75rem] max-md:size-46 max-md:top-48 max-md:-right-43">
</div>
</div>
</div>
</div><!-- footer-->
<footer
class="pt-15 pb-6 bg-black/80 backdrop-blur-[1rem] shadow-[0_0.0625rem_0.0625rem_0_rgba(255,255,255,0.10)_inset] max-md:pt-10 max-md:pb-3 absolute left-0 right-0 bottom-0 z-2 max-md:static">
<div class="center max-md:!px-7.5">
<div class="flex justify-between max-md:flex-col max-md:gap-7">
<div class="max-w-56 max-lg:max-w-40 max-md:max-w-full">
<a class="inline-flex w-26.5 mb-7.5 max-md:mb-2.5" href="index.html"><img class="w-full"
src="img/logo.svg" alt=""></a>
<div class="text-description-3 text-description">价值前沿运用金融大语言模型7×24小时不间断挖掘分析舆情数据为投资决策提供深度洞察和智能支持。</div>
</div>
<div class="">
<div class="mb-6 text-description-2 max-md:mb-2">产品</div>
<div class="flex flex-col items-start gap-4.5 max-md:gap-2.25">
<a class="text-description-3 text-description transition-colors hover:text-white"
href="index.html">核心功能</a>
<a class="text-description-3 text-description transition-colors hover:text-white"
href="https://valuefrontier.cn/#pricing" target="_blank">价格方案</a>
<a class="text-description-3 text-description transition-colors hover:text-white"
href="https://valuefrontier.cn/agent-chat" target="_blank">价小前BOT</a>
<a class="text-description-3 text-description transition-colors hover:text-white"
href="https://valuefrontier.cn/docs.html" target="_blank">使用文档</a>
</div>
</div>
<div class="">
<div class="mb-6 text-description-2 max-md:mb-2">资源</div>
<div class="flex flex-col items-start gap-4.5 max-md:gap-2.25">
<a class="text-description-3 text-description transition-colors hover:text-white"
href="https://valuefrontier.cn/docs.html" target="_blank">帮助中心</a>
<a class="text-description-3 text-description transition-colors hover:text-white"
href="index.html">博客文章</a>
<a class="text-description-3 text-description transition-colors hover:text-white"
href="index.html">开发指南</a>
<a class="text-description-3 text-description transition-colors hover:text-white"
href="index.html">案例研究</a>
</div>
</div>
<div class="shrink-0 w-70 max-lg:w-56 max-md:w-full">
<div class="mb-6 text-description-2 max-md:mb-2.5">订阅资讯</div>
<div class="mb-6 text-description-3 text-description max-md:max-w-60 max-md:mb-3">订阅获取最新的AI舆情分析和产品更新资讯。
</div>
<form
class="relative after:absolute after:inset-0 after:border after:border-line after:rounded-lg after:pointer-events-none">
<input
class="w-full h-8.5 pl-3.5 pr-10 border-0 outline-0 shadow-[0.0625rem_0.0625rem_0.0625rem_0_rgba(255,255,255,0.10)_inset] rounded-lg bg-black/1 text-description-3 text-white placeholder:text-description"
type="email" name="email" placeholder="输入您的邮箱..." autocomplete="off" />
<button class="btn btn-primary !absolute top-0.5 right-0.5 w-7.5 !h-7.5 !p-0 !rounded-md">
<svg class="size-5 fill-black" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
viewBox="0 0 20 20">
<path
d="M11.132 14.863c-.19.182-.499.183-.689 0s-.19-.478 0-.661l3.894-3.735H4.487C4.218 10.467 4 10.258 4 10s.218-.467.487-.467h9.849l-3.894-3.735c-.19-.183-.19-.479 0-.661s.499-.182.689 0l4.725 4.533c.19.183.19.478 0 .661l-4.725 4.533z" />
</svg>
</button>
</form>
</div>
</div>
<div
class="flex justify-between items-center mt-11 py-5 border-t border-line max-md:flex-col max-md:items-start">
<div class="flex flex-col gap-1 max-md:mb-3">
<div class="text-description-3 text-description">© 2024 价值前沿. 保留所有权利.</div>
<div class="flex flex-col gap-0.5 text-description-3 text-description">
<a class="transition-colors hover:text-white" href="https://beian.mps.gov.cn/#/query/webSearch"
target="_blank">京公网安备11010802046286号</a>
<a class="transition-colors hover:text-white" href="https://beian.miit.gov.cn/"
target="_blank">京ICP备2025107343号-1</a>
</div>
</div>
<div class="flex items-center max-md:flex-col max-md:items-start max-md:gap-2">
<a class="text-description-3 text-description transition-colors hover:text-white"
href="index.html">服务条款</a>
<div class="w-0.25 h-4 mx-6 bg-white/20 max-md:hidden"></div>
<a class="text-description-3 text-description transition-colors hover:text-white"
href="index.html">隐私政策</a>
</div>
</div>
</div>
</footer>
</div>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/Swiper/11.1.14/swiper-bundle.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/aos/2.3.4/aos.js"></script>
<script src="js/app.js"></script>
<script>
window.difyChatbotConfig = {
token: 'DwN8qAKtYFQtWskM',
baseUrl: 'https://app.valuefrontier.cn',
inputs: {},
systemVariables: {},
userVariables: {}
}
</script>
<script src="https://app.valuefrontier.cn/embed.min.js" id="DwN8qAKtYFQtWskM" defer></script>
<style>
#dify-chatbot-bubble-button {
background-color: #1C64F2 !important;
width: 60px !important;
height: 60px !important;
}
#dify-chatbot-bubble-button svg {
width: 28px !important;
height: 28px !important;
}
#dify-chatbot-bubble-window {
width: 24rem !important;
height: 40rem !important;
position: fixed !important;
bottom: 80px !important;
right: 20px !important;
}
</style>
</body>
</html>