Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
ab98f63692 | ||
|
|
475ed4a872 |
+528
-398
File diff suppressed because it is too large
Load Diff
@@ -1,4 +1,5 @@
|
||||
/* xiaobai-datahub 数据中枢后台 —— 第七版「轨道机芯」
|
||||
/* xiaobai-datahub 数据中枢后台 —— 第八版「星港中枢」
|
||||
整页星空舞台 + 中央自转星体 + 4 颗来源卫星,六幕连续滚动换场(详见 app.js Stage 引擎)。
|
||||
统一动效 Token:进入/退出用强 ease-out,屏内移动用强 ease-in-out,持续流动用 linear。
|
||||
禁止 ease-in、禁止 transition:all —— 全文件遵守。 */
|
||||
:root {
|
||||
@@ -137,14 +138,15 @@ h3 { font-size: 13px; margin: 14px 0 6px; color: var(--muted); }
|
||||
#topbar .spacer { flex: 1; }
|
||||
#topbar .who { font-size: 12px; }
|
||||
|
||||
/* ---------- 固定空间舞台(76vh,六幕连续场景) ----------
|
||||
/* ---------- 全幅星空舞台(第八版「星港中枢」,calc(100vh - 52px) 高,六幕连续场景) ----------
|
||||
#track 的六段高幕(每段 130vh)在它身后正常参与文档流把页面撑高,
|
||||
#stageWrap 用 sticky 钉在视口里,滚动时只有 #track 的高度被“划过”,
|
||||
舞台本体在这段距离内始终可见、位置不变,直到 #track 撑出的空间耗尽才随之离场。 */
|
||||
舞台本体在这段距离内始终可见、位置不变,直到 #track 撑出的空间耗尽才随之离场。
|
||||
整个舞台是同构的日/夜全幅星空:无卡片边框、无圆角大框、无 overflow 裁切——
|
||||
星系(轨道/卫星/线路/去向端)改由 app.js 的响应式安全盒公式钳制,构造性不出屏。 */
|
||||
#stageWrap {
|
||||
flex: none; height: 76vh; min-height: 480px; margin: 0 18px; border-radius: 18px;
|
||||
overflow: hidden; border: 1px solid var(--stage-edge);
|
||||
box-shadow: 0 30px 80px -30px rgba(0, 0, 0, .45), inset 0 0 120px rgba(0, 0, 0, .08);
|
||||
flex: none; height: calc(100vh - var(--bar-h)); min-height: 480px; margin: 0; border-radius: 0;
|
||||
border: 0; box-shadow: none;
|
||||
position: sticky; top: var(--bar-h); z-index: 2;
|
||||
}
|
||||
#scene { position: absolute; inset: 0; width: 100%; height: 100%; display: block; cursor: crosshair; }
|
||||
@@ -192,7 +194,7 @@ h3 { font-size: 13px; margin: 14px 0 6px; color: var(--muted); }
|
||||
background: var(--glass); border: 1px solid var(--line); border-radius: 12px; padding: 10px 13px;
|
||||
backdrop-filter: blur(14px); line-height: 1.9;
|
||||
}
|
||||
#legend .lampico { display: inline-block; width: 14px; height: 5px; border-radius: 99px; vertical-align: middle; margin-right: 6px; }
|
||||
#legend .lampico { display: inline-block; width: 16px; height: 6px; border-radius: 99px; vertical-align: middle; margin-right: 6px; }
|
||||
#legend .li-link { background: rgba(47, 216, 206, .5); box-shadow: 0 0 6px rgba(47, 216, 206, .6); }
|
||||
#legend .li-act { background: var(--amber); box-shadow: 0 0 8px var(--amber); }
|
||||
|
||||
@@ -273,7 +275,6 @@ main#page { padding: var(--pad); min-height: calc(100vh - 96px); background: var
|
||||
#detail { width: 320px; }
|
||||
}
|
||||
@media (max-width: 1100px) {
|
||||
#stageWrap { margin: 0 10px; }
|
||||
#cabin { width: 230px; padding: 13px 14px; }
|
||||
#legend { display: none; }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user