From cfb25d12829102d42076558c0f6b5baea6058ad2 Mon Sep 17 00:00:00 2001
From: yiqiu <yiqiu@ycyaw.com>
Date: Wed, 18 Mar 2026 23:47:32 +0800
Subject: [PATCH] =?UTF-8?q?style:=20solution=E5=BD=A9=E8=89=B2=E7=AB=96?=
 =?UTF-8?q?=E6=9D=A1=E5=8A=A0=E4=B8=8A=E4=B8=8B=E6=B5=81=E5=8A=A8=E6=B8=90?=
 =?UTF-8?q?=E5=8F=98=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 渐变色: 蓝→紫→粉→蓝 循环
- background-size: 300% 配合 background-position 动画
- 3s ease-in-out infinite 平滑流动
---
 css/index.css | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/css/index.css b/css/index.css
index 00f6e39..9a2556e 100644
--- a/css/index.css
+++ b/css/index.css
@@ -4472,7 +4472,7 @@ html {
   position: relative;
 }
 
-/* 左侧装饰竖线 */
+/* 左侧装饰竖线 — 渐变上下流动 */
 .solution-text::before {
   content: '';
   position: absolute;
@@ -4480,8 +4480,16 @@ html {
   top: 20%;
   height: 60%;
   width: 3px;
-  background: linear-gradient(180deg, transparent, #38BDF8, rgba(99, 102, 241, 0.6), transparent);
+  background: linear-gradient(180deg, transparent, #38BDF8, #6366F1, #EC4899, #38BDF8, transparent);
+  background-size: 100% 300%;
   border-radius: 3px;
+  animation: solutionBarFlow 3s ease-in-out infinite;
+}
+
+@keyframes solutionBarFlow {
+  0%   { background-position: 0% 0%; }
+  50%  { background-position: 0% 100%; }
+  100% { background-position: 0% 0%; }
 }
 
 .solution-text h3 {