添加NFC绑定红外设备方式，融合车端设备和扩展设备统一控制

apps/web-console/self-extension.css

@@ -2383,7 +2383,7 @@ form > .v2-extension-primary {
 
 .v2-gscu-actions > header {
   display: grid;
-  grid-template-columns: minmax(0, 1fr) 110px minmax(150px, 0.7fr);
+  grid-template-columns: minmax(110px, 0.65fr) 78px minmax(120px, 0.75fr) repeat(2, minmax(145px, 1fr));
   align-items: end;
   gap: 12px;
 }
@@ -2455,9 +2455,9 @@ form > .v2-extension-primary {
 .v2-gscu-command-catalog > header small { color: #7b8b89; font-size: 8px; }
 
 #extensionGscuNamedCommands {
-  max-height: 180px;
+  max-height: min(42vh, 360px);
   display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
+  grid-template-columns: minmax(0, 1fr);
   gap: 8px;
   margin-top: 8px;
   overflow: auto;
@@ -2475,7 +2475,66 @@ form > .v2-extension-primary {
   text-align: center;
 }
 
-#extensionGscuNamedCommands > article {
+.v2-gscu-device-group {
+  min-width: 0;
+  padding: 9px;
+  background: #f2f7f6;
+  border: 1px solid #d8e5e2;
+  border-radius: 11px;
+}
+
+.v2-gscu-device-group > header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+  padding: 1px 2px 8px;
+}
+
+.v2-gscu-device-group > header > div {
+  min-width: 0;
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  align-items: baseline;
+  gap: 2px 8px;
+}
+
+.v2-gscu-device-group > header small {
+  color: #6a9691;
+  font: 800 7px "SFMono-Regular", Consolas, monospace;
+  letter-spacing: 0.08em;
+}
+
+.v2-gscu-device-group > header strong {
+  overflow: hidden;
+  color: #234d49;
+  font: 850 11px "SFMono-Regular", Consolas, monospace;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.v2-gscu-device-group > header span {
+  grid-column: 1 / -1;
+  overflow: hidden;
+  color: #728784;
+  font-size: 8px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.v2-gscu-device-group > header > b {
+  flex: none;
+  color: #4d7773;
+  font-size: 8px;
+}
+
+.v2-gscu-device-command-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 8px;
+}
+
+.v2-gscu-device-command-grid > article {
   display: grid;
   gap: 8px;
   padding: 10px;
@@ -2537,9 +2596,28 @@ form > .v2-extension-primary {
 
 #extensionGscuNamedCommands button.danger { color: #a64639; border-color: #ebcfc9; }
 
+.v2-gscu-result {
+  margin-top: 12px;
+  border: 1px solid #d7e4e1;
+  border-radius: 9px;
+  background: #fff;
+}
+
+.v2-gscu-result summary {
+  padding: 10px 12px;
+  color: #607674;
+  font-size: 9px;
+  font-weight: 850;
+  cursor: pointer;
+}
+
+.v2-gscu-result[open] summary {
+  border-bottom: 1px solid #d7e4e1;
+}
+
 #extensionGscuTcpResult {
   max-height: 170px;
-  margin: 12px 0 0;
+  margin: 0;
   padding: 10px;
   overflow: auto;
   color: #d7f4ef;
@@ -2556,7 +2634,7 @@ form > .v2-extension-primary {
   .v2-gscu-action-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
   .v2-gscu-advanced[open] { grid-template-columns: 1fr; }
   .v2-gscu-actions > header { grid-template-columns: 1fr; }
-  #extensionGscuNamedCommands { grid-template-columns: 1fr; }
+  .v2-gscu-device-command-grid { grid-template-columns: 1fr; }
 }
 
 .v2-extension-synced-device {
@@ -3140,6 +3218,12 @@ form > .v2-extension-primary {
   border-top: 1px solid #e3ecea;
 }
 
+.v2-nfc-existing > small {
+  color: #7c908d;
+  font-size: 9px;
+  line-height: 1.5;
+}
+
 .v2-nfc-existing > div {
   display: grid;
   grid-template-columns: minmax(0, 1fr) auto;
@@ -3178,6 +3262,90 @@ form > .v2-extension-primary {
   font-weight: 850;
 }
 
+.v2-nfc-select-all,
+.v2-nfc-command-option {
+  min-width: 0;
+  display: grid;
+  grid-template-columns: 18px minmax(0, 1fr);
+  align-items: center;
+  gap: 9px;
+  padding: 11px 12px;
+  color: #294e4a;
+  background: #f7faf9;
+  border: 1px solid #dce8e5;
+  border-radius: 10px;
+  cursor: pointer;
+}
+
+.v2-nfc-select-all {
+  margin-bottom: 8px;
+  background: #edf7f4;
+  border-color: #cfe4df;
+}
+
+.v2-nfc-select-all input,
+.v2-nfc-command-option input {
+  width: 17px;
+  height: 17px;
+  margin: 0;
+  accent-color: #278f84;
+}
+
+.v2-nfc-select-all > span,
+.v2-nfc-command-option > span {
+  min-width: 0;
+  display: grid;
+  gap: 3px;
+}
+
+.v2-nfc-select-all strong,
+.v2-nfc-command-option strong {
+  overflow: hidden;
+  font-size: 11px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.v2-nfc-select-all small,
+.v2-nfc-command-option small {
+  overflow: hidden;
+  color: #718885;
+  font-size: 8px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.v2-nfc-command-list {
+  max-height: min(34vh, 290px);
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 8px;
+  overflow: auto;
+}
+
+.v2-nfc-command-option:has(input:not(:checked)) {
+  color: #778a88;
+  background: #fafbfb;
+  border-style: dashed;
+}
+
+.v2-nfc-no-devices {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-top: 14px;
+  padding: 14px;
+  color: #6b817f;
+  background: #f7f9f9;
+  border: 1px dashed #d6e2df;
+  border-radius: 11px;
+}
+
+.v2-nfc-no-devices > svg { width: 19px; flex: none; }
+.v2-nfc-no-devices > div { display: grid; gap: 3px; }
+.v2-nfc-no-devices strong { color: #355956; font-size: 11px; }
+.v2-nfc-no-devices span { font-size: 9px; line-height: 1.5; }
+
 .v2-nfc-capability-grid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -3282,6 +3450,12 @@ form > .v2-extension-primary {
   margin-top: 15px;
 }
 
+.v2-nfc-recognized-actions > span {
+  align-self: center;
+  color: #718784;
+  font-size: 9px;
+}
+
 .v2-nfc-recognized-actions button {
   min-height: 40px;
 }
@@ -3349,7 +3523,8 @@ form > .v2-extension-primary {
   }
 
   .v2-nfc-create-grid,
-  .v2-nfc-capability-grid {
+  .v2-nfc-capability-grid,
+  .v2-nfc-command-list {
     grid-template-columns: 1fr;
   }