修复一些已知问题

src/web/css/composer.css

@@ -221,6 +221,30 @@
   position: relative;
 }
 
+/* 拖拽附件到输入区时：显示"添加附件"提示 */
+.composer-input-shell.is-drag-attach {
+  outline: 2px dashed color-mix(in srgb, var(--accent) 55%, transparent);
+  outline-offset: 3px;
+  border-radius: 12px;
+  transition: outline-color 0.15s ease;
+}
+.composer-input-shell.is-drag-attach::after {
+  content: "添加附件";
+  position: absolute;
+  inset: 0;
+  z-index: 5;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 0.95rem;
+  font-weight: 600;
+  letter-spacing: 0.05em;
+  color: var(--accent);
+  background: color-mix(in srgb, var(--accent) 10%, transparent);
+  border-radius: 12px;
+  pointer-events: none;
+}
+
 .mm-input textarea {
   width: 100%;
   resize: vertical;
@@ -1086,6 +1110,18 @@
   background: color-mix(in srgb, var(--accent) 20%, transparent);
 }
 
+/* 文件预览：表格按列着色（覆盖上面的 display:block，单元格保持 inline） */
+.fp-table-wrap .fp-code-lines {
+  word-break: normal;
+}
+.fp-code-lines .fp-tbl-cell {
+  display: inline;
+  padding-right: 0.5em;
+}
+.fp-code-lines .fp-tbl-cell--header {
+  font-weight: 600;
+}
+
 .file-preview-body svg {
   max-width: 100%;
   max-height: 75vh;
@@ -1319,18 +1355,18 @@
   pointer-events: none;
 }
 .token-bar-seg--green {
-  background: var(--accent, #0e7490);
+  background: var(--success, #22c55e);
   opacity: 0.45;
   z-index: 1;
   border-radius: 3px 0 0 3px;
 }
 .token-bar-seg--yellow {
-  background: var(--accent, #0e7490);
+  background: var(--warning, #f59e0b);
   opacity: 0.7;
   z-index: 1;
 }
 .token-bar-seg--red {
-  background: var(--accent, #0e7490);
+  background: var(--danger, #ef4444);
   opacity: 0.85;
   z-index: 1;
   border-radius: 0 3px 3px 0;
@@ -1374,16 +1410,16 @@
   box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 25%, transparent);
 }
 .token-handle--hard .token-handle-dot {
-  background: #d4756b;
-  box-shadow: 0 0 0 2px rgba(212, 117, 107, 0.2);
+  background: var(--danger, #d4756b);
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--danger) 25%, transparent);
 }
 
 .token-handle.overshot .token-handle-dot {
   animation: handlePulse 0.6s ease-in-out infinite alternate;
 }
 @keyframes handlePulse {
-  from { box-shadow: 0 0 0 2px rgba(212, 117, 107, 0.15); }
-  to   { box-shadow: 0 0 0 5px rgba(212, 117, 107, 0.1); }
+  from { box-shadow: 0 0 0 2px color-mix(in srgb, var(--danger) 15%, transparent); }
+  to   { box-shadow: 0 0 0 5px color-mix(in srgb, var(--danger) 10%, transparent); }
 }
 
 .token-label {
@@ -1397,4 +1433,6 @@
   transition: opacity 0.25s, color 0.25s;
 }
 
-.token-label--safe  { color: #22c55e; }
+.token-label--safe    { color: var(--success, #22c55e); }
+.token-label--warn    { color: var(--warning, #f59e0b); }
+.token-label--danger  { color: var(--danger, #ef4444); }