Update app.py

app.py

@@ -501,21 +501,29 @@ SECONDARY_BUTTON_CSS = """
 """
 
 description = """
-<p style='text-align: center'>
-    <span style='font-size: 1.5em; font-weight: bold;'>Lite3DReg</span><br>
-    A low-weight registration lib with modern algorithm and visualization<br>
-    <a href='https://ustc3dv.github.io/Lite3DReg/' target='_blank'>Lite3DReg Project Page</a> | 
-    <a href='https://github.com/USTC3DV/Lite3DReg' target='_blank'>Code</a> | 
-    <a href='https://arxiv.org/abs/2007.07627' target='_blank'>Rigid Paper (Fast ICP)</a> | 
-    <a href='https://arxiv.org/abs/2405.20188' target='_blank'>Non-Rigid Paper (SPARE)</a>
+<p style='text-align: center;'>
+    <span style='font-size: 2.5em; font-weight: bold;'>💎 Lite3DReg</span><br>
+    <span style='font-size: 1.2em; color: #333;'>A lightweight registration library with modern algorithms and interactive visualization</span><br>
     <br>
-    <strong>Task Rigid:</strong> Source: <strong>Moving Point Cloud</strong>, Target: <strong>Fixed Reference</strong>; 
-    <strong>Task Non-Rigid:</strong> Deformable matching with <strong>SPARE</strong> distance.
-    <br>
-    Simply upload your point clouds(.odj or .ply) or click one of the provided examples.
-    <br>
-    <strong>Select the registration type according to your input data.</strong>
+    <a href='https://ustc3dv.github.io/Lite3DReg/' target='_blank'>🌐 Project Page</a> | 
+    <a href='https://github.com/USTC3DV/Lite3DReg' target='_blank'>💻 GitHub</a> | 
+    <a href='https://arxiv.org/abs/2007.07627' target='_blank'>📄 Rigid (Fast ICP)</a> | 
+    <a href='https://arxiv.org/abs/2405.20188' target='_blank'>📄 Non-Rigid (SPARE)</a>
 </p>
+
+<div style='background-color: #f8f9fa; padding: 18px; border-radius: 12px; border: 1px solid #e9ecef; margin: 15px 0;'>
+    <strong style='font-size: 1.1em;'>🚀 Instructions:</strong>
+    <ul style='line-height: 1.8; margin-top: 10px;'>
+        <li><b>1. Input Data:</b> Upload your meshes to <b>📥 Source File</b> (Moving) and <b>🎯 Target File</b> (Fixed). <br>
+            <small style='color: #666;'><i>Preview the initial alignment in the <b>🛰️ Source vs Target Mesh</b> plot.</i></small></li>
+        <li><b>2. Configure:</b> Select <b>🧠 Registration Method</b> (Rigid/Non-Rigid) and adjust parameters in the accordions.</li>
+        <li><b>3. Landmarks (Optional):</b> Enable <b>📍 Use Landmarks</b> for non-rigid tasks to provide point-to-point guidance.</li>
+        <li><b>4. Execute:</b> Click <b>🚀 Run Registration</b>. The results will appear in <b>🏁 Result vs Target Mesh</b>.</li>
+    </ul>
+    <p style='font-size: 0.9em; color: #555; border-top: 1px solid #ddd; padding-top: 10px; margin-top: 10px;'>
+        💡 <b>Note:</b> Supported formats: <code>.obj</code>, <code>.ply</code>. You can download the full result directory as a <code>.zip</code> file after processing.
+    </p>
+</div>
 """
 
 with gr.Blocks(theme=BLUE_VIOLET_THEME, css=SECONDARY_BUTTON_CSS) as demo: