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
@@ -96,7 +96,7 @@ const dbSchemaVersion = ref('—')
|
|||||||
|
|
||||||
const docs = ref([
|
const docs = ref([
|
||||||
{ key: 'admin-ia-map', title: '后台 IA 蓝图', description: '完整的后台信息架构映射，12 个顶级分区及子页面清单。', icon: 'fa fas fa-sitemap', color: 'var(--aksrt-color-primary)', file: 'admin-ia-map.md' },
|
{ key: 'admin-ia-map', title: '后台 IA 蓝图', description: '完整的后台信息架构映射，12 个顶级分区及子页面清单。', icon: 'fa fas fa-sitemap', color: 'var(--aksrt-color-primary)', file: 'admin-ia-map.md' },
|
||||||
{ key: 'zibll-gap-matrix', title: '对标差异矩阵', description: 'AKSRT 当前 → Zibll 参考 → AKSRT 目标三层对照表。', icon: 'fa fas fa-columns', color: '#722ed1', file: 'zibll-gap-matrix.md' },
|
{ key: 'legacy-gap-matrix', title: '对标差异矩阵', description: 'AKSRT 当前 → 原主题参考 → AKSRT 目标三层对照表。', icon: 'fa fas fa-columns', color: '#722ed1', file: 'legacy-gap-matrix.md' },
|
||||||
{ key: 'frontend-page-matrix', title: '前端页面矩阵', description: '前端模板、CSS、JS 资产映射与覆盖范围。', icon: 'fa fas fa-desktop', color: '#13c2c2', file: 'frontend-page-matrix.md' },
|
{ key: 'frontend-page-matrix', title: '前端页面矩阵', description: '前端模板、CSS、JS 资产映射与覆盖范围。', icon: 'fa fas fa-desktop', color: '#13c2c2', file: 'frontend-page-matrix.md' },
|
||||||
{ key: 'manual-acceptance-baseline', title: '验收基线', description: '每个 Phase 的人工验收标准和检查清单。', icon: 'fa fas fa-clipboard', color: '#52c41a', file: 'manual-acceptance-baseline.md' },
|
{ key: 'manual-acceptance-baseline', title: '验收基线', description: '每个 Phase 的人工验收标准和检查清单。', icon: 'fa fas fa-clipboard', color: '#52c41a', file: 'manual-acceptance-baseline.md' },
|
||||||
{ key: 'feature-domain-map', title: '功能域地图', description: '业务域划分、依赖关系和模块边界说明。', icon: 'fa fas fa-map', color: '#fa8c16', file: 'feature-domain-map.md' },
|
{ key: 'feature-domain-map', title: '功能域地图', description: '业务域划分、依赖关系和模块边界说明。', icon: 'fa fas fa-map', color: '#fa8c16', file: 'feature-domain-map.md' },
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
<div class="aks-native-ops-redirect">
|
<div class="aks-native-ops-redirect">
|
||||||
<h2>{{ title }}</h2>
|
<h2>{{ title }}</h2>
|
||||||
<p class="desc">
|
<p class="desc">
|
||||||
此运营功能已迁移到 WordPress 原生后台侧栏（对齐 zibll）。正在跳转…
|
此运营功能已迁移到 WordPress 原生后台侧栏（对齐 legacy）。正在跳转…
|
||||||
</p>
|
</p>
|
||||||
<p v-if="nativeUrl">
|
<p v-if="nativeUrl">
|
||||||
<a class="button button-primary" :href="nativeUrl">立即打开原生页面</a>
|
<a class="button button-primary" :href="nativeUrl">立即打开原生页面</a>
|
||||||
|
|||||||
@@ -14,7 +14,7 @@
|
|||||||
|
|
||||||
<n-card class="aksrt-section-card">
|
<n-card class="aksrt-section-card">
|
||||||
<n-alert type="info" title="按设计省略" :show-icon="true">
|
<n-alert type="info" title="按设计省略" :show-icon="true">
|
||||||
本主题当前不实现 zibll 风格的授权码校验、域名绑定、撤销授权、本地免授权等机制。
|
本主题当前不实现 原主题风格的授权码校验、域名绑定、撤销授权、本地免授权等机制。
|
||||||
`AKSRT_Update_Checker` 仅负责匿名版本检测与更新提示，不与授权系统耦合。
|
`AKSRT_Update_Checker` 仅负责匿名版本检测与更新提示，不与授权系统耦合。
|
||||||
</n-alert>
|
</n-alert>
|
||||||
</n-card>
|
</n-card>
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
<div class="aksrt-page-container">
|
<div class="aksrt-page-container">
|
||||||
<PageHeader
|
<PageHeader
|
||||||
title="用户等级"
|
title="用户等级"
|
||||||
desc="配置等级开关、最高等级、升级经验阈值与经验获取矩阵（对齐 Zibll 用户等级 / 经验值）。"
|
desc="配置等级开关、最高等级、升级经验阈值与经验获取矩阵（对齐 legacy 用户等级 / 经验值）。"
|
||||||
>
|
>
|
||||||
<template #actions>
|
<template #actions>
|
||||||
<n-space>
|
<n-space>
|
||||||
|
|||||||
@@ -37,7 +37,7 @@ export const i18nSchema = {
|
|||||||
],
|
],
|
||||||
dependsOn: { key: 'i18n_enabled', value: true },
|
dependsOn: { key: 'i18n_enabled', value: true },
|
||||||
},
|
},
|
||||||
{ key: 'i18n_auto_detect', label: '自动检测浏览器语言', type: 'switch', default: true, dependsOn: { key: 'i18n_enabled', value: true }, help: '基于浏览器 Accept-Language 自动切换（AKSRT 方案，区别于 zibll IP 定位方案）' },
|
{ key: 'i18n_auto_detect', label: '自动检测浏览器语言', type: 'switch', default: true, dependsOn: { key: 'i18n_enabled', value: true }, help: '基于浏览器 Accept-Language 自动切换（AKSRT 方案，区别于 legacy IP 定位方案）' },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@@ -46,7 +46,7 @@ export const i18nSchema = {
|
|||||||
icon: 'fa fas fa-language',
|
icon: 'fa fas fa-language',
|
||||||
fields: [
|
fields: [
|
||||||
{ key: 'i18n_available_langs', label: '可用语言列表', type: 'textarea', default: 'zh-CN|简体中文\nen|English\nzh-TW|繁體中文\nja|日本語\nko|한국어\nfr|Français\nde|Deutsch\nes|Español\nru|Русский', dependsOn: { key: 'i18n_enabled', value: true }, help: '每行一个语言：语言代码|显示名称（9 种内置语言）' },
|
{ key: 'i18n_available_langs', label: '可用语言列表', type: 'textarea', default: 'zh-CN|简体中文\nen|English\nzh-TW|繁體中文\nja|日本語\nko|한국어\nfr|Français\nde|Deutsch\nes|Español\nru|Русский', dependsOn: { key: 'i18n_enabled', value: true }, help: '每行一个语言：语言代码|显示名称（9 种内置语言）' },
|
||||||
{ key: 'i18n_nomenclature', label: '自定义术语', type: 'code', default: '', dependsOn: { key: 'i18n_enabled', value: true }, help: 'JSON 格式自定义翻译术语（key => 翻译），对齐 zibll nomenclature' },
|
{ key: 'i18n_nomenclature', label: '自定义术语', type: 'code', default: '', dependsOn: { key: 'i18n_enabled', value: true }, help: 'JSON 格式自定义翻译术语（key => 翻译），对齐 legacy nomenclature' },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|||||||
@@ -2,7 +2,7 @@ export const searchSchema = {
|
|||||||
key: 'global.search',
|
key: 'global.search',
|
||||||
title: '搜索功能',
|
title: '搜索功能',
|
||||||
icon: 'fa fas fa-search',
|
icon: 'fa fas fa-search',
|
||||||
description: 'Zibll 原始搜索字段、内容类型、历史、热门词与分类配置。',
|
description: 'legacy 原始搜索字段、内容类型、历史、热门词与分类配置。',
|
||||||
defaults: {
|
defaults: {
|
||||||
search_type: true,
|
search_type: true,
|
||||||
search_type_in: 'post',
|
search_type_in: 'post',
|
||||||
|
|||||||
@@ -61,7 +61,7 @@ export const seoSchema = {
|
|||||||
key: 'ai-seo',
|
key: 'ai-seo',
|
||||||
title: 'AI SEO 提示词',
|
title: 'AI SEO 提示词',
|
||||||
icon: 'fa fab fa-android',
|
icon: 'fa fab fa-android',
|
||||||
description: '留空则使用内置 Zibll 风格默认提示词。填写后作为 system instruction 覆盖默认。',
|
description: '留空则使用内置 原主题风格默认提示词。填写后作为 system instruction 覆盖默认。',
|
||||||
fields: [
|
fields: [
|
||||||
{
|
{
|
||||||
key: 'ai_seo_title_prompt',
|
key: 'ai_seo_title_prompt',
|
||||||
|
|||||||
@@ -2,7 +2,7 @@ export const vipSchema = {
|
|||||||
key: 'payment.vip',
|
key: 'payment.vip',
|
||||||
title: 'VIP会员',
|
title: 'VIP会员',
|
||||||
icon: 'fa fas fa-gem',
|
icon: 'fa fas fa-gem',
|
||||||
description: '对齐 Zibll 双级会员：分档套餐、权益、续费/升级与积分兑换。',
|
description: '对齐 legacy 双级会员：分档套餐、权益、续费/升级与积分兑换。',
|
||||||
defaults: {
|
defaults: {
|
||||||
nav_pay_vip: true,
|
nav_pay_vip: true,
|
||||||
nav_user_pay_vip: true,
|
nav_user_pay_vip: true,
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
/** Zibll 9.0 article-list settings. */
|
/** legacy 9.0 article-list settings. */
|
||||||
export const listSchema = {
|
export const listSchema = {
|
||||||
key: 'post_list.list',
|
key: 'post_list.list',
|
||||||
title: '文章列表',
|
title: '文章列表',
|
||||||
|
|||||||
@@ -118,7 +118,7 @@ export const pageSchema = {
|
|||||||
{ label: '图文卡片', value: 'img' },
|
{ label: '图文卡片', value: 'img' },
|
||||||
{ label: '列表', value: 'list' },
|
{ label: '列表', value: 'list' },
|
||||||
{ label: '纯文字', value: 'text' },
|
{ label: '纯文字', value: 'text' },
|
||||||
], dependsOn: { key: 'post_related_s', value: true }, help: '对齐 Zibll 相关文章三种样式' },
|
], dependsOn: { key: 'post_related_s', value: true }, help: '对齐 legacy 相关文章三种样式' },
|
||||||
{ key: 'related_title', label: '推荐标题', type: 'input', default: '相关推荐', dependsOn: { key: 'post_related_s', value: true } },
|
{ key: 'related_title', label: '推荐标题', type: 'input', default: '相关推荐', dependsOn: { key: 'post_related_s', value: true } },
|
||||||
{ key: 'post_related_n', label: '推荐数量', type: 'number', default: 6, min: 4, max: 12, step: 2, dependsOn: { key: 'post_related_s', value: true } },
|
{ key: 'post_related_n', label: '推荐数量', type: 'number', default: 6, min: 4, max: 12, step: 2, dependsOn: { key: 'post_related_s', value: true } },
|
||||||
{ key: 'post_related_orderby', label: '推荐排序', type: 'select', default: 'views', options: [
|
{ key: 'post_related_orderby', label: '推荐排序', type: 'select', default: 'views', options: [
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
/** Zibll 9.0 list-thumbnail settings. */
|
/** legacy 9.0 list-thumbnail settings. */
|
||||||
const themeRoot = typeof window !== 'undefined' && window.aksrtAdminData?.themeUri
|
const themeRoot = typeof window !== 'undefined' && window.aksrtAdminData?.themeUri
|
||||||
? String(window.aksrtAdminData.themeUri).replace(/\/$/, '')
|
? String(window.aksrtAdminData.themeUri).replace(/\/$/, '')
|
||||||
: ''
|
: ''
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
/**
|
/**
|
||||||
* User medal catalog (SPA route remains /users/badge).
|
* User medal catalog (SPA route remains /users/badge).
|
||||||
* Storage keys: user_medal_* (Zibll user_medal_s / user_medal_args parity).
|
* Storage keys: user_medal_* (legacy user_medal_s / user_medal_args parity).
|
||||||
*/
|
*/
|
||||||
|
|
||||||
export const MEDAL_GET_TYPES = [
|
export const MEDAL_GET_TYPES = [
|
||||||
|
|||||||
@@ -85,8 +85,8 @@ export const creditsSchema = {
|
|||||||
title: '积分抵扣（预留）',
|
title: '积分抵扣（预留）',
|
||||||
icon: 'fa fas fa-percent',
|
icon: 'fa fas fa-percent',
|
||||||
fields: [
|
fields: [
|
||||||
{ key: 'points_deduction_s', label: '启用积分抵扣', type: 'switch', default: false, help: '对齐 zibll：运行时暂未启用（zibpay_is_allow_points_deduction 恒为 false）。字段保留供后续接收银台现金单抵扣。' },
|
{ key: 'points_deduction_s', label: '启用积分抵扣', type: 'switch', default: false, help: '对齐 legacy：运行时暂未启用（aksrtpay_is_allow_points_deduction 恒为 false）。字段保留供后续接收银台现金单抵扣。' },
|
||||||
{ key: 'points_deduction_rate', label: '积分换算比例', type: 'number', default: 100, min: 1, max: 10000, dependsOn: { key: 'points_deduction_s', value: true }, help: 'zibll 语义：points_deduction_rate = 多少积分抵 1 元（示例 30 表示 30 积分=1 元）。当前未参与下单计算。' },
|
{ key: 'points_deduction_rate', label: '积分换算比例', type: 'number', default: 100, min: 1, max: 10000, dependsOn: { key: 'points_deduction_s', value: true }, help: 'legacy 语义：points_deduction_rate = 多少积分抵 1 元（示例 30 表示 30 积分=1 元）。当前未参与下单计算。' },
|
||||||
{ key: 'points_deduction_max', label: '最大抵扣比例(%)', type: 'number', default: 50, min: 1, max: 100, dependsOn: { key: 'points_deduction_s', value: true }, help: '预留：最多可抵订单金额的百分比。当前未参与下单计算。' },
|
{ key: 'points_deduction_max', label: '最大抵扣比例(%)', type: 'number', default: 50, min: 1, max: 100, dependsOn: { key: 'points_deduction_s', value: true }, help: '预留：最多可抵订单金额的百分比。当前未参与下单计算。' },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
@@ -95,7 +95,7 @@ export const creditsSchema = {
|
|||||||
title: '积分卡密兑换',
|
title: '积分卡密兑换',
|
||||||
icon: 'fa fas fa-ticket-alt',
|
icon: 'fa fas fa-ticket-alt',
|
||||||
fields: [
|
fields: [
|
||||||
{ key: 'points_pass_exchange_s', label: '启用积分卡密兑换', type: 'switch', default: false, help: '对齐 zibll points_pass_exchange_s。后台充值卡可生成积分卡，用户中心兑换入账。' },
|
{ key: 'points_pass_exchange_s', label: '启用积分卡密兑换', type: 'switch', default: false, help: '对齐 legacy points_pass_exchange_s。后台充值卡可生成积分卡，用户中心兑换入账。' },
|
||||||
{ key: 'points_pass_exchange_desc', label: '兑换说明', type: 'textarea', default: '', dependsOn: { key: 'points_pass_exchange_s', value: true } },
|
{ key: 'points_pass_exchange_desc', label: '兑换说明', type: 'textarea', default: '', dependsOn: { key: 'points_pass_exchange_s', value: true } },
|
||||||
{ key: 'points_pass_exchange_only_password', label: '仅密码兑换', type: 'switch', default: true, dependsOn: { key: 'points_pass_exchange_s', value: true }, help: '开启后只需输入卡密；关闭则需卡号+卡密。' },
|
{ key: 'points_pass_exchange_only_password', label: '仅密码兑换', type: 'switch', default: true, dependsOn: { key: 'points_pass_exchange_s', value: true }, help: '开启后只需输入卡密；关闭则需卡号+卡密。' },
|
||||||
],
|
],
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
/**
|
/**
|
||||||
* User level + integral XP (Zibll user_level_s / user_level_opt / user_integral_opt).
|
* User level + integral XP (legacy user_level_s / user_level_opt / user_integral_opt).
|
||||||
*/
|
*/
|
||||||
|
|
||||||
export const INTEGRAL_CATALOG = [
|
export const INTEGRAL_CATALOG = [
|
||||||
@@ -35,7 +35,7 @@ export const levelSchema = {
|
|||||||
key: 'users.level',
|
key: 'users.level',
|
||||||
title: '用户等级',
|
title: '用户等级',
|
||||||
icon: 'fa fas fa-level-up-alt',
|
icon: 'fa fas fa-level-up-alt',
|
||||||
description: '等级与经验值：最高等级、升级阈值、经验获取矩阵（对齐 Zibll user_level / user_integral）。',
|
description: '等级与经验值：最高等级、升级阈值、经验获取矩阵（对齐 legacy user_level / user_integral）。',
|
||||||
defaults: {
|
defaults: {
|
||||||
user_level_s: true,
|
user_level_s: true,
|
||||||
user_level_public_display: true,
|
user_level_public_display: true,
|
||||||
|
|||||||
@@ -1,15 +1,3 @@
|
|||||||
/*
|
|
||||||
* @Author : Qinver
|
|
||||||
* @Url : zibll.com
|
|
||||||
* @Date : 2020-09-29 13:18:40
|
|
||||||
* @LastEditTime : 2026-06-22 20:43:23
|
|
||||||
* @Email : 770349780@qq.com
|
|
||||||
* @Project : Zibll子比主题
|
|
||||||
* @Description : 一款极其优雅的Wordpress主题|后台UI-CSS
|
|
||||||
* @Read me : 感谢您使用子比主题，主题源码有详细的注释，支持二次开发。
|
|
||||||
* @Remind : 使用盗版主题会存在各种未知风险。支持正版，从我做起！
|
|
||||||
*/
|
|
||||||
|
|
||||||
a:focus {
|
a:focus {
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
outline: none;
|
outline: none;
|
||||||
@@ -681,8 +669,8 @@ code {
|
|||||||
/**---------------------通知结束-------------**/
|
/**---------------------通知结束-------------**/
|
||||||
|
|
||||||
/**模态框------*/
|
/**模态框------*/
|
||||||
.zib-modal-backdrop,
|
.aksrt-modal-backdrop,
|
||||||
.zib-modal {
|
.aksrt-modal {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
@@ -693,52 +681,52 @@ code {
|
|||||||
transition: 0.3s;
|
transition: 0.3s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-modal {
|
.aksrt-modal {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-modal-backdrop {
|
.aksrt-modal-backdrop {
|
||||||
background: rgba(0, 0, 0, 0.4);
|
background: rgba(0, 0, 0, 0.4);
|
||||||
z-index: 0;
|
z-index: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-modal.in {
|
.aksrt-modal.in {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-modal.in .zib-modal-backdrop {
|
.aksrt-modal.in .aksrt-modal-backdrop {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-modal-dialog {
|
.aksrt-modal-dialog {
|
||||||
max-width: calc(100% - 20px);
|
max-width: calc(100% - 20px);
|
||||||
margin: 0;
|
margin: 0;
|
||||||
transform: scale(0.9);
|
transform: scale(0.9);
|
||||||
transition: transform 0.5s cubic-bezier(0.32, 0.85, 0.45, 1.18), width 0.3s;
|
transition: transform 0.5s cubic-bezier(0.32, 0.85, 0.45, 1.18), width 0.3s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-modal-dialog.modal-mini {
|
.aksrt-modal-dialog.modal-mini {
|
||||||
width: 400px;
|
width: 400px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-modal.in .zib-modal-dialog {
|
.aksrt-modal.in .aksrt-modal-dialog {
|
||||||
transform: scale(1);
|
transform: scale(1);
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-modal .close.abs-close {
|
.aksrt-modal .close.abs-close {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-modal .border-title {
|
.aksrt-modal .border-title {
|
||||||
padding-bottom: 12px;
|
padding-bottom: 12px;
|
||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
|
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-modal-content {
|
.aksrt-modal-content {
|
||||||
max-height: calc(100vh - 20px);
|
max-height: calc(100vh - 20px);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
@@ -749,17 +737,17 @@ code {
|
|||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-modal-body {
|
.aksrt-modal-body {
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-modal .loading-mask {
|
.aksrt-modal .loading-mask {
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-modal .hide-btn {
|
.aksrt-modal .hide-btn {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
top: 6px;
|
top: 6px;
|
||||||
@@ -770,7 +758,7 @@ code {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/**---------批量编辑------------**/
|
/**---------批量编辑------------**/
|
||||||
.zib-bulk-edit-box {
|
.aksrt-bulk-edit-box {
|
||||||
margin: -1px;
|
margin: -1px;
|
||||||
background: #f8fcff;
|
background: #f8fcff;
|
||||||
border: 1px solid #d2d2d2;
|
border: 1px solid #d2d2d2;
|
||||||
@@ -778,26 +766,26 @@ code {
|
|||||||
flex: auto;
|
flex: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-bulk-edit-box label {
|
.aksrt-bulk-edit-box label {
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-bulk-edit-box > * + * {
|
.aksrt-bulk-edit-box > * + * {
|
||||||
margin-top: 6px;
|
margin-top: 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**---------------TAB-栏目------------**/
|
/**---------------TAB-栏目------------**/
|
||||||
.zib-tab-pane {
|
.aksrt-tab-pane {
|
||||||
display: none;
|
display: none;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: 0.15s;
|
transition: 0.15s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-tab-pane.active {
|
.aksrt-tab-pane.active {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-tab-pane.in {
|
.aksrt-tab-pane.in {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -1 +1 @@
|
|||||||
a:focus{box-shadow:none;outline:0}.px12{font-size:12px}.em12{font-size:1.2em}.em14{font-size:1.4em}.em16{font-size:1.6em}.em2x{font-size:2em}.em3x{font-size:3em}.em4x{font-size:4em}.em09{font-size:.9em}.dashicons{width:1em;height:1em}.text-center{text-align:center}.font-bold{font-weight:700}.opacity3{opacity:.3}.pointer{cursor:pointer}.relative{position:relative}.but[disabled],.but[disabled]:hover,.opacity5{opacity:.5}.opacity8{opacity:.8}badge{font-size:.8em;line-height:1.2;padding:.1em .4em;min-width:.8em;min-height:.8em;display:inline-block;vertical-align:.1em;border-radius:50px;background:var(--this-bg);color:var(--this-color);top:5px;--this-color:#fff;text-align:center;--this-bg:#fe3459}code{border-radius:4px}.badg,.but{border-radius:4px;display:inline-block;border-radius:4px;transition:.15s!important;vertical-align:middle;font-size:14px;padding:5px 20px;text-align:center;box-shadow:var(--this-shadow);background:var(--this-bg);color:var(--this-color);border:1px solid var(--this-border);--main-color:var(--this-color);--this-bg:rgba(136, 136, 136, 0.1);--this-border:transparent;--this-shadow:none;--this-color:#888;line-height:1.44;margin:2px;min-height:unset;text-decoration:none}.badg{font-size:.9em;padding:.05em .25em}.but a{color:inherit}.but svg.icon,.but>.fa{margin-right:.25em}.but.radius,.radius>.but{border-radius:50px;padding:.3em .8em}.badg.hollow,.but.hollow{background:0 0;--this-border:var(--this-color)}.but:focus,.but:hover{opacity:.8;background:var(--this-bg);color:var(--this-color);--this-shadow:0;box-shadow:none}.but:active{--this-shadow:inset 0 2px 6px rgba(0, 0, 0, 0.2);background:var(--this-bg);color:var(--this-color)}.but.hollow:hover{background:var(--this-color);color:#fff}[disabled]{opacity:.6!important;-webkit-filter:grayscale(20%);filter:grayscale(20%);cursor:no-drop!important}.but.padding-lg,.padding-lg{padding:.5em 2em}.b-black,.b-blue,.b-cyan,.b-green,.b-purple,.b-red,.b-theme,.b-yellow,.jb-blue,.jb-green,.jb-pink,.jb-purple,.jb-red,.jb-vip1,.jb-vip2,.jb-yellow{color:#fff;background:var(--this-bg);--this-color:#fff}.jb-blue,.jb-cyan,.jb-green,.jb-pink,.jb-purple,.jb-red,.jb-vip1,.jb-vip2,.jb-yellow{border:none}.b-cyan{--this-bg:#08c4c1}.b-theme{--this-bg:var(--focus-color)}.b-red{--this-bg:#ff5473}.b-yellow{--this-bg:#ff6f06}.b-blue{--this-bg:#2997f7}.b-green{--this-bg:#12b928}.b-purple{--this-bg:#d448f5}.b-black{--this-bg:#121517}.c-blue,.c-blue-2,.c-green,.c-purple,.c-red,.c-yellow{color:var(--this-color)}.c-red{--this-color:#ff5473;--this-bg:rgba(255, 84, 115, 0.1)}.c-yellow{--this-color:#ff6f06;--this-bg:rgba(255, 111, 6, 0.1)}.c-blue{--this-color:#2997f7;--this-bg:rgba(41, 151, 247, 0.1)}.c-blue-2{--this-color:#5c7cff;--this-bg:rgba(77, 130, 249, 0.1)}.c-green{--this-color:#12b928;--this-bg:rgba(18, 185, 40, 0.1)}.c-purple{--this-color:#d448f5;--this-bg:rgba(213, 72, 245, 0.1)}.jb-red{--this-bg:linear-gradient(135deg, #fd7a64 10%, #fb2d2d 100%)}.jb-yellow{--this-bg:linear-gradient(135deg, #f99d4d 10%, #f7631d 100%)}.jb-blue{--this-bg:linear-gradient(135deg, #59c3fb 10%, #268df7 100%)}.jb-green{--this-bg:linear-gradient(135deg, #60e464 10%, #5cb85b 100%)}.jb-purple{--this-bg:linear-gradient(135deg, #f98dfb 10%, #ea00f9 100%)}.jb-pink{--this-bg:linear-gradient(135deg, #ff5e7f 30%, #ff967e 100%)}.jb-vip1{--this-bg:linear-gradient(25deg, #eabe7b 10%, #f5e3c7 70%, #edc788 100%);--this-color:#866127}.jb-vip2{--this-bg:linear-gradient(317deg, #4d4c4c 30%, #7b7b7b 70%, #5f5c5c 100%);--this-color:#ddd}.c-cyan{--this-color:#09a4a1;--this-bg:rgba(8, 196, 193, 0.1)}.hide{display:none!important}.absolute{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%}.flex{display:flex}.inflex{display:inline-flex}.flex.xx,.inflex.xx{flex-direction:column}.flex.hh{flex-wrap:wrap}.flex.ac,.inflex.ac{align-items:center}.flex.abl,.inflex.abl{align-items:baseline}.flex.ab,.inflex.ab{align-items:end}.flex.jc,.inflex.jc{align-items:center;justify-content:center}.flex.je{justify-content:flex-end}.flex.jsb,.inflex.jsb{justify-content:space-between}.flex .grow1{flex-grow:1}.flex .shrink0{flex-shrink:0}.flex .flex0{flex:none}.flex .flex1{flex:1}.overflow-hidden{overflow:hidden}.mm3{margin:3px}.mr3{margin-right:3px}.mr6{margin-right:6px}.mr10{margin-right:10px}.mr20{margin-right:20px}.ml3{margin-left:3px}.mln3{margin-left:-3px}.ml6{margin-left:6px}.ml10{margin-left:10px}.ml20{margin-left:20px}.mt3{margin-top:3px}.mt6{margin-top:6px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mb6{margin-bottom:6px}.mb10{margin-bottom:10px}.mb20{margin-bottom:20px}.padding-10{padding:10px}.padding-15{padding:15px}.padding-h6{padding-top:6px;padding-bottom:6px}.padding-h10{padding-top:10px;padding-bottom:10px}.border-bottom{border-bottom:1px solid #e8e8e8}.border-bottom:last-of-type{border:none}.max-vh5,.max-vh7{max-height:70vh;-ms-overflow-style:none;overflow:-moz-scrollbars-none;overflow-x:hidden;overflow-y:auto}.max-vh5{max-height:50vh}.muted-2-color{opacity:.6}.text-ellipsis{overflow:hLine truncated
|
a:focus{box-shadow:none;outline:0}.px12{font-size:12px}.em12{font-size:1.2em}.em14{font-size:1.4em}.em16{font-size:1.6em}.em2x{font-size:2em}.em3x{font-size:3em}.em4x{font-size:4em}.em09{font-size:.9em}.dashicons{width:1em;height:1em}.text-center{text-align:center}.font-bold{font-weight:700}.opacity3{opacity:.3}.pointer{cursor:pointer}.relative{position:relative}.but[disabled],.but[disabled]:hover,.opacity5{opacity:.5}.opacity8{opacity:.8}badge{font-size:.8em;line-height:1.2;padding:.1em .4em;min-width:.8em;min-height:.8em;display:inline-block;vertical-align:.1em;border-radius:50px;background:var(--this-bg);color:var(--this-color);top:5px;--this-color:#fff;text-align:center;--this-bg:#fe3459}code{border-radius:4px}.badg,.but{border-radius:4px;display:inline-block;border-radius:4px;transition:.15s!important;vertical-align:middle;font-size:14px;padding:5px 20px;text-align:center;box-shadow:var(--this-shadow);background:var(--this-bg);color:var(--this-color);border:1px solid var(--this-border);--main-color:var(--this-color);--this-bg:rgba(136, 136, 136, 0.1);--this-border:transparent;--this-shadow:none;--this-color:#888;line-height:1.44;margin:2px;min-height:unset;text-decoration:none}.badg{font-size:.9em;padding:.05em .25em}.but a{color:inherit}.but svg.icon,.but>.fa{margin-right:.25em}.but.radius,.radius>.but{border-radius:50px;padding:.3em .8em}.badg.hollow,.but.hollow{background:0 0;--this-border:var(--this-color)}.but:focus,.but:hover{opacity:.8;background:var(--this-bg);color:var(--this-color);--this-shadow:0;box-shadow:none}.but:active{--this-shadow:inset 0 2px 6px rgba(0, 0, 0, 0.2);background:var(--this-bg);color:var(--this-color)}.but.hollow:hover{background:var(--this-color);color:#fff}[disabled]{opacity:.6!important;-webkit-filter:grayscale(20%);filter:grayscale(20%);cursor:no-drop!important}.but.padding-lg,.padding-lg{padding:.5em 2em}.b-black,.b-blue,.b-cyan,.b-green,.b-purple,.b-red,.b-theme,.b-yellow,.jb-blue,.jb-green,.jb-pink,.jb-purple,.jb-red,.jb-vip1,.jb-vip2,.jb-yellow{color:#fff;background:var(--this-bg);--this-color:#fff}.jb-blue,.jb-cyan,.jb-green,.jb-pink,.jb-purple,.jb-red,.jb-vip1,.jb-vip2,.jb-yellow{border:none}.b-cyan{--this-bg:#08c4c1}.b-theme{--this-bg:var(--focus-color)}.b-red{--this-bg:#ff5473}.b-yellow{--this-bg:#ff6f06}.b-blue{--this-bg:#2997f7}.b-green{--this-bg:#12b928}.b-purple{--this-bg:#d448f5}.b-black{--this-bg:#121517}.c-blue,.c-blue-2,.c-green,.c-purple,.c-red,.c-yellow{color:var(--this-color)}.c-red{--this-color:#ff5473;--this-bg:rgba(255, 84, 115, 0.1)}.c-yellow{--this-color:#ff6f06;--this-bg:rgba(255, 111, 6, 0.1)}.c-blue{--this-color:#2997f7;--this-bg:rgba(41, 151, 247, 0.1)}.c-blue-2{--this-color:#5c7cff;--this-bg:rgba(77, 130, 249, 0.1)}.c-green{--this-color:#12b928;--this-bg:rgba(18, 185, 40, 0.1)}.c-purple{--this-color:#d448f5;--this-bg:rgba(213, 72, 245, 0.1)}.jb-red{--this-bg:linear-gradient(135deg, #fd7a64 10%, #fb2d2d 100%)}.jb-yellow{--this-bg:linear-gradient(135deg, #f99d4d 10%, #f7631d 100%)}.jb-blue{--this-bg:linear-gradient(135deg, #59c3fb 10%, #268df7 100%)}.jb-green{--this-bg:linear-gradient(135deg, #60e464 10%, #5cb85b 100%)}.jb-purple{--this-bg:linear-gradient(135deg, #f98dfb 10%, #ea00f9 100%)}.jb-pink{--this-bg:linear-gradient(135deg, #ff5e7f 30%, #ff967e 100%)}.jb-vip1{--this-bg:linear-gradient(25deg, #eabe7b 10%, #f5e3c7 70%, #edc788 100%);--this-color:#866127}.jb-vip2{--this-bg:linear-gradient(317deg, #4d4c4c 30%, #7b7b7b 70%, #5f5c5c 100%);--this-color:#ddd}.c-cyan{--this-color:#09a4a1;--this-bg:rgba(8, 196, 193, 0.1)}.hide{display:none!important}.absolute{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%}.flex{display:flex}.inflex{display:inline-flex}.flex.xx,.inflex.xx{flex-direction:column}.flex.hh{flex-wrap:wrap}.flex.ac,.inflex.ac{align-items:center}.flex.abl,.inflex.abl{align-items:baseline}.flex.ab,.inflex.ab{align-items:end}.flex.jc,.inflex.jc{align-items:center;justify-content:center}.flex.je{justify-content:flex-end}.flex.jsb,.inflex.jsb{justify-content:space-between}.flex .grow1{flex-grow:1}.flex .shrink0{flex-shrink:0}.flex .flex0{flex:none}.flex .flex1{flex:1}.overflow-hidden{overflow:hidden}.mm3{margin:3px}.mr3{margin-right:3px}.mr6{margin-right:6px}.mr10{margin-right:10px}.mr20{margin-right:20px}.ml3{margin-left:3px}.mln3{margin-left:-3px}.ml6{margin-left:6px}.ml10{margin-left:10px}.ml20{margin-left:20px}.mt3{margin-top:3px}.mt6{margin-top:6px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mb6{margin-bottom:6px}.mb10{margin-bottom:10px}.mb20{margin-bottom:20px}.padding-10{padding:10px}.padding-15{padding:15px}.padding-h6{padding-top:6px;padding-bottom:6px}.padding-h10{padding-top:10px;padding-bottom:10px}.border-bottom{border-bottom:1px solid #e8e8e8}.border-bottom:last-of-type{border:none}.max-vh5,.max-vh7{max-height:70vh;-ms-overflow-style:none;overflow:-moz-scrollbars-none;overflow-x:hidden;overflow-y:auto}.max-vh5{max-height:50vh}.muted-2-color{opacity:.6}.text-ellipsis{overflow:hLine truncated
|
||||||
File renamed without changes.
File renamed without changes.
File renamed without changes.
Vendored
+5
@@ -0,0 +1,5 @@
|
|||||||
|
/*!
|
||||||
|
* Bootstrap v3.4.1 (https://getbootstrap.com/)
|
||||||
|
* Copyright 2011-2019 Twitter, Inc.
|
||||||
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||||
|
*//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" ("attr(href) ")"}abbr[title]:after{content:" ("attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}*{box-sizing:border-box}:after,:before{box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:transparent}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{fonLine truncated
|
||||||
@@ -1,13 +1,13 @@
|
|||||||
/**
|
/**
|
||||||
* AKSRT Design Tokens v7 — 1:1 Zibll Alignment
|
* AKSRT Design Tokens v7 — 1:1 legacy Alignment
|
||||||
* ------------------------------------------------------------
|
* ------------------------------------------------------------
|
||||||
* 单一真理源（Single Source of Truth）
|
* 单一真理源（Single Source of Truth）
|
||||||
* 所有颜色、字体、间距、动效都从此处读取，禁止在组件内硬编码。
|
* 所有颜色、字体、间距、动效都从此处读取，禁止在组件内硬编码。
|
||||||
* 严格对齐 zibll main.css 的视觉值。
|
* 严格对齐 legacy main.css 的视觉值。
|
||||||
*/
|
*/
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
/* ===== Primary — Zibll theme-color (#f04494 pink) ===== */
|
/* ===== Primary — legacy theme-color (#f04494 pink) ===== */
|
||||||
--color-primary: #f04494;
|
--color-primary: #f04494;
|
||||||
--color-primary-hover: #e0307e;
|
--color-primary-hover: #e0307e;
|
||||||
--color-primary-active: #c9206d;
|
--color-primary-active: #c9206d;
|
||||||
@@ -15,19 +15,19 @@
|
|||||||
--color-primary-softer: rgba(240, 68, 148, 0.05);
|
--color-primary-softer: rgba(240, 68, 148, 0.05);
|
||||||
--color-on-primary: #FFFFFF;
|
--color-on-primary: #FFFFFF;
|
||||||
|
|
||||||
/* ===== Ink (text) — 对齐 zibll --key-color / --main-color / --muted-color ===== */
|
/* ===== Ink (text) — 对齐 legacy --key-color / --main-color / --muted-color ===== */
|
||||||
--color-ink: #333333; /* zibll --key-color */
|
--color-ink: #333333; /* legacy --key-color */
|
||||||
--color-ink-2: #4e5358; /* zibll --main-color */
|
--color-ink-2: #4e5358; /* legacy --main-color */
|
||||||
--color-ink-3: #777777; /* zibll --muted-color */
|
--color-ink-3: #777777; /* legacy --muted-color */
|
||||||
--color-ink-4: #999999; /* zibll --muted-2-color */
|
--color-ink-4: #999999; /* legacy --muted-2-color */
|
||||||
|
|
||||||
/* ===== Surface — 对齐 zibll --body-bg-color / --main-bg-color / --muted-bg-color ===== */
|
/* ===== Surface — 对齐 legacy --body-bg-color / --main-bg-color / --muted-bg-color ===== */
|
||||||
--surface-page: #f5f6f7; /* zibll --body-bg-color */
|
--surface-page: #f5f6f7; /* legacy --body-bg-color */
|
||||||
--surface-1: #FFFFFF; /* zibll --main-bg-color */
|
--surface-1: #FFFFFF; /* legacy --main-bg-color */
|
||||||
--surface-2: #eeeeee; /* zibll --muted-bg-color */
|
--surface-2: #eeeeee; /* legacy --muted-bg-color */
|
||||||
--surface-3: #e8e8e8; /* 输入框 / code */
|
--surface-3: #e8e8e8; /* 输入框 / code */
|
||||||
|
|
||||||
/* ===== Borders — 对齐 zibll --main-border-color ===== */
|
/* ===== Borders — 对齐 legacy --main-border-color ===== */
|
||||||
--color-line: rgba(50, 50, 50, 0.06);
|
--color-line: rgba(50, 50, 50, 0.06);
|
||||||
--color-line-soft: rgba(0, 0, 0, 0.03);
|
--color-line-soft: rgba(0, 0, 0, 0.03);
|
||||||
|
|
||||||
@@ -37,12 +37,12 @@
|
|||||||
--color-error: #EF4444;
|
--color-error: #EF4444;
|
||||||
--color-info: #3B82F6;
|
--color-info: #3B82F6;
|
||||||
|
|
||||||
/* ===== Accent (action green — zibll tabbar/CTA) ===== */
|
/* ===== Accent (action green — legacy tabbar/CTA) ===== */
|
||||||
--color-accent: #18a058;
|
--color-accent: #18a058;
|
||||||
--color-accent-soft: rgba(24, 160, 88, 0.12);
|
--color-accent-soft: rgba(24, 160, 88, 0.12);
|
||||||
--color-accent-shadow: rgba(24, 160, 88, 0.28);
|
--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-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-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;
|
--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 */
|
--text-5xl: 3.75rem; /* 60 */
|
||||||
--leading-tight: 1.2;
|
--leading-tight: 1.2;
|
||||||
--leading-snug: 1.4;
|
--leading-snug: 1.4;
|
||||||
--leading-normal: 1.6; /* zibll body line-height */
|
--leading-normal: 1.6; /* legacy body line-height */
|
||||||
--leading-relaxed: 1.6;
|
--leading-relaxed: 1.6;
|
||||||
|
|
||||||
/* ===== Spacing (4px base) ===== */
|
/* ===== Spacing (4px base) ===== */
|
||||||
@@ -78,7 +78,7 @@
|
|||||||
--space-11: 80px;
|
--space-11: 80px;
|
||||||
--space-12: 96px;
|
--space-12: 96px;
|
||||||
|
|
||||||
/* ===== Radius — 对齐 zibll --main-radius: 8px ===== */
|
/* ===== Radius — 对齐 legacy --main-radius: 8px ===== */
|
||||||
--radius-sm: 4px;
|
--radius-sm: 4px;
|
||||||
--radius: 8px;
|
--radius: 8px;
|
||||||
--radius-lg: 8px;
|
--radius-lg: 8px;
|
||||||
@@ -86,13 +86,13 @@
|
|||||||
--radius-pill: 100px;
|
--radius-pill: 100px;
|
||||||
--radius-avatar: 50%;
|
--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-sm: 0 0 10px rgba(116, 116, 116, 0.08);
|
||||||
--shadow: 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-lg: 0 0 10px rgba(116, 116, 116, 0.12);
|
||||||
--shadow-drawer: 0 8px 40px rgba(0, 0, 0, 0.20);
|
--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;
|
--nav-height: 60px;
|
||||||
--container: 1200px;
|
--container: 1200px;
|
||||||
--container-wide: 1440px;
|
--container-wide: 1440px;
|
||||||
@@ -110,7 +110,7 @@
|
|||||||
--dur: 0.25s;
|
--dur: 0.25s;
|
||||||
--dur-slow: 0.4s;
|
--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);
|
--focus-ring: 0 0 2px 3px rgba(253, 83, 161, 0.4);
|
||||||
|
|
||||||
/* ===== Z-index layers ===== */
|
/* ===== Z-index layers ===== */
|
||||||
@@ -123,13 +123,13 @@
|
|||||||
--z-toast: 700;
|
--z-toast: 700;
|
||||||
--z-tooltip: 800;
|
--z-tooltip: 800;
|
||||||
|
|
||||||
/* ===== Button sizes — 对齐 zibll ===== */
|
/* ===== Button sizes — 对齐 legacy ===== */
|
||||||
--radius-btn: 4px;
|
--radius-btn: 4px;
|
||||||
--btn-sm-h: 28px;
|
--btn-sm-h: 28px;
|
||||||
--btn-md-h: 34px;
|
--btn-md-h: 34px;
|
||||||
--btn-lg-h: 44px;
|
--btn-lg-h: 44px;
|
||||||
|
|
||||||
/* ===== Card density — 对齐 zibll .box-body { padding: 15px } ===== */
|
/* ===== Card density — 对齐 legacy .box-body { padding: 15px } ===== */
|
||||||
--card-padding: 15px;
|
--card-padding: 15px;
|
||||||
--card-padding-sm: 10px;
|
--card-padding-sm: 10px;
|
||||||
--card-gap: 16px;
|
--card-gap: 16px;
|
||||||
@@ -165,7 +165,7 @@
|
|||||||
--transition-fast: 0.15s ease;
|
--transition-fast: 0.15s ease;
|
||||||
--transition-base: 0.25s ease;
|
--transition-base: 0.25s ease;
|
||||||
|
|
||||||
/* ===== Composite / Context tokens — 对齐 zibll ===== */
|
/* ===== Composite / Context tokens — 对齐 legacy ===== */
|
||||||
--header-bg: var(--blur-bg);
|
--header-bg: var(--blur-bg);
|
||||||
--header-color: var(--color-ink-2);
|
--header-color: var(--color-ink-2);
|
||||||
--footer-bg: var(--surface-1);
|
--footer-bg: var(--surface-1);
|
||||||
@@ -184,7 +184,7 @@
|
|||||||
--mini-radius: calc(var(--radius) / 1.4);
|
--mini-radius: calc(var(--radius) / 1.4);
|
||||||
--single-cover-scale: 35%;
|
--single-cover-scale: 35%;
|
||||||
|
|
||||||
/* ===== Avatar size system — Zibll --this-size 等价 ===== */
|
/* ===== Avatar size system — legacy --this-size 等价 ===== */
|
||||||
--aksrt-avatar-size-xs: 24px;
|
--aksrt-avatar-size-xs: 24px;
|
||||||
--aksrt-avatar-size-sm: 32px;
|
--aksrt-avatar-size-sm: 32px;
|
||||||
--aksrt-avatar-size: 40px;
|
--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))) {
|
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
|
||||||
:root {
|
: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 {
|
html.dark {
|
||||||
--color-ink: #f8fafc;
|
--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 {
|
h1, h2, h3, h4, h5, h6 {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
margin: 20px 0 10px;
|
margin: 20px 0 10px;
|
||||||
@@ -513,7 +513,7 @@ h4 { font-size: 16px; }
|
|||||||
h5 { font-size: 15px; }
|
h5 { font-size: 15px; }
|
||||||
h6 { font-size: 14px; }
|
h6 { font-size: 14px; }
|
||||||
|
|
||||||
/* ===== 文章正文 — 对齐 zibll line 8740 ===== */
|
/* ===== 文章正文 — 对齐 legacy line 8740 ===== */
|
||||||
.wp-posts-content,
|
.wp-posts-content,
|
||||||
.entry-content,
|
.entry-content,
|
||||||
.prose {
|
.prose {
|
||||||
@@ -523,7 +523,7 @@ h6 { font-size: 14px; }
|
|||||||
min-height: 90px;
|
min-height: 90px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ===== 文章内标题 — 对齐 zibll line 8947 ===== */
|
/* ===== 文章内标题 — 对齐 legacy line 8947 ===== */
|
||||||
.wp-posts-content h1,
|
.wp-posts-content h1,
|
||||||
.wp-posts-content h2,
|
.wp-posts-content h2,
|
||||||
.wp-posts-content h3,
|
.wp-posts-content h3,
|
||||||
@@ -560,7 +560,7 @@ h6 { font-size: 14px; }
|
|||||||
.entry-content h4,
|
.entry-content h4,
|
||||||
.prose h4 { font-size: 16px; }
|
.prose h4 { font-size: 16px; }
|
||||||
|
|
||||||
/* ===== 段落 — 对齐 zibll line 8999 ===== */
|
/* ===== 段落 — 对齐 legacy line 8999 ===== */
|
||||||
.wp-posts-content p,
|
.wp-posts-content p,
|
||||||
.entry-content p,
|
.entry-content p,
|
||||||
.prose p {
|
.prose p {
|
||||||
@@ -568,7 +568,7 @@ h6 { font-size: 14px; }
|
|||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ===== 链接 — 对齐 zibll line 8836 ===== */
|
/* ===== 链接 — 对齐 legacy line 8836 ===== */
|
||||||
.wp-posts-content a,
|
.wp-posts-content a,
|
||||||
.entry-content a,
|
.entry-content a,
|
||||||
.prose a {
|
.prose a {
|
||||||
@@ -582,7 +582,7 @@ h6 { font-size: 14px; }
|
|||||||
color: var(--focus-color, #f04494);
|
color: var(--focus-color, #f04494);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ===== 图片 — 对齐 zibll line 8850 ===== */
|
/* ===== 图片 — 对齐 legacy line 8850 ===== */
|
||||||
.wp-posts-content img,
|
.wp-posts-content img,
|
||||||
.entry-content img,
|
.entry-content img,
|
||||||
.prose img {
|
.prose img {
|
||||||
@@ -592,7 +592,7 @@ h6 { font-size: 14px; }
|
|||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ===== 内联代码 — 对齐 zibll line 8844 ===== */
|
/* ===== 内联代码 — 对齐 legacy line 8844 ===== */
|
||||||
.wp-posts-content code:not(pre code),
|
.wp-posts-content code:not(pre code),
|
||||||
.entry-content code:not(pre code),
|
.entry-content code:not(pre code),
|
||||||
.prose code:not(pre code) {
|
.prose code:not(pre code) {
|
||||||
@@ -602,7 +602,7 @@ h6 { font-size: 14px; }
|
|||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ===== 代码块 — 对齐 zibll ===== */
|
/* ===== 代码块 — 对齐 legacy ===== */
|
||||||
.wp-posts-content pre,
|
.wp-posts-content pre,
|
||||||
.entry-content pre,
|
.entry-content pre,
|
||||||
.prose pre {
|
.prose pre {
|
||||||
@@ -626,7 +626,7 @@ h6 { font-size: 14px; }
|
|||||||
font-size: inherit;
|
font-size: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ===== 表格 — 对齐 zibll line 8897 ===== */
|
/* ===== 表格 — 对齐 legacy line 8897 ===== */
|
||||||
.wp-posts-content table,
|
.wp-posts-content table,
|
||||||
.entry-content table,
|
.entry-content table,
|
||||||
.prose table {
|
.prose table {
|
||||||
@@ -659,7 +659,7 @@ h6 { font-size: 14px; }
|
|||||||
background-color: rgba(240, 68, 148, 0.05);
|
background-color: rgba(240, 68, 148, 0.05);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ===== 列表 — 对齐 zibll line 8977 ===== */
|
/* ===== 列表 — 对齐 legacy line 8977 ===== */
|
||||||
.wp-posts-content ul,
|
.wp-posts-content ul,
|
||||||
.wp-posts-content ol,
|
.wp-posts-content ol,
|
||||||
.entry-content ul,
|
.entry-content ul,
|
||||||
@@ -676,7 +676,7 @@ h6 { font-size: 14px; }
|
|||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ===== 引用 — 对齐 zibll line 680 ===== */
|
/* ===== 引用 — 对齐 legacy line 680 ===== */
|
||||||
.wp-posts-content blockquote,
|
.wp-posts-content blockquote,
|
||||||
.entry-content blockquote,
|
.entry-content blockquote,
|
||||||
.prose blockquote {
|
.prose blockquote {
|
||||||
@@ -695,7 +695,7 @@ h6 { font-size: 14px; }
|
|||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ===== 水平分割线 — 对齐 zibll line 676 ===== */
|
/* ===== 水平分割线 — 对齐 legacy line 676 ===== */
|
||||||
hr {
|
hr {
|
||||||
border-color: var(--main-border-color, rgba(50, 50, 50, 0.06));
|
border-color: var(--main-border-color, rgba(50, 50, 50, 0.06));
|
||||||
}
|
}
|
||||||
@@ -705,9 +705,9 @@ strong, b {
|
|||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
/**
|
/**
|
||||||
* AKSRT Buttons — 1:1 Zibll Alignment
|
* AKSRT Buttons — 1:1 legacy Alignment
|
||||||
*
|
*
|
||||||
* 对齐 zibll .but 系统：
|
* 对齐 legacy .but 系统：
|
||||||
* - 正常字重 (normal)
|
* - 正常字重 (normal)
|
||||||
* - 4px 圆角
|
* - 4px 圆角
|
||||||
* - 灰色默认背景
|
* - 灰色默认背景
|
||||||
@@ -746,7 +746,7 @@ strong, b {
|
|||||||
.btn-sm { --btn-h: 28px; --btn-px: 8px; font-size: var(--text-xs); }
|
.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); }
|
.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 {
|
.btn {
|
||||||
background: rgba(136, 136, 136, 0.1);
|
background: rgba(136, 136, 136, 0.1);
|
||||||
color: #888;
|
color: #888;
|
||||||
@@ -836,9 +836,9 @@ strong, b {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
/**
|
/**
|
||||||
* AKSRT Forms — 1:1 Zibll Alignment
|
* AKSRT Forms — 1:1 legacy Alignment
|
||||||
*
|
*
|
||||||
* 对齐 zibll .form-control：
|
* 对齐 legacy .form-control：
|
||||||
* - 灰色背景 (#f5f6f7)
|
* - 灰色背景 (#f5f6f7)
|
||||||
* - 透明边框
|
* - 透明边框
|
||||||
* - 34px 高度
|
* - 34px 高度
|
||||||
@@ -870,7 +870,7 @@ strong, b {
|
|||||||
color: var(--color-error);
|
color: var(--color-error);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ===== Input / Textarea / Select — 对齐 zibll .form-control ===== */
|
/* ===== Input / Textarea / Select — 对齐 legacy .form-control ===== */
|
||||||
.input,
|
.input,
|
||||||
.textarea,
|
.textarea,
|
||||||
.select,
|
.select,
|
||||||
|
|||||||
@@ -72,24 +72,24 @@ body {
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
color: var(--color-ink-3);
|
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.
|
* Maps legacy CSS variable names to AKSRT design tokens.
|
||||||
* This file allows existing Zibll-style markup and third-party components
|
* This file allows existing legacy-style markup and third-party components
|
||||||
* that reference Zibll variables to work correctly in AKSRT.
|
* that reference legacy variables to work correctly in AKSRT.
|
||||||
*
|
*
|
||||||
* @package AKSRT
|
* @package AKSRT
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* Global bridge (all pages)
|
* 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 {
|
:root {
|
||||||
/* Layout (zibll typo preserved for compat) */
|
/* Layout (legacy typo preserved for compat) */
|
||||||
--mian-max-width: var(--container, 1200px);
|
--mian-max-width: var(--container, 1200px);
|
||||||
|
|
||||||
/* Theme color — now matches zibll #f04494 */
|
/* Theme color — now matches legacy #f04494 */
|
||||||
--theme-color: var(--color-primary, #f04494);
|
--theme-color: var(--color-primary, #f04494);
|
||||||
--focus-color: var(--color-primary, #f04494);
|
--focus-color: var(--color-primary, #f04494);
|
||||||
--focus-shadow-color: var(--color-primary-soft, rgba(253, 83, 161, 0.4));
|
--focus-shadow-color: var(--color-primary-soft, rgba(253, 83, 161, 0.4));
|
||||||
@@ -124,14 +124,14 @@ body {
|
|||||||
--footer-bg: var(--surface-1);
|
--footer-bg: var(--surface-1);
|
||||||
--footer-color: var(--color-ink-4);
|
--footer-color: var(--color-ink-4);
|
||||||
|
|
||||||
/* Cards — 对齐 zibll 70% */
|
/* Cards — 对齐 legacy 70% */
|
||||||
--posts-card-scale: 70%;
|
--posts-card-scale: 70%;
|
||||||
--posts-list-scale: 70%;
|
--posts-list-scale: 70%;
|
||||||
--single-cover-scale: 35%;
|
--single-cover-scale: 35%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* Dark mode bridge — 对齐 zibll dark theme
|
* Dark mode bridge — 对齐 legacy dark theme
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
html.dark {
|
html.dark {
|
||||||
--theme-color: var(--color-primary);
|
--theme-color: var(--color-primary);
|
||||||
@@ -155,9 +155,9 @@ html.dark {
|
|||||||
--footer-color: var(--color-ink-4);
|
--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 内边距。
|
* 阴影优先，无边框，8px 圆角，15px 内边距。
|
||||||
*
|
*
|
||||||
* @package AKSRT
|
* @package AKSRT
|
||||||
@@ -165,7 +165,7 @@ html.dark {
|
|||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* .aksrt-theme-box — 完整卡片原语（阴影 + 圆角 + 表面）
|
* .aksrt-theme-box — 完整卡片原语（阴影 + 圆角 + 表面）
|
||||||
* 对齐 zibll .theme-box + .box-bg
|
* 对齐 legacy .theme-box + .box-bg
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
.aksrt-theme-box {
|
.aksrt-theme-box {
|
||||||
border: none;
|
border: none;
|
||||||
@@ -189,7 +189,7 @@ html.dark {
|
|||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* .aksrt-box-body / .aksrt-box-header — 内边距区段
|
* .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-body,
|
||||||
.aksrt-box-header {
|
.aksrt-box-header {
|
||||||
@@ -211,7 +211,7 @@ html.dark {
|
|||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* .aksrt-muted-box — 柔和背景嵌套
|
* .aksrt-muted-box — 柔和背景嵌套
|
||||||
* 对齐 zibll .muted-box
|
* 对齐 legacy .muted-box
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
.aksrt-muted-box {
|
.aksrt-muted-box {
|
||||||
background-color: var(--surface-2);
|
background-color: var(--surface-2);
|
||||||
@@ -227,7 +227,7 @@ html.dark {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* Zibll 兼容别名
|
* legacy 兼容别名
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
.theme-box {
|
.theme-box {
|
||||||
background: var(--surface-1);
|
background: var(--surface-1);
|
||||||
@@ -316,7 +316,7 @@ html.dark .theme-box:hover {
|
|||||||
* AKSRT Overlay / Glass Primitives
|
* AKSRT Overlay / Glass Primitives
|
||||||
*
|
*
|
||||||
* Provides backdrop-filter glass surfaces used by header, footer-tabbar,
|
* 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
|
* @package AKSRT
|
||||||
*/
|
*/
|
||||||
@@ -333,7 +333,7 @@ html.dark .theme-box:hover {
|
|||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* Glass on site-nav (when using fixed/sticky mode)
|
* 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).
|
* saturate(5) blur(20px) instead of the lighter saturate(1.5) blur(18px).
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
.site-nav--glass {
|
.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;
|
* 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 {
|
.footer-tabbar--glass {
|
||||||
-webkit-backdrop-filter: saturate(5) blur(20px);
|
-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 {
|
body.has-scrolled .site-nav--glass {
|
||||||
box-shadow: 0 4px 10px rgba(20, 28, 48, 0.06);
|
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);
|
background var(--dur-fast, 0.15s) var(--ease);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Hover — 对齐 zibll: 仅变色，无背景 */
|
/* Hover — 对齐 legacy: 仅变色，无背景 */
|
||||||
ul.nav-desktop a:hover,
|
ul.nav-desktop a:hover,
|
||||||
.nav-desktop--fallback a:hover {
|
.nav-desktop--fallback a:hover {
|
||||||
color: var(--color-primary);
|
color: var(--color-primary);
|
||||||
background: transparent;
|
background: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Active page — 对齐 zibll: 顶部彩色条指示器 */
|
/* Active page — 对齐 legacy: 顶部彩色条指示器 */
|
||||||
ul.nav-desktop .current-menu-item > a,
|
ul.nav-desktop .current-menu-item > a,
|
||||||
ul.nav-desktop .current_page_item > a {
|
ul.nav-desktop .current_page_item > a {
|
||||||
color: var(--color-primary);
|
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));
|
background: var(--color-primary-soft, rgba(240, 68, 148, 0.08));
|
||||||
color: var(--color-primary);
|
color: var(--color-primary);
|
||||||
}
|
}
|
||||||
/* ========== 面包屑 — 对齐 zibll .breadcrumb ========== */
|
/* ========== 面包屑 — 对齐 legacy .breadcrumb ========== */
|
||||||
.breadcrumbs {
|
.breadcrumbs {
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
color: var(--muted-2-color, #999);
|
color: var(--muted-2-color, #999);
|
||||||
@@ -2025,7 +2025,7 @@ html.dark .mega-menu__panel > .menu-item:hover {
|
|||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ========== 移动端/平板隐藏侧栏（与 zibll 一致：991px 以下隐藏） ========== */
|
/* ========== 移动端/平板隐藏侧栏（与 legacy 一致：991px 以下隐藏） ========== */
|
||||||
@media (max-width: 991px) {
|
@media (max-width: 991px) {
|
||||||
.content-layout__aside {
|
.content-layout__aside {
|
||||||
display: none;
|
display: none;
|
||||||
@@ -2086,7 +2086,7 @@ body.aksrt-bg-overlay .site-wrapper {
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* AKSRT Footer — v4.0 Zibll-Inspired
|
* AKSRT Footer — v4.0 legacy-Inspired
|
||||||
*
|
*
|
||||||
* 包含：
|
* 包含：
|
||||||
* - 页脚主体（Bootstrap Grid）
|
* - 页脚主体（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 {
|
.float-right-btns {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
right: 20px;
|
right: 20px;
|
||||||
@@ -2271,7 +2271,7 @@ body.aksrt-bg-overlay .site-wrapper {
|
|||||||
transition: opacity 0.3s ease;
|
transition: opacity 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 对齐 zibll: 40px, 1.4em icon */
|
/* 对齐 legacy: 40px, 1.4em icon */
|
||||||
.float-btn {
|
.float-btn {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
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 {
|
.footer-tabbar {
|
||||||
display: none;
|
display: none;
|
||||||
@@ -2411,7 +2411,7 @@ html.dark #float-theme-toggle .float-btn__icon-sun {
|
|||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 对齐 zibll: 24px 图标 */
|
/* 对齐 legacy: 24px 图标 */
|
||||||
.tabbar-item i {
|
.tabbar-item i {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
@@ -5197,7 +5197,7 @@ html.dark .aksrt-lang-switch__dropdown {
|
|||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* 14. 图片懒加载 blur-to-sharp 过渡
|
* 14. 图片懒加载 blur-to-sharp 过渡
|
||||||
* 模仿 zibll 的 lazy_blur 效果
|
* 模仿 legacy 的 lazy_blur 效果
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
img.lazyload,
|
img.lazyload,
|
||||||
img.lazyloaded,
|
img.lazyloaded,
|
||||||
@@ -5239,7 +5239,7 @@ img.lazyloaded {
|
|||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* 16. FPS 加速模式：低端设备禁用 backdrop-filter
|
* 16. FPS 加速模式：低端设备禁用 backdrop-filter
|
||||||
* 模仿 zibll 的 body.fps-accelerat 模式
|
* 模仿 legacy 的 body.fps-accelerat 模式
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
body.fps-accelerat .site-nav,
|
body.fps-accelerat .site-nav,
|
||||||
body.fps-accelerat .footer-tabbar,
|
body.fps-accelerat .footer-tabbar,
|
||||||
@@ -5258,7 +5258,7 @@ body.dialog-open .site-nav {
|
|||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* 17. .blur-bg 通用工具类
|
* 17. .blur-bg 通用工具类
|
||||||
* 模仿 zibll 的 .blur-bg，可在任意元素上应用毛玻璃效果
|
* 模仿 legacy 的 .blur-bg，可在任意元素上应用毛玻璃效果
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
.aksrt-blur-bg {
|
.aksrt-blur-bg {
|
||||||
background: var(--blur-bg);
|
background: var(--blur-bg);
|
||||||
@@ -5278,7 +5278,7 @@ body.dialog-open .site-nav {
|
|||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* 19. 全站动效节奏统一
|
* 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,
|
.aksrt-modal--bottom .aksrt-modal-auth__card,
|
||||||
.modal.bottom .modal-dialog {
|
.modal.bottom .modal-dialog {
|
||||||
|
|||||||
+12
-12
@@ -1,7 +1,7 @@
|
|||||||
/**
|
/**
|
||||||
* AKSRT Buttons — 1:1 Zibll Alignment
|
* AKSRT Buttons — 1:1 legacy Alignment
|
||||||
*
|
*
|
||||||
* 对齐 zibll .but 系统：
|
* 对齐 legacy .but 系统：
|
||||||
* - 正常字重 (normal)
|
* - 正常字重 (normal)
|
||||||
* - 4px 圆角
|
* - 4px 圆角
|
||||||
* - 灰色默认背景
|
* - 灰色默认背景
|
||||||
@@ -22,7 +22,7 @@
|
|||||||
height: var(--btn-h);
|
height: var(--btn-h);
|
||||||
padding: 0 var(--btn-px);
|
padding: 0 var(--btn-px);
|
||||||
font-size: var(--text-sm);
|
font-size: var(--text-sm);
|
||||||
font-weight: normal; /* zibll .but: normal — was 500 */
|
font-weight: normal; /* legacy .but: normal — was 500 */
|
||||||
line-height: 1.44;
|
line-height: 1.44;
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
border-radius: var(--radius-btn);
|
border-radius: var(--radius-btn);
|
||||||
@@ -42,7 +42,7 @@
|
|||||||
.btn-sm { --btn-h: 28px; --btn-px: 8px; font-size: var(--text-xs); }
|
.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); }
|
.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 {
|
.btn {
|
||||||
background: rgba(136, 136, 136, 0.1);
|
background: rgba(136, 136, 136, 0.1);
|
||||||
color: #888;
|
color: #888;
|
||||||
@@ -141,18 +141,18 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* Zibll .but / .badg compat layer — 1:1 zibll main.css (.but system)
|
* legacy .but / .badg compat layer — 1:1 legacy main.css (.but system)
|
||||||
* ------------------------------------------------------------
|
* ------------------------------------------------------------
|
||||||
* Additive: does NOT alter the AKSRT .btn system above. Lets reused
|
* Additive: does NOT alter the AKSRT .btn system above. Lets reused
|
||||||
* zibll-style markup (.but / .badg / .b-* / .jb-* / .c-* / .but-group /
|
* legacy-style markup (.but / .badg / .b-* / .jb-* / .c-* / .but-group /
|
||||||
* .but-average / .toggle-radius) render via the --this-* context-coloring vars.
|
* .but-average / .toggle-radius) render via the --this-* context-coloring vars.
|
||||||
* The --this-* DEFAULTS are set on the base rule here (BEFORE the .b-*/.jb-*
|
* The --this-* DEFAULTS are set on the base rule here (BEFORE the .b-*/.jb-*
|
||||||
* modifiers) so the cascade resolves colored variants correctly; scoped to
|
* modifiers) so the cascade resolves colored variants correctly; scoped to
|
||||||
* .but/.badg (never :root) so .float-btn's own var(--this-*, fallback) stays intact.
|
* .but/.badg (never :root) so .float-btn's own var(--this-*, fallback) stays intact.
|
||||||
* Consumes --focus-color-opacity* from zibll-compat-vars.css.
|
* Consumes --focus-color-opacity* from compat-vars.css.
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
|
|
||||||
/* Base (zibll .but / .badg) */
|
/* Base (legacy .but / .badg) */
|
||||||
.but,
|
.but,
|
||||||
.badg {
|
.badg {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@@ -254,7 +254,7 @@
|
|||||||
.active.badg.hollow,
|
.active.badg.hollow,
|
||||||
.active > .hollow:not(.vip-tag) { --this-color: var(--focus-color); }
|
.active > .hollow:not(.vip-tag) { --this-color: var(--focus-color); }
|
||||||
|
|
||||||
/* toggle-radius (round 29px toggle) — zibll 1:1 */
|
/* toggle-radius (round 29px toggle) — legacy 1:1 */
|
||||||
.toggle-radius {
|
.toggle-radius {
|
||||||
background: var(--this-bg);
|
background: var(--this-bg);
|
||||||
width: 29px;
|
width: 29px;
|
||||||
@@ -266,7 +266,7 @@
|
|||||||
vertical-align: text-top;
|
vertical-align: text-top;
|
||||||
--this-bg: var(--main-border-color);
|
--this-bg: var(--main-border-color);
|
||||||
}
|
}
|
||||||
/* zibll groups these with abs-* : absolute + vertical center; then pin left/right 0 */
|
/* legacy groups these with abs-* : absolute + vertical center; then pin left/right 0 */
|
||||||
.toggle-radius .fa,
|
.toggle-radius .fa,
|
||||||
.toggle-radius .icon,
|
.toggle-radius .icon,
|
||||||
.toggle-radius > i {
|
.toggle-radius > i {
|
||||||
@@ -308,7 +308,7 @@
|
|||||||
.b-purple { --this-bg: #d448f5; }
|
.b-purple { --this-bg: #d448f5; }
|
||||||
.b-black { --this-bg: #121517; }
|
.b-black { --this-bg: #121517; }
|
||||||
|
|
||||||
/* gradient modifiers (zibll .jb-*) */
|
/* gradient modifiers (legacy .jb-*) */
|
||||||
.jb-red { --this-bg: linear-gradient(135deg, #fd7a64 10%, #fb2d2d 100%); }
|
.jb-red { --this-bg: linear-gradient(135deg, #fd7a64 10%, #fb2d2d 100%); }
|
||||||
.jb-yellow { --this-bg: linear-gradient(135deg, #f99d4d 10%, #f7631d 100%); }
|
.jb-yellow { --this-bg: linear-gradient(135deg, #f99d4d 10%, #f7631d 100%); }
|
||||||
.jb-blue { --this-bg: linear-gradient(135deg, #59c3fb 10%, #268df7 100%); }
|
.jb-blue { --this-bg: linear-gradient(135deg, #59c3fb 10%, #268df7 100%); }
|
||||||
@@ -318,7 +318,7 @@
|
|||||||
.jb-vip1 { --this-bg: linear-gradient(25deg, #eabe7b 10%, #f5e3c7 70%, #edc788 100%); --this-color: #866127; }
|
.jb-vip1 { --this-bg: linear-gradient(25deg, #eabe7b 10%, #f5e3c7 70%, #edc788 100%); --this-color: #866127; }
|
||||||
.jb-vip2 { --this-bg: linear-gradient(317deg, #4d4c4c 30%, #7b7b7b 70%, #5f5c5c 100%); --this-color: #ddd; }
|
.jb-vip2 { --this-bg: linear-gradient(317deg, #4d4c4c 30%, #7b7b7b 70%, #5f5c5c 100%); --this-color: #ddd; }
|
||||||
|
|
||||||
/* text-color modifiers (zibll .c-*) — set --this-color + light --this-bg */
|
/* text-color modifiers (legacy .c-*) — set --this-color + light --this-bg */
|
||||||
.c-theme, .c-gray, .c-white, .c-red, .c-red-2, .c-yellow, .c-blue, .c-blue-2,
|
.c-theme, .c-gray, .c-white, .c-red, .c-red-2, .c-yellow, .c-blue, .c-blue-2,
|
||||||
.c-green, .c-cyan, .c-purple { color: var(--this-color); }
|
.c-green, .c-cyan, .c-purple { color: var(--this-color); }
|
||||||
.c-theme { --this-color: var(--focus-color); --this-bg: var(--focus-color-opacity1); }
|
.c-theme { --this-color: var(--focus-color); --this-bg: var(--focus-color-opacity1); }
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
/**
|
/**
|
||||||
* AKSRT Forms — 1:1 Zibll Alignment
|
* AKSRT Forms — 1:1 legacy Alignment
|
||||||
*
|
*
|
||||||
* 对齐 zibll .form-control：
|
* 对齐 legacy .form-control：
|
||||||
* - 灰色背景 (#f5f6f7)
|
* - 灰色背景 (#f5f6f7)
|
||||||
* - 透明边框
|
* - 透明边框
|
||||||
* - 34px 高度
|
* - 34px 高度
|
||||||
@@ -33,7 +33,7 @@
|
|||||||
color: var(--color-error);
|
color: var(--color-error);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ===== Input / Textarea / Select — 对齐 zibll .form-control ===== */
|
/* ===== Input / Textarea / Select — 对齐 legacy .form-control ===== */
|
||||||
.input,
|
.input,
|
||||||
.textarea,
|
.textarea,
|
||||||
.select,
|
.select,
|
||||||
|
|||||||
+37
-37
@@ -1,13 +1,13 @@
|
|||||||
/**
|
/**
|
||||||
* AKSRT Design Tokens v7 — 1:1 Zibll Alignment
|
* AKSRT Design Tokens v7 — 1:1 legacy Alignment
|
||||||
* ------------------------------------------------------------
|
* ------------------------------------------------------------
|
||||||
* 单一真理源（Single Source of Truth）
|
* 单一真理源（Single Source of Truth）
|
||||||
* 所有颜色、字体、间距、动效都从此处读取，禁止在组件内硬编码。
|
* 所有颜色、字体、间距、动效都从此处读取，禁止在组件内硬编码。
|
||||||
* 严格对齐 zibll main.css 的视觉值。
|
* 严格对齐 legacy main.css 的视觉值。
|
||||||
*/
|
*/
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
/* ===== Primary — Zibll theme-color (#f04494 pink) ===== */
|
/* ===== Primary — legacy theme-color (#f04494 pink) ===== */
|
||||||
--color-primary: #f04494;
|
--color-primary: #f04494;
|
||||||
--color-primary-hover: #e0307e;
|
--color-primary-hover: #e0307e;
|
||||||
--color-primary-active: #c9206d;
|
--color-primary-active: #c9206d;
|
||||||
@@ -15,20 +15,20 @@
|
|||||||
--color-primary-softer: rgba(240, 68, 148, 0.05);
|
--color-primary-softer: rgba(240, 68, 148, 0.05);
|
||||||
--color-on-primary: #FFFFFF;
|
--color-on-primary: #FFFFFF;
|
||||||
|
|
||||||
/* ===== Ink (text) — 对齐 zibll --key-color / --main-color / --muted-color ===== */
|
/* ===== Ink (text) — 对齐 legacy --key-color / --main-color / --muted-color ===== */
|
||||||
--color-ink: #333333; /* zibll --key-color */
|
--color-ink: #333333; /* legacy --key-color */
|
||||||
--color-ink-2: #4e5358; /* zibll --main-color */
|
--color-ink-2: #4e5358; /* legacy --main-color */
|
||||||
--color-ink-3: #777777; /* zibll --muted-color */
|
--color-ink-3: #777777; /* legacy --muted-color */
|
||||||
--color-ink-4: #999999; /* zibll --muted-2-color */
|
--color-ink-4: #999999; /* legacy --muted-2-color */
|
||||||
|
|
||||||
/* ===== Surface — 对齐 zibll --body-bg-color / --main-bg-color / --muted-bg-color ===== */
|
/* ===== Surface — 对齐 legacy --body-bg-color / --main-bg-color / --muted-bg-color ===== */
|
||||||
--surface-page: #f5f6f7; /* zibll --body-bg-color */
|
--surface-page: #f5f6f7; /* legacy --body-bg-color */
|
||||||
--surface-1: #FFFFFF; /* zibll --main-bg-color */
|
--surface-1: #FFFFFF; /* legacy --main-bg-color */
|
||||||
--surface-2: #eeeeee; /* zibll --muted-bg-color #eee */
|
--surface-2: #eeeeee; /* legacy --muted-bg-color #eee */
|
||||||
--surface-3: #e9ecef; /* 输入框 / code / 次级面 */
|
--surface-3: #e9ecef; /* 输入框 / code / 次级面 */
|
||||||
--surface-4: #f8f8f8; /* 分页 / 标签 / hover 薄层 */
|
--surface-4: #f8f8f8; /* 分页 / 标签 / hover 薄层 */
|
||||||
|
|
||||||
/* ===== Borders — 对齐 zibll --main-border-color ===== */
|
/* ===== Borders — 对齐 legacy --main-border-color ===== */
|
||||||
--color-line: rgba(50, 50, 50, 0.06);
|
--color-line: rgba(50, 50, 50, 0.06);
|
||||||
--color-line-soft: rgba(0, 0, 0, 0.03);
|
--color-line-soft: rgba(0, 0, 0, 0.03);
|
||||||
--color-line-stronger: rgba(50, 50, 50, 0.12);
|
--color-line-stronger: rgba(50, 50, 50, 0.12);
|
||||||
@@ -39,12 +39,12 @@
|
|||||||
--color-error: #EF4444;
|
--color-error: #EF4444;
|
||||||
--color-info: #3B82F6;
|
--color-info: #3B82F6;
|
||||||
|
|
||||||
/* ===== Accent (action green — zibll tabbar/CTA) ===== */
|
/* ===== Accent (action green — legacy tabbar/CTA) ===== */
|
||||||
--color-accent: #18a058;
|
--color-accent: #18a058;
|
||||||
--color-accent-soft: rgba(24, 160, 88, 0.12);
|
--color-accent-soft: rgba(24, 160, 88, 0.12);
|
||||||
--color-accent-shadow: rgba(24, 160, 88, 0.28);
|
--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-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-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;
|
--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
|
||||||
@@ -63,7 +63,7 @@
|
|||||||
--text-5xl: 3.75rem; /* 60 */
|
--text-5xl: 3.75rem; /* 60 */
|
||||||
--leading-tight: 1.2;
|
--leading-tight: 1.2;
|
||||||
--leading-snug: 1.4;
|
--leading-snug: 1.4;
|
||||||
--leading-normal: 1.6; /* zibll body line-height */
|
--leading-normal: 1.6; /* legacy body line-height */
|
||||||
--leading-relaxed: 1.6;
|
--leading-relaxed: 1.6;
|
||||||
|
|
||||||
/* ===== Spacing (4px base) ===== */
|
/* ===== Spacing (4px base) ===== */
|
||||||
@@ -80,24 +80,24 @@
|
|||||||
--space-11: 80px;
|
--space-11: 80px;
|
||||||
--space-12: 96px;
|
--space-12: 96px;
|
||||||
|
|
||||||
/* ===== Radius — 对齐 zibll --main-radius: 8px ===== */
|
/* ===== Radius — 对齐 legacy --main-radius: 8px ===== */
|
||||||
--radius-xs: 3px;
|
--radius-xs: 3px;
|
||||||
--radius-sm: 4px;
|
--radius-sm: 4px;
|
||||||
--radius: 8px;
|
--radius: 8px;
|
||||||
--radius-lg: 8px; /* zibll main-radius — was 10px */
|
--radius-lg: 8px; /* legacy main-radius — was 10px */
|
||||||
--radius-xl: 12px;
|
--radius-xl: 12px;
|
||||||
--radius-2xl: 16px;
|
--radius-2xl: 16px;
|
||||||
--radius-pill: 100px;
|
--radius-pill: 100px;
|
||||||
--radius-avatar: 50%;
|
--radius-avatar: 50%;
|
||||||
|
|
||||||
/* ===== Shadows — 对齐 zibll --main-shadow: rgba(116,116,116,0.08) ===== */
|
/* ===== Shadows — 对齐 legacy --main-shadow: rgba(116,116,116,0.08) ===== */
|
||||||
--shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
|
--shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
|
||||||
--shadow-sm: 0 0 10px 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.12);
|
--shadow: 0 0 10px rgba(116, 116, 116, 0.12);
|
||||||
--shadow-lg: 0 12px 32px rgba(18, 18, 18, 0.10);
|
--shadow-lg: 0 12px 32px rgba(18, 18, 18, 0.10);
|
||||||
--shadow-drawer: 0 18px 60px rgba(0, 0, 0, 0.20);
|
--shadow-drawer: 0 18px 60px rgba(0, 0, 0, 0.20);
|
||||||
|
|
||||||
/* ===== Layout — 对齐 zibll --mian-max-width: 1200px ===== */
|
/* ===== Layout — 对齐 legacy --mian-max-width: 1200px ===== */
|
||||||
--nav-height: 60px;
|
--nav-height: 60px;
|
||||||
--container: 1200px;
|
--container: 1200px;
|
||||||
--container-wide: 1440px;
|
--container-wide: 1440px;
|
||||||
@@ -116,7 +116,7 @@
|
|||||||
--dur: 0.25s;
|
--dur: 0.25s;
|
||||||
--dur-slow: 0.4s;
|
--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);
|
--focus-ring: 0 0 2px 3px rgba(253, 83, 161, 0.4);
|
||||||
|
|
||||||
/* ===== Z-index layers ===== */
|
/* ===== Z-index layers ===== */
|
||||||
@@ -129,13 +129,13 @@
|
|||||||
--z-toast: 700;
|
--z-toast: 700;
|
||||||
--z-tooltip: 800;
|
--z-tooltip: 800;
|
||||||
|
|
||||||
/* ===== Button sizes — 对齐 zibll ===== */
|
/* ===== Button sizes — 对齐 legacy ===== */
|
||||||
--radius-btn: 4px;
|
--radius-btn: 4px;
|
||||||
--btn-sm-h: 28px;
|
--btn-sm-h: 28px;
|
||||||
--btn-md-h: 34px;
|
--btn-md-h: 34px;
|
||||||
--btn-lg-h: 44px;
|
--btn-lg-h: 44px;
|
||||||
|
|
||||||
/* ===== Card density — 对齐 zibll .box-body { padding: 15px } ===== */
|
/* ===== Card density — 对齐 legacy .box-body { padding: 15px } ===== */
|
||||||
--card-padding: 15px;
|
--card-padding: 15px;
|
||||||
--card-padding-sm: 10px;
|
--card-padding-sm: 10px;
|
||||||
--card-padding-lg: 20px;
|
--card-padding-lg: 20px;
|
||||||
@@ -173,7 +173,7 @@
|
|||||||
--transition-fast: 0.15s ease;
|
--transition-fast: 0.15s ease;
|
||||||
--transition-base: 0.25s ease;
|
--transition-base: 0.25s ease;
|
||||||
|
|
||||||
/* ===== Composite / Context tokens — 对齐 zibll ===== */
|
/* ===== Composite / Context tokens — 对齐 legacy ===== */
|
||||||
--header-bg: var(--blur-bg);
|
--header-bg: var(--blur-bg);
|
||||||
--header-color: var(--color-ink-2);
|
--header-color: var(--color-ink-2);
|
||||||
--footer-bg: var(--surface-1);
|
--footer-bg: var(--surface-1);
|
||||||
@@ -192,7 +192,7 @@
|
|||||||
--mini-radius: calc(var(--radius) / 1.4);
|
--mini-radius: calc(var(--radius) / 1.4);
|
||||||
--single-cover-scale: 35%;
|
--single-cover-scale: 35%;
|
||||||
|
|
||||||
/* ===== Avatar size system — Zibll --this-size 等价 ===== */
|
/* ===== Avatar size system — legacy --this-size 等价 ===== */
|
||||||
--aksrt-avatar-size-xs: 24px;
|
--aksrt-avatar-size-xs: 24px;
|
||||||
--aksrt-avatar-size-sm: 32px;
|
--aksrt-avatar-size-sm: 32px;
|
||||||
--aksrt-avatar-size: 40px;
|
--aksrt-avatar-size: 40px;
|
||||||
@@ -259,7 +259,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))) {
|
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
|
||||||
:root {
|
:root {
|
||||||
@@ -301,7 +301,7 @@ body.dark-theme.dialog-open {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* Multi-level container responsive — 对齐 zibll --mian-max-width
|
* Multi-level container responsive — 对齐 legacy --mian-max-width
|
||||||
* 不同视口宽度下容器自动调整
|
* 不同视口宽度下容器自动调整
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
@media (min-width: 992px) {
|
@media (min-width: 992px) {
|
||||||
@@ -323,19 +323,19 @@ body.dark-theme.dialog-open {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* Dark Theme — 对齐 zibll .dark-theme 精确 hex
|
* Dark Theme — 对齐 legacy .dark-theme 精确 hex
|
||||||
* body.dark-theme 与 html.dark 同权（zibll 用 body class）
|
* body.dark-theme 与 html.dark 同权（legacy 用 body class）
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
html.dark,
|
html.dark,
|
||||||
body.dark-theme {
|
body.dark-theme {
|
||||||
--color-ink: #f8fafc; /* zibll --key-color */
|
--color-ink: #f8fafc; /* legacy --key-color */
|
||||||
--color-ink-2: #e5eef7; /* zibll --main-color */
|
--color-ink-2: #e5eef7; /* legacy --main-color */
|
||||||
--color-ink-3: #b4b6bb; /* zibll --muted-color */
|
--color-ink-3: #b4b6bb; /* legacy --muted-color */
|
||||||
--color-ink-4: #888a8f; /* zibll --muted-2-color */
|
--color-ink-4: #888a8f; /* legacy --muted-2-color */
|
||||||
|
|
||||||
--surface-page: #292a2d; /* zibll --body-bg-color */
|
--surface-page: #292a2d; /* legacy --body-bg-color */
|
||||||
--surface-1: #323335; /* zibll --main-bg-color */
|
--surface-1: #323335; /* legacy --main-bg-color */
|
||||||
--surface-2: #2d2e31; /* zibll --muted-bg-color */
|
--surface-2: #2d2e31; /* legacy --muted-bg-color */
|
||||||
--surface-3: #3a3c42;
|
--surface-3: #3a3c42;
|
||||||
--surface-4: #26282d;
|
--surface-4: #26282d;
|
||||||
|
|
||||||
@@ -363,7 +363,7 @@ body.dark-theme {
|
|||||||
|
|
||||||
--shadow-xl: 0 0 10px rgba(24, 24, 24, 0.18);
|
--shadow-xl: 0 0 10px rgba(24, 24, 24, 0.18);
|
||||||
--shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.18);
|
--shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.18);
|
||||||
--shadow-sm: 0 0 10px rgba(24, 24, 24, 0.1); /* zibll --main-shadow dark */
|
--shadow-sm: 0 0 10px rgba(24, 24, 24, 0.1); /* legacy --main-shadow dark */
|
||||||
--shadow: 0 0 10px rgba(24, 24, 24, 0.14);
|
--shadow: 0 0 10px rgba(24, 24, 24, 0.14);
|
||||||
--shadow-lg: 0 14px 36px rgba(0, 0, 0, 0.32);
|
--shadow-lg: 0 14px 36px rgba(0, 0, 0, 0.32);
|
||||||
--shadow-drawer: 0 20px 60px rgba(0, 0, 0, 0.60);
|
--shadow-drawer: 0 20px 60px rgba(0, 0, 0, 0.60);
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
/**
|
/**
|
||||||
* 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 {
|
h1, h2, h3, h4, h5, h6 {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
margin: 20px 0 10px;
|
margin: 20px 0 10px;
|
||||||
@@ -18,7 +18,7 @@ h4 { font-size: 16px; }
|
|||||||
h5 { font-size: 15px; }
|
h5 { font-size: 15px; }
|
||||||
h6 { font-size: 14px; }
|
h6 { font-size: 14px; }
|
||||||
|
|
||||||
/* ===== 文章正文 — 对齐 zibll line 8740 ===== */
|
/* ===== 文章正文 — 对齐 legacy line 8740 ===== */
|
||||||
.wp-posts-content,
|
.wp-posts-content,
|
||||||
.entry-content,
|
.entry-content,
|
||||||
.prose {
|
.prose {
|
||||||
@@ -28,7 +28,7 @@ h6 { font-size: 14px; }
|
|||||||
min-height: 90px;
|
min-height: 90px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ===== 文章内标题 — 对齐 zibll line 8947 ===== */
|
/* ===== 文章内标题 — 对齐 legacy line 8947 ===== */
|
||||||
.wp-posts-content h1,
|
.wp-posts-content h1,
|
||||||
.wp-posts-content h2,
|
.wp-posts-content h2,
|
||||||
.wp-posts-content h3,
|
.wp-posts-content h3,
|
||||||
@@ -65,7 +65,7 @@ h6 { font-size: 14px; }
|
|||||||
.entry-content h4,
|
.entry-content h4,
|
||||||
.prose h4 { font-size: 16px; }
|
.prose h4 { font-size: 16px; }
|
||||||
|
|
||||||
/* ===== 段落 — 对齐 zibll line 8999 ===== */
|
/* ===== 段落 — 对齐 legacy line 8999 ===== */
|
||||||
.wp-posts-content p,
|
.wp-posts-content p,
|
||||||
.entry-content p,
|
.entry-content p,
|
||||||
.prose p {
|
.prose p {
|
||||||
@@ -73,7 +73,7 @@ h6 { font-size: 14px; }
|
|||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ===== 链接 — 对齐 zibll line 8836 ===== */
|
/* ===== 链接 — 对齐 legacy line 8836 ===== */
|
||||||
.wp-posts-content a,
|
.wp-posts-content a,
|
||||||
.entry-content a,
|
.entry-content a,
|
||||||
.prose a {
|
.prose a {
|
||||||
@@ -87,7 +87,7 @@ h6 { font-size: 14px; }
|
|||||||
color: var(--focus-color, #f04494);
|
color: var(--focus-color, #f04494);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ===== 图片 — 对齐 zibll line 8850 ===== */
|
/* ===== 图片 — 对齐 legacy line 8850 ===== */
|
||||||
.wp-posts-content img,
|
.wp-posts-content img,
|
||||||
.entry-content img,
|
.entry-content img,
|
||||||
.prose img {
|
.prose img {
|
||||||
@@ -97,7 +97,7 @@ h6 { font-size: 14px; }
|
|||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ===== 内联代码 — 对齐 zibll line 8844 ===== */
|
/* ===== 内联代码 — 对齐 legacy line 8844 ===== */
|
||||||
.wp-posts-content code:not(pre code),
|
.wp-posts-content code:not(pre code),
|
||||||
.entry-content code:not(pre code),
|
.entry-content code:not(pre code),
|
||||||
.prose code:not(pre code) {
|
.prose code:not(pre code) {
|
||||||
@@ -107,7 +107,7 @@ h6 { font-size: 14px; }
|
|||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ===== 代码块 — 对齐 zibll ===== */
|
/* ===== 代码块 — 对齐 legacy ===== */
|
||||||
.wp-posts-content pre,
|
.wp-posts-content pre,
|
||||||
.entry-content pre,
|
.entry-content pre,
|
||||||
.prose pre {
|
.prose pre {
|
||||||
@@ -131,7 +131,7 @@ h6 { font-size: 14px; }
|
|||||||
font-size: inherit;
|
font-size: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ===== 表格 — 对齐 zibll line 8897 ===== */
|
/* ===== 表格 — 对齐 legacy line 8897 ===== */
|
||||||
.wp-posts-content table,
|
.wp-posts-content table,
|
||||||
.entry-content table,
|
.entry-content table,
|
||||||
.prose table {
|
.prose table {
|
||||||
@@ -164,7 +164,7 @@ h6 { font-size: 14px; }
|
|||||||
background-color: rgba(240, 68, 148, 0.05);
|
background-color: rgba(240, 68, 148, 0.05);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ===== 列表 — 对齐 zibll line 8977 ===== */
|
/* ===== 列表 — 对齐 legacy line 8977 ===== */
|
||||||
.wp-posts-content ul,
|
.wp-posts-content ul,
|
||||||
.wp-posts-content ol,
|
.wp-posts-content ol,
|
||||||
.entry-content ul,
|
.entry-content ul,
|
||||||
@@ -181,7 +181,7 @@ h6 { font-size: 14px; }
|
|||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ===== 引用 — 对齐 zibll line 680 ===== */
|
/* ===== 引用 — 对齐 legacy line 680 ===== */
|
||||||
.wp-posts-content blockquote,
|
.wp-posts-content blockquote,
|
||||||
.entry-content blockquote,
|
.entry-content blockquote,
|
||||||
.prose blockquote {
|
.prose blockquote {
|
||||||
@@ -200,7 +200,7 @@ h6 { font-size: 14px; }
|
|||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ===== 水平分割线 — 对齐 zibll line 676 ===== */
|
/* ===== 水平分割线 — 对齐 legacy line 676 ===== */
|
||||||
hr {
|
hr {
|
||||||
border-color: var(--main-border-color, rgba(50, 50, 50, 0.06));
|
border-color: var(--main-border-color, rgba(50, 50, 50, 0.06));
|
||||||
}
|
}
|
||||||
|
|||||||
File renamed without changes.
File renamed without changes.
@@ -1390,15 +1390,15 @@ figure.wp-block-image:not(.wp-block) {
|
|||||||
padding: 1px 13px;
|
padding: 1px 13px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zibllblock-iframe-div {
|
.aksrtblock-iframe-div {
|
||||||
padding-bottom: 56%;
|
padding-bottom: 56%;
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zibllblock-iframe-div iframe,
|
.aksrtblock-iframe-div iframe,
|
||||||
.zibllblock-iframe-div .iframe-mask {
|
.aksrtblock-iframe-div .iframe-mask {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
@@ -1406,21 +1406,21 @@ figure.wp-block-image:not(.wp-block) {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zibllblock-iframe-div .iframe-mask {
|
.aksrtblock-iframe-div .iframe-mask {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zibllblock-iframe .nois_selected .iframe-mask {
|
.aksrtblock-iframe .nois_selected .iframe-mask {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zibllblock-iframe .iframe-label {
|
.aksrtblock-iframe .iframe-label {
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zibllblock-iframe .components-base-control {
|
.aksrtblock-iframe .components-base-control {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
}
|
}
|
||||||
+1
-1
@@ -1 +1 @@
|
|||||||
body{font-size:15px;line-height:1.4em;font-family:'microsoft yahei';color:#555;--z-focus-color:#f04494}img{margin:5px 0;max-width:100%;height:auto}h3,h4,h5{padding:0 0;margin:20px 0;color:#555;font-weight:700}h1,h2{font-weight:700;margin:20px 0;padding-bottom:10px}h1{font-size:20px}h2{font-size:18px}h3{font-size:16px}h4{font-size:15px}h5{font-size:14px}li{margin-bottom:6px}p{margin-bottom:20px;word-wrap:break-word}pre{word-wrap:break-word}.opacity5{opacity:.5}.opacity8{opacity:.8}.svg-icon{width:1em;height:1em}.mt20{margin-top:20px}.but{border-radius:4px;background:var(--this-bg);color:var(--this-color);display:inline-block;border-radius:4px;transition:.15s;border:1px solid var(--this-border);vertical-align:middle;font-size:14px;padding:5px 20px;text-align:center;box-shadow:var(--this-shadow);--main-color:var(--this-color);--this-bg:rgba(136, 136, 136, 0.1);--this-border:transparent;--this-shadow:none;--this-color:#888}a.but{cursor:pointer}.but a{color:inherit}.but.radius{border-radius:50px;padding:.3em .8em}.but.hollow{background:0 0;--this-border:var(--this-color)}.but.hollow[class*=b-]{background:0 0;--this-border:var(--this-bg);--this-color:var(--this-bg)}.but:focus,.but:hover{opacity:.8;color:var(--this-color)}.but:active{--this-shadow:inset 0 2px 3px rgba(0, 0, 0, 0.08)}.but.hollow:hover{background:var(--this-bg)}.but.hollow[class*=b-]:hover{color:#fff}.but.padding-lg,.padding-lg{padding:.5em 2em}.but.circular{padding:0;border-radius:5em;display:inline-flex;justify-content:center;align-items:center;height:1.6em;min-width:1.6em}.but.circular svg.icon,.but.circular>.fa{margin-right:0}.px12{font-size:12px}.em09{font-size:.9em}.em12{font-size:1.2em}.mr3{margin-right:3px}.mr6{margin-right:6px}.mr10{margin-right:10px}.mr20{margin-right:20px}.ml3{margin-left:3px}.mln3{margin-left:-3px}.ml6{margin-left:6px}.ml10{margin-left:10px}.ml20{margin-left:20px}.mt6{margin-top:6px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mb6{margin-bottom:6px}.mb10{margin-bottom:10px}.mb20{margin-bottom:20px}.padding-10{padding:10px}.padding-15{padding:15px}.muted-box{background:#f4f4f4;border-radius:4px;padding:15px}.muted-2-color{color:#626262}.flex{display:flex}.inflex{display:inline-flex}.flex.xx,.inflex.xx{flex-direction:column}.flex.ac,.inflex.ac{align-items:center}.flex.ab,.inflex.ab{align-items:baseline}.flex.jc,.inflex.jc{align-items:center;justify-content:center}.flex.jsb,.inflex.jsb{justify-content:space-between}.flex .grow1{flex-grow:1}.flex .shrink0{flex-shrink:0}.flex .flex0{flex:none}.flex .flex1{flex:1}.b-blue,.b-green,.b-purple,.b-red,.b-theme,.b-yellow,.jb-blue,.jb-green,.jb-purple,.jb-red,.jb-yellow{color:#fff;background:var(--this-bg);--this-color:#fff}.jb-blue,.jb-green,.jb-purple,.jb-red,.jb-yellow{border:none}.b-theme{--this-bg:var(--focus-color)}.b-red{--this-bg:#ff5473}.b-yellow{--this-bg:#ff6f06}.b-blue{--this-bg:#2997f7}.b-green{--this-bg:#12b928}.b-purple{--this-bg:#d448f5}.c-blue,.c-blue-2,.c-green,.c-purple,.c-red,.c-yellow{color:var(--this-color)}.c-red{--this-color:#ff5473;--this-bg:rgba(255, 84, 115, 0.1)}.c-yellow{--this-color:#ff6f06;--this-bg:rgba(255, 111, 6, 0.1)}.c-blue{--this-color:#2997f7;--this-bg:rgba(41, 151, 247, 0.1)}.c-blue-2{--this-color:#5c7cff;--this-bg:rgba(77, 130, 249, 0.1)}.c-green{--this-color:#12b928;--this-bg:rgba(18, 185, 40, 0.1)}.c-purple{--this-color:#d448f5;--this-bg:rgba(213, 72, 245, 0.1)}.jb-red{--this-bg:linear-gradient(135deg, #fd7a64 10%, #fb2d2d 100%)}.jb-yellow{--this-bg:linear-gradient(135deg, #fdab64 10%, #f7631d 100%)}.jb-blue{--this-bg:linear-gradient(135deg, #59c3fb 10%, #268df7 100%)}.jb-green{--this-bg:linear-gradient(135deg, #60e464 10%, #5cb85b 100%)}.jb-purple{--this-bg:linear-gradient(135deg, #f98dfb 10%, #ea00f9 100%)}.block-editor-rich-text__editable code{font-size:95%;color:#f52a74;background-color:#fbebf0}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.text-ellipsis-2{line-height:1.4em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal}.mce-content-body code,code .gl{display:block;padding:10px;border-radius:8px;background:#f2f4f5;border:1px solid #0ca1f8;font-size:13px;line-height:14px}table{border-top:solid 1px #ddd;border-left:solid 1px #ddd;width:100%;margin-bottom:20px}table th{background-color:#f9f9f9;text-align:center}table td,table th{border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;padding:5px 10px}.btn a{color:inherit!important}.alignnone{margin:0 auto}.alignleft{float:left;text-align:left;margin-right:10px}.aligncenter{margin:0 auto;text-align:center;display:block}.alignright{float:right;text-align:right;margin-left:10px}.wp-dopts{color:#437e30}.wp-caption{margin-bottom:20px;background-color:#f6f6f6;padding:10px 10px 1px;max-width:100%}.wp-caption img{margin:0 0 5px}.wp-caption p{margin-bottom:10px;text-indent:0}.wp-caption.alignnone{text-align:center}.wp-caption:hover .wp-caption-text{color:#45b6f7}a{text-decoratioLine truncated
|
body{font-size:15px;line-height:1.4em;font-family:'microsoft yahei';color:#555;--z-focus-color:#f04494}img{margin:5px 0;max-width:100%;height:auto}h3,h4,h5{padding:0 0;margin:20px 0;color:#555;font-weight:700}h1,h2{font-weight:700;margin:20px 0;padding-bottom:10px}h1{font-size:20px}h2{font-size:18px}h3{font-size:16px}h4{font-size:15px}h5{font-size:14px}li{margin-bottom:6px}p{margin-bottom:20px;word-wrap:break-word}pre{word-wrap:break-word}.opacity5{opacity:.5}.opacity8{opacity:.8}.svg-icon{width:1em;height:1em}.mt20{margin-top:20px}.but{border-radius:4px;background:var(--this-bg);color:var(--this-color);display:inline-block;border-radius:4px;transition:.15s;border:1px solid var(--this-border);vertical-align:middle;font-size:14px;padding:5px 20px;text-align:center;box-shadow:var(--this-shadow);--main-color:var(--this-color);--this-bg:rgba(136, 136, 136, 0.1);--this-border:transparent;--this-shadow:none;--this-color:#888}a.but{cursor:pointer}.but a{color:inherit}.but.radius{border-radius:50px;padding:.3em .8em}.but.hollow{background:0 0;--this-border:var(--this-color)}.but.hollow[class*=b-]{background:0 0;--this-border:var(--this-bg);--this-color:var(--this-bg)}.but:focus,.but:hover{opacity:.8;color:var(--this-color)}.but:active{--this-shadow:inset 0 2px 3px rgba(0, 0, 0, 0.08)}.but.hollow:hover{background:var(--this-bg)}.but.hollow[class*=b-]:hover{color:#fff}.but.padding-lg,.padding-lg{padding:.5em 2em}.but.circular{padding:0;border-radius:5em;display:inline-flex;justify-content:center;align-items:center;height:1.6em;min-width:1.6em}.but.circular svg.icon,.but.circular>.fa{margin-right:0}.px12{font-size:12px}.em09{font-size:.9em}.em12{font-size:1.2em}.mr3{margin-right:3px}.mr6{margin-right:6px}.mr10{margin-right:10px}.mr20{margin-right:20px}.ml3{margin-left:3px}.mln3{margin-left:-3px}.ml6{margin-left:6px}.ml10{margin-left:10px}.ml20{margin-left:20px}.mt6{margin-top:6px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mb6{margin-bottom:6px}.mb10{margin-bottom:10px}.mb20{margin-bottom:20px}.padding-10{padding:10px}.padding-15{padding:15px}.muted-box{background:#f4f4f4;border-radius:4px;padding:15px}.muted-2-color{color:#626262}.flex{display:flex}.inflex{display:inline-flex}.flex.xx,.inflex.xx{flex-direction:column}.flex.ac,.inflex.ac{align-items:center}.flex.ab,.inflex.ab{align-items:baseline}.flex.jc,.inflex.jc{align-items:center;justify-content:center}.flex.jsb,.inflex.jsb{justify-content:space-between}.flex .grow1{flex-grow:1}.flex .shrink0{flex-shrink:0}.flex .flex0{flex:none}.flex .flex1{flex:1}.b-blue,.b-green,.b-purple,.b-red,.b-theme,.b-yellow,.jb-blue,.jb-green,.jb-purple,.jb-red,.jb-yellow{color:#fff;background:var(--this-bg);--this-color:#fff}.jb-blue,.jb-green,.jb-purple,.jb-red,.jb-yellow{border:none}.b-theme{--this-bg:var(--focus-color)}.b-red{--this-bg:#ff5473}.b-yellow{--this-bg:#ff6f06}.b-blue{--this-bg:#2997f7}.b-green{--this-bg:#12b928}.b-purple{--this-bg:#d448f5}.c-blue,.c-blue-2,.c-green,.c-purple,.c-red,.c-yellow{color:var(--this-color)}.c-red{--this-color:#ff5473;--this-bg:rgba(255, 84, 115, 0.1)}.c-yellow{--this-color:#ff6f06;--this-bg:rgba(255, 111, 6, 0.1)}.c-blue{--this-color:#2997f7;--this-bg:rgba(41, 151, 247, 0.1)}.c-blue-2{--this-color:#5c7cff;--this-bg:rgba(77, 130, 249, 0.1)}.c-green{--this-color:#12b928;--this-bg:rgba(18, 185, 40, 0.1)}.c-purple{--this-color:#d448f5;--this-bg:rgba(213, 72, 245, 0.1)}.jb-red{--this-bg:linear-gradient(135deg, #fd7a64 10%, #fb2d2d 100%)}.jb-yellow{--this-bg:linear-gradient(135deg, #fdab64 10%, #f7631d 100%)}.jb-blue{--this-bg:linear-gradient(135deg, #59c3fb 10%, #268df7 100%)}.jb-green{--this-bg:linear-gradient(135deg, #60e464 10%, #5cb85b 100%)}.jb-purple{--this-bg:linear-gradient(135deg, #f98dfb 10%, #ea00f9 100%)}.block-editor-rich-text__editable code{font-size:95%;color:#f52a74;background-color:#fbebf0}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.text-ellipsis-2{line-height:1.4em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal}.mce-content-body code,code .gl{display:block;padding:10px;border-radius:8px;background:#f2f4f5;border:1px solid #0ca1f8;font-size:13px;line-height:14px}table{border-top:solid 1px #ddd;border-left:solid 1px #ddd;width:100%;margin-bottom:20px}table th{background-color:#f9f9f9;text-align:center}table td,table th{border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;padding:5px 10px}.btn a{color:inherit!important}.alignnone{margin:0 auto}.alignleft{float:left;text-align:left;margin-right:10px}.aligncenter{margin:0 auto;text-align:center;display:block}.alignright{float:right;text-align:right;margin-left:10px}.wp-dopts{color:#437e30}.wp-caption{margin-bottom:20px;background-color:#f6f6f6;padding:10px 10px 1px;max-width:100%}.wp-caption img{margin:0 0 5px}.wp-caption p{margin-bottom:10px;text-indent:0}.wp-caption.alignnone{text-align:center}.wp-caption:hover .wp-caption-text{color:#45b6f7}a{text-decoratioLine truncated
|
||||||
@@ -1,4 +1,4 @@
|
|||||||
/* ========== AJAX 加载指示器 — 对齐 zibll loading spinner ========== */
|
/* ========== AJAX 加载指示器 — 对齐 legacy loading spinner ========== */
|
||||||
.aksrt-loading {
|
.aksrt-loading {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|||||||
@@ -37,7 +37,7 @@ body {
|
|||||||
background-color: var(--surface-page);
|
background-color: var(--surface-page);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* zibll compat: global link composite transition */
|
/* legacy compat: global link composite transition */
|
||||||
a[href] {
|
a[href] {
|
||||||
transition: color 0.2s, background 0.3s, opacity 0.3s, box-shadow 0.3s, transform 0.3s;
|
transition: color 0.2s, background 0.3s, opacity 0.3s, box-shadow 0.3s, transform 0.3s;
|
||||||
}
|
}
|
||||||
@@ -79,9 +79,9 @@ a[href] {
|
|||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Zibll dual-column float math expects a padding-free main.container.
|
/* legacy dual-column float math expects a padding-free main.container.
|
||||||
* Bootstrap 5 also defines .container (max-width ladder + padding-x).
|
* Bootstrap 5 also defines .container (max-width ladder + padding-x).
|
||||||
* Force Zibll geometry after Bootstrap so negative-margin sidebars land correctly. */
|
* Force legacy geometry after Bootstrap so negative-margin sidebars land correctly. */
|
||||||
.container,
|
.container,
|
||||||
main.container,
|
main.container,
|
||||||
.site-main.container {
|
.site-main.container {
|
||||||
@@ -96,7 +96,7 @@ main.container,
|
|||||||
--bs-gutter-y: 0;
|
--bs-gutter-y: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Header multifunc icon cards need horizontal gutter (zibll content rows).
|
/* Header multifunc icon cards need horizontal gutter (legacy content rows).
|
||||||
* Global .container padding is 0 for dual-column float math. */
|
* Global .container padding is 0 for dual-column float math. */
|
||||||
.header-slider-card.container {
|
.header-slider-card.container {
|
||||||
padding-left: 15px;
|
padding-left: 15px;
|
||||||
@@ -106,7 +106,7 @@ main.container,
|
|||||||
|
|
||||||
/* Header multifunc icon cards: pin typography baseline so cards render
|
/* Header multifunc icon cards: pin typography baseline so cards render
|
||||||
* identically on all pages. .px12-sm is only defined globally in
|
* identically on all pages. .px12-sm is only defined globally in
|
||||||
* zibll-utilities.css, which is @import'd by the single-post aggregator;
|
* legacy-utilities.css, which is @import'd by the single-post aggregator;
|
||||||
* vendor CSS pins it at <=640px / .sidebar / .mobile-nav-widget only. */
|
* vendor CSS pins it at <=640px / .sidebar / .mobile-nav-widget only. */
|
||||||
.header-slider-card .icon-cover-card {
|
.header-slider-card .icon-cover-card {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
@@ -175,7 +175,7 @@ main.container,
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Soft pad only when the float dual-column is collapsed.
|
/* Soft pad only when the float dual-column is collapsed.
|
||||||
* Match Zibll bootstrap container pad (15px) rather than 10px. */
|
* Match legacy bootstrap container pad (15px) rather than 10px. */
|
||||||
@media (max-width: 991.98px) {
|
@media (max-width: 991.98px) {
|
||||||
.container,
|
.container,
|
||||||
main.container {
|
main.container {
|
||||||
@@ -246,7 +246,7 @@ main.container,
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* No-wrap inline name rows — keep the level icon on the same line as the name.
|
/* No-wrap inline name rows — keep the level icon on the same line as the name.
|
||||||
* The non-standard <name> element (zibll compat) plus .user-name / author-hero /
|
* The non-standard <name> element (legacy compat) plus .user-name / author-hero /
|
||||||
* uc-header name rows must not flex-wrap, or the badge drops to a new line.
|
* uc-header name rows must not flex-wrap, or the badge drops to a new line.
|
||||||
* The comment header may still wrap (avatar + name + like can overflow on
|
* The comment header may still wrap (avatar + name + like can overflow on
|
||||||
* narrow viewports), so it keeps flex-wrap but the inner <name> never does. */
|
* narrow viewports), so it keeps flex-wrap but the inner <name> never does. */
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
/* ========== 面包屑导航 — 对齐 zibll .breadcrumb (main.css) ========== */
|
/* ========== 面包屑导航 — 对齐 legacy .breadcrumb (main.css) ========== */
|
||||||
/* Single source for breadcrumb chrome. Do not re-define in layout.css. */
|
/* Single source for breadcrumb chrome. Do not re-define in layout.css. */
|
||||||
|
|
||||||
.breadcrumb,
|
.breadcrumb,
|
||||||
@@ -24,7 +24,7 @@ ul.breadcrumb,
|
|||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Zibll uses flat li + li:before separators (not flex-gap nodes) */
|
/* legacy uses flat li + li:before separators (not flex-gap nodes) */
|
||||||
.breadcrumb > li,
|
.breadcrumb > li,
|
||||||
ul.breadcrumb > li,
|
ul.breadcrumb > li,
|
||||||
.breadcrumb-nav li,
|
.breadcrumb-nav li,
|
||||||
@@ -69,7 +69,7 @@ ul.breadcrumb > li:last-child,
|
|||||||
color: var(--main-color, var(--color-ink-2, #4e5358));
|
color: var(--main-color, var(--color-ink-2, #4e5358));
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Cover / video footer breadcrumb — Zibll single-cover-con / single-video */
|
/* Cover / video footer breadcrumb — legacy single-cover-con / single-video */
|
||||||
.single-cover-con .breadcrumb,
|
.single-cover-con .breadcrumb,
|
||||||
.single-cover-con ul.breadcrumb,
|
.single-cover-con ul.breadcrumb,
|
||||||
.single-cover-con .breadcrumb-nav,
|
.single-cover-con .breadcrumb-nav,
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
/**
|
/**
|
||||||
* 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 内边距。
|
* 阴影优先，无边框，8px 圆角，15px 内边距。
|
||||||
*
|
*
|
||||||
* @package AKSRT
|
* @package AKSRT
|
||||||
@@ -9,7 +9,7 @@
|
|||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* .aksrt-theme-box — 完整卡片原语（阴影 + 圆角 + 表面）
|
* .aksrt-theme-box — 完整卡片原语（阴影 + 圆角 + 表面）
|
||||||
* 对齐 zibll .theme-box + .box-bg
|
* 对齐 legacy .theme-box + .box-bg
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
.aksrt-theme-box {
|
.aksrt-theme-box {
|
||||||
border: none;
|
border: none;
|
||||||
@@ -33,7 +33,7 @@
|
|||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* .aksrt-box-body / .aksrt-box-header — 内边距区段
|
* .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-body,
|
||||||
.aksrt-box-header {
|
.aksrt-box-header {
|
||||||
@@ -55,7 +55,7 @@
|
|||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* .aksrt-muted-box — 柔和背景嵌套
|
* .aksrt-muted-box — 柔和背景嵌套
|
||||||
* 对齐 zibll .muted-box
|
* 对齐 legacy .muted-box
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
.aksrt-muted-box {
|
.aksrt-muted-box {
|
||||||
background-color: var(--surface-2);
|
background-color: var(--surface-2);
|
||||||
@@ -71,10 +71,10 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* Zibll 兼容别名
|
* legacy 兼容别名
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
/* Zibll .theme-box is ONLY a spacing utility (margin-bottom: 20px).
|
/* legacy .theme-box is ONLY a spacing utility (margin-bottom: 20px).
|
||||||
* Background/shadow live on .main-bg / .main-shadow / .box-bg / .zib-widget.
|
* 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. */
|
* Do NOT turn every theme-box into a card — article-header also uses it. */
|
||||||
.theme-box,
|
.theme-box,
|
||||||
.mb20 {
|
.mb20 {
|
||||||
@@ -158,9 +158,9 @@ body.dark-theme .aksrt-theme-box:hover {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* .zib-widget — zibll sidebar/widget surface
|
* .aksrt-panel — legacy sidebar/widget surface
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
.zib-widget {
|
.aksrt-panel {
|
||||||
clear: both;
|
clear: both;
|
||||||
background-color: var(--surface-1);
|
background-color: var(--surface-1);
|
||||||
padding: var(--card-padding);
|
padding: var(--card-padding);
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
* AKSRT Comment Tools
|
* AKSRT Comment Tools
|
||||||
*
|
*
|
||||||
* 评论相关样式（工具栏下拉、内容中的代码块/图片等）全部由 vendor
|
* 评论相关样式（工具栏下拉、内容中的代码块/图片等）全部由 vendor
|
||||||
* zibll main.min.css 提供，本文件不复制以免覆盖正版样式。
|
* legacy main.min.css 提供，本文件不复制以免覆盖正版样式。
|
||||||
* 仅保留页面级的投稿表单 / 分享按钮 / TOC 样式。
|
* 仅保留页面级的投稿表单 / 分享按钮 / TOC 样式。
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
|||||||
@@ -1,17 +1,17 @@
|
|||||||
/* ============================================================
|
/* ============================================================
|
||||||
* AKSRT Comments — 补充层
|
* AKSRT Comments — 补充层
|
||||||
*
|
*
|
||||||
* 评论区的全部样式以 vendor 的 Zibll 正版样式为准：
|
* 评论区的全部样式以 vendor 的 legacy 正版样式为准：
|
||||||
* assets/vendor/zibll/css/main.min.css（含 #comments/#postcomments
|
* assets/css/main.min.css（含 #comments/#postcomments
|
||||||
* 桌面规则与移动端媒体查询：.mobile-fixed/.virtual-input/.pagenav/
|
* 桌面规则与移动端媒体查询：.mobile-fixed/.virtual-input/.pagenav/
|
||||||
* .tab-nav-theme/.dropdown-menu/.line-form/.placeholder 等）
|
* .tab-nav-theme/.dropdown-menu/.line-form/.placeholder 等）
|
||||||
* + bootstrap 3（.list-unstyled/.list-inline）
|
* + bootstrap 3（.list-unstyled/.list-inline）
|
||||||
*
|
*
|
||||||
* 本文件只补 AKSRT 特有标记的样式，禁止复制 Zibll 规则——
|
* 本文件只补 AKSRT 特有标记的样式，禁止复制 legacy 规则——
|
||||||
* 带 #comments id 前缀的副本会覆盖 vendor 正版样式造成 UI 偏差。
|
* 带 #comments id 前缀的副本会覆盖 vendor 正版样式造成 UI 偏差。
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
|
|
||||||
/* 身份徽章（AKSRT 渲染于 <name> 内，对应 zibll 的认证/等级徽章位） */
|
/* 身份徽章（AKSRT 渲染于 <name> 内，对应 legacy 的认证/等级徽章位） */
|
||||||
#comments .comment-header .aksrt-identity-chip {
|
#comments .comment-header .aksrt-identity-chip {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|||||||
@@ -1,28 +1,28 @@
|
|||||||
/**
|
/**
|
||||||
* Zibll Variable Compatibility Layer — Global Bridge
|
* legacy Variable Compatibility Layer — Global Bridge
|
||||||
*
|
*
|
||||||
* Maps Zibll CSS variable names to AKSRT design tokens.
|
* Maps legacy CSS variable names to AKSRT design tokens.
|
||||||
* This file allows existing Zibll-style markup and third-party components
|
* This file allows existing legacy-style markup and third-party components
|
||||||
* that reference Zibll variables to work correctly in AKSRT.
|
* that reference legacy variables to work correctly in AKSRT.
|
||||||
*
|
*
|
||||||
* @package AKSRT
|
* @package AKSRT
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* Global bridge (all pages)
|
* 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 {
|
:root {
|
||||||
/* Layout (zibll typo preserved for compat) */
|
/* Layout (legacy typo preserved for compat) */
|
||||||
--mian-max-width: var(--container, 1200px);
|
--mian-max-width: var(--container, 1200px);
|
||||||
|
|
||||||
/* Theme color — now matches zibll #f04494 */
|
/* Theme color — now matches legacy #f04494 */
|
||||||
--theme-color: var(--color-primary, #f04494);
|
--theme-color: var(--color-primary, #f04494);
|
||||||
--focus-color: var(--color-primary, #f04494);
|
--focus-color: var(--color-primary, #f04494);
|
||||||
/* zibll focus glow = fixed #fd53a1 @ 0.4 (not the faint primary-soft) */
|
/* legacy focus glow = fixed #fd53a1 @ 0.4 (not the faint primary-soft) */
|
||||||
--focus-shadow-color: rgba(253, 83, 161, 0.4);
|
--focus-shadow-color: rgba(253, 83, 161, 0.4);
|
||||||
|
|
||||||
/* zibll --focus-color-opacityX — theme-color at fixed alphas.
|
/* legacy --focus-color-opacityX — theme-color at fixed alphas.
|
||||||
Tracks the runtime theme via --color-primary-rgb (injected by
|
Tracks the runtime theme via --color-primary-rgb (injected by
|
||||||
AKSRT_Scripts::inline_css_vars); fallback RGB = #f04494. */
|
AKSRT_Scripts::inline_css_vars); fallback RGB = #f04494. */
|
||||||
--focus-color-opacity1: rgba(var(--color-primary-rgb, 240, 68, 148), 0.1);
|
--focus-color-opacity1: rgba(var(--color-primary-rgb, 240, 68, 148), 0.1);
|
||||||
@@ -59,20 +59,20 @@
|
|||||||
--footer-bg: var(--surface-1);
|
--footer-bg: var(--surface-1);
|
||||||
--footer-color: var(--color-ink-4);
|
--footer-color: var(--color-ink-4);
|
||||||
|
|
||||||
/* Cards — 对齐 zibll 70% */
|
/* Cards — 对齐 legacy 70% */
|
||||||
--posts-card-scale: 70%;
|
--posts-card-scale: 70%;
|
||||||
--posts-list-scale: 70%;
|
--posts-list-scale: 70%;
|
||||||
--single-cover-scale: 35%;
|
--single-cover-scale: 35%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* zibll --this-* context-coloring DEFAULTS live with the .but system in
|
/* legacy --this-* context-coloring DEFAULTS live with the .but system in
|
||||||
* assets/css/core/buttons.css — they must precede the .b-*/.jb-* color
|
* assets/css/core/buttons.css — they must precede the .b-*/.jb-* color
|
||||||
* modifiers in source order for the cascade to resolve colored variants
|
* modifiers in source order for the cascade to resolve colored variants
|
||||||
* correctly, so they cannot sit in this later-loaded bridge file.
|
* correctly, so they cannot sit in this later-loaded bridge file.
|
||||||
* (Scoped to .but/.badg there, never :root, so .float-btn stays intact.) */
|
* (Scoped to .but/.badg there, never :root, so .float-btn stays intact.) */
|
||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* Dark mode bridge — 对齐 zibll dark theme
|
* Dark mode bridge — 对齐 legacy dark theme
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
html.dark,
|
html.dark,
|
||||||
body.dark-theme {
|
body.dark-theme {
|
||||||
@@ -1,4 +1,4 @@
|
|||||||
/* ========== 空状态 — 对齐 zibll empty state ========== */
|
/* ========== 空状态 — 对齐 legacy empty state ========== */
|
||||||
.empty-state {
|
.empty-state {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 60px 20px;
|
padding: 60px 20px;
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
/* ============================================================
|
/* ============================================================
|
||||||
* 21. 弹窗登录/注册 — 1:1 Zibll modal
|
* 21. 弹窗登录/注册 — 1:1 legacy modal
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
.aksrt-modal-auth {
|
.aksrt-modal-auth {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
|||||||
@@ -59,7 +59,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Zibll lazySizes state and animation contract. */
|
/* legacy lazySizes state and animation contract. */
|
||||||
.lazyloaded {
|
.lazyloaded {
|
||||||
transition: 0.3s;
|
transition: 0.3s;
|
||||||
--lazy-animation: lazy_blur;
|
--lazy-animation: lazy_blur;
|
||||||
@@ -112,7 +112,7 @@ img.lazyloaded:not(.lazyloadafter) {
|
|||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* 16. FPS 加速模式：低端设备禁用 backdrop-filter
|
* 16. FPS 加速模式：低端设备禁用 backdrop-filter
|
||||||
* 模仿 zibll 的 body.fps-accelerat 模式
|
* 模仿 legacy 的 body.fps-accelerat 模式
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
body.fps-accelerat .site-nav,
|
body.fps-accelerat .site-nav,
|
||||||
body.fps-accelerat .footer-tabbar,
|
body.fps-accelerat .footer-tabbar,
|
||||||
@@ -131,7 +131,7 @@ body.dialog-open .site-nav {
|
|||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* 17. .blur-bg 通用工具类
|
* 17. .blur-bg 通用工具类
|
||||||
* 模仿 zibll 的 .blur-bg，可在任意元素上应用毛玻璃效果
|
* 模仿 legacy 的 .blur-bg，可在任意元素上应用毛玻璃效果
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
.aksrt-blur-bg {
|
.aksrt-blur-bg {
|
||||||
background: var(--blur-bg);
|
background: var(--blur-bg);
|
||||||
@@ -151,7 +151,7 @@ body.dialog-open .site-nav {
|
|||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* 19. 全站动效节奏统一
|
* 19. 全站动效节奏统一
|
||||||
* 模仿 zibll 的统一 hover / slide / blur / drawer 语言
|
* 模仿 legacy 的统一 hover / slide / blur / drawer 语言
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
|
|
||||||
/* --- 全局过渡基线 --- */
|
/* --- 全局过渡基线 --- */
|
||||||
@@ -420,7 +420,7 @@ html.dark * {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* 底部弹出 Sheet — 对齐 zibll .modal.bottom
|
* 底部弹出 Sheet — 对齐 legacy .modal.bottom
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
.aksrt-modal--bottom .aksrt-modal-auth__card,
|
.aksrt-modal--bottom .aksrt-modal-auth__card,
|
||||||
.modal.bottom .modal-dialog {
|
.modal.bottom .modal-dialog {
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
@import url("footer/part-2.css");
|
@import url("footer/part-2.css");
|
||||||
@import url("footer/part-3.css");
|
@import url("footer/part-3.css");
|
||||||
@import url("footer/part-4.css");
|
@import url("footer/part-4.css");
|
||||||
@import url("footer/zibll-shell.css");
|
@import url("footer/shell.css");
|
||||||
@@ -1,6 +1,6 @@
|
|||||||
/* ============================================================
|
/* ============================================================
|
||||||
* AKSRT Footer utilities — float buttons start + device helpers
|
* AKSRT Footer utilities — float buttons start + device helpers
|
||||||
* Main template_1 shell: zibll-shell.css
|
* Main template_1 shell: shell.css
|
||||||
* Tabbar / float details: part-2.css+
|
* Tabbar / float details: part-2.css+
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
|
|
||||||
@@ -19,9 +19,9 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* 浮动右侧按钮组（模仿 zibll float-right）— continued in part-2
|
* 浮动右侧按钮组（模仿 legacy float-right）— continued in part-2
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
/* 对齐 zibll: bottom 60px, z-index 1030 */
|
/* 对齐 legacy: bottom 60px, z-index 1030 */
|
||||||
.float-right-btns {
|
.float-right-btns {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
right: 20px;
|
right: 20px;
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* 对齐 zibll: 40px, 1.4em icon */
|
/* 对齐 legacy: 40px, 1.4em icon */
|
||||||
.float-btn {
|
.float-btn {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@@ -81,7 +81,7 @@ body.dark-theme #float-theme-toggle .float-btn__icon-sun {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* 移动端底部 Tab 栏（模仿 zibll footer-tabbar）
|
* 移动端底部 Tab 栏（模仿 legacy footer-tabbar）
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
.footer-tabbar {
|
.footer-tabbar {
|
||||||
display: none;
|
display: none;
|
||||||
@@ -166,7 +166,7 @@ body.dark-theme #float-theme-toggle .float-btn__icon-sun {
|
|||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 对齐 zibll: 24px 图标 */
|
/* 对齐 legacy: 24px 图标 */
|
||||||
.tabbar-item i {
|
.tabbar-item i {
|
||||||
font-size: var(--tabbar-icon-size, 24px);
|
font-size: var(--tabbar-icon-size, 24px);
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
/**
|
/**
|
||||||
* Footer — Zibll template_1 shell
|
* Footer — legacy template_1 shell
|
||||||
* Contract: zibll/css/main.css footer block + zib_footer_con markup
|
* Contract: legacy/css/main.css footer block + legacy markup
|
||||||
*/
|
*/
|
||||||
.footer {
|
.footer {
|
||||||
color: var(--footer-color, var(--color-ink-4));
|
color: var(--footer-color, var(--color-ink-4));
|
||||||
@@ -55,7 +55,7 @@
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* title-h-left underline bar (Zibll) */
|
/* title-h-left underline bar (legacy) */
|
||||||
.footer .title-h-left {
|
.footer .title-h-left {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin: 8px 0 10px;
|
margin: 8px 0 10px;
|
||||||
@@ -108,7 +108,7 @@
|
|||||||
vertical-align: 0.2em;
|
vertical-align: 0.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Circular contact buttons — Zibll .toggle-radius + .footer-contact > a */
|
/* Circular contact buttons — legacy .toggle-radius + .footer-contact > a */
|
||||||
.footer .toggle-radius {
|
.footer .toggle-radius {
|
||||||
background: var(--this-bg, var(--main-border-color, var(--surface-2, #f0f0f0)));
|
background: var(--this-bg, var(--main-border-color, var(--surface-2, #f0f0f0)));
|
||||||
width: 29px;
|
width: 29px;
|
||||||
@@ -213,7 +213,7 @@
|
|||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Device visibility — Zibll hidden-xs */
|
/* Device visibility — legacy hidden-xs */
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
.footer .hidden-xs,
|
.footer .hidden-xs,
|
||||||
.hidden-xs {
|
.hidden-xs {
|
||||||
@@ -1,7 +1,7 @@
|
|||||||
/**
|
/**
|
||||||
* Header account popover.
|
* Header account popover.
|
||||||
*
|
*
|
||||||
* The shared Zibll navigation styles provide the popover shell. This module
|
* The shared legacy navigation styles provide the popover shell. This module
|
||||||
* owns AKSRT-specific account content such as check-in, wallet and VIP rows.
|
* owns AKSRT-specific account content such as check-in, wallet and VIP rows.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
|||||||
@@ -1,11 +1,11 @@
|
|||||||
/**
|
/**
|
||||||
* Homepage Fixed Layout — Zibll Visual Parity
|
* Homepage Fixed Layout — legacy Visual Parity
|
||||||
*
|
*
|
||||||
* Implements Zibll's homepage visual language:
|
* Implements legacy's homepage visual language:
|
||||||
* - System font stack with Chinese fallbacks
|
* - System font stack with Chinese fallbacks
|
||||||
* - 1200px container, 311px sidebar
|
* - 1200px container, 311px sidebar
|
||||||
* - Post cards: list mode (190px thumb) + card mode (3-col grid)
|
* - Post cards: list mode (190px thumb) + card mode (3-col grid)
|
||||||
* - Zibll shadow/radius/spacing values
|
* - legacy shadow/radius/spacing values
|
||||||
* - scale(1.02) thumbnail hover
|
* - scale(1.02) thumbnail hover
|
||||||
* - Lazy-load animations (blur/fade/scale)
|
* - Lazy-load animations (blur/fade/scale)
|
||||||
* - Full responsive: 1200/991/767/640px breakpoints
|
* - Full responsive: 1200/991/767/640px breakpoints
|
||||||
@@ -32,7 +32,7 @@
|
|||||||
background: transparent;
|
background: transparent;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
/* Slightly looser than stock zibll short pages: air between stream and footer */
|
/* Slightly looser than stock legacy short pages: air between stream and footer */
|
||||||
padding-bottom: 28px;
|
padding-bottom: 28px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -77,7 +77,7 @@
|
|||||||
12. SIDEBAR
|
12. SIDEBAR
|
||||||
================================================================ */
|
================================================================ */
|
||||||
|
|
||||||
.aksrt-homepage__aside > .zib-widget,
|
.aksrt-homepage__aside > .aksrt-panel,
|
||||||
.aksrt-homepage__aside > .widget {
|
.aksrt-homepage__aside > .widget {
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
@@ -87,7 +87,7 @@
|
|||||||
box-shadow: var(--shadow-sm);
|
box-shadow: var(--shadow-sm);
|
||||||
}
|
}
|
||||||
|
|
||||||
.aksrt-homepage__aside > .zib-widget:last-child,
|
.aksrt-homepage__aside > .aksrt-panel:last-child,
|
||||||
.aksrt-homepage__aside > .widget:last-child {
|
.aksrt-homepage__aside > .widget:last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -57,7 +57,7 @@
|
|||||||
* body.site-layout-2 = sidebar right
|
* body.site-layout-2 = sidebar right
|
||||||
* body.site-layout-3 = sidebar left
|
* body.site-layout-3 = sidebar left
|
||||||
*
|
*
|
||||||
* This intentionally uses Zibll's float/negative-margin ownership model.
|
* This intentionally uses legacy's float/negative-margin ownership model.
|
||||||
* Below 992px the sidebar is hidden and the content margins collapse.
|
* Below 992px the sidebar is hidden and the content margins collapse.
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
|
|
||||||
@@ -68,7 +68,7 @@ main.content-shell,
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* content-shell is a padding shell for non-dual pages; when it also hosts
|
/* content-shell is a padding shell for non-dual pages; when it also hosts
|
||||||
* the float dual-column, kill horizontal padding so negative-margin math matches Zibll. */
|
* the float dual-column, kill horizontal padding so negative-margin math matches legacy. */
|
||||||
main.container.content-shell,
|
main.container.content-shell,
|
||||||
main.content-shell.container,
|
main.content-shell.container,
|
||||||
.site-main.container.content-shell {
|
.site-main.container.content-shell {
|
||||||
@@ -92,7 +92,7 @@ main.content-shell::after,
|
|||||||
* Critical: .content-layout must NOT set width:100%. Under box-sizing:border-box
|
* Critical: .content-layout must NOT set width:100%. Under box-sizing:border-box
|
||||||
* a 100% width + margin-right gutter keeps the border-box at full container
|
* a 100% width + margin-right gutter keeps the border-box at full container
|
||||||
* width, so the gutter never shrinks the content box and .sidebar (margin-left:-311px)
|
* width, so the gutter never shrinks the content box and .sidebar (margin-left:-311px)
|
||||||
* sits under the main column (overlap). Zibll only sets margin on .content-layout;
|
* sits under the main column (overlap). legacy only sets margin on .content-layout;
|
||||||
* width stays auto so margin carves out the column. */
|
* width stays auto so margin carves out the column. */
|
||||||
.content-wrap {
|
.content-wrap {
|
||||||
float: left;
|
float: left;
|
||||||
@@ -118,10 +118,10 @@ main.content-shell::after,
|
|||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Base sidebar column (Zibll .sidebar defaults) — layout variants override below */
|
/* Base sidebar column (legacy .sidebar defaults) — layout variants override below */
|
||||||
.sidebar {
|
.sidebar {
|
||||||
float: left;
|
float: left;
|
||||||
width: 311px; /* Zibll hard 311px; --sidebar-width kept in sync via runtime vars */
|
width: 311px; /* legacy hard 311px; --sidebar-width kept in sync via runtime vars */
|
||||||
width: var(--sidebar-width, 311px);
|
width: var(--sidebar-width, 311px);
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -152,7 +152,7 @@ body.site-layout-1 .content-layout--no-sidebar,
|
|||||||
margin-right: 0 !important;
|
margin-right: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Sidebar RIGHT (layout 2) — Zibll: margin-right: calc(311px + 15px) only */
|
/* Sidebar RIGHT (layout 2) — legacy: margin-right: calc(311px + 15px) only */
|
||||||
body.site-layout-2 .content-layout,
|
body.site-layout-2 .content-layout,
|
||||||
.site-layout-2 .content-layout {
|
.site-layout-2 .content-layout {
|
||||||
margin-right: calc(311px + 15px);
|
margin-right: calc(311px + 15px);
|
||||||
@@ -207,7 +207,7 @@ body.site-layout-3 .sidebar,
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Mobile collapse (Zibll max-width: 991px) */
|
/* Mobile collapse (legacy max-width: 991px) */
|
||||||
@media (max-width: 991.98px) {
|
@media (max-width: 991.98px) {
|
||||||
body.site-layout-2 .content-layout,
|
body.site-layout-2 .content-layout,
|
||||||
body.site-layout-3 .content-layout,
|
body.site-layout-3 .content-layout,
|
||||||
@@ -586,7 +586,7 @@ body.site-layout-3 .sidebar,
|
|||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ========== 移动端/平板隐藏侧栏（与 zibll 一致：991px 以下隐藏） ========== */
|
/* ========== 移动端/平板隐藏侧栏（与 legacy 一致：991px 以下隐藏） ========== */
|
||||||
@media (max-width: 991px) {
|
@media (max-width: 991px) {
|
||||||
.content-layout__aside {
|
.content-layout__aside {
|
||||||
display: none;
|
display: none;
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
/**
|
/**
|
||||||
* Zibll utility class bridge
|
* legacy utility class bridge
|
||||||
*
|
*
|
||||||
* Single / author / meta markup still uses Zibll utility class names
|
* Single / author / meta markup still uses legacy utility class names
|
||||||
* (.flex / .ac / .jsb / .abs-right / .muted-2-color / …). Without these
|
* (.flex / .ac / .jsb / .abs-right / .muted-2-color / …). Without these
|
||||||
* helpers the author bar and meta row collapse into a vertical mess.
|
* helpers the author bar and meta row collapse into a vertical mess.
|
||||||
*
|
*
|
||||||
@@ -31,7 +31,7 @@
|
|||||||
.jse { justify-content: space-evenly; }
|
.jse { justify-content: space-evenly; }
|
||||||
.flex.jsa,
|
.flex.jsa,
|
||||||
.jsa { justify-content: space-around; }
|
.jsa { justify-content: space-around; }
|
||||||
/* Nested flex1 (zibll .flex .flex1) — allow both direct and descendant */
|
/* Nested flex1 (legacy .flex .flex1) — allow both direct and descendant */
|
||||||
.flex > .flex1,
|
.flex > .flex1,
|
||||||
.flex .flex1 { flex: 1; overflow: hidden; min-width: 0; }
|
.flex .flex1 { flex: 1; overflow: hidden; min-width: 0; }
|
||||||
.relative-h { position: relative; height: 100%; }
|
.relative-h { position: relative; height: 100%; }
|
||||||
@@ -65,7 +65,7 @@
|
|||||||
top: 0;
|
top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* zibll .abs-center: full-width vertical center (translateY only).
|
/* legacy .abs-center: full-width vertical center (translateY only).
|
||||||
* Header search and slide-text rely on this model. Point-center
|
* Header search and slide-text rely on this model. Point-center
|
||||||
* (left:50% + translate(-50%,-50%)) is NOT used for these layers. */
|
* (left:50% + translate(-50%,-50%)) is NOT used for these layers. */
|
||||||
.abs-center {
|
.abs-center {
|
||||||
@@ -78,7 +78,7 @@
|
|||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Zibll abs-center position variants (main.css) */
|
/* legacy abs-center position variants (main.css) */
|
||||||
.abs-center.left-top,
|
.abs-center.left-top,
|
||||||
.abs-center.right-top {
|
.abs-center.right-top {
|
||||||
transform: unset;
|
transform: unset;
|
||||||
@@ -127,7 +127,7 @@
|
|||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Graphic ratio box (cover / related thumbs) — Zibll .graphic */
|
/* Graphic ratio box (cover / related thumbs) — legacy .graphic */
|
||||||
.graphic,
|
.graphic,
|
||||||
.page-cover {
|
.page-cover {
|
||||||
text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
|
text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
|
||||||
@@ -155,7 +155,7 @@
|
|||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* title-h-left underline bar (Zibll) */
|
/* title-h-left underline bar (legacy) */
|
||||||
.title-h-left {
|
.title-h-left {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding-bottom: 8px;
|
padding-bottom: 8px;
|
||||||
@@ -175,7 +175,7 @@
|
|||||||
box-shadow: 1px 1px 3px -1px var(--theme-color, var(--focus-color, #f04494));
|
box-shadow: 1px 1px 3px -1px var(--theme-color, var(--focus-color, #f04494));
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line-form-line — Zibll absolute bottom rule (author meta separator) */
|
/* line-form-line — legacy absolute bottom rule (author meta separator) */
|
||||||
.line-form-line,
|
.line-form-line,
|
||||||
.line-form-line:before {
|
.line-form-line:before {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -1,10 +1,10 @@
|
|||||||
/* ============================================================
|
/* ============================================================
|
||||||
* 徽章弹窗（zibll medal 1:1 风格）
|
* 徽章弹窗（legacy medal 1:1 风格）
|
||||||
* ------------------------------------------------------------
|
* ------------------------------------------------------------
|
||||||
* 共享于用户中心与公开主页的服务端 HTML 徽章弹窗。
|
* 共享于用户中心与公开主页的服务端 HTML 徽章弹窗。
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
|
|
||||||
/* ---------- 顶部资料卡入口（zibll user-medal-info parity） ---------- */
|
/* ---------- 顶部资料卡入口（legacy user-medal-info parity） ---------- */
|
||||||
.aksrt-medal-entry,
|
.aksrt-medal-entry,
|
||||||
.uc-header__meta-item {
|
.uc-header__meta-item {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
@@ -99,7 +99,7 @@
|
|||||||
border-radius: 0 0 1000px 1000px;
|
border-radius: 0 0 1000px 1000px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ---------- 卡片网格（zibll .medal-list-box / .medal-list） ---------- */
|
/* ---------- 卡片网格（legacy .medal-list-box / .medal-list） ---------- */
|
||||||
.medal-list-box {
|
.medal-list-box {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(5, 1fr);
|
grid-template-columns: repeat(5, 1fr);
|
||||||
@@ -156,7 +156,7 @@
|
|||||||
color: var(--focus-color);
|
color: var(--focus-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 未获得：灰度 + 透明（zibll .no-has） */
|
/* 未获得：灰度 + 透明（legacy .no-has） */
|
||||||
.medal-card.no-has {
|
.medal-card.no-has {
|
||||||
-webkit-filter: grayscale(100%);
|
-webkit-filter: grayscale(100%);
|
||||||
filter: grayscale(100%);
|
filter: grayscale(100%);
|
||||||
@@ -181,7 +181,7 @@
|
|||||||
color: var(--focus-color);
|
color: var(--focus-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ---------- 单徽章详情卡（zibll .medal-single-card） ---------- */
|
/* ---------- 单徽章详情卡（legacy .medal-single-card） ---------- */
|
||||||
.medal-single-card {
|
.medal-single-card {
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@@ -295,7 +295,7 @@
|
|||||||
padding: 2px;
|
padding: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 底部操作区（zibll .modal-buts.but-average 语义） */
|
/* 底部操作区（legacy .modal-buts.but-average 语义） */
|
||||||
.medal-modal__buts {
|
.medal-modal__buts {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin: 12px -4px -12px;
|
margin: 12px -4px -12px;
|
||||||
@@ -322,13 +322,13 @@
|
|||||||
}
|
}
|
||||||
.medal-modal__back:hover { color: var(--focus-color); }
|
.medal-modal__back:hover { color: var(--focus-color); }
|
||||||
|
|
||||||
/* ---------- 细滚动条（zibll .mini-scrollbar） ---------- */
|
/* ---------- 细滚动条（legacy .mini-scrollbar） ---------- */
|
||||||
.mini-scrollbar { scrollbar-width: thin; scrollbar-color: var(--muted-border-color, rgba(136, 136, 136, 0.3)) transparent; }
|
.mini-scrollbar { scrollbar-width: thin; scrollbar-color: var(--muted-border-color, rgba(136, 136, 136, 0.3)) transparent; }
|
||||||
.mini-scrollbar::-webkit-scrollbar { width: 5px; height: 5px; }
|
.mini-scrollbar::-webkit-scrollbar { width: 5px; height: 5px; }
|
||||||
.mini-scrollbar::-webkit-scrollbar-thumb { background: var(--muted-border-color, rgba(136, 136, 136, 0.3)); border-radius: 10px; }
|
.mini-scrollbar::-webkit-scrollbar-thumb { background: var(--muted-border-color, rgba(136, 136, 136, 0.3)); border-radius: 10px; }
|
||||||
.mini-scrollbar::-webkit-scrollbar-track { background: transparent; }
|
.mini-scrollbar::-webkit-scrollbar-track { background: transparent; }
|
||||||
|
|
||||||
/* ---------- 响应式（zibll: 桌面 5 列 / 移动 4 列） ---------- */
|
/* ---------- 响应式（legacy: 桌面 5 列 / 移动 4 列） ---------- */
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
.medal-list-box { grid-template-columns: repeat(4, 1fr); }
|
.medal-list-box { grid-template-columns: repeat(4, 1fr); }
|
||||||
.medal-list-box--grant { grid-template-columns: 1fr; }
|
.medal-list-box--grant { grid-template-columns: 1fr; }
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
/**
|
/**
|
||||||
* Zibll-compatible frontend notifications.
|
* legacy-compatible frontend notifications.
|
||||||
*
|
*
|
||||||
* @package AKSRT
|
* @package AKSRT
|
||||||
*/
|
*/
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
* AKSRT Overlay / Glass Primitives
|
* AKSRT Overlay / Glass Primitives
|
||||||
*
|
*
|
||||||
* Provides backdrop-filter glass surfaces used by header, footer-tabbar,
|
* 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
|
* @package AKSRT
|
||||||
*/
|
*/
|
||||||
@@ -19,7 +19,7 @@
|
|||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* Glass on site-nav (when using fixed/sticky mode)
|
* 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).
|
* saturate(5) blur(20px) instead of the lighter saturate(1.5) blur(18px).
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
.site-nav--glass {
|
.site-nav--glass {
|
||||||
@@ -41,7 +41,7 @@ html.dark .site-nav--glass.is-scrolled {
|
|||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* Glass on footer-tabbar (already uses backdrop-filter in footer.css;
|
* 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 {
|
.footer-tabbar--glass {
|
||||||
-webkit-backdrop-filter: saturate(5) blur(20px);
|
-webkit-backdrop-filter: saturate(5) blur(20px);
|
||||||
@@ -66,7 +66,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 {
|
body.has-scrolled .site-nav--glass {
|
||||||
box-shadow: 0 4px 10px rgba(20, 28, 48, 0.06);
|
box-shadow: 0 4px 10px rgba(20, 28, 48, 0.06);
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
/* ========== 分页 — 对齐 zibll pagination ========== */
|
/* ========== 分页 — 对齐 legacy pagination ========== */
|
||||||
.content-stream__footer-nav {
|
.content-stream__footer-nav {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
/**
|
/**
|
||||||
* Zibll 9.0 article list/card contract.
|
* legacy 9.0 article list/card contract.
|
||||||
* Source baseline: css/main.css (SHA-256 recorded in tests/visual).
|
* Source baseline: css/main.css (SHA-256 recorded in tests/visual).
|
||||||
*/
|
*/
|
||||||
|
|
||||||
@@ -84,7 +84,7 @@
|
|||||||
height: 100% !important;
|
height: 100% !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.list .item-thumbnail .zib-slider,
|
.list .item-thumbnail .aksrt-slider,
|
||||||
.list .item-thumbnail.new-swiper {
|
.list .item-thumbnail.new-swiper {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -614,7 +614,7 @@
|
|||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-widget .posts-item.no_margin {
|
.aksrt-panel .posts-item.no_margin {
|
||||||
padding: 10px 0;
|
padding: 10px 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -11,7 +11,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* v2 双栏布局 — 模仿 zibll pay-box
|
* v2 双栏布局 — 模仿 legacy pay-box
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
.resource-download-box--v2 {
|
.resource-download-box--v2 {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|||||||
@@ -202,7 +202,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* 渐变价格标签（模仿 zibll 渐变 pay-tag）
|
* 渐变价格标签（模仿 legacy 渐变 pay-tag）
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
.resource-download-box__price--gradient {
|
.resource-download-box__price--gradient {
|
||||||
background: linear-gradient(135deg, #EF4444 0%, #F97316 100%);
|
background: linear-gradient(135deg, #EF4444 0%, #F97316 100%);
|
||||||
@@ -235,7 +235,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* 下载框整体增强 — 模仿 zibll pay-box 视觉重量
|
* 下载框整体增强 — 模仿 legacy pay-box 视觉重量
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
.resource-download-box {
|
.resource-download-box {
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -254,7 +254,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* 付费类型徽章 — 模仿 zibll 渐变 pay-tag
|
* 付费类型徽章 — 模仿 legacy 渐变 pay-tag
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
.resource-pay-type-badge {
|
.resource-pay-type-badge {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
@@ -287,7 +287,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* 原价划线 — 模仿 zibll .original-price
|
* 原价划线 — 模仿 legacy .original-price
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
.resource-original-price {
|
.resource-original-price {
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
/* ========== 侧边栏 — 对齐 zibll sidebar ========== */
|
/* ========== 侧边栏 — 对齐 legacy sidebar ========== */
|
||||||
/* Width/float geometry is owned by body.site-layout-* in layout.css.
|
/* Width/float geometry is owned by body.site-layout-* in layout.css.
|
||||||
* Keep only non-layout chrome here. */
|
* Keep only non-layout chrome here. */
|
||||||
.sidebar {
|
.sidebar {
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
@import url("zibll-utilities.css");
|
@import url("legacy-utilities.css");
|
||||||
@import url("single-post/shell.css");
|
@import url("single-post/shell.css");
|
||||||
@import url("single-post/content.css");
|
@import url("single-post/content.css");
|
||||||
@import url("single-post/code-blocks.css");
|
@import url("single-post/code-blocks.css");
|
||||||
|
|||||||
@@ -104,7 +104,7 @@
|
|||||||
margin-bottom: 16px;
|
margin-bottom: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Zibll .post-actions — text/icon column buttons, not pill chips */
|
/* legacy .post-actions — text/icon column buttons, not pill chips */
|
||||||
.post-actions-card,
|
.post-actions-card,
|
||||||
.post-actions {
|
.post-actions {
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -124,7 +124,7 @@
|
|||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Legacy card-buttons flex only for non-zibll card variant */
|
/* Legacy card-buttons flex only for non-legacy card variant */
|
||||||
.post-actions-card__buttons {
|
.post-actions-card__buttons {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
@@ -132,7 +132,7 @@
|
|||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Zibll: .article .action { width:80px; padding:10px 0; inline-block; opacity:.7 } */
|
/* legacy: .article .action { width:80px; padding:10px 0; inline-block; opacity:.7 } */
|
||||||
.article .action,
|
.article .action,
|
||||||
.post-actions .action {
|
.post-actions .action {
|
||||||
width: 80px;
|
width: 80px;
|
||||||
@@ -406,7 +406,7 @@ html.dark .post-drop-meta__item:hover {
|
|||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ===== Author Card — 对齐 zibll 卡片容器 ===== */
|
/* ===== Author Card — 对齐 legacy 卡片容器 ===== */
|
||||||
.author-box {
|
.author-box {
|
||||||
margin-bottom: 16px;
|
margin-bottom: 16px;
|
||||||
padding: 18px;
|
padding: 18px;
|
||||||
@@ -554,7 +554,7 @@ html.dark .post-drop-meta__item:hover {
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* ===== Zibll single-metabox / author bar ===== */
|
/* ===== legacy single-metabox / author bar ===== */
|
||||||
.article-avatar .user-info {
|
.article-avatar .user-info {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
@@ -622,7 +622,7 @@ html.dark .post-drop-meta__item:hover {
|
|||||||
--body-bg-color: rgba(0, 0, 0, 0.3);
|
--body-bg-color: rgba(0, 0, 0, 0.3);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line-form-line owned by zibll-utilities.css — only context here */
|
/* line-form-line owned by legacy-utilities.css — only context here */
|
||||||
.article-avatar .line-form-line {
|
.article-avatar .line-form-line {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
@@ -635,7 +635,7 @@ html.dark .post-drop-meta__item:hover {
|
|||||||
.article-tags .but.c-red { color: #f44336; }
|
.article-tags .but.c-red { color: #f44336; }
|
||||||
|
|
||||||
|
|
||||||
/* ===== Zibll user-card after-box ===== */
|
/* ===== legacy user-card after-box ===== */
|
||||||
.user-card.author { margin-bottom: 16px; overflow: hidden; }
|
.user-card.author { margin-bottom: 16px; overflow: hidden; }
|
||||||
.user-card.author .user-avatar { display: flex; justify-content: center; }
|
.user-card.author .user-avatar { display: flex; justify-content: center; }
|
||||||
.user-card.author .user-avatar .avatar,
|
.user-card.author .user-avatar .avatar,
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
/* ========== Single Post ========== */
|
/* ========== Single Post ========== */
|
||||||
|
|
||||||
/* Zibll .article — card body padding wins over .box-body (main.css order) */
|
/* legacy .article — card body padding wins over .box-body (main.css order) */
|
||||||
.article,
|
.article,
|
||||||
article.article.box-body,
|
article.article.box-body,
|
||||||
.article.main-bg.box-body {
|
.article.main-bg.box-body {
|
||||||
@@ -31,7 +31,7 @@ article.article.box-body,
|
|||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 标题 — 对齐 zibll: 22px, bold, line-height 1.4 */
|
/* 标题 — 对齐 legacy: 22px, bold, line-height 1.4 */
|
||||||
.entry-title,
|
.entry-title,
|
||||||
.article-title {
|
.article-title {
|
||||||
font-size: 22px;
|
font-size: 22px;
|
||||||
@@ -79,7 +79,7 @@ article.article.box-body,
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 内容区 — 对齐 zibll: 16px, line-height 2 */
|
/* 内容区 — 对齐 legacy: 16px, line-height 2 */
|
||||||
.entry-content,
|
.entry-content,
|
||||||
.wp-posts-content {
|
.wp-posts-content {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
@@ -90,7 +90,7 @@ article.article.box-body,
|
|||||||
min-height: 90px;
|
min-height: 90px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Zibll content heading bars */
|
/* legacy content heading bars */
|
||||||
.wp-posts-content > h1:not([class]),
|
.wp-posts-content > h1:not([class]),
|
||||||
.wp-posts-content > h2:not([class]),
|
.wp-posts-content > h2:not([class]),
|
||||||
.wp-posts-content > h3:not([class]),
|
.wp-posts-content > h3:not([class]),
|
||||||
@@ -265,7 +265,7 @@ article.article.box-body,
|
|||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 行内代码 — 对齐 zibll: 粉色文字 + 粉色背景 */
|
/* 行内代码 — 对齐 legacy: 粉色文字 + 粉色背景 */
|
||||||
:is(.entry-content, .wp-posts-content) code {
|
:is(.entry-content, .wp-posts-content) code {
|
||||||
font-family: var(--font-mono);
|
font-family: var(--font-mono);
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
|
|||||||
@@ -3,14 +3,14 @@
|
|||||||
* The cover stays inside the content column with a fixed aspect ratio box.
|
* The cover stays inside the content column with a fixed aspect ratio box.
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
|
|
||||||
/* ===== Cover (in-column ratio box) — Zibll .single-cover ===== */
|
/* ===== Cover (in-column ratio box) — legacy .single-cover ===== */
|
||||||
.single-cover {
|
.single-cover {
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
border-radius: var(--main-radius, var(--radius, 8px));
|
border-radius: var(--main-radius, var(--radius, 8px));
|
||||||
box-shadow: 0 0 10px var(--main-shadow, rgba(116, 116, 116, 0.08));
|
box-shadow: 0 0 10px var(--main-shadow, rgba(116, 116, 116, 0.08));
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
/* Zibll: padding-bottom: calc(var(--single-cover-scale) + 50px) */
|
/* legacy: padding-bottom: calc(var(--single-cover-scale) + 50px) */
|
||||||
padding-bottom: calc(var(--single-cover-scale, 35%) + 50px);
|
padding-bottom: calc(var(--single-cover-scale, 35%) + 50px);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -46,7 +46,7 @@
|
|||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Legacy overlay helpers (kept for non-zibll markup) */
|
/* Legacy overlay helpers (kept for non-legacy markup) */
|
||||||
.single-cover__overlay {
|
.single-cover__overlay {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
inset: 0;
|
inset: 0;
|
||||||
@@ -180,7 +180,7 @@
|
|||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line-form-line geometry owned by zibll-utilities.css (absolute full-width bottom).
|
/* line-form-line geometry owned by legacy-utilities.css (absolute full-width bottom).
|
||||||
* Here only ensure the meta row has height so the rule sits correctly. */
|
* Here only ensure the meta row has height so the rule sits correctly. */
|
||||||
.article-header .article-avatar .relative {
|
.article-header .article-avatar .relative {
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
@@ -210,7 +210,7 @@
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* ===== Video footer (Zibll single-video-footer) ===== */
|
/* ===== Video footer (legacy single-video-footer) ===== */
|
||||||
.single-head-cover .single-video-footer { padding: 12px 4px 4px; }
|
.single-head-cover .single-video-footer { padding: 12px 4px 4px; }
|
||||||
.single-head-cover .single-video-footer .article-title {
|
.single-head-cover .single-video-footer .article-title {
|
||||||
font-size: clamp(1.1rem, 2.4vw, 1.45rem); font-weight: 700; margin: 8px 0 0; line-height: 1.35;
|
font-size: clamp(1.1rem, 2.4vw, 1.45rem); font-weight: 700; margin: 8px 0 0; line-height: 1.35;
|
||||||
@@ -226,8 +226,8 @@
|
|||||||
.single-head-cover .cover-meta.single-metabox {
|
.single-head-cover .cover-meta.single-metabox {
|
||||||
display: flex; flex-wrap: wrap; gap: 8px 12px; font-size: 12px; color: var(--color-ink-4);
|
display: flex; flex-wrap: wrap; gap: 8px 12px; font-size: 12px; color: var(--color-ink-4);
|
||||||
}
|
}
|
||||||
/* Pay box root — Zibll #posts-pay.zib-widget.pay-box */
|
/* Pay box root — legacy #posts-pay.aksrt-panel.pay-box */
|
||||||
#posts-pay.zib-widget,
|
#posts-pay.aksrt-panel,
|
||||||
#posts-pay.pay-box,
|
#posts-pay.pay-box,
|
||||||
.aksrt-single-pay-box {
|
.aksrt-single-pay-box {
|
||||||
margin: 16px 0 20px;
|
margin: 16px 0 20px;
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
/* ===== Zibll article-nav (prev/next) ===== */
|
/* ===== legacy article-nav (prev/next) ===== */
|
||||||
.article-nav {
|
.article-nav {
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -83,7 +83,7 @@
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ===== Related Posts — 对齐 zibll 卡片容器 ===== */
|
/* ===== Related Posts — 对齐 legacy 卡片容器 ===== */
|
||||||
.related-box {
|
.related-box {
|
||||||
margin-bottom: 16px;
|
margin-bottom: 16px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@@ -156,7 +156,7 @@
|
|||||||
/* ===== Comment Card Spacing ===== */
|
/* ===== Comment Card Spacing ===== */
|
||||||
.comments-card { margin-bottom: 16px; }
|
.comments-card { margin-bottom: 16px; }
|
||||||
|
|
||||||
/* ===== Content Height Clamp (Zibll) ===== */
|
/* ===== Content Height Clamp (legacy) ===== */
|
||||||
.limit-height,
|
.limit-height,
|
||||||
.wp-posts-content.limit-height {
|
.wp-posts-content.limit-height {
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -539,7 +539,7 @@ body.single .sidebar .posts-nav-box.toc-widget[data-affix="true"] {
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* ===== Related list (Zibll-like) ===== */
|
/* ===== Related list (legacy-like) ===== */
|
||||||
.relates .title-theme,
|
.relates .title-theme,
|
||||||
.related-box .title-theme {
|
.related-box .title-theme {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
@@ -577,9 +577,9 @@ body.single .sidebar .posts-nav-box.toc-widget[data-affix="true"] {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* ===== Related (Zibll .relates / .relates-thumb) ===== */
|
/* ===== Related (legacy .relates / .relates-thumb) ===== */
|
||||||
.relates .title-theme { margin-bottom: 0; }
|
.relates .title-theme { margin-bottom: 0; }
|
||||||
.relates .zib-widget { padding: 12px 15px; }
|
.relates .aksrt-panel { padding: 12px 15px; }
|
||||||
.relates ul.no-thumb { list-style: none; margin: 0; padding: 0; }
|
.relates ul.no-thumb { list-style: none; margin: 0; padding: 0; }
|
||||||
.relates ul.no-thumb li { padding: 6px 0; border-bottom: 1px dashed var(--color-line, rgba(0,0,0,.06)); }
|
.relates ul.no-thumb li { padding: 6px 0; border-bottom: 1px dashed var(--color-line, rgba(0,0,0,.06)); }
|
||||||
.relates ul.no-thumb li:last-child { border-bottom: 0; }
|
.relates ul.no-thumb li:last-child { border-bottom: 0; }
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
/* Single page shell — relies on body.site-layout-1/2/3 float dual-column
|
/* Single page shell — relies on body.site-layout-1/2/3 float dual-column
|
||||||
* defined in layout.css (Zibll 1:1). Page-owned overrides stay minimal. */
|
* defined in layout.css (legacy 1:1). Page-owned overrides stay minimal. */
|
||||||
|
|
||||||
/* Single article stack lives inside .content-layout as direct children;
|
/* Single article stack lives inside .content-layout as direct children;
|
||||||
* do not re-enable the legacy primary/aside grid here. */
|
* do not re-enable the legacy primary/aside grid here. */
|
||||||
@@ -25,13 +25,13 @@ body.single main.container .content-layout > .breadcrumbs-wrap {
|
|||||||
padding-top: 2px;
|
padding-top: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Sticky TOC widget in sidebar — parent .sidebar is position:unset like Zibll */
|
/* Sticky TOC widget in sidebar — parent .sidebar is position:unset like legacy */
|
||||||
body.single .sidebar .posts-nav-box.toc-widget {
|
body.single .sidebar .posts-nav-box.toc-widget {
|
||||||
position: sticky;
|
position: sticky;
|
||||||
top: calc(var(--nav-height, 60px) + 16px);
|
top: calc(var(--nav-height, 60px) + 16px);
|
||||||
}
|
}
|
||||||
|
|
||||||
body.single .sidebar .zib-widget,
|
body.single .sidebar .aksrt-panel,
|
||||||
body.single .sidebar .widget {
|
body.single .sidebar .widget {
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
}
|
}
|
||||||
|
|||||||
Vendored
+1
-1
@@ -1,4 +1,4 @@
|
|||||||
/* ========== 骨架屏加载 — 对齐 zibll skeleton loading ========== */
|
/* ========== 骨架屏加载 — 对齐 legacy skeleton loading ========== */
|
||||||
.skeleton {
|
.skeleton {
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
/**
|
/**
|
||||||
* VIP pay modal + hover cards (zibll payvip-modal / vip-card).
|
* VIP pay modal + hover cards (legacy payvip-modal / vip-card).
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.aksrt-vip-modal-panel {
|
.aksrt-vip-modal-panel {
|
||||||
|
|||||||
@@ -835,7 +835,7 @@ blockquote {
|
|||||||
box-shadow: 0 0 10px var(--main-shadow);
|
box-shadow: 0 0 10px var(--main-shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-widget {
|
.aksrt-panel {
|
||||||
clear: both;
|
clear: both;
|
||||||
background-color: var(--main-bg-color);
|
background-color: var(--main-bg-color);
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
@@ -856,12 +856,12 @@ blockquote {
|
|||||||
padding: 15px;
|
padding: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-widget.mini-radius,
|
.aksrt-panel.mini-radius,
|
||||||
.muted-box.mini-radius {
|
.muted-box.mini-radius {
|
||||||
border-radius: var(--mini-radius);
|
border-radius: var(--mini-radius);
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-widget.radius4,
|
.aksrt-panel.radius4,
|
||||||
.muted-box.radius4 {
|
.muted-box.radius4 {
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
@@ -870,8 +870,8 @@ blockquote {
|
|||||||
background: var(--focus-color-opacity1);
|
background: var(--focus-color-opacity1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-widget-sm,
|
.aksrt-panel-sm,
|
||||||
.zib-widget-sm,
|
.aksrt-panel-sm,
|
||||||
.noshadow {
|
.noshadow {
|
||||||
box-shadow: none !important;
|
box-shadow: none !important;
|
||||||
}
|
}
|
||||||
@@ -978,13 +978,13 @@ img.lazyloaded:not(.lazyloadafter) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.pagenav.notop,
|
.pagenav.notop,
|
||||||
.zib-widget.notop,
|
.aksrt-panel.notop,
|
||||||
.box-body.notop {
|
.box-body.notop {
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pagenav.nobottom,
|
.pagenav.nobottom,
|
||||||
.zib-widget.nobottom,
|
.aksrt-panel.nobottom,
|
||||||
.box-body.nobottom {
|
.box-body.nobottom {
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
}
|
}
|
||||||
@@ -1031,7 +1031,7 @@ img.lazyloaded:not(.lazyloadafter) {
|
|||||||
.wp-posts-content > h2.wp-block-heading,
|
.wp-posts-content > h2.wp-block-heading,
|
||||||
.wp-posts-content > h3.wp-block-heading,
|
.wp-posts-content > h3.wp-block-heading,
|
||||||
.wp-posts-content > h4.wp-block-heading,
|
.wp-posts-content > h4.wp-block-heading,
|
||||||
.zib-widget > h3,
|
.aksrt-panel > h3,
|
||||||
.title-h-left,
|
.title-h-left,
|
||||||
.tab-nav-theme li,
|
.tab-nav-theme li,
|
||||||
.title-h-center {
|
.title-h-center {
|
||||||
@@ -1047,7 +1047,7 @@ img.lazyloaded:not(.lazyloadafter) {
|
|||||||
.wp-posts-content > h2.wp-block-heading:before,
|
.wp-posts-content > h2.wp-block-heading:before,
|
||||||
.wp-posts-content > h3.wp-block-heading:before,
|
.wp-posts-content > h3.wp-block-heading:before,
|
||||||
.wp-posts-content > h4.wp-block-heading:before,
|
.wp-posts-content > h4.wp-block-heading:before,
|
||||||
.zib-widget > h3:before,
|
.aksrt-panel > h3:before,
|
||||||
.title-h-left:before,
|
.title-h-left:before,
|
||||||
.tab-nav-theme li:before,
|
.tab-nav-theme li:before,
|
||||||
.title-h-center:before {
|
.title-h-center:before {
|
||||||
@@ -1847,7 +1847,7 @@ badge.p2-10,
|
|||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-widget .but-average {
|
.aksrt-panel .but-average {
|
||||||
border-radius: var(--mini-radius);
|
border-radius: var(--mini-radius);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -3789,7 +3789,7 @@ body:has(.modal.in) .float-btn,
|
|||||||
gap: 30px;
|
gap: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-widget-wrap {
|
.aksrt-panel-wrap {
|
||||||
background: var(--bg-color-white, transparent);
|
background: var(--bg-color-white, transparent);
|
||||||
padding-top: var(--pt-pc, 0);
|
padding-top: var(--pt-pc, 0);
|
||||||
padding-bottom: var(--pb-pc, 0);
|
padding-bottom: var(--pb-pc, 0);
|
||||||
@@ -3801,7 +3801,7 @@ body:has(.modal.in) .float-btn,
|
|||||||
background-origin: var(--bg-img-white-origin, border-box);
|
background-origin: var(--bg-img-white-origin, border-box);
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark-theme .zib-widget-wrap {
|
.dark-theme .aksrt-panel-wrap {
|
||||||
background: var(--bg-color-dark, var(--bg-color-white, transparent));
|
background: var(--bg-color-dark, var(--bg-color-white, transparent));
|
||||||
background-image: var(--bg-img-dark, var(--bg-img-white, none));
|
background-image: var(--bg-img-dark, var(--bg-img-white, none));
|
||||||
background-size: var(--bg-img-dark-size, var(--bg-img-white-size, cover));
|
background-size: var(--bg-img-dark-size, var(--bg-img-white-size, cover));
|
||||||
@@ -3812,7 +3812,7 @@ body:has(.modal.in) .float-btn,
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
.zib-widget-wrap {
|
.aksrt-panel-wrap {
|
||||||
padding-top: var(--pt-m, 0);
|
padding-top: var(--pt-m, 0);
|
||||||
padding-bottom: var(--pb-m, 0);
|
padding-bottom: var(--pb-m, 0);
|
||||||
}
|
}
|
||||||
@@ -3861,19 +3861,19 @@ body:has(.modal.in) .float-btn,
|
|||||||
gap: 12px;
|
gap: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-widget > h3 {
|
.aksrt-panel > h3 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-widget.widget_media_video,
|
.aksrt-panel.widget_media_video,
|
||||||
.zib-widget.widget_media_image {
|
.aksrt-panel.widget_media_image {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-widget.widget_media_image img {
|
.aksrt-panel.widget_media_image img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -3896,7 +3896,7 @@ body:has(.modal.in) .float-btn,
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-widget.widget_custom_html {
|
.aksrt-panel.widget_custom_html {
|
||||||
padding: unset;
|
padding: unset;
|
||||||
background: unset;
|
background: unset;
|
||||||
box-shadow: unset;
|
box-shadow: unset;
|
||||||
@@ -3975,7 +3975,7 @@ body:has(.modal.in) .float-btn,
|
|||||||
border-radius: var(--main-radius) var(--main-radius) 0 0;
|
border-radius: var(--main-radius) var(--main-radius) 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fixed-wrap .fixed-wrap-nav.zib-widget {
|
.fixed-wrap .fixed-wrap-nav.aksrt-panel {
|
||||||
padding: 8px 15px;
|
padding: 8px 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -3985,11 +3985,11 @@ body:has(.modal.in) .float-btn,
|
|||||||
}
|
}
|
||||||
|
|
||||||
/**------小工具：复合信息卡片模块--------**/
|
/**------小工具：复合信息卡片模块--------**/
|
||||||
.zib-combo-info-card {
|
.aksrt-combo-info-card {
|
||||||
--zci-radius: 12px;
|
--zci-radius: 12px;
|
||||||
--zci-band-h: 80px;
|
--zci-band-h: 80px;
|
||||||
}
|
}
|
||||||
.zib-combo-info-card .zci-card {
|
.aksrt-combo-info-card .zci-card {
|
||||||
position: relative;
|
position: relative;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
min-height: 180px;
|
min-height: 180px;
|
||||||
@@ -3999,11 +3999,11 @@ body:has(.modal.in) .float-btn,
|
|||||||
transition: transform 0.25s ease, box-shadow 0.25s ease;
|
transition: transform 0.25s ease, box-shadow 0.25s ease;
|
||||||
box-shadow: 0 1px 3px var(--main-shadow);
|
box-shadow: 0 1px 3px var(--main-shadow);
|
||||||
}
|
}
|
||||||
.zib-combo-info-card .zci-card:hover {
|
.aksrt-combo-info-card .zci-card:hover {
|
||||||
transform: translateY(-3px);
|
transform: translateY(-3px);
|
||||||
box-shadow: 0 12px 32px var(--main-shadow);
|
box-shadow: 0 12px 32px var(--main-shadow);
|
||||||
}
|
}
|
||||||
.zib-combo-info-card .zci-card::before {
|
.aksrt-combo-info-card .zci-card::before {
|
||||||
content: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
@@ -4014,33 +4014,33 @@ body:has(.modal.in) .float-btn,
|
|||||||
transition: opacity 0.3s ease;
|
transition: opacity 0.3s ease;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
.zib-combo-info-card.zci-has-band .zci-card::before {
|
.aksrt-combo-info-card.zci-has-band .zci-card::before {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
/* 色带配色（仅保留关键的渐变，无法用主题变量简写） */
|
/* 色带配色（仅保留关键的渐变，无法用主题变量简写） */
|
||||||
.zib-combo-info-card .zci-card.zci-band-blue::before {
|
.aksrt-combo-info-card .zci-card.zci-band-blue::before {
|
||||||
background: linear-gradient(170deg, rgba(114, 160, 255, 0.3), rgba(196, 174, 255, 0.2) 15%, transparent 60%);
|
background: linear-gradient(170deg, rgba(114, 160, 255, 0.3), rgba(196, 174, 255, 0.2) 15%, transparent 60%);
|
||||||
}
|
}
|
||||||
.zib-combo-info-card .zci-card.zci-band-cyan::before {
|
.aksrt-combo-info-card .zci-card.zci-band-cyan::before {
|
||||||
background: linear-gradient(170deg, rgba(82, 196, 214, 0.3), rgba(130, 200, 255, 0.18) 15%, transparent 60%);
|
background: linear-gradient(170deg, rgba(82, 196, 214, 0.3), rgba(130, 200, 255, 0.18) 15%, transparent 60%);
|
||||||
}
|
}
|
||||||
.zib-combo-info-card .zci-card.zci-band-green::before {
|
.aksrt-combo-info-card .zci-card.zci-band-green::before {
|
||||||
background: linear-gradient(170deg, rgba(92, 209, 158, 0.3), rgba(180, 230, 170, 0.2) 15%, transparent 60%);
|
background: linear-gradient(170deg, rgba(92, 209, 158, 0.3), rgba(180, 230, 170, 0.2) 15%, transparent 60%);
|
||||||
}
|
}
|
||||||
.zib-combo-info-card .zci-card.zci-band-yellow::before {
|
.aksrt-combo-info-card .zci-card.zci-band-yellow::before {
|
||||||
background: linear-gradient(170deg, rgba(255, 190, 102, 0.3), rgba(255, 220, 132, 0.22) 15%, transparent 60%);
|
background: linear-gradient(170deg, rgba(255, 190, 102, 0.3), rgba(255, 220, 132, 0.22) 15%, transparent 60%);
|
||||||
}
|
}
|
||||||
.zib-combo-info-card .zci-card.zci-band-pink::before {
|
.aksrt-combo-info-card .zci-card.zci-band-pink::before {
|
||||||
background: linear-gradient(170deg, rgba(255, 146, 181, 0.3), rgba(255, 190, 220, 0.2) 15%, transparent 60%);
|
background: linear-gradient(170deg, rgba(255, 146, 181, 0.3), rgba(255, 190, 220, 0.2) 15%, transparent 60%);
|
||||||
}
|
}
|
||||||
.zib-combo-info-card .zci-card.zci-band-purple::before {
|
.aksrt-combo-info-card .zci-card.zci-band-purple::before {
|
||||||
background: linear-gradient(170deg, rgba(170, 140, 255, 0.36), rgba(220, 180, 255, 0.22) 15%, transparent 60%);
|
background: linear-gradient(170deg, rgba(170, 140, 255, 0.36), rgba(220, 180, 255, 0.22) 15%, transparent 60%);
|
||||||
}
|
}
|
||||||
.zib-combo-info-card .zci-card.zci-band-gray::before {
|
.aksrt-combo-info-card .zci-card.zci-band-gray::before {
|
||||||
background: linear-gradient(170deg, rgba(140, 150, 170, 0.22), rgba(190, 195, 210, 0.14) 15%, transparent 60%);
|
background: linear-gradient(170deg, rgba(140, 150, 170, 0.22), rgba(190, 195, 210, 0.14) 15%, transparent 60%);
|
||||||
}
|
}
|
||||||
/* 内容区：只控 padding 和层级，flex 布局由 HTML class 完成 */
|
/* 内容区：只控 padding 和层级，flex 布局由 HTML class 完成 */
|
||||||
.zib-combo-info-card .zci-body {
|
.aksrt-combo-info-card .zci-body {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
@@ -4054,7 +4054,7 @@ body:has(.modal.in) .float-btn,
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* 图标盒子：尺寸与圆角，背景沿用卡片主色自动适配暗色 */
|
/* 图标盒子：尺寸与圆角，背景沿用卡片主色自动适配暗色 */
|
||||||
.zib-combo-info-card .zci-icon {
|
.aksrt-combo-info-card .zci-icon {
|
||||||
width: 44px;
|
width: 44px;
|
||||||
height: 44px;
|
height: 44px;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
@@ -4062,65 +4062,65 @@ body:has(.modal.in) .float-btn,
|
|||||||
font-size: 42px;
|
font-size: 42px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-combo-info-card .zci-icon img {
|
.aksrt-combo-info-card .zci-icon img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
/* 标题字号（font-bold / text-ellipsis-2 / mb10 已走工具类） */
|
/* 标题字号（font-bold / text-ellipsis-2 / mb10 已走工具类） */
|
||||||
.zib-combo-info-card .zci-title {
|
.aksrt-combo-info-card .zci-title {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
/* CTA 行动链接：仅保留颜色 + hover 行为 + 箭头动效 */
|
/* CTA 行动链接：仅保留颜色 + hover 行为 + 箭头动效 */
|
||||||
.zib-combo-info-card .zci-cta {
|
.aksrt-combo-info-card .zci-cta {
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
color: var(--this-color, --key-color);
|
color: var(--this-color, --key-color);
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
transition: 0.2s;
|
transition: 0.2s;
|
||||||
}
|
}
|
||||||
.zib-combo-info-card .zci-cta:hover {
|
.aksrt-combo-info-card .zci-cta:hover {
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
color: var(--focus-color);
|
color: var(--focus-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.zib-combo-info-card .zci-cta .zci-arrow {
|
.aksrt-combo-info-card .zci-cta .zci-arrow {
|
||||||
transform: rotate(-45deg);
|
transform: rotate(-45deg);
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
transition: transform 0.25s ease;
|
transition: transform 0.25s ease;
|
||||||
}
|
}
|
||||||
.zib-combo-info-card .zci-cta:hover .zci-arrow {
|
.aksrt-combo-info-card .zci-cta:hover .zci-arrow {
|
||||||
transform: rotate(-45deg) translateX(2px);
|
transform: rotate(-45deg) translateX(2px);
|
||||||
}
|
}
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
.zib-combo-info-card .zci-card {
|
.aksrt-combo-info-card .zci-card {
|
||||||
min-height: 160px;
|
min-height: 160px;
|
||||||
}
|
}
|
||||||
.zib-combo-info-card .zci-body {
|
.aksrt-combo-info-card .zci-body {
|
||||||
padding: 14px;
|
padding: 14px;
|
||||||
}
|
}
|
||||||
.col-xs-12 .zci-card .zci-body {
|
.col-xs-12 .zci-card .zci-body {
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
}
|
}
|
||||||
.zib-combo-info-card .zci-title {
|
.aksrt-combo-info-card .zci-title {
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar .zib-combo-info-card > * {
|
.sidebar .aksrt-combo-info-card > * {
|
||||||
width: 100% !important;
|
width: 100% !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar .zib-combo-info-card .zci-card {
|
.sidebar .aksrt-combo-info-card .zci-card {
|
||||||
min-height: 160px;
|
min-height: 160px;
|
||||||
}
|
}
|
||||||
.sidebar .zib-combo-info-card .zci-body {
|
.sidebar .aksrt-combo-info-card .zci-body {
|
||||||
padding: 14px;
|
padding: 14px;
|
||||||
}
|
}
|
||||||
.sidebar .col-xs-12 .zci-card .zci-body {
|
.sidebar .col-xs-12 .zci-card .zci-body {
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
}
|
}
|
||||||
.sidebar .zib-combo-info-card .zci-title {
|
.sidebar .aksrt-combo-info-card .zci-title {
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -4355,33 +4355,33 @@ body:has(.modal.in) .float-btn,
|
|||||||
font-size: 22px;
|
font-size: 22px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zibfaq-doc-li:nth-child(6n + 1) .zibfaq-doc-li-ico,
|
.aksrtfaq-doc-li:nth-child(6n + 1) .aksrtfaq-doc-li-ico,
|
||||||
.produck-plan-trust-item:nth-child(6n + 1) .trust-icon-wrap {
|
.produck-plan-trust-item:nth-child(6n + 1) .trust-icon-wrap {
|
||||||
color: #51bcfe;
|
color: #51bcfe;
|
||||||
background: linear-gradient(145deg, rgba(81, 188, 254, 0.1), rgba(81, 254, 254, 0.1));
|
background: linear-gradient(145deg, rgba(81, 188, 254, 0.1), rgba(81, 254, 254, 0.1));
|
||||||
}
|
}
|
||||||
|
|
||||||
.zibfaq-doc-li:nth-child(6n + 2) .zibfaq-doc-li-ico,
|
.aksrtfaq-doc-li:nth-child(6n + 2) .aksrtfaq-doc-li-ico,
|
||||||
.produck-plan-trust-item:nth-child(6n + 2) .trust-icon-wrap {
|
.produck-plan-trust-item:nth-child(6n + 2) .trust-icon-wrap {
|
||||||
color: #f961f4;
|
color: #f961f4;
|
||||||
background: linear-gradient(145deg, rgba(249, 97, 244, 0.1), rgba(150, 97, 249, 0.1));
|
background: linear-gradient(145deg, rgba(249, 97, 244, 0.1), rgba(150, 97, 249, 0.1));
|
||||||
}
|
}
|
||||||
.zibfaq-doc-li:nth-child(6n + 3) .zibfaq-doc-li-ico,
|
.aksrtfaq-doc-li:nth-child(6n + 3) .aksrtfaq-doc-li-ico,
|
||||||
.produck-plan-trust-item:nth-child(6n + 3) .trust-icon-wrap {
|
.produck-plan-trust-item:nth-child(6n + 3) .trust-icon-wrap {
|
||||||
color: #4aaec4;
|
color: #4aaec4;
|
||||||
background: linear-gradient(145deg, rgba(74, 174, 196, 0.1), rgba(74, 196, 162, 0.1));
|
background: linear-gradient(145deg, rgba(74, 174, 196, 0.1), rgba(74, 196, 162, 0.1));
|
||||||
}
|
}
|
||||||
.zibfaq-doc-li:nth-child(6n + 4) .zibfaq-doc-li-ico,
|
.aksrtfaq-doc-li:nth-child(6n + 4) .aksrtfaq-doc-li-ico,
|
||||||
.produck-plan-trust-item:nth-child(6n + 4) .trust-icon-wrap {
|
.produck-plan-trust-item:nth-child(6n + 4) .trust-icon-wrap {
|
||||||
color: #8275e4;
|
color: #8275e4;
|
||||||
background: linear-gradient(145deg, rgba(130, 117, 228, 0.1), rgba(117, 191, 228, 0.1));
|
background: linear-gradient(145deg, rgba(130, 117, 228, 0.1), rgba(117, 191, 228, 0.1));
|
||||||
}
|
}
|
||||||
.zibfaq-doc-li:nth-child(6n + 5) .zibfaq-doc-li-ico,
|
.aksrtfaq-doc-li:nth-child(6n + 5) .aksrtfaq-doc-li-ico,
|
||||||
.produck-plan-trust-item:nth-child(6n + 5) .trust-icon-wrap {
|
.produck-plan-trust-item:nth-child(6n + 5) .trust-icon-wrap {
|
||||||
color: #53c584;
|
color: #53c584;
|
||||||
background: linear-gradient(145deg, rgba(83, 197, 132, 0.1), rgba(150, 197, 83, 0.1));
|
background: linear-gradient(145deg, rgba(83, 197, 132, 0.1), rgba(150, 197, 83, 0.1));
|
||||||
}
|
}
|
||||||
.zibfaq-doc-li:nth-child(6n + 6) .zibfaq-doc-li-ico,
|
.aksrtfaq-doc-li:nth-child(6n + 6) .aksrtfaq-doc-li-ico,
|
||||||
.produck-plan-trust-item:nth-child(6n + 6) .trust-icon-wrap {
|
.produck-plan-trust-item:nth-child(6n + 6) .trust-icon-wrap {
|
||||||
color: #dda66b;
|
color: #dda66b;
|
||||||
background: linear-gradient(145deg, rgba(221, 166, 107, 0.1), rgba(221, 132, 107, 0.1));
|
background: linear-gradient(145deg, rgba(221, 166, 107, 0.1), rgba(221, 132, 107, 0.1));
|
||||||
@@ -4450,7 +4450,7 @@ body:has(.modal.in) .float-btn,
|
|||||||
}
|
}
|
||||||
|
|
||||||
/**------小工具：横向滚动合作伙伴模块--------**/
|
/**------小工具：横向滚动合作伙伴模块--------**/
|
||||||
.zib-partners-scroll {
|
.aksrt-partners-scroll {
|
||||||
--zps-card-w: 220px;
|
--zps-card-w: 220px;
|
||||||
--zps-card-h: 90px;
|
--zps-card-h: 90px;
|
||||||
--zps-card-radius: 10px;
|
--zps-card-radius: 10px;
|
||||||
@@ -4460,42 +4460,42 @@ body:has(.modal.in) .float-btn,
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
.zib-partners-scroll .zps-row {
|
.aksrt-partners-scroll .zps-row {
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
margin-bottom: var(--zps-gap);
|
margin-bottom: var(--zps-gap);
|
||||||
}
|
}
|
||||||
.zib-partners-scroll .zps-row:last-child {
|
.aksrt-partners-scroll .zps-row:last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.zib-partners-scroll .zps-track {
|
.aksrt-partners-scroll .zps-track {
|
||||||
display: flex;
|
display: flex;
|
||||||
width: max-content;
|
width: max-content;
|
||||||
will-change: transform;
|
will-change: transform;
|
||||||
animation: zps-scroll-left var(--zps-duration, 30s) linear infinite;
|
animation: zps-scroll-left var(--zps-duration, 30s) linear infinite;
|
||||||
animation-play-state: paused;
|
animation-play-state: paused;
|
||||||
}
|
}
|
||||||
.zib-partners-scroll .zps-dir-right .zps-track {
|
.aksrt-partners-scroll .zps-dir-right .zps-track {
|
||||||
animation-name: zps-scroll-right;
|
animation-name: zps-scroll-right;
|
||||||
}
|
}
|
||||||
.zib-partners-scroll .zps-track[data-zps-ready] {
|
.aksrt-partners-scroll .zps-track[data-zps-ready] {
|
||||||
animation-play-state: running;
|
animation-play-state: running;
|
||||||
}
|
}
|
||||||
.zib-partners-scroll .zps-group {
|
.aksrt-partners-scroll .zps-group {
|
||||||
gap: var(--zps-gap);
|
gap: var(--zps-gap);
|
||||||
padding-right: var(--zps-gap);
|
padding-right: var(--zps-gap);
|
||||||
}
|
}
|
||||||
.zib-partners-scroll.zps-pause-hover .zps-row:hover .zps-track {
|
.aksrt-partners-scroll.zps-pause-hover .zps-row:hover .zps-track {
|
||||||
animation-play-state: paused;
|
animation-play-state: paused;
|
||||||
}
|
}
|
||||||
.zib-partners-scroll .zps-item {
|
.aksrt-partners-scroll .zps-item {
|
||||||
width: var(--zps-card-w);
|
width: var(--zps-card-w);
|
||||||
height: var(--zps-card-h);
|
height: var(--zps-card-h);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
padding: 8px 10px;
|
padding: 8px 10px;
|
||||||
color: inherit;
|
color: inherit;
|
||||||
}
|
}
|
||||||
.zib-partners-scroll .zps-img {
|
.aksrt-partners-scroll .zps-img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
max-height: 100%;
|
max-height: 100%;
|
||||||
width: auto;
|
width: auto;
|
||||||
@@ -4503,34 +4503,34 @@ body:has(.modal.in) .float-btn,
|
|||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
.zib-partners-scroll.zps-card-bg .zps-item {
|
.aksrt-partners-scroll.zps-card-bg .zps-item {
|
||||||
background: var(--main-bg-color);
|
background: var(--main-bg-color);
|
||||||
border-radius: var(--zps-card-radius);
|
border-radius: var(--zps-card-radius);
|
||||||
}
|
}
|
||||||
.zib-widget .zib-partners-scroll.zps-card-bg .zps-item {
|
.aksrt-panel .aksrt-partners-scroll.zps-card-bg .zps-item {
|
||||||
background: var(--muted-border-color);
|
background: var(--muted-border-color);
|
||||||
}
|
}
|
||||||
/* 图文卡片模式 */
|
/* 图文卡片模式 */
|
||||||
.zib-partners-scroll.zps-style-card .zps-card-icon {
|
.aksrt-partners-scroll.zps-style-card .zps-card-icon {
|
||||||
width: calc(var(--zps-card-h) - 30px);
|
width: calc(var(--zps-card-h) - 30px);
|
||||||
height: calc(var(--zps-card-h) - 30px);
|
height: calc(var(--zps-card-h) - 30px);
|
||||||
min-width: 40px;
|
min-width: 40px;
|
||||||
min-height: 40px;
|
min-height: 40px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
.zib-partners-scroll.zps-style-card .zps-img {
|
.aksrt-partners-scroll.zps-style-card .zps-img {
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
border-radius: calc(var(--zps-card-radius) - 4px);
|
border-radius: calc(var(--zps-card-radius) - 4px);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
/* 纯 Logo 模式：高度固定、宽度自适应，图片保持原始比例 */
|
/* 纯 Logo 模式：高度固定、宽度自适应，图片保持原始比例 */
|
||||||
.zib-partners-scroll.zps-style-logo .zps-item {
|
.aksrt-partners-scroll.zps-style-logo .zps-item {
|
||||||
width: auto;
|
width: auto;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
padding: 0 20px;
|
padding: 0 20px;
|
||||||
}
|
}
|
||||||
.zib-partners-scroll.zps-style-logo .zps-img {
|
.aksrt-partners-scroll.zps-style-logo .zps-img {
|
||||||
height: calc(var(--zps-card-h) - 24px);
|
height: calc(var(--zps-card-h) - 24px);
|
||||||
max-height: calc(var(--zps-card-h) - 24px);
|
max-height: calc(var(--zps-card-h) - 24px);
|
||||||
width: auto;
|
width: auto;
|
||||||
@@ -4538,28 +4538,28 @@ body:has(.modal.in) .float-btn,
|
|||||||
filter: grayscale(40%);
|
filter: grayscale(40%);
|
||||||
transition: filter 0.25s ease, transform 0.25s ease;
|
transition: filter 0.25s ease, transform 0.25s ease;
|
||||||
}
|
}
|
||||||
.zib-partners-scroll.zps-style-logo .zps-item:hover .zps-img {
|
.aksrt-partners-scroll.zps-style-logo .zps-item:hover .zps-img {
|
||||||
filter: grayscale(0);
|
filter: grayscale(0);
|
||||||
transform: scale(1.04);
|
transform: scale(1.04);
|
||||||
}
|
}
|
||||||
/* 精简胶囊模式 */
|
/* 精简胶囊模式 */
|
||||||
.zib-partners-scroll.zps-style-chip .zps-item {
|
.aksrt-partners-scroll.zps-style-chip .zps-item {
|
||||||
min-height: 40px;
|
min-height: 40px;
|
||||||
width: auto;
|
width: auto;
|
||||||
height: auto;
|
height: auto;
|
||||||
padding: 8px 14px;
|
padding: 8px 14px;
|
||||||
}
|
}
|
||||||
.zib-partners-scroll.zps-card-bg.zps-style-chip .zps-item {
|
.aksrt-partners-scroll.zps-card-bg.zps-style-chip .zps-item {
|
||||||
padding: 8px 16px 8px 10px;
|
padding: 8px 16px 8px 10px;
|
||||||
}
|
}
|
||||||
.zib-partners-scroll.zps-style-chip .zps-chip-icon .zps-img {
|
.aksrt-partners-scroll.zps-style-chip .zps-chip-icon .zps-img {
|
||||||
height: 22px;
|
height: 22px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
.zib-partners-scroll.zps-card-bg.zps-style-chip .zps-chip-icon .zps-img {
|
.aksrt-partners-scroll.zps-card-bg.zps-style-chip .zps-chip-icon .zps-img {
|
||||||
border-radius: calc(var(--zps-card-radius) - 4px);
|
border-radius: calc(var(--zps-card-radius) - 4px);
|
||||||
}
|
}
|
||||||
.zib-partners-scroll.zps-style-chip .zps-chip-title {
|
.aksrt-partners-scroll.zps-style-chip .zps-chip-title {
|
||||||
max-width: 180px;
|
max-width: 180px;
|
||||||
}
|
}
|
||||||
.zps-end-fade {
|
.zps-end-fade {
|
||||||
@@ -4583,7 +4583,7 @@ body:has(.modal.in) .float-btn,
|
|||||||
right: -10px;
|
right: -10px;
|
||||||
background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--zps-end-fade-color) 90%);
|
background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--zps-end-fade-color) 90%);
|
||||||
}
|
}
|
||||||
.zib-widget .zps-end-fade {
|
.aksrt-panel .zps-end-fade {
|
||||||
--zps-end-fade-color: var(--main-bg-color);
|
--zps-end-fade-color: var(--main-bg-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -4604,11 +4604,11 @@ body:has(.modal.in) .float-btn,
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
.zib-partners-scroll {
|
.aksrt-partners-scroll {
|
||||||
--zps-card-w: 160px;
|
--zps-card-w: 160px;
|
||||||
--zps-card-h: 70px;
|
--zps-card-h: 70px;
|
||||||
}
|
}
|
||||||
.zib-partners-scroll.zps-style-logo .zps-item {
|
.aksrt-partners-scroll.zps-style-logo .zps-item {
|
||||||
padding: 0 12px;
|
padding: 0 12px;
|
||||||
}
|
}
|
||||||
.zps-end-fade::after {
|
.zps-end-fade::after {
|
||||||
@@ -4616,7 +4616,7 @@ body:has(.modal.in) .float-btn,
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (prefers-reduced-motion: reduce) {
|
@media (prefers-reduced-motion: reduce) {
|
||||||
.zib-partners-scroll .zps-track {
|
.aksrt-partners-scroll .zps-track {
|
||||||
animation: none !important;
|
animation: none !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -4735,7 +4735,7 @@ body:has(.modal.in) .float-btn,
|
|||||||
padding: 0px 15px 10px;
|
padding: 0px 15px 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.links-box:not(.zib-widget):not(.links-style-simple):not(.links-style-image) {
|
.links-box:not(.aksrt-panel):not(.links-style-simple):not(.links-style-image) {
|
||||||
margin: -5px;
|
margin: -5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -4762,7 +4762,7 @@ body:has(.modal.in) .float-btn,
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.links-box:not(.zib-widget) .links-card {
|
.links-box:not(.aksrt-panel) .links-card {
|
||||||
background: var(--main-bg-color);
|
background: var(--main-bg-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -4771,12 +4771,12 @@ body:has(.modal.in) .float-btn,
|
|||||||
--this-margin: 10px;
|
--this-margin: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.links-style-image:not(.zib-widget) {
|
.links-style-image:not(.aksrt-panel) {
|
||||||
margin: calc(0px - var(--this-margin));
|
margin: calc(0px - var(--this-margin));
|
||||||
margin-bottom: calc(20px - var(--this-margin));
|
margin-bottom: calc(20px - var(--this-margin));
|
||||||
}
|
}
|
||||||
|
|
||||||
.links-style-image.zib-widget {
|
.links-style-image.aksrt-panel {
|
||||||
padding: calc(15px - var(--this-margin));
|
padding: calc(15px - var(--this-margin));
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -6933,17 +6933,17 @@ body.nav-fixed .slide-header {
|
|||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-slider-card .zib-widget {
|
.header-slider-card .aksrt-panel {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.filter-blur .header-slider-search .line-form,
|
.filter-blur .header-slider-search .line-form,
|
||||||
.filter-blur .header-slider-card .zib-widget {
|
.filter-blur .header-slider-card .aksrt-panel {
|
||||||
-webkit-backdrop-filter: saturate(5) blur(20px);
|
-webkit-backdrop-filter: saturate(5) blur(20px);
|
||||||
backdrop-filter: saturate(5) blur(20px);
|
backdrop-filter: saturate(5) blur(20px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.filter-blur .header-slider-card .zib-widget {
|
.filter-blur .header-slider-card .aksrt-panel {
|
||||||
background: var(--blur-bg);
|
background: var(--blur-bg);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -7672,7 +7672,7 @@ badge.top,
|
|||||||
height: 100% !important;
|
height: 100% !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.list .item-thumbnail .zib-slider,
|
.list .item-thumbnail .aksrt-slider,
|
||||||
.list .item-thumbnail.new-swiper {
|
.list .item-thumbnail.new-swiper {
|
||||||
margin: 0 !important;
|
margin: 0 !important;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -8012,8 +8012,8 @@ badge.top,
|
|||||||
padding: 0 5px 2px;
|
padding: 0 5px 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-widget.posts-mini-lists .relative > .tab-nav-theme ~ .scroll-x-prev,
|
.aksrt-panel.posts-mini-lists .relative > .tab-nav-theme ~ .scroll-x-prev,
|
||||||
.zib-widget.posts-mini-lists .relative > .tab-nav-theme ~ .scroll-x-next {
|
.aksrt-panel.posts-mini-lists .relative > .tab-nav-theme ~ .scroll-x-next {
|
||||||
top: 10px;
|
top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -9595,7 +9595,7 @@ img.alignleft {
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment-mini-lists.zib-widget {
|
.comment-mini-lists.aksrt-panel {
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -10716,7 +10716,7 @@ body.error404 {
|
|||||||
width: 180px;
|
width: 180px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wp-block-zibllblock-buttons .but {
|
.wp-block-aksrtblock-buttons .but {
|
||||||
margin: 0.4em;
|
margin: 0.4em;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 6px 18px;
|
padding: 6px 18px;
|
||||||
@@ -10882,22 +10882,22 @@ body.error404 {
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wp-block-zibllblock-alert a {
|
.wp-block-aksrtblock-alert a {
|
||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin: 0 2px;
|
margin: 0 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wp-block-zibllblock-alert .close {
|
.wp-block-aksrtblock-alert .close {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wp-block-zibllblock-alert a:hover {
|
.wp-block-aksrtblock-alert a:hover {
|
||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wp-block-zibllblock-buttons {
|
.wp-block-aksrtblock-buttons {
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -11020,7 +11020,7 @@ body.error404 {
|
|||||||
padding-right: 0 !important;
|
padding-right: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mobile-nav-widget .zib-widget {
|
.mobile-nav-widget .aksrt-panel {
|
||||||
padding: 0 0 10px 0;
|
padding: 0 0 10px 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
@@ -11092,7 +11092,7 @@ body.error404 {
|
|||||||
width: calc(25% - 16px);
|
width: calc(25% - 16px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-widget-wrap .swiper-scroll .card,
|
.aksrt-panel-wrap .swiper-scroll .card,
|
||||||
.site-layout-1 .swiper-scroll .card,
|
.site-layout-1 .swiper-scroll .card,
|
||||||
.fluid-widget-wrap .swiper-scroll .card {
|
.fluid-widget-wrap .swiper-scroll .card {
|
||||||
width: calc(25% - 12px) !important;
|
width: calc(25% - 12px) !important;
|
||||||
@@ -11586,7 +11586,7 @@ body.error404 {
|
|||||||
padding: 10px 0;
|
padding: 10px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-widget .zib-widget-sm {
|
.aksrt-panel .aksrt-panel-sm {
|
||||||
background: 0 0;
|
background: 0 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
@@ -11596,7 +11596,7 @@ body.error404 {
|
|||||||
height: var(--m-height);
|
height: var(--m-height);
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-slider-card .icon-cover-card.zib-widget {
|
.header-slider-card .icon-cover-card.aksrt-panel {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -11825,7 +11825,7 @@ body.error404 {
|
|||||||
margin-bottom: 30px;
|
margin-bottom: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mobile-navbar .posts-nav-box .zib-widget {
|
.mobile-navbar .posts-nav-box .aksrt-panel {
|
||||||
background: var(--muted-border-color);
|
background: var(--muted-border-color);
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
@@ -12278,7 +12278,7 @@ body.error404 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/***---链接列表页面模板---***/
|
/***---链接列表页面模板---***/
|
||||||
.link-nav-box > .zib-widget {
|
.link-nav-box > .aksrt-panel {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
@@ -12407,7 +12407,7 @@ body.error404 {
|
|||||||
margin: 10px 0;
|
margin: 10px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-widget .posts-item.no_margin {
|
.aksrt-panel .posts-item.no_margin {
|
||||||
padding: 10px 0px;
|
padding: 10px 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -12598,7 +12598,7 @@ body.error404 {
|
|||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#author-tab-securityset .zib-widget {
|
#author-tab-securityset .aksrt-panel {
|
||||||
all: unset;
|
all: unset;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -12769,7 +12769,7 @@ body.error404 {
|
|||||||
/* =============================================================
|
/* =============================================================
|
||||||
* Widget 小工具 模块 3：用户评价 produck-wid-reviews
|
* Widget 小工具 模块 3：用户评价 produck-wid-reviews
|
||||||
* ============================================================= */
|
* ============================================================= */
|
||||||
.produck-wid-pay-main .fluid-widget-wrap .zib-widget {
|
.produck-wid-pay-main .fluid-widget-wrap .aksrt-panel {
|
||||||
border-radius: var(--main-radius);
|
border-radius: var(--main-radius);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -13431,7 +13431,7 @@ body.error404 {
|
|||||||
/* =============================================================
|
/* =============================================================
|
||||||
* Widget 小工具 模块：产品3D交互展示
|
* Widget 小工具 模块：产品3D交互展示
|
||||||
* ============================================================= */
|
* ============================================================= */
|
||||||
.widget-tilt-cases.zib-widget,
|
.widget-tilt-cases.aksrt-panel,
|
||||||
.tilt-cases-mouse-container {
|
.tilt-cases-mouse-container {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
@@ -13516,7 +13516,7 @@ body.error404 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.widget-tilt-cases.zib-widget {
|
.widget-tilt-cases.aksrt-panel {
|
||||||
padding: 30px;
|
padding: 30px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -14468,7 +14468,7 @@ body.error404 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* =============================================================
|
/* =============================================================
|
||||||
* 销售页模块外层：全宽背景 + PC/移动独立上下外边距（由 Zib_Api_CFSwidget 输出）
|
* 销售页模块外层：全宽背景 + PC/移动独立上下外边距（由 legacy 输出）
|
||||||
* ============================================================= */
|
* ============================================================= */
|
||||||
.produck-wid-widget-wrap {
|
.produck-wid-widget-wrap {
|
||||||
padding: var(--produck-wid-mt-pc, 0) 0 var(--produck-wid-mb-pc, 0);
|
padding: var(--produck-wid-mt-pc, 0) 0 var(--produck-wid-mb-pc, 0);
|
||||||
Vendored
+3
@@ -0,0 +1,3 @@
|
|||||||
|
body{--mian-max-width:1200px;--posts-card-scale:70%;--posts-list-scale:70%;--single-cover-scale:35%;--theme-color:#f04494;--focus-color:var(--theme-color);--focus-shadow-color:rgba(253, 83, 161, 0.4);--key-color:#333;--main-color:#4e5358;--main-shadow:rgba(116, 116, 116, 0.08);--muted-color:#777;--muted-2-color:#999;--muted-3-color:#b1b1b1;--muted-4-color:#d2d2d2;--body-bg-color:#f5f6f7;--main-bg-color:#fff;--muted-bg-color:#eee;--muted-bg-2-color:#f6f7f8;--main-border-color:rgba(50, 50, 50, 0.06);--muted-border-color:rgba(0, 0, 0, 0.03);--main-radius:8px;--mini-radius:calc(var(--main-radius) / 1.4);--blur-bg:rgba(255, 255, 255, 0.8);--float-btn-bg:rgba(200, 200, 200, 0.4);--header-bg:var(--blur-bg);--header-color:var(--main-color);--footer-bg:var(--main-bg-color);--footer-color:var(--muted-2-color)}.dark-theme{--key-color:#f8fafc;--main-color:#e5eef7;--main-shadow:rgba(24, 24, 24, 0.1);--muted-color:#b4b6bb;--muted-2-color:#888a8f;--muted-3-color:#636469;--muted-4-color:#43454a;--body-bg-color:#292a2d;--main-bg-color:#323335;--muted-bg-color:#2d2e31;--muted-bg-2-color:#37383a;--main-border-color:rgba(114, 114, 114, 0.1);--muted-border-color:rgba(184, 184, 184, 0.02);--blur-bg:rgba(50, 51, 53, 0.8);--float-btn-bg:rgba(70, 70, 70, 0.4);--header-bg:var(--blur-bg);--header-color:var(--main-color);--footer-bg:var(--main-bg-color);--footer-color:var(--muted-2-color)}::view-transition-new(root),::view-transition-old(root){animation:none;mix-blend-mode:normal}.dark::view-transition-old(root){z-index:1}.dark::view-transition-new(root){z-index:2147483646}::view-transition-old(root){z-index:2147483646}::view-transition-new(root){z-index:1}@supports not ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){body{--blur-bg:#ffffff}body.dark-theme{--blur-bg:#37383a}}body.modal-open,body:has(.modal.in){--blur-bg:#ffffff}body.dark-theme.modal-open,body.dark-theme:has(.modal.in){--blur-bg:#37383a}body.fps-accelerat{--blur-bg:#ffffff}body.fps-accelerat.dark-theme{--blur-bg:#37383a}body.fps-accelerat *{-webkit-backdrop-filter:unset!important;backdrop-filter:unset!important}.more-posts a>span,.relates-thumb li a>.post-info,a[href]{transition:color .2s,background .3s,opacity .3s,box-shadow .3s,transform .3s}.main-shadow{transition:box-shadow .3s}.but:focus,.but:hover,.navbar-nav>li:before,.progress{transition:.3s}.hover-show .hover-show-con,.navbar-top .sub-menu,.theme-popover{opacity:0;transform:translateY(6px);transition:.4s}.hover-show:hover .hover-show-con,.hover-show:hover~.hover-show-con,.hover-show:hover~.sub-menu,.navbar-top li:hover>.sub-menu{opacity:1;transform:translateY(0)}.hover-show{position:relative;cursor:pointer;z-index:10}.hover-show .hover-show-con{position:absolute;visibility:hidden}.hover-show:hover .hover-show-con,.hover-show:hover~.hover-show-con,.hover-show:hover~.sub-menu{visibility:unset}.ic-close,.match-ok,.navbar-top .sub-menu li>a{transition:.3s}.ic-close:hover{transform:rotate(270deg);color:inherit}.dosc-nav .fa,.item-thumbnail img,.social_loginbar a{transition:.2s ease-out}.hover-zoom-img:hover img,.hover-zoom:hover,.social_loginbar .social-login-item:hover,.social_loginbar .xh-social-item:hover{transform:scale(1.05)}.hover-zoom-img-sm:hover img,.hover-zoom-sm:hover,.posts-item.mult-thumb .thumb-items>span>img:hover,.posts-item:hover .item-thumbnail img,.posts-mini:hover img{transform:scale(1.02)}.main-min-height{min-height:calc(100vh - 280px)}.main-shadow{box-shadow:0 0 10px var(--main-shadow)}.key-color{color:var(--key-color)}.focus-color{--this-color:var(--focus-color);color:var(--focus-color)}.muted-color{color:var(--muted-color)}.muted-2-color{color:var(--muted-2-color)}.muted-3-color{color:var(--muted-3-color)}.main-bg{background:var(--main-bg-color)}.placeholder{background:linear-gradient(118deg,rgba(121,121,121,.1) 25%,rgba(121,121,121,.2) 37%,rgba(121,121,121,.1) 63%);opacity:1;border-radius:4px;-webkit-animation:placeholder 1.5s ease infinite!important;animation:placeholder 1.5s ease infinite!important;background-size:400% 100%!important}.placeholder.img{height:119px}.placeholder.t1{height:24px;width:80%}.placeholder.k1{height:20px;width:60%}.placeholder.k2{height:20px}.placeholder.k3{height:15px}.placeholder.s1{width:70px;height:15px;display:inline-block}@-webkit-keyframes placeholder{0%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes placeholder{0%{background-position:100% 50%}100%{background-position:0 50%}}@-webkit-keyframes fade{0%{opacity:0}100%{opacity:1}}@keyframes fade{0%{opacity:0}100%{opacity:1}}.ani.shake{-webkit-animation:shake .3s ease-in!important;animation:shake .3s ease-in!important}@-webkit-keyframes shake{20%{transform:translateX(2px)}40%{transform:translateX(-4px)}60%{transform:translateX(5px)}80%{transform:translateX(3px)}to{transform:translateX(0)}}@keyframes shake{20%{transform:translateX(2px)}40%{transform:translateX(-4px)}60%{transform:translateX(5px)}80%{transform:translateX(3px)}to{transform:translateX(0)}}.obs-animate{Line truncated
|
||||||
|
background-image: url(../img/playing.svg);
|
||||||
|
width:1em;margin-right:6px}.switch-iframe.active,.switch-video.active{color:var(--focus-color)}.switch-iframe.active .badg,.switch-video.active .badg{background:var(--focus-color);color:#fff}.single-cover-con a{color:#fff}.single-video{overflow:hidden;clear:both;background:var(--main-bg-color);box-shadow:0 0 10px var(--main-shadow);border-radius:var(--main-radius);margin-bottom:20px}.single-video .article-title{margin:0}.single-video-footer{padding:15px}.single-video .breadcrumb{padding:0}.single-video .cover-meta{background:0 0;padding:0;color:var(--main-color)}.wp-posts-content{line-height:2;font-size:16px;min-height:90px}.limit-height{overflow:hidden;position:relative}.limit-height .read-more{position:absolute;bottom:0;width:100%;text-align:center;background-image:linear-gradient(0deg,var(--main-bg-color) 70px,rgba(255,255,255,0) 100%);-webkit-animation:lazy_fade .5s;animation:lazy_fade .5s;z-index:80}.dark-theme .limit-height .read-more{background-image:linear-gradient(0deg,var(--main-bg-color) 70px,rgba(53,54,55,0) 100%)}.limit-height .read-more a{padding:25px 0;display:inline-block;color:var(--focus-color);margin-top:80px}.article-postsbox{line-height:1.6;overflow:hidden;font-size:14px;max-width:550px;margin:auto;margin-bottom:20px;box-shadow:none}.article-postsbox .posts-mini{width:100%}.post-nav-links,.post-page-numbers{line-height:1}.post-page-numbers{margin:5px 1px;padding:.3em;min-width:1.75em}.post-nav-links{background:var(--main-shadow)}.post-page-numbers.current{--this-bg:var(--focus-color);--this-color:#fff}.article-postsbox .pay-tag{font-size:12px;padding:1px 5px}.article-content .article-postsbox .item-meta a{color:inherit}.article-postsbox .item-thumbnail img{border-radius:4px}.article-postsbox .abs-blur-bg,.author-minicard .abs-blur-bg{opacity:.15}.article-postsbox .posts-mini{width:100%!important;margin:0!important;background:var(--muted-border-color);position:relative}.comment-content a:not([class]),.msg-content a:not([class]),.private-content a:not([class]),.wp-posts-content a:not([class]){color:var(--focus-color)}.wp-posts-content .but a{color:inherit}.wp-posts-content code:not([class]){color:#ff3c98;background-color:rgba(253,153,153,.2);margin:2px}.wp-posts-content img{max-width:100%;height:auto;display:block;margin:auto}.wp-posts-content img.fit-cover{height:100%}.wp-posts-content img.avatar{height:100%;display:inline-block}.wp-posts-content .alignright{text-align:right}img.alignright{display:block;margin-left:auto}img.alignleft{display:block;margin-right:auto}.wp-posts-content .aligncenter{display:table;margin:auto}.wp-posts-content .wp-block-table{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow-x:auto;margin-bottom:20px;border:none}.wp-posts-content .wp-block-table table:not(.has-fixed-layout){white-space:nowrap}.wp-posts-content table{font-size:14px;width:100%}.wp-posts-content tfoot,.wp-posts-content thead{border:none}.wp-posts-content tbody>tr>td,.wp-posts-content tbody>tr>th,.wp-posts-content tfoot>tr>td,.wp-posts-content tfoot>tr>th,.wp-posts-content thead>tr>td,.wp-posts-content thead>tr>th{border:1px solid var(--main-border-color);padding:8px;line-height:1.42857143;vertical-align:top}.wp-posts-content tfoot>tr>td,.wp-posts-content tfoot>tr>th,.wp-posts-content thead>tr>td,.wp-posts-content thead>tr>th{background:var(--muted-border-color)}.wp-posts-content thead>tr>td,.wp-posts-content thead>tr>th{text-align:center}.wp-posts-content tbody>tr{transition:.3s}.wp-posts-content tbody>tr:hover{background-color:var(--focus-color-opacity1)!important}.wp-posts-content .wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:var(--main-shadow)}.wp-posts-content .wp-block-table .has-background{color:#666}.wp-posts-content h1,.wp-posts-content h2,.wp-posts-content h3,.wp-posts-content h4,.wp-posts-content h5{margin:20px 0 10px;font-weight:700}.wp-posts-content h1{font-size:22px}.wp-posts-content h2{font-size:20px}.wp-posts-content h3{font-size:18px}.wp-posts-content h4{font-size:16px}.wp-posts-content h5,.wp-posts-content h6{font-size:14px}.wp-posts-content ol:not(.blocks-gallery-grid),.wp-posts-content ul:not(.blocks-gallery-grid){margin:10px 0 20px 15px;padding-left:15px}.wp-posts-content ul{list-style:disc}.wp-posts-content ol{list-style:decimal}.wp-posts-content li{margin-bottom:10px}.wp-posts-content ul li:not(.blocks-gallery-item):last-of-type{margin-bottom:0}.wp-posts-content p{margin-bottom:20px;word-wrap:break-word}.wp-posts-content pre:not(.wp-block-code){border:none;background:0 0;padding:0;margin:0}.wp-posts-content pre{background:var(--muted-border-color);color:var(--main-color)}.wp-posts-content .wp-block-code code{color:inherit;background-color:unset;margin:unset}.article-content .article-tags a{font-size:12px;margin:3px}.wp-block-image:after{content:'';display:block;height:0;clear:both;visibility:hidden}.blocks-gallery-grid.is-cropped .blocks-gallery-image a,.blocks-gallery-grid.is-cropped .blocks-gallery-image img,.blocks-galleryLine truncated
|
||||||
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
@@ -1,10 +1,10 @@
|
|||||||
/**
|
/**
|
||||||
* Archives page (zibll archives) styles.
|
* Archives page (legacy archives) styles.
|
||||||
*
|
*
|
||||||
* @package AKSRT
|
* @package AKSRT
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/* Dual-column geometry owned by layout.css site-layout float rules (Zibll). */
|
/* Dual-column geometry owned by layout.css site-layout float rules (legacy). */
|
||||||
|
|
||||||
.archives-month-list {
|
.archives-month-list {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
/**
|
/**
|
||||||
* AKSRT 网址导航 — zibll links page shell/styles.
|
* AKSRT 网址导航 — legacy links page shell/styles.
|
||||||
*
|
*
|
||||||
* @package AKSRT
|
* @package AKSRT
|
||||||
*/
|
*/
|
||||||
@@ -9,7 +9,7 @@
|
|||||||
padding: 0 15px 10px;
|
padding: 0 15px 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.links-box:not(.zib-widget):not(.links-style-simple):not(.links-style-image) {
|
.links-box:not(.aksrt-panel):not(.links-style-simple):not(.links-style-image) {
|
||||||
margin: -5px;
|
margin: -5px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
@@ -33,7 +33,7 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.links-box:not(.zib-widget) .links-card {
|
.links-box:not(.aksrt-panel) .links-card {
|
||||||
background: var(--main-bg-color, var(--surface-1, #fff));
|
background: var(--main-bg-color, var(--surface-1, #fff));
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -109,8 +109,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* ---- fixed category nav ---- */
|
/* ---- fixed category nav ---- */
|
||||||
.fixed-wrap .fixed-wrap-nav.zib-widget,
|
.fixed-wrap .fixed-wrap-nav.aksrt-panel,
|
||||||
.link-nav-box .zib-widget {
|
.link-nav-box .aksrt-panel {
|
||||||
padding: 8px 15px;
|
padding: 8px 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -415,7 +415,7 @@
|
|||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.link-nav-box > .zib-widget {
|
.link-nav-box > .aksrt-panel {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|||||||
@@ -1,11 +1,11 @@
|
|||||||
/**
|
/**
|
||||||
* AKSRT 文章导航页 — zibll postsnavs shell + admin settings.
|
* AKSRT 文章导航页 — legacy postsnavs shell + admin settings.
|
||||||
*
|
*
|
||||||
* @package AKSRT
|
* @package AKSRT
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/* header card */
|
/* header card */
|
||||||
/* Dual-column geometry owned by layout.css site-layout float rules (Zibll). */
|
/* Dual-column geometry owned by layout.css site-layout float rules (legacy). */
|
||||||
|
|
||||||
.posts-navs .title-theme h2 {
|
.posts-navs .title-theme h2 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
@@ -64,7 +64,7 @@
|
|||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.posts-nav-box .zib-widget {
|
.posts-nav-box .aksrt-panel {
|
||||||
background: var(--main-bg-color, var(--surface-1, #fff));
|
background: var(--main-bg-color, var(--surface-1, #fff));
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
box-shadow: 0 1px 4px var(--main-shadow, rgba(0, 0, 0, 0.06));
|
box-shadow: 0 1px 4px var(--main-shadow, rgba(0, 0, 0, 0.06));
|
||||||
|
|||||||
@@ -30,7 +30,7 @@
|
|||||||
box-shadow: 0 2px 12px rgba(15, 23, 42, 0.06);
|
box-shadow: 0 2px 12px rgba(15, 23, 42, 0.06);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 对齐 zibll: calc(20% + 100px) */
|
/* 对齐 legacy: calc(20% + 100px) */
|
||||||
.uc-header__cover {
|
.uc-header__cover {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding-bottom: calc(20% + 100px);
|
padding-bottom: calc(20% + 100px);
|
||||||
@@ -141,7 +141,7 @@
|
|||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 对齐 zibll: 140px, 6px 圆角 */
|
/* 对齐 legacy: 140px, 6px 圆角 */
|
||||||
.uc-header__avatar img {
|
.uc-header__avatar img {
|
||||||
display: block;
|
display: block;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|||||||
@@ -654,7 +654,7 @@
|
|||||||
color: var(--color-ink-4);
|
color: var(--color-ink-4);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Zibll-style user tabs: one panel outside, flat rows inside. */
|
/* legacy-style user tabs: one panel outside, flat rows inside. */
|
||||||
.dashboard--public .profile-list,
|
.dashboard--public .profile-list,
|
||||||
.dashboard--public .profile-comment-list,
|
.dashboard--public .profile-comment-list,
|
||||||
.uc-content #panel-posts .profile-list,
|
.uc-content #panel-posts .profile-list,
|
||||||
|
|||||||
@@ -5,7 +5,7 @@
|
|||||||
|
|
||||||
/**
|
/**
|
||||||
* AKSRT Revenue Page Styles
|
* AKSRT Revenue Page Styles
|
||||||
* 收益中心页面样式 — zibll-aligned, responsive
|
* 收益中心页面样式 — legacy-aligned, responsive
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.aksrt-revenue-page {
|
.aksrt-revenue-page {
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
/**
|
/**
|
||||||
* User Center — assets (wallet + points) Zibll parity
|
* User Center — assets (wallet + points) legacy parity
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.uc-balance-card {
|
.uc-balance-card {
|
||||||
@@ -40,7 +40,7 @@
|
|||||||
padding: 16px 20px;
|
padding: 16px 20px;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.uc-assets-row .uc-asset-card.zib-widget {
|
.uc-assets-row .uc-asset-card.aksrt-panel {
|
||||||
/* defensive if class reintroduced */
|
/* defensive if class reintroduced */
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
clear: none;
|
clear: none;
|
||||||
@@ -86,7 +86,7 @@
|
|||||||
color: var(--focus-color, #f04494);
|
color: var(--focus-color, #f04494);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Sidebar mini dual cards (Zibll) */
|
/* Sidebar mini dual cards (legacy) */
|
||||||
.uc-asset-mini {
|
.uc-asset-mini {
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
}
|
}
|
||||||
@@ -299,7 +299,7 @@ body.uc-modal-open {
|
|||||||
margin-top: 12px;
|
margin-top: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Asset record tabs — flat tab strip + list, no zib-widget mega-card */
|
/* Asset record tabs — flat tab strip + list, no aksrt-panel mega-card */
|
||||||
.uc-asset-tabs {
|
.uc-asset-tabs {
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
@@ -307,7 +307,7 @@ body.uc-modal-open {
|
|||||||
border: 0;
|
border: 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
.uc-asset-tabs.zib-widget {
|
.uc-asset-tabs.aksrt-panel {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
border: 0;
|
border: 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
@@ -1020,7 +1020,7 @@ body.uc-modal-open {
|
|||||||
}
|
}
|
||||||
.focus-color { color: var(--focus-color, #f59e0b); }
|
.focus-color { color: var(--focus-color, #f59e0b); }
|
||||||
|
|
||||||
/* 用户中心「我的徽章」弹窗样式已迁至 assets/css/frontend/medal.css（zibll medal 风格）。 */
|
/* 用户中心「我的徽章」弹窗样式已迁至 assets/css/frontend/medal.css（legacy medal 风格）。 */
|
||||||
|
|
||||||
.uc-points-tasks__row.is-done { opacity: .72; }
|
.uc-points-tasks__row.is-done { opacity: .72; }
|
||||||
.uc-points-tasks__progress-bar {
|
.uc-points-tasks__progress-bar {
|
||||||
@@ -1035,12 +1035,12 @@ body.uc-modal-open {
|
|||||||
background: linear-gradient(90deg, #22c55e, #16a34a);
|
background: linear-gradient(90deg, #22c55e, #16a34a);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* VIP tab — zibll 我的会员 (scoped; no dependence on homepage-only utilities) */
|
/* VIP tab — legacy 我的会员 (scoped; no dependence on homepage-only utilities) */
|
||||||
.uc-vip-tab {
|
.uc-vip-tab {
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Top profile card — zibll .user-content-myvip 1:1 */
|
/* Top profile card — legacy .user-content-myvip 1:1 */
|
||||||
.uc-vip-tab .user-content-myvip {
|
.uc-vip-tab .user-content-myvip {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -1067,7 +1067,7 @@ body.uc-modal-open {
|
|||||||
.uc-vip-tab .user-content-myvip .uc-vip-state {
|
.uc-vip-tab .user-content-myvip .uc-vip-state {
|
||||||
flex: 4 1 0;
|
flex: 4 1 0;
|
||||||
}
|
}
|
||||||
/* Crown watermark — zibll .user-content-myvip .vip-img.abs-right */
|
/* Crown watermark — legacy .user-content-myvip .vip-img.abs-right */
|
||||||
.uc-vip-tab .user-content-myvip .vip-img,
|
.uc-vip-tab .user-content-myvip .vip-img,
|
||||||
.uc-vip-tab .user-content-myvip .vip-img.abs-right {
|
.uc-vip-tab .user-content-myvip .vip-img.abs-right {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -1098,7 +1098,7 @@ body.uc-modal-open {
|
|||||||
.uc-vip-tab .uc-vip-userbox .shrink0 {
|
.uc-vip-tab .uc-vip-userbox .shrink0 {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
/* avatar-md = 55×55 circle (zibll --this-size: 55px) */
|
/* avatar-md = 55×55 circle (legacy --this-size: 55px) */
|
||||||
.uc-vip-tab .user-content-myvip .avatar-img {
|
.uc-vip-tab .user-content-myvip .avatar-img {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@@ -1156,7 +1156,7 @@ body.uc-modal-open {
|
|||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Right status column — zibll my_vip_box */
|
/* Right status column — legacy my_vip_box */
|
||||||
.uc-vip-status,
|
.uc-vip-status,
|
||||||
.uc-vip-tab .uc-vip-status.flex.xx {
|
.uc-vip-tab .uc-vip-status.flex.xx {
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -1447,7 +1447,7 @@ html:not(.dark):not(.theme-dark) .uc-vip-level-card.level-2 .v-name {
|
|||||||
gap: 12px;
|
gap: 12px;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
/* zibll: hide-sm on left profile column on mobile */
|
/* legacy: hide-sm on left profile column on mobile */
|
||||||
.uc-vip-tab .user-content-myvip .hide-sm,
|
.uc-vip-tab .user-content-myvip .hide-sm,
|
||||||
.uc-vip-tab .user-content-myvip .uc-vip-profile.hide-sm {
|
.uc-vip-tab .user-content-myvip .uc-vip-profile.hide-sm {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
.aksrt-user-level-icon--admin { height: 22px; }
|
.aksrt-user-level-icon--admin { height: 22px; }
|
||||||
|
|
||||||
.uc-level-page { display: grid; gap: 16px; }
|
.uc-level-page { display: grid; gap: 16px; }
|
||||||
.uc-level-page .zib-widget {
|
.uc-level-page .aksrt-panel {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 18px;
|
padding: 18px;
|
||||||
border: 1px solid var(--color-line-soft, rgba(0,0,0,.06));
|
border: 1px solid var(--color-line-soft, rgba(0,0,0,.06));
|
||||||
|
|||||||
@@ -47,8 +47,8 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ==================== 响应式抽屉（对齐 zibll ≤767 全宽，覆盖 display:none） ==================== */
|
/* ==================== 响应式抽屉（对齐 legacy ≤767 全宽，覆盖 display:none） ==================== */
|
||||||
/* zibll 在 max-width:767 把 user-center-sidebar/content 设 width:100%；
|
/* legacy 在 max-width:767 把 user-center-sidebar/content 设 width:100%；
|
||||||
* 本站沿用 ≤991.98 的 drawer 模式，与全站侧栏折叠点一致。 */
|
* 本站沿用 ≤991.98 的 drawer 模式，与全站侧栏折叠点一致。 */
|
||||||
@media (max-width: 991.98px) {
|
@media (max-width: 991.98px) {
|
||||||
body.aksrt-user-center .user-center-body,
|
body.aksrt-user-center .user-center-body,
|
||||||
|
|||||||
@@ -5,7 +5,7 @@
|
|||||||
/**
|
/**
|
||||||
* AKSRT User Center — 本人中心专属样式
|
* AKSRT User Center — 本人中心专属样式
|
||||||
*
|
*
|
||||||
* Zibll 风格两栏布局：左侧边栏 + 右侧内容区
|
* 原主题风格两栏布局：左侧边栏 + 右侧内容区
|
||||||
* 仅在本人中心页面加载（body.aksrt-user-center）
|
* 仅在本人中心页面加载（body.aksrt-user-center）
|
||||||
*/
|
*/
|
||||||
|
|
||||||
@@ -45,8 +45,8 @@ h1.uc-header__name .aksrt-identity-medal {
|
|||||||
background: transparent;
|
background: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ==================== 页面自有双栏（对齐 zibll .user-center flex，不走全站 float 壳） ==================== */
|
/* ==================== 页面自有双栏（对齐 legacy .user-center flex，不走全站 float 壳） ==================== */
|
||||||
/* DOM: sidebar first + content second（与 zibll user-center-sidebar / user-center-content 一致）。
|
/* DOM: sidebar first + content second（与 legacy user-center-sidebar / user-center-content 一致）。
|
||||||
* 选择器同时覆盖 body.aksrt-user-center 与 main.user-center / .aksrt-profile，避免 body class 漏打时失效。 */
|
* 选择器同时覆盖 body.aksrt-user-center 与 main.user-center / .aksrt-profile，避免 body class 漏打时失效。 */
|
||||||
body.aksrt-user-center .content-wrap,
|
body.aksrt-user-center .content-wrap,
|
||||||
.aksrt-profile .content-wrap,
|
.aksrt-profile .content-wrap,
|
||||||
@@ -56,7 +56,7 @@ body.aksrt-user-center .content-wrap,
|
|||||||
min-width: 0;
|
min-width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 对齐 zibll: .user-center { display:flex; gap:20px; } */
|
/* 对齐 legacy: .user-center { display:flex; gap:20px; } */
|
||||||
body.aksrt-user-center .user-center-body,
|
body.aksrt-user-center .user-center-body,
|
||||||
body.aksrt-user-center .aksrt-profile__layout,
|
body.aksrt-user-center .aksrt-profile__layout,
|
||||||
.aksrt-profile .user-center-body,
|
.aksrt-profile .user-center-body,
|
||||||
@@ -85,7 +85,7 @@ body.aksrt-user-center.site-layout-3 .user-center-body {
|
|||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 对齐 zibll: .user-center .user-center-sidebar { width:320px; flex-shrink:0; } */
|
/* 对齐 legacy: .user-center .user-center-sidebar { width:320px; flex-shrink:0; } */
|
||||||
body.aksrt-user-center .user-center-sidebar,
|
body.aksrt-user-center .user-center-sidebar,
|
||||||
body.aksrt-user-center .uc-sidebar,
|
body.aksrt-user-center .uc-sidebar,
|
||||||
body.aksrt-user-center .aksrt-profile__aside,
|
body.aksrt-user-center .aksrt-profile__aside,
|
||||||
@@ -109,7 +109,7 @@ body.aksrt-user-center .aksrt-profile__aside,
|
|||||||
align-self: flex-start;
|
align-self: flex-start;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 对齐 zibll: .user-center .user-center-content { width: calc(100% - 320px); } */
|
/* 对齐 legacy: .user-center .user-center-content { width: calc(100% - 320px); } */
|
||||||
body.aksrt-user-center .user-center-content,
|
body.aksrt-user-center .user-center-content,
|
||||||
body.aksrt-user-center .uc-content,
|
body.aksrt-user-center .uc-content,
|
||||||
.aksrt-profile .user-center-content,
|
.aksrt-profile .user-center-content,
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
* User Center — VIP summary card only.
|
* User Center — VIP summary card only.
|
||||||
*
|
*
|
||||||
* The purchase cards below remain owned by the existing VIP/credits styles.
|
* The purchase cards below remain owned by the existing VIP/credits styles.
|
||||||
* This summary intentionally mirrors their quiet Zibll card language.
|
* This summary intentionally mirrors their quiet legacy card language.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.uc-content #panel-vip.dashboard-panel {
|
.uc-content #panel-vip.dashboard-panel {
|
||||||
|
|||||||
@@ -1,12 +1,12 @@
|
|||||||
/**
|
/**
|
||||||
* AKSRT User Home / Author Page — 公开用户主页 & 作者归档页样式
|
* AKSRT User Home / Author Page — 公开用户主页 & 作者归档页样式
|
||||||
*
|
*
|
||||||
* Zibll 风格作者页布局
|
* 原主题风格作者页布局
|
||||||
* 在 /user/{nicename}/ 和 /author/{nicename}/ 加载
|
* 在 /user/{nicename}/ 和 /author/{nicename}/ 加载
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* Author Hero — 统一的作者头区（与 zibll author-header 对齐）
|
* Author Hero — 统一的作者头区（与 legacy author-header 对齐）
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
.aksrt-author-hero {
|
.aksrt-author-hero {
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -120,7 +120,7 @@
|
|||||||
max-width: 520px;
|
max-width: 520px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Body stats row removed for Zibll author parity; counts live in tabs. */
|
/* Body stats row removed for legacy author parity; counts live in tabs. */
|
||||||
.aksrt-author-hero__stats {
|
.aksrt-author-hero__stats {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
@@ -399,7 +399,7 @@
|
|||||||
animation: panel-fade-in 0.25s ease;
|
animation: panel-fade-in 0.25s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Public author posts follow Zibll's full-width, two-column list. */
|
/* Public author posts follow legacy's full-width, two-column list. */
|
||||||
@media (min-width: 992px) {
|
@media (min-width: 992px) {
|
||||||
.aksrt-user-home #panel-posts .aksrt-user-home__post-list .posts-item {
|
.aksrt-user-home #panel-posts .aksrt-user-home__post-list .posts-item {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
@@ -498,7 +498,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Full-width public home (Zibll author: no commerce sidebar) */
|
/* Full-width public home (legacy author: no commerce sidebar) */
|
||||||
.aksrt-user-home .content-layout--no-sidebar .content-layout__primary {
|
.aksrt-user-home .content-layout--no-sidebar .content-layout__primary {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
|
|||||||
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
@@ -37,16 +37,16 @@
|
|||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
/**---------------侧栏小工具：按栏导出/导入（工具条 + 弹层）-----------**/
|
/**---------------侧栏小工具：按栏导出/导入（工具条 + 弹层）-----------**/
|
||||||
.zib-wie-toolbar {
|
.aksrt-wie-toolbar {
|
||||||
margin: 8px 0 12px;
|
margin: 8px 0 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-toolbar .button {
|
.aksrt-wie-toolbar .button {
|
||||||
margin-right: 6px;
|
margin-right: 6px;
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-modal {
|
.aksrt-wie-modal {
|
||||||
display: none;
|
display: none;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
inset: 0;
|
inset: 0;
|
||||||
@@ -57,17 +57,17 @@
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-modal.is-open {
|
.aksrt-wie-modal.is-open {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-modal__backdrop {
|
.aksrt-wie-modal__backdrop {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
inset: 0;
|
inset: 0;
|
||||||
background: rgba(0, 0, 0, 0.45);
|
background: rgba(0, 0, 0, 0.45);
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-modal__dialog {
|
.aksrt-wie-modal__dialog {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -82,7 +82,7 @@
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-modal__close {
|
.aksrt-wie-modal__close {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 10px;
|
top: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
@@ -97,22 +97,22 @@
|
|||||||
color: #646970;
|
color: #646970;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-modal__close:hover {
|
.aksrt-wie-modal__close:hover {
|
||||||
color: #1d2327;
|
color: #1d2327;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-modal__title {
|
.aksrt-wie-modal__title {
|
||||||
margin: 0 32px 10px 0;
|
margin: 0 32px 10px 0;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-modal__hint {
|
.aksrt-wie-modal__hint {
|
||||||
margin: 0 0 10px;
|
margin: 0 0 10px;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-modal__import-mode {
|
.aksrt-wie-modal__import-mode {
|
||||||
margin: 0 0 12px;
|
margin: 0 0 12px;
|
||||||
padding: 10px 12px;
|
padding: 10px 12px;
|
||||||
background: #f6f7f7;
|
background: #f6f7f7;
|
||||||
@@ -124,23 +124,23 @@
|
|||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-modal__import-mode-title {
|
.aksrt-wie-modal__import-mode-title {
|
||||||
margin: 0 0 8px;
|
margin: 0 0 8px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-modal__import-mode-row {
|
.aksrt-wie-modal__import-mode-row {
|
||||||
display: block;
|
display: block;
|
||||||
margin: 6px 0 0;
|
margin: 6px 0 0;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-modal__import-mode-row input {
|
.aksrt-wie-modal__import-mode-row input {
|
||||||
margin-right: 6px;
|
margin-right: 6px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-modal__textarea {
|
.aksrt-wie-modal__textarea {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
min-height: 240px;
|
min-height: 240px;
|
||||||
font-family: Consolas, Monaco, monospace;
|
font-family: Consolas, Monaco, monospace;
|
||||||
@@ -149,7 +149,7 @@
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-modal__actions {
|
.aksrt-wie-modal__actions {
|
||||||
margin: 12px 0 0;
|
margin: 12px 0 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
@@ -157,36 +157,36 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-modal__result {
|
.aksrt-wie-modal__result {
|
||||||
margin: 10px 0 0;
|
margin: 10px 0 0;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-modal__result.is-ok {
|
.aksrt-wie-modal__result.is-ok {
|
||||||
color: #008a20;
|
color: #008a20;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-modal__result.is-warn {
|
.aksrt-wie-modal__result.is-warn {
|
||||||
color: #996800;
|
color: #996800;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-modal__result.is-err {
|
.aksrt-wie-modal__result.is-err {
|
||||||
color: #d63638;
|
color: #d63638;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-modal__reload-wrap {
|
.aksrt-wie-modal__reload-wrap {
|
||||||
margin: 12px 0 0;
|
margin: 12px 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-template-layer {
|
.aksrt-wie-template-layer {
|
||||||
z-index: 1000120;
|
z-index: 1000120;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-template-list-wrap {
|
.aksrt-wie-template-list-wrap {
|
||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-template-list {
|
.aksrt-wie-template-list {
|
||||||
max-height: 42vh;
|
max-height: 42vh;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -194,23 +194,23 @@
|
|||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-template-item {
|
.aksrt-wie-template-item {
|
||||||
flex: 1 1 30%;
|
flex: 1 1 30%;
|
||||||
min-width: 360px;
|
min-width: 360px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-template-item:last-child {
|
.aksrt-wie-template-item:last-child {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-template-item-row {
|
.aksrt-wie-template-item-row {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-template-item-label {
|
.aksrt-wie-template-item-label {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
@@ -225,16 +225,16 @@
|
|||||||
height: stretch;
|
height: stretch;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-template-item-label:hover {
|
.aksrt-wie-template-item-label:hover {
|
||||||
background: #f7fbfe;
|
background: #f7fbfe;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-template-item-label input[type='radio'] {
|
.aksrt-wie-template-item-label input[type='radio'] {
|
||||||
margin-top: 3px;
|
margin-top: 3px;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-template-item-expand {
|
.aksrt-wie-template-item-expand {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
margin-top: 0 !important;
|
margin-top: 0 !important;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
@@ -243,12 +243,12 @@
|
|||||||
padding-right: 8px !important;
|
padding-right: 8px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-template-expand-icon {
|
.aksrt-wie-template-expand-icon {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-template-expand-icon::before {
|
.aksrt-wie-template-expand-icon::before {
|
||||||
content: '';
|
content: '';
|
||||||
display: block;
|
display: block;
|
||||||
width: 0;
|
width: 0;
|
||||||
@@ -259,51 +259,51 @@
|
|||||||
transition: transform 0.15s ease;
|
transition: transform 0.15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-template-item-expand.is-expanded .zib-wie-template-expand-icon::before {
|
.aksrt-wie-template-item-expand.is-expanded .aksrt-wie-template-expand-icon::before {
|
||||||
transform: rotate(90deg);
|
transform: rotate(90deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-template-item-modules {
|
.aksrt-wie-template-item-modules {
|
||||||
padding: 0 12px 12px 40px;
|
padding: 0 12px 12px 40px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
background: #f6f7f7;
|
background: #f6f7f7;
|
||||||
border-top: 1px solid #eee;
|
border-top: 1px solid #eee;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-template-module-list {
|
.aksrt-wie-template-module-list {
|
||||||
margin: 8px 0 0;
|
margin: 8px 0 0;
|
||||||
padding-left: 1.2em;
|
padding-left: 1.2em;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-template-module-list li {
|
.aksrt-wie-template-module-list li {
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-template-module-id {
|
.aksrt-wie-template-module-id {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
color: #646970;
|
color: #646970;
|
||||||
margin-left: 4px;
|
margin-left: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-template-item-meta {
|
.aksrt-wie-template-item-meta {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 4px;
|
gap: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-template-item-title {
|
.aksrt-wie-template-item-title {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-template-item-remind {
|
.aksrt-wie-template-item-remind {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #fc844c;
|
color: #fc844c;
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zib-wie-template-item-desc {
|
.aksrt-wie-template-item-desc {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #646970;
|
color: #646970;
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
Vendored
+1
@@ -0,0 +1 @@
|
|||||||
|
.widget_ui_slider_box>img{width:calc(60% - 6px);margin:3px}.widget_ui_slider_g{padding:5px 0}.ashu_upload_button,.delimg_upload_button{margin:3px!important}.ok_button{float:right}.hide{display:none!important}.panel-hide{display:none}.panel{border:1px solid #ddd;display:block}.panel .panel-title{margin:0;padding:10px;background:#f4f5f6}.panel .panel-conter{padding:6px}.panel .panel-title:before{content:'\f140';font:normal 20px/1 dashicons;margin:-2px;float:right}.aksrt-wie-toolbar{margin:8px 0 12px}.aksrt-wie-toolbar .button{margin-right:6px;margin-bottom:4px}.aksrt-wie-modal{display:none;position:fixed;inset:0;z-index:1000100;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.aksrt-wie-modal.is-open{display:flex}.aksrt-wie-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45)}.aksrt-wie-modal__dialog{position:relative;z-index:1;width:100%;max-width:min(920px,96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:6px;border:1px solid #c3c4c7;box-shadow:0 8px 32px rgba(0,0,0,.14);padding:18px 20px 16px;box-sizing:border-box}.aksrt-wie-modal__close{position:absolute;top:10px;right:10px;width:2em;height:2em;padding:0;border:none;background:0 0;cursor:pointer;font-size:20px;line-height:1;color:#646970}.aksrt-wie-modal__close:hover{color:#1d2327}.aksrt-wie-modal__title{margin:0 32px 10px 0;font-size:16px;line-height:1.3}.aksrt-wie-modal__hint{margin:0 0 10px;font-size:13px}.aksrt-wie-modal__import-mode{margin:0 0 12px;padding:10px 12px;background:#f6f7f7;border:1px solid #dcdcde;border-radius:4px;display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.aksrt-wie-modal__import-mode-title{margin:0 0 8px;font-weight:600}.aksrt-wie-modal__import-mode-row{display:block;margin:6px 0 0;cursor:pointer}.aksrt-wie-modal__import-mode-row input{margin-right:6px;vertical-align:middle}.aksrt-wie-modal__textarea{width:100%;min-height:240px;font-family:Consolas,Monaco,monospace;font-size:12px;line-height:1.45;box-sizing:border-box}.aksrt-wie-modal__actions{margin:12px 0 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.aksrt-wie-modal__result{margin:10px 0 0;font-size:13px}.aksrt-wie-modal__result.is-ok{color:#008a20}.aksrt-wie-modal__result.is-warn{color:#996800}.aksrt-wie-modal__result.is-err{color:#d63638}.aksrt-wie-modal__reload-wrap{margin:12px 0 0}.aksrt-wie-template-layer{z-index:1000120}.aksrt-wie-template-list-wrap{margin-bottom:12px}.aksrt-wie-template-list{max-height:42vh;overflow:auto;display:flex;gap:10px;flex-wrap:wrap}.aksrt-wie-template-item{flex:1 1 30%;min-width:360px}.aksrt-wie-template-item:last-child{border-bottom:none}.aksrt-wie-template-item-row{display:flex;align-items:flex-start;gap:8px;height:100%}.aksrt-wie-template-item-label{display:flex;flex:1 1 auto;gap:10px;align-items:flex-start;margin:0;cursor:pointer;min-width:0;padding:10px 12px;background:#fbfbfb;border-radius:8px;border:1px solid #efeeee;height:stretch}.aksrt-wie-template-item-label:hover{background:#f7fbfe}.aksrt-wie-template-item-label input[type=radio]{margin-top:3px;flex-shrink:0}.aksrt-wie-template-item-expand{flex-shrink:0;margin-top:0!important;line-height:1;min-height:28px;padding-left:8px!important;padding-right:8px!important}.aksrt-wie-template-expand-icon{display:inline-block;vertical-align:middle}.aksrt-wie-template-expand-icon::before{content:'';display:block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid #50575e;transition:transform .15s ease}.aksrt-wie-template-item-expand.is-expanded .aksrt-wie-template-expand-icon::before{transform:rotate(90deg)}.aksrt-wie-template-item-modules{padding:0 12px 12px 40px;margin:0;background:#f6f7f7;border-top:1px solid #eee}.aksrt-wie-template-module-list{margin:8px 0 0;padding-left:1.2em;font-size:13px;line-height:1.5}.aksrt-wie-template-module-list li{margin-bottom:4px}.aksrt-wie-template-module-id{font-size:11px;color:#646970;margin-left:4px}.aksrt-wie-template-item-meta{display:flex;flex-direction:column;gap:4px}.aksrt-wie-template-item-title{font-weight:600}.aksrt-wie-template-item-remind{font-size:12px;color:#fc844c;line-height:1.4}.aksrt-wie-template-item-desc{font-size:12px;color:#646970;line-height:1.4}
|
||||||
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
Loaded 100 of 591 files, more files were not shown because too many files have changed in this diff.
Show more
Reference in new issue
Block a user