Update README.md

README.md

@@ -7,71 +7,72 @@ sdk: static
 pinned: false
 ---
 
-<div style="max-width:800px;margin:0 auto;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;">
+<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&display=swap" rel="stylesheet">
+<div style="max-width:800px;margin:0 auto;font-family:'DM Sans',system-ui,sans-serif;background:#FEFCFB;border-radius:20px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,0.04),0 8px 32px rgba(0,0,0,0.06);">
 
-<div style="padding:40px 48px 36px;border-bottom:3px solid;border-image:linear-gradient(90deg,#F06080,#C8102E) 1;">
+<div style="padding:44px 48px 40px;position:relative;background:linear-gradient(135deg,#FEFCFB 0%,#FDF8F5 100%);background-image:linear-gradient(135deg,#FEFCFB 0%,#FDF8F5 100%),url('data:image/svg+xml,<svg width=&quot;40&quot; height=&quot;40&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;><path d=&quot;M40 0H0v40&quot; fill=&quot;none&quot; stroke=&quot;rgba(240,96,128,0.04)&quot; stroke-width=&quot;0.5&quot;/></svg>');background-size:100% 100%,40px 40px;border-bottom:3px solid;border-image:linear-gradient(90deg,#F06080,#C8102E) 1;">
 <div style="display:flex;align-items:center;gap:28px;">
-<img src="235772383.png" alt="Qian Group" width="96" height="96" style="border-radius:50%;flex-shrink:0;">
+<img src="235772383.png" alt="Qian Group" width="96" height="96" style="border-radius:50%;flex-shrink:0;box-shadow:0 4px 20px rgba(0,0,0,0.08);">
 <div>
 <div style="display:flex;align-items:center;gap:8px;margin-bottom:12px;">
 <img src="uh-horizontal.png" alt="University of Houston" height="22" style="max-height:22px;">
-<span style="font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;opacity:0.5;">· Computer Science</span>
+<span style="font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#8A8A8A;">· Computer Science</span>
 </div>
-<h1 style="font-family:Georgia,'Times New Roman',serif;font-size:44px;font-weight:700;margin:0;line-height:1.08;letter-spacing:-0.5px;">Qian Group</h1>
-<p style="font-size:14px;opacity:0.45;margin:8px 0 0;letter-spacing:0.3px;">Human-Robot Interaction &nbsp;·&nbsp; Human-Centered AI &nbsp;·&nbsp; Healthcare Robotics</p>
+<h1 style="font-family:'DM Serif Display',Georgia,serif;font-size:46px;font-weight:400;margin:0;line-height:1.08;letter-spacing:-0.5px;color:#111;">Qian Group</h1>
+<p style="font-size:14px;color:#8A8A8A;margin:10px 0 0;letter-spacing:0.3px;">Human-Robot Interaction &nbsp;·&nbsp; Human-Centered AI &nbsp;·&nbsp; Healthcare Robotics</p>
 </div>
 </div>
 </div>
 
-<div style="display:flex;border-bottom:1px solid rgba(128,128,128,0.12);">
-<div style="flex:1;padding:22px 16px;text-align:center;border-right:1px solid rgba(128,128,128,0.12);">
+<div style="display:flex;border-bottom:1px solid rgba(0,0,0,0.06);background:#FEFCFB;">
+<div style="flex:1;padding:22px 16px;text-align:center;border-right:1px solid rgba(0,0,0,0.06);">
 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" stroke="#F06080" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="display:block;margin:0 auto 8px;opacity:0.5;"><circle cx="10" cy="8" r="4"/><circle cx="22" cy="8" r="4"/><path d="M2 20c0-4 3.5-7 8-7s8 3 8 7"/><path d="M16 20c0-4 3.5-7 8-7s8 3 8 7"/><path d="M13 26l3-4 3 4"/></svg>
-<div style="font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;opacity:0.6;">Human-Robot Interaction</div>
+<div style="font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#4A4A4A;">Human-Robot Interaction</div>
 </div>
-<div style="flex:1;padding:22px 16px;text-align:center;border-right:1px solid rgba(128,128,128,0.12);">
+<div style="flex:1;padding:22px 16px;text-align:center;border-right:1px solid rgba(0,0,0,0.06);">
 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" stroke="#F06080" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="display:block;margin:0 auto 8px;opacity:0.5;"><path d="M16 4a8 8 0 0 1 8 8c0 3-1.5 5.5-4 7v3H12v-3c-2.5-1.5-4-4-4-7a8 8 0 0 1 8-8z"/><path d="M12 26h8"/><path d="M13 29h6"/><path d="M16 4v-2"/><path d="M8 6L6.5 4.5"/><path d="M24 6l1.5-1.5"/></svg>
-<div style="font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;opacity:0.6;">Human-Centered AI</div>
+<div style="font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#4A4A4A;">Human-Centered AI</div>
 </div>
 <div style="flex:1;padding:22px 16px;text-align:center;">
 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" stroke="#F06080" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="display:block;margin:0 auto 8px;opacity:0.5;"><path d="M8 10h16v14a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2V10z"/><path d="M12 10V7a4 4 0 0 1 8 0v3"/><path d="M12 18h2"/><path d="M18 18h2"/><circle cx="16" cy="22" r="1.5"/><path d="M4 16h4"/><path d="M24 16h4"/><path d="M4 20h4"/><path d="M24 20h4"/></svg>
-<div style="font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;opacity:0.6;">Healthcare Robotics</div>
+<div style="font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#4A4A4A;">Healthcare Robotics</div>
 </div>
 </div>
 
-<div style="padding:36px 48px 28px;">
-<p style="font-family:Georgia,'Times New Roman',serif;font-size:19px;line-height:1.65;margin:0;font-weight:400;">
+<div style="padding:36px 48px 28px;background:#FEFCFB;">
+<p style="font-family:'DM Serif Display',Georgia,serif;font-size:19px;line-height:1.65;margin:0;font-weight:400;color:#111;">
 We build <em style="color:#F06080;">intelligent robots that work alongside people</em> — advancing research at the intersection of human-robot interaction, human-centered AI, and healthcare applications. Our mission is to empower workers through skill training, upskilling, and evaluation using interactive robotic systems.
 </p>
-<div style="margin:28px 0 0;padding:22px 26px;border-radius:14px;border:1px solid rgba(240,96,128,0.12);display:flex;align-items:center;gap:18px;">
-<div style="width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#F06080,#C8102E);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:white;font-weight:700;font-size:19px;font-family:Georgia,serif;">PQ</div>
+<div style="margin:28px 0 0;padding:22px 26px;border-radius:14px;border:1px solid rgba(240,96,128,0.12);background:linear-gradient(135deg,rgba(240,96,128,0.03) 0%,rgba(200,16,46,0.02) 100%);display:flex;align-items:center;gap:18px;">
+<div style="width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#F06080,#C8102E);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:white;font-weight:700;font-size:19px;font-family:'DM Serif Display',Georgia,serif;box-shadow:0 2px 12px rgba(240,96,128,0.2);">PQ</div>
 <div>
-<div style="font-family:Georgia,'Times New Roman',serif;font-size:17px;font-weight:700;">Prof. Peizhu "Pam" Qian</div>
-<div style="font-size:13px;opacity:0.65;margin-top:4px;line-height:1.5;">Assistant Professor &amp; <span style="color:#F06080;font-weight:600;">Presidential Frontier Faculty</span><br>Department of Computer Science, University of Houston</div>
+<div style="font-family:'DM Serif Display',Georgia,serif;font-size:17px;font-weight:400;color:#111;">Prof. Peizhu "Pam" Qian</div>
+<div style="font-size:13px;color:#4A4A4A;margin-top:4px;line-height:1.5;">Assistant Professor &amp; <span style="color:#F06080;font-weight:600;">Presidential Frontier Faculty</span><br>Department of Computer Science, University of Houston</div>
 </div>
 </div>
 </div>
 
-<div style="padding:0 48px 32px;display:flex;gap:12px;">
-<a href="https://huggingface.co/QianGroup" style="flex:1;display:flex;align-items:center;gap:12px;padding:15px 16px;border-radius:12px;border:1px solid rgba(128,128,128,0.1);text-decoration:none;color:inherit;">
+<div style="padding:0 48px 32px;display:flex;gap:12px;background:#FEFCFB;">
+<a href="https://huggingface.co/QianGroup" style="flex:1;display:flex;align-items:center;gap:12px;padding:15px 16px;border-radius:12px;border:1px solid rgba(0,0,0,0.06);text-decoration:none;color:#111;background:#FFFFFF;">
 <svg width="18" height="18" viewBox="0 0 18 18" fill="none" style="flex-shrink:0;"><path d="M5.5 8.5C5.5 8.5 5 7 4 7C3 7 2.5 8 2.5 8.5C2.5 9 3 10 4 10C5 10 5.5 8.5 5.5 8.5Z" fill="#FFD040" stroke="#E8A800" stroke-width=".8"/><path d="M12.5 8.5C12.5 8.5 13 7 14 7C15 7 15.5 8 15.5 8.5C15.5 9 15 10 14 10C13 10 12.5 8.5 12.5 8.5Z" fill="#FFD040" stroke="#E8A800" stroke-width=".8"/><path d="M6 12C6 12 7.5 14 9 14C10.5 14 12 12 12 12" stroke="#E8A800" stroke-width="1" stroke-linecap="round"/><circle cx="9" cy="9" r="7.5" stroke="#E8A800" stroke-width="1"/></svg>
