Refine PACS viewer annotation workflow

PACS_DICOM处理/数据处理网页端/static/styles.css

@@ -284,6 +284,28 @@ button:disabled {
   font-size: 12px;
 }
 
+.series-head-tools {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.sort-btn {
+  height: 26px;
+  padding: 0 8px;
+  border: 1px solid var(--stroke);
+  border-radius: 7px;
+  background: #0b0f16;
+  color: var(--muted);
+  font-size: 12px;
+}
+
+.sort-btn.active {
+  border-color: var(--blue);
+  background: rgba(52, 116, 246, 0.2);
+  color: var(--text);
+}
+
 .study-list,
 .series-grid {
   min-height: 0;
@@ -433,6 +455,18 @@ button:disabled {
   white-space: nowrap;
 }
 
+.tag-line .tag-manual {
+  border-color: rgba(25, 212, 194, 0.58);
+  color: #baf8ee;
+  background: rgba(25, 212, 194, 0.08);
+}
+
+.tag-line .tag-ai {
+  border-color: rgba(240, 181, 78, 0.65);
+  color: #ffe0a3;
+  background: rgba(240, 181, 78, 0.1);
+}
+
 .viewer-pane {
   min-width: 0;
   display: grid;
@@ -502,6 +536,95 @@ button:disabled {
   display: none;
 }
 
+.image-overlay {
+  position: absolute;
+  inset: 0;
+  z-index: 2;
+  pointer-events: none;
+  color: rgba(245, 248, 255, 0.86);
+  font-family: "Consolas", "Cascadia Mono", monospace;
+  font-size: 14px;
+  line-height: 1.25;
+  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.95);
+}
+
+.image-overlay.hidden {
+  display: none;
+}
+
+.crosshair {
+  position: absolute;
+  opacity: 0.72;
+}
+
+.crosshair-v {
+  top: 4%;
+  bottom: 4%;
+  left: 50%;
+  width: 1px;
+  background: #ff3b30;
+}
+
+.crosshair-h {
+  left: 3%;
+  right: 3%;
+  top: 50%;
+  height: 1px;
+  background: #21c55d;
+}
+
+.ov {
+  position: absolute;
+  max-width: 42%;
+  white-space: pre-line;
+}
+
+.ov-left-top {
+  top: 12px;
+  left: 14px;
+}
+
+.ov-right-top {
+  top: 12px;
+  right: 54px;
+  text-align: right;
+}
+
+.ov-left-mid {
+  left: 12px;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.ov-right-mid {
+  right: 54px;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.ov-top-mid {
+  top: 12px;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.ov-bottom-mid {
+  bottom: 12px;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.ov-left-bottom {
+  left: 14px;
+  bottom: 12px;
+}
+
+.ov-right-bottom {
+  right: 54px;
+  bottom: 12px;
+  text-align: right;
+}
+
 .slice-rail {
   position: absolute;
   top: 16px;
@@ -550,9 +673,39 @@ button:disabled {
   color: #baf8ee;
 }
 
+.source-legend {
+  display: flex;
+  gap: 12px;
+  margin: -2px 0 10px;
+  color: var(--muted);
+  font-size: 12px;
+}
+
+.source-legend span {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+}
+
+.manual-dot,
+.ai-dot {
+  width: 9px;
+  height: 9px;
+  display: inline-block;
+  border-radius: 999px;
+}
+
+.manual-dot {
+  background: var(--cyan);
+}
+
+.ai-dot {
+  background: var(--amber);
+}
+
 .part-grid {
   display: grid;
-  grid-template-columns: repeat(6, minmax(82px, 1fr));
+  grid-template-columns: repeat(7, minmax(78px, 1fr));
   gap: 8px;
 }
 
@@ -577,11 +730,29 @@ button:disabled {
   background: rgba(25, 212, 194, 0.1);
 }
 
+.part-grid label.manual-selected,
+.phase-options label.manual-selected {
+  border-color: rgba(25, 212, 194, 0.72);
+  box-shadow: inset 3px 0 0 rgba(25, 212, 194, 0.95);
+}
+
+.part-grid label.ai-selected,
+.phase-options label.ai-selected {
+  border-color: rgba(240, 181, 78, 0.72);
+  background: rgba(240, 181, 78, 0.1);
+  box-shadow: inset 3px 0 0 rgba(240, 181, 78, 0.95);
+}
+
 .part-grid .skip-option:has(input:checked) {
   border-color: rgba(240, 181, 78, 0.72);
   background: rgba(240, 181, 78, 0.12);
 }
 
+.part-grid .plain-option:has(input:checked) {
+  border-color: rgba(52, 116, 246, 0.72);
+  background: rgba(52, 116, 246, 0.12);
+}
+
 .part-grid input:disabled + * {
   color: var(--muted);
 }
@@ -610,9 +781,6 @@ button:disabled {
 }
 
 .annotation-actions {
-  display: grid;
-  grid-template-columns: minmax(220px, 1fr) 160px;
-  gap: 10px;
   margin-top: 10px;
 }