Orchard · 一页纸海报 | 4B 实习生吊打 235B 教授的秘密
:root {
–bg-0: #07090f;
–bg-1: #0d1220;
–bg-2: #131a2e;
–line: rgba(91, 140, 255, 0.18);
–line-strong: rgba(91, 140, 255, 0.45);
–ink-0: #f5f7ff;
–ink-1: #c5cce0;
–ink-2: #8892ad;
–ink-3: #5a6480;
–grad-blue: #5b8cff;
–grad-purple: #c084fc;
–neon: #10ffa1;
–warn: #fb923c;
–danger: #ff5b6e;
–serif: ‘Source Han Serif SC’, ‘Noto Serif SC’, ‘Songti SC’, ‘STSong’, serif;
–sans: ‘PingFang SC’, ‘Microsoft YaHei’, ‘Hiragino Sans GB’, system-ui, -apple-system, ‘Segoe UI’, sans-serif;
–mono: ‘JetBrains Mono’, ‘SF Mono’, ‘Cascadia Code’, ‘Consolas’, ‘Liberation Mono’, monospace;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body {
background:
radial-gradient(ellipse 1200px 800px at 50% -200px, rgba(91, 140, 255, 0.18), transparent 60%),
radial-gradient(ellipse 1000px 600px at 80% 100%, rgba(192, 132, 252, 0.12), transparent 60%),
var(–bg-0);
color: var(–ink-1);
font-family: var(–sans);
line-height: 1.6;
min-height: 100vh;
padding: 32px 16px 64px;
}
/* 海报主容器 — A3 纵向风格 */
.poster {
max-width: 1080px;
margin: 0 auto;
background:
linear-gradient(180deg, rgba(13, 18, 32, 0.95) 0%, rgba(7, 9, 15, 0.95) 100%),
var(–bg-1);
border: 1px solid var(–line);
border-radius: 4px;
overflow: hidden;
box-shadow:
0 30px 80px rgba(0, 0, 0, 0.6),
0 0 0 1px rgba(91, 140, 255, 0.05) inset;
position: relative;
}
.poster::before {
content: ”;
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(91, 140, 255, 0.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(91, 140, 255, 0.03) 1px, transparent 1px);
background-size: 32px 32px;
pointer-events: none;
opacity: 0.5;
}
.poster > * { position: relative; z-index: 1; }
/* 顶部装饰带 */
.topbar {
height: 4px;
background: linear-gradient(90deg, var(–grad-blue), var(–grad-purple), var(–neon));
}
.inner {
padding: 56px 64px 48px;
}
/* HERO */
.hero {
border-bottom: 1px dashed var(–line);
padding-bottom: 36px;
margin-bottom: 40px;
}
.eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 5px 12px;
background: rgba(91, 140, 255, 0.08);
border: 1px solid var(–line-strong);
border-radius: 100px;
font-family: var(–mono);
font-size: 11px;
color: var(–grad-blue);
letter-spacing: 0.5px;
text-transform: uppercase;
margin-bottom: 20px;
}
.eyebrow .dot {
width: 6px; height: 6px;
background: var(–neon);
border-radius: 50%;
box-shadow: 0 0 8px var(–neon);
animation: pulse 2s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.3; }
}
h1.title {
font-family: var(–serif);
font-size: clamp(34px, 5vw, 56px);
font-weight: 900;
line-height: 1.15;
color: var(–ink-0);
letter-spacing: -0.5px;
margin-bottom: 16px;
}
h1.title .accent {
background: linear-gradient(135deg, var(–grad-blue) 0%, var(–grad-purple) 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}
.subtitle {
font-size: clamp(15px, 1.8vw, 19px);
color: var(–ink-1);
line-height: 1.55;
max-width: 720px;
margin-bottom: 14px;
}
.subtitle-en {
font-family: var(–mono);
font-size: 13px;
color: var(–ink-2);
line-height: 1.65;
max-width: 720px;
border-left: 2px solid var(–line-strong);
padding-left: 12px;
margin-bottom: 18px;
}
.meta {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 16px;
}
.badge {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 4px 10px;
font-family: var(–mono);
font-size: 11px;
color: var(–ink-2);
background: rgba(91, 140, 255, 0.06);
border: 1px solid var(–line);
border-radius: 4px;
}
.badge.primary {
color: var(–grad-blue);
border-color: var(–line-strong);
background: rgba(91, 140, 255, 0.12);
}
/* 反差卡 */
.versus {
background: linear-gradient(180deg, rgba(91, 140, 255, 0.04) 0%, transparent 100%);
border: 1px solid var(–line);
border-radius: 8px;
padding: 28px 32px;
margin-bottom: 40px;
position: relative;
overflow: hidden;
}
.versus::before {
content: ‘CORE · 反差’;
position: absolute;
top: 12px; right: 16px;
font-family: var(–mono);
font-size: 10px;
color: var(–ink-3);
letter-spacing: 1px;
}
.versus-row {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
gap: 24px;
}
.fighter {
text-align: center;
padding: 8px 0;
}
.fighter.small .num {
font-family: var(–mono);
font-weight: 900;
font-size: clamp(64px, 9vw, 96px);
line-height: 1;
background: linear-gradient(135deg, var(–neon), var(–grad-blue));
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
letter-spacing: -2px;
}
.fighter.big .num {
font-family: var(–mono);
font-weight: 900;
font-size: clamp(64px, 9vw, 96px);
line-height: 1;
background: linear-gradient(135deg, var(–danger), var(–warn));
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
letter-spacing: -2px;
opacity: 0.85;
}
.fighter .label {
font-family: var(–mono);
font-size: 12px;
color: var(–ink-2);
letter-spacing: 1px;
margin-top: 8px;
text-transform: uppercase;
}
.fighter .nickname {
font-family: var(–serif);
font-size: 17px;
color: var(–ink-1);
margin-top: 4px;
font-style: italic;
}
.vs {
font-family: var(–mono);
font-weight: 900;
font-size: 28px;
color: var(–ink-3);
letter-spacing: -1px;
}
.punch {
margin-top: 22px;
text-align: center;
font-family: var(–serif);
font-size: 17px;
color: var(–ink-1);
font-style: italic;
}
.punch strong {
color: var(–neon);
font-style: normal;
}
/* 分节标题 */
.sec-title {
display: flex;
align-items: baseline;
gap: 12px;
margin-bottom: 22px;
}
.sec-title .num {
font-family: var(–mono);
font-weight: 900;
font-size: 24px;
background: linear-gradient(135deg, var(–grad-blue), var(–grad-purple));
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.sec-title h2 {
font-family: var(–serif);
font-size: 22px;
color: var(–ink-0);
font-weight: 800;
}
.sec-title .tag {
font-family: var(–mono);
font-size: 10px;
color: var(–ink-3);
letter-spacing: 1px;
margin-left: auto;
}
/* 四大机制网格 */
.mech-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px;
margin-bottom: 40px;
}
.mech {
background: linear-gradient(180deg, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.005) 100%);
border: 1px solid var(–line);
border-radius: 8px;
padding: 24px;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.mech:hover {
border-color: var(–line-strong);
transform: translateY(-2px);
box-shadow: 0 12px 32px rgba(91, 140, 255, 0.1);
}
.mech-head {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 14px;
}
.mech-icon {
width: 44px;
height: 44px;
flex-shrink: 0;
border-radius: 8px;
background: rgba(91, 140, 255, 0.08);
border: 1px solid var(–line);
display: flex;
align-items: center;
justify-content: center;
}
.mech-icon svg {
width: 24px;
height: 24px;
stroke: var(–grad-blue);
fill: none;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.mech-num {
font-family: var(–mono);
font-size: 11px;
color: var(–ink-3);
letter-spacing: 1.5px;
}
.mech-title {
font-family: var(–serif);
font-size: 19px;
color: var(–ink-0);
font-weight: 800;
margin-top: 2px;
}
.mech-title-en {
font-family: var(–mono);
font-size: 11px;
color: var(–grad-blue);
letter-spacing: 0.5px;
margin-top: 2px;
}
.mech-body {
color: var(–ink-1);
font-size: 13.5px;
line-height: 1.65;
}
.mech-body strong {
color: var(–neon);
font-weight: 600;
}
.mech-stat {
margin-top: 14px;
padding-top: 12px;
border-top: 1px dashed var(–line);
display: flex;
align-items: baseline;
gap: 6px;
flex-wrap: wrap;
}
.mech-stat .v {
font-family: var(–mono);
font-weight: 900;
font-size: 22px;
background: linear-gradient(135deg, var(–neon), var(–grad-blue));
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.mech-stat .u {
font-family: var(–mono);
font-size: 11px;
color: var(–ink-2);
}
.mech-stat .ctx {
font-size: 11px;
color: var(–ink-3);
margin-left: 4px;
}
/* 数据带 */
.stats {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 12px;
margin-bottom: 40px;
}
.stat {
border: 1px solid var(–line);
border-radius: 6px;
padding: 18px 16px;
text-align: center;
background: linear-gradient(180deg, rgba(91, 140, 255, 0.05), transparent);
}
.stat .v {
font-family: var(–mono);
font-weight: 900;
font-size: 32px;
background: linear-gradient(135deg, var(–grad-blue), var(–grad-purple));
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
line-height: 1;
margin-bottom: 6px;
}
.stat .k {
font-family: var(–mono);
font-size: 10px;
color: var(–ink-2);
letter-spacing: 1px;
text-transform: uppercase;
}
.stat .d {
font-size: 11px;
color: var(–ink-3);
margin-top: 4px;
font-family: var(–sans);
}
/* 启示金句 */
.takeaway {
background: linear-gradient(135deg, rgba(91, 140, 255, 0.08), rgba(192, 132, 252, 0.06));
border: 1px solid var(–line-strong);
border-radius: 8px;
padding: 32px 36px;
margin-bottom: 32px;
text-align: center;
position: relative;
}
.takeaway::before,
.takeaway::after {
content: ‘”‘;
position: absolute;
font-family: var(–serif);
font-size: 60px;
color: var(–line-strong);
line-height: 1;
}
.takeaway::before { top: 12px; left: 18px; }
.takeaway::after { bottom: -20px; right: 18px; }
.takeaway .zh {
font-family: var(–serif);
font-size: clamp(20px, 2.6vw, 26px);
font-weight: 800;
color: var(–ink-0);
line-height: 1.5;
margin-bottom: 10px;
}
.takeaway .zh em {
font-style: normal;
background: linear-gradient(135deg, var(–neon), var(–grad-blue));
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.takeaway .en {
font-family: var(–mono);
font-size: 13px;
color: var(–ink-2);
letter-spacing: 0.5px;
}
/* 出处 + 标签 */
.footer {
border-top: 1px dashed var(–line);
padding-top: 24px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 16px;
}
.source {
font-family: var(–mono);
font-size: 11px;
color: var(–ink-2);
letter-spacing: 0.5px;
}
.source strong {
color: var(–grad-blue);
font-weight: 700;
}
.tags {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.tags span {
font-family: var(–mono);
font-size: 11px;
color: var(–ink-2);
padding: 3px 8px;
border: 1px solid var(–line);
border-radius: 4px;
background: rgba(91, 140, 255, 0.04);
}
.tags span.hot {
color: var(–neon);
border-color: rgba(16, 255, 161, 0.4);
background: rgba(16, 255, 161, 0.06);
}
/* 移动端 */
@media (max-width: 720px) {
body { padding: 16px 8px 32px; }
.inner { padding: 32px 24px 28px; }
.versus-row { grid-template-columns: 1fr; gap: 12px; }
.vs { transform: rotate(90deg); }
.mech-grid { grid-template-columns: 1fr; }
.stats { grid-template-columns: 1fr 1fr; }
.footer { flex-direction: column; align-items: flex-start; }
.punch { font-size: 15px; }
}
/* 打印 */
@media print {
body { background: white; padding: 0; }
.poster { box-shadow: none; border: none; }
}
深度研究 · Deep Research
4B 实习生，吊打 235B 教授。
真正决定 Agent 胜负的，不是更大的「大脑」，而是被严重忽视的「工作台」——底层环境层。
How can a 4B parameter “intern” AI completely defeat a 235B “professor” model?
The answer isn’t a smarter brain, but a severely overlooked workbench — the underlying environment layer.
Columbia × UIUC × Microsoft
Paper · Orchard
Agent · 智能体环境层
真实网页测试中全方位败北。答案不在更聪明的「大脑」，而在被忽视的「工作台」。
§
四大杠杆 · 四两拨千斤
MECHANISMS
MECHANISM · 01
薄层解耦
THIN DECOUPLING
把臃肿的 AI 环境层剥离，做成跨框架、自托管的轻薄基础设施——打破各家框架的「信息孤岛」，让训练、推理、评测共用同一片干净地基。
MECHANISM · 02
零延时空投
K8s Init Container
借 Kubernetes 的 Init Container 做「零改装空投」——冷热路径分离，动作延迟压到惊人水准，算力成本断崖式下跌。
0.28s/动作
−90%/成本
MECHANISM · 03
信用分配 SFT
CREDIT ASSIGNMENT · RISE SEGMENTS
让 AI 学习「满是 bug 的失败卷子」反而能变废为宝——从失败轨迹中提炼「价值上升区间」，是失败学派的炼金术。
MECHANISM · 04
动态 GUI + 长周期
SUB-AGENTS · CONTEXT COMPACT
小模型在真实网页物理反馈中反而胜出；对付长周期「失忆」难题，靠召唤子代理 + 自动上下文压缩，分而治之。
§
硬核数据 · 一图概览
DATA
0.28s
ACTION LATENCY
动作延迟
环境，正在成为 AI 下一步进化的真正杠杆。
The environment is becoming the true lever for AI’s next evolution.
Orchard · Columbia University × UIUC × Microsoft Research · Agent Environment Layer
#智柴系统实验室
#Orchard
#Agent
#环境层
#FeynmanLearning
