refactor(assets): vendor 资产迁入标准目录并全仓去除 zibll 标识
- assets/vendor 全量迁移: fontawesome5→assets/fontawesome5, css→assets/css, js→assets/js/runtime(避开 14 个同名自有文件), img 合并去重→assets/img, fonts→assets/fonts; 删除 assets/vendor - libs 五个与 widgets/third-party 字节相同的库不重复入库, loader paths 改指向 - 运行时切换: _win.uri=assets 根, loader baseUrl=/js/runtime, enlighter 注入 路径同步; PHP 7 个引用文件切换并改名 $zibll_*→$runtime_* - 去品牌: Qinver 头注释/品牌 console.log/演示链接清除, 默认文案中性化 - 功能标识符改名: zib__→aksrt__, zib_ajax→aksrt_ajax, window.zib→ window.aksrtLegacy, zibllblock/*→aksrtblock/*, .zib-widget→.aksrt-panel, .zib-slider→.aksrt-slider, zib_menu_options meta 键等 - 自有 CSS 改名: legacy-utilities/compat-vars/footer shell - admin SPA 重建; 契约测试同步(路径/断言/文件更名) - 例外保留: tests/visual 对照环境与 fixtures 前缀(外部 Zibll 产品引用) 验证: php -l 133 个改动文件通过; runtime 86 个 JS node --check 通过; 契约测试 68/70(2 个失败经 stash 对照确认为存量问题)
This commit is contained in:
kate522 committed
1 parent
4f2391fb64
commit
9375b1c30c
591 files changed
+1690
-11041
No files matched your search
@@ -1,13 +1,13 @@
|
||||
/**
|
||||
* AKSRT Design Tokens v7 — 1:1 Zibll Alignment
|
||||
* AKSRT Design Tokens v7 — 1:1 legacy Alignment
|
||||
* ------------------------------------------------------------
|
||||
* 单一真理源（Single Source of Truth）
|
||||
* 所有颜色、字体、间距、动效都从此处读取，禁止在组件内硬编码。
|
||||
* 严格对齐 zibll main.css 的视觉值。
|
||||
* 严格对齐 legacy main.css 的视觉值。
|
||||
*/
|
||||
|
||||
:root {
|
||||
/* ===== Primary — Zibll theme-color (#f04494 pink) ===== */
|
||||
/* ===== Primary — legacy theme-color (#f04494 pink) ===== */
|
||||
--color-primary: #f04494;
|
||||
--color-primary-hover: #e0307e;
|
||||
--color-primary-active: #c9206d;
|
||||
@@ -15,19 +15,19 @@
|
||||
--color-primary-softer: rgba(240, 68, 148, 0.05);
|
||||
--color-on-primary: #FFFFFF;
|
||||
|
||||
/* ===== Ink (text) — 对齐 zibll --key-color / --main-color / --muted-color ===== */
|
||||
--color-ink: #333333; /* zibll --key-color */
|
||||
--color-ink-2: #4e5358; /* zibll --main-color */
|
||||
--color-ink-3: #777777; /* zibll --muted-color */
|
||||
--color-ink-4: #999999; /* zibll --muted-2-color */
|
||||
/* ===== Ink (text) — 对齐 legacy --key-color / --main-color / --muted-color ===== */
|
||||
--color-ink: #333333; /* legacy --key-color */
|
||||
--color-ink-2: #4e5358; /* legacy --main-color */
|
||||
--color-ink-3: #777777; /* legacy --muted-color */
|
||||
--color-ink-4: #999999; /* legacy --muted-2-color */
|
||||
|
||||
/* ===== Surface — 对齐 zibll --body-bg-color / --main-bg-color / --muted-bg-color ===== */
|
||||
--surface-page: #f5f6f7; /* zibll --body-bg-color */
|
||||
--surface-1: #FFFFFF; /* zibll --main-bg-color */
|
||||
--surface-2: #eeeeee; /* zibll --muted-bg-color */
|
||||
/* ===== Surface — 对齐 legacy --body-bg-color / --main-bg-color / --muted-bg-color ===== */
|
||||
--surface-page: #f5f6f7; /* legacy --body-bg-color */
|
||||
--surface-1: #FFFFFF; /* legacy --main-bg-color */
|
||||
--surface-2: #eeeeee; /* legacy --muted-bg-color */
|
||||
--surface-3: #e8e8e8; /* 输入框 / code */
|
||||
|
||||
/* ===== Borders — 对齐 zibll --main-border-color ===== */
|
||||
/* ===== Borders — 对齐 legacy --main-border-color ===== */
|
||||
--color-line: rgba(50, 50, 50, 0.06);
|
||||
--color-line-soft: rgba(0, 0, 0, 0.03);
|
||||
|
||||
@@ -37,12 +37,12 @@
|
||||
--color-error: #EF4444;
|
||||
--color-info: #3B82F6;
|
||||
|
||||
/* ===== Accent (action green — zibll tabbar/CTA) ===== */
|
||||
/* ===== Accent (action green — legacy tabbar/CTA) ===== */
|
||||
--color-accent: #18a058;
|
||||
--color-accent-soft: rgba(24, 160, 88, 0.12);
|
||||
--color-accent-shadow: rgba(24, 160, 88, 0.28);
|
||||
|
||||
/* ===== Fonts — 对齐 zibll（系统默认字体栈）===== */
|
||||
/* ===== Fonts — 对齐 legacy（系统默认字体栈）===== */
|
||||
--font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
|
||||
--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
|
||||
--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
|
||||
@@ -61,7 +61,7 @@
|
||||
--text-5xl: 3.75rem; /* 60 */
|
||||
--leading-tight: 1.2;
|
||||
--leading-snug: 1.4;
|
||||
--leading-normal: 1.6; /* zibll body line-height */
|
||||
--leading-normal: 1.6; /* legacy body line-height */
|
||||
--leading-relaxed: 1.6;
|
||||
|
||||
/* ===== Spacing (4px base) ===== */
|
||||
@@ -78,7 +78,7 @@
|
||||
--space-11: 80px;
|
||||
--space-12: 96px;
|
||||
|
||||
/* ===== Radius — 对齐 zibll --main-radius: 8px ===== */
|
||||
/* ===== Radius — 对齐 legacy --main-radius: 8px ===== */
|
||||
--radius-sm: 4px;
|
||||
--radius: 8px;
|
||||
--radius-lg: 8px;
|
||||
@@ -86,13 +86,13 @@
|
||||
--radius-pill: 100px;
|
||||
--radius-avatar: 50%;
|
||||
|
||||
/* ===== Shadows — 对齐 zibll --main-shadow: rgba(116,116,116,0.08) ===== */
|
||||
/* ===== Shadows — 对齐 legacy --main-shadow: rgba(116,116,116,0.08) ===== */
|
||||
--shadow-sm: 0 0 10px rgba(116, 116, 116, 0.08);
|
||||
--shadow: 0 0 10px rgba(116, 116, 116, 0.08);
|
||||
--shadow-lg: 0 0 10px rgba(116, 116, 116, 0.12);
|
||||
--shadow-drawer: 0 8px 40px rgba(0, 0, 0, 0.20);
|
||||
|
||||
/* ===== Layout — 对齐 zibll --mian-max-width: 1200px ===== */
|
||||
/* ===== Layout — 对齐 legacy --mian-max-width: 1200px ===== */
|
||||
--nav-height: 60px;
|
||||
--container: 1200px;
|
||||
--container-wide: 1440px;
|
||||
@@ -110,7 +110,7 @@
|
||||
--dur: 0.25s;
|
||||
--dur-slow: 0.4s;
|
||||
|
||||
/* ===== Focus Ring — 对齐 zibll focus-shadow-color ===== */
|
||||
/* ===== Focus Ring — 对齐 legacy focus-shadow-color ===== */
|
||||
--focus-ring: 0 0 2px 3px rgba(253, 83, 161, 0.4);
|
||||
|
||||
/* ===== Z-index layers ===== */
|
||||
@@ -123,13 +123,13 @@
|
||||
--z-toast: 700;
|
||||
--z-tooltip: 800;
|
||||
|
||||
/* ===== Button sizes — 对齐 zibll ===== */
|
||||
/* ===== Button sizes — 对齐 legacy ===== */
|
||||
--radius-btn: 4px;
|
||||
--btn-sm-h: 28px;
|
||||
--btn-md-h: 34px;
|
||||
--btn-lg-h: 44px;
|
||||
|
||||
/* ===== Card density — 对齐 zibll .box-body { padding: 15px } ===== */
|
||||
/* ===== Card density — 对齐 legacy .box-body { padding: 15px } ===== */
|
||||
--card-padding: 15px;
|
||||
--card-padding-sm: 10px;
|
||||
--card-gap: 16px;
|
||||
@@ -165,7 +165,7 @@
|
||||
--transition-fast: 0.15s ease;
|
||||
--transition-base: 0.25s ease;
|
||||
|
||||
/* ===== Composite / Context tokens — 对齐 zibll ===== */
|
||||
/* ===== Composite / Context tokens — 对齐 legacy ===== */
|
||||
--header-bg: var(--blur-bg);
|
||||
--header-color: var(--color-ink-2);
|
||||
--footer-bg: var(--surface-1);
|
||||
@@ -184,7 +184,7 @@
|
||||
--mini-radius: calc(var(--radius) / 1.4);
|
||||
--single-cover-scale: 35%;
|
||||
|
||||
/* ===== Avatar size system — Zibll --this-size 等价 ===== */
|
||||
/* ===== Avatar size system — legacy --this-size 等价 ===== */
|
||||
--aksrt-avatar-size-xs: 24px;
|
||||
--aksrt-avatar-size-sm: 32px;
|
||||
--aksrt-avatar-size: 40px;
|
||||
@@ -251,7 +251,7 @@
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
* Blur-bg fallback cascade (mirrors zibll behaviour)
|
||||
* Blur-bg fallback cascade (mirrors legacy behaviour)
|
||||
* ============================================================ */
|
||||
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
|
||||
:root {
|
||||
@@ -277,7 +277,7 @@ body.dialog-open .float-right .float-btn {
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
* Dark Theme — 对齐 zibll .dark-theme (#292a2d 范围)
|
||||
* Dark Theme — 对齐 legacy .dark-theme (#292a2d 范围)
|
||||
* ============================================================ */
|
||||
html.dark {
|
||||
--color-ink: #f8fafc;
|
||||
@@ -494,12 +494,12 @@ a:hover {
|
||||
}
|
||||
}
|
||||
/**
|
||||
* AKSRT Typography — 1:1 Zibll Alignment
|
||||
* AKSRT Typography — 1:1 legacy Alignment
|
||||
*
|
||||
* 对齐 zibll main.css 的排版系统
|
||||
* 对齐 legacy main.css 的排版系统
|
||||
*/
|
||||
|
||||
/* ===== 全局标题 — 对齐 zibll line 8947 ===== */
|
||||
/* ===== 全局标题 — 对齐 legacy line 8947 ===== */
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: 700;
|
||||
margin: 20px 0 10px;
|
||||
@@ -513,7 +513,7 @@ h4 { font-size: 16px; }
|
||||
h5 { font-size: 15px; }
|
||||
h6 { font-size: 14px; }
|
||||
|
||||
/* ===== 文章正文 — 对齐 zibll line 8740 ===== */
|
||||
/* ===== 文章正文 — 对齐 legacy line 8740 ===== */
|
||||
.wp-posts-content,
|
||||
.entry-content,
|
||||
.prose {
|
||||
@@ -523,7 +523,7 @@ h6 { font-size: 14px; }
|
||||
min-height: 90px;
|
||||
}
|
||||
|
||||
/* ===== 文章内标题 — 对齐 zibll line 8947 ===== */
|
||||
/* ===== 文章内标题 — 对齐 legacy line 8947 ===== */
|
||||
.wp-posts-content h1,
|
||||
.wp-posts-content h2,
|
||||
.wp-posts-content h3,
|
||||
@@ -560,7 +560,7 @@ h6 { font-size: 14px; }
|
||||
.entry-content h4,
|
||||
.prose h4 { font-size: 16px; }
|
||||
|
||||
/* ===== 段落 — 对齐 zibll line 8999 ===== */
|
||||
/* ===== 段落 — 对齐 legacy line 8999 ===== */
|
||||
.wp-posts-content p,
|
||||
.entry-content p,
|
||||
.prose p {
|
||||
@@ -568,7 +568,7 @@ h6 { font-size: 14px; }
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
/* ===== 链接 — 对齐 zibll line 8836 ===== */
|
||||
/* ===== 链接 — 对齐 legacy line 8836 ===== */
|
||||
.wp-posts-content a,
|
||||
.entry-content a,
|
||||
.prose a {
|
||||
@@ -582,7 +582,7 @@ h6 { font-size: 14px; }
|
||||
color: var(--focus-color, #f04494);
|
||||
}
|
||||
|
||||
/* ===== 图片 — 对齐 zibll line 8850 ===== */
|
||||
/* ===== 图片 — 对齐 legacy line 8850 ===== */
|
||||
.wp-posts-content img,
|
||||
.entry-content img,
|
||||
.prose img {
|
||||
@@ -592,7 +592,7 @@ h6 { font-size: 14px; }
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
/* ===== 内联代码 — 对齐 zibll line 8844 ===== */
|
||||
/* ===== 内联代码 — 对齐 legacy line 8844 ===== */
|
||||
.wp-posts-content code:not(pre code),
|
||||
.entry-content code:not(pre code),
|
||||
.prose code:not(pre code) {
|
||||
@@ -602,7 +602,7 @@ h6 { font-size: 14px; }
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
/* ===== 代码块 — 对齐 zibll ===== */
|
||||
/* ===== 代码块 — 对齐 legacy ===== */
|
||||
.wp-posts-content pre,
|
||||
.entry-content pre,
|
||||
.prose pre {
|
||||
@@ -626,7 +626,7 @@ h6 { font-size: 14px; }
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
/* ===== 表格 — 对齐 zibll line 8897 ===== */
|
||||
/* ===== 表格 — 对齐 legacy line 8897 ===== */
|
||||
.wp-posts-content table,
|
||||
.entry-content table,
|
||||
.prose table {
|
||||
@@ -659,7 +659,7 @@ h6 { font-size: 14px; }
|
||||
background-color: rgba(240, 68, 148, 0.05);
|
||||
}
|
||||
|
||||
/* ===== 列表 — 对齐 zibll line 8977 ===== */
|
||||
/* ===== 列表 — 对齐 legacy line 8977 ===== */
|
||||
.wp-posts-content ul,
|
||||
.wp-posts-content ol,
|
||||
.entry-content ul,
|
||||
@@ -676,7 +676,7 @@ h6 { font-size: 14px; }
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* ===== 引用 — 对齐 zibll line 680 ===== */
|
||||
/* ===== 引用 — 对齐 legacy line 680 ===== */
|
||||
.wp-posts-content blockquote,
|
||||
.entry-content blockquote,
|
||||
.prose blockquote {
|
||||
@@ -695,7 +695,7 @@ h6 { font-size: 14px; }
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* ===== 水平分割线 — 对齐 zibll line 676 ===== */
|
||||
/* ===== 水平分割线 — 对齐 legacy line 676 ===== */
|
||||
hr {
|
||||
border-color: var(--main-border-color, rgba(50, 50, 50, 0.06));
|
||||
}
|
||||
@@ -705,9 +705,9 @@ strong, b {
|
||||
font-weight: 700;
|
||||
}
|
||||
/**
|
||||
* AKSRT Buttons — 1:1 Zibll Alignment
|
||||
* AKSRT Buttons — 1:1 legacy Alignment
|
||||
*
|
||||
* 对齐 zibll .but 系统：
|
||||
* 对齐 legacy .but 系统：
|
||||
* - 正常字重 (normal)
|
||||
* - 4px 圆角
|
||||
* - 灰色默认背景
|
||||
@@ -746,7 +746,7 @@ strong, b {
|
||||
.btn-sm { --btn-h: 28px; --btn-px: 8px; font-size: var(--text-xs); }
|
||||
.btn-lg { --btn-h: 44px; --btn-px: 18px; font-size: var(--text-base); }
|
||||
|
||||
/* === Default (gray background, like zibll .but default) === */
|
||||
/* === Default (gray background, like legacy .but default) === */
|
||||
.btn {
|
||||
background: rgba(136, 136, 136, 0.1);
|
||||
color: #888;
|
||||
@@ -836,9 +836,9 @@ strong, b {
|
||||
width: 100%;
|
||||
}
|
||||
/**
|
||||
* AKSRT Forms — 1:1 Zibll Alignment
|
||||
* AKSRT Forms — 1:1 legacy Alignment
|
||||
*
|
||||
* 对齐 zibll .form-control：
|
||||
* 对齐 legacy .form-control：
|
||||
* - 灰色背景 (#f5f6f7)
|
||||
* - 透明边框
|
||||
* - 34px 高度
|
||||
@@ -870,7 +870,7 @@ strong, b {
|
||||
color: var(--color-error);
|
||||
}
|
||||
|
||||
/* ===== Input / Textarea / Select — 对齐 zibll .form-control ===== */
|
||||
/* ===== Input / Textarea / Select — 对齐 legacy .form-control ===== */
|
||||
.input,
|
||||
.textarea,
|
||||
.select,
|
||||
|
||||
@@ -72,24 +72,24 @@ body {
|
||||
text-align: center;
|
||||
color: var(--color-ink-3);
|
||||
}/**
|
||||
* Zibll Variable Compatibility Layer — Global Bridge
|
||||
* legacy Variable Compatibility Layer — Global Bridge
|
||||
*
|
||||
* Maps Zibll CSS variable names to AKSRT design tokens.
|
||||
* This file allows existing Zibll-style markup and third-party components
|
||||
* that reference Zibll variables to work correctly in AKSRT.
|
||||
* Maps legacy CSS variable names to AKSRT design tokens.
|
||||
* This file allows existing legacy-style markup and third-party components
|
||||
* that reference legacy variables to work correctly in AKSRT.
|
||||
*
|
||||
* @package AKSRT
|
||||
*/
|
||||
|
||||
/* ============================================================
|
||||
* Global bridge (all pages)
|
||||
* Maps Zibll variables → AKSRT tokens so any Zibll-style markup works.
|
||||
* Maps legacy variables → AKSRT tokens so any legacy-style markup works.
|
||||
* ============================================================ */
|
||||
:root {
|
||||
/* Layout (zibll typo preserved for compat) */
|
||||
/* Layout (legacy typo preserved for compat) */
|
||||
--mian-max-width: var(--container, 1200px);
|
||||
|
||||
/* Theme color — now matches zibll #f04494 */
|
||||
/* Theme color — now matches legacy #f04494 */
|
||||
--theme-color: var(--color-primary, #f04494);
|
||||
--focus-color: var(--color-primary, #f04494);
|
||||
--focus-shadow-color: var(--color-primary-soft, rgba(253, 83, 161, 0.4));
|
||||
@@ -124,14 +124,14 @@ body {
|
||||
--footer-bg: var(--surface-1);
|
||||
--footer-color: var(--color-ink-4);
|
||||
|
||||
/* Cards — 对齐 zibll 70% */
|
||||
/* Cards — 对齐 legacy 70% */
|
||||
--posts-card-scale: 70%;
|
||||
--posts-list-scale: 70%;
|
||||
--single-cover-scale: 35%;
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
* Dark mode bridge — 对齐 zibll dark theme
|
||||
* Dark mode bridge — 对齐 legacy dark theme
|
||||
* ============================================================ */
|
||||
html.dark {
|
||||
--theme-color: var(--color-primary);
|
||||
@@ -155,9 +155,9 @@ html.dark {
|
||||
--footer-color: var(--color-ink-4);
|
||||
}
|
||||
/**
|
||||
* AKSRT Card Primitives — 1:1 Zibll Alignment
|
||||
* AKSRT Card Primitives — 1:1 legacy Alignment
|
||||
*
|
||||
* 对齐 zibll 的 .theme-box / .box-bg / .box-body / .box-header：
|
||||
* 对齐 legacy 的 .theme-box / .box-bg / .box-body / .box-header：
|
||||
* 阴影优先，无边框，8px 圆角，15px 内边距。
|
||||
*
|
||||
* @package AKSRT
|
||||
@@ -165,7 +165,7 @@ html.dark {
|
||||
|
||||
/* ============================================================
|
||||
* .aksrt-theme-box — 完整卡片原语（阴影 + 圆角 + 表面）
|
||||
* 对齐 zibll .theme-box + .box-bg
|
||||
* 对齐 legacy .theme-box + .box-bg
|
||||
* ============================================================ */
|
||||
.aksrt-theme-box {
|
||||
border: none;
|
||||
@@ -189,7 +189,7 @@ html.dark {
|
||||
|
||||
/* ============================================================
|
||||
* .aksrt-box-body / .aksrt-box-header — 内边距区段
|
||||
* 对齐 zibll .box-body / .box-header { padding: 15px }
|
||||
* 对齐 legacy .box-body / .box-header { padding: 15px }
|
||||
* ============================================================ */
|
||||
.aksrt-box-body,
|
||||
.aksrt-box-header {
|
||||
@@ -211,7 +211,7 @@ html.dark {
|
||||
|
||||
/* ============================================================
|
||||
* .aksrt-muted-box — 柔和背景嵌套
|
||||
* 对齐 zibll .muted-box
|
||||
* 对齐 legacy .muted-box
|
||||
* ============================================================ */
|
||||
.aksrt-muted-box {
|
||||
background-color: var(--surface-2);
|
||||
@@ -227,7 +227,7 @@ html.dark {
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
* Zibll 兼容别名
|
||||
* legacy 兼容别名
|
||||
* ============================================================ */
|
||||
.theme-box {
|
||||
background: var(--surface-1);
|
||||
@@ -316,7 +316,7 @@ html.dark .theme-box:hover {
|
||||
* AKSRT Overlay / Glass Primitives
|
||||
*
|
||||
* Provides backdrop-filter glass surfaces used by header, footer-tabbar,
|
||||
* floating buttons and search overlays — matching zibll's blur system.
|
||||
* floating buttons and search overlays — matching legacy's blur system.
|
||||
*
|
||||
* @package AKSRT
|
||||
*/
|
||||
@@ -333,7 +333,7 @@ html.dark .theme-box:hover {
|
||||
|
||||
/* ============================================================
|
||||
* Glass on site-nav (when using fixed/sticky mode)
|
||||
* Applied via .site-nav--blur already; this adds the zibll-grade
|
||||
* Applied via .site-nav--blur already; this adds the legacy-grade
|
||||
* saturate(5) blur(20px) instead of the lighter saturate(1.5) blur(18px).
|
||||
* ============================================================ */
|
||||
.site-nav--glass {
|
||||
@@ -355,7 +355,7 @@ html.dark .site-nav--glass.is-scrolled {
|
||||
|
||||
/* ============================================================
|
||||
* Glass on footer-tabbar (already uses backdrop-filter in footer.css;
|
||||
* this class can be toggled to match zibll's exact blur spec)
|
||||
* this class can be toggled to match legacy's exact blur spec)
|
||||
* ============================================================ */
|
||||
.footer-tabbar--glass {
|
||||
-webkit-backdrop-filter: saturate(5) blur(20px);
|
||||
@@ -380,7 +380,7 @@ html.dark .footer-tabbar--glass {
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
* Scroll shadow on glass header (zibll: .body-scroll .header)
|
||||
* Scroll shadow on glass header (legacy: .body-scroll .header)
|
||||
* ============================================================ */
|
||||
body.has-scrolled .site-nav--glass {
|
||||
box-shadow: 0 4px 10px rgba(20, 28, 48, 0.06);
|
||||
@@ -581,14 +581,14 @@ ul.nav-desktop a,
|
||||
background var(--dur-fast, 0.15s) var(--ease);
|
||||
}
|
||||
|
||||
/* Hover — 对齐 zibll: 仅变色，无背景 */
|
||||
/* Hover — 对齐 legacy: 仅变色，无背景 */
|
||||
ul.nav-desktop a:hover,
|
||||
.nav-desktop--fallback a:hover {
|
||||
color: var(--color-primary);
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
/* Active page — 对齐 zibll: 顶部彩色条指示器 */
|
||||
/* Active page — 对齐 legacy: 顶部彩色条指示器 */
|
||||
ul.nav-desktop .current-menu-item > a,
|
||||
ul.nav-desktop .current_page_item > a {
|
||||
color: var(--color-primary);
|
||||
@@ -1624,7 +1624,7 @@ html.dark .mega-menu__panel > .menu-item:hover {
|
||||
background: var(--color-primary-soft, rgba(240, 68, 148, 0.08));
|
||||
color: var(--color-primary);
|
||||
}
|
||||
/* ========== 面包屑 — 对齐 zibll .breadcrumb ========== */
|
||||
/* ========== 面包屑 — 对齐 legacy .breadcrumb ========== */
|
||||
.breadcrumbs {
|
||||
font-size: 13px;
|
||||
color: var(--muted-2-color, #999);
|
||||
@@ -2025,7 +2025,7 @@ html.dark .mega-menu__panel > .menu-item:hover {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* ========== 移动端/平板隐藏侧栏（与 zibll 一致：991px 以下隐藏） ========== */
|
||||
/* ========== 移动端/平板隐藏侧栏（与 legacy 一致：991px 以下隐藏） ========== */
|
||||
@media (max-width: 991px) {
|
||||
.content-layout__aside {
|
||||
display: none;
|
||||
@@ -2086,7 +2086,7 @@ body.aksrt-bg-overlay .site-wrapper {
|
||||
overflow: hidden;
|
||||
}
|
||||
/* ============================================================
|
||||
* AKSRT Footer — v4.0 Zibll-Inspired
|
||||
* AKSRT Footer — v4.0 legacy-Inspired
|
||||
*
|
||||
* 包含：
|
||||
* - 页脚主体（Bootstrap Grid）
|
||||
@@ -2257,9 +2257,9 @@ body.aksrt-bg-overlay .site-wrapper {
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
* 浮动右侧按钮组（模仿 zibll float-right）
|
||||
* 浮动右侧按钮组（模仿 legacy float-right）
|
||||
* ============================================================ */
|
||||
/* 对齐 zibll: bottom 60px, z-index 1030 */
|
||||
/* 对齐 legacy: bottom 60px, z-index 1030 */
|
||||
.float-right-btns {
|
||||
position: fixed;
|
||||
right: 20px;
|
||||
@@ -2271,7 +2271,7 @@ body.aksrt-bg-overlay .site-wrapper {
|
||||
transition: opacity 0.3s ease;
|
||||
}
|
||||
|
||||
/* 对齐 zibll: 40px, 1.4em icon */
|
||||
/* 对齐 legacy: 40px, 1.4em icon */
|
||||
.float-btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -2350,7 +2350,7 @@ html.dark #float-theme-toggle .float-btn__icon-sun {
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
* 移动端底部 Tab 栏（模仿 zibll footer-tabbar）
|
||||
* 移动端底部 Tab 栏（模仿 legacy footer-tabbar）
|
||||
* ============================================================ */
|
||||
.footer-tabbar {
|
||||
display: none;
|
||||
@@ -2411,7 +2411,7 @@ html.dark #float-theme-toggle .float-btn__icon-sun {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* 对齐 zibll: 24px 图标 */
|
||||
/* 对齐 legacy: 24px 图标 */
|
||||
.tabbar-item i {
|
||||
font-size: 24px;
|
||||
line-height: 1;
|
||||
@@ -5197,7 +5197,7 @@ html.dark .aksrt-lang-switch__dropdown {
|
||||
|
||||
/* ============================================================
|
||||
* 14. 图片懒加载 blur-to-sharp 过渡
|
||||
* 模仿 zibll 的 lazy_blur 效果
|
||||
* 模仿 legacy 的 lazy_blur 效果
|
||||
* ============================================================ */
|
||||
img.lazyload,
|
||||
img.lazyloaded,
|
||||
@@ -5239,7 +5239,7 @@ img.lazyloaded {
|
||||
|
||||
/* ============================================================
|
||||
* 16. FPS 加速模式：低端设备禁用 backdrop-filter
|
||||
* 模仿 zibll 的 body.fps-accelerat 模式
|
||||
* 模仿 legacy 的 body.fps-accelerat 模式
|
||||
* ============================================================ */
|
||||
body.fps-accelerat .site-nav,
|
||||
body.fps-accelerat .footer-tabbar,
|
||||
@@ -5258,7 +5258,7 @@ body.dialog-open .site-nav {
|
||||
|
||||
/* ============================================================
|
||||
* 17. .blur-bg 通用工具类
|
||||
* 模仿 zibll 的 .blur-bg，可在任意元素上应用毛玻璃效果
|
||||
* 模仿 legacy 的 .blur-bg，可在任意元素上应用毛玻璃效果
|
||||
* ============================================================ */
|
||||
.aksrt-blur-bg {
|
||||
background: var(--blur-bg);
|
||||
@@ -5278,7 +5278,7 @@ body.dialog-open .site-nav {
|
||||
|
||||
/* ============================================================
|
||||
* 19. 全站动效节奏统一
|
||||
* 模仿 zibll 的统一 hover / slide / blur / drawer 语言
|
||||
* 模仿 legacy 的统一 hover / slide / blur / drawer 语言
|
||||
* ============================================================ */
|
||||
|
||||
/* --- 全局过渡基线 --- */
|
||||
@@ -5562,7 +5562,7 @@ html.dark * {
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
* 底部弹出 Sheet — 对齐 zibll .modal.bottom
|
||||
* 底部弹出 Sheet — 对齐 legacy .modal.bottom
|
||||
* ============================================================ */
|
||||
.aksrt-modal--bottom .aksrt-modal-auth__card,
|
||||
.modal.bottom .modal-dialog {
|
||||
|
||||
Reference in new issue
Block a user