kate522
9375b1c30c
- 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 对照确认为存量问题)
171 lines
4.5 KiB
CSS
171 lines
4.5 KiB
CSS
/**
|
||
* AKSRT Card Primitives — 1:1 legacy Alignment
|
||
*
|
||
* 对齐 legacy 的 .theme-box / .box-bg / .box-body / .box-header：
|
||
* 阴影优先，无边框，8px 圆角，15px 内边距。
|
||
*
|
||
* @package AKSRT
|
||
*/
|
||
|
||
/* ============================================================
|
||
* .aksrt-theme-box — 完整卡片原语（阴影 + 圆角 + 表面）
|
||
* 对齐 legacy .theme-box + .box-bg
|
||
* ============================================================ */
|
||
.aksrt-theme-box {
|
||
border: none;
|
||
border-radius: var(--radius, 8px);
|
||
background: var(--surface-1);
|
||
box-shadow: var(--shadow-sm);
|
||
transition: box-shadow 0.2s ease;
|
||
}
|
||
|
||
.aksrt-theme-box:hover {
|
||
box-shadow: var(--shadow);
|
||
}
|
||
|
||
/* ============================================================
|
||
* .aksrt-box-bg — 表面原语（仅背景 + 阴影）
|
||
* ============================================================ */
|
||
.aksrt-box-bg {
|
||
background-color: var(--surface-1);
|
||
box-shadow: var(--shadow-sm);
|
||
}
|
||
|
||
/* ============================================================
|
||
* .aksrt-box-body / .aksrt-box-header — 内边距区段
|
||
* 对齐 legacy .box-body / .box-header { padding: 15px }
|
||
* ============================================================ */
|
||
.aksrt-box-body,
|
||
.aksrt-box-header {
|
||
padding: var(--card-padding);
|
||
}
|
||
|
||
.aksrt-box-header {
|
||
border-bottom: 1px solid var(--color-line-soft);
|
||
}
|
||
|
||
.aksrt-box-header + .aksrt-box-body {
|
||
padding-top: 0;
|
||
}
|
||
|
||
.aksrt-box-body.notop,
|
||
.aksrt-box-header.notop { padding-top: 0; }
|
||
.aksrt-box-body.nobottom,
|
||
.aksrt-box-header.nobottom { padding-bottom: 0; }
|
||
|
||
/* ============================================================
|
||
* .aksrt-muted-box — 柔和背景嵌套
|
||
* 对齐 legacy .muted-box
|
||
* ============================================================ */
|
||
.aksrt-muted-box {
|
||
background-color: var(--surface-2);
|
||
border-radius: var(--radius);
|
||
padding: var(--card-padding);
|
||
}
|
||
|
||
/* ============================================================
|
||
* .aksrt-noshadow — 去除阴影
|
||
* ============================================================ */
|
||
.aksrt-noshadow {
|
||
box-shadow: none !important;
|
||
}
|
||
|
||
/* ============================================================
|
||
* legacy 兼容别名
|
||
* ============================================================ */
|
||
/* legacy .theme-box is ONLY a spacing utility (margin-bottom: 20px).
|
||
* Background/shadow live on .main-bg / .main-shadow / .box-bg / .aksrt-panel.
|
||
* Do NOT turn every theme-box into a card — article-header also uses it. */
|
||
.theme-box,
|
||
.mb20 {
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.box-bg {
|
||
background-color: var(--main-bg-color, var(--surface-1));
|
||
box-shadow: 0 0 10px var(--main-shadow, rgba(116, 116, 116, 0.08));
|
||
}
|
||
|
||
.box-body {
|
||
padding: var(--card-padding);
|
||
}
|
||
|
||
.box-header {
|
||
padding: var(--card-padding);
|
||
border-bottom: 1px solid var(--color-line-soft);
|
||
}
|
||
|
||
.box-header + .box-body {
|
||
padding-top: 0;
|
||
}
|
||
|
||
.radius8 {
|
||
border-radius: var(--radius);
|
||
}
|
||
|
||
.main-shadow {
|
||
box-shadow: 0 0 10px var(--main-shadow, rgba(116, 116, 116, 0.08));
|
||
}
|
||
|
||
.main-bg {
|
||
background: var(--main-bg-color, var(--surface-1));
|
||
}
|
||
|
||
.muted-box {
|
||
background-color: var(--surface-2);
|
||
border-radius: var(--radius);
|
||
padding: var(--card-padding);
|
||
}
|
||
|
||
/* ============================================================
|
||
* 暗色模式
|
||
* ============================================================ */
|
||
html.dark .aksrt-theme-box,
|
||
body.dark-theme .aksrt-theme-box,
|
||
html.dark .box-bg,
|
||
body.dark-theme .box-bg {
|
||
border-color: transparent;
|
||
box-shadow: 0 0 10px var(--main-shadow, rgba(0, 0, 0, 0.2));
|
||
}
|
||
|
||
html.dark .aksrt-theme-box:hover,
|
||
body.dark-theme .aksrt-theme-box:hover {
|
||
box-shadow: 0 0 10px var(--main-shadow, rgba(0, 0, 0, 0.28));
|
||
}
|
||
|
||
/* ============================================================
|
||
* 卡片 hover 动效
|
||
* ============================================================ */
|
||
.aksrt-theme-box {
|
||
transition: box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);
|
||
}
|
||
|
||
.aksrt-card-hover:hover,
|
||
.aksrt-card-hover:focus-within {
|
||
box-shadow: none;
|
||
transform: none;
|
||
}
|
||
|
||
.aksrt-card-hover-lg:hover,
|
||
.aksrt-card-hover-lg:focus-within {
|
||
box-shadow: var(--shadow-lg);
|
||
transform: none;
|
||
}
|
||
|
||
.aksrt-noshadow:hover {
|
||
box-shadow: none !important;
|
||
transform: none !important;
|
||
}
|
||
|
||
/* ============================================================
|
||
* .aksrt-panel — legacy sidebar/widget surface
|
||
* ============================================================ */
|
||
.aksrt-panel {
|
||
clear: both;
|
||
background-color: var(--surface-1);
|
||
padding: var(--card-padding);
|
||
box-shadow: var(--shadow-sm);
|
||
border-radius: var(--radius, 8px);
|
||
margin-bottom: 20px;
|
||
}
|