1525 lines
112 KiB
HTML
1525 lines
112 KiB
HTML
<!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.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
|
||
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/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-description"
|
||
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-white"
|
||
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><!-- docs - complete documentation page with left sidebar-->
|
||
<div class="relative pt-34.5 pb-36 max-lg:py-28 max-md:pt-24 max-md:pb-20">
|
||
<div class="center relative z-3"><!-- Hero Section-->
|
||
<div
|
||
class="relative px-10 pt-6 pb-7 shadow-2 rounded-[1.25rem] bg-black/50 overflow-hidden after:absolute after:inset-0 after:border after:border-line after:rounded-[1.25rem] after:pointer-events-none max-xl:p-6 max-md:px-7.5 max-md:pt-6 max-md:pb-8 mb-16">
|
||
<div class="relative z-1">
|
||
<div
|
||
class="mb-4 bg-radial-white-1 bg-clip-text text-transparent text-title-2 max-md:mb-2 max-md:text-title-1-mobile">
|
||
产品使用指南</div>
|
||
<div class="text-description">欢迎使用价值前沿智能舆情分析系统。本指南将帮助您快速掌握各个产品功能，实时追踪市场动态，深度挖掘投资机会。</div>
|
||
</div>
|
||
</div><!-- Main Content with Sidebar-->
|
||
<div class="flex items-start gap-10 max-lg:block"><!-- Left Sidebar Navigation-->
|
||
<div class="docs-sidebar sticky top-24 shrink-0 w-64 max-lg:static max-lg:w-full max-lg:mb-10">
|
||
<div
|
||
class="p-5 bg-white/2 shadow-2 rounded-xl after:absolute after:inset-0 after:border after:border-line after:rounded-xl after:pointer-events-none relative">
|
||
<div class="text-title-5 text-white mb-5">产品列表</div>
|
||
<nav class="space-y-2">
|
||
<a href="#event-center"
|
||
class="docs-nav-item active flex items-center gap-3 px-4 py-3 rounded-lg text-description-2 transition-all cursor-pointer hover:bg-line/50 hover:text-white">
|
||
<span class="text-lg">📊</span>
|
||
<span>事件中心</span>
|
||
</a>
|
||
<a href="#concept-center"
|
||
class="docs-nav-item flex items-center gap-3 px-4 py-3 rounded-lg text-description-2 transition-all cursor-pointer hover:bg-line/50 hover:text-white">
|
||
<span class="text-lg">📈</span>
|
||
<span>概念中心</span>
|
||
</a>
|
||
<a href="#limit-up-analysis"
|
||
class="docs-nav-item flex items-center gap-3 px-4 py-3 rounded-lg text-description-2 transition-all cursor-pointer hover:bg-line/50 hover:text-white">
|
||
<span class="text-lg">📉</span>
|
||
<span>涨停分析</span>
|
||
</a>
|
||
<a href="#stock-center"
|
||
class="docs-nav-item flex items-center gap-3 px-4 py-3 rounded-lg text-description-2 transition-all cursor-pointer hover:bg-line/50 hover:text-white">
|
||
<span class="text-lg">🎯</span>
|
||
<span>个股中心</span>
|
||
</a>
|
||
</nav><!-- Section Navigation (for current product)-->
|
||
<div class="mt-6 pt-6 border-t border-line">
|
||
<div class="text-description-3 text-description mb-3">章节导航</div>
|
||
<nav class="space-y-1 text-description-3">
|
||
<a href="#overview"
|
||
class="block py-2 px-3 rounded hover:bg-line/30 hover:text-white transition-colors">概览</a>
|
||
<a href="#market-overview"
|
||
class="block py-2 px-3 rounded hover:bg-line/30 hover:text-white transition-colors">实时行情概览</a>
|
||
<a href="#news-tracking"
|
||
class="block py-2 px-3 rounded hover:bg-line/30 hover:text-white transition-colors">要闻动态追踪</a>
|
||
<a href="#event-analysis"
|
||
class="block py-2 px-3 rounded hover:bg-line/30 hover:text-white transition-colors">事件详情分析</a>
|
||
<a href="#conduction-chain"
|
||
class="block py-2 px-3 rounded hover:bg-line/30 hover:text-white transition-colors">传导链分析</a>
|
||
<a href="#tips"
|
||
class="block py-2 px-3 rounded hover:bg-line/30 hover:text-white transition-colors">使用技巧</a>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
</div><!-- Right Content Area-->
|
||
<div class="flex-1 min-w-0"><!-- Event Center Documentation-->
|
||
<div id="event-center" class="docs-section">
|
||
<div class="mb-12">
|
||
<div
|
||
class="text-big-title-1 bg-radial-white-1 bg-clip-text text-transparent mb-4 max-md:text-big-title-1-mobile">
|
||
事件中心</div>
|
||
<div class="text-title-5 text-description">智能舆情分析，精准捕捉市场机遇</div>
|
||
</div>
|
||
<div
|
||
class="text-description [&_h2:not(:first-child)]:mt-20 [&_h2]:mb-8 [&_h2]:text-title-1 [&_h2]:text-white [&_h2]:bg-radial-white-1 [&_h2]:bg-clip-text [&_h2]:text-transparent [&_h4:not(:first-child)]:mt-8 [&_h4]:mb-4 [&_h4]:text-title-4 [&_h4]:text-white [&_p:not(:last-child)]:mb-4 max-md:[&_h2]:text-big-title-1-mobile max-md:[&_h4]:mb-3 max-md:[&_h4]:text-title-2-mobile max-md:[&_h4:not(:first-child)]:mt-7">
|
||
<!-- Section 1: Overview-->
|
||
<h2 id="overview">事件中心概览</h2>
|
||
<h4>什么是事件中心？</h4>
|
||
<p>事件中心是价值前沿核心功能之一，通过<span class="text-gold">独有的智能算法</span>从海量信息中筛选出对市场具有重大影响的事件和要闻，并提供深度分析工具，帮助您：
|
||
</p>
|
||
<ul class="list-disc list-inside mb-4 space-y-2">
|
||
<li>实时追踪上证指数、深证成指等核心市场指标</li>
|
||
<li>智能筛选重大事件，精准捕捉市场机遇</li>
|
||
<li>深度分析事件影响，识别投资机会或风险</li>
|
||
<li>借鉴历史事件经验，预判未来走势</li>
|
||
<li>通过传导链可视化，洞察事件深远影响</li>
|
||
</ul>
|
||
<h4>核心功能模块</h4>
|
||
<p>事件中心包含<span class="text-white font-medium">四大核心功能模块</span>，每个模块相互配合，为您提供全方位的舆情分析服务：</p>
|
||
<div class="grid grid-cols-2 gap-4 my-6 max-md:grid-cols-1">
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2">01. 实时行情概览</div>
|
||
<div class="text-description-2">市场指数实时监控 + 热门概念轮播</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2">02. 实时要闻与动态追踪</div>
|
||
<div class="text-description-2">智能筛选重大事件 + 搜索与分类</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2">03. 事件详情与影响分析</div>
|
||
<div class="text-description-2">深度分析 + 超预期得分 + 历史对比</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2">04. 传导链分析</div>
|
||
<div class="text-description-2">可视化图谱 + 影响传导机制</div>
|
||
</div>
|
||
</div><!-- Section 2: Real-time Market Overview-->
|
||
<h2 id="market-overview">实时行情概览</h2>
|
||
<p class="text-title-5 text-white mb-6">页面顶部实时展示市场核心指标，帮助您快速掌握宏观市场动向。</p>
|
||
<div class="my-8">
|
||
<div class="relative rounded-xl overflow-hidden shadow-[0_0_2rem_rgba(212,175,55,0.2)]"><img
|
||
class="w-full" src="img/product_community_detail1.png" alt="实时行情概览">
|
||
<div class="absolute inset-0 border border-gold/20 rounded-xl pointer-events-none"></div>
|
||
</div>
|
||
</div>
|
||
<h4>上证指数与深证成指</h4>
|
||
<p>页面顶部实时展示<span class="text-white font-medium">上海证券交易所</span>和<span
|
||
class="text-white font-medium">深圳证券交易所</span>的综合指数行情，包括：</p>
|
||
<ul class="list-disc list-inside mb-4 space-y-2">
|
||
<li><span class="text-white">最新点位：</span>当前指数的实时数值</li>
|
||
<li><span class="text-white">涨跌幅：</span>相比上一交易日的涨跌百分比</li>
|
||
<li><span class="text-white">趋势图：</span>直观展示当日走势</li>
|
||
</ul>
|
||
<p class="p-4 rounded-lg bg-gold/10 border-l-4 border-gold">
|
||
<span class="text-gold font-medium">💡 提示：</span>这些核心指标可以帮助您快速判断当日市场整体走向，为投资决策提供宏观参考。
|
||
</p>
|
||
<h4>热门概念轮播</h4>
|
||
<p>实时更新并轮播展示<span class="text-white font-medium">上一交易日涨幅排名靠前</span>的热门概念板块：</p>
|
||
<ul class="list-disc list-inside mb-4 space-y-2">
|
||
<li><span class="text-white">轮播展示：</span>自动轮播热门概念，第一时间发现市场热点</li>
|
||
<li><span class="text-white">悬停暂停：</span>鼠标悬停时轮播动画暂停，显示该概念的具体涨跌幅数据</li>
|
||
<li><span class="text-white">深入分析：</span>点击概念可跳转至详细分析页面，查看关联股票、历史表现等信息</li>
|
||
</ul>
|
||
<h4>如何使用？</h4>
|
||
<div class="space-y-3">
|
||
<div class="flex gap-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-8 mt-0.5 rounded-full bg-gold text-black font-bold text-description-2">
|
||
1</div>
|
||
<div>
|
||
<div class="text-white mb-1">每日查看市场指数</div>
|
||
<div class="text-description-2">养成每天开盘前查看上证和深证指数的习惯，了解市场整体情绪。</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex gap-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-8 mt-0.5 rounded-full bg-gold text-black font-bold text-description-2">
|
||
2</div>
|
||
<div>
|
||
<div class="text-white mb-1">关注热门概念</div>
|
||
<div class="text-description-2">观察轮播的热门概念，找到当前市场的热点板块。</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex gap-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-8 mt-0.5 rounded-full bg-gold text-black font-bold text-description-2">
|
||
3</div>
|
||
<div>
|
||
<div class="text-white mb-1">深入研究</div>
|
||
<div class="text-description-2">点击感兴趣的概念，查看关联股票和详细分析，寻找投资机会。</div>
|
||
</div>
|
||
</div>
|
||
</div><!-- Section 3: News Tracking-->
|
||
<h2 id="news-tracking">实时要闻与动态追踪</h2>
|
||
<p class="text-title-5 text-white mb-6">智能筛选重大事件，让您不再错过任何重要的投资信号。</p>
|
||
<div class="my-8 max-w-[60rem] mx-auto">
|
||
<div class="relative rounded-xl overflow-hidden shadow-[0_0_2rem_rgba(212,175,55,0.2)]"><img
|
||
class="w-full" src="img/product_community_detail2.png" alt="要闻动态追踪">
|
||
<div class="absolute inset-0 border border-gold/20 rounded-xl pointer-events-none"></div>
|
||
</div>
|
||
</div>
|
||
<h4>智能筛选算法</h4>
|
||
<p>本模块并非简单罗列所有新闻，而是通过我们<span
|
||
class="text-gold font-medium">独有的智能算法</span>，从海量信息中筛选出对市场具有较大影响力、值得关注的重大事件和要闻。</p>
|
||
<p class="p-4 rounded-lg bg-gold/10 border-l-4 border-gold">
|
||
<span class="text-gold font-medium">🎯 核心优势：</span>智能算法帮您过滤噪音，只关注真正重要的事件，节省大量时间成本。
|
||
</p>
|
||
<h4>要闻列表</h4>
|
||
<p>左侧区域以<span class="text-white font-medium">时间线形式</span>展示筛选出的重要要闻标题，让您快速浏览最新动态：</p>
|
||
<ul class="list-disc list-inside mb-4 space-y-2">
|
||
<li>按时间倒序排列，最新事件显示在最上方</li>
|
||
<li>标题简洁明了，快速传达事件核心信息</li>
|
||
<li>点击标题可在右侧查看详细分析</li>
|
||
</ul>
|
||
<h4>搜索与筛选</h4>
|
||
<p>提供强大的搜索和筛选功能，帮助您快速定位关注的信息：</p>
|
||
<div class="grid grid-cols-1 gap-4 my-4">
|
||
<div class="p-4 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2">🔍 关键词搜索</div>
|
||
<div class="text-description-2">在搜索栏输入关键词（如公司名称、行业、事件类型），快速找到相关新闻或事件。</div>
|
||
</div>
|
||
<div class="p-4 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2">🏷️ 智能分类筛选</div>
|
||
<div class="text-description-2">按事件类型（政策、财报、并购等）、影响程度（重大、中等、轻微）等维度快速筛选。</div>
|
||
</div>
|
||
</div>
|
||
<h4>使用技巧</h4>
|
||
<div class="space-y-3">
|
||
<div class="flex gap-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-8 mt-0.5 rounded-full bg-gold text-black font-bold text-description-2">
|
||
1</div>
|
||
<div>
|
||
<div class="text-white mb-1">养成浏览习惯</div>
|
||
<div class="text-description-2">每天定时查看要闻列表，保持对市场动态的敏感度。</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex gap-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-8 mt-0.5 rounded-full bg-gold text-black font-bold text-description-2">
|
||
2</div>
|
||
<div>
|
||
<div class="text-white mb-1">善用搜索功能</div>
|
||
<div class="text-description-2">如果您关注特定公司或行业，使用搜索栏快速定位相关事件。</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex gap-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-8 mt-0.5 rounded-full bg-gold text-black font-bold text-description-2">
|
||
3</div>
|
||
<div>
|
||
<div class="text-white mb-1">重点关注重大事件</div>
|
||
<div class="text-description-2">优先查看标记为"重大影响"的事件，这些往往蕴含更大的投资机会或风险。</div>
|
||
</div>
|
||
</div>
|
||
</div><!-- Section 4: Event Analysis-->
|
||
<h2 id="event-analysis">事件详情与影响分析</h2>
|
||
<p class="text-title-5 text-white mb-6">深度洞察事件影响，识别潜在的投资机会或风险。</p>
|
||
<h4>功能概述</h4>
|
||
<p>点击要闻标题后，右侧区域将展示该事件的<span class="text-white font-medium">详细信息与深度分析</span>，帮助您全面了解事件影响。</p>
|
||
<h4>核心分析维度</h4>
|
||
<div class="grid grid-cols-1 gap-4 my-6">
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="flex items-center gap-3 mb-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-10 rounded-lg bg-gradient-to-b from-gold-light/20 to-gold/20">
|
||
<svg class="size-5 fill-gold" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
|
||
viewBox="0 0 20 20">
|
||
<path d="M10 2a8 8 0 100 16 8 8 0 000-16zm1 11h-2v-2h2v2zm0-3h-2V6h2v4z" />
|
||
</svg>
|
||
</div>
|
||
<div class="text-gold font-medium text-title-5">事件概述</div>
|
||
</div>
|
||
<div class="text-description-2">完整的事件描述、发生时间、涉及主体等关键信息，帮助您快速了解事件全貌。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="flex items-center gap-3 mb-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-10 rounded-lg bg-gradient-to-b from-gold-light/20 to-gold/20">
|
||
<svg class="size-5 fill-gold" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
|
||
viewBox="0 0 20 20">
|
||
<path
|
||
d="M3 3h14a1 1 0 011 1v12a1 1 0 01-1 1H3a1 1 0 01-1-1V4a1 1 0 011-1zm2 2v2h10V5H5zm0 4v6h10V9H5z" />
|
||
</svg>
|
||
</div>
|
||
<div class="text-gold font-medium text-title-5">相关股票与概念</div>
|
||
</div>
|
||
<div class="text-description-2">展示受该事件影响的股票列表及相关概念板块，直接定位投资标的。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="flex items-center gap-3 mb-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-10 rounded-lg bg-gradient-to-b from-gold-light/20 to-gold/20">
|
||
<svg class="size-5 fill-gold" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
|
||
viewBox="0 0 20 20">
|
||
<path d="M10 3l2 6h6l-5 4 2 6-5-4-5 4 2-6-5-4h6l2-6z" />
|
||
</svg>
|
||
</div>
|
||
<div class="text-gold font-medium text-title-5">超预期得分 ⭐</div>
|
||
</div>
|
||
<div class="text-description-2">量化评估事件的市场反应程度，高得分表示影响超出预期，蕴含更大机会或风险。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="flex items-center gap-3 mb-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-10 rounded-lg bg-gradient-to-b from-gold-light/20 to-gold/20">
|
||
<svg class="size-5 fill-gold" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
|
||
viewBox="0 0 20 20">
|
||
<path
|
||
d="M10 2C5.6 2 2 5.6 2 10s3.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 6zm-1-9h2v5h-2zm0 6h2v2h-2z" />
|
||
</svg>
|
||
</div>
|
||
<div class="text-gold font-medium text-title-5">历史事件对比</div>
|
||
</div>
|
||
<div class="text-description-2">列出性质相似的历史事件，点击"相关股票"按钮查看当时股票表现，借鉴历史经验。</div>
|
||
</div>
|
||
</div>
|
||
<h4>如何高效分析事件？</h4>
|
||
<div class="space-y-3">
|
||
<div class="flex gap-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-8 mt-0.5 rounded-full bg-gold text-black font-bold text-description-2">
|
||
1</div>
|
||
<div>
|
||
<div class="text-white mb-1">先看超预期得分</div>
|
||
<div class="text-description-2">优先关注超预期得分高的事件，这些往往带来更大的投资机会。</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex gap-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-8 mt-0.5 rounded-full bg-gold text-black font-bold text-description-2">
|
||
2</div>
|
||
<div>
|
||
<div class="text-white mb-1">查看相关股票和概念</div>
|
||
<div class="text-description-2">了解哪些股票和板块受到影响，筛选潜在投资标的。</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex gap-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-8 mt-0.5 rounded-full bg-gold text-black font-bold text-description-2">
|
||
3</div>
|
||
<div>
|
||
<div class="text-white mb-1">参考历史事件</div>
|
||
<div class="text-description-2">对比历史相似事件的股票表现，预判当前事件可能带来的影响。</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<p class="mt-6 p-4 rounded-lg bg-gold/10 border-l-4 border-gold">
|
||
<span class="text-gold font-medium">💡 专家建议：</span>结合"超预期得分"、"相关股票"和"历史事件对比"三个维度综合分析，可以更准确地判断投资价值。
|
||
</p><!-- Section 5: Conduction Chain Analysis-->
|
||
<h2 id="conduction-chain">传导链分析</h2>
|
||
<p class="text-title-5 text-white mb-6">可视化展示事件影响传导机制，洞察事件的深远影响。</p>
|
||
<div class="my-8 max-w-[60rem] mx-auto">
|
||
<div class="relative rounded-xl overflow-hidden shadow-[0_0_2rem_rgba(212,175,55,0.2)]"><img
|
||
class="w-full" src="img/product_community_detail3.png" alt="传导链分析">
|
||
<div class="absolute inset-0 border border-gold/20 rounded-xl pointer-events-none"></div>
|
||
</div>
|
||
</div>
|
||
<h4>什么是传导链分析？</h4>
|
||
<p>这是一个强大的<span
|
||
class="text-gold font-medium">可视化工具</span>，通过图谱形式直观展示事件、行业、公司、政策、技术、市场等要素之间的传导机制和相互影响。</p>
|
||
<p class="p-4 rounded-lg bg-gold/10 border-l-4 border-gold">
|
||
<span class="text-gold font-medium">🎯 核心价值：</span>帮助您理解事件如何逐步影响不同行业和公司，预判未来可能的市场走势。
|
||
</p>
|
||
<h4>关键指标</h4>
|
||
<p>传导链分析提供多个关键指标，帮助您快速了解事件的影响范围：</p>
|
||
<div class="grid grid-cols-2 gap-3 my-4 max-md:grid-cols-1">
|
||
<div class="p-4 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-1">总节点数</div>
|
||
<div class="text-description-2">参与传导链分析的实体总数</div>
|
||
</div>
|
||
<div class="p-4 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-1">涉及行业</div>
|
||
<div class="text-description-2">事件所影响的行业数量</div>
|
||
</div>
|
||
<div class="p-4 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-1">相关公司</div>
|
||
<div class="text-description-2">事件所关联的公司数量</div>
|
||
</div>
|
||
<div class="p-4 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-1">循环效应</div>
|
||
<div class="text-description-2">传导链中存在的反馈或循环影响</div>
|
||
</div>
|
||
</div>
|
||
<h4>交互式图谱</h4>
|
||
<p>图谱中的每个节点和连线都具有特定含义：</p>
|
||
<ul class="list-disc list-inside mb-4 space-y-2">
|
||
<li><span class="text-white">节点：</span>代表一个实体（如事件、公司、行业等）</li>
|
||
<li><span class="text-white">连线：</span>表示实体之间的传导关系</li>
|
||
<li><span class="text-white">箭头方向：</span>显示影响的传导方向</li>
|
||
<li><span class="text-white">颜色区分：</span>不同颜色表示不同类型的实体或影响</li>
|
||
</ul>
|
||
<h4>如何使用传导链分析？</h4>
|
||
<div class="space-y-3">
|
||
<div class="flex gap-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-8 mt-0.5 rounded-full bg-gold text-black font-bold text-description-2">
|
||
1</div>
|
||
<div>
|
||
<div class="text-white mb-1">查看整体结构</div>
|
||
<div class="text-description-2">先观察整个图谱的结构，了解事件影响的广度和深度。</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex gap-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-8 mt-0.5 rounded-full bg-gold text-black font-bold text-description-2">
|
||
2</div>
|
||
<div>
|
||
<div class="text-white mb-1">点击节点查看详情</div>
|
||
<div class="text-description-2">点击图谱中的任意节点，查看该实体的详细信息。</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex gap-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-8 mt-0.5 rounded-full bg-gold text-black font-bold text-description-2">
|
||
3</div>
|
||
<div>
|
||
<div class="text-white mb-1">追踪传导路径</div>
|
||
<div class="text-description-2">沿着连线追踪影响如何从一个实体传导到另一个实体，理解完整的传导机制。</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex gap-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-8 mt-0.5 rounded-full bg-gold text-black font-bold text-description-2">
|
||
4</div>
|
||
<div>
|
||
<div class="text-white mb-1">识别关键节点</div>
|
||
<div class="text-description-2">找到连接最多的节点，这些往往是影响最大的关键实体。</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<p class="mt-6 p-4 rounded-lg bg-gold/10 border-l-4 border-gold">
|
||
<span class="text-gold font-medium">💡
|
||
高级技巧：</span>对于重大事件，务必使用传导链分析功能，理解事件的深远影响，预判未来可能出现的连锁反应和投资机会。
|
||
</p><!-- Section 6: Tips and Best Practices-->
|
||
<h2 id="tips">使用技巧与最佳实践</h2>
|
||
<p class="text-title-5 text-white mb-6">掌握这些技巧，让您更高效地使用事件中心，挖掘投资机会。</p>
|
||
<h4>日常使用流程建议</h4>
|
||
<div class="space-y-4">
|
||
<div class="p-5 rounded-lg bg-gradient-to-r from-gold/10 to-transparent border-l-4 border-gold">
|
||
<div class="text-gold font-medium mb-2 text-title-5">步骤 1：查看市场指数</div>
|
||
<div class="text-description-2">每天开盘前，先查看上证指数和深证成指，了解市场整体走势和情绪。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-gradient-to-r from-gold/10 to-transparent border-l-4 border-gold">
|
||
<div class="text-gold font-medium mb-2 text-title-5">步骤 2：浏览热门概念</div>
|
||
<div class="text-description-2">观察热门概念轮播，快速识别当前市场热点板块。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-gradient-to-r from-gold/10 to-transparent border-l-4 border-gold">
|
||
<div class="text-gold font-medium mb-2 text-title-5">步骤 3：筛选感兴趣的事件</div>
|
||
<div class="text-description-2">使用搜索和筛选功能，找到您关注的行业、公司相关事件。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-gradient-to-r from-gold/10 to-transparent border-l-4 border-gold">
|
||
<div class="text-gold font-medium mb-2 text-title-5">步骤 4：深度分析事件</div>
|
||
<div class="text-description-2">点击感兴趣的标题，查看"相关股票"、"超预期得分"和"历史事件对比"。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-gradient-to-r from-gold/10 to-transparent border-l-4 border-gold">
|
||
<div class="text-gold font-medium mb-2 text-title-5">步骤 5：使用传导链分析</div>
|
||
<div class="text-description-2">对于重大事件，务必查看传导链分析，理解事件的深远影响。</div>
|
||
</div>
|
||
</div>
|
||
<h4>快速筛选技巧</h4>
|
||
<ul class="list-disc list-inside mb-4 space-y-2">
|
||
<li><span class="text-white">善用搜索栏：</span>输入股票代码、公司名称或行业关键词快速定位</li>
|
||
<li><span class="text-white">按影响程度筛选：</span>优先关注标记为"重大影响"的事件</li>
|
||
<li><span class="text-white">按事件类型筛选：</span>根据需求筛选政策类、财报类、并购类等不同类型事件</li>
|
||
</ul>
|
||
<h4>分析事件的关键要点</h4>
|
||
<div class="grid grid-cols-1 gap-4 my-6">
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2">⚡ 超预期得分是核心</div>
|
||
<div class="text-description-2">高超预期得分往往意味着更大的投资机会或风险，务必重点关注。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2">📊 相关股票是关键</div>
|
||
<div class="text-description-2">通过相关股票列表，快速找到受事件影响的投资标的。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2">🔄 历史对比看趋势</div>
|
||
<div class="text-description-2">参考历史相似事件的股票表现，预判当前事件可能的影响。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2">🕸️ 传导链看长远</div>
|
||
<div class="text-description-2">重大事件必看传导链，理解事件如何逐步影响整个产业链。</div>
|
||
</div>
|
||
</div>
|
||
<h4>常见问题</h4>
|
||
<div class="space-y-4">
|
||
<div class="p-4 rounded-lg bg-black/20">
|
||
<div class="text-white font-medium mb-2">Q: 如何判断一个事件是否值得关注？</div>
|
||
<div class="text-description-2">A: 主要看三个指标：1) 超预期得分是否高；2) 涉及的行业和公司数量；3) 传导链的复杂程度。三者结合判断事件的重要性。
|
||
</div>
|
||
</div>
|
||
<div class="p-4 rounded-lg bg-black/20">
|
||
<div class="text-white font-medium mb-2">Q: 历史事件对比功能如何使用？</div>
|
||
<div class="text-description-2">A: 点击历史事件下方的"相关股票"按钮，查看当时该事件发生后相关股票的市场表现数据，从而借鉴历史经验预判当前事件。</div>
|
||
</div>
|
||
<div class="p-4 rounded-lg bg-black/20">
|
||
<div class="text-white font-medium mb-2">Q: 传导链分析太复杂怎么办？</div>
|
||
<div class="text-description-2">A: 先看关键指标（总节点数、涉及行业等）了解整体情况，然后点击关键节点（连接最多的节点）查看详情，逐步理解传导机制。
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<p class="mt-8 p-5 rounded-lg bg-gradient-to-r from-gold/20 to-gold/5 border border-gold/30">
|
||
<span class="text-gold font-medium text-title-5">💡 最佳实践总结</span><br /><br />
|
||
<span class="text-white">坚持每日使用事件中心，养成"查指数 → 看热点 → 筛事件 → 深分析 →
|
||
看传导"的习惯流程，结合超预期得分和历史对比做投资决策，您将能更敏锐地捕捉市场机会，做出更明智的投资选择。</span>
|
||
</p>
|
||
</div>
|
||
</div><!-- Concept Center Documentation-->
|
||
<div id="concept-center" class="docs-section hidden mt-20">
|
||
<div class="mb-12">
|
||
<div
|
||
class="text-big-title-1 bg-radial-white-1 bg-clip-text text-transparent mb-4 max-md:text-big-title-1-mobile">
|
||
概念中心</div>
|
||
<div class="text-title-5 text-description">深度概念分析，把握板块轮动机会</div>
|
||
</div>
|
||
<div
|
||
class="text-description [&_h2:not(:first-child)]:mt-20 [&_h2]:mb-8 [&_h2]:text-title-1 [&_h2]:text-white [&_h2]:bg-radial-white-1 [&_h2]:bg-clip-text [&_h2]:text-transparent [&_h4:not(:first-child)]:mt-8 [&_h4]:mb-4 [&_h4]:text-title-4 [&_h4]:text-white [&_p:not(:last-child)]:mb-4 max-md:[&_h2]:text-big-title-1-mobile max-md:[&_h4]:mb-3 max-md:[&_h4]:text-title-2-mobile max-md:[&_h4:not(:first-child)]:mt-7">
|
||
<!-- Section 1: Overview-->
|
||
<h2 id="concept-overview">概念中心概览</h2>
|
||
<h4>什么是概念中心？</h4>
|
||
<p>概念中心是价值前沿的核心功能模块，专注于<span class="text-gold font-medium">板块概念的深度分析与追踪</span>。通过智能算法整合市场热点概念，帮助您：
|
||
</p>
|
||
<ul class="list-disc list-inside mb-4 space-y-2">
|
||
<li>快速发现市场热门概念和板块机会</li>
|
||
<li>深度了解概念背后的驱动因素和催化事件</li>
|
||
<li>追踪概念的历史表现和演变趋势</li>
|
||
<li>精准定位概念下的优质个股标的</li>
|
||
<li>获取专业研究报告，深化投资认知</li>
|
||
</ul>
|
||
<h4>核心功能模块</h4>
|
||
<div class="grid grid-cols-2 gap-4 my-6 max-md:grid-cols-1">
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2">01. 概念列表</div>
|
||
<div class="text-description-2">多维度筛选 + 智能排序 + 实时涨跌</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2">02. 概念时间轴</div>
|
||
<div class="text-description-2">历史表现追踪 + 催化事件回溯</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2">03. 相关个股分析</div>
|
||
<div class="text-description-2">关联股票展示 + 个股表现对比</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2">04. 研究报告</div>
|
||
<div class="text-description-2">专业研报关联 + 深度分析洞察</div>
|
||
</div>
|
||
</div><!-- Section 2: Concept List-->
|
||
<h2 id="concept-list">概念列表</h2>
|
||
<p class="text-title-5 text-white mb-6">主界面以卡片或列表形式展示所有热门概念，支持多维度筛选和排序。</p>
|
||
<div class="my-8">
|
||
<div class="relative rounded-xl overflow-hidden shadow-[0_0_2rem_rgba(212,175,55,0.2)]"><img
|
||
class="w-full" src="img/product_concept_detail1.png" alt="概念列表">
|
||
<div class="absolute inset-0 border border-gold/20 rounded-xl pointer-events-none"></div>
|
||
</div>
|
||
</div>
|
||
<h4>筛选与排序功能</h4>
|
||
<p>强大的筛选和排序工具，帮助您快速找到感兴趣的概念板块：</p>
|
||
<div class="grid grid-cols-1 gap-4 my-4">
|
||
<div class="p-4 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="flex items-center gap-2 mb-2">
|
||
<div class="text-gold font-medium">📅 交易日选择</div>
|
||
</div>
|
||
<div class="text-description-2">可以选择特定的历史交易日，查看该日期各概念的表现情况。</div>
|
||
</div>
|
||
<div class="p-4 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="flex items-center gap-2 mb-2">
|
||
<div class="text-gold font-medium">🔢 排序方式</div>
|
||
</div>
|
||
<div class="text-description-2">支持按"涨跌幅"、"关注度"等多种维度排序，从不同角度审视概念热度。</div>
|
||
</div>
|
||
<div class="p-4 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="flex items-center gap-2 mb-2">
|
||
<div class="text-gold font-medium">🎨 显示模式</div>
|
||
</div>
|
||
<div class="text-description-2">提供列表模式和卡片模式切换，满足不同用户的视觉偏好。</div>
|
||
</div>
|
||
<div class="p-4 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="flex items-center gap-2 mb-2">
|
||
<div class="text-gold font-medium">🔍 关键词搜索</div>
|
||
</div>
|
||
<div class="text-description-2">输入概念名称关键词，快速定位特定概念板块。</div>
|
||
</div>
|
||
</div>
|
||
<h4>概念卡片详情</h4>
|
||
<p>每个概念卡片都包含丰富的信息维度，帮助您快速了解概念核心要素：</p>
|
||
<div class="grid grid-cols-1 gap-4 my-6">
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="flex items-center gap-3 mb-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-10 rounded-lg bg-gradient-to-b from-gold-light/20 to-gold/20">
|
||
<svg class="size-5 fill-gold" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
|
||
viewBox="0 0 20 20">
|
||
<path d="M10 2a8 8 0 100 16 8 8 0 000-16zm0 14a6 6 0 110-12 6 6 0 010 12z" />
|
||
</svg>
|
||
</div>
|
||
<div class="text-gold font-medium text-title-5">概念名称</div>
|
||
</div>
|
||
<div class="text-description-2">清晰标示概念主题，如"人工智能"、"新能源汽车"等。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="flex items-center gap-3 mb-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-10 rounded-lg bg-gradient-to-b from-gold-light/20 to-gold/20">
|
||
<svg class="size-5 fill-gold" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
|
||
viewBox="0 0 20 20">
|
||
<path d="M3 10h4l3-8 3 12 3-4h4" />
|
||
</svg>
|
||
</div>
|
||
<div class="text-gold font-medium text-title-5">涨跌幅</div>
|
||
</div>
|
||
<div class="text-description-2">显示该概念在所选交易日的涨跌百分比，直观反映市场表现。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="flex items-center gap-3 mb-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-10 rounded-lg bg-gradient-to-b from-gold-light/20 to-gold/20">
|
||
<svg class="size-5 fill-gold" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
|
||
viewBox="0 0 20 20">
|
||
<path
|
||
d="M9 12H1v6a2 2 0 002 2h14a2 2 0 002-2v-6h-8v2H9v-2zm0-1H0V5c0-1.1.9-2 2-2h4V1h4v2h4c1.1 0 2 .9 2 2v6H9v-2z" />
|
||
</svg>
|
||
</div>
|
||
<div class="text-gold font-medium text-title-5">相关个股数量</div>
|
||
</div>
|
||
<div class="text-description-2">提示该概念下包含的股票数量，了解概念覆盖范围。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="flex items-center gap-3 mb-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-10 rounded-lg bg-gradient-to-b from-gold-light/20 to-gold/20">
|
||
<svg class="size-5 fill-gold" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
|
||
viewBox="0 0 20 20">
|
||
<path
|
||
d="M18 6h-5V3c0-.6-.4-1-1-1H8c-.6 0-1 .4-1 1v3H2c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2z" />
|
||
</svg>
|
||
</div>
|
||
<div class="text-gold font-medium text-title-5">最新消息/催化剂</div>
|
||
</div>
|
||
<div class="text-description-2">简要展示影响该概念的最新新闻或市场催化事件，帮助理解驱动因素。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="flex items-center gap-3 mb-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-10 rounded-lg bg-gradient-to-b from-gold-light/20 to-gold/20">
|
||
<svg class="size-5 fill-gold" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
|
||
viewBox="0 0 20 20">
|
||
<path d="M3 6l2-2 4 4 4-4 2 2-6 6z" />
|
||
</svg>
|
||
</div>
|
||
<div class="text-gold font-medium text-title-5">标签与标识</div>
|
||
</div>
|
||
<div class="text-description-2">包含"热门个股"等标签，方便快速识别重点关注对象。</div>
|
||
</div>
|
||
</div>
|
||
<h4>快捷操作按钮</h4>
|
||
<p>每个概念卡片提供两个核心操作按钮：</p>
|
||
<div class="space-y-3">
|
||
<div class="flex gap-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-8 mt-0.5 rounded-full bg-gold text-black font-bold text-description-2">
|
||
1</div>
|
||
<div>
|
||
<div class="text-white mb-1">查看个股</div>
|
||
<div class="text-description-2">点击后弹出"相关个股"弹窗，展示该概念下的所有关联股票及其表现。</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex gap-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-8 mt-0.5 rounded-full bg-gold text-black font-bold text-description-2">
|
||
2</div>
|
||
<div>
|
||
<div class="text-white mb-1">历史同轴</div>
|
||
<div class="text-description-2">点击后跳转至"概念时间轴"页面，详细展示该概念的历史表现及新闻催化。</div>
|
||
</div>
|
||
</div>
|
||
</div><!-- Section 3: Concept Timeline-->
|
||
<h2 id="concept-timeline">概念时间轴</h2>
|
||
<p class="text-title-5 text-white mb-6">时间轴功能帮助您深入了解概念的历史演变和关键催化事件。</p>
|
||
<div class="my-8 max-w-[60rem] mx-auto">
|
||
<div class="relative rounded-xl overflow-hidden shadow-[0_0_2rem_rgba(212,175,55,0.2)]"><img
|
||
class="w-full" src="img/product_concept_detail2.png" alt="概念时间轴">
|
||
<div class="absolute inset-0 border border-gold/20 rounded-xl pointer-events-none"></div>
|
||
</div>
|
||
</div>
|
||
<h4>周期性统计</h4>
|
||
<p>提供多种时间跨度选择，全面了解概念在不同周期的表现：</p>
|
||
<div class="grid grid-cols-2 gap-3 my-4 max-md:grid-cols-1">
|
||
<div class="p-4 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-1">快捷周期</div>
|
||
<div class="text-description-2">3天、7天、14天、30天快速切换</div>
|
||
</div>
|
||
<div class="p-4 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-1">自定义周期</div>
|
||
<div class="text-description-2">灵活选择任意时间跨度进行分析</div>
|
||
</div>
|
||
<div class="p-4 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-1">最近100天</div>
|
||
<div class="text-description-2">快速查看近期中长期趋势</div>
|
||
</div>
|
||
<div class="p-4 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-1">Max 功能</div>
|
||
<div class="text-description-2">查看更长时间维度的历史数据</div>
|
||
</div>
|
||
</div>
|
||
<h4>每日数据详情</h4>
|
||
<p>时间轴上的每个时间节点都包含详细的数据信息：</p>
|
||
<ul class="list-disc list-inside mb-4 space-y-2">
|
||
<li><span class="text-white">日期标注：</span>清晰显示每个数据点的具体日期</li>
|
||
<li><span class="text-white">涨跌幅：</span>该概念当日的涨跌百分比</li>
|
||
<li><span class="text-white">新闻数量：</span>当日相关新闻报道的数量统计</li>
|
||
<li><span class="text-white">个股统计：</span>该概念下关联个股的数量</li>
|
||
</ul>
|
||
<h4>新闻催化分析</h4>
|
||
<p>深入了解驱动概念涨跌的关键事件：</p>
|
||
<div class="p-4 rounded-lg bg-gold/10 border-l-4 border-gold my-4">
|
||
<span class="text-gold font-medium">💡
|
||
核心功能：</span>展示当天影响该概念的关键新闻标题和摘要，点击"查看详情"可进一步阅读新闻全文，深入理解市场驱动因素。
|
||
</div>
|
||
<h4>研究报告关联</h4>
|
||
<p>对于重要概念和事件，系统自动关联专业研究报告：</p>
|
||
<div class="space-y-3">
|
||
<div class="flex gap-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-8 mt-0.5 rounded-full bg-gold text-black font-bold text-description-2">
|
||
📊</div>
|
||
<div>
|
||
<div class="text-white mb-1">自动关联</div>
|
||
<div class="text-description-2">系统智能匹配概念相关的专业研究报告。</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex gap-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-8 mt-0.5 rounded-full bg-gold text-black font-bold text-description-2">
|
||
👁️</div>
|
||
<div>
|
||
<div class="text-white mb-1">快速查看</div>
|
||
<div class="text-description-2">单击概念卡片即可直接查看对应研究报告。</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex gap-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-8 mt-0.5 rounded-full bg-gold text-black font-bold text-description-2">
|
||
🎓</div>
|
||
<div>
|
||
<div class="text-white mb-1">专业分析</div>
|
||
<div class="text-description-2">深入了解专业分析师对该概念的观点和预判。</div>
|
||
</div>
|
||
</div>
|
||
</div><!-- Section 4: Product Advantages-->
|
||
<h2 id="concept-advantages">产品优势</h2>
|
||
<h4>三大核心优势</h4>
|
||
<div class="grid grid-cols-1 gap-4 my-6">
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2 text-title-5">🎯 热点聚焦</div>
|
||
<div class="text-description-2">默认以涨跌幅排序，帮助您快速锁定市场最热门的概念板块，不错过任何投资机会。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2 text-title-5">🔍 深度研究</div>
|
||
<div class="text-description-2">通过"相关个股"、"概念时间轴"和"研究报告"功能，提供多维度、深层次的概念分析工具。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2 text-title-5">📈 驱动因素洞察</div>
|
||
<div class="text-description-2">清晰展示概念背后的新闻催化和市场事件，帮助理解涨跌的深层原因，做出更明智的投资决策。</div>
|
||
</div>
|
||
</div><!-- Section 5: Usage Tips-->
|
||
<h2 id="concept-tips">使用技巧与最佳实践</h2>
|
||
<h4>日常使用流程建议</h4>
|
||
<div class="space-y-4">
|
||
<div class="p-5 rounded-lg bg-gradient-to-r from-gold/10 to-transparent border-l-4 border-gold">
|
||
<div class="text-gold font-medium mb-2 text-title-5">步骤 1：浏览热门概念</div>
|
||
<div class="text-description-2">打开概念中心，默认按涨跌幅排序，快速浏览当日或近期表现最好的概念板块。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-gradient-to-r from-gold/10 to-transparent border-l-4 border-gold">
|
||
<div class="text-gold font-medium mb-2 text-title-5">步骤 2：查看概念详情</div>
|
||
<div class="text-description-2">点击感兴趣的概念卡片，查看涨跌幅、相关个股数量、最新催化消息等核心信息。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-gradient-to-r from-gold/10 to-transparent border-l-4 border-gold">
|
||
<div class="text-gold font-medium mb-2 text-title-5">步骤 3：分析相关个股</div>
|
||
<div class="text-description-2">点击"查看个股"按钮，了解该概念下有哪些关联股票，筛选优质投资标的。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-gradient-to-r from-gold/10 to-transparent border-l-4 border-gold">
|
||
<div class="text-gold font-medium mb-2 text-title-5">步骤 4：研究历史表现</div>
|
||
<div class="text-description-2">点击"历史同轴"，查看概念时间轴，了解历史涨跌趋势和重要催化事件。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-gradient-to-r from-gold/10 to-transparent border-l-4 border-gold">
|
||
<div class="text-gold font-medium mb-2 text-title-5">步骤 5：阅读研究报告</div>
|
||
<div class="text-description-2">查看系统关联的专业研究报告，深化对概念的理解和投资判断。</div>
|
||
</div>
|
||
</div>
|
||
<h4>高效筛选技巧</h4>
|
||
<ul class="list-disc list-inside mb-4 space-y-2">
|
||
<li><span class="text-white">关注涨跌幅排序：</span>快速发现市场热点，优先研究涨幅居前的概念</li>
|
||
<li><span class="text-white">使用关键词搜索：</span>如果有特定关注的概念，直接搜索快速定位</li>
|
||
<li><span class="text-white">切换显示模式：</span>根据个人习惯选择列表或卡片模式，提升浏览效率</li>
|
||
<li><span class="text-white">调整时间周期：</span>对比不同周期的表现，识别短期热点和中长期趋势</li>
|
||
</ul>
|
||
<h4>分析概念的关键要点</h4>
|
||
<div class="grid grid-cols-1 gap-4 my-6">
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2">📊 看涨跌幅趋势</div>
|
||
<div class="text-description-2">关注概念的涨跌幅变化，判断市场热度和资金流向。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2">📰 看催化消息</div>
|
||
<div class="text-description-2">理解驱动概念涨跌的新闻事件，判断催化因素的持续性。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2">🏢 看个股质量</div>
|
||
<div class="text-description-2">通过"查看个股"功能，分析概念下个股的质量和数量。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2">📈 看历史表现</div>
|
||
<div class="text-description-2">通过时间轴回顾概念的历史表现，借鉴过往经验。</div>
|
||
</div>
|
||
</div>
|
||
<h4>常见问题</h4>
|
||
<div class="space-y-4">
|
||
<div class="p-4 rounded-lg bg-black/20">
|
||
<div class="text-white font-medium mb-2">Q: 如何快速找到当前市场最热的概念？</div>
|
||
<div class="text-description-2">A: 使用默认的"涨跌幅"排序，排名靠前的概念就是当前市场关注度最高的板块。结合"关注度"排序可以交叉验证。</div>
|
||
</div>
|
||
<div class="p-4 rounded-lg bg-black/20">
|
||
<div class="text-white font-medium mb-2">Q: 概念时间轴有什么用？</div>
|
||
<div class="text-description-2">A:
|
||
时间轴可以帮助您了解概念的历史表现和演变趋势，识别重复出现的催化因素，预判未来可能的走势。特别适合研究周期性或政策驱动的概念。</div>
|
||
</div>
|
||
<div class="p-4 rounded-lg bg-black/20">
|
||
<div class="text-white font-medium mb-2">Q: 如何利用研究报告功能？</div>
|
||
<div class="text-description-2">A: 点击概念卡片查看系统自动关联的研究报告，可以快速了解专业机构对该概念的深度分析和投资建议，提升决策质量。</div>
|
||
</div>
|
||
</div>
|
||
<p class="mt-8 p-5 rounded-lg bg-gradient-to-r from-gold/20 to-gold/5 border border-gold/30">
|
||
<span class="text-gold font-medium text-title-5">💡 最佳实践总结</span><br /><br />
|
||
<span
|
||
class="text-white">定期浏览概念中心，关注涨幅居前的热门概念；深入研究概念背后的催化因素和相关个股；结合历史时间轴分析概念的持续性；参考专业研究报告做投资决策。通过多维度分析，您将更精准地把握板块轮动机会，提升投资收益。</span>
|
||
</p>
|
||
</div>
|
||
</div><!-- Limit Up Analysis Documentation-->
|
||
<div id="limit-up-analysis" class="docs-section hidden mt-20">
|
||
<div class="mb-12">
|
||
<div
|
||
class="text-big-title-1 bg-radial-white-1 bg-clip-text text-transparent mb-4 max-md:text-big-title-1-mobile">
|
||
涨停分析</div>
|
||
<div class="text-title-5 text-description">智能涨停复盘，洞察资金流向</div>
|
||
</div>
|
||
<div
|
||
class="text-description [&_h2:not(:first-child)]:mt-20 [&_h2]:mb-8 [&_h2]:text-title-1 [&_h2]:text-white [&_h2]:bg-radial-white-1 [&_h2]:bg-clip-text [&_h2]:text-transparent [&_h4:not(:first-child)]:mt-8 [&_h4]:mb-4 [&_h4]:text-title-4 [&_h4]:text-white [&_p:not(:last-child)]:mb-4 max-md:[&_h2]:text-big-title-1-mobile max-md:[&_h4]:mb-3 max-md:[&_h4]:text-title-2-mobile max-md:[&_h4:not(:first-child)]:mt-7">
|
||
<!-- Section 1: Overview-->
|
||
<h2 id="limitup-overview">涨停分析概览</h2>
|
||
<h4>什么是涨停分析？</h4>
|
||
<p>涨停分析是价值前沿的高级分析工具，专为投资者和市场研究者打造。通过<span
|
||
class="text-gold font-medium">结合大模型辅助整理海量信息</span>，融合领域知识图谱与分析师复核，对每日涨停股票进行智能聚类，帮助您：</p>
|
||
<ul class="list-disc list-inside mb-4 space-y-2">
|
||
<li>深入挖掘涨停背后的逻辑和关键线索</li>
|
||
<li>快速识别市场热点和资金流向</li>
|
||
<li>理清市场主线，把握强势投资方向</li>
|
||
<li>分析连板高位股，识别龙头标的</li>
|
||
<li>回溯历史涨停规律，提升决策质量</li>
|
||
</ul>
|
||
<h4>核心功能模块</h4>
|
||
<div class="grid grid-cols-2 gap-4 my-6 max-md:grid-cols-1">
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2">01. 日历视图</div>
|
||
<div class="text-description-2">可视化涨停分布 + 历史回溯</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2">02. 板块详情</div>
|
||
<div class="text-description-2">智能聚类 + 涨停逻辑分析</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2">03. 涨停时序分析</div>
|
||
<div class="text-description-2">时间分布 + 集中爆发识别</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2">04. 高位股统计</div>
|
||
<div class="text-description-2">连板分析 + 龙头识别</div>
|
||
</div>
|
||
</div><!-- Section 2: Calendar View & Main Interface-->
|
||
<h2 id="limitup-calendar">主界面与日历视图</h2>
|
||
<p class="text-title-5 text-white mb-6">日历视图是核心模块，帮助您直观识别历史涨停高发日和市场热度变化。</p>
|
||
<div class="my-8">
|
||
<div class="relative rounded-xl overflow-hidden shadow-[0_0_2rem_rgba(212,175,55,0.2)]"><img
|
||
class="w-full" src="img/product_limitup_detail1.png" alt="涨停分析主界面">
|
||
<div class="absolute inset-0 border border-gold/20 rounded-xl pointer-events-none"></div>
|
||
</div>
|
||
</div>
|
||
<h4>日历颜色标记</h4>
|
||
<p>日历中的每个日期根据当日涨停股票数量，以不同颜色进行标记，帮助您快速识别市场热度：</p>
|
||
<div class="grid grid-cols-1 gap-4 my-4">
|
||
<div class="p-4 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="flex items-center gap-2 mb-2">
|
||
<div class="size-4 rounded bg-green-500"></div>
|
||
<div class="text-gold font-medium">少量涨停（绿色）</div>
|
||
</div>
|
||
<div class="text-description-2">涨停数量 ≤50只，市场情绪相对平淡。</div>
|
||
</div>
|
||
<div class="p-4 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="flex items-center gap-2 mb-2">
|
||
<div class="size-4 rounded bg-yellow-500"></div>
|
||
<div class="text-gold font-medium">中等涨停（黄色）</div>
|
||
</div>
|
||
<div class="text-description-2">涨停数量 51-80只，市场活跃度适中。</div>
|
||
</div>
|
||
<div class="p-4 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="flex items-center gap-2 mb-2">
|
||
<div class="size-4 rounded bg-red-500"></div>
|
||
<div class="text-gold font-medium">大量涨停（红色）</div>
|
||
</div>
|
||
<div class="text-description-2">涨停数量 >80只，市场情绪高涨，资金活跃。</div>
|
||
</div>
|
||
</div>
|
||
<h4>搜索与筛选功能</h4>
|
||
<p>强大的搜索工具帮助您快速定位特定股票或涨停原因：</p>
|
||
<ul class="list-disc list-inside mb-4 space-y-2">
|
||
<li><span class="text-white">股票代码/名称搜索：</span>快速定位特定股票的涨停记录</li>
|
||
<li><span class="text-white">涨停原因搜索：</span>按关键词查找涨停逻辑相关的股票</li>
|
||
<li><span class="text-white">日期范围筛选：</span>限定搜索结果的时间区间</li>
|
||
<li><span class="text-white">新窗口展示：</span>搜索结果在新窗口显示，不影响当前页面，便于对比分析</li>
|
||
</ul>
|
||
<p class="p-4 rounded-lg bg-gold/10 border-l-4 border-gold">
|
||
<span class="text-gold font-medium">💡 提示：</span>利用搜索功能，您可以同时打开多个日期的涨停数据进行对比分析，发现不同时期市场热点的变化规律。
|
||
</p><!-- Section 3: Sector Details-->
|
||
<h2 id="limitup-sectors">板块详情与智能聚类</h2>
|
||
<p class="text-title-5 text-white mb-6">系统智能聚类当日涨停股票，帮助您理解不同板块的涨停逻辑。</p>
|
||
<div class="my-8 max-w-[60rem] mx-auto">
|
||
<div class="relative rounded-xl overflow-hidden shadow-[0_0_2rem_rgba(212,175,55,0.2)]"><img
|
||
class="w-full" src="img/product_limitup_detail2.png" alt="板块聚类详情">
|
||
<div class="absolute inset-0 border border-gold/20 rounded-xl pointer-events-none"></div>
|
||
</div>
|
||
</div>
|
||
<h4>智能聚类机制</h4>
|
||
<p>系统将当日所有涨停股票，根据<span class="text-gold font-medium">涨停原因和关联性</span>，智能聚类成不同的板块：</p>
|
||
<div class="space-y-3 my-4">
|
||
<div class="flex gap-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-8 mt-0.5 rounded-full bg-gold text-black font-bold text-description-2">
|
||
🤖</div>
|
||
<div>
|
||
<div class="text-white mb-1">大模型辅助</div>
|
||
<div class="text-description-2">利用大模型整理海量信息，自动识别涨停股票的共性。</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex gap-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-8 mt-0.5 rounded-full bg-gold text-black font-bold text-description-2">
|
||
🕸️</div>
|
||
<div>
|
||
<div class="text-white mb-1">知识图谱融合</div>
|
||
<div class="text-description-2">结合领域知识图谱，精准识别板块关联关系。</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex gap-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-8 mt-0.5 rounded-full bg-gold text-black font-bold text-description-2">
|
||
👨💼</div>
|
||
<div>
|
||
<div class="text-white mb-1">分析师复核</div>
|
||
<div class="text-description-2">专业分析师对聚类结果进行复核，确保准确性。</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<h4>板块信息展示</h4>
|
||
<p>每个聚类板块都提供丰富的信息维度：</p>
|
||
<div class="grid grid-cols-1 gap-4 my-6">
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="flex items-center gap-3 mb-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-10 rounded-lg bg-gradient-to-b from-gold-light/20 to-gold/20">
|
||
<svg class="size-5 fill-gold" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
|
||
viewBox="0 0 20 20">
|
||
<path d="M10 2a8 8 0 100 16 8 8 0 000-16zm0 14a6 6 0 110-12 6 6 0 010 12z" />
|
||
</svg>
|
||
</div>
|
||
<div class="text-gold font-medium text-title-5">板块名称</div>
|
||
</div>
|
||
<div class="text-description-2">清晰标示板块主题，如"储能"、"人工智能"、"新能源汽车"等。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="flex items-center gap-3 mb-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-10 rounded-lg bg-gradient-to-b from-gold-light/20 to-gold/20">
|
||
<svg class="size-5 fill-gold" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
|
||
viewBox="0 0 20 20">
|
||
<path
|
||
d="M9 12H1v6a2 2 0 002 2h14a2 2 0 002-2v-6h-8v2H9v-2zm0-1H0V5c0-1.1.9-2 2-2h4V1h4v2h4c1.1 0 2 .9 2 2v6H9v-2z" />
|
||
</svg>
|
||
</div>
|
||
<div class="text-gold font-medium text-title-5">涨停数量</div>
|
||
</div>
|
||
<div class="text-description-2">显示该板块下涨停股票的总数量，例如"11只涨停"。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="flex items-center gap-3 mb-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-10 rounded-lg bg-gradient-to-b from-gold-light/20 to-gold/20">
|
||
<svg class="size-5 fill-gold" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
|
||
viewBox="0 0 20 20">
|
||
<path
|
||
d="M10 2C5 2 2 5 2 10s3 8 8 8 8-3 8-8-3-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 6z" />
|
||
</svg>
|
||
</div>
|
||
<div class="text-gold font-medium text-title-5">首次涨停时间</div>
|
||
</div>
|
||
<div class="text-description-2">记录该板块首只股票涨停的时间，例如"首板：09:25:00"，帮助判断板块启动早晚。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="flex items-center gap-3 mb-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-10 rounded-lg bg-gradient-to-b from-gold-light/20 to-gold/20">
|
||
<svg class="size-5 fill-gold" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
|
||
viewBox="0 0 20 20">
|
||
<path d="M3 4h14v2H3V4zm0 5h14v2H3V9zm0 5h14v2H3v-2z" />
|
||
</svg>
|
||
</div>
|
||
<div class="text-gold font-medium text-title-5">排序标识</div>
|
||
</div>
|
||
<div class="text-description-2">板块按涨停数量和首次涨停时间排序，以序号标识，方便快速识别重点板块。</div>
|
||
</div>
|
||
</div>
|
||
<h4>股票涨停详情</h4>
|
||
<p>点击板块旁的下拉箭头，展开查看该板块下所有涨停股票的详细信息：</p>
|
||
<ul class="list-disc list-inside mb-4 space-y-2">
|
||
<li><span class="text-white">股票名称与代码：</span>清晰识别每只涨停股票</li>
|
||
<li><span class="text-white">涨停时间：</span>精确到秒的涨停时刻</li>
|
||
<li><span class="text-white">连板天数：</span>显示连续涨停天数，识别强势股</li>
|
||
<li><span class="text-white">涨停原因：</span>简要说明涨停逻辑和催化因素</li>
|
||
</ul><!-- Section 4: Time Analysis & Word Cloud-->
|
||
<h2 id="limitup-timeanalysis">涨停时序分析与词云图</h2>
|
||
<p class="text-title-5 text-white mb-6">通过时间分布和词云图，洞察涨停集中爆发时间和市场热点关键词。</p>
|
||
<div class="my-8 max-w-[60rem] mx-auto">
|
||
<div class="relative rounded-xl overflow-hidden shadow-[0_0_2rem_rgba(212,175,55,0.2)]"><img
|
||
class="w-full" src="img/product_limitup_detail3.png" alt="涨停词云图">
|
||
<div class="absolute inset-0 border border-gold/20 rounded-xl pointer-events-none"></div>
|
||
</div>
|
||
</div>
|
||
<h4>涨停时序分析</h4>
|
||
<p>分析涨停股票在交易日内不同时间段的分布情况：</p>
|
||
<div class="grid grid-cols-1 gap-4 my-4">
|
||
<div class="p-4 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2">📊 时间段统计</div>
|
||
<div class="text-description-2">展示不同时间段（开盘、盘中、尾盘）的涨停股票数量分布。</div>
|
||
</div>
|
||
<div class="p-4 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2">⚡ 集中爆发识别</div>
|
||
<div class="text-description-2">识别涨停集中爆发的时间点，帮助判断市场情绪变化。</div>
|
||
</div>
|
||
<div class="p-4 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2">📈 分时趋势</div>
|
||
<div class="text-description-2">通过分时图展示涨停股票的时间分布趋势。</div>
|
||
</div>
|
||
</div>
|
||
<h4>涨停词云图</h4>
|
||
<p>词云图以可视化方式展示涨停原因的关键词分布：</p>
|
||
<div class="space-y-3 my-4">
|
||
<div class="flex gap-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-8 mt-0.5 rounded-full bg-gold text-black font-bold text-description-2">
|
||
🔤</div>
|
||
<div>
|
||
<div class="text-white mb-1">字体大小</div>
|
||
<div class="text-description-2">关键词的字体大小反映其出现频率，字体越大表示该因素越重要。</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex gap-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-8 mt-0.5 rounded-full bg-gold text-black font-bold text-description-2">
|
||
🎨</div>
|
||
<div>
|
||
<div class="text-white mb-1">颜色标识</div>
|
||
<div class="text-description-2">不同颜色区分不同类型的涨停原因（政策、技术、业绩等）。</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex gap-3">
|
||
<div
|
||
class="flex justify-center items-center shrink-0 size-8 mt-0.5 rounded-full bg-gold text-black font-bold text-description-2">
|
||
👆</div>
|
||
<div>
|
||
<div class="text-white mb-1">交互点击</div>
|
||
<div class="text-description-2">点击词云中的关键词，快速筛选相关涨停股票。</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<p class="p-4 rounded-lg bg-gold/10 border-l-4 border-gold">
|
||
<span class="text-gold font-medium">💡 应用场景：</span>词云图帮助您一眼识别当日市场的主要催化因素，快速抓住市场热点主题。
|
||
</p><!-- Section 5: High Position Stocks-->
|
||
<h2 id="limitup-highposition">高位股统计与龙头识别</h2>
|
||
<h4>连板股票分析</h4>
|
||
<p>专注于<span class="text-gold font-medium">连续涨停的强势股</span>，帮助识别市场中的龙头股和强势标的：</p>
|
||
<h4>统计概览</h4>
|
||
<div class="grid grid-cols-2 gap-3 my-4 max-md:grid-cols-1">
|
||
<div class="p-4 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-1">总涨停股数</div>
|
||
<div class="text-description-2">当日所有涨停股票总数</div>
|
||
</div>
|
||
<div class="p-4 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-1">平均连板天数</div>
|
||
<div class="text-description-2">涨停股票的平均连续涨停天数</div>
|
||
</div>
|
||
<div class="p-4 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-1">最高连板天数</div>
|
||
<div class="text-description-2">当日连板天数最多的股票</div>
|
||
</div>
|
||
<div class="p-4 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-1">高位股占比</div>
|
||
<div class="text-description-2">连板3天以上股票的占比</div>
|
||
</div>
|
||
</div>
|
||
<h4>高位股详细列表</h4>
|
||
<p>详细展示所有高位股的关键信息：</p>
|
||
<div class="grid grid-cols-1 gap-4 my-6">
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2">📌 股票代码/名称</div>
|
||
<div class="text-description-2">带星标可能表示重点关注股票或龙头标的。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2">💰 价格/涨幅</div>
|
||
<div class="text-description-2">显示当日的股价和涨跌幅数据。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2">🔥 连板天数</div>
|
||
<div class="text-description-2">清晰显示连续涨停天数，以颜色突出高连板股票。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2">⚠️ 风险等级</div>
|
||
<div class="text-description-2">评估高位股的风险程度（高度风险、中等风险、低风险）。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2">🏷️ 涨停行业/概念</div>
|
||
<div class="text-description-2">揭示股票所属行业或涨停关联概念，理解市场定位。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2">🔄 换手率</div>
|
||
<div class="text-description-2">提供换手率数据，辅助判断资金活跃度和筹码稳定性。</div>
|
||
</div>
|
||
</div>
|
||
<h4>市场主线理清</h4>
|
||
<p>通过高位股的整理和分析，帮助您理清市场主线：</p>
|
||
<ul class="list-disc list-inside mb-4 space-y-2">
|
||
<li>识别当前最强势的投资方向和板块</li>
|
||
<li>发现潜在的龙头股和跟风标的</li>
|
||
<li>判断板块的持续性和资金承接力度</li>
|
||
<li>评估市场情绪和炒作高度</li>
|
||
</ul><!-- Section 6: Product Advantages-->
|
||
<h2 id="limitup-advantages">产品优势</h2>
|
||
<h4>四大核心优势</h4>
|
||
<div class="grid grid-cols-1 gap-4 my-6">
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2 text-title-5">🤖 AI智能聚类</div>
|
||
<div class="text-description-2">结合大模型和知识图谱，自动对涨停股票进行智能分类，准确识别板块逻辑，节省大量人工分析时间。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2 text-title-5">📊 多维度分析</div>
|
||
<div class="text-description-2">提供日历视图、板块详情、时序分析、高位股统计等多维度数据，全方位洞察涨停背后的逻辑。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2 text-title-5">🎯 精准定位热点</div>
|
||
<div class="text-description-2">通过词云图和板块聚类，快速识别市场热点和资金流向，帮助您抓住投资机会。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2 text-title-5">📈 历史回溯学习</div>
|
||
<div class="text-description-2">利用日历功能回溯历史涨停数据，学习涨停规律，提升对市场节奏的把握能力。</div>
|
||
</div>
|
||
</div><!-- Section 7: Usage Tips-->
|
||
<h2 id="limitup-tips">使用技巧与最佳实践</h2>
|
||
<h4>日常使用流程建议</h4>
|
||
<div class="space-y-4">
|
||
<div class="p-5 rounded-lg bg-gradient-to-r from-gold/10 to-transparent border-l-4 border-gold">
|
||
<div class="text-gold font-medium mb-2 text-title-5">步骤 1：查看日历热度</div>
|
||
<div class="text-description-2">打开涨停分析，通过日历视图快速浏览近期涨停分布，识别市场活跃度变化。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-gradient-to-r from-gold/10 to-transparent border-l-4 border-gold">
|
||
<div class="text-gold font-medium mb-2 text-title-5">步骤 2：选择目标日期</div>
|
||
<div class="text-description-2">点击感兴趣的日期（通常选择红色或黄色标记的高涨停日），查看详细板块信息。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-gradient-to-r from-gold/10 to-transparent border-l-4 border-gold">
|
||
<div class="text-gold font-medium mb-2 text-title-5">步骤 3：分析板块逻辑</div>
|
||
<div class="text-description-2">查看智能聚类的板块列表，了解涨停原因和涨停股票数量，识别主流热点。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-gradient-to-r from-gold/10 to-transparent border-l-4 border-gold">
|
||
<div class="text-gold font-medium mb-2 text-title-5">步骤 4：研究高位股</div>
|
||
<div class="text-description-2">查看高位股统计，关注连板天数适中的强势股，结合换手率和风险等级评估。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-gradient-to-r from-gold/10 to-transparent border-l-4 border-gold">
|
||
<div class="text-gold font-medium mb-2 text-title-5">步骤 5：参考词云图</div>
|
||
<div class="text-description-2">通过词云图一眼识别市场主要催化因素，快速把握市场情绪和热点方向。</div>
|
||
</div>
|
||
</div>
|
||
<h4>高效分析技巧</h4>
|
||
<ul class="list-disc list-inside mb-4 space-y-2">
|
||
<li><span class="text-white">关注首板时间：</span>早盘涨停通常表示资金坚决，板块强度较高</li>
|
||
<li><span class="text-white">对比历史数据：</span>利用搜索功能对比不同日期同一板块的表现</li>
|
||
<li><span class="text-white">筛选连板股：</span>重点关注2-5连板的股票，风险收益比相对合理</li>
|
||
<li><span class="text-white">参考换手率：</span>高换手率表示资金活跃，但也可能面临获利回吐压力</li>
|
||
</ul>
|
||
<h4>分析涨停的关键要点</h4>
|
||
<div class="grid grid-cols-1 gap-4 my-6">
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2">📊 看板块集中度</div>
|
||
<div class="text-description-2">涨停股票集中在少数板块，表示市场有明确主线；分散则说明炒作杂乱。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2">⏰ 看涨停时间</div>
|
||
<div class="text-description-2">早盘集中涨停通常比尾盘拉升更有持续性，资金更坚决。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2">🔥 看连板高度</div>
|
||
<div class="text-description-2">最高连板天数反映市场炒作高度，过高需警惕风险。</div>
|
||
</div>
|
||
<div class="p-5 rounded-lg bg-black/30 border border-gold/10">
|
||
<div class="text-gold font-medium mb-2">📰 看催化逻辑</div>
|
||
<div class="text-description-2">结合词云图和涨停原因，判断催化因素的持续性和确定性。</div>
|
||
</div>
|
||
</div>
|
||
<h4>常见问题</h4>
|
||
<div class="space-y-4">
|
||
<div class="p-4 rounded-lg bg-black/20">
|
||
<div class="text-white font-medium mb-2">Q: 如何判断某个板块是否值得参与？</div>
|
||
<div class="text-description-2">A: 主要看三点：1) 板块涨停数量是否足够多（一般≥5只）；2) 首板时间是否较早（开盘后30分钟内）；3)
|
||
是否有连板股带领（至少有2-3连板）。同时结合涨停原因判断逻辑是否清晰。</div>
|
||
</div>
|
||
<div class="p-4 rounded-lg bg-black/20">
|
||
<div class="text-white font-medium mb-2">Q: 高位股的风险等级如何理解？</div>
|
||
<div class="text-description-2">A:
|
||
风险等级综合考虑连板天数、换手率、股价位置等因素。高度风险通常指5连板以上或换手率极低的股票，这类股票虽有爆发力但回撤风险大。建议新手选择中等风险的2-4连板股票。</div>
|
||
</div>
|
||
<div class="p-4 rounded-lg bg-black/20">
|
||
<div class="text-white font-medium mb-2">Q: 词云图的关键词大小有什么意义？</div>
|
||
<div class="text-description-2">A: 关键词越大，表示该因素在当日涨停原因中出现的频率越高，是市场主要催化因素。关注大字关键词可以快速把握市场热点主题。
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<p class="mt-8 p-5 rounded-lg bg-gradient-to-r from-gold/20 to-gold/5 border border-gold/30">
|
||
<span class="text-gold font-medium text-title-5">💡 最佳实践总结</span><br /><br />
|
||
<span
|
||
class="text-white">每日复盘涨停板块，关注板块集中度和首板时间；重点研究2-5连板的强势股，结合换手率和风险等级筛选标的；利用日历功能回溯历史，学习不同市场环境下的涨停规律；参考词云图快速把握市场主题。通过系统化的涨停分析，您将更准确地识别龙头股，把握市场节奏。</span>
|
||
</p>
|
||
</div>
|
||
</div><!-- Stock Center Documentation (Placeholder)-->
|
||
<div id="stock-center" class="docs-section hidden mt-20">
|
||
<div class="mb-12">
|
||
<div
|
||
class="text-big-title-1 bg-radial-white-1 bg-clip-text text-transparent mb-4 max-md:text-big-title-1-mobile">
|
||
个股中心</div>
|
||
<div class="text-title-5 text-description">个股深度研究，精准投资决策</div>
|
||
</div>
|
||
<div class="p-10 rounded-xl bg-black/30 border border-gold/10 text-center">
|
||
<div class="text-gold text-title-4 mb-3">敬请期待</div>
|
||
<div class="text-description">个股中心使用说明正在完善中...</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="absolute top-81 left-[calc(50%-63.75rem)] z-2 size-116.5 bg-gold/15 rounded-full blur-[8rem]">
|
||
</div>
|
||
</div>
|
||
</div><!-- JavaScript for navigation-->
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function () {
|
||
const navItems = document.querySelectorAll('.docs-nav-item');
|
||
const sections = document.querySelectorAll('.docs-section');
|
||
|
||
navItems.forEach(item => {
|
||
item.addEventListener('click', function (e) {
|
||
e.preventDefault();
|
||
|
||
// Remove active class from all nav items
|
||
navItems.forEach(nav => nav.classList.remove('active', 'bg-gold/20', 'text-white'));
|
||
|
||
// Add active class to clicked item
|
||
this.classList.add('active', 'bg-gold/20', 'text-white');
|
||
|
||
// Hide all sections
|
||
sections.forEach(section => section.classList.add('hidden'));
|
||
|
||
// Show target section
|
||
const targetId = this.getAttribute('href').substring(1);
|
||
const targetSection = document.getElementById(targetId);
|
||
if (targetSection) {
|
||
targetSection.classList.remove('hidden');
|
||
// Scroll to top of content
|
||
window.scrollTo({
|
||
top: 0,
|
||
behavior: 'smooth'
|
||
});
|
||
}
|
||
});
|
||
});
|
||
});
|
||
</script><!-- 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 ">
|
||
<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://code.jquery.com/jquery-3.7.1.min.js"></script>
|
||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
|
||
<script src="https://unpkg.com/aos@next/dist/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>
|