add LucidNFT

Author: FeiSong123

LucidNFT/index.html

@@ -173,7 +173,7 @@ <h2>LucidLR Dataset</h2>
         </section>
 
         <section id="results" class="info-section">
-            <h2>Results and Findings</h2>
+            <h2>Results</h2>
             <ul>
                 <li><strong>Stable optimization.</strong> Training curves in the paper show both LucidConsistency and perceptual IQA rewards improve steadily during preference optimization on LucidFlux.</li>
                 <li><strong>Consistent benchmark gains.</strong> On RealLQ250, DRealSR, and RealSR, LucidFlux + LucidNFT improves most no-reference IQA metrics over the LucidFlux baseline, including CLIP-IQA+, Q-Align, MUSIQ, UniPercept IQA, and NIQE.</li>

LucidNFT/styles.css

@@ -87,6 +87,28 @@ body {
     max-width: 1100px;
 }
 
+/* Ensure quantitative results appear before qualitative figures in the Results section. */
+#results {
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+}
+
+#results > ul {
+    order: 1;
+    margin: 0;
+}
+
+#results .quantitative-results {
+    order: 2;
+    margin-top: 0;
+}
+
+#results .hero-image {
+    order: 3;
+    margin-top: 0;
+}
+
 .info-section {
     text-align: left;
     margin: 0;
@@ -454,6 +476,12 @@ body {
     font-family: 'Times New Roman', Times, serif;
 }
 
+/* Give metric column a bit more breathing room in quantitative tables. */
+.table-container .metric-col {
+    min-width: 160px;
+    white-space: nowrap;
+}
+
 /* Method column styling */
 .method-col {
     font-family: 'Times New Roman', Times, serif;