-<span><strong style="font-size:13px;">Hugging Face</strong><br><small style="opacity:0.5;font-size:11px;">huggingface.co/QianGroup</small></span>
+<span><strong style="font-size:13px;">Hugging Face</strong><br><small style="color:#8A8A8A;font-size:11px;">huggingface.co/QianGroup</small></span>
 </a>
-<a href="https://github.com/Qian-Group-HRI" style="flex:1;display:flex;align-items:center;gap:12px;padding:15px 16px;border-radius:12px;border:1px solid rgba(128,128,128,0.1);text-decoration:none;color:inherit;">
-<svg width="18" height="18" viewBox="0 0 18 18" style="flex-shrink:0;"><path d="M9 1C4.58 1 1 4.58 1 9c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 17 9c0-4.42-3.58-8-8-8z" fill="currentColor"/></svg>
-<span><strong style="font-size:13px;">GitHub</strong><br><small style="opacity:0.5;font-size:11px;">github.com/Qian-Group-HRI</small></span>
+<a href="https://github.com/Qian-Group-HRI" style="flex:1;display:flex;align-items:center;gap:12px;padding:15px 16px;border-radius:12px;border:1px solid rgba(0,0,0,0.06);text-decoration:none;color:#111;background:#FFFFFF;">
+<svg width="18" height="18" viewBox="0 0 18 18" fill="#111" style="flex-shrink:0;"><path d="M9 1C4.58 1 1 4.58 1 9c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 17 9c0-4.42-3.58-8-8-8z"/></svg>
+<span><strong style="font-size:13px;">GitHub</strong><br><small style="color:#8A8A8A;font-size:11px;">github.com/Qian-Group-HRI</small></span>
 </a>
-<a href="https://www.peizhuqian.com/" style="flex:1;display:flex;align-items:center;gap:12px;padding:15px 16px;border-radius:12px;border:1px solid rgba(128,128,128,0.1);text-decoration:none;color:inherit;">
+<a href="https://www.peizhuqian.com/" style="flex:1;display:flex;align-items:center;gap:12px;padding:15px 16px;border-radius:12px;border:1px solid rgba(0,0,0,0.06);text-decoration:none;color:#111;background:#FFFFFF;">
 <svg width="18" height="18" viewBox="0 0 18 18" fill="none" stroke="#F06080" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><circle cx="9" cy="9" r="7"/><path d="M2 9h14"/><path d="M9 2a11.5 11.5 0 0 1 3 7 11.5 11.5 0 0 1-3 7"/><path d="M9 2a11.5 11.5 0 0 0-3 7 11.5 11.5 0 0 0 3 7"/></svg>
-<span><strong style="font-size:13px;">Lab Website</strong><br><small style="opacity:0.5;font-size:11px;">peizhuqian.com</small></span>
+<span><strong style="font-size:13px;">Lab Website</strong><br><small style="color:#8A8A8A;font-size:11px;">peizhuqian.com</small></span>
 </a>
 </div>
 
-<div style="padding:16px 48px;border-top:1px solid rgba(128,128,128,0.1);display:flex;align-items:center;justify-content:space-between;font-size:11px;opacity:0.45;">
+<div style="padding:18px 48px;border-top:1px solid rgba(0,0,0,0.06);display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#8A8A8A;background:#FAFAF8;border-radius:0 0 20px 20px;">
 <div style="display:flex;align-items:center;gap:12px;">
-<img src="uh-horizontal.png" alt="UH" height="16" style="max-height:16px;opacity:0.5;">
+<img src="uh-horizontal.png" alt="UH" height="16" style="max-height:16px;opacity:0.4;">
 <span>PGH 550A, Houston TX · Go Coogs!</span>
 </div>
-<a href="mailto:pqian@uh.edu" style="color:#F06080;text-decoration:none;font-weight:600;opacity:1;">pqian@uh.edu</a>
+<a href="mailto:pqian@uh.edu" style="color:#F06080;text-decoration:none;font-weight:600;">pqian@uh.edu</a>
 </div>
 
-</div>
+</div>