static/gr_head.html

<div style="
    background: linear-gradient(135deg, #0f2027, #3777a1); /* 深蓝-青色渐变 */
    padding: 40px 20px;
    text-align: center;
    border-radius: 16px;
    margin-bottom: 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
    font-family: 'Segoe UI', 'Helvetica Neue', sans-serif;
">
    <h1 style="font-size: 2.8em; margin-bottom: 0.3em; color: #ffffff;">
        🌌 BindAna
    </h1>
    <p style="font-size: 1.2em; font-weight: 300; max-width: 800px; margin: 0 auto; color: #e0f0ff;">
        Analyze predicted interaction PDB and visualize binding modes.<br>
        Upload structural files, inspect binding sites, and interpret prediction results with 3D visualization.<br>
        Gain mechanistic insights from structure-informed interaction analysis.
    </p>
</div>