优化复刻视频脚本和下拉框样式

core/frontend/src/design-restraint.css

@@ -1381,8 +1381,7 @@ body.sidebar-collapsed .user::after { display: none; }
 }
 .chip-menu .mi:hover { background: var(--black-alpha-4); }
 .chip-menu .mi.selected { color: var(--heat); background: var(--heat-12); }
-.chip-menu .mi .mi-check { width: 13px; height: 13px; color: var(--heat); visibility: hidden; flex-shrink: 0; }
-.chip-menu .mi.selected .mi-check { visibility: visible; }
+.chip-menu .mi .mi-check { display: none; }
 .chip-menu .mi-sep { height: 1px; background: var(--border-faint); margin: 4px 6px; }
 
 /* ─── Dropdown unification · 下拉框 / 菜单视觉收口 ─── */
@@ -1454,12 +1453,31 @@ select.duration-select:focus,
   color: var(--heat) !important;
 }
 
-:where(.chip-menu, .filter-pop, .pp-menu, .tb-menu, .io-param-menu, .move-menu, .cell-more-menu, .msg-more-menu, .batch-more-menu) {
+:where(
+  .chip-menu,
+  .filter-pop,
+  .pp-menu,
+  .tb-menu,
+  .io-param-menu,
+  .ic-param-menu,
+  .move-menu,
+  .cell-more-menu,
+  .msg-more-menu,
+  .batch-more-menu,
+  .rs-select-menu,
+  .pl-select-menu,
+  .lib-select-menu,
+  .vc-select-menu,
+  .af-select-menu,
+  .pcd-select-menu,
+  .nw-select-menu,
+  .fc-dd-menu
+) {
   background: var(--surface) !important;
-  border: 1px solid var(--border-faint) !important;
-  border-radius: var(--r-md) !important;
-  box-shadow: var(--shadow-floating) !important;
-  padding: 4px !important;
+  border: 1px solid rgba(34, 42, 54, 0.10) !important;
+  border-radius: 10px !important;
+  box-shadow: 0 12px 30px rgba(20, 27, 38, 0.12) !important;
+  padding: 6px !important;
 }
 :where(
   .chip-menu .mi,
@@ -1467,16 +1485,25 @@ select.duration-select:focus,
   .pp-menu .mi,
   .tb-menu-item,
   .io-param-menu .mi,
+  .ic-param-menu .mi,
   .move-menu .mv-item,
   .cell-more-menu button,
   .msg-more-menu button,
-  .batch-more-menu button
+  .batch-more-menu button,
+  .rs-select-option,
+  .pl-select-option,
+  .lib-select-option,
+  .vc-select-option,
+  .af-select-option,
+  .pcd-select-option,
+  .nw-select-option,
+  .fc-dd-item
 ) {
-  min-height: 32px !important;
-  padding: 0 10px !important;
+  min-height: 36px !important;
+  padding: 7px 10px !important;
   background: transparent !important;
   border: 0 !important;
-  border-radius: var(--r-sm) !important;
+  border-radius: 8px !important;
   color: var(--accent-black) !important;
   display: flex !important;
   align-items: center !important;
@@ -1494,10 +1521,19 @@ select.duration-select:focus,
   .pp-menu .mi,
   .tb-menu-item,
   .io-param-menu .mi,
+  .ic-param-menu .mi,
   .move-menu .mv-item,
   .cell-more-menu button,
   .msg-more-menu button,
-  .batch-more-menu button
+  .batch-more-menu button,
+  .rs-select-option,
+  .pl-select-option,
+  .lib-select-option,
+  .vc-select-option,
+  .af-select-option,
+  .pcd-select-option,
+  .nw-select-option,
+  .fc-dd-item
 ):hover {
   background: var(--black-alpha-4) !important;
   color: var(--accent-black) !important;
@@ -1507,11 +1543,20 @@ select.duration-select:focus,
   .filter-pop button.selected,
   .pp-menu .mi.selected,
   .tb-menu-item.active,
-  .io-param-menu .mi.selected
+  .io-param-menu .mi.selected,
+  .ic-param-menu .mi.selected,
+  .rs-select-option.selected,
+  .pl-select-option.selected,
+  .lib-select-option.selected,
+  .vc-select-option.selected,
+  .af-select-option.selected,
+  .pcd-select-option.selected,
+  .nw-select-option.selected,
+  .fc-dd-item.selected
 ) {
-  background: var(--heat-12) !important;
+  background: var(--heat-8) !important;
   color: var(--heat) !important;
-  font-weight: 500 !important;
+  font-weight: 600 !important;
 }
 :where(.cell-more-menu button.danger:hover, .msg-more-menu button.danger:hover, .batch-more-menu button.danger:hover) {
   background: var(--crimson-bg) !important;
@@ -1523,6 +1568,21 @@ select.duration-select:focus,
   font-size: 12px !important;
   letter-spacing: .02em !important;
 }
+.rs-select-group { color: var(--black-alpha-48) !important; }
+.rs-select-option-desc,
+.fc-dd-item .de { color: var(--black-alpha-48) !important; }
+.fc-dd-item {
+  flex-direction: column !important;
+  align-items: flex-start !important;
+  justify-content: center !important;
+  min-height: 44px !important;
+  padding: 7px 10px !important;
+}
+.fc-dd-item .ti { color: var(--accent-black) !important; }
+.fc-dd-item.selected .ti { color: var(--heat) !important; }
+.fc-dd-item.selected .de { color: var(--black-alpha-48) !important; }
+.pl-select-option .pl-cat-count { color: var(--black-alpha-48) !important; }
+.pl-select-option.selected .pl-cat-count { color: var(--heat) !important; }
 
 .rs-select {
   position: relative;
@@ -1532,14 +1592,6 @@ select.duration-select:focus,
 }
 .rs-select.rs-select-fill { width: 100%; }
 .rs-select.rs-select-filter { min-width: 126px; }
-.rs-select > select[data-rs-select-bound="1"] {
-  position: absolute !important;
-  inset: 0 auto auto 0 !important;
-  width: 1px !important;
-  height: 1px !important;
-  opacity: 0 !important;
-  pointer-events: none !important;
-}
 .rs-select-btn {
   width: 100%;
   height: 36px;
@@ -1557,6 +1609,7 @@ select.duration-select:focus,
   cursor: pointer;
   transition: background var(--t-base), border-color var(--t-base), box-shadow var(--t-base), color var(--t-base);
 }
+.rs-select-sm .rs-select-btn { height: 32px; font-size: 13px; padding: 0 10px 0 12px; }
 .rs-select-btn:hover {
   background: var(--black-alpha-4);
   border-color: var(--black-alpha-24);
@@ -1564,7 +1617,7 @@ select.duration-select:focus,
 .rs-select.open .rs-select-btn,
 .rs-select-btn:focus-visible {
   border-color: var(--heat-40);
-  box-shadow: inset 0 0 0 1px var(--heat-40);
+  box-shadow: 0 0 0 3px var(--heat-8);
 }
 .rs-select-btn[disabled] {
   background: var(--black-alpha-5);
@@ -1577,6 +1630,7 @@ select.duration-select:focus,
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.rs-select-label.is-placeholder { color: var(--black-alpha-40); }
 .rs-select-btn svg {
   width: 12px;
   height: 12px;
@@ -1590,65 +1644,91 @@ select.duration-select:focus,
 }
 .rs-select-menu {
   position: absolute;
-  top: calc(100% + 4px);
+  top: calc(100% + 6px);
   left: 0;
   min-width: 100%;
   width: max-content;
-  max-width: min(260px, calc(100vw - 24px));
+  max-width: min(280px, calc(100vw - 24px));
   max-height: 320px;
   overflow-y: auto;
+  overscroll-behavior: contain;
   display: none;
   z-index: 1600;
   background: var(--surface);
-  border: 1px solid var(--border-faint);
-  border-radius: var(--r-md);
-  box-shadow: var(--shadow-floating);
-  padding: 4px;
+  border: 1px solid rgba(34, 42, 54, 0.10);
+  border-radius: 10px;
+  box-shadow: 0 12px 30px rgba(20, 27, 38, 0.12);
+  padding: 6px;
 }
 .rs-select-menu.align-right {
   left: auto;
   right: 0;
 }
-.rs-select.open .rs-select-menu { display: block; }
+.rs-select.open .rs-select-menu { display: grid; gap: 3px; }
+.rs-select-menu-portal {
+  position: fixed;
+  top: auto;
+  min-width: 0;
+  max-width: none;
+  display: grid;
+  gap: 3px;
+  z-index: calc(var(--z-overlay) + 40);
+}
+.rs-select-group {
+  padding: 8px 10px 4px;
+  color: var(--black-alpha-48);
+  font-size: 11px;
+  font-weight: 500;
+  letter-spacing: .04em;
+}
 .rs-select-option {
   width: 100%;
-  min-height: 32px;
-  padding: 0 10px;
+  min-height: 38px;
+  padding: 7px 10px;
   display: flex;
   align-items: center;
   gap: 8px;
   background: transparent;
   border: 0;
-  border-radius: var(--r-sm);
+  border-radius: 8px;
   color: var(--accent-black);
   font-family: inherit;
   font-size: 13px;
   text-align: left;
-  white-space: nowrap;
   cursor: pointer;
   transition: background var(--t-base), color var(--t-base);
 }
-.rs-select-option:hover,
-.rs-select-option.is-active {
-  background: var(--black-alpha-4);
+.rs-select-option-text {
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
 }
-.rs-select-option.selected {
-  background: var(--heat-12);
-  color: var(--heat);
-  font-weight: 500;
+.rs-select-option-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
+.rs-select-option-desc {
+  color: var(--black-alpha-48);
+  font-size: 11px;
+  line-height: 1.35;
+}
+.rs-select-option.selected .rs-select-option-desc { color: var(--black-alpha-48); }
 .rs-select-option[disabled] {
   color: var(--black-alpha-32);
   cursor: not-allowed;
 }
-.rs-select-option .mi-check {
-  width: 13px;
-  height: 13px;
-  color: var(--heat);
-  visibility: hidden;
-  flex-shrink: 0;
+.rs-select-option[disabled]:hover { background: transparent; }
+.rs-select-menu::-webkit-scrollbar { width: 6px; }
+.rs-select-menu::-webkit-scrollbar-thumb {
+  border-radius: 999px;
+  background: rgba(34, 42, 54, 0.18);
 }
-.rs-select-option.selected .mi-check { visibility: visible; }
+.rs-select-menu::-webkit-scrollbar-track { background: transparent; }
+
+.filter-bar .rs-select { min-width: 132px; }
+.filter-bar .rs-select-btn { height: 32px; font-size: 13px; }
 
 /* ─── Clear-filters btn · 共享组件 ─── */
 .clear-filters {