From de864945c1ae3406ec18c4953d6ef975486b69e3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=86=B0=E6=9C=94?= <565183519@qq.com>
Date: Wed, 26 Aug 2026 09:11:00 +0800
Subject: [PATCH] =?UTF-8?q?planet=20v4=EF=BC=9A=E5=8F=AF=E8=A7=81=E8=87=AA?=
=?UTF-8?q?=E8=BD=AC+=E8=84=89=E7=BB=9C=EF=BC=88=E8=AF=AD=E8=A8=80?=
=?UTF-8?q?=E4=B8=96=E7=95=8C=E7=9A=84=E7=BB=8F=E8=84=89=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
冰朔反馈v3不转/无脉络/单调。修:SVG脉络层7条发光经脉(冷暖交织+辉光,
width 200% 26s无缝环移=可见自转);云带提速80s→26s并增强对比;mask放宽。
双动画同频26s。结构验证:veins 7 paths + fph-veins-flow/fph-surf-pan running。
---
.../first-planet-home/FirstPlanetHome.tsx | 12 ++++-
.../first-planet-home/first-planet-home.css | 50 +++++++++++++------
2 files changed, 46 insertions(+), 16 deletions(-)
diff --git a/build/mother-brain-desktop-app-phase4-20260825/source/hololake-native-desktop/src/modules/first-planet-home/FirstPlanetHome.tsx b/build/mother-brain-desktop-app-phase4-20260825/source/hololake-native-desktop/src/modules/first-planet-home/FirstPlanetHome.tsx
index 4d726ab89..e4956b5b7 100644
--- a/build/mother-brain-desktop-app-phase4-20260825/source/hololake-native-desktop/src/modules/first-planet-home/FirstPlanetHome.tsx
+++ b/build/mother-brain-desktop-app-phase4-20260825/source/hololake-native-desktop/src/modules/first-planet-home/FirstPlanetHome.tsx
@@ -191,7 +191,17 @@ export function FirstPlanetHome() {
))}
{/* 立体悬浮星球 */}
-
+
+
+
{specks.map((sp) => (
))}
diff --git a/build/mother-brain-desktop-app-phase4-20260825/source/hololake-native-desktop/src/modules/first-planet-home/first-planet-home.css b/build/mother-brain-desktop-app-phase4-20260825/source/hololake-native-desktop/src/modules/first-planet-home/first-planet-home.css
index 44bb451e8..d42b539d5 100644
--- a/build/mother-brain-desktop-app-phase4-20260825/source/hololake-native-desktop/src/modules/first-planet-home/first-planet-home.css
+++ b/build/mother-brain-desktop-app-phase4-20260825/source/hololake-native-desktop/src/modules/first-planet-home/first-planet-home.css
@@ -124,26 +124,46 @@
}
@keyframes fph-breathe { 0%,100% { transform: scale(1); } 50% { transform: scale(1.015); } }
-/* 表面纹理:云带+陆块,慢速平移=自转错觉;球形遮罩让边缘收窄 */
+/* 表面:云带+脉络(SVG经脉),26s 环移=可见自转 */
.fph-planet .surf {
position: absolute; inset: 0; border-radius: 50%; overflow: hidden;
background:
- repeating-linear-gradient(100deg,
- transparent 0 26px,
- color-mix(in srgb, var(--primitive-glass-top) 9%, transparent) 26px 34px,
- transparent 34px 60px,
- color-mix(in srgb, var(--primitive-nebula-a) 26%, transparent) 60px 74px,
- transparent 74px 108px),
- repeating-radial-gradient(circle at 40% 60%,
+ repeating-linear-gradient(96deg,
transparent 0 18px,
- color-mix(in srgb, var(--primitive-cool-glow) 12%, transparent) 18px 24px,
- transparent 24px 44px);
- opacity: .6;
- -webkit-mask: radial-gradient(circle at 42% 38%, #000 30%, color-mix(in srgb, #000 55%, transparent) 62%, transparent 78%);
- mask: radial-gradient(circle at 42% 38%, #000 30%, color-mix(in srgb, #000 55%, transparent) 62%, transparent 78%);
- animation: fph-surf-pan 80s linear infinite;
+ color-mix(in srgb, var(--primitive-glass-top) 16%, transparent) 18px 26px,
+ transparent 26px 44px,
+ color-mix(in srgb, var(--primitive-nebula-a) 42%, transparent) 44px 58px,
+ transparent 58px 84px),
+ repeating-radial-gradient(circle at 42% 58%,
+ transparent 0 14px,
+ color-mix(in srgb, var(--primitive-cool-glow) 20%, transparent) 14px 20px,
+ transparent 20px 34px);
+ opacity: .85;
+ -webkit-mask: radial-gradient(circle at 40% 36%, #000 44%, color-mix(in srgb, #000 62%, transparent) 70%, transparent 86%);
+ mask: radial-gradient(circle at 40% 36%, #000 44%, color-mix(in srgb, #000 62%, transparent) 70%, transparent 86%);
+ animation: fph-surf-pan 26s linear infinite;
}
-@keyframes fph-surf-pan { from { background-position: 0 0, 0 0; } to { background-position: 240px 0, -160px 0; } }
+@keyframes fph-surf-pan { from { background-position: 0 0, 0 0; } to { background-position: 168px 0, -112px 0; } }
+
+/* 脉络:语言世界的经脉,随球自转流动;首尾同形可无缝环移 */
+.fph-planet .surf .veins {
+ position: absolute; top: 0; left: 0; height: 100%; width: 200%;
+ animation: fph-veins-flow 26s linear infinite;
+}
+@keyframes fph-veins-flow { from { transform: translateX(0); } to { transform: translateX(-50%); } }
+.fph-planet .veins path {
+ fill: none;
+ stroke: color-mix(in srgb, var(--primitive-cool-glow) 62%, transparent);
+ stroke-width: 0.7;
+ filter: drop-shadow(0 0 1.5px color-mix(in srgb, var(--primitive-cool-glow) 70%, transparent));
+ opacity: .75;
+}
+.fph-planet .veins path.warm {
+ stroke: color-mix(in srgb, var(--primitive-warm-glow) 66%, transparent);
+ filter: drop-shadow(0 0 1.8px color-mix(in srgb, var(--primitive-warm-glow) 75%, transparent));
+ opacity: .8;
+}
+.fph-planet .veins path.faint { stroke-width: 0.45; opacity: .4; }
/* 球面光点:文明/星群微光,只落在受光面 */
.fph-planet .speck {