From cb76bdefbaa2070c8070bc4c6c3c84ac417aebca Mon Sep 17 00:00:00 2001
From: Bifang <915779419@qq.com>
Date: Sat, 9 May 2026 17:36:05 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8E=A7=E4=BB=B6=E4=BF=AE=E5=A4=8D1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/assets/styles.css | 61 +++++++++++++++++++++++++++++++++-----
 frontend/index.html        |  4 +--
 2 files changed, 55 insertions(+), 10 deletions(-)

diff --git a/frontend/assets/styles.css b/frontend/assets/styles.css
index bc0d3a0..c831018 100644
--- a/frontend/assets/styles.css
+++ b/frontend/assets/styles.css
@@ -103,6 +103,25 @@ textarea {
   gap: 10px;
 }
 
+#template-panel .toolbar {
+  flex: 0 0 auto;
+  justify-content: flex-end;
+  flex-wrap: wrap;
+  row-gap: 8px;
+  max-width: min(100%, 320px);
+}
+
+#template-panel .toolbar .inline-label,
+#template-panel .toolbar .btn,
+#template-panel .toolbar select {
+  flex: 0 0 auto;
+}
+
+#template-panel .toolbar select.btn {
+  min-width: 0;
+  max-width: 156px;
+}
+
 .workspace {
   flex: 1 1 auto;
   min-height: 0;
@@ -471,14 +490,7 @@ select.btn {
 }
 
 .stream-box::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: -35%;
-  width: 35%;
-  height: 3px;
-  background: linear-gradient(90deg, rgba(47, 128, 237, 0), rgba(47, 128, 237, 0.95), rgba(47, 128, 237, 0));
-  animation: marquee-glow 1.8s linear infinite;
+  content: none;
 }
 
 .stream-title {
@@ -488,6 +500,27 @@ select.btn {
   font-weight: 700;
   color: var(--accent-strong);
   background: linear-gradient(180deg, rgba(232, 242, 255, 0.92), rgba(248, 252, 255, 0.98));
+  overflow: hidden;
+}
+
+.stream-title::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  left: -100%;
+  width: 100%;
+  background: linear-gradient(
+    90deg,
+    rgba(47, 128, 237, 0) 0%,
+    rgba(125, 182, 255, 0.12) 18%,
+    rgba(125, 182, 255, 0.26) 36%,
+    rgba(125, 182, 255, 0.4) 50%,
+    rgba(125, 182, 255, 0.26) 64%,
+    rgba(125, 182, 255, 0.12) 82%,
+    rgba(47, 128, 237, 0) 100%
+  );
+  animation: title-marquee 2.2s linear infinite;
+  pointer-events: none;
 }
 
 .stream-content,
@@ -647,6 +680,18 @@ select.btn {
   }
 }
 
+@keyframes title-marquee {
+  0% {
+    left: -100%;
+  }
+  62% {
+    left: 100%;
+  }
+  100% {
+    left: 100%;
+  }
+}
+
 @keyframes status-marquee {
   from {
     background-position: 200% 0;
diff --git a/frontend/index.html b/frontend/index.html
index cb2d613..e20730e 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -79,7 +79,7 @@
       <section class="panel" id="template-panel">
         <div class="panel-header">
           <div class="panel-heading">
-            <span>右侧编辑区</span>
+            <span>文档编辑</span>
             <div class="status-block">
               <div class="status-row">
                 <span class="status-label">当前状态</span>
@@ -90,7 +90,7 @@
             </div>
           </div>
           <div class="toolbar">
-            <label class="inline-label" for="tpl-select">模板选择</label>
+            <label class="inline-label" for="tpl-select">模板</label>
             <select class="btn sm" id="tpl-select"></select>
             <button class="btn sm" id="btn-reparse-guide" disabled>解析</button>
             <button class="btn sm" id="btn-toggle-side-edit" disabled>编辑</button>