x

static/style.css

@@ -604,6 +604,57 @@ body {
   margin-bottom: var(--space-8);
 }
 
+.moldinsight-intro-grid {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: var(--space-4);
+  margin-bottom: var(--space-6);
+}
+
+.intro-card {
+  background: var(--bg-primary);
+  border: 1px solid var(--border-light);
+  border-radius: var(--radius-xl);
+  padding: var(--space-5);
+  box-shadow: var(--shadow-xs);
+}
+
+.intro-card-title {
+  font-size: var(--text-xs);
+  color: var(--text-tertiary);
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  margin-bottom: var(--space-2);
+}
+
+.intro-card-text {
+  font-size: var(--text-sm);
+  line-height: 1.7;
+  color: var(--text-primary);
+  font-weight: var(--font-medium);
+}
+
+.upload-layout {
+  display: grid;
+  grid-template-columns: minmax(0, 1.6fr) minmax(320px, 0.9fr);
+  gap: var(--space-6);
+  align-items: start;
+  margin-bottom: var(--space-8);
+}
+
+.upload-main-card,
+.upload-side-card {
+  background: var(--bg-primary);
+  border: 1px solid var(--border-light);
+  border-radius: var(--radius-xl);
+  padding: var(--space-6);
+}
+
+.upload-main-card .section-title,
+.upload-side-card .section-title {
+  margin-bottom: var(--space-4);
+}
+
 .upload-section .btn-primary {
   min-width: 200px;
   padding: var(--space-4) var(--space-8);
@@ -649,6 +700,10 @@ body {
   border: 1px solid #e0e0e0;
 }
 
+.compact-panel {
+  margin-top: 0;
+}
+
 .panel-header {
   margin-bottom: 16px;
 }
@@ -749,6 +804,58 @@ optgroup {
   font-weight: 500;
 }
 
+.advanced-params {
+  margin-top: var(--space-4);
+  border: 1px solid var(--border-default);
+  border-radius: var(--radius-lg);
+  background: var(--bg-primary);
+}
+
+.advanced-params summary {
+  cursor: pointer;
+  list-style: none;
+  padding: var(--space-4);
+  font-size: var(--text-sm);
+  font-weight: var(--font-semibold);
+  color: var(--text-primary);
+}
+
+.advanced-params summary::-webkit-details-marker {
+  display: none;
+}
+
+.advanced-params-body {
+  padding: 0 var(--space-4) var(--space-4);
+}
+
+.upload-submit-btn {
+  width: 100%;
+  margin-top: var(--space-4);
+}
+
+.history-collapsible {
+  background: var(--bg-primary);
+  border: 1px solid var(--border-light);
+  border-radius: var(--radius-xl);
+  padding: var(--space-5);
+}
+
+.history-summary {
+  cursor: pointer;
+  font-size: var(--text-lg);
+  font-weight: var(--font-semibold);
+  color: var(--text-primary);
+  list-style: none;
+}
+
+.history-summary::-webkit-details-marker {
+  display: none;
+}
+
+.history-collapsible[open] .table-container {
+  margin-top: var(--space-4);
+}
+
 .btn-clear {
   background: none;
   border: none;
@@ -1191,6 +1298,19 @@ optgroup {
   grid-column: 1 / -1;
 }
 
+.result-card-highlight {
+  border: 1px solid var(--primary-100);
+  background: linear-gradient(180deg, var(--bg-primary) 0%, var(--primary-50) 100%);
+}
+
+.result-priority-grid {
+  margin-bottom: var(--space-6);
+}
+
+.compact-metrics-grid {
+  margin-bottom: var(--space-6);
+}
+
 .single-scheme-grid {
   grid-template-columns: 1fr !important;
 }
@@ -1276,6 +1396,22 @@ optgroup {
   line-height: 1.6;
 }
 
+.diagnostic-panel summary {
+  cursor: pointer;
+  list-style: none;
+  font-size: var(--text-lg);
+  font-weight: var(--font-semibold);
+  color: var(--text-primary);
+}
+
+.diagnostic-panel summary::-webkit-details-marker {
+  display: none;
+}
+
+.diagnostic-panel-body {
+  margin-top: var(--space-4);
+}
+
 /* ================================
    设计建议列表
    ================================ */
@@ -2636,6 +2772,11 @@ select.form-input {
   flex-wrap: wrap;
 }
 
+.export-buttons-block {
+  margin-left: 0;
+  margin-top: var(--space-4);
+}
+
 .export-buttons .btn-sm {
   font-size: 0.75rem;
   padding: 0.25rem 0.6rem;
@@ -2695,6 +2836,13 @@ select.form-input {
   color: var(--text-primary);
 }
 
+@media (max-width: 960px) {
+  .moldinsight-intro-grid,
+  .upload-layout {
+    grid-template-columns: 1fr;
+  }
+}
+
 /* ================================
    历史记录
    ================================ */