feat: 前端的细节修改

web/css/styles.css

@@ -218,8 +218,86 @@
 .ai-tag-chip-zh {
     color: #9ca3af;
 }
+.ai-copy-btn.is-copied,
+.ai-copy-trigger.is-copied,
+.ai-copy-all-tags-btn.is-copied {
+    background: rgba(16, 185, 129, 0.25) !important;
+    color: #34d399 !important;
+}
+.ai-tag-chip.is-copied {
+    border-color: #34d399;
+    background: rgba(16, 185, 129, 0.15);
+    transform: none;
+}
 
 /* 上品登记表：型号 / 重量 / 尺寸 默认隐藏 */
 #historyTable:not(.show-optional-cols) .history-col-optional {
     display: none;
 }
+
+/* ================================================================
+   Toast 轻提示
+   ================================================================ */
+.toast-container {
+    position: fixed;
+    top: 1.25rem;
+    left: 50%;
+    transform: translateX(-50%);
+    z-index: 9999;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.625rem;
+    pointer-events: none;
+}
+.toast {
+    pointer-events: auto;
+    min-width: 12rem;
+    max-width: 22rem;
+    display: flex;
+    align-items: center;
+    gap: 0.625rem;
+    padding: 0.75rem 1.125rem;
+    border-radius: 0.625rem;
+    background: var(--color-dark-light);
+    border: 1px solid var(--color-gray-700);
+    border-left: 4px solid var(--color-secondary);
+    color: #f3f4f6;
+    font-size: 0.9375rem;
+    line-height: 1.4;
+    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.45);
+    opacity: 0;
+    transform: translateY(-12px);
+    transition: opacity 0.25s ease, transform 0.25s ease;
+}
+.toast.show {
+    opacity: 1;
+    transform: translateY(0);
+}
+.toast.hide {
+    opacity: 0;
+    transform: translateY(-12px);
+}
+.toast .toast-icon {
+    flex: 0 0 auto;
+    font-size: 1.125rem;
+    line-height: 1;
+}
+.toast.success {
+    border-left-color: var(--color-secondary);
+}
+.toast.success .toast-icon {
+    color: #34d399;
+}
+.toast.error {
+    border-left-color: var(--color-danger);
+}
+.toast.error .toast-icon {
+    color: #f87171;
+}
+.toast.info {
+    border-left-color: var(--color-primary);
+}
+.toast.info .toast-icon {
+    color: #60a5fa;
+}