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

src/index.css

@@ -4,15 +4,26 @@
 
 :root {
   --tf-text: #111111;
-  --tf-text-muted: #555555;
+  --tf-text-muted: #394b59;
+  --tf-text-subtle: #738296;
+
   --tf-bg: #fafaf7;
-  --tf-bg-alt: #f5f5f2;
-  --tf-border: rgba(17, 17, 17, 0.12);
-  --tf-accent: #1b6b5a;
+  --tf-bg-alt: #fafaf7;
+
+  --tf-border: #cdd9e5;
+
+  --tf-accent: #1e5bb0;
+  --tf-accent-strong: #1e5bb0;
+  --tf-accent-soft: #ebf2fc;
+  --tf-accent-border: #4a89e8;
+  --tf-accent-link: #2c6ecb;
+
+  --tf-surface: #f6f8fa;
 
   --tf-font-cn: "HarmonyOS Sans SC", "HarmonyOS Sans", "Source Han Sans SC", "Noto Sans CJK SC",
     "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
-  --tf-font-serif: "IBM Plex Serif", Charter, "Bitstream Charter", Georgia, "Times New Roman", Times, serif;
+  --tf-font-serif: "Source Han Serif SC", "Noto Serif CJK SC", "LXGW WenKai", "霞鹜文楷", "Songti SC",
+    "SimSun", "IBM Plex Serif", Charter, "Bitstream Charter", Georgia, "Times New Roman", Times, serif;
   --tf-font-ui: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
 
   color: var(--tf-text);
@@ -31,5 +42,5 @@ body {
 }
 
 ::selection {
-  background: color-mix(in srgb, var(--tf-accent) 18%, white);
+  background: var(--tf-accent-soft);
 }

src/pages/Home.tsx

@@ -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>
   )