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:
@@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
File diff suppressed because one or more lines are too long
Vendored
+5
File diff suppressed because one or more lines are too long
@@ -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));
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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
File diff suppressed because one or more lines are too long
@@ -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
File diff suppressed because one or more lines are too long
@@ -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%;
|
||||||
|
|||||||
@@ -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}
|
||||||
|
Before Width: | Height: | Size: 730 KiB After Width: | Height: | Size: 730 KiB |
|
Before Width: | Height: | Size: 141 KiB After Width: | Height: | Size: 141 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user