差别

这里会显示出您选择的修订版和当前版本之间的差别。

--- start [2026/05/27 09:31] – sysroot
+++ start [2026/05/27 11:28] (当前版本) – sysroot
@@ 行 1: / 行 1: @@
 <HTML>
 <style>
-  /* 样式与之前相同，省略以保持简洁，您可直接复制上一份完整样式 */
+  /* 全局样式 */
-  /* 请将上一份代码中的 <style> 整个复制到这里，此处为节省篇幅省略 */
+  body {
+    background: #f9fafc;
+  }
+  .hero {
+    background: linear-gradient(135deg, #1a2a3a 0%, #0f1a24 100%);
+    color: white;
+    padding: 2.5rem;
+    border-radius: 24px;
+    margin-bottom: 2rem;
+    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
+  }
+  .hero h1 {
+    margin: 0 0 0.5rem 0;
+    font-size: 2.2rem;
+    font-weight: 700;
+  }
+  .hero p {
+    font-size: 1.1rem;
+    opacity: 0.9;
+    margin-bottom: 0;
+  }
+  .section-title {
+    font-size: 1.8rem;
+    font-weight: 600;
+    margin: 2rem 0 1rem 0;
+    padding-bottom: 0.5rem;
+    border-bottom: 3px solid #2c7da0;
+    display: inline-block;
+  }
+  .section-title a {
+    text-decoration: none;
+    color: inherit;
+  }
+  .section-title a:hover {
+    color: #2c7da0;
+  }
+  .card-grid {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 24px;
+    margin: 1.5rem 0;
+  }
+  .card {
+    flex: 1;
+    min-width: 260px;
+    background: white;
+    border-radius: 20px;
+    padding: 1.5rem;
+    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
+    transition: transform 0.2s, box-shadow 0.2s;
+    border: 1px solid #eef2f5;
+  }
+  .card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 12px 24px rgba(0,0,0,0.1);
+  }
+  .card h3 {
+    margin-top: 0;
+    color: #1f5e7a;
+    font-size: 1.4rem;
+  }
+  .card p {
+    color: #4a5a6e;
+    line-height: 1.5;
+  }
+  .card .badge {
+    display: inline-block;
+    background: #e9f2f6;
+    color: #1f5e7a;
+    padding: 4px 12px;
+    border-radius: 30px;
+    font-size: 0.8rem;
+    margin-bottom: 1rem;
+  }
+  .mission-box {
+    background: #eef4f9;
+    border-left: 6px solid #2c7da0;
+    padding: 1.5rem;
+    border-radius: 16px;
+    margin: 2rem 0;
+  }
+  .mission-box a {
+    text-decoration: none;
+  }
+  .footer-note {
+    text-align: center;
+    margin-top: 2rem;
+    font-size: 0.85rem;
+    color: #7f8c8d;
+  }
+  @media (max-width: 700px) {
+    .hero h1 { font-size: 1.6rem; }
+    .card { min-width: 100%; }
+  }
 </style>
@@ 行 10: / 行 103: @@
 </div>
-<h2 class="section-title">📌 核心议题</h2>
+<!-- ========= 杂谈（独立板块，放在核心议题之前） ========= -->
+<h2 class="section-title">📢 杂谈</h2>
 <div class="card-grid">
-  <!-- 01 杂谈 -->
   <div class="card">
-    <div class="badge">01</div>
+    <div class="badge">散记</div>
-    <h3>📢 杂谈</h3>
+    <h3>💭 思维漫步 · 即兴随笔</h3>
-    <p>随笔、思考碎片、跨领域启发 —— 不拘一格的思维漫游，为严肃议题注入灵感火花。</p>
+    <p>不拘一格的思考碎片、跨领域启发、技术背后的哲学闲谈 —— 为严肃议题注入灵感火花，也记录探索路上的意外发现。</p>
     <a href="/doku.php?id=misc:talks:start">开始阅读 →</a>
   </div>
-  <!-- 02 AI对社会生产的冲击 -->
+</div>
+<!-- ========= 核心议题 ========= -->
+<h2 class="section-title">📌 核心议题</h2>
+<div class="card-grid">
+  <!-- 01 AI对社会生产的冲击 -->
   <div class="card">
-    <div class="badge">02</div>
+    <div class="badge">01</div>
     <h3>💥 AI对社会生产的冲击</h3>
     <p>自动化、知识工作重构、产业结构变化 —— 从工业革命到智能革命，我们处在哪个转折点？</p>
     <a href="/doku.php?id=ai:impact:start">深入讨论 →</a>
   </div>
-  <!-- 03 与AI的对话 -->
+  <!-- 02 与AI的对话 -->
   <div class="card">
-    <div class="badge">03</div>
+    <div class="badge">02</div>
     <h3>💬 与AI的对话</h3>
     <p>人机对话的本质是什么？如何通过对话促进思维？从图灵测试到大型语言模型，探讨对话中的认知协作与思维拓展。</p>
     <a href="/doku.php?id=ai:dialogue:start">开始探索 →</a>
   </div>
-  <!-- 04 AI的本质 -->
+  <!-- 03 AI的本质 -->
   <div class="card">
-    <div class="badge">04</div>
+    <div class="badge">03</div>
     <h3>🤖 AI的本质</h3>
     <p>统计模型？模式匹配？理解大语言模型的底层逻辑、能力边界与真正的“理解”缺陷。</p>
     <a href="/doku.php?id=ai:essence:start">解析原理 →</a>
   </div>
-  <!-- 05 人的思维 -->
+  <!-- 04 人的思维 -->
   <div class="card">
-    <div class="badge">05</div>
+    <div class="badge">04</div>
     <h3>🧠 人的思维</h3>
     <p>认知科学、心智模型、直觉与推理 —— 人类智能与机器智能的根本差异。</p>
     <a href="/doku.php?id=cognition:thinking:start">探索认知 →</a>
   </div>
-  <!-- 06 认识论 -->
+  <!-- 05 认识论 -->
   <div class="card">
-    <div class="badge">06</div>
+    <div class="badge">05</div>
     <h3>📖 认识论</h3>
     <p>知识是什么？我们如何知道？批判性思维、真理观，以及AI生成内容的认识论挑战。</p>
     <a href="/doku.php?id=philosophy:epistemology:start">哲学基础 →</a>
   </div>
-  <!-- 07 主动并有效使用AI -->
+  <!-- 06 主动并有效使用AI -->
   <div class="card">
-    <div class="badge">07</div>
+    <div class="badge">06</div>
     <h3>⚡ 主动并有效使用AI</h3>
     <p>从被动接受答案到主动设计问题 —— 提示工程、思维链、人机协作的最佳实践。</p>
@@ 行 64: / 行 161: @@
 </div>
-<h2 class="section-title"><a href="/doku.php?id=mission:start">🎯 本站使命</a></h2>
+<!-- ========= 我们的使命 ========= -->
+<h2 class="section-title"><a href="/doku.php?id=mission:start">🎯 我们的使命</a></h2>
 <div class="mission-box">
   <h3 style="margin-top:0; color:#1a2a3a;">192168.net.cn</h3>