gitadmin/e53e020b-bfd9-42e2-901f-966143bd21b2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

manual save(2026-01-23 14:12)

Browse Source
This commit is contained in:
SiteAgent Bot
2026-01-23 14:12:09 +08:00
parent 9a81aca4bf
commit 005dfa4ce7
2 changed files with 63 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
src/pages/Home.tsx
View File

@@ -32,16 +32,16 @@ const SectionWorldView: React.FC = () => {
<header className="max-w-3xl">
<h1
id="SectionWorldView-title"
className="font-[var(--tf-font-cn)] text-[clamp(56px,5.2vw,64px)] leading-[1.05] tracking-tight"
className="font-[var(--tf-font-serif)] font-medium text-[clamp(56px,5.2vw,64px)] leading-[1.05] tracking-tight text-[var(--tf-text)]"
>
全球化，正在进入高不确定性时代
</h1>
<p className="mt-10 text-[clamp(18px,1.6vw,20px)] leading-[1.8] text-[var(--tf-text-muted)]">
<p className="mt-10 text-[clamp(18px,1.6vw,20px)] leading-[1.8] text-[#394B59]">
市场、政策、数据与地缘风险同时叠加，
<br />
任何一次跨境决策的失误，代价都在被放大。
</p>
<p className="mt-8 text-[clamp(16px,1.4vw,18px)] leading-[1.8] text-[var(--tf-text-muted)]">
<p className="mt-8 text-[clamp(16px,1.4vw,18px)] leading-[1.8] text-[var(--tf-text-subtle)]">
对中国企业而言，出海不再只是机会判断，
<br />
而是一项系统性能力挑战。
@@ -65,7 +65,7 @@ const SectionDecisionUncertainty: React.FC = () => {
<div className="max-w-4xl">
<h2
id="SectionDecisionUncertainty-title"
className="text-[clamp(36px,3.2vw,40px)] leading-[1.15] tracking-tight"
className="font-medium text-[clamp(36px,3.2vw,40px)] leading-[1.15] tracking-tight text-[var(--tf-text)]"
>
困难的不是走向全球，而是如何在不确定中做出可控决策
</h2>
@@ -73,7 +73,7 @@ const SectionDecisionUncertainty: React.FC = () => {
<div className="mt-12 grid gap-7">
{questions.map((question) => (
<div key={question} className="border-l border-[var(--tf-border)] pl-6">
<p className="text-[clamp(16px,1.4vw,18px)] leading-[1.8] text-[var(--tf-text)]">{question}</p>
<p className="text-[clamp(16px,1.4vw,18px)] leading-[1.8] text-[var(--tf-text-muted)]">{question}</p>
</div>
))}
</div>
@@ -88,13 +88,14 @@ const SectionCoreThesis: React.FC = () => {
<div className="mx-auto max-w-4xl text-center">
<h2
id="SectionCoreThesis-title"
className="font-[var(--tf-font-serif)] text-[clamp(44px,4.3vw,56px)] leading-[1.12] tracking-tight"
className="font-[var(--tf-font-serif)] text-[clamp(44px,4.3vw,56px)] leading-[1.4] tracking-tight text-[var(--tf-text)]"
>
合规，不是成本。
<br />
它是增长的结构性杠杆。
它是增长的
<span className="text-[var(--tf-accent-strong)]">结构性杠杆</span>。
</h2>
<p className="mt-10 text-[clamp(16px,1.4vw,18px)] leading-[1.85] text-[var(--tf-text-muted)]">
<p className="mt-10 text-[clamp(16px,1.4vw,18px)] leading-[1.85] text-[var(--tf-text-subtle)]">
当合规被前置并系统化，它决定的不是“能否避免风险”，
<br />
而是企业能否更快进入市场、建立信任，并实现可复制的增长。
@@ -110,7 +111,7 @@ const SectionMethodology: React.FC = () => {
<article className="max-w-4xl">
<h2
id="SectionMethodology-title"
className="text-[clamp(36px,3.2vw,40px)] leading-[1.15] tracking-tight"
className="font-medium text-[clamp(36px,3.2vw,40px)] leading-[1.15] tracking-tight text-[var(--tf-text)]"
>
这是在复杂现实中被反复验证的方法论
</h2>
@@ -128,8 +129,8 @@ const SectionMethodology: React.FC = () => {
</div>
<div className="mt-12">
<div className="inline-flex items-baseline gap-3 border-b border-[var(--tf-border)] pb-2">
<span className="font-[var(--tf-font-serif)] text-[clamp(20px,1.8vw,22px)] text-[var(--tf-text)]">
<div className="inline-flex items-baseline gap-3 border-b border-[#EBF2FC] pb-2">
<span className="font-[var(--tf-font-serif)] text-[clamp(20px,1.8vw,22px)] text-[var(--tf-accent-strong)]">
Compliance as Growth
</span>
<span className="text-sm font-[var(--tf-font-ui)] text-[var(--tf-text-muted)]">—— 合规即增长</span>
@@ -165,7 +166,7 @@ const SectionSystemOverview: React.FC = () => {
<div className="max-w-5xl">
<h2
id="SectionSystemOverview-title"
className="text-[clamp(36px,3.2vw,40px)] leading-[1.15] tracking-tight"
className="font-medium text-[clamp(36px,3.2vw,40px)] leading-[1.15] tracking-tight text-[var(--tf-text)]"
>
当问题复杂到无法依赖个人经验时，必须用系统解决
</h2>
@@ -180,11 +181,13 @@ const SectionSystemOverview: React.FC = () => {
{modules.map((module) => (
<div
key={module.name}
className="rounded-2xl border border-[var(--tf-border)] bg-white p-7"
className="group rounded-2xl border border-[var(--tf-border)] bg-[var(--tf-surface)] p-7 transition-colors hover:border-[var(--tf-accent-border)] hover:bg-[var(--tf-accent-soft)]"
aria-label={`${module.name} 模块`}
>
<div className="flex items-baseline justify-between gap-4">
<div className="text-lg font-[var(--tf-font-ui)] font-medium text-[var(--tf-text)]">{module.name}</div>
<div className="text-lg font-[var(--tf-font-ui)] font-medium text-[var(--tf-text-muted)] group-hover:text-[var(--tf-accent-strong)]">
{module.name}
</div>
<div className="text-xs font-[var(--tf-font-ui)] text-[var(--tf-text-muted)]">Module</div>
</div>
<p className="mt-5 text-[clamp(16px,1.4vw,18px)] leading-[1.8] text-[var(--tf-text-muted)]">
@@ -199,12 +202,14 @@ const SectionSystemOverview: React.FC = () => {
}
const SectionDiscoveryIntro: React.FC = () => {
const tags = ['每日晨报', '政策研究', '行业趋势', '深度报告']
return (
<HomeSection id="SectionDiscoveryIntro" variant="alt">
<div className="max-w-4xl">
<h2
id="SectionDiscoveryIntro-title"
className="text-[clamp(36px,3.2vw,40px)] leading-[1.15] tracking-tight"
className="font-[var(--tf-font-serif)] text-[clamp(36px,3.2vw,40px)] leading-[1.15] tracking-tight text-[var(--tf-text)]"
>
Discovery，是我们的全球决策雷达
</h2>
@@ -215,11 +220,15 @@ const SectionDiscoveryIntro: React.FC = () => {
并将大量碎片化信息，深度加工为可用于决策的判断。
</p>
<div className="mt-12 flex flex-wrap items-center gap-x-4 gap-y-2 text-sm font-[var(--tf-font-ui)] text-[var(--tf-text)]">
<span className="inline-flex items-center rounded-full border border-[var(--tf-border)] px-3 py-1">每日晨报</span>
<span className="inline-flex items-center rounded-full border border-[var(--tf-border)] px-3 py-1">政策研究</span>
<span className="inline-flex items-center rounded-full border border-[var(--tf-border)] px-3 py-1">行业趋势</span>
<span className="inline-flex items-center rounded-full border border-[var(--tf-border)] px-3 py-1">深度报告</span>
<div className="mt-12 flex flex-wrap items-center gap-x-3 gap-y-3 text-sm font-[var(--tf-font-ui)]">
{tags.map((tag) => (
<span
key={tag}
className="inline-flex items-center rounded-full bg-[var(--tf-accent-soft)] px-3 py-1 text-[var(--tf-accent-link)]"
>
{tag}
</span>
))}
</div>
</div>
</HomeSection>
@@ -239,7 +248,7 @@ const SectionMeasurableOutcome: React.FC = () => {
<div className="max-w-4xl">
<h2
id="SectionMeasurableOutcome-title"
className="text-[clamp(36px,3.2vw,40px)] leading-[1.15] tracking-tight"
className="font-medium text-[clamp(36px,3.2vw,40px)] leading-[1.15] tracking-tight text-[var(--tf-text)]"
>
系统带来的，是可以被度量的确定性
</h2>
@@ -249,7 +258,7 @@ const SectionMeasurableOutcome: React.FC = () => {
<div key={point} className="flex items-start gap-4">
<span
aria-hidden="true"
className="mt-2 h-2.5 w-2.5 rounded-full bg-[var(--tf-accent)]"
className="mt-2 h-2.5 w-2.5 rounded-full bg-[var(--tf-border)]"
/>
<p className="text-[clamp(16px,1.4vw,18px)] leading-[1.8] text-[var(--tf-text-muted)]">{point}</p>
</div>
@@ -261,34 +270,33 @@ const SectionMeasurableOutcome: React.FC = () => {
}
const SectionTrustProof: React.FC = () => {
const logos = ['Gov', 'Enterprise', 'Consortium', 'ThinkTank', 'Academia', 'Partner']
return (
<HomeSection id="SectionTrustProof" variant="alt">
<div className="max-w-5xl">
<h2
id="SectionTrustProof-title"
className="text-[clamp(36px,3.2vw,40px)] leading-[1.15] tracking-tight"
className="font-medium text-[clamp(36px,3.2vw,40px)] leading-[1.15] tracking-tight text-[var(--tf-text)]"
>
被用于复杂场景，才有价值
</h2>
<p className="mt-10 max-w-3xl text-[clamp(16px,1.4vw,18px)] leading-[1.85] text-[var(--tf-text-muted)]">
<p className="mt-10 max-w-3xl text-[clamp(16px,1.4vw,18px)] leading-[1.85] text-[var(--tf-text-subtle)]">
图灵环流的能力，已在政府级项目及多行业实践中得到验证。
</p>
<div className="mt-14 grid gap-3 sm:grid-cols-3">
{['政府级项目', '多行业实践', '高约束环境'].map((label) => (
<div className="mt-14 grid gap-x-10 gap-y-6 sm:grid-cols-3">
{logos.map((label) => (
<div
key={label}
className="rounded-2xl border border-[var(--tf-border)] bg-white px-6 py-5 text-sm font-[var(--tf-font-ui)] text-[var(--tf-text-muted)]"
className="select-none rounded-xl border border-[var(--tf-border)] bg-[var(--tf-surface)] px-6 py-5 text-sm font-[var(--tf-font-ui)] tracking-wide text-[var(--tf-text-subtle)] grayscale transition duration-300 hover:grayscale-0"
aria-label="Logo 占位"
>
{label}
</div>
))}
</div>
<p className="mt-8 text-xs font-[var(--tf-font-ui)] text-[var(--tf-text-muted)]">
注：V1 首页仅做克制展示；具体案例请见 Proof。
</p>
</div>
</HomeSection>
)
@@ -300,7 +308,7 @@ const SectionSoftCTA: React.FC = () => {
<div className="max-w-4xl">
<h2
id="SectionSoftCTA-title"
className="text-[clamp(36px,3.2vw,40px)] leading-[1.15] tracking-tight"
className="font-[var(--tf-font-serif)] text-[clamp(36px,3.2vw,40px)] leading-[1.15] tracking-tight text-[var(--tf-accent-strong)]"
>
探讨你的全球化路径
</h2>
@@ -308,32 +316,28 @@ const SectionSoftCTA: React.FC = () => {
<div className="mt-10 grid gap-4">
<Link
to="/discovery"
className="group inline-flex items-center justify-between rounded-2xl border border-[var(--tf-border)] bg-white px-7 py-6"
className="group inline-flex items-center justify-between border-b border-[var(--tf-border)] py-4"
>
<span className="text-[clamp(16px,1.4vw,18px)] leading-[1.6] text-[var(--tf-text)]">
<span className="text-[clamp(16px,1.4vw,18px)] leading-[1.6] text-[var(--tf-text-subtle)]">
查看一份真实的全球决策示例
</span>
<span className="text-sm font-[var(--tf-font-ui)] text-[var(--tf-text-muted)] group-hover:text-[var(--tf-accent)]">
<span className="text-sm font-[var(--tf-font-ui)] text-[var(--tf-text-subtle)] group-hover:text-[var(--tf-accent-strong)]">
→
</span>
</Link>
<Link
to="/contact"
className="group inline-flex items-center justify-between rounded-2xl border border-[var(--tf-border)] bg-white px-7 py-6"
className="group inline-flex items-center justify-between border-b border-[var(--tf-border)] py-4"
>
<span className="text-[clamp(16px,1.4vw,18px)] leading-[1.6] text-[var(--tf-text)]">
<span className="text-[clamp(16px,1.4vw,18px)] leading-[1.6] text-[var(--tf-text-subtle)]">
与我们交流一个具体市场或业务场景
</span>
<span className="text-sm font-[var(--tf-font-ui)] text-[var(--tf-text-muted)] group-hover:text-[var(--tf-accent)]">
<span className="text-sm font-[var(--tf-font-ui)] text-[var(--tf-text-subtle)] group-hover:text-[var(--tf-accent-strong)]">
→
</span>
</Link>
</div>
<p className="mt-8 text-xs font-[var(--tf-font-ui)] text-[var(--tf-text-muted)]">
无营销化按钮、无弹层；V1 只提供低压力下一步。
</p>
</div>
</HomeSection>
)