六层含义速查表层含义特征需要什么涌现L0 物理离子、电场、热噪声纯随机、无学习随机数、积分、阻尼布朗运动、扩散L1 膜单神经元动力学阈值、不应期、适应膜积分、阈值、不应期频率编码、适应、反弹L2 突触连接如何调整Hebbian、STDP、归一化前后放电、权重约束关联学习、输入选择L3 网络多神经元动力学吸引子、循环、临界循环连接、对称权重联想记忆、模式完成L4 系统价值、探索、调质趋利避害、ε-greedy奖励、价值、探索策略目标导向、路径学习L5 认知工作记忆、多任务预判、抽象、迁移循环层、多输出、记忆缓冲简单规划、策略迁移源代码!DOCTYPE html html langzh-CN head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 title智能进化阶梯 · L0–L5/title style * { box-sizing: border-box; margin: 0; padding: 0; } :root { --bg: #0a0e14; --panel: #0f141d; --panel2: #131b26; --border: #1f2d3d; --text: #c8d4e0; --dim: #6d8298; --accent: #5ee7f0; --accent2: #4be48a; --warn: #ffb84d; --danger: #ff6b7d; --fire: #ffd35a; } html, body { width: 100%; height: 100%; overflow: hidden; background: var(--bg); color: var(--text); font-family: Segoe UI, PingFang SC, Microsoft YaHei, sans-serif; font-size: 13px; } button { font: inherit; cursor: pointer; } .app { display: grid; grid-template-columns: 340px 1fr; grid-template-rows: 58px 1fr; width: 100vw; height: 100vh; } /* 顶栏 */ header { grid-column: 1 / -1; display: flex; align-items: center; gap: 18px; padding: 0 18px; border-bottom: 1px solid var(--border); background: linear-gradient(180deg, #121a25, #0c1119); } .brand { font-size: 15px; font-weight: 700; color: var(--accent); letter-spacing: 1px; white-space: nowrap; } .brand small { color: var(--dim); font-weight: 400; font-size: 11px; letter-spacing: 0; margin-left: 8px; } nav { display: flex; gap: 4px; flex-wrap: wrap; } nav button { background: #131b26; color: var(--dim); border: 1px solid var(--border); border-radius: 5px; padding: 5px 11px; font-size: 12px; transition: all 0.12s; } nav button:hover { border-color: var(--accent); color: var(--accent); } nav button.active { background: #14342c; border-color: #2a6a52; color: var(--accent2); font-weight: 600; } /* 侧栏 */ aside { overflow-y: auto; border-right: 1px solid var(--border); background: var(--panel); padding: 14px; } aside::-webkit-scrollbar { width: 6px; } aside::-webkit-scrollbar-thumb { background: #2a3a4d; border-radius: 3px; } .layer-title { font-size: 16px; font-weight: 700; color: var(--accent); margin-bottom: 4px; } .layer-sub { font-size: 11px; color: var(--dim); line-height: 1.6; margin-bottom: 14px; padding-bottom: 12px; border-bottom: 1px solid var(--border); } .info-block { margin-bottom: 14px; } .info-block h3 { font-size: 11px; font-weight: 600; letter-spacing: 1px; color: var(--dim); text-transform: uppercase; margin-bottom: 6px; padding-bottom: 4px; border-bottom: 1px solid var(--border); } .info-block ul { list-style: none; font-size: 11px; line-height: 1.9; color: var(--text); } .info-block li::before { content: ▸ ; color: var(--accent); } .info-block li.dim { color: var(--dim); } .info-block li.dim::before { color: var(--dim); } .emerge-tag { display: inline-block; padding: 2px 8px; border-radius: 10px; font-size: 11px; background: #14342c; color: var(--accent2); border: 1px solid #2a6a52; margin: 2px 4px 2px 0; } .emerge-tag.weak { background: #1a2735; color: var(--dim); border-color: var(--border); } /* 主区域 */ main { display: flex; flex-direction: column; min-width: 0; min-height: 0; background: #070b10; position: relative; } #stage { flex: 1; display: block; width: 100%; height: 100%; } #hint { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); font-size: 11px; color: var(--dim); background: rgba(15, 20, 29, 0.9); padding: 5px 14px; border-radius: 12px; border: 1px solid var(--border); pointer-events: none; white-space: nowrap; } #controls { position: absolute; top: 12px; right: 14px; display: flex; gap: 6px; z-index: 10; } #controls button { background: rgba(19, 27, 38, 0.95); color: var(--text); border: 1px solid var(--border); border-radius: 5px; padding: 5px 11px; font-size: 11px; backdrop-filter: blur(6px); } #controls button:hover { border-color: var(--accent); color: var(--accent); } #controls button.active { background: #14342c; border-color: #2a6a52; color: var(--accent2); } .stat-strip { position: absolute; top: 12px; left: 14px; display: flex; gap: 8px; z-index: 10; } .stat-pill { background: rgba(19, 27, 38, 0.85); border: 1px solid var(--border); border-radius: 5px; padding: 4px 10px; font-size: 11px; color: var(--dim); font-family: Consolas, monospace; backdrop-filter: blur(6px); } .stat-pill b { color: var(--accent2); margin-left: 4px; font-weight: 600; } /style /head body div classapp header div classbrand 智能进化阶梯 smallL0 → L5 · 可运行的层次实验/small/div nav idlayerNav button />
