<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AdaMem Research Poster</title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" rel="stylesheet">
<style>
:root {
--primary-color: #311B92; /* Deep Purple */
--secondary-color: #6200EA; /* Violet */
--accent-color: #00B0FF; /* Light Blue */
--text-light: #FFFFFF;
--text-dark: #212121;
--bg-color: #F5F7FA;
--card-bg: #FFFFFF;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: 'Roboto', sans-serif;
background-color: var(--bg-color);
color: var(--text-dark);
line-height: 1.4;
display: flex;
justify-content: center;
width: 100%;
}
.poster-container {
width: 720px;
min-height: 1600px;
background-color: var(--bg-color);
display: flex;
flex-direction: column;
overflow: hidden;
box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
/* Header */
.header {
position: relative;
height: 260px;
background-image: url('https://sfile.chatglm.cn/image/c0/c0d581ba.jpg');
background-size: cover;
background-position: center;
display: flex;
flex-direction: column;
justify-content: center;
padding: 40px;
color: var(--text-light);
}
.header::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, rgba(49, 27, 146, 0.9) 0%, rgba(98, 0, 234, 0.7) 100%);
}
.header-content {
position: relative;
z-index: 1;
}
.paper-title {
font-size: 42px;
font-weight: 900;
line-height: 1.1;
margin-bottom: 16px;
text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.highlight-text {
color: var(--accent-color);
font-style: italic;
}
.authors {
font-size: 18px;
font-weight: 500;
margin-bottom: 8px;
opacity: 0.95;
}
.link-box {
display: inline-block;
background: rgba(255,255,255,0.2);
padding: 6px 12px;
border-radius: 20px;
font-size: 14px;
margin-top: 8px;
backdrop-filter: blur(5px);
}
/* Main Content */
.content-wrapper {
padding: 30px;
display: flex;
flex-direction: column;
gap: 24px;
}
.section-title {
font-size: 28px;
font-weight: 700;
color: var(--primary-color);
display: flex;
align-items: center;
margin-bottom: 16px;
border-left: 6px solid var(--secondary-color);
padding-left: 12px;
}
.section-title i {
margin-right: 10px;
font-size: 32px;
}
/* Motivation Cards */
.pain-points {
display: flex;
gap: 15px;
}
.pain-card {
flex: 1;
background: var(--card-bg);
padding: 20px;
border-radius: 16px;
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
border-top: 4px solid #FF5252;
}
.pain-card h3 {
font-size: 16px;
font-weight: 700;
color: #D32F2F;
margin-bottom: 8px;
display: flex;
align-items: center;
}
.pain-card h3 i {
font-size: 18px;
margin-right: 6px;
}
.pain-card p {
font-size: 13px;
color: #555;
line-height: 1.5;
}
/* Four Layer Memory */
.memory-structure {
background: var(--card-bg);
border-radius: 20px;
padding: 25px;
box-shadow: 0 8px 20px rgba(0,0,0,0.08);
position: relative;
overflow: hidden;
}
.structure-diagram {
display: flex;
gap: 20px;
margin-top: 10px;
}
.vertical-layers {
flex: 3;
display: flex;
flex-direction: column;
gap: 12px;
}
.layer-card {
padding: 15px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: space-between;
transition: transform 0.2s;
}
.layer-card:hover {
transform: translateX(5px);
}
.layer-working { background: #E3F2FD; border-left: 5px solid #2196F3; }
.layer-episodic { background: #E8F5E9; border-left: 5px solid #4CAF50; }
.layer-persona { background: #FFF3E0; border-left: 5px solid #FF9800; }
.layer-info h4 { font-size: 18px; font-weight: 700; margin-bottom: 4px; }
.layer-info span { font-size: 13px; color: #666; font-weight: 500; }
.layer-icon { font-size: 32px; opacity: 0.8; }
.horizontal-layer {
flex: 1;
background: linear-gradient(180deg, #F3E5F5 0%, #E1BEE7 100%);
border-radius: 12px;
padding: 15px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
border: 2px dashed #9C27B0;
}
.horizontal-layer h4 { font-size: 18px; color: #6A1B9A; margin: 10px 0 5px; }
.horizontal-layer p { font-size: 12px; color: #4A148C; }
.horizontal-layer i { font-size: 40px; color: #7B1FA2; }
/* Adaptive Retrieval */
.retrieval-flow {
background: var(--card-bg);
border-radius: 20px;
padding: 25px;
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}
.flow-steps {
display: flex;
justify-content: space-between;
margin-top: 15px;
position: relative;
}
.flow-steps::after {
content: '';
position: absolute;
top: 25px;
left: 50px;
right: 50px;
height: 2px;
background: #E0E0E0;
z-index: 0;
}
.step {
position: relative;
z-index: 1;
background: white;
text-align: center;
width: 30%;
}
.step-icon {
width: 50px;
height: 50px;
border-radius: 50%;
background: var(--secondary-color);
color: white;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 12px;
font-size: 24px;
box-shadow: 0 4px 8px rgba(98,0,234,0.3);
}
.step h4 { font-size: 16px; font-weight: 700; margin-bottom: 6px; color: #333; }
.step p { font-size: 12px; color: #666; padding: 0 5px; }
/* Experiment Results */
.results-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.result-card {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 25px;
border-radius: 16px;
display: flex;
flex-direction: column;
justify-content: center;
box-shadow: 0 8px 16px rgba(102, 126, 234, 0.3);
}
.result-card.light {
background: white;
color: var(--text-dark);
border: 1px solid #E0E0E0;
}
.metric-value {
font-size: 48px;
font-weight: 900;
line-height: 1;
margin-bottom: 5px;
}
.metric-label {
font-size: 14px;
font-weight: 500;
opacity: 0.9;
margin-bottom: 10px;
}
.metric-desc {
font-size: 12px;
opacity: 0.8;
}
/* Multi-Agent Footer */
.footer-section {
background: #263238;
color: white;
padding: 30px;
margin-top: auto;
}
.agent-row {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 15px;
}
.agent-item {
display: flex;
align-items: center;
gap: 10px;
}
.agent-icon {
background: rgba(255,255,255,0.1);
padding: 8px;
border-radius: 8px;
}
.divider-line {
height: 2px;
background: rgba(255,255,255,0.2);
width: 40px;
position: relative;
}
.divider-line::after {
content: 'arrow_forward';
font-family: 'Material Icons';
position: absolute;
right: -18px;
top: -10px;
color: rgba(255,255,255,0.4);
font-size: 20px;
}
</style>
</head>
<body>
<div class="poster-container">
<!-- Header -->
<div class="header">
<div class="header-content">
<h1 class="paper-title">AdaMem:<br><span class="highlight-text">Adaptive User-Centric Memory</span> for Long-Horizon Dialogue Agents</h1>
<div class="authors">
<i class="material-icons" style="font-size:16px; vertical-align:middle;">school</i>
清华大学 · 微信 · 中国科学技术大学
</div>
<div class="link-box">
arxiv.org/pdf/2603.16496
</div>
</div>
</div>
<div class="content-wrapper">
<!-- Motivation -->
<div>
<div class="section-title">
<i class="material-icons">warning</i>
动机:现有系统的三大痛点
</div>
<div class="pain-points">
<div class="pain-card">
<h3><i class="material-icons">search_off</i>语义依赖</h3>
<p>过度依赖向量相似度,难以捕捉非字面匹配的深层证据。</p>
</div>
<div class="pain-card">
<h3><i class="material-icons">grain</i>记忆碎片</h3>
<p>Chunk切割割裂了时间、因果和人物关系链条。</p>
</div>
<div class="pain-card">
<h3><i class="material-icons">tune</i>粒度困境</h3>
<p>切分过粗混入噪声,过细丢失宏观脉络。</p>
</div>
</div>
</div>
<!-- Core Structure -->
<div>
<div class="section-title">
<i class="material-icons">layers</i>
核心创新:四层结构分类存储
</div>
<div class="memory-structure">
<p style="color:#666; margin-bottom:15px; font-size:14px;">纵向层级沉淀 + 横向关联索引,取代扁平向量库。</p>
<div class="structure-diagram">
<div class="vertical-layers">
<!-- Working Memory -->
<div class="layer-card layer-working">
<div class="layer-info">
<h4>Working Memory</h4>
<span>桌面便签 · 最近对话原文 · FIFO队列</span>
</div>
<i class="material-icons layer-icon" style="color:#1976D2">sticky_note_2</i>
</div>
<!-- Episodic Memory -->
<div class="layer-card layer-episodic">
<div class="layer-info">
<h4>Episodic Memory</h4>
<span>事件日记 · 事实与属性 · 结构化提取</span>
</div>
<i class="material-icons layer-icon" style="color:#388E3C">event_note</i>
</div>
<!-- Persona Memory -->
<div class="layer-card layer-persona">
<div class="layer-info">
<h4>Persona Memory</h4>
<span>人物档案 · 用户画像 · 跨对话聚合</span>
</div>
<i class="material-icons layer-icon" style="color:#F57C00">account_box</i>
</div>
</div>
<!-- Graph Memory (Side) -->
<div class="horizontal-layer">
<i class="material-icons">device_hub</i>
<h4>Graph Memory</h4>
<p>关系线索板<br>关联索引网络</p>
</div>
</div>
</div>
</div>
<!-- Adaptive Retrieval -->
<div>
<div class="section-title">
<i class="material-icons">route</i>
自适应检索策略
</div>
<div class="retrieval-flow">
<div class="flow-steps">
<div class="step">
<div class="step-icon"><i class="material-icons">person_search</i></div>
<h4>1. 目标识别</h4>
<p>判断问题指向User或Assistant,处理指代不明</p>
</div>
<div class="step">
<div class="step-icon"><i class="material-icons">alt_route</i></div>
<h4>2. 路线规划</h4>
<p>规则先行:何时/为何→图扩展;何人→画像</p>
</div>
<div class="step">
<div class="step-icon"><i class="material-icons">manage_search</i></div>
<h4>3. 证据融合</h4>
<p>语义主导(70%) + 图关系补全(30%)</p>
</div>
</div>
</div>
</div>
<!-- Results -->
<div>
<div class="section-title">
<i class="material-icons">trending_up</i>
实验结果亮点
</div>
<div class="results-grid">
<div class="result-card">
<div class="metric-value">23.4%</div>
<div class="metric-label">时间推理能力提升</div>
<div class="metric-desc">LoCoMo基准 · F1 Score 44.65</div>
</div>
<div class="result-card light">
<div class="metric-value" style="color:var(--secondary-color)">63.25%</div>
<div class="metric-label">用户画像准确率</div>
<div class="metric-desc">PERSONAMEM · 泛化能力+27.3%</div>
</div>
</div>
<div style="margin-top:15px; padding:15px; background:#E8EAF6; border-radius:12px; font-size:13px; color:#3949AB;">
<i class="material-icons" style="font-size:16px; vertical-align:middle;">verified</i>
<strong>关键发现:</strong> 消融实验证明 Graph Memory 是最关键的增益来源,跨时间/片段的关系补全机制有效解决了碎片化问题。
</div>
</div>
</div>
<!-- Footer -->
<div class="footer-section">
<h3 style="margin-bottom:10px;">多Agent协作机制</h3>
<div class="agent-row">
<div class="agent-item">
<div class="agent-icon"><i class="material-icons">inventory_2</i></div>
<div>
<div style="font-weight:700;">Memory Agent</div>
<div style="font-size:12px; opacity:0.7;">维护记忆</div>
</div>
</div>
<div class="divider-line"></div>
<div class="agent-item">
<div class="agent-icon"><i class="material-icons">travel_explore</i></div>
<div>
<div style="font-weight:700;">Research Agent</div>
<div style="font-size:12px; opacity:0.7;">检索证据</div>
</div>
</div>
<div class="divider-line"></div>
<div class="agent-item">
<div class="agent-icon"><i class="material-icons">record_voice_over</i></div>
<div>
<div style="font-weight:700;">Working Agent</div>
<div style="font-size:12px; opacity:0.7;">生成回答</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
登录后可参与表态
讨论回复
0 条回复还没有人回复,快来发表你的看法吧!