add：支持批量添加基金

app/globals.css

@@ -287,6 +287,14 @@ body {
   white-space: nowrap;
   text-overflow: ellipsis;
 }
+
+.modal .item .name {
+  white-space: normal;
+  overflow: visible;
+  text-overflow: clip;
+  max-width: none;
+  word-break: break-word;
+}
 .item .weight {
   font-weight: 600;
   color: var(--accent);
@@ -615,3 +623,182 @@ body {
   0% { transform: translateX(-100%); }
   100% { transform: translateX(100%); }
 }
+
+/* 搜索相关样式 */
+.search-container {
+  position: relative;
+  width: 100%;
+  z-index: 1000; /* 提升到更高层级，避免被其他元素遮挡 */
+}
+
+.search-input-wrapper {
+  position: relative;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+.search-spinner {
+  position: absolute;
+  right: 12px;
+  width: 18px;
+  height: 18px;
+  border: 2px solid rgba(255, 255, 255, 0.1);
+  border-top-color: var(--primary);
+  border-radius: 50%;
+  animation: spin 0.8s linear infinite;
+}
+
+.search-dropdown {
+  position: absolute;
+  top: calc(100% + 8px);
+  left: 0;
+  right: 0;
+  max-height: 320px;
+  overflow-y: auto;
+  z-index: 10000; /* 确保全局最高层级 */
+  padding: 8px;
+  background: rgba(15, 23, 42, 0.95) !important;
+}
+
+.search-results {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.search-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 14px;
+  border-radius: 10px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.search-item:hover:not(.added) {
+  background: rgba(255, 255, 255, 0.08);
+}
+
+.search-item.selected {
+  background: rgba(34, 211, 238, 0.1);
+  border: 1px solid rgba(34, 211, 238, 0.2);
+}
+
+.search-item.added {
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+
+.fund-info {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.fund-name {
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.fund-code {
+  font-size: 11px;
+}
+
+.checkbox {
+  width: 20px;
+  height: 20px;
+  border-radius: 6px;
+  border: 2px solid var(--border);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.2s ease;
+}
+
+.search-item.selected .checkbox {
+  background: var(--primary);
+  border-color: var(--primary);
+}
+
+.checked-mark {
+  width: 10px;
+  height: 6px;
+  border-left: 2px solid #05263b;
+  border-bottom: 2px solid #05263b;
+  transform: rotate(-45deg) translateY(-1px);
+}
+
+.added-label {
+  font-size: 11px;
+  padding: 2px 8px;
+  background: rgba(255, 255, 255, 0.1);
+  border-radius: 4px;
+  color: var(--muted);
+}
+
+.no-results {
+  padding: 20px;
+  text-align: center;
+  font-size: 14px;
+}
+
+.selected-funds-bar {
+  margin-top: 16px;
+  padding-top: 16px;
+  border-top: 1px solid var(--border);
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.selected-chips {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+
+.selected-inline-chips {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+
+.fund-chip {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 4px 10px;
+  background: rgba(34, 211, 238, 0.15);
+  border: 1px solid rgba(34, 211, 238, 0.3);
+  border-radius: 8px;
+  font-size: 12px;
+  color: var(--primary);
+}
+
+.remove-chip {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 2px;
+  background: transparent;
+  border: none;
+  color: var(--primary);
+  cursor: pointer;
+  border-radius: 4px;
+}
+
+.remove-chip:hover {
+  background: rgba(34, 211, 238, 0.2);
+}
+
+.batch-add-button {
+  width: 100%;
+}
+
+/* 提升添加基金区域的层级，避免父级 stacking context 影响 */
+.add-fund-section {
+  position: relative;
+  z-index: 1000;
+}