Add files via upload

web/static/css/style.css

@@ -3854,6 +3854,36 @@ header {
     border-color: var(--accent-color);
 }
 
+/* 通用按钮加载态（用于耗时请求：AI 解析等） */
+.btn-loading {
+    opacity: 0.9;
+    cursor: progress;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 6px;
+}
+
+.btn-loading::before {
+    content: '';
+    width: 12px;
+    height: 12px;
+    border: 2px solid rgba(0, 0, 0, 0.18);
+    border-top-color: currentColor;
+    border-radius: 50%;
+    display: inline-block;
+    animation: btnSpin 0.8s linear infinite;
+}
+
+@keyframes btnSpin {
+    to { transform: rotate(360deg); }
+}
+
+.fofa-nl-status {
+    margin-top: 6px;
+    font-size: 0.8125rem;
+}
+
 .btn-danger {
     padding: 10px 20px;
     background: rgba(220, 53, 69, 0.08);
@@ -10952,10 +10982,55 @@ header {
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
 }
 
+/* 表单整体增加纵向留白，避免“挤在一起” */
+.info-collect-form {
+    display: flex;
+    flex-direction: column;
+    gap: 14px;
+}
+
+/* 将每个表单块做成轻量卡片分组（只作用于 info-collect 顶层 form-group） */
+.info-collect-form > .form-group,
+.info-collect-form > .info-collect-form-row {
+    padding: 14px 14px;
+    border: 1px solid rgba(0, 0, 0, 0.06);
+    border-radius: 12px;
+    background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);
+}
+
+/* 覆盖全局 .form-group textarea(min-height:200px) 的默认大留白 */
+.form-group textarea.info-collect-query-input {
+    min-height: 36px;
+    max-height: 96px;
+    overflow: hidden; /* 配合 JS 自动增高 */
+    resize: none;
+    padding: 10px 12px;
+}
+
+.info-collect-nl-row {
+    display: flex;
+    align-items: flex-start;
+    gap: 10px;
+}
+
+.info-collect-nl-row .info-collect-query-input {
+    flex: 1 1 auto;
+    min-width: 0; /* 允许在 flex 中收缩，避免撑破布局 */
+}
+
+.info-collect-nl-row button {
+    flex: 0 0 auto;
+    white-space: nowrap;
+}
+
 @media (max-width: 980px) {
     .info-collect-form-row {
         grid-template-columns: 1fr;
     }
+    .info-collect-nl-row {
+        flex-direction: column;
+        align-items: stretch;
+    }
     .info-collect-col-actions {
         width: 140px;
     }
@@ -10964,7 +11039,8 @@ header {
 .info-collect-form-row {
     display: grid;
     grid-template-columns: repeat(3, minmax(180px, 1fr));
-    gap: 12px;
+    gap: 14px;
+    align-items: end;
 }
 
 .info-collect-form-row .form-group {
@@ -11106,7 +11182,7 @@ header {
 
 .info-collect-presets {
     display: flex;
-    gap: 8px;
+    gap: 10px;
     flex-wrap: wrap;
     margin-top: 8px;
 }
@@ -11123,7 +11199,7 @@ header {
     border: 1px solid var(--border-color);
     background: var(--bg-secondary);
     color: var(--text-secondary);
-    padding: 6px 10px;
+    padding: 7px 12px;
     border-radius: 999px;
     cursor: pointer;
     font-size: 0.8125rem;