refactor: rename the theme brand and every identifier from AKSRT to Jio
Full-project rename. `git grep -i aksrt` is now empty apart from the
DBMigrator 3.3.0 changelog note that documents the rename itself.
Code identifiers
- PHP namespace AKSRT\ -> Jio\ (composer PSR-4 + 378 declarations)
- global constants AKSRT_* -> JIO_* (VERSION/DIR/URI, PAY_TYPE_*, CAPTCHA_*)
- procedural functions, hooks, options, meta keys, table names,
cookies, query vars, ajax actions and nonces: aksrt_ -> jio_
- text domain aksrt -> jio; Theme Name -> Jio
- JS globals: aksrtData/aksrtAdminData/... -> jioData/jioAdminData/...,
window.AKSRTCaptcha & friends -> window.JioCaptcha, Aksrt* -> Jio*
- Vue components Aks*.vue -> Jio*.vue (15 files renamed + imports)
- CSS classes/data-attrs/custom properties: aksrt- -> jio-
- REST namespace aksrt/v1 -> jio/v1 (incl. payment gateway callbacks)
Storage layer
- DB tables {prefix}aksrt_* -> {prefix}jio_*; SCHEMA_VERSION 3.2.0 -> 3.3.0
so dbDelta creates the new names on install
- widget id_base aksrt_widget_* -> jio_widget_*
- uninstall.php drop list rebuilt from the actual migrator tables
(dropped 3 stale entries, added the 17 missing ones)
Removed
- hardcoded https://api.aksrt.com/version.json default update endpoint;
get_endpoint() now reads the 「更新端点」 setting and do_check() no-ops
when it is empty
Files renamed: inc/helpers/aksrt-*.php -> jio-*.php (54),
assets/admin/src/components/form/Aks*.vue -> Jio*.vue (15).
Build artifacts regenerated: assets/css/build, assets/js/runtime,
assets/admin/build.
Verified: audit-psr4-paths errors=0, audit-admin-contracts errors=0
(warnings=56, unchanged baseline), 813/813 widget-system tests,
44/44 phpunit, php -l clean across all PHP.
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
kate522andClaude Opus 5 committed
1 parent
5b16bc6e15
commit
35bb96e82f
997 files changed
+28216
-28188
No files matched your search
@@ -1,5 +1,5 @@
|
||||
/**
|
||||
* AKSRT Main v5 — 博客/个人站完整前端
|
||||
* Jio Main v5 — 博客/个人站完整前端
|
||||
*/
|
||||
|
||||
/* 防止 hero 等使用 100vw / full-bleed 时产生横向滚动条 */
|
||||
@@ -195,11 +195,11 @@ main.container,
|
||||
* All compact identity marks share one line-height baseline: VIP, level,
|
||||
* certification, and worn medals remain visually aligned in every surface.
|
||||
*/
|
||||
.aksrt-user-level-badge,
|
||||
.aksrt-user-level-icon,
|
||||
.aksrt-identity-medal,
|
||||
.aksrt-identity-certification-icon,
|
||||
.aksrt-header-user-medal {
|
||||
.jio-user-level-badge,
|
||||
.jio-user-level-icon,
|
||||
.jio-identity-medal,
|
||||
.jio-identity-certification-icon,
|
||||
.jio-header-user-medal {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -211,16 +211,16 @@ main.container,
|
||||
flex: 0 0 auto;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.aksrt-user-level-badge {
|
||||
.jio-user-level-badge {
|
||||
padding: 0 .35em;
|
||||
font-size: .78em;
|
||||
line-height: 1.1;
|
||||
white-space: nowrap;
|
||||
}
|
||||
/* Comment context: keep all identity marks inside the compact author line. */
|
||||
.aksrt-identity-medal--comment,
|
||||
.aksrt-user-level-icon--comment,
|
||||
.aksrt-header-user-medal--comment {
|
||||
.jio-identity-medal--comment,
|
||||
.jio-user-level-icon--comment,
|
||||
.jio-header-user-medal--comment {
|
||||
height: 1em;
|
||||
vertical-align: -.12em;
|
||||
}
|
||||
@@ -233,9 +233,9 @@ main.container,
|
||||
.article-avatar name,
|
||||
.article-avatar .name,
|
||||
.user-name,
|
||||
.aksrt-author-hero__name,
|
||||
.jio-author-hero__name,
|
||||
.uc-header__name,
|
||||
.aksrt-header-badges {
|
||||
.jio-header-badges {
|
||||
flex-wrap: nowrap;
|
||||
white-space: nowrap;
|
||||
}
|
||||
@@ -251,21 +251,21 @@ main.container,
|
||||
.user-card.author .user-name > name > .follow {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.aksrt-author-hero__name,
|
||||
.jio-author-hero__name,
|
||||
.uc-header__name {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.aksrt-author-hero__name-inner {
|
||||
.jio-author-hero__name-inner {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.aksrt-ip-geo-badge {
|
||||
.jio-ip-geo-badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
min-width: 0;
|
||||
|
||||
@@ -1,17 +1,17 @@
|
||||
/**
|
||||
* AKSRT Card Primitives — 1:1 legacy Alignment
|
||||
* Jio Card Primitives — 1:1 legacy Alignment
|
||||
*
|
||||
* 对齐 legacy 的 .theme-box / .box-bg / .box-body / .box-header：
|
||||
* 阴影优先，无边框，8px 圆角，15px 内边距。
|
||||
*
|
||||
* @package AKSRT
|
||||
* @package Jio
|
||||
*/
|
||||
|
||||
/* ============================================================
|
||||
* .aksrt-theme-box — 完整卡片原语（阴影 + 圆角 + 表面）
|
||||
* .jio-theme-box — 完整卡片原语（阴影 + 圆角 + 表面）
|
||||
* 对齐 legacy .theme-box + .box-bg
|
||||
* ============================================================ */
|
||||
.aksrt-theme-box {
|
||||
.jio-theme-box {
|
||||
border: none;
|
||||
border-radius: var(--radius, 8px);
|
||||
background: var(--surface-1);
|
||||
@@ -19,54 +19,54 @@
|
||||
transition: box-shadow 0.2s ease;
|
||||
}
|
||||
|
||||
.aksrt-theme-box:hover {
|
||||
.jio-theme-box:hover {
|
||||
box-shadow: var(--shadow);
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
* .aksrt-box-bg — 表面原语（仅背景 + 阴影）
|
||||
* .jio-box-bg — 表面原语（仅背景 + 阴影）
|
||||
* ============================================================ */
|
||||
.aksrt-box-bg {
|
||||
.jio-box-bg {
|
||||
background-color: var(--surface-1);
|
||||
box-shadow: var(--shadow-sm);
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
* .aksrt-box-body / .aksrt-box-header — 内边距区段
|
||||
* .jio-box-body / .jio-box-header — 内边距区段
|
||||
* 对齐 legacy .box-body / .box-header { padding: 15px }
|
||||
* ============================================================ */
|
||||
.aksrt-box-body,
|
||||
.aksrt-box-header {
|
||||
.jio-box-body,
|
||||
.jio-box-header {
|
||||
padding: var(--card-padding);
|
||||
}
|
||||
|
||||
.aksrt-box-header {
|
||||
.jio-box-header {
|
||||
border-bottom: 1px solid var(--color-line-soft);
|
||||
}
|
||||
|
||||
.aksrt-box-header + .aksrt-box-body {
|
||||
.jio-box-header + .jio-box-body {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.aksrt-box-body.notop,
|
||||
.aksrt-box-header.notop { padding-top: 0; }
|
||||
.aksrt-box-body.nobottom,
|
||||
.aksrt-box-header.nobottom { padding-bottom: 0; }
|
||||
.jio-box-body.notop,
|
||||
.jio-box-header.notop { padding-top: 0; }
|
||||
.jio-box-body.nobottom,
|
||||
.jio-box-header.nobottom { padding-bottom: 0; }
|
||||
|
||||
/* ============================================================
|
||||
* .aksrt-muted-box — 柔和背景嵌套
|
||||
* .jio-muted-box — 柔和背景嵌套
|
||||
* 对齐 legacy .muted-box
|
||||
* ============================================================ */
|
||||
.aksrt-muted-box {
|
||||
.jio-muted-box {
|
||||
background-color: var(--surface-2);
|
||||
border-radius: var(--radius);
|
||||
padding: var(--card-padding);
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
* .aksrt-noshadow — 去除阴影
|
||||
* .jio-noshadow — 去除阴影
|
||||
* ============================================================ */
|
||||
.aksrt-noshadow {
|
||||
.jio-noshadow {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
@@ -74,7 +74,7 @@
|
||||
* legacy 兼容别名
|
||||
* ============================================================ */
|
||||
/* legacy .theme-box is ONLY a spacing utility (margin-bottom: 20px).
|
||||
* Background/shadow live on .main-bg / .main-shadow / .box-bg / .aksrt-panel.
|
||||
* Background/shadow live on .main-bg / .main-shadow / .box-bg / .jio-panel.
|
||||
* Do NOT turn every theme-box into a card — article-header also uses it. */
|
||||
.theme-box,
|
||||
.mb20 {
|
||||
@@ -120,47 +120,47 @@
|
||||
/* ============================================================
|
||||
* 暗色模式
|
||||
* ============================================================ */
|
||||
html.dark .aksrt-theme-box,
|
||||
body.dark-theme .aksrt-theme-box,
|
||||
html.dark .jio-theme-box,
|
||||
body.dark-theme .jio-theme-box,
|
||||
html.dark .box-bg,
|
||||
body.dark-theme .box-bg {
|
||||
border-color: transparent;
|
||||
box-shadow: 0 0 10px var(--main-shadow, rgba(0, 0, 0, 0.2));
|
||||
}
|
||||
|
||||
html.dark .aksrt-theme-box:hover,
|
||||
body.dark-theme .aksrt-theme-box:hover {
|
||||
html.dark .jio-theme-box:hover,
|
||||
body.dark-theme .jio-theme-box:hover {
|
||||
box-shadow: 0 0 10px var(--main-shadow, rgba(0, 0, 0, 0.28));
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
* 卡片 hover 动效
|
||||
* ============================================================ */
|
||||
.aksrt-theme-box {
|
||||
.jio-theme-box {
|
||||
transition: box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);
|
||||
}
|
||||
|
||||
.aksrt-card-hover:hover,
|
||||
.aksrt-card-hover:focus-within {
|
||||
.jio-card-hover:hover,
|
||||
.jio-card-hover:focus-within {
|
||||
box-shadow: none;
|
||||
transform: none;
|
||||
}
|
||||
|
||||
.aksrt-card-hover-lg:hover,
|
||||
.aksrt-card-hover-lg:focus-within {
|
||||
.jio-card-hover-lg:hover,
|
||||
.jio-card-hover-lg:focus-within {
|
||||
box-shadow: var(--shadow-lg);
|
||||
transform: none;
|
||||
}
|
||||
|
||||
.aksrt-noshadow:hover {
|
||||
.jio-noshadow:hover {
|
||||
box-shadow: none !important;
|
||||
transform: none !important;
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
* .aksrt-panel — legacy sidebar/widget surface
|
||||
* .jio-panel — legacy sidebar/widget surface
|
||||
* ============================================================ */
|
||||
.aksrt-panel {
|
||||
.jio-panel {
|
||||
clear: both;
|
||||
background-color: var(--surface-1);
|
||||
padding: var(--card-padding);
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
/**
|
||||
* AKSRT download / cashier modal.
|
||||
* Jio download / cashier modal.
|
||||
*
|
||||
* 下载弹窗走主题 design token（core/tokens.css）；收银台沿用参考实现的
|
||||
* colorful-header 结构（pay-card 契约测试锁定的类名不可改动）。
|
||||
@@ -8,34 +8,34 @@
|
||||
/* ============================================================
|
||||
* 弹窗外壳
|
||||
* ============================================================ */
|
||||
.aksrt-dl-modal {
|
||||
.jio-dl-modal {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
z-index: 10000;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal.is-open {
|
||||
.jio-dl-modal.is-open {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal__backdrop {
|
||||
.jio-dl-modal__backdrop {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: rgb(15 23 42 / 55%);
|
||||
}
|
||||
|
||||
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
|
||||
.aksrt-dl-modal__backdrop {
|
||||
.jio-dl-modal__backdrop {
|
||||
background: rgb(15 23 42 / 38%);
|
||||
backdrop-filter: blur(4px);
|
||||
-webkit-backdrop-filter: blur(4px);
|
||||
}
|
||||
}
|
||||
|
||||
.aksrt-dl-modal__dialog {
|
||||
.jio-dl-modal__dialog {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
width: 420px;
|
||||
@@ -43,7 +43,7 @@
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal__panel {
|
||||
.jio-dl-modal__panel {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
max-height: calc(100vh - 20px);
|
||||
@@ -55,11 +55,11 @@
|
||||
box-shadow: var(--shadow-lg, 0 12px 32px rgba(18, 18, 18, 0.1));
|
||||
}
|
||||
|
||||
.aksrt-dl-modal.is-open .aksrt-dl-modal__dialog {
|
||||
animation: aksrt-dl-modal-in 0.2s var(--ease-out, cubic-bezier(0.16, 1, 0.3, 1));
|
||||
.jio-dl-modal.is-open .jio-dl-modal__dialog {
|
||||
animation: jio-dl-modal-in 0.2s var(--ease-out, cubic-bezier(0.16, 1, 0.3, 1));
|
||||
}
|
||||
|
||||
@keyframes aksrt-dl-modal-in {
|
||||
@keyframes jio-dl-modal-in {
|
||||
from {
|
||||
transform: translateY(10px) scale(0.97);
|
||||
opacity: 0;
|
||||
@@ -72,8 +72,8 @@
|
||||
}
|
||||
|
||||
/* 关闭按钮：下载视图中悬浮在渐变头部上 */
|
||||
.aksrt-dl-modal__close,
|
||||
.aksrt-cashier__close {
|
||||
.jio-dl-modal__close,
|
||||
.jio-cashier__close {
|
||||
appearance: none;
|
||||
position: absolute;
|
||||
z-index: 9;
|
||||
@@ -94,21 +94,21 @@
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal:not(.is-cashier) .aksrt-dl-modal__close {
|
||||
.jio-dl-modal:not(.is-cashier) .jio-dl-modal__close {
|
||||
color: #fff;
|
||||
background: rgb(255 255 255 / 22%);
|
||||
}
|
||||
|
||||
.aksrt-dl-modal:not(.is-cashier) .aksrt-dl-modal__close:hover {
|
||||
.jio-dl-modal:not(.is-cashier) .jio-dl-modal__close:hover {
|
||||
background: rgb(255 255 255 / 34%);
|
||||
}
|
||||
|
||||
.aksrt-dl-modal:not(.is-cashier) .aksrt-dl-modal__close:focus-visible {
|
||||
.jio-dl-modal:not(.is-cashier) .jio-dl-modal__close:focus-visible {
|
||||
outline: 2px solid rgb(255 255 255 / 70%);
|
||||
outline-offset: 1px;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal.is-cashier > .aksrt-dl-modal__dialog > .aksrt-dl-modal__panel > .aksrt-dl-modal__close {
|
||||
.jio-dl-modal.is-cashier > .jio-dl-modal__dialog > .jio-dl-modal__panel > .jio-dl-modal__close {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -119,7 +119,7 @@
|
||||
* 会自动切换到 html.dark 下的暗色主题色，无需本地另设配色。
|
||||
* ============================================================ */
|
||||
|
||||
.aksrt-dl-modal__hero {
|
||||
.jio-dl-modal__hero {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@@ -133,22 +133,22 @@
|
||||
}
|
||||
|
||||
/* 装饰光斑（对应 pay-widget 的 orb 语言） */
|
||||
.aksrt-dl-modal__hero::before,
|
||||
.aksrt-dl-modal__hero::after {
|
||||
.jio-dl-modal__hero::before,
|
||||
.jio-dl-modal__hero::after {
|
||||
position: absolute;
|
||||
border-radius: 100%;
|
||||
background: rgb(255 255 255 / 14%);
|
||||
content: '';
|
||||
}
|
||||
|
||||
.aksrt-dl-modal__hero::before {
|
||||
.jio-dl-modal__hero::before {
|
||||
top: -46px;
|
||||
right: -34px;
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal__hero::after {
|
||||
.jio-dl-modal__hero::after {
|
||||
bottom: -60px;
|
||||
left: -40px;
|
||||
width: 130px;
|
||||
@@ -156,7 +156,7 @@
|
||||
opacity: 0.55;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal__hero-icon {
|
||||
.jio-dl-modal__hero-icon {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -168,24 +168,24 @@
|
||||
box-shadow: inset 0 0 0 1px rgb(255 255 255 / 25%);
|
||||
}
|
||||
|
||||
.aksrt-dl-modal__title {
|
||||
.jio-dl-modal__title {
|
||||
margin: 0;
|
||||
color: inherit;
|
||||
font: 800 20px/1.3 inherit;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal__subtitle {
|
||||
.jio-dl-modal__subtitle {
|
||||
margin: -2px 0 0;
|
||||
font-size: 12.5px;
|
||||
line-height: 1.55;
|
||||
opacity: 0.82;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal__content {
|
||||
.jio-dl-modal__content {
|
||||
padding: 18px 22px 22px;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal__msg {
|
||||
.jio-dl-modal__msg {
|
||||
margin: 0 0 14px;
|
||||
color: var(--muted-color, #777);
|
||||
font-size: 14px;
|
||||
@@ -193,7 +193,7 @@
|
||||
}
|
||||
|
||||
/* 提取码卡片 */
|
||||
.aksrt-dl-modal__code-card {
|
||||
.jio-dl-modal__code-card {
|
||||
padding: 13px 15px;
|
||||
margin: 0 0 14px;
|
||||
background: var(--surface-2, rgba(0, 0, 0, 0.04));
|
||||
@@ -201,7 +201,7 @@
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal__code-caption {
|
||||
.jio-dl-modal__code-caption {
|
||||
margin-bottom: 7px;
|
||||
color: var(--muted-color, #777);
|
||||
font-size: 11px;
|
||||
@@ -209,7 +209,7 @@
|
||||
letter-spacing: 0.08em;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal__code {
|
||||
.jio-dl-modal__code {
|
||||
display: block;
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
@@ -220,7 +220,7 @@
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal__code--wrap {
|
||||
.jio-dl-modal__code--wrap {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
letter-spacing: 0.02em;
|
||||
@@ -229,13 +229,13 @@
|
||||
}
|
||||
|
||||
/* 操作按钮 */
|
||||
.aksrt-dl-modal__actions {
|
||||
.jio-dl-modal__actions {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal__btn {
|
||||
.jio-dl-modal__btn {
|
||||
appearance: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -257,17 +257,17 @@
|
||||
transition: transform 0.15s ease, background 0.2s ease, box-shadow 0.2s ease;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal__btn:hover {
|
||||
.jio-dl-modal__btn:hover {
|
||||
background: var(--color-primary-hover, #e0307e);
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
|
||||
.aksrt-dl-modal__btn:active {
|
||||
.jio-dl-modal__btn:active {
|
||||
background: var(--color-primary-active, #c9206d);
|
||||
transform: scale(0.98);
|
||||
}
|
||||
|
||||
.aksrt-dl-modal__btn:focus-visible {
|
||||
.jio-dl-modal__btn:focus-visible {
|
||||
outline: 2px solid var(--focus-color, #f04494);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
@@ -275,14 +275,14 @@
|
||||
/* ============================================================
|
||||
* 收银台（参考实现契约结构）
|
||||
* ============================================================ */
|
||||
.aksrt-dl-modal.is-cashier .aksrt-dl-modal__body {
|
||||
.jio-dl-modal.is-cashier .jio-dl-modal__body {
|
||||
position: relative;
|
||||
min-height: 120px;
|
||||
padding-top: 120px;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .modal-colorful-header,
|
||||
.aksrt-dl-modal .colorful-bg {
|
||||
.jio-dl-modal .modal-colorful-header,
|
||||
.jio-dl-modal .colorful-bg {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
color: var(--this-color);
|
||||
@@ -290,7 +290,7 @@
|
||||
background-size: 120%;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .modal-colorful-header {
|
||||
.jio-dl-modal .modal-colorful-header {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
@@ -302,9 +302,9 @@
|
||||
border-radius: var(--radius-xl, 12px) var(--radius-xl, 12px) 0 0;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .colorful-bg > .colorful-make,
|
||||
.aksrt-dl-modal .colorful-bg > .colorful-make::before,
|
||||
.aksrt-dl-modal .colorful-bg > .colorful-make::after {
|
||||
.jio-dl-modal .colorful-bg > .colorful-make,
|
||||
.jio-dl-modal .colorful-bg > .colorful-make::before,
|
||||
.jio-dl-modal .colorful-bg > .colorful-make::after {
|
||||
position: absolute;
|
||||
color: var(--this-color);
|
||||
background: var(--this-bg);
|
||||
@@ -312,15 +312,15 @@
|
||||
content: '';
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .colorful-bg > .colorful-make {
|
||||
.jio-dl-modal .colorful-bg > .colorful-make {
|
||||
top: 60%;
|
||||
bottom: 0;
|
||||
width: 323px;
|
||||
height: 290px;
|
||||
animation: aksrt-cashier-colorful 120s linear infinite;
|
||||
animation: jio-cashier-colorful 120s linear infinite;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .colorful-bg > .colorful-make::before {
|
||||
.jio-dl-modal .colorful-bg > .colorful-make::before {
|
||||
top: -325px;
|
||||
right: -558px;
|
||||
bottom: 0;
|
||||
@@ -330,7 +330,7 @@
|
||||
transform: rotate(341deg);
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .colorful-bg > .colorful-make::after {
|
||||
.jio-dl-modal .colorful-bg > .colorful-make::after {
|
||||
top: -170px;
|
||||
bottom: 0;
|
||||
left: -262px;
|
||||
@@ -340,22 +340,22 @@
|
||||
transform: rotate(326deg);
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .colorful-bg > .colorful-make + * {
|
||||
.jio-dl-modal .colorful-bg > .colorful-make + * {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .aksrt-cashier__close {
|
||||
.jio-dl-modal .jio-cashier__close {
|
||||
color: var(--this-color, #fff);
|
||||
font-size: 18px;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .modal-pay-body {
|
||||
.jio-dl-modal .modal-pay-body {
|
||||
padding: 15px;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.aksrt-cashier__loading {
|
||||
.jio-cashier__loading {
|
||||
min-height: 70px;
|
||||
margin: 0;
|
||||
line-height: 70px;
|
||||
@@ -363,144 +363,144 @@
|
||||
}
|
||||
|
||||
/* 收银台内部使用的工具类作用域 */
|
||||
.aksrt-dl-modal .text-center {
|
||||
.jio-dl-modal .text-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .em2x {
|
||||
.jio-dl-modal .em2x {
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .em09 {
|
||||
.jio-dl-modal .em09 {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .em12 {
|
||||
.jio-dl-modal .em12 {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .em14 {
|
||||
.jio-dl-modal .em14 {
|
||||
font-size: 1.4em;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .mt6 {
|
||||
.jio-dl-modal .mt6 {
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .mt10 {
|
||||
.jio-dl-modal .mt10 {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .mb6 {
|
||||
.jio-dl-modal .mb6 {
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .mb10 {
|
||||
.jio-dl-modal .mb10 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .mb20 {
|
||||
.jio-dl-modal .mb20 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .mr6 {
|
||||
.jio-dl-modal .mr6 {
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .ml6 {
|
||||
.jio-dl-modal .ml6 {
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .ml10 {
|
||||
.jio-dl-modal .ml10 {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .px12 {
|
||||
.jio-dl-modal .px12 {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .padding-h6 {
|
||||
.jio-dl-modal .padding-h6 {
|
||||
padding-top: 6px;
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .padding-h10 {
|
||||
.jio-dl-modal .padding-h10 {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .padding-w10 {
|
||||
.jio-dl-modal .padding-w10 {
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .line-16 {
|
||||
.jio-dl-modal .line-16 {
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .flex {
|
||||
.jio-dl-modal .flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .flex.jsb {
|
||||
.jio-dl-modal .flex.jsb {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .flex.jc {
|
||||
.jio-dl-modal .flex.jc {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .flex.ac {
|
||||
.jio-dl-modal .flex.ac {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .flex.ab {
|
||||
.jio-dl-modal .flex.ab {
|
||||
align-items: baseline;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .flex.hh {
|
||||
.jio-dl-modal .flex.hh {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .flex-auto {
|
||||
.jio-dl-modal .flex-auto {
|
||||
flex: auto;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .pointer {
|
||||
.jio-dl-modal .pointer {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .font-bold {
|
||||
.jio-dl-modal .font-bold {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .muted-2-color {
|
||||
.jio-dl-modal .muted-2-color {
|
||||
color: var(--muted-2-color, #8b93a7);
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .muted-3-color {
|
||||
.jio-dl-modal .muted-3-color {
|
||||
color: var(--muted-3-color, #a9afbe);
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .c-red {
|
||||
.jio-dl-modal .c-red {
|
||||
color: #ff5473;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .c-green {
|
||||
.jio-dl-modal .c-green {
|
||||
color: #20b759;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .c-blue-2 {
|
||||
.jio-dl-modal .c-blue-2 {
|
||||
color: #5c7cff;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .muted-box {
|
||||
.jio-dl-modal .muted-box {
|
||||
padding: 10px;
|
||||
background: var(--muted-border-color, rgb(132 145 165 / 10%));
|
||||
border-radius: var(--radius-sm, 4px);
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .pay-tag {
|
||||
.jio-dl-modal .pay-tag {
|
||||
display: inline-block;
|
||||
padding: 2px 7px;
|
||||
color: #2997f7;
|
||||
@@ -510,18 +510,18 @@
|
||||
border-radius: var(--radius-sm, 4px);
|
||||
}
|
||||
|
||||
.aksrt-cashier__price-row {
|
||||
.jio-cashier__price-row {
|
||||
gap: 12px;
|
||||
min-height: 27px;
|
||||
}
|
||||
|
||||
.aksrt-cashier__regular-price {
|
||||
.jio-cashier__regular-price {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
align-items: baseline;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .original-price {
|
||||
.jio-dl-modal .original-price {
|
||||
position: relative;
|
||||
display: inline-flex;
|
||||
align-items: baseline;
|
||||
@@ -531,7 +531,7 @@
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .original-price::before {
|
||||
.jio-dl-modal .original-price::before {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
@@ -543,7 +543,7 @@
|
||||
content: '';
|
||||
}
|
||||
|
||||
.aksrt-cashier__vip-mark {
|
||||
.jio-cashier__vip-mark {
|
||||
display: inline-block;
|
||||
padding: 0 4px;
|
||||
margin-left: 3px;
|
||||
@@ -556,14 +556,14 @@
|
||||
border-radius: var(--radius-sm, 4px);
|
||||
}
|
||||
|
||||
.aksrt-cashier__asset-icon {
|
||||
.jio-cashier__asset-icon {
|
||||
width: 1.2em;
|
||||
margin-right: 6px;
|
||||
color: #5c7cff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .payment-method-radio {
|
||||
.jio-dl-modal .payment-method-radio {
|
||||
min-width: 0;
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
@@ -571,37 +571,37 @@
|
||||
border-radius: var(--radius-sm, 4px);
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .payment-method-radio > * {
|
||||
.jio-dl-modal .payment-method-radio > * {
|
||||
margin: 3px;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .payment-method-radio img {
|
||||
.jio-dl-modal .payment-method-radio img {
|
||||
width: auto;
|
||||
max-width: 68px;
|
||||
height: 35px;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .payment-method-radio + .payment-method-radio {
|
||||
.jio-dl-modal .payment-method-radio + .payment-method-radio {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .hollow-radio.active {
|
||||
.jio-dl-modal .hollow-radio.active {
|
||||
color: var(--focus-color, #2997f7);
|
||||
background: var(--focus-color-opacity1, rgb(41 151 247 / 10%));
|
||||
border-color: var(--focus-color, #2997f7);
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .payment-method-radio:focus {
|
||||
.jio-dl-modal .payment-method-radio:focus {
|
||||
outline: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.aksrt-cashier__balance[hidden] {
|
||||
.jio-cashier__balance[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .form-control {
|
||||
.jio-dl-modal .form-control {
|
||||
display: block;
|
||||
width: 100%;
|
||||
min-height: 36px;
|
||||
@@ -613,33 +613,33 @@
|
||||
border-radius: var(--radius-sm, 4px);
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .relative {
|
||||
.jio-dl-modal .relative {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .abs-right {
|
||||
.jio-dl-modal .abs-right {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 3px;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .coupon-submit {
|
||||
.jio-dl-modal .coupon-submit {
|
||||
padding: 0.3em 0.8em;
|
||||
}
|
||||
|
||||
.aksrt-cashier__coupon-desc,
|
||||
.aksrt-cashier__coupon-ok {
|
||||
.jio-cashier__coupon-desc,
|
||||
.jio-cashier__coupon-ok {
|
||||
margin-top: 6px;
|
||||
font-size: 12px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.aksrt-cashier__coupon-ok {
|
||||
.jio-cashier__coupon-ok {
|
||||
color: #20b759;
|
||||
}
|
||||
|
||||
.aksrt-cashier__warn {
|
||||
.jio-cashier__warn {
|
||||
padding: 8px 10px;
|
||||
color: #ff5473;
|
||||
font-size: 13px;
|
||||
@@ -649,17 +649,17 @@
|
||||
border-radius: var(--radius-sm, 4px);
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .but.initiate-pay {
|
||||
.jio-dl-modal .but.initiate-pay {
|
||||
padding: 0.6em 1em;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .modal-buts.but-average {
|
||||
.jio-dl-modal .modal-buts.but-average {
|
||||
overflow: hidden;
|
||||
border-top: 1px solid var(--main-border-color, #e5e7eb);
|
||||
border-radius: 0 0 var(--main-radius, 8px) var(--main-radius, 8px);
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .modal-buts.but-average > .but {
|
||||
.jio-dl-modal .modal-buts.but-average > .but {
|
||||
flex: auto;
|
||||
padding: 0.8em;
|
||||
margin: 0 !important;
|
||||
@@ -667,11 +667,11 @@
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .modal-buts.but-average > .but + .but {
|
||||
.jio-dl-modal .modal-buts.but-average > .but + .but {
|
||||
border-left: 1px solid var(--main-border-color, #e5e7eb);
|
||||
}
|
||||
|
||||
.aksrt-cashier__recharge {
|
||||
.jio-cashier__recharge {
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
}
|
||||
@@ -721,11 +721,11 @@
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
body.aksrt-dl-modal-open {
|
||||
body.jio-dl-modal-open {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@keyframes aksrt-cashier-colorful {
|
||||
@keyframes jio-cashier-colorful {
|
||||
from {
|
||||
transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
|
||||
}
|
||||
@@ -744,25 +744,25 @@ body.aksrt-dl-modal-open {
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.aksrt-dl-modal__hero {
|
||||
.jio-dl-modal__hero {
|
||||
padding: 24px 44px 20px;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal__content {
|
||||
.jio-dl-modal__content {
|
||||
padding: 16px 16px 18px;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal__code {
|
||||
.jio-dl-modal__code {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.aksrt-dl-modal.is-open .aksrt-dl-modal__dialog {
|
||||
.jio-dl-modal.is-open .jio-dl-modal__dialog {
|
||||
animation: none;
|
||||
}
|
||||
|
||||
.aksrt-dl-modal .colorful-bg > .colorful-make {
|
||||
.jio-dl-modal .colorful-bg > .colorful-make {
|
||||
animation: none;
|
||||
}
|
||||
}
|
||||
@@ -1,5 +1,5 @@
|
||||
/**
|
||||
* AKSRT Comment Tools
|
||||
* Jio Comment Tools
|
||||
*
|
||||
* 评论相关样式（工具栏下拉、内容中的代码块/图片等）全部由 vendor
|
||||
* legacy main.min.css 提供，本文件不复制以免覆盖正版样式。
|
||||
@@ -7,7 +7,7 @@
|
||||
*/
|
||||
|
||||
/* ========== 投稿页面增强 ========== */
|
||||
.aksrt-submit-form__cover-preview {
|
||||
.jio-submit-form__cover-preview {
|
||||
width: 100%;
|
||||
max-width: 400px;
|
||||
aspect-ratio: 16 / 9;
|
||||
@@ -20,18 +20,18 @@
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.aksrt-submit-form__cover-preview img {
|
||||
.jio-submit-form__cover-preview img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.aksrt-submit-form__cover-placeholder {
|
||||
.jio-submit-form__cover-placeholder {
|
||||
color: var(--text-tertiary, #8a909c);
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.aksrt-submit-form__field-toggle {
|
||||
.jio-submit-form__field-toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
@@ -40,14 +40,14 @@
|
||||
color: var(--text-secondary, #666);
|
||||
}
|
||||
|
||||
.aksrt-submit-form__word-count {
|
||||
.jio-submit-form__word-count {
|
||||
margin-top: 4px;
|
||||
font-size: 12px;
|
||||
color: var(--text-tertiary, #8a909c);
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.aksrt-submit-form__leave-warning {
|
||||
.jio-submit-form__leave-warning {
|
||||
position: fixed;
|
||||
bottom: 20px;
|
||||
left: 50%;
|
||||
@@ -63,14 +63,14 @@
|
||||
}
|
||||
|
||||
/* ========== Post Share Buttons ========== */
|
||||
.aksrt-share-bar {
|
||||
.jio-share-bar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.aksrt-share-btn {
|
||||
.jio-share-btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
@@ -85,26 +85,26 @@
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
.aksrt-share-btn:hover {
|
||||
.jio-share-btn:hover {
|
||||
border-color: var(--color-primary);
|
||||
color: var(--color-primary);
|
||||
background: var(--color-primary-soft, rgba(240, 68, 148, 0.06));
|
||||
}
|
||||
|
||||
.aksrt-share-btn.is-copied {
|
||||
.jio-share-btn.is-copied {
|
||||
border-color: #52c41a;
|
||||
color: #52c41a;
|
||||
background: #f6ffed;
|
||||
}
|
||||
|
||||
.aksrt-share-btn--weibo:hover { border-color: #e6162d; color: #e6162d; }
|
||||
.aksrt-share-btn--qq:hover { border-color: #12b7f5; color: #12b7f5; }
|
||||
.aksrt-share-btn--wechat:hover { border-color: #07c160; color: #07c160; }
|
||||
.aksrt-share-btn--telegram:hover { border-color: #26a5e4; color: #26a5e4; }
|
||||
.aksrt-share-btn--twitter:hover { border-color: #1da1f2; color: #1da1f2; }
|
||||
.jio-share-btn--weibo:hover { border-color: #e6162d; color: #e6162d; }
|
||||
.jio-share-btn--qq:hover { border-color: #12b7f5; color: #12b7f5; }
|
||||
.jio-share-btn--wechat:hover { border-color: #07c160; color: #07c160; }
|
||||
.jio-share-btn--telegram:hover { border-color: #26a5e4; color: #26a5e4; }
|
||||
.jio-share-btn--twitter:hover { border-color: #1da1f2; color: #1da1f2; }
|
||||
|
||||
/* Quick quote button */
|
||||
.aksrt-quick-quote {
|
||||
.jio-quick-quote {
|
||||
position: fixed;
|
||||
padding: 4px 12px;
|
||||
background: var(--color-primary);
|
||||
@@ -118,13 +118,13 @@
|
||||
transition: background 0.2s;
|
||||
}
|
||||
|
||||
.aksrt-quick-quote:hover {
|
||||
.jio-quick-quote:hover {
|
||||
background: var(--color-primary-hover, #40a9ff);
|
||||
}
|
||||
|
||||
/* TOC active state */
|
||||
.aksrt-doc-toc__item.is-active > a,
|
||||
.aksrt-doc-toc__item a.is-active {
|
||||
.jio-doc-toc__item.is-active > a,
|
||||
.jio-doc-toc__item a.is-active {
|
||||
color: var(--color-primary);
|
||||
font-weight: 600;
|
||||
border-left-color: var(--color-primary);
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
/* ============================================================
|
||||
* AKSRT Comments — 主布局（1:1 自有版权）
|
||||
* Jio Comments — 主布局（1:1 自有版权）
|
||||
*
|
||||
* 自参考主题评论区段全量移植（表情与快捷短语不在复刻范围），
|
||||
* 是评论区布局规则的唯一来源；vendor main.min.css 已剥离同段规则。
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
/* ============================================================
|
||||
* AKSRT Comments — 移动端（1:1 自有版权）
|
||||
* Jio Comments — 移动端（1:1 自有版权）
|
||||
*
|
||||
* 自参考主题评论区移动端媒体查询段全量移植（表情与快捷短语
|
||||
* 不在复刻范围），vendor main.min.css 已剥离同段规则。
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
/* ============================================================
|
||||
* AKSRT Comments — 补充层
|
||||
* Jio Comments — 补充层
|
||||
*
|
||||
* 评论区布局样式已硬切换为自有版权（见 layout.css / mobile-item.css），
|
||||
* vendor main.min.css 不再提供评论区规则。
|
||||
* 本文件放 AKSRT 特有标记与评论图片上传的补充规则。
|
||||
* 本文件放 Jio 特有标记与评论图片上传的补充规则。
|
||||
* 共享基础样式仍由 bundle 中更早加载的 bootstrap 3 与
|
||||
* core/tokens.css 提供。
|
||||
* ============================================================ */
|
||||
@@ -59,7 +59,7 @@
|
||||
width: 0;
|
||||
transition: width 0.2s ease;
|
||||
}
|
||||
#comments .comment-header .aksrt-identity-chip {
|
||||
#comments .comment-header .jio-identity-chip {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 3px;
|
||||
@@ -71,7 +71,7 @@
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#comments .comment-header .aksrt-identity-medal {
|
||||
#comments .comment-header .jio-identity-medal {
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
height: 1.1em;
|
||||
|
||||
@@ -100,19 +100,19 @@
|
||||
}
|
||||
|
||||
/* ============ 签到 panel ============ */
|
||||
.aksrt-signin-status {
|
||||
.jio-signin-status {
|
||||
margin: 0 0 16px;
|
||||
color: var(--color-ink-2);
|
||||
font-size: 14px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.aksrt-signin-status strong {
|
||||
.jio-signin-status strong {
|
||||
color: var(--color-primary);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.aksrt-signin-tip {
|
||||
.jio-signin-tip {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
color: var(--color-on-primary);
|
||||
@@ -121,19 +121,19 @@
|
||||
}
|
||||
|
||||
/* ============ 邀请 panel ============ */
|
||||
.aksrt-invite-desc {
|
||||
.jio-invite-desc {
|
||||
margin: 0 0 16px;
|
||||
color: var(--color-ink-2);
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.aksrt-invite-link-row {
|
||||
.jio-invite-link-row {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.aksrt-invite-link {
|
||||
.jio-invite-link {
|
||||
flex: 1 1 auto;
|
||||
height: 36px;
|
||||
padding: 0 12px;
|
||||
@@ -144,13 +144,13 @@
|
||||
font: 500 13px/1 var(--font-mono, monospace);
|
||||
}
|
||||
|
||||
.aksrt-invite-stats {
|
||||
.jio-invite-stats {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.aksrt-invite-stats > div {
|
||||
.jio-invite-stats > div {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
@@ -160,12 +160,12 @@
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.aksrt-invite-stats span {
|
||||
.jio-invite-stats span {
|
||||
color: var(--color-ink-3);
|
||||
font: 500 12px/1 var(--font-ui);
|
||||
}
|
||||
|
||||
.aksrt-invite-stats strong {
|
||||
.jio-invite-stats strong {
|
||||
color: var(--color-primary);
|
||||
font: 700 22px/1 var(--font-ui);
|
||||
font-variant-numeric: tabular-nums;
|
||||
@@ -283,7 +283,7 @@
|
||||
}
|
||||
|
||||
/* Configured paid-content tier icons. */
|
||||
.aksrt-vip-level-icon {
|
||||
.jio-vip-level-icon {
|
||||
display: block;
|
||||
width: auto;
|
||||
height: 1.1em;
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
/* ========== 空状态 — 对齐 legacy empty state ========== */
|
||||
/* The media reset makes images block-level; text-align cannot center them. */
|
||||
.aksrt-null > .aksrt-null__img {
|
||||
.jio-null > .jio-null__img {
|
||||
display: block;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
/* ============================================================
|
||||
* 9. 公告跑马灯 Widget
|
||||
* ============================================================ */
|
||||
.aksrt-announcement {
|
||||
.jio-announcement {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
padding: 10px 12px;
|
||||
@@ -9,7 +9,7 @@
|
||||
border-radius: var(--radius, 10px);
|
||||
}
|
||||
|
||||
.aksrt-announcement__icon {
|
||||
.jio-announcement__icon {
|
||||
position: absolute;
|
||||
left: 12px;
|
||||
top: 50%;
|
||||
@@ -19,20 +19,20 @@
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.aksrt-announcement__track {
|
||||
.jio-announcement__track {
|
||||
margin-left: 24px;
|
||||
overflow: hidden;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.aksrt-announcement__list {
|
||||
.jio-announcement__list {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
animation: aksrt-marquee 10s linear infinite;
|
||||
animation: jio-marquee 10s linear infinite;
|
||||
}
|
||||
|
||||
.aksrt-announcement__item {
|
||||
.jio-announcement__item {
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
font-size: 13px;
|
||||
@@ -41,48 +41,48 @@
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.aksrt-announcement__item a {
|
||||
.jio-announcement__item a {
|
||||
color: var(--color-ink-2);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.aksrt-announcement__item a:hover {
|
||||
.jio-announcement__item a:hover {
|
||||
color: var(--color-primary, var(--color-primary));
|
||||
}
|
||||
|
||||
@keyframes aksrt-marquee {
|
||||
@keyframes jio-marquee {
|
||||
0% { transform: translateY(0); }
|
||||
100% { transform: translateY(-100%); }
|
||||
}
|
||||
|
||||
.aksrt-announcement:hover .aksrt-announcement__list {
|
||||
.jio-announcement:hover .jio-announcement__list {
|
||||
animation-play-state: paused;
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
* 11. 滚动触发动画初始状态
|
||||
* ============================================================ */
|
||||
[data-aksrt-animate] {
|
||||
[data-jio-animate] {
|
||||
will-change: opacity, transform;
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
* 12. 粘性侧栏
|
||||
* ============================================================ */
|
||||
[data-aksrt-sticky] {
|
||||
[data-jio-sticky] {
|
||||
will-change: transform;
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
* 13. 用户排行榜 Widget
|
||||
* ============================================================ */
|
||||
.aksrt-user-ranking {
|
||||
.jio-user-ranking {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.aksrt-user-ranking__item {
|
||||
.jio-user-ranking__item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
@@ -90,11 +90,11 @@
|
||||
border-bottom: 1px solid var(--color-line-soft, #F0F1F3);
|
||||
}
|
||||
|
||||
.aksrt-user-ranking__item:last-child {
|
||||
.jio-user-ranking__item:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.aksrt-user-ranking__rank {
|
||||
.jio-user-ranking__rank {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -108,33 +108,33 @@
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.aksrt-user-ranking__item--top:nth-child(1) .aksrt-user-ranking__rank {
|
||||
.jio-user-ranking__item--top:nth-child(1) .jio-user-ranking__rank {
|
||||
background: #FFD700;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.aksrt-user-ranking__item--top:nth-child(2) .aksrt-user-ranking__rank {
|
||||
.jio-user-ranking__item--top:nth-child(2) .jio-user-ranking__rank {
|
||||
background: #C0C0C0;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.aksrt-user-ranking__item--top:nth-child(3) .aksrt-user-ranking__rank {
|
||||
.jio-user-ranking__item--top:nth-child(3) .jio-user-ranking__rank {
|
||||
background: #CD7F32;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.aksrt-user-ranking__avatar {
|
||||
.jio-user-ranking__avatar {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.aksrt-user-ranking__avatar img {
|
||||
.jio-user-ranking__avatar img {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
border-radius: 50%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.aksrt-user-ranking__name {
|
||||
.jio-user-ranking__name {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
font-size: 14px;
|
||||
@@ -145,11 +145,11 @@
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.aksrt-user-ranking__name:hover {
|
||||
.jio-user-ranking__name:hover {
|
||||
color: var(--color-primary, var(--color-primary));
|
||||
}
|
||||
|
||||
.aksrt-user-ranking__value {
|
||||
.jio-user-ranking__value {
|
||||
font-size: 12px;
|
||||
color: var(--color-ink-4, #8A8F98);
|
||||
white-space: nowrap;
|
||||
@@ -158,13 +158,13 @@
|
||||
/* ============================================================
|
||||
* 14. 图文封面卡片 Widget
|
||||
* ============================================================ */
|
||||
.aksrt-cover-cards {
|
||||
.jio-cover-cards {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(var(--cols, 2), 1fr);
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.aksrt-cover-card {
|
||||
.jio-cover-card {
|
||||
position: relative;
|
||||
border-radius: var(--radius-lg, 8px);
|
||||
overflow: hidden;
|
||||
@@ -174,47 +174,47 @@
|
||||
transition: transform 0.3s, box-shadow 0.3s;
|
||||
}
|
||||
|
||||
.aksrt-cover-card:hover {
|
||||
.jio-cover-card:hover {
|
||||
transform: translateY(-3px);
|
||||
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.aksrt-cover-card__bg {
|
||||
.jio-cover-card__bg {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
}
|
||||
|
||||
.aksrt-cover-card__bg img {
|
||||
.jio-cover-card__bg img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
transition: transform 0.5s;
|
||||
}
|
||||
|
||||
.aksrt-cover-card:hover .aksrt-cover-card__bg img {
|
||||
.jio-cover-card:hover .jio-cover-card__bg img {
|
||||
transform: scale(1.02);
|
||||
}
|
||||
|
||||
.aksrt-cover-card__overlay {
|
||||
.jio-cover-card__overlay {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,0.6) 100%);
|
||||
}
|
||||
|
||||
.aksrt-cover-card__content {
|
||||
.jio-cover-card__content {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
padding: 16px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.aksrt-cover-card__link {
|
||||
.jio-cover-card__link {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.aksrt-cover-card__title {
|
||||
.jio-cover-card__title {
|
||||
margin: 0 0 4px;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
@@ -222,7 +222,7 @@
|
||||
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.aksrt-cover-card__desc {
|
||||
.jio-cover-card__desc {
|
||||
margin: 0;
|
||||
font-size: 13px;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
@@ -236,7 +236,7 @@
|
||||
/* ============================================================
|
||||
* 15. 视频播放器 Widget
|
||||
* ============================================================ */
|
||||
.aksrt-video-widget {
|
||||
.jio-video-widget {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
@@ -244,8 +244,8 @@
|
||||
background: #000;
|
||||
}
|
||||
|
||||
.aksrt-video-widget iframe,
|
||||
.aksrt-video-widget video {
|
||||
.jio-video-widget iframe,
|
||||
.jio-video-widget video {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
@@ -257,11 +257,11 @@
|
||||
/* ============================================================
|
||||
* 16. 表单输入浮动标签
|
||||
* ============================================================ */
|
||||
.aksrt-float-label {
|
||||
.jio-float-label {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.aksrt-float-label__input {
|
||||
.jio-float-label__input {
|
||||
width: 100%;
|
||||
padding: 14px 12px 6px;
|
||||
font-size: 14px;
|
||||
@@ -272,12 +272,12 @@
|
||||
transition: border-color 0.2s;
|
||||
}
|
||||
|
||||
.aksrt-float-label__input:focus {
|
||||
.jio-float-label__input:focus {
|
||||
outline: none;
|
||||
border-color: var(--color-primary, var(--color-primary));
|
||||
}
|
||||
|
||||
.aksrt-float-label__label {
|
||||
.jio-float-label__label {
|
||||
position: absolute;
|
||||
left: 12px;
|
||||
top: 50%;
|
||||
@@ -288,8 +288,8 @@
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
.aksrt-float-label__input:focus + .aksrt-float-label__label,
|
||||
.aksrt-float-label__input:not(:placeholder-shown) + .aksrt-float-label__label {
|
||||
.jio-float-label__input:focus + .jio-float-label__label,
|
||||
.jio-float-label__input:not(:placeholder-shown) + .jio-float-label__label {
|
||||
top: 8px;
|
||||
transform: translateY(0);
|
||||
font-size: 11px;
|
||||
@@ -299,7 +299,7 @@
|
||||
/* ============================================================
|
||||
* 17. 视差滚动层
|
||||
* ============================================================ */
|
||||
[data-aksrt-parallax] {
|
||||
[data-jio-parallax] {
|
||||
will-change: transform;
|
||||
transition: transform 0.1s linear;
|
||||
}
|
||||
@@ -307,7 +307,7 @@
|
||||
/* ============================================================
|
||||
* 20. 用户等级进度条
|
||||
* ============================================================ */
|
||||
.aksrt-level-bar {
|
||||
.jio-level-bar {
|
||||
position: relative;
|
||||
height: 8px;
|
||||
background: var(--surface-2, #F4F5F7);
|
||||
@@ -315,14 +315,14 @@
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.aksrt-level-bar__fill {
|
||||
.jio-level-bar__fill {
|
||||
height: 100%;
|
||||
background: linear-gradient(90deg, var(--color-primary, var(--color-primary)), var(--color-primary-active, #5A85BD));
|
||||
border-radius: 4px;
|
||||
transition: width 0.5s ease;
|
||||
}
|
||||
|
||||
.aksrt-level-bar__label {
|
||||
.jio-level-bar__label {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: -18px;
|
||||
|
||||
@@ -1,14 +1,14 @@
|
||||
/**
|
||||
* AKSRT Enhancements — 全局 UI 增强
|
||||
* Jio Enhancements — 全局 UI 增强
|
||||
*
|
||||
* 包含：悬停动效、暗色过渡、滚动感知
|
||||
* 所有选择器使用 aksrt- 前缀避免冲突
|
||||
* 所有选择器使用 jio- 前缀避免冲突
|
||||
*
|
||||
* 骨架屏不在此文件：唯一契约是 .placeholder 块 + .post_ajax_loader 容器
|
||||
* （inc/helpers/posts-renderer/markup.php 的 aksrt_render_placeholder）。
|
||||
* （inc/helpers/posts-renderer/markup.php 的 jio_render_placeholder）。
|
||||
*/
|
||||
|
||||
@keyframes aksrt-spin {
|
||||
@keyframes jio-spin {
|
||||
from { transform: rotate(0deg); }
|
||||
to { transform: rotate(360deg); }
|
||||
}
|
||||
@@ -18,29 +18,29 @@
|
||||
* ============================================================ */
|
||||
|
||||
/* 卡片放大 */
|
||||
.aksrt-hover-zoom {
|
||||
.jio-hover-zoom {
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.aksrt-hover-zoom:hover {
|
||||
.jio-hover-zoom:hover {
|
||||
transform: scale(1.02);
|
||||
}
|
||||
|
||||
/* 卡片轻微放大 */
|
||||
.aksrt-hover-zoom-sm {
|
||||
.jio-hover-zoom-sm {
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.aksrt-hover-zoom-sm:hover {
|
||||
.jio-hover-zoom-sm:hover {
|
||||
transform: scale(1.02);
|
||||
}
|
||||
|
||||
/* 悬停显示内容 */
|
||||
.aksrt-hover-show {
|
||||
.jio-hover-show {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.aksrt-hover-show__content {
|
||||
.jio-hover-show__content {
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
@@ -49,45 +49,45 @@
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.aksrt-hover-show:hover .aksrt-hover-show__content {
|
||||
.jio-hover-show:hover .jio-hover-show__content {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
/* 关闭按钮旋转 */
|
||||
.aksrt-ic-close {
|
||||
.jio-ic-close {
|
||||
transition: transform 0.3s;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.aksrt-ic-close:hover {
|
||||
.jio-ic-close:hover {
|
||||
transform: rotate(270deg);
|
||||
}
|
||||
|
||||
/* 图片悬停缩放（缩略图容器） */
|
||||
.aksrt-hover-zoom-img img {
|
||||
.jio-hover-zoom-img img {
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.aksrt-hover-zoom-img:hover img {
|
||||
.jio-hover-zoom-img:hover img {
|
||||
transform: scale(1.02);
|
||||
}
|
||||
|
||||
.aksrt-hover-zoom-img-sm img {
|
||||
.jio-hover-zoom-img-sm img {
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.aksrt-hover-zoom-img-sm:hover img {
|
||||
.jio-hover-zoom-img-sm:hover img {
|
||||
transform: scale(1.02);
|
||||
}
|
||||
|
||||
/* 按钮悬停上浮 */
|
||||
.aksrt-hover-lift {
|
||||
.jio-hover-lift {
|
||||
transition: transform 0.2s ease, box-shadow 0.2s ease;
|
||||
}
|
||||
|
||||
.aksrt-hover-lift:hover {
|
||||
.jio-hover-lift:hover {
|
||||
transform: none;
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
@@ -122,11 +122,11 @@ body.dark-theme::view-transition-new(root) {
|
||||
/* backdrop-filter 不支持时的降级 */
|
||||
@supports not ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
|
||||
:root {
|
||||
--aksrt-blur-bg: #ffffff;
|
||||
--jio-blur-bg: #ffffff;
|
||||
}
|
||||
|
||||
.dark {
|
||||
--aksrt-blur-bg: var(--surface-1);
|
||||
--jio-blur-bg: var(--surface-1);
|
||||
}
|
||||
|
||||
}
|
||||
@@ -136,37 +136,37 @@ body.dark-theme::view-transition-new(root) {
|
||||
* ============================================================ */
|
||||
|
||||
/* 向下滚动时隐藏导航栏 */
|
||||
body.aksrt-scroll-down .site-nav.nav-scroll-hide {
|
||||
body.jio-scroll-down .site-nav.nav-scroll-hide {
|
||||
transform: translateY(-100%);
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
body.aksrt-scroll-up .site-nav.nav-scroll-hide {
|
||||
body.jio-scroll-up .site-nav.nav-scroll-hide {
|
||||
transform: translateY(0);
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
/* 滚动时隐藏浮动按钮 */
|
||||
body.aksrt-scrolling .aksrt-floating-right.scrolling-hide {
|
||||
body.jio-scrolling .jio-floating-right.scrolling-hide {
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
transition: opacity 0.2s;
|
||||
}
|
||||
|
||||
/* body-scroll 状态类 */
|
||||
body.aksrt-body-scroll .aksrt-show-on-scroll {
|
||||
body.jio-body-scroll .jio-show-on-scroll {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.aksrt-show-on-scroll {
|
||||
.jio-show-on-scroll {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transition: opacity 0.3s, visibility 0.3s;
|
||||
}
|
||||
|
||||
/* 可缩放图片的光标 */
|
||||
.aksrt-cursor-zoom-in {
|
||||
.jio-cursor-zoom-in {
|
||||
cursor: zoom-in;
|
||||
}
|
||||
|
||||
@@ -1,11 +1,11 @@
|
||||
/* ============================================================
|
||||
* AKSRT Footer utilities — float buttons start + device helpers
|
||||
* Jio Footer utilities — float buttons start + device helpers
|
||||
* Main template_1 shell: shell.css
|
||||
* Tabbar / float details continue below.
|
||||
* ============================================================ */
|
||||
|
||||
:root {
|
||||
--aksrt-footer-tabbar-height: 49px;
|
||||
--jio-footer-tabbar-height: 49px;
|
||||
}
|
||||
|
||||
/* Device visibility utility classes */
|
||||
@@ -28,7 +28,7 @@
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 1035;
|
||||
min-height: var(--aksrt-footer-tabbar-height);
|
||||
min-height: var(--jio-footer-tabbar-height);
|
||||
background: var(--blur-bg);
|
||||
border-top: 1px solid var(--color-line-soft);
|
||||
padding: 0 0 env(safe-area-inset-bottom, 0px);
|
||||
@@ -64,7 +64,7 @@
|
||||
|
||||
.footer-tabbar-placeholder {
|
||||
display: none;
|
||||
height: calc(var(--aksrt-footer-tabbar-height) + env(safe-area-inset-bottom, 0px));
|
||||
height: calc(var(--jio-footer-tabbar-height) + env(safe-area-inset-bottom, 0px));
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
@@ -79,7 +79,7 @@
|
||||
/* 有 tabbar 时页脚需要额外底部间距 */
|
||||
.footer,
|
||||
.site-footer {
|
||||
padding-bottom: calc(var(--aksrt-footer-tabbar-height) + env(safe-area-inset-bottom, 0px));
|
||||
padding-bottom: calc(var(--jio-footer-tabbar-height) + env(safe-area-inset-bottom, 0px));
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -24,7 +24,7 @@
|
||||
|
||||
/* Reference .btn geometry without the public .btn skin. The 14px SVG keeps
|
||||
* main.css's 1em size and -0.15em baseline; list-inline owns the item spacing. */
|
||||
.navbar-top .aksrt-nav-icon {
|
||||
.navbar-top .jio-nav-icon {
|
||||
display: inline-block;
|
||||
padding: 6px 12px;
|
||||
margin-bottom: 0;
|
||||
@@ -46,14 +46,14 @@
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.aksrt-header-userbox {
|
||||
.jio-header-userbox {
|
||||
color: var(--color-ink-2);
|
||||
line-height: 1.42857143;
|
||||
}
|
||||
|
||||
/* public.css redeclares .muted-box after the legacy utility rules, which
|
||||
* otherwise overrides the wallet tiles' padding-6 and radius4 utilities. */
|
||||
.aksrt-header-userbox .muted-box.padding-6 {
|
||||
.jio-header-userbox .muted-box.padding-6 {
|
||||
background-color: var(--this-bg, var(--color-line-soft));
|
||||
border-radius: 4px;
|
||||
padding: 6px;
|
||||
@@ -75,14 +75,14 @@
|
||||
}
|
||||
|
||||
/* Keep the header check-in action flush with the VIP row's padded inner width. */
|
||||
.aksrt-header-userbox > .mt6.em09 > .but.block {
|
||||
.jio-header-userbox > .mt6.em09 > .but.block {
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Top-nav bell badge (the card itself uses the legacy badge.top element). */
|
||||
.aksrt-nav-notification .aksrt-notification-badge {
|
||||
.jio-nav-notification .jio-notification-badge {
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
right: 2px;
|
||||
@@ -106,12 +106,12 @@
|
||||
* The tile geometry itself stays with the shared legacy rules
|
||||
* (.header-user-href > a and .header-user-href .toggle-radius in main.css)
|
||||
* so the action row keeps the reference proportions. */
|
||||
.navbar-top .aksrt-header-userbox .header-user-href > a,
|
||||
.aksrt-header-userbox .header-user-href > a {
|
||||
.navbar-top .jio-header-userbox .header-user-href > a,
|
||||
.jio-header-userbox .header-user-href > a {
|
||||
max-height: none;
|
||||
}
|
||||
|
||||
.mobile-navbar .aksrt-header-userbox {
|
||||
.mobile-navbar .jio-header-userbox {
|
||||
width: auto;
|
||||
max-width: 400px;
|
||||
margin: auto;
|
||||
|
||||
@@ -1,13 +1,13 @@
|
||||
/** Homepage inherits the reference navigation, widgets and pagination from main.css. */
|
||||
.aksrt-homepage {
|
||||
.jio-homepage {
|
||||
font-size: 14px;
|
||||
line-height: 1.42857143;
|
||||
color: var(--main-color);
|
||||
}
|
||||
|
||||
.aksrt-homepage__content-layout,
|
||||
.aksrt-homepage__content-zone,
|
||||
.aksrt-homepage__fluid-zone,
|
||||
.aksrt-homepage__aside {
|
||||
.jio-homepage__content-layout,
|
||||
.jio-homepage__content-zone,
|
||||
.jio-homepage__fluid-zone,
|
||||
.jio-homepage__aside {
|
||||
display: block;
|
||||
}
|
||||
@@ -18,8 +18,8 @@
|
||||
|
||||
/* 用户中心（双栏）铺满视口：左栏 320 + 间距 20 + 右栏需要横向空间，被
|
||||
* 阅读宽度收窄会在左右两侧留下大片空白。只有 page-profile.php 的 main 带
|
||||
* .aksrt-profile（公开主页的该类只打在 body 上），因此不会误伤其它路由。 */
|
||||
.site-main.content-shell.aksrt-profile {
|
||||
* .jio-profile（公开主页的该类只打在 body 上），因此不会误伤其它路由。 */
|
||||
.site-main.content-shell.jio-profile {
|
||||
max-width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
@@ -27,7 +27,7 @@
|
||||
/* 公开主页是单栏，继续沿用后台「内容最大宽度」。顶部多功能组件位于
|
||||
* main 之前；main 的通用 32/40px 上内边距会把资料卡与组件人为拉开，
|
||||
* 这里仅对公开主页清除该段重复空白。 */
|
||||
.site-main.content-shell.aksrt-user-home {
|
||||
.site-main.content-shell.jio-user-home {
|
||||
max-width: var(--container, 1440px);
|
||||
padding-top: 0;
|
||||
box-sizing: border-box;
|
||||
@@ -258,11 +258,11 @@ body.category .site-main {
|
||||
line-height: 1.42857143;
|
||||
}
|
||||
|
||||
.page-cover.aksrt-panel {
|
||||
.page-cover.jio-panel {
|
||||
padding: 0 0 calc(25% + 80px);
|
||||
}
|
||||
|
||||
.aksrt-admin-quicklink {
|
||||
.jio-admin-quicklink {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
@@ -278,7 +278,7 @@ body.category .site-main {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.aksrt-admin-quicklink:hover {
|
||||
.jio-admin-quicklink:hover {
|
||||
color: var(--color-primary);
|
||||
border-color: var(--color-primary);
|
||||
background: var(--color-primary-soft, rgba(59, 130, 246, 0.08));
|
||||
@@ -313,13 +313,13 @@ body.category .site-main {
|
||||
全站只有一套加载语言。 */
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.aksrt-admin-quicklink {
|
||||
.jio-admin-quicklink {
|
||||
width: fit-content;
|
||||
}
|
||||
}
|
||||
|
||||
/* ========== AJAX 分页（加载更多 / 无限滚动） ========== */
|
||||
.aksrt-pagination-ajax {
|
||||
.jio-pagination-ajax {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
@@ -327,7 +327,7 @@ body.category .site-main {
|
||||
margin: 40px 0 8px;
|
||||
}
|
||||
|
||||
.aksrt-load-more-btn {
|
||||
.jio-load-more-btn {
|
||||
min-width: 180px;
|
||||
height: 44px;
|
||||
padding: 0 32px;
|
||||
@@ -345,17 +345,17 @@ body.category .site-main {
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.aksrt-load-more-btn:hover {
|
||||
.jio-load-more-btn:hover {
|
||||
border-color: var(--color-primary);
|
||||
color: var(--color-primary);
|
||||
}
|
||||
|
||||
.aksrt-load-more-btn:disabled {
|
||||
.jio-load-more-btn:disabled {
|
||||
opacity: 0.5;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.aksrt-loading-indicator {
|
||||
.jio-loading-indicator {
|
||||
display: none;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
@@ -363,11 +363,11 @@ body.category .site-main {
|
||||
color: var(--color-ink-4);
|
||||
}
|
||||
|
||||
.aksrt-loading-indicator i {
|
||||
.jio-loading-indicator i {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.aksrt-scroll-sentinel {
|
||||
.jio-scroll-sentinel {
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
pointer-events: none;
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
* ============================================================ */
|
||||
|
||||
/* ---------- 顶部资料卡入口（legacy user-medal-info parity） ---------- */
|
||||
.aksrt-medal-entry,
|
||||
.jio-medal-entry,
|
||||
.uc-header__meta-item {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
@@ -23,29 +23,29 @@
|
||||
line-height: 1.44;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.aksrt-medal-entry {
|
||||
.jio-medal-entry {
|
||||
cursor: pointer;
|
||||
transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease, opacity .15s ease;
|
||||
}
|
||||
.aksrt-medal-entry:hover,
|
||||
.aksrt-medal-entry:focus-visible {
|
||||
.jio-medal-entry:hover,
|
||||
.jio-medal-entry:focus-visible {
|
||||
border-color: var(--focus-color-opacity3, var(--focus-color));
|
||||
background: var(--focus-color-opacity1, rgba(59, 130, 246, .1));
|
||||
box-shadow: var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .1));
|
||||
color: var(--focus-color);
|
||||
opacity: 1;
|
||||
}
|
||||
.aksrt-medal-entry:focus-visible {
|
||||
.jio-medal-entry:focus-visible {
|
||||
outline: 2px solid var(--focus-color);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
.aksrt-medal-entry__icons {
|
||||
.jio-medal-entry__icons {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
flex: none;
|
||||
min-width: 0;
|
||||
}
|
||||
.aksrt-medal-entry__icon {
|
||||
.jio-medal-entry__icon {
|
||||
width: auto;
|
||||
height: 1.45em;
|
||||
max-width: 2.2em;
|
||||
@@ -53,8 +53,8 @@
|
||||
object-fit: contain;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.aksrt-medal-entry__icon + .aksrt-medal-entry__icon { margin-left: -1px; }
|
||||
.aksrt-medal-entry__fallback {
|
||||
.jio-medal-entry__icon + .jio-medal-entry__icon { margin-left: -1px; }
|
||||
.jio-medal-entry__fallback {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -64,11 +64,11 @@
|
||||
background: var(--focus-color-opacity1);
|
||||
border-radius: 50%;
|
||||
}
|
||||
.aksrt-medal-entry__count { margin-left: 2px; }
|
||||
.aksrt-medal-entry__arrow { margin-left: 1px; font-size: .9em; }
|
||||
.jio-medal-entry__count { margin-left: 2px; }
|
||||
.jio-medal-entry__arrow { margin-left: 1px; font-size: .9em; }
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.aksrt-medal-entry,
|
||||
.jio-medal-entry,
|
||||
.uc-header__meta-item {
|
||||
margin-right: 4px;
|
||||
max-width: 100%;
|
||||
@@ -76,7 +76,7 @@
|
||||
}
|
||||
|
||||
/* 参考主题 modal-body：只适配共享运行时，列表/卡片由 main.css 定义。 */
|
||||
.aksrt-modal-runtime.aksrt-badge-modal .aksrt-modal-runtime__dialog {
|
||||
.jio-modal-runtime.jio-badge-modal .jio-modal-runtime__dialog {
|
||||
width: 600px;
|
||||
max-width: calc(100% - 20px);
|
||||
max-height: calc(100vh - 20px);
|
||||
@@ -88,17 +88,17 @@
|
||||
-webkit-font-smoothing: auto;
|
||||
text-rendering: auto;
|
||||
}
|
||||
.aksrt-modal-runtime.aksrt-badge-modal--single .aksrt-modal-runtime__dialog {
|
||||
.jio-modal-runtime.jio-badge-modal--single .jio-modal-runtime__dialog {
|
||||
width: 400px;
|
||||
}
|
||||
.aksrt-badge-modal:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog {
|
||||
.jio-badge-modal:not(.jio-modal-runtime--bottom) .jio-modal-runtime__dialog {
|
||||
transform: scale(.9);
|
||||
transition: transform .5s cubic-bezier(.32, .85, .45, 1.18), width .3s;
|
||||
}
|
||||
.aksrt-badge-modal.is-open .aksrt-modal-runtime__dialog { transform: scale(1); }
|
||||
.aksrt-badge-modal .aksrt-modal-runtime__content { padding: 0; }
|
||||
.aksrt-badge-modal .modal-body { padding: 15px; }
|
||||
.aksrt-badge-modal .aksrt-modal-runtime__loading {
|
||||
.jio-badge-modal.is-open .jio-modal-runtime__dialog { transform: scale(1); }
|
||||
.jio-badge-modal .jio-modal-runtime__content { padding: 0; }
|
||||
.jio-badge-modal .modal-body { padding: 15px; }
|
||||
.jio-badge-modal .jio-modal-runtime__loading {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
min-height: inherit;
|
||||
@@ -109,7 +109,7 @@
|
||||
}
|
||||
|
||||
/* 参考主题的徽章图标无资源时保留同尺寸占位。 */
|
||||
.aksrt-badge-modal .medal-icon--fa {
|
||||
.jio-badge-modal .medal-icon--fa {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -117,52 +117,52 @@
|
||||
font-size: 34px;
|
||||
color: var(--focus-color);
|
||||
}
|
||||
.aksrt-badge-modal .medal-single-card .medal-icon--fa { font-size: 72px; }
|
||||
.aksrt-badge-modal .medal-list > a { display: block; }
|
||||
.aksrt-badge-modal .medal-list > a:focus-visible {
|
||||
.jio-badge-modal .medal-single-card .medal-icon--fa { font-size: 72px; }
|
||||
.jio-badge-modal .medal-list > a { display: block; }
|
||||
.jio-badge-modal .medal-list > a:focus-visible {
|
||||
outline: 2px solid var(--focus-color);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
.aksrt-badge-modal .aksrt-null__img { display: inline-block; }
|
||||
.jio-badge-modal .jio-null__img { display: inline-block; }
|
||||
|
||||
/* 公共运行时的按钮网格需还原为参考主题的平均分栏操作区。 */
|
||||
.aksrt-modal-runtime.aksrt-badge-modal .modal-buts.but-average {
|
||||
.jio-modal-runtime.jio-badge-modal .modal-buts.but-average {
|
||||
display: flex;
|
||||
gap: 0;
|
||||
margin: 0 -15px -15px;
|
||||
border-radius: 0 0 var(--main-radius) var(--main-radius);
|
||||
}
|
||||
.aksrt-badge-modal .modal-buts.but-average > .but {
|
||||
.jio-badge-modal .modal-buts.but-average > .but {
|
||||
min-height: 0;
|
||||
padding: .8em;
|
||||
}
|
||||
|
||||
/* 与参考主题 mobile_bottom 一致，保留非 full-sm 子窗的底部留白。 */
|
||||
.aksrt-modal-runtime--bottom.aksrt-badge-modal .aksrt-modal-runtime__dialog {
|
||||
.jio-modal-runtime--bottom.jio-badge-modal .jio-modal-runtime__dialog {
|
||||
margin-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
|
||||
box-shadow: 0 -10px 50px rgba(0, 0, 0, .15);
|
||||
transform: translateY(110%);
|
||||
transition: transform .4s;
|
||||
overflow: visible;
|
||||
}
|
||||
.aksrt-modal-runtime--bottom.aksrt-badge-modal .aksrt-modal-runtime__content {
|
||||
.jio-modal-runtime--bottom.jio-badge-modal .jio-modal-runtime__content {
|
||||
max-height: calc(100vh - 20px);
|
||||
overflow: auto;
|
||||
border-radius: inherit;
|
||||
}
|
||||
.aksrt-modal-runtime--bottom.aksrt-badge-modal.is-open .aksrt-modal-runtime__dialog {
|
||||
.jio-modal-runtime--bottom.jio-badge-modal.is-open .jio-modal-runtime__dialog {
|
||||
transform: translateY(0);
|
||||
transition: transform .6s cubic-bezier(.28, .9, .34, .99);
|
||||
}
|
||||
.aksrt-modal-runtime--bottom.aksrt-badge-modal .modal-colorful-header {
|
||||
.jio-modal-runtime--bottom.jio-badge-modal .modal-colorful-header {
|
||||
border-radius: inherit;
|
||||
}
|
||||
.aksrt-badge-modal .touch-close {
|
||||
.jio-badge-modal .touch-close {
|
||||
position: absolute;
|
||||
top: -24px;
|
||||
width: 100%;
|
||||
}
|
||||
.aksrt-badge-modal .touch-close::before {
|
||||
.jio-badge-modal .touch-close::before {
|
||||
content: ' ';
|
||||
display: block;
|
||||
width: 40px;
|
||||
@@ -173,16 +173,16 @@
|
||||
opacity: .8;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.aksrt-modal-runtime.aksrt-badge-modal:not(.aksrt-badge-modal--single) .aksrt-modal-runtime__dialog { width: 100%; }
|
||||
.jio-modal-runtime.jio-badge-modal:not(.jio-badge-modal--single) .jio-modal-runtime__dialog { width: 100%; }
|
||||
}
|
||||
@media (max-width: 640px) {
|
||||
.aksrt-badge-modal.aksrt-modal-runtime--bottom.aksrt-modal-runtime--parent { perspective: 1000px; }
|
||||
.aksrt-modal-runtime.aksrt-badge-modal.aksrt-modal-runtime--bottom.aksrt-modal-runtime--parent.is-open .aksrt-modal-runtime__dialog {
|
||||
.jio-badge-modal.jio-modal-runtime--bottom.jio-modal-runtime--parent { perspective: 1000px; }
|
||||
.jio-modal-runtime.jio-badge-modal.jio-modal-runtime--bottom.jio-modal-runtime--parent.is-open .jio-modal-runtime__dialog {
|
||||
transform: rotateX(11deg) scale(.95);
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.aksrt-modal-runtime.aksrt-badge-modal--single .aksrt-modal-runtime__dialog { width: 100%; }
|
||||
.aksrt-modal-runtime--bottom.aksrt-badge-modal--overview .aksrt-modal-runtime__dialog {
|
||||
.jio-modal-runtime.jio-badge-modal--single .jio-modal-runtime__dialog { width: 100%; }
|
||||
.jio-modal-runtime--bottom.jio-badge-modal--overview .jio-modal-runtime__dialog {
|
||||
max-width: 100%;
|
||||
margin-bottom: -1px;
|
||||
border-radius: 16px 16px 0 0;
|
||||
|
||||
@@ -117,7 +117,7 @@
|
||||
|
||||
.messages-list > .post_ajax_loader.is-loading {
|
||||
display: block;
|
||||
animation: aksrtFadeIn 0.2s ease both;
|
||||
animation: jioFadeIn 0.2s ease both;
|
||||
}
|
||||
|
||||
.messages-list {
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
/**
|
||||
* Modal runtime + ajax list primitives (shared).
|
||||
*
|
||||
* @package AKSRT
|
||||
* @package Jio
|
||||
*/
|
||||
|
||||
/* ---- portal token bridge ----
|
||||
@@ -9,7 +9,7 @@
|
||||
* 弹窗由 runtime portal 到 <body>，因此它位于任何「页面级 token 作用域」之外。
|
||||
* 典型陷阱：路由样式把语义别名挂在页面上，例如
|
||||
*
|
||||
* .aksrt-orders-page { --orders-ink: var(--color-ink, #333); }
|
||||
* .jio-orders-page { --orders-ink: var(--color-ink, #333); }
|
||||
*
|
||||
* 弹窗内部再去 `var(--orders-ink)` 时该变量不存在，整条声明会被静默丢弃——
|
||||
* 表现为边框消失、次级文字变透明，而不是抛错，排查成本很高。
|
||||
@@ -17,7 +17,7 @@
|
||||
* 因此共享调色板在这里声明：本壳层永远在 portal 内，任何弹窗都能直接消费
|
||||
* `--modal-*`。路由样式应把自己的局部别名映射到这里，而不是映射到页面级变量。
|
||||
*/
|
||||
.aksrt-modal-runtime {
|
||||
.jio-modal-runtime {
|
||||
--modal-ink: var(--color-ink, #333333);
|
||||
--modal-ink-2: var(--color-ink-2, #4e5358);
|
||||
--modal-muted: var(--color-ink-3, #777777);
|
||||
@@ -34,8 +34,8 @@
|
||||
}
|
||||
|
||||
/* ---- scroll lock ---- */
|
||||
html.aksrt-modal-runtime-open,
|
||||
body.aksrt-modal-runtime-open {
|
||||
html.jio-modal-runtime-open,
|
||||
body.jio-modal-runtime-open {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@@ -43,15 +43,15 @@ body.aksrt-modal-runtime-open {
|
||||
触发器沿用参考主题的 data-class 语义（modal-mini/full-sm 等），
|
||||
但这些类落在 fixed 全屏壳上时，.modal-mini 的 width:400px +
|
||||
auto 边距会把壳压成居中单列，蒙版随之只覆盖一列。 */
|
||||
.aksrt-modal-runtime.modal-mini,
|
||||
.aksrt-modal-runtime.full-sm {
|
||||
.jio-modal-runtime.modal-mini,
|
||||
.jio-modal-runtime.full-sm {
|
||||
width: auto;
|
||||
max-width: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* ---- modal runtime shell ---- */
|
||||
.aksrt-modal-runtime {
|
||||
.jio-modal-runtime {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
z-index: 100050;
|
||||
@@ -64,30 +64,30 @@ body.aksrt-modal-runtime-open {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime.is-open {
|
||||
.jio-modal-runtime.is-open {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime.is-open.aksrt-modal-runtime--parent {
|
||||
.jio-modal-runtime.is-open.jio-modal-runtime--parent {
|
||||
pointer-events: none;
|
||||
}
|
||||
.aksrt-modal-runtime.is-open.aksrt-modal-runtime--parent .aksrt-modal-runtime__dialog {
|
||||
.jio-modal-runtime.is-open.jio-modal-runtime--parent .jio-modal-runtime__dialog {
|
||||
transform: scale(.98);
|
||||
}
|
||||
.aksrt-modal-runtime--child .aksrt-modal-runtime__overlay {
|
||||
.jio-modal-runtime--child .jio-modal-runtime__overlay {
|
||||
background: rgba(0, 0, 0, .2);
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime__overlay {
|
||||
.jio-modal-runtime__overlay {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
/* 参考主题 .modal-backdrop 同款：纯黑 50%，无模糊、无色调偏移 */
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime__dialog {
|
||||
.jio-modal-runtime__dialog {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
width: min(440px, calc(100vw - 32px));
|
||||
@@ -101,15 +101,15 @@ body.aksrt-modal-runtime-open {
|
||||
color: var(--color-ink, #1f2937);
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime.is-open .aksrt-modal-runtime__dialog {
|
||||
.jio-modal-runtime.is-open .jio-modal-runtime__dialog {
|
||||
transform: translateY(0) scale(1);
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime--bottom {
|
||||
.jio-modal-runtime--bottom {
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime--bottom .aksrt-modal-runtime__dialog {
|
||||
.jio-modal-runtime--bottom .jio-modal-runtime__dialog {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
border-radius: 16px 16px 0 0;
|
||||
@@ -117,11 +117,11 @@ body.aksrt-modal-runtime-open {
|
||||
transform: translateY(24px);
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime--bottom.is-open .aksrt-modal-runtime__dialog {
|
||||
.jio-modal-runtime--bottom.is-open .jio-modal-runtime__dialog {
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime__header {
|
||||
.jio-modal-runtime__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
@@ -129,69 +129,69 @@ body.aksrt-modal-runtime-open {
|
||||
padding: 16px 18px 0;
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime__title {
|
||||
.jio-modal-runtime__title {
|
||||
margin: 0;
|
||||
font-size: 17px;
|
||||
line-height: 1.35;
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime__content {
|
||||
.jio-modal-runtime__content {
|
||||
padding: 18px 18px 16px;
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime__loading,
|
||||
.aksrt-modal-runtime__error-body {
|
||||
.jio-modal-runtime__loading,
|
||||
.jio-modal-runtime__error-body {
|
||||
padding: 28px 8px;
|
||||
text-align: center;
|
||||
color: var(--color-ink-2, #6b7280);
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime__skeleton {
|
||||
.jio-modal-runtime__skeleton {
|
||||
display: grid;
|
||||
gap: 12px;
|
||||
padding: 8px 2px;
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime__skeleton-line,
|
||||
.aksrt-modal-runtime__skeleton-block {
|
||||
.jio-modal-runtime__skeleton-line,
|
||||
.jio-modal-runtime__skeleton-block {
|
||||
display: block;
|
||||
border-radius: 8px;
|
||||
background: linear-gradient(90deg, rgba(148, 163, 184, 0.16), rgba(148, 163, 184, 0.3), rgba(148, 163, 184, 0.16));
|
||||
background-size: 200% 100%;
|
||||
animation: aksrt-modal-skeleton 1.2s ease-in-out infinite;
|
||||
animation: jio-modal-skeleton 1.2s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime__skeleton-line {
|
||||
.jio-modal-runtime__skeleton-line {
|
||||
width: 72%;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime__skeleton-line.is-wide {
|
||||
.jio-modal-runtime__skeleton-line.is-wide {
|
||||
width: 92%;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime__skeleton-line.is-short {
|
||||
.jio-modal-runtime__skeleton-line.is-short {
|
||||
width: 44%;
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime__skeleton-block {
|
||||
.jio-modal-runtime__skeleton-block {
|
||||
width: 100%;
|
||||
min-height: 84px;
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime__retry {
|
||||
.jio-modal-runtime__retry {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@keyframes aksrt-modal-skeleton {
|
||||
@keyframes jio-modal-skeleton {
|
||||
0% { background-position: 100% 0; }
|
||||
100% { background-position: -100% 0; }
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime .touch.border-title,
|
||||
.aksrt-modal-runtime .border-title {
|
||||
.jio-modal-runtime .touch.border-title,
|
||||
.jio-modal-runtime .border-title {
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
margin: 0 0 14px;
|
||||
@@ -201,7 +201,7 @@ body.aksrt-modal-runtime-open {
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime .aksrt-modal-runtime__close {
|
||||
.jio-modal-runtime .jio-modal-runtime__close {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
@@ -216,17 +216,17 @@ body.aksrt-modal-runtime-open {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime .but-average.modal-buts,
|
||||
.aksrt-modal-runtime .modal-buts {
|
||||
.jio-modal-runtime .but-average.modal-buts,
|
||||
.jio-modal-runtime .modal-buts {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 10px;
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime .but-average.modal-buts .but,
|
||||
.aksrt-modal-runtime .modal-buts .but,
|
||||
.aksrt-modal-runtime .modal-buts button {
|
||||
.jio-modal-runtime .but-average.modal-buts .but,
|
||||
.jio-modal-runtime .modal-buts .but,
|
||||
.jio-modal-runtime .modal-buts button {
|
||||
min-height: 40px;
|
||||
border-radius: 10px;
|
||||
border: 1px solid var(--color-line, #e5e7eb);
|
||||
@@ -236,9 +236,9 @@ body.aksrt-modal-runtime-open {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime .modal-buts .but.c-blue,
|
||||
.aksrt-modal-runtime .modal-buts button.c-blue,
|
||||
.aksrt-modal-runtime .modal-buts .btn-primary {
|
||||
.jio-modal-runtime .modal-buts .but.c-blue,
|
||||
.jio-modal-runtime .modal-buts button.c-blue,
|
||||
.jio-modal-runtime .modal-buts .btn-primary {
|
||||
background: var(--color-primary, #f04494);
|
||||
border-color: color-mix(in srgb, var(--color-primary, #f04494) 70%, #000 0%);
|
||||
color: var(--color-on-primary, #fff);
|
||||
@@ -247,17 +247,17 @@ body.aksrt-modal-runtime-open {
|
||||
/* ---- 签到详情弹窗（参考主题 refresh_modal modal-mini 同构壳） ----
|
||||
内容为服务端 HTML（modal-colorful-header + modal-body），与参考主题
|
||||
.modal-dialog.modal-mini 几何 1:1：宽 400px、圆角 var(--main-radius)。 */
|
||||
.aksrt-modal-runtime.aksrt-checkin-details-modal:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog {
|
||||
.jio-modal-runtime.jio-checkin-details-modal:not(.jio-modal-runtime--bottom) .jio-modal-runtime__dialog {
|
||||
width: min(400px, calc(100vw - 32px));
|
||||
border-radius: var(--main-radius, 8px);
|
||||
background: var(--main-bg-color, #fff);
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime.aksrt-checkin-details-modal .aksrt-modal-runtime__content {
|
||||
.jio-modal-runtime.jio-checkin-details-modal .jio-modal-runtime__content {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime.aksrt-checkin-details-modal .aksrt-modal-runtime__skeleton {
|
||||
.jio-modal-runtime.jio-checkin-details-modal .jio-modal-runtime__skeleton {
|
||||
padding: 24px 18px;
|
||||
}
|
||||
|
||||
@@ -278,7 +278,7 @@ body.aksrt-modal-runtime-open {
|
||||
|
||||
.post_ajax_loader.is-loading {
|
||||
display: block;
|
||||
animation: aksrtFadeIn 0.2s ease both;
|
||||
animation: jioFadeIn 0.2s ease both;
|
||||
}
|
||||
|
||||
.ajax-item.is-fading {
|
||||
@@ -291,7 +291,7 @@ body.aksrt-modal-runtime-open {
|
||||
.modal-dialog（>=768px 宽 600px）；data-height=360 → .modal-content 初始
|
||||
高度 360 后动画至内容高度；mobile-bottom → <769px 底部抽屉。
|
||||
此处以 min-height:360px 复刻初始高度契约，桌面宽取 600px。 */
|
||||
.aksrt-user-ban-modal:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog {
|
||||
.jio-user-ban-modal:not(.jio-modal-runtime--bottom) .jio-modal-runtime__dialog {
|
||||
width: min(600px, calc(100vw - 32px));
|
||||
border-radius: var(--main-radius, 8px);
|
||||
background: var(--main-bg-color, #fff);
|
||||
@@ -299,33 +299,33 @@ body.aksrt-modal-runtime-open {
|
||||
|
||||
/* ---- 查看禁封状态 / 禁封申诉 / 禁封记录弹窗（参考主题 modal-mini 几何 1:1）----
|
||||
参考主题三个链接均传 data_class='modal-mini'（宽 400px）、data-height=240。 */
|
||||
.aksrt-user-ban-info-modal:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog,
|
||||
.aksrt-user-ban-appeal-modal:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog,
|
||||
.aksrt-user-ban-log-modal:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog {
|
||||
.jio-user-ban-info-modal:not(.jio-modal-runtime--bottom) .jio-modal-runtime__dialog,
|
||||
.jio-user-ban-appeal-modal:not(.jio-modal-runtime--bottom) .jio-modal-runtime__dialog,
|
||||
.jio-user-ban-log-modal:not(.jio-modal-runtime--bottom) .jio-modal-runtime__dialog {
|
||||
width: min(400px, calc(100vw - 32px));
|
||||
border-radius: var(--main-radius, 8px);
|
||||
background: var(--main-bg-color, #fff);
|
||||
}
|
||||
|
||||
.aksrt-user-ban-info-modal .aksrt-modal-runtime__skeleton,
|
||||
.aksrt-user-ban-appeal-modal .aksrt-modal-runtime__skeleton,
|
||||
.aksrt-user-ban-log-modal .aksrt-modal-runtime__skeleton {
|
||||
.jio-user-ban-info-modal .jio-modal-runtime__skeleton,
|
||||
.jio-user-ban-appeal-modal .jio-modal-runtime__skeleton,
|
||||
.jio-user-ban-log-modal .jio-modal-runtime__skeleton {
|
||||
padding: 24px 18px;
|
||||
}
|
||||
|
||||
.aksrt-user-ban-modal .aksrt-modal-runtime__skeleton {
|
||||
.jio-user-ban-modal .jio-modal-runtime__skeleton {
|
||||
padding: 24px 18px;
|
||||
}
|
||||
|
||||
/* edit-header：与禁封表单头部同构（关闭钮靠右，红色警示徽标 + 标题居左）。 */
|
||||
.aksrt-user-ban-modal .edit-header,
|
||||
.aksrt-user-ban-appeal-modal .edit-header {
|
||||
.jio-user-ban-modal .edit-header,
|
||||
.jio-user-ban-appeal-modal .edit-header {
|
||||
position: relative;
|
||||
padding-right: 32px;
|
||||
}
|
||||
|
||||
.aksrt-user-ban-modal .edit-header .close,
|
||||
.aksrt-user-ban-appeal-modal .edit-header .close {
|
||||
.jio-user-ban-modal .edit-header .close,
|
||||
.jio-user-ban-appeal-modal .edit-header .close {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
@@ -341,12 +341,12 @@ body.aksrt-modal-runtime-open {
|
||||
|
||||
/* 解封视图多彩横幅（参考主题 zib_get_modal_colorful_header('c-yellow', ...)）：
|
||||
120px 高绝对定位横幅 + 旋转彩斑，后续表单整体下移 120px。 */
|
||||
.aksrt-user-ban-modal .modal-colorful-header,
|
||||
.aksrt-user-ban-modal .colorful-bg,
|
||||
.aksrt-user-ban-info-modal .modal-colorful-header,
|
||||
.aksrt-user-ban-info-modal .colorful-bg,
|
||||
.aksrt-user-ban-log-modal .modal-colorful-header,
|
||||
.aksrt-user-ban-log-modal .colorful-bg {
|
||||
.jio-user-ban-modal .modal-colorful-header,
|
||||
.jio-user-ban-modal .colorful-bg,
|
||||
.jio-user-ban-info-modal .modal-colorful-header,
|
||||
.jio-user-ban-info-modal .colorful-bg,
|
||||
.jio-user-ban-log-modal .modal-colorful-header,
|
||||
.jio-user-ban-log-modal .colorful-bg {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
color: var(--this-color);
|
||||
@@ -354,9 +354,9 @@ body.aksrt-modal-runtime-open {
|
||||
background-size: 120%;
|
||||
}
|
||||
|
||||
.aksrt-user-ban-modal .modal-colorful-header,
|
||||
.aksrt-user-ban-info-modal .modal-colorful-header,
|
||||
.aksrt-user-ban-log-modal .modal-colorful-header {
|
||||
.jio-user-ban-modal .modal-colorful-header,
|
||||
.jio-user-ban-info-modal .modal-colorful-header,
|
||||
.jio-user-ban-log-modal .modal-colorful-header {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
@@ -368,15 +368,15 @@ body.aksrt-modal-runtime-open {
|
||||
border-radius: var(--main-radius, 8px) var(--main-radius, 8px) 0 0;
|
||||
}
|
||||
|
||||
.aksrt-user-ban-modal .modal-colorful-header + *,
|
||||
.aksrt-user-ban-info-modal .modal-colorful-header + *,
|
||||
.aksrt-user-ban-log-modal .modal-colorful-header + * {
|
||||
.jio-user-ban-modal .modal-colorful-header + *,
|
||||
.jio-user-ban-info-modal .modal-colorful-header + *,
|
||||
.jio-user-ban-log-modal .modal-colorful-header + * {
|
||||
margin-top: 120px;
|
||||
}
|
||||
|
||||
.aksrt-user-ban-modal .modal-colorful-header > .close,
|
||||
.aksrt-user-ban-info-modal .modal-colorful-header > .close,
|
||||
.aksrt-user-ban-log-modal .modal-colorful-header > .close {
|
||||
.jio-user-ban-modal .modal-colorful-header > .close,
|
||||
.jio-user-ban-info-modal .modal-colorful-header > .close,
|
||||
.jio-user-ban-log-modal .modal-colorful-header > .close {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
@@ -386,15 +386,15 @@ body.aksrt-modal-runtime-open {
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.aksrt-user-ban-modal .colorful-bg > .colorful-make,
|
||||
.aksrt-user-ban-modal .colorful-bg > .colorful-make::before,
|
||||
.aksrt-user-ban-modal .colorful-bg > .colorful-make::after,
|
||||
.aksrt-user-ban-info-modal .colorful-bg > .colorful-make,
|
||||
.aksrt-user-ban-info-modal .colorful-bg > .colorful-make::before,
|
||||
.aksrt-user-ban-info-modal .colorful-bg > .colorful-make::after,
|
||||
.aksrt-user-ban-log-modal .colorful-bg > .colorful-make,
|
||||
.aksrt-user-ban-log-modal .colorful-bg > .colorful-make::before,
|
||||
.aksrt-user-ban-log-modal .colorful-bg > .colorful-make::after {
|
||||
.jio-user-ban-modal .colorful-bg > .colorful-make,
|
||||
.jio-user-ban-modal .colorful-bg > .colorful-make::before,
|
||||
.jio-user-ban-modal .colorful-bg > .colorful-make::after,
|
||||
.jio-user-ban-info-modal .colorful-bg > .colorful-make,
|
||||
.jio-user-ban-info-modal .colorful-bg > .colorful-make::before,
|
||||
.jio-user-ban-info-modal .colorful-bg > .colorful-make::after,
|
||||
.jio-user-ban-log-modal .colorful-bg > .colorful-make,
|
||||
.jio-user-ban-log-modal .colorful-bg > .colorful-make::before,
|
||||
.jio-user-ban-log-modal .colorful-bg > .colorful-make::after {
|
||||
position: absolute;
|
||||
color: var(--this-color);
|
||||
background: var(--this-bg);
|
||||
@@ -402,19 +402,19 @@ body.aksrt-modal-runtime-open {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.aksrt-user-ban-modal .colorful-bg > .colorful-make,
|
||||
.aksrt-user-ban-info-modal .colorful-bg > .colorful-make,
|
||||
.aksrt-user-ban-log-modal .colorful-bg > .colorful-make {
|
||||
.jio-user-ban-modal .colorful-bg > .colorful-make,
|
||||
.jio-user-ban-info-modal .colorful-bg > .colorful-make,
|
||||
.jio-user-ban-log-modal .colorful-bg > .colorful-make {
|
||||
top: 60%;
|
||||
bottom: 0;
|
||||
width: 323px;
|
||||
height: 290px;
|
||||
animation: aksrt-ban-colorful 120s linear infinite;
|
||||
animation: jio-ban-colorful 120s linear infinite;
|
||||
}
|
||||
|
||||
.aksrt-user-ban-modal .colorful-bg > .colorful-make::before,
|
||||
.aksrt-user-ban-info-modal .colorful-bg > .colorful-make::before,
|
||||
.aksrt-user-ban-log-modal .colorful-bg > .colorful-make::before {
|
||||
.jio-user-ban-modal .colorful-bg > .colorful-make::before,
|
||||
.jio-user-ban-info-modal .colorful-bg > .colorful-make::before,
|
||||
.jio-user-ban-log-modal .colorful-bg > .colorful-make::before {
|
||||
top: -325px;
|
||||
right: -558px;
|
||||
bottom: 0;
|
||||
@@ -424,9 +424,9 @@ body.aksrt-modal-runtime-open {
|
||||
transform: rotate(341deg);
|
||||
}
|
||||
|
||||
.aksrt-user-ban-modal .colorful-bg > .colorful-make::after,
|
||||
.aksrt-user-ban-info-modal .colorful-bg > .colorful-make::after,
|
||||
.aksrt-user-ban-log-modal .colorful-bg > .colorful-make::after {
|
||||
.jio-user-ban-modal .colorful-bg > .colorful-make::after,
|
||||
.jio-user-ban-info-modal .colorful-bg > .colorful-make::after,
|
||||
.jio-user-ban-log-modal .colorful-bg > .colorful-make::after {
|
||||
top: -170px;
|
||||
bottom: 0;
|
||||
left: -262px;
|
||||
@@ -436,29 +436,29 @@ body.aksrt-modal-runtime-open {
|
||||
transform: rotate(326deg);
|
||||
}
|
||||
|
||||
.aksrt-user-ban-modal .colorful-bg > .colorful-make + *,
|
||||
.aksrt-user-ban-info-modal .colorful-bg > .colorful-make + *,
|
||||
.aksrt-user-ban-log-modal .colorful-bg > .colorful-make + * {
|
||||
.jio-user-ban-modal .colorful-bg > .colorful-make + *,
|
||||
.jio-user-ban-info-modal .colorful-bg > .colorful-make + *,
|
||||
.jio-user-ban-log-modal .colorful-bg > .colorful-make + * {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* 单选徽章行（参考主题 .form-but-radio 契约）：input 由 main.css 隐藏，
|
||||
label 可点；选中态由 main.css 的 input:checked + .but-radio 驱动。 */
|
||||
.aksrt-user-ban-modal .form-but-radio label {
|
||||
.jio-user-ban-modal .form-but-radio label {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.aksrt-user-ban-modal .form-but-radio .but-radio {
|
||||
.jio-user-ban-modal .form-but-radio .but-radio {
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
/* 开关行（删除全部内容 / 禁止用户申诉）：原生 checkbox 隐藏，
|
||||
视觉态由 main.css 的 input:checked ~ .form-switch 驱动。 */
|
||||
.aksrt-user-ban-modal .aksrt-user-ban-form label {
|
||||
.jio-user-ban-modal .jio-user-ban-form label {
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
@keyframes aksrt-ban-colorful {
|
||||
@keyframes jio-ban-colorful {
|
||||
0% { transform: rotate(0deg); }
|
||||
100% { transform: rotate(360deg); }
|
||||
}
|
||||
@@ -583,7 +583,7 @@ body.aksrt-modal-runtime-open {
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.aksrt-modal-runtime:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog {
|
||||
.jio-modal-runtime:not(.jio-modal-runtime--bottom) .jio-modal-runtime__dialog {
|
||||
width: calc(100vw - 20px);
|
||||
}
|
||||
}
|
||||
@@ -1,7 +1,7 @@
|
||||
/**
|
||||
* legacy-compatible frontend notifications.
|
||||
*
|
||||
* @package AKSRT
|
||||
* @package Jio
|
||||
*/
|
||||
|
||||
.notyn {
|
||||
|
||||
@@ -1,17 +1,17 @@
|
||||
/**
|
||||
* AKSRT Overlay / Glass Primitives
|
||||
* Jio Overlay / Glass Primitives
|
||||
*
|
||||
* Provides backdrop-filter glass surfaces used by header, footer-tabbar,
|
||||
* floating buttons and search overlays — matching legacy's blur system.
|
||||
*
|
||||
* @package AKSRT
|
||||
* @package Jio
|
||||
*/
|
||||
|
||||
/* ============================================================
|
||||
* .aksrt-blur-bg — generic glass surface
|
||||
* .jio-blur-bg — generic glass surface
|
||||
* Use on any element that needs a translucent blurred background.
|
||||
* ============================================================ */
|
||||
.aksrt-blur-bg {
|
||||
.jio-blur-bg {
|
||||
-webkit-backdrop-filter: saturate(5) blur(20px);
|
||||
backdrop-filter: saturate(5) blur(20px);
|
||||
background: var(--blur-bg);
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
/* ============================================================
|
||||
* 文章归档（page-archives.php + [aksrt_archive] 短代码）
|
||||
* Phase 10 视觉收口：此前 .aksrt-archives 无样式。
|
||||
* 文章归档（page-archives.php + [jio_archive] 短代码）
|
||||
* Phase 10 视觉收口：此前 .jio-archives 无样式。
|
||||
* ============================================================ */
|
||||
.aksrt-archives__year {
|
||||
.jio-archives__year {
|
||||
font-size: 1.5rem;
|
||||
font-weight: 700;
|
||||
color: var(--color-ink);
|
||||
@@ -11,24 +11,24 @@
|
||||
border-bottom: 2px solid var(--color-line);
|
||||
}
|
||||
|
||||
.aksrt-archives__year:first-child {
|
||||
.jio-archives__year:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.aksrt-archives__month {
|
||||
.jio-archives__month {
|
||||
font-size: 0.95rem;
|
||||
font-weight: 600;
|
||||
color: var(--color-ink-3, #666);
|
||||
margin: 16px 0 8px;
|
||||
}
|
||||
|
||||
.aksrt-archives__list {
|
||||
.jio-archives__list {
|
||||
list-style: none;
|
||||
margin: 0 0 8px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.aksrt-archives__item {
|
||||
.jio-archives__item {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
gap: 12px;
|
||||
@@ -36,33 +36,33 @@
|
||||
border-bottom: 1px dashed var(--color-line);
|
||||
}
|
||||
|
||||
.aksrt-archives__date {
|
||||
.jio-archives__date {
|
||||
flex-shrink: 0;
|
||||
font-variant-numeric: tabular-nums;
|
||||
font-size: 0.8125rem;
|
||||
color: var(--color-ink-4, #999);
|
||||
}
|
||||
|
||||
.aksrt-archives__link {
|
||||
.jio-archives__link {
|
||||
color: var(--color-ink);
|
||||
text-decoration: none;
|
||||
transition: color 0.15s ease;
|
||||
}
|
||||
|
||||
.aksrt-archives__link:hover {
|
||||
.jio-archives__link:hover {
|
||||
color: var(--color-primary);
|
||||
}
|
||||
|
||||
.aksrt-archives--empty {
|
||||
.jio-archives--empty {
|
||||
padding: 24px;
|
||||
text-align: center;
|
||||
color: var(--color-ink-4, #999);
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
* 个人资料卡短代码（[aksrt_profile]）
|
||||
* 个人资料卡短代码（[jio_profile]）
|
||||
* ============================================================ */
|
||||
.aksrt-profile-card {
|
||||
.jio-profile-card {
|
||||
display: flex;
|
||||
gap: 14px;
|
||||
align-items: flex-start;
|
||||
@@ -72,55 +72,55 @@
|
||||
background: var(--surface-1, #fff);
|
||||
}
|
||||
|
||||
.aksrt-profile-card--guest {
|
||||
.jio-profile-card--guest {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.aksrt-profile-card__avatar img {
|
||||
.jio-profile-card__avatar img {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
border-radius: 50%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.aksrt-profile-card__body {
|
||||
.jio-profile-card__body {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.aksrt-profile-card__name {
|
||||
.jio-profile-card__name {
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
color: var(--color-ink);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.aksrt-profile-card__name:hover {
|
||||
.jio-profile-card__name:hover {
|
||||
color: var(--color-primary);
|
||||
}
|
||||
|
||||
.aksrt-profile-card__bio {
|
||||
.jio-profile-card__bio {
|
||||
margin: 4px 0 8px;
|
||||
font-size: 0.8125rem;
|
||||
color: var(--color-ink-3, #666);
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.aksrt-profile-card__stats {
|
||||
.jio-profile-card__stats {
|
||||
display: flex;
|
||||
gap: 18px;
|
||||
}
|
||||
|
||||
.aksrt-profile-card__stat {
|
||||
.jio-profile-card__stat {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 0.75rem;
|
||||
color: var(--color-ink-4, #999);
|
||||
}
|
||||
|
||||
.aksrt-profile-card__stat strong {
|
||||
.jio-profile-card__stat strong {
|
||||
font-size: 1.05rem;
|
||||
color: var(--color-ink);
|
||||
line-height: 1.2;
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
/* Front-end article editor — follows the reference theme's newposts page. */
|
||||
/* The form wraps both float columns; flow-root keeps it from collapsing. */
|
||||
#aksrt-submit-form {
|
||||
#jio-submit-form {
|
||||
display: flow-root;
|
||||
}
|
||||
|
||||
#aksrt-submit-form .zib-widget {
|
||||
#jio-submit-form .zib-widget {
|
||||
margin-bottom: 15px;
|
||||
padding: 15px;
|
||||
border-radius: var(--main-radius, 8px);
|
||||
@@ -12,11 +12,11 @@
|
||||
box-shadow: 0 0 10px var(--main-shadow, rgba(116, 116, 116, 0.08));
|
||||
}
|
||||
|
||||
#aksrt-submit-form .new-posts-submit {
|
||||
#jio-submit-form .new-posts-submit {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#aksrt-submit-form .but-average > .new-posts-submit {
|
||||
#jio-submit-form .but-average > .new-posts-submit {
|
||||
min-width: 0;
|
||||
flex: 1 1 50%;
|
||||
}
|
||||
@@ -85,7 +85,7 @@ div.mce-fullscreen {
|
||||
border-top: 1px solid var(--main-border-color, rgba(50, 50, 50, 0.08));
|
||||
}
|
||||
|
||||
.newposts-editor .aksrt-submit-word-count {
|
||||
.newposts-editor .jio-submit-word-count {
|
||||
float: right;
|
||||
margin-right: 24px;
|
||||
color: var(--muted-color, #777);
|
||||
@@ -118,7 +118,7 @@ div.mce-fullscreen {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.aksrt-editor-media {
|
||||
.jio-editor-media {
|
||||
position: fixed;
|
||||
z-index: 100080;
|
||||
inset: 0;
|
||||
@@ -128,11 +128,11 @@ div.mce-fullscreen {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.aksrt-editor-media[hidden] {
|
||||
.jio-editor-media[hidden] {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__backdrop {
|
||||
.jio-editor-media__backdrop {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
width: 100%;
|
||||
@@ -143,7 +143,7 @@ div.mce-fullscreen {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__dialog {
|
||||
.jio-editor-media__dialog {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
width: min(620px, calc(100vw - 20px));
|
||||
@@ -154,12 +154,12 @@ div.mce-fullscreen {
|
||||
box-shadow: 0 18px 60px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.aksrt-editor-media__dialog:focus {
|
||||
.jio-editor-media__dialog:focus {
|
||||
outline: 0;
|
||||
box-shadow: 0 18px 60px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.aksrt-editor-media__close {
|
||||
.jio-editor-media__close {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
top: 8px;
|
||||
@@ -175,21 +175,21 @@ div.mce-fullscreen {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__title {
|
||||
.jio-editor-media__title {
|
||||
margin: 0;
|
||||
padding: 18px 54px 14px 20px;
|
||||
font-size: 17px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__tabs {
|
||||
.jio-editor-media__tabs {
|
||||
display: flex;
|
||||
gap: 24px;
|
||||
padding: 0 20px;
|
||||
border-bottom: 1px solid var(--main-border-color, rgba(50, 50, 50, 0.08));
|
||||
}
|
||||
|
||||
.aksrt-editor-media__tabs button {
|
||||
.jio-editor-media__tabs button {
|
||||
position: relative;
|
||||
padding: 10px 2px 12px;
|
||||
border: 0;
|
||||
@@ -199,11 +199,11 @@ div.mce-fullscreen {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__tabs button.is-active {
|
||||
.jio-editor-media__tabs button.is-active {
|
||||
color: var(--focus-color, #f04494);
|
||||
}
|
||||
|
||||
.aksrt-editor-media__tabs button.is-active::after {
|
||||
.jio-editor-media__tabs button.is-active::after {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: -1px;
|
||||
@@ -214,28 +214,28 @@ div.mce-fullscreen {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.aksrt-editor-media__panel {
|
||||
.jio-editor-media__panel {
|
||||
display: none;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__panel.is-active {
|
||||
.jio-editor-media__panel.is-active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__panel > p {
|
||||
.jio-editor-media__panel > p {
|
||||
margin: 0 0 10px;
|
||||
color: var(--muted-color, #777);
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__panel textarea {
|
||||
.jio-editor-media__panel textarea {
|
||||
width: 100%;
|
||||
min-height: 120px;
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__drop {
|
||||
.jio-editor-media__drop {
|
||||
display: flex;
|
||||
min-height: 180px;
|
||||
align-items: center;
|
||||
@@ -252,14 +252,14 @@ div.mce-fullscreen {
|
||||
transition: 0.2s;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__drop:hover,
|
||||
.aksrt-editor-media__drop.is-dragging {
|
||||
.jio-editor-media__drop:hover,
|
||||
.jio-editor-media__drop.is-dragging {
|
||||
border-color: var(--focus-color, #f04494);
|
||||
background: rgba(240, 68, 148, 0.06);
|
||||
color: var(--focus-color, #f04494);
|
||||
}
|
||||
|
||||
.aksrt-editor-media__drop input {
|
||||
.jio-editor-media__drop input {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
@@ -267,48 +267,48 @@ div.mce-fullscreen {
|
||||
clip: rect(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
.aksrt-editor-media__drop i {
|
||||
.jio-editor-media__drop i {
|
||||
font-size: 34px;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__drop span {
|
||||
.jio-editor-media__drop span {
|
||||
font-size: 12px;
|
||||
opacity: 0.75;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__selection {
|
||||
.jio-editor-media__selection {
|
||||
min-height: 20px;
|
||||
margin-top: 10px;
|
||||
color: var(--muted-color, #777);
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__submit {
|
||||
.jio-editor-media__submit {
|
||||
display: block;
|
||||
min-width: 110px;
|
||||
margin: 14px 0 0 auto;
|
||||
}
|
||||
|
||||
body.aksrt-editor-media-open {
|
||||
body.jio-editor-media-open {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__search {
|
||||
.jio-editor-media__search {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__search .form-control {
|
||||
.jio-editor-media__search .form-control {
|
||||
min-width: 0;
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__search .but {
|
||||
.jio-editor-media__search .but {
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__status {
|
||||
.jio-editor-media__status {
|
||||
min-height: 20px;
|
||||
margin: 4px 0 10px;
|
||||
color: var(--muted-color, #777);
|
||||
@@ -316,20 +316,20 @@ body.aksrt-editor-media-open {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__status.is-loading {
|
||||
.jio-editor-media__status.is-loading {
|
||||
color: var(--muted-color, #777);
|
||||
}
|
||||
|
||||
.aksrt-editor-media__status.is-error {
|
||||
.jio-editor-media__status.is-error {
|
||||
color: var(--danger-color, #e05252);
|
||||
}
|
||||
|
||||
.aksrt-editor-media__status.is-empty {
|
||||
.jio-editor-media__status.is-empty {
|
||||
padding: 28px 10px;
|
||||
color: var(--muted-2-color, #999);
|
||||
}
|
||||
|
||||
.aksrt-editor-media__list {
|
||||
.jio-editor-media__list {
|
||||
display: grid;
|
||||
max-height: min(390px, 48vh);
|
||||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||
@@ -338,7 +338,7 @@ body.aksrt-editor-media-open {
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__item {
|
||||
.jio-editor-media__item {
|
||||
position: relative;
|
||||
min-width: 0;
|
||||
padding: 0;
|
||||
@@ -352,24 +352,24 @@ body.aksrt-editor-media-open {
|
||||
transition: border-color 0.2s, box-shadow 0.2s, opacity 0.2s;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__item:hover,
|
||||
.aksrt-editor-media__item:focus-visible {
|
||||
.jio-editor-media__item:hover,
|
||||
.jio-editor-media__item:focus-visible {
|
||||
border-color: var(--focus-color, #f04494);
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 2px var(--focus-shadow-color, rgba(240, 68, 148, 0.15));
|
||||
}
|
||||
|
||||
.aksrt-editor-media__item.is-selected {
|
||||
.jio-editor-media__item.is-selected {
|
||||
border-color: var(--focus-color, #f04494);
|
||||
box-shadow: inset 0 0 0 2px var(--focus-color, #f04494);
|
||||
}
|
||||
|
||||
.aksrt-editor-media__item:disabled {
|
||||
.jio-editor-media__item:disabled {
|
||||
opacity: 0.4;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__check {
|
||||
.jio-editor-media__check {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 6px;
|
||||
@@ -388,12 +388,12 @@ body.aksrt-editor-media-open {
|
||||
transition: opacity 0.2s;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__item.is-selected .aksrt-editor-media__check {
|
||||
.jio-editor-media__item.is-selected .jio-editor-media__check {
|
||||
background: var(--focus-color, #f04494);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__thumb {
|
||||
.jio-editor-media__thumb {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 104px;
|
||||
@@ -403,19 +403,19 @@ body.aksrt-editor-media-open {
|
||||
background: var(--muted-border-color, rgba(50, 50, 50, 0.06));
|
||||
}
|
||||
|
||||
.aksrt-editor-media__thumb img {
|
||||
.jio-editor-media__thumb img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__file-icon {
|
||||
.jio-editor-media__file-icon {
|
||||
color: var(--focus-color, #f04494);
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__meta {
|
||||
.jio-editor-media__meta {
|
||||
display: block;
|
||||
min-height: 34px;
|
||||
padding: 7px 8px;
|
||||
@@ -426,40 +426,40 @@ body.aksrt-editor-media-open {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__mine-actions {
|
||||
.jio-editor-media__mine-actions {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
gap: 8px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__mine-actions .but {
|
||||
.jio-editor-media__mine-actions .but {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__load-more {
|
||||
.jio-editor-media__load-more {
|
||||
display: block;
|
||||
min-width: 110px;
|
||||
margin: 12px 0 0;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__load-more[hidden],
|
||||
.aksrt-editor-media__confirm[hidden] {
|
||||
.jio-editor-media__load-more[hidden],
|
||||
.jio-editor-media__confirm[hidden] {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__confirm {
|
||||
.jio-editor-media__confirm {
|
||||
margin: 12px 0 0 auto;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__selection {
|
||||
.jio-editor-media__selection {
|
||||
min-height: 20px;
|
||||
margin-top: 10px;
|
||||
color: var(--muted-color, #777);
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__progress {
|
||||
.jio-editor-media__progress {
|
||||
position: relative;
|
||||
min-height: 34px;
|
||||
margin-top: 10px;
|
||||
@@ -471,19 +471,19 @@ body.aksrt-editor-media-open {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__progress::before {
|
||||
.jio-editor-media__progress::before {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
height: 3px;
|
||||
width: var(--aksrt-upload-progress, 0%);
|
||||
width: var(--jio-upload-progress, 0%);
|
||||
background: var(--focus-color, #f04494);
|
||||
content: '';
|
||||
transition: width 0.2s;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__submit:disabled {
|
||||
.jio-editor-media__submit:disabled {
|
||||
cursor: not-allowed;
|
||||
opacity: 0.55;
|
||||
}
|
||||
@@ -593,7 +593,7 @@ body.aksrt-editor-media-open {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
.select-drop-box .aksrt-submit-check {
|
||||
.select-drop-box .jio-submit-check {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 7px;
|
||||
@@ -671,7 +671,7 @@ body.aksrt-editor-media-open {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.pay-dawnload-edit-modal .aksrt-editor-media__dialog {
|
||||
.pay-dawnload-edit-modal .jio-editor-media__dialog {
|
||||
width: min(600px, calc(100vw - 20px));
|
||||
}
|
||||
|
||||
@@ -709,7 +709,7 @@ body.aksrt-editor-media-open {
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
#aksrt-submit-form [hidden] {
|
||||
#jio-submit-form [hidden] {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
@@ -740,50 +740,50 @@ body.aksrt-editor-media-open {
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
.aksrt-editor-media {
|
||||
.jio-editor-media {
|
||||
align-items: flex-end;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__dialog {
|
||||
.jio-editor-media__dialog {
|
||||
width: 100%;
|
||||
max-height: 88vh;
|
||||
border-radius: 12px 12px 0 0;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__list {
|
||||
.jio-editor-media__list {
|
||||
max-height: 42vh;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__thumb {
|
||||
.jio-editor-media__thumb {
|
||||
height: 92px;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__tabs {
|
||||
.jio-editor-media__tabs {
|
||||
gap: 14px;
|
||||
overflow-x: auto;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__panel {
|
||||
.jio-editor-media__panel {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__mine-actions {
|
||||
.jio-editor-media__mine-actions {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__mine-actions .aksrt-editor-media__load-more {
|
||||
.jio-editor-media__mine-actions .jio-editor-media__load-more {
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.aksrt-editor-media__search .but {
|
||||
.jio-editor-media__search .but {
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
.aksrt-editor-media__drop {
|
||||
.jio-editor-media__drop {
|
||||
min-height: 150px;
|
||||
}
|
||||
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
/* ========== 分页 — 对齐 legacy pagination ========== */
|
||||
.pagination,
|
||||
.aksrt-pagination,
|
||||
.jio-pagination,
|
||||
.navigation.pagination .nav-links,
|
||||
.pagenav.ajax-pag {
|
||||
display: flex;
|
||||
@@ -13,8 +13,8 @@
|
||||
|
||||
.pagination a,
|
||||
.pagination span,
|
||||
.aksrt-pagination a,
|
||||
.aksrt-pagination span,
|
||||
.jio-pagination a,
|
||||
.jio-pagination span,
|
||||
.navigation.pagination a,
|
||||
.navigation.pagination span,
|
||||
.pagenav.ajax-pag a,
|
||||
@@ -37,7 +37,7 @@
|
||||
}
|
||||
|
||||
.pagination a:hover,
|
||||
.aksrt-pagination a:hover,
|
||||
.jio-pagination a:hover,
|
||||
.navigation.pagination a:hover,
|
||||
.pagenav.ajax-pag a:hover {
|
||||
opacity: 1;
|
||||
@@ -46,7 +46,7 @@
|
||||
}
|
||||
|
||||
.pagination .current,
|
||||
.aksrt-pagination .current,
|
||||
.jio-pagination .current,
|
||||
.navigation.pagination .current,
|
||||
.pagenav.ajax-pag .current {
|
||||
color: var(--color-on-primary, #fff);
|
||||
@@ -56,7 +56,7 @@
|
||||
}
|
||||
|
||||
.pagination .dots,
|
||||
.aksrt-pagination .dots,
|
||||
.jio-pagination .dots,
|
||||
.navigation.pagination .dots,
|
||||
.pagenav.ajax-pag .dots {
|
||||
border: none;
|
||||
@@ -70,8 +70,8 @@
|
||||
|
||||
.pagination .prev,
|
||||
.pagination .next,
|
||||
.aksrt-pagination .prev,
|
||||
.aksrt-pagination .next,
|
||||
.jio-pagination .prev,
|
||||
.jio-pagination .next,
|
||||
.navigation.pagination .prev,
|
||||
.navigation.pagination .next,
|
||||
.pagenav.ajax-pag .prev,
|
||||
@@ -81,8 +81,8 @@
|
||||
|
||||
.pagination .prev i,
|
||||
.pagination .next i,
|
||||
.aksrt-pagination .prev i,
|
||||
.aksrt-pagination .next i,
|
||||
.jio-pagination .prev i,
|
||||
.jio-pagination .next i,
|
||||
.navigation.pagination .prev i,
|
||||
.navigation.pagination .next i,
|
||||
.pagenav.ajax-pag .prev i,
|
||||
@@ -91,7 +91,7 @@
|
||||
}
|
||||
|
||||
.pagenav.ajax-pag .pag-jump,
|
||||
.aksrt-pagination .pag-jump,
|
||||
.jio-pagination .pag-jump,
|
||||
.navigation.pagination .pag-jump {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
@@ -100,7 +100,7 @@
|
||||
}
|
||||
|
||||
.pagenav.ajax-pag .jump-input,
|
||||
.aksrt-pagination .jump-input,
|
||||
.jio-pagination .jump-input,
|
||||
.navigation.pagination .jump-input {
|
||||
width: 64px;
|
||||
min-width: 64px;
|
||||
@@ -115,14 +115,14 @@
|
||||
}
|
||||
|
||||
.pagenav.ajax-pag .jump-input:focus,
|
||||
.aksrt-pagination .jump-input:focus,
|
||||
.jio-pagination .jump-input:focus,
|
||||
.navigation.pagination .jump-input:focus {
|
||||
outline: none;
|
||||
border-color: var(--focus-color, var(--color-primary, #f04494));
|
||||
}
|
||||
|
||||
.pagenav.ajax-pag .pag-jump .ajax-next,
|
||||
.aksrt-pagination .pag-jump .ajax-next,
|
||||
.jio-pagination .pag-jump .ajax-next,
|
||||
.navigation.pagination .pag-jump .ajax-next {
|
||||
min-width: auto;
|
||||
cursor: pointer;
|
||||
@@ -159,8 +159,8 @@
|
||||
@media (max-width: 767px) {
|
||||
.pagination a,
|
||||
.pagination span,
|
||||
.aksrt-pagination a,
|
||||
.aksrt-pagination span,
|
||||
.jio-pagination a,
|
||||
.jio-pagination span,
|
||||
.navigation.pagination a,
|
||||
.navigation.pagination span,
|
||||
.pagenav.ajax-pag a,
|
||||
@@ -171,7 +171,7 @@
|
||||
}
|
||||
|
||||
.pagenav.ajax-pag .pag-jump,
|
||||
.aksrt-pagination .pag-jump,
|
||||
.jio-pagination .pag-jump,
|
||||
.navigation.pagination .pag-jump {
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
@@ -180,7 +180,7 @@
|
||||
}
|
||||
|
||||
.pagenav.ajax-pag .jump-input,
|
||||
.aksrt-pagination .jump-input,
|
||||
.jio-pagination .jump-input,
|
||||
.navigation.pagination .jump-input {
|
||||
width: 58px;
|
||||
min-width: 58px;
|
||||
|
||||
@@ -95,7 +95,7 @@
|
||||
height: 100% !important;
|
||||
}
|
||||
|
||||
.list .item-thumbnail .aksrt-slider,
|
||||
.list .item-thumbnail .jio-slider,
|
||||
.list .item-thumbnail.new-swiper {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
@@ -613,7 +613,7 @@
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.aksrt-panel .posts-item.no_margin {
|
||||
.jio-panel .posts-item.no_margin {
|
||||
padding: 10px 0;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
/**
|
||||
* AKSRT Print Stylesheet
|
||||
* Jio Print Stylesheet
|
||||
*
|
||||
* 优化内容打印：隐藏导航、悬浮按钮、侧栏，保留正文和图片。
|
||||
*
|
||||
* @package AKSRT
|
||||
* @package Jio
|
||||
*/
|
||||
|
||||
@media print {
|
||||
@@ -16,16 +16,16 @@
|
||||
.resource-mobile-fab,
|
||||
.resource-mobile-download-bar,
|
||||
.sidebar,
|
||||
.aksrt-article-sidebar,
|
||||
.aksrt-sidebar,
|
||||
.jio-article-sidebar,
|
||||
.jio-sidebar,
|
||||
.widget-area,
|
||||
.comments-area,
|
||||
.post-navigation,
|
||||
.aksrt-breadcrumbs,
|
||||
.jio-breadcrumbs,
|
||||
.reading-progress-bar,
|
||||
.aksrt-admin-bar,
|
||||
.jio-admin-bar,
|
||||
#wpadminbar,
|
||||
.aksrt-blur-bg {
|
||||
.jio-blur-bg {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
/**
|
||||
* Report form inside the shared modal runtime.
|
||||
* @package AKSRT
|
||||
* @package Jio
|
||||
*/
|
||||
.aksrt-report-modal .aksrt-modal-runtime__dialog {
|
||||
.jio-report-modal .jio-modal-runtime__dialog {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
@@ -12,25 +12,25 @@
|
||||
color: var(--modal-ink);
|
||||
}
|
||||
|
||||
.aksrt-report-modal:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog {
|
||||
.jio-report-modal:not(.jio-modal-runtime--bottom) .jio-modal-runtime__dialog {
|
||||
width: min(600px, calc(100vw - 32px));
|
||||
border-radius: var(--main-radius, 8px);
|
||||
}
|
||||
|
||||
.aksrt-report-modal .aksrt-modal-runtime__header {
|
||||
.jio-report-modal .jio-modal-runtime__header {
|
||||
position: relative;
|
||||
flex: none;
|
||||
padding: 24px 64px 18px 24px;
|
||||
border-bottom: 1px solid var(--modal-line-soft);
|
||||
}
|
||||
|
||||
.aksrt-report-modal .aksrt-modal-runtime__title {
|
||||
.jio-report-modal .jio-modal-runtime__title {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.aksrt-report-modal .aksrt-modal-runtime__close {
|
||||
.jio-report-modal .jio-modal-runtime__close {
|
||||
top: 14px;
|
||||
right: 14px;
|
||||
width: 44px;
|
||||
@@ -39,13 +39,13 @@
|
||||
color: var(--modal-muted);
|
||||
}
|
||||
|
||||
.aksrt-report-modal .aksrt-modal-runtime__content {
|
||||
.jio-report-modal .jio-modal-runtime__content {
|
||||
display: flex;
|
||||
min-height: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.aksrt-report-form {
|
||||
.jio-report-form {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
flex-direction: column;
|
||||
@@ -57,25 +57,25 @@
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.aksrt-report-body {
|
||||
.jio-report-body {
|
||||
min-height: 0;
|
||||
overflow-y: auto;
|
||||
overscroll-behavior: contain;
|
||||
padding: 22px 24px 24px;
|
||||
}
|
||||
|
||||
.aksrt-report-target {
|
||||
.jio-report-target {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
margin-bottom: 22px;
|
||||
}
|
||||
|
||||
.aksrt-report-target__label {
|
||||
.jio-report-target__label {
|
||||
flex: none;
|
||||
color: var(--modal-muted);
|
||||
}
|
||||
|
||||
.aksrt-report-target__name {
|
||||
.jio-report-target__name {
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
font-size: 14px;
|
||||
@@ -84,24 +84,24 @@
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.aksrt-report-hint,
|
||||
.aksrt-report-count {
|
||||
.jio-report-hint,
|
||||
.jio-report-count {
|
||||
color: var(--modal-muted);
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.aksrt-report-form p { margin: 6px 0 0; }
|
||||
.aksrt-report-count { font-variant-numeric: tabular-nums; }
|
||||
.jio-report-form p { margin: 6px 0 0; }
|
||||
.jio-report-count { font-variant-numeric: tabular-nums; }
|
||||
|
||||
.aksrt-report-reasons {
|
||||
.jio-report-reasons {
|
||||
min-width: 0;
|
||||
padding: 0;
|
||||
margin: 0 0 22px;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.aksrt-report-reasons legend {
|
||||
.jio-report-reasons legend {
|
||||
width: auto;
|
||||
padding: 0;
|
||||
margin: 0 0 10px;
|
||||
@@ -112,16 +112,16 @@
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
.aksrt-report-label .aksrt-report-hint,
|
||||
.aksrt-report-reasons legend .aksrt-report-hint { margin-left: 8px; }
|
||||
.jio-report-label .jio-report-hint,
|
||||
.jio-report-reasons legend .jio-report-hint { margin-left: 8px; }
|
||||
|
||||
.aksrt-report-reasons__options {
|
||||
.jio-report-reasons__options {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.aksrt-report-reason {
|
||||
.jio-report-reason {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -138,7 +138,7 @@
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
.aksrt-report-reason input[type="radio"] {
|
||||
.jio-report-reason input[type="radio"] {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
@@ -150,21 +150,21 @@
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.aksrt-report-reason:has(input:checked) {
|
||||
.jio-report-reason:has(input:checked) {
|
||||
border-color: var(--modal-primary);
|
||||
background: color-mix(in srgb, var(--modal-primary) 10%, var(--modal-surface));
|
||||
}
|
||||
|
||||
.aksrt-report-reason:has(input:focus-visible) {
|
||||
.jio-report-reason:has(input:focus-visible) {
|
||||
outline: 2px solid var(--modal-primary);
|
||||
outline-offset: 3px;
|
||||
}
|
||||
|
||||
.aksrt-report-reason input:checked + span { font-weight: 600; }
|
||||
.aksrt-report-other { margin-top: 12px; }
|
||||
.aksrt-report-field + .aksrt-report-field { margin-top: 22px; }
|
||||
.jio-report-reason input:checked + span { font-weight: 600; }
|
||||
.jio-report-other { margin-top: 12px; }
|
||||
.jio-report-field + .jio-report-field { margin-top: 22px; }
|
||||
|
||||
.aksrt-report-label-row {
|
||||
.jio-report-label-row {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: space-between;
|
||||
@@ -172,13 +172,13 @@
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.aksrt-report-label {
|
||||
.jio-report-label {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.aksrt-report-form textarea {
|
||||
.jio-report-form textarea {
|
||||
display: block;
|
||||
width: 100%;
|
||||
min-height: 80px;
|
||||
@@ -193,21 +193,21 @@
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
.aksrt-report-form textarea::placeholder { color: var(--modal-muted); }
|
||||
.aksrt-report-other textarea { margin-top: 8px; }
|
||||
.aksrt-report-form [aria-invalid="true"] { border-color: var(--modal-danger); }
|
||||
.jio-report-form textarea::placeholder { color: var(--modal-muted); }
|
||||
.jio-report-other textarea { margin-top: 8px; }
|
||||
.jio-report-form [aria-invalid="true"] { border-color: var(--modal-danger); }
|
||||
|
||||
.aksrt-report-images,
|
||||
.aksrt-report-images__list {
|
||||
.jio-report-images,
|
||||
.jio-report-images__list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.aksrt-report-images__list:empty { display: none; }
|
||||
.jio-report-images__list:empty { display: none; }
|
||||
|
||||
.aksrt-report-add,
|
||||
.aksrt-report-image {
|
||||
.jio-report-add,
|
||||
.jio-report-image {
|
||||
position: relative;
|
||||
width: 90px;
|
||||
height: 90px;
|
||||
@@ -217,7 +217,7 @@
|
||||
background: var(--modal-surface-3);
|
||||
}
|
||||
|
||||
.aksrt-report-add {
|
||||
.jio-report-add {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
@@ -230,10 +230,10 @@
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.aksrt-report-add i { font-size: 18px; }
|
||||
.aksrt-report-image img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
|
||||
.jio-report-add i { font-size: 18px; }
|
||||
.jio-report-image img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
|
||||
|
||||
.aksrt-report-image__state {
|
||||
.jio-report-image__state {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
@@ -245,11 +245,11 @@
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.aksrt-report-image[data-upload-state="ready"] .aksrt-report-image__state { display: none; }
|
||||
.aksrt-report-image[data-upload-state="error"] { border-color: var(--modal-danger); }
|
||||
.aksrt-report-image [data-aksrt-report-retry] { min-width: 44px; min-height: 28px; border: 0; background: transparent; color: var(--modal-primary); text-decoration: underline; cursor: pointer; }
|
||||
.jio-report-image[data-upload-state="ready"] .jio-report-image__state { display: none; }
|
||||
.jio-report-image[data-upload-state="error"] { border-color: var(--modal-danger); }
|
||||
.jio-report-image [data-jio-report-retry] { min-width: 44px; min-height: 28px; border: 0; background: transparent; color: var(--modal-primary); text-decoration: underline; cursor: pointer; }
|
||||
|
||||
.aksrt-report-image__remove {
|
||||
.jio-report-image__remove {
|
||||
position: absolute;
|
||||
top: -8px;
|
||||
right: -8px;
|
||||
@@ -267,7 +267,7 @@
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.aksrt-report-notice {
|
||||
.jio-report-notice {
|
||||
margin-top: 22px;
|
||||
padding-top: 16px;
|
||||
border-top: 1px solid var(--modal-line-soft);
|
||||
@@ -276,23 +276,23 @@
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
.aksrt-report-notice > :first-child { margin-top: 0; }
|
||||
.aksrt-report-notice > :last-child { margin-bottom: 0; }
|
||||
.jio-report-notice > :first-child { margin-top: 0; }
|
||||
.jio-report-notice > :last-child { margin-bottom: 0; }
|
||||
|
||||
.aksrt-report-footer {
|
||||
.jio-report-footer {
|
||||
flex: none;
|
||||
padding: 0 24px max(20px, env(safe-area-inset-bottom));
|
||||
border-top: 1px solid var(--modal-line-soft);
|
||||
background: var(--modal-surface);
|
||||
}
|
||||
|
||||
.aksrt-report-form .aksrt-report-error { margin: 12px 0 0; color: var(--modal-danger); font-size: 13px; }
|
||||
.aksrt-report-form .aksrt-report-status { color: var(--modal-muted); font-size: 12px; }
|
||||
.aksrt-report-form .aksrt-report-status:empty { display: none; }
|
||||
.jio-report-form .jio-report-error { margin: 12px 0 0; color: var(--modal-danger); font-size: 13px; }
|
||||
.jio-report-form .jio-report-status { color: var(--modal-muted); font-size: 12px; }
|
||||
.jio-report-form .jio-report-status:empty { display: none; }
|
||||
|
||||
.aksrt-report-actions { display: flex; justify-content: flex-end; gap: 10px; padding-top: 16px; }
|
||||
.jio-report-actions { display: flex; justify-content: flex-end; gap: 10px; padding-top: 16px; }
|
||||
|
||||
.aksrt-report-actions button {
|
||||
.jio-report-actions button {
|
||||
min-width: 96px;
|
||||
min-height: 44px;
|
||||
padding: 10px 20px;
|
||||
@@ -303,20 +303,20 @@
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.aksrt-report-cancel { color: var(--modal-ink-2); background: var(--modal-surface); }
|
||||
.aksrt-report-actions .aksrt-report-submit { color: var(--modal-on-primary); background: var(--modal-primary); border-color: transparent; }
|
||||
.aksrt-report-form button:disabled { opacity: 0.55; cursor: not-allowed; }
|
||||
.aksrt-report-form textarea:disabled { opacity: 0.65; }
|
||||
.aksrt-report-modal :is(button, input, textarea, a):focus-visible { outline: 2px solid var(--modal-primary); outline-offset: 3px; }
|
||||
.aksrt-report-modal [hidden] { display: none !important; }
|
||||
.jio-report-cancel { color: var(--modal-ink-2); background: var(--modal-surface); }
|
||||
.jio-report-actions .jio-report-submit { color: var(--modal-on-primary); background: var(--modal-primary); border-color: transparent; }
|
||||
.jio-report-form button:disabled { opacity: 0.55; cursor: not-allowed; }
|
||||
.jio-report-form textarea:disabled { opacity: 0.65; }
|
||||
.jio-report-modal :is(button, input, textarea, a):focus-visible { outline: 2px solid var(--modal-primary); outline-offset: 3px; }
|
||||
.jio-report-modal [hidden] { display: none !important; }
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.aksrt-report-modal .aksrt-modal-runtime__header { padding: 20px 64px 16px 20px; }
|
||||
.aksrt-report-body { padding: 18px 20px 22px; }
|
||||
.aksrt-report-footer { padding-right: 20px; padding-left: 20px; }
|
||||
.aksrt-report-actions button { flex: 1; min-width: 0; }
|
||||
.jio-report-modal .jio-modal-runtime__header { padding: 20px 64px 16px 20px; }
|
||||
.jio-report-body { padding: 18px 20px 22px; }
|
||||
.jio-report-footer { padding-right: 20px; padding-left: 20px; }
|
||||
.jio-report-actions button { flex: 1; min-width: 0; }
|
||||
}
|
||||
|
||||
@media (max-width: 360px) {
|
||||
.aksrt-report-reasons__options { grid-template-columns: 1fr; }
|
||||
.jio-report-reasons__options { grid-template-columns: 1fr; }
|
||||
}
|
||||
@@ -1,7 +1,7 @@
|
||||
/**
|
||||
* Resource Archive · /resources
|
||||
*
|
||||
* 仅在 aksrt_is_resource_archive() 时加载。
|
||||
* 仅在 jio_is_resource_archive() 时加载。
|
||||
*/
|
||||
|
||||
.content-shell--cms {
|
||||
@@ -169,57 +169,57 @@
|
||||
* ============================================================ */
|
||||
|
||||
/* Hero section */
|
||||
.aksrt-download-hero {
|
||||
.jio-download-hero {
|
||||
position: relative;
|
||||
padding: clamp(40px, 6vw, 80px) 0 clamp(24px, 4vw, 48px);
|
||||
background: linear-gradient(135deg, var(--color-primary-soft, #e6f4ff) 0%, var(--surface-2, #f5f7fa) 100%);
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.aksrt-download-hero__content {
|
||||
.jio-download-hero__content {
|
||||
max-width: var(--container, 1280px);
|
||||
margin: 0 auto;
|
||||
padding: 0 24px;
|
||||
}
|
||||
|
||||
.aksrt-download-hero__title {
|
||||
.jio-download-hero__title {
|
||||
font: 700 clamp(28px, 4vw, 44px)/1.15 var(--font-display, inherit);
|
||||
margin: 0 0 8px;
|
||||
color: var(--color-ink);
|
||||
}
|
||||
|
||||
.aksrt-download-hero__desc {
|
||||
.jio-download-hero__desc {
|
||||
margin: 0 0 24px;
|
||||
color: var(--color-ink-2, #666);
|
||||
font-size: 16px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.aksrt-download-hero__stats {
|
||||
.jio-download-hero__stats {
|
||||
display: flex;
|
||||
gap: 32px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.aksrt-download-hero__stat-num {
|
||||
.jio-download-hero__stat-num {
|
||||
display: block;
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
color: var(--color-primary);
|
||||
}
|
||||
|
||||
.aksrt-download-hero__stat-label {
|
||||
.jio-download-hero__stat-label {
|
||||
font-size: 13px;
|
||||
color: var(--color-ink-3, #999);
|
||||
}
|
||||
|
||||
.aksrt-download-hero__filters {
|
||||
.jio-download-hero__filters {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.aksrt-download-hero__filter {
|
||||
.jio-download-hero__filter {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
@@ -233,43 +233,43 @@
|
||||
border: 1px solid var(--color-line, #e8e8e8);
|
||||
}
|
||||
|
||||
.aksrt-download-hero__filter:hover {
|
||||
.jio-download-hero__filter:hover {
|
||||
color: var(--color-primary);
|
||||
border-color: var(--color-primary);
|
||||
}
|
||||
|
||||
.aksrt-download-hero__filter--active {
|
||||
.jio-download-hero__filter--active {
|
||||
background: var(--color-primary);
|
||||
color: #fff;
|
||||
border-color: var(--color-primary);
|
||||
}
|
||||
|
||||
.aksrt-download-hero__filter-count {
|
||||
.jio-download-hero__filter-count {
|
||||
font-size: 11px;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
/* Download center layout */
|
||||
.aksrt-download-center__layout {
|
||||
.jio-download-center__layout {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 311px;
|
||||
gap: 24px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.aksrt-download-center__layout {
|
||||
.jio-download-center__layout {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
.aksrt-download-center__grid {
|
||||
.jio-download-center__grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
|
||||
gap: 16px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.aksrt-download-card {
|
||||
.jio-download-card {
|
||||
background: var(--surface-1, #fff);
|
||||
border: 1px solid var(--color-line, #e8e8e8);
|
||||
border-radius: 8px;
|
||||
@@ -277,73 +277,73 @@
|
||||
transition: box-shadow 0.2s;
|
||||
}
|
||||
|
||||
.aksrt-download-card:hover {
|
||||
.jio-download-card:hover {
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.aksrt-download-card__thumb {
|
||||
.jio-download-card__thumb {
|
||||
aspect-ratio: 16/9;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.aksrt-download-card__thumb img {
|
||||
.jio-download-card__thumb img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.aksrt-download-card__body {
|
||||
.jio-download-card__body {
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.aksrt-download-card__title {
|
||||
.jio-download-card__title {
|
||||
margin: 0 0 6px;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.aksrt-download-card__title a {
|
||||
.jio-download-card__title a {
|
||||
color: var(--color-ink);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.aksrt-download-card__title a:hover {
|
||||
.jio-download-card__title a:hover {
|
||||
color: var(--color-primary);
|
||||
}
|
||||
|
||||
.aksrt-download-card__excerpt {
|
||||
.jio-download-card__excerpt {
|
||||
margin: 0 0 8px;
|
||||
font-size: 12px;
|
||||
color: var(--color-ink-3, #999);
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.aksrt-download-card__meta {
|
||||
.jio-download-card__meta {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
font-size: 11px;
|
||||
color: var(--color-ink-3, #999);
|
||||
}
|
||||
|
||||
.aksrt-download-card__meta i {
|
||||
.jio-download-card__meta i {
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
/* Download sidebar */
|
||||
.aksrt-download-center__sidebar {
|
||||
.jio-download-center__sidebar {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
.aksrt-dl-sidebar-card {
|
||||
.jio-dl-sidebar-card {
|
||||
background: var(--surface-1, #fff);
|
||||
border: 1px solid var(--color-line, #e8e8e8);
|
||||
border-radius: 8px;
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.aksrt-dl-sidebar-card__title {
|
||||
.jio-dl-sidebar-card__title {
|
||||
margin: 0 0 12px;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
@@ -353,25 +353,25 @@
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.aksrt-dl-sidebar-card__title i {
|
||||
.jio-dl-sidebar-card__title i {
|
||||
color: var(--color-primary);
|
||||
}
|
||||
|
||||
.aksrt-dl-sidebar-card__list {
|
||||
.jio-dl-sidebar-card__list {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.aksrt-dl-sidebar-card__list li {
|
||||
.jio-dl-sidebar-card__list li {
|
||||
border-bottom: 1px solid var(--color-line, #f0f0f0);
|
||||
}
|
||||
|
||||
.aksrt-dl-sidebar-card__list li:last-child {
|
||||
.jio-dl-sidebar-card__list li:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.aksrt-dl-sidebar-card__list a {
|
||||
.jio-dl-sidebar-card__list a {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
@@ -382,25 +382,25 @@
|
||||
transition: color 0.2s;
|
||||
}
|
||||
|
||||
.aksrt-dl-sidebar-card__list a:hover,
|
||||
.aksrt-dl-sidebar-card__list li.is-active a {
|
||||
.jio-dl-sidebar-card__list a:hover,
|
||||
.jio-dl-sidebar-card__list li.is-active a {
|
||||
color: var(--color-primary);
|
||||
}
|
||||
|
||||
.aksrt-dl-sidebar-card__list .count {
|
||||
.jio-dl-sidebar-card__list .count {
|
||||
font-size: 11px;
|
||||
color: var(--color-ink-3, #999);
|
||||
}
|
||||
|
||||
/* Permission card */
|
||||
.aksrt-dl-perm-card {
|
||||
.jio-dl-perm-card {
|
||||
background: var(--surface-1, #fff);
|
||||
border: 1px solid var(--color-line, #e8e8e8);
|
||||
border-radius: 8px;
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.aksrt-dl-perm-card__status {
|
||||
.jio-dl-perm-card__status {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
@@ -409,10 +409,10 @@
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.aksrt-dl-perm-card__icon--success { color: #52c41a; }
|
||||
.aksrt-dl-perm-card__icon--warning { color: #faad14; }
|
||||
.jio-dl-perm-card__icon--success { color: #52c41a; }
|
||||
.jio-dl-perm-card__icon--warning { color: #faad14; }
|
||||
|
||||
.aksrt-dl-perm-card__cost {
|
||||
.jio-dl-perm-card__cost {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
@@ -421,17 +421,17 @@
|
||||
color: var(--color-ink-2, #666);
|
||||
}
|
||||
|
||||
.aksrt-dl-perm-card__balance {
|
||||
.jio-dl-perm-card__balance {
|
||||
color: var(--color-ink-3, #999);
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.aksrt-dl-perm-card__actions {
|
||||
.jio-dl-perm-card__actions {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.aksrt-dl-perm-card__btn {
|
||||
.jio-dl-perm-card__btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
@@ -443,33 +443,33 @@
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
.aksrt-dl-perm-card__btn--primary {
|
||||
.jio-dl-perm-card__btn--primary {
|
||||
background: var(--color-primary);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.aksrt-dl-perm-card__btn--primary:hover {
|
||||
.jio-dl-perm-card__btn--primary:hover {
|
||||
background: var(--color-primary-hover, #40a9ff);
|
||||
}
|
||||
|
||||
.aksrt-dl-perm-card__btn--outline {
|
||||
.jio-dl-perm-card__btn--outline {
|
||||
background: transparent;
|
||||
color: var(--color-primary);
|
||||
border: 1px solid var(--color-primary);
|
||||
}
|
||||
|
||||
.aksrt-dl-perm-card__btn--outline:hover {
|
||||
.jio-dl-perm-card__btn--outline:hover {
|
||||
background: var(--color-primary-soft, #e6f4ff);
|
||||
}
|
||||
|
||||
/* Empty state */
|
||||
.aksrt-download-center__empty {
|
||||
.jio-download-center__empty {
|
||||
text-align: center;
|
||||
padding: 48px 24px;
|
||||
color: var(--color-ink-3, #999);
|
||||
}
|
||||
|
||||
.aksrt-download-center__empty i {
|
||||
.jio-download-center__empty i {
|
||||
font-size: 48px;
|
||||
margin-bottom: 16px;
|
||||
opacity: 0.3;
|
||||
@@ -478,7 +478,7 @@
|
||||
/* ============================================================
|
||||
* Download Status Bar
|
||||
* ============================================================ */
|
||||
.aksrt-dl-status-bar {
|
||||
.jio-dl-status-bar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
@@ -491,45 +491,45 @@
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.aksrt-dl-status-bar__item {
|
||||
.jio-dl-status-bar__item {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
color: var(--color-ink-2, #666);
|
||||
}
|
||||
|
||||
.aksrt-dl-status-bar__item i {
|
||||
.jio-dl-status-bar__item i {
|
||||
color: var(--color-primary);
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.aksrt-dl-status-bar__label {
|
||||
.jio-dl-status-bar__label {
|
||||
color: var(--color-ink-3, #999);
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.aksrt-dl-status-bar__value {
|
||||
.jio-dl-status-bar__value {
|
||||
font-weight: 700;
|
||||
color: var(--color-ink);
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.aksrt-dl-status-bar__item--hint {
|
||||
.jio-dl-status-bar__item--hint {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.aksrt-dl-status-bar__item--hint i {
|
||||
.jio-dl-status-bar__item--hint i {
|
||||
color: var(--color-ink-3, #999);
|
||||
}
|
||||
|
||||
.aksrt-dl-status-bar__actions {
|
||||
.jio-dl-status-bar__actions {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
/* Download card footer with price */
|
||||
.aksrt-download-card__footer {
|
||||
.jio-download-card__footer {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
@@ -538,24 +538,24 @@
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.aksrt-download-card__price {
|
||||
.jio-download-card__price {
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
padding: 2px 8px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.aksrt-download-card__price.is-free {
|
||||
.jio-download-card__price.is-free {
|
||||
background: #f6ffed;
|
||||
color: #52c41a;
|
||||
}
|
||||
|
||||
.aksrt-download-card__price.is-paid {
|
||||
.jio-download-card__price.is-paid {
|
||||
background: #fff7e6;
|
||||
color: #fa8c16;
|
||||
}
|
||||
|
||||
.aksrt-download-card__action {
|
||||
.jio-download-card__action {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
@@ -566,12 +566,12 @@
|
||||
transition: gap 0.2s;
|
||||
}
|
||||
|
||||
.aksrt-download-card__action:hover {
|
||||
.jio-download-card__action:hover {
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
/* Download sidebar tips */
|
||||
.aksrt-dl-sidebar-card__tips p {
|
||||
.jio-dl-sidebar-card__tips p {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
@@ -581,18 +581,18 @@
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.aksrt-dl-sidebar-card__tips p:last-child {
|
||||
.jio-dl-sidebar-card__tips p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.aksrt-dl-sidebar-card__tips i {
|
||||
.jio-dl-sidebar-card__tips i {
|
||||
color: var(--color-primary);
|
||||
font-size: 11px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
/* Permission card disabled state */
|
||||
.aksrt-dl-perm-card__btn--disabled {
|
||||
.jio-dl-perm-card__btn--disabled {
|
||||
opacity: 0.6;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
@@ -138,10 +138,10 @@
|
||||
line-height: 1.1;
|
||||
}
|
||||
.article-avatar name.flex > .img-icon,
|
||||
.article-avatar name.flex > .aksrt-identity-certification-icon,
|
||||
.article-avatar name.flex > .aksrt-identity-medal,
|
||||
.article-avatar name.flex > .aksrt-user-level-icon,
|
||||
.article-avatar name.flex > .aksrt-user-level-badge {
|
||||
.article-avatar name.flex > .jio-identity-certification-icon,
|
||||
.article-avatar name.flex > .jio-identity-medal,
|
||||
.article-avatar name.flex > .jio-user-level-icon,
|
||||
.article-avatar name.flex > .jio-user-level-badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -158,29 +158,29 @@
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
.article-avatar name.flex > .img-icon,
|
||||
.article-avatar name.flex > .aksrt-identity-certification-icon,
|
||||
.article-avatar name.flex > .aksrt-identity-medal,
|
||||
.article-avatar name.flex > .aksrt-user-level-icon {
|
||||
.article-avatar name.flex > .jio-identity-certification-icon,
|
||||
.article-avatar name.flex > .jio-identity-medal,
|
||||
.article-avatar name.flex > .jio-user-level-icon {
|
||||
object-fit: contain;
|
||||
}
|
||||
.article-avatar name.flex > .aksrt-user-level-badge {
|
||||
.article-avatar name.flex > .jio-user-level-badge {
|
||||
font-size: .78em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Slide cover overlay (injected by aksrt_render_slider overlay_html) */
|
||||
.aksrt-slider-wrapper--has-overlay,
|
||||
.aksrt-slider-wrapper--scale {
|
||||
/* Slide cover overlay (injected by jio_render_slider overlay_html) */
|
||||
.jio-slider-wrapper--has-overlay,
|
||||
.jio-slider-wrapper--scale {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
border-radius: var(--main-radius, var(--radius, 8px));
|
||||
}
|
||||
.aksrt-slider-wrapper--scale .new-swiper { position: absolute; inset: 0; width: 100%; height: 100%; }
|
||||
.aksrt-slider-wrapper--scale .swiper-slide img.fit-cover { width: 100%; height: 100%; object-fit: cover; }
|
||||
.aksrt-slider-overlay { position: absolute; inset: 0; z-index: 3; pointer-events: none; }
|
||||
.aksrt-slider-overlay .abs-center.left-bottom {
|
||||
.jio-slider-wrapper--scale .new-swiper { position: absolute; inset: 0; width: 100%; height: 100%; }
|
||||
.jio-slider-wrapper--scale .swiper-slide img.fit-cover { width: 100%; height: 100%; object-fit: cover; }
|
||||
.jio-slider-overlay { position: absolute; inset: 0; z-index: 3; pointer-events: none; }
|
||||
.jio-slider-overlay .abs-center.left-bottom {
|
||||
pointer-events: none;
|
||||
padding: 15px 15px 10px 15px;
|
||||
color: #fff;
|
||||
@@ -189,7 +189,7 @@
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.aksrt-slider-overlay .article-title,
|
||||
.aksrt-slider-overlay .article-title.title-h-left { color: #fff; text-shadow: 0 1px 4px rgba(0,0,0,.45); }
|
||||
.aksrt-slider-overlay .breadcrumb a,
|
||||
.aksrt-slider-overlay .breadcrumb li { color: rgba(255,255,255,.9); }
|
||||
.jio-slider-overlay .article-title,
|
||||
.jio-slider-overlay .article-title.title-h-left { color: #fff; text-shadow: 0 1px 4px rgba(0,0,0,.45); }
|
||||
.jio-slider-overlay .breadcrumb a,
|
||||
.jio-slider-overlay .breadcrumb li { color: rgba(255,255,255,.9); }
|
||||
@@ -13,30 +13,30 @@
|
||||
box-shadow: var(--card-shadow, 0 2px 8px rgba(0, 0, 0, .06));
|
||||
}
|
||||
|
||||
.aksrt-yiyan[data-aksrt-yiyan] {
|
||||
.jio-yiyan[data-jio-yiyan] {
|
||||
cursor: pointer;
|
||||
transition: box-shadow .2s ease, opacity .2s ease;
|
||||
}
|
||||
|
||||
.aksrt-yiyan[data-aksrt-yiyan]:hover,
|
||||
.aksrt-yiyan[data-aksrt-yiyan]:focus-visible {
|
||||
.jio-yiyan[data-jio-yiyan]:hover,
|
||||
.jio-yiyan[data-jio-yiyan]:focus-visible {
|
||||
box-shadow: inset 0 0 5px 0 var(--focus-shadow-color, rgba(253, 83, 161, .3));
|
||||
}
|
||||
|
||||
.aksrt-yiyan .yiyan {
|
||||
.jio-yiyan .yiyan {
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.aksrt-yiyan .yiyan .en {
|
||||
.jio-yiyan .yiyan .en {
|
||||
font-size: .9em;
|
||||
opacity: .8;
|
||||
}
|
||||
|
||||
.aksrt-yiyan.is-loading {
|
||||
.jio-yiyan.is-loading {
|
||||
opacity: .65;
|
||||
}
|
||||
|
||||
.aksrt-yiyan.is-error .cn {
|
||||
.jio-yiyan.is-error .cn {
|
||||
color: var(--muted-color, #777);
|
||||
}
|
||||
|
||||
@@ -59,7 +59,7 @@
|
||||
}
|
||||
|
||||
/* ---- Hidden Content Shortcodes ---- */
|
||||
.aksrt-hidden-content {
|
||||
.jio-hidden-content {
|
||||
position: relative;
|
||||
margin: 16px 0;
|
||||
padding: 16px;
|
||||
@@ -68,19 +68,19 @@
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.aksrt-hidden-content--unlocked {
|
||||
.jio-hidden-content--unlocked {
|
||||
background: var(--bg-secondary, #f8f9fa);
|
||||
border: 1px solid var(--border-color, #e5e7eb);
|
||||
}
|
||||
|
||||
.aksrt-hidden-content--locked {
|
||||
.jio-hidden-content--locked {
|
||||
background: linear-gradient(135deg, var(--bg-secondary, #f8f9fa) 0%, var(--bg-tertiary, #f1f3f5) 100%);
|
||||
border: 1px dashed var(--border-color, #d1d5db);
|
||||
text-align: center;
|
||||
padding: 24px 16px;
|
||||
}
|
||||
|
||||
.aksrt-hidden-content__message {
|
||||
.jio-hidden-content__message {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -90,20 +90,20 @@
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.aksrt-hidden-content__message i {
|
||||
.jio-hidden-content__message i {
|
||||
font-size: 18px;
|
||||
color: var(--text-muted, #9ca3af);
|
||||
}
|
||||
|
||||
.aksrt-hidden-content--vip .aksrt-hidden-content__message i {
|
||||
.jio-hidden-content--vip .jio-hidden-content__message i {
|
||||
color: var(--vip-color, #f59e0b);
|
||||
}
|
||||
|
||||
.aksrt-hidden-content--payshow .aksrt-hidden-content__message i {
|
||||
.jio-hidden-content--payshow .jio-hidden-content__message i {
|
||||
color: var(--primary-color, #3b82f6);
|
||||
}
|
||||
|
||||
.aksrt-hidden-content__form {
|
||||
.jio-hidden-content__form {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -111,7 +111,7 @@
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.aksrt-hidden-content__password-input {
|
||||
.jio-hidden-content__password-input {
|
||||
width: 200px;
|
||||
max-width: 60%;
|
||||
padding: 6px 12px;
|
||||
@@ -124,12 +124,12 @@
|
||||
transition: border-color .2s;
|
||||
}
|
||||
|
||||
.aksrt-hidden-content__password-input:focus {
|
||||
.jio-hidden-content__password-input:focus {
|
||||
border-color: var(--primary-color, #3b82f6);
|
||||
}
|
||||
|
||||
.aksrt-hidden-content__submit-btn,
|
||||
.aksrt-hidden-content__login-btn {
|
||||
.jio-hidden-content__submit-btn,
|
||||
.jio-hidden-content__login-btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
@@ -141,10 +141,10 @@
|
||||
transition: opacity .2s;
|
||||
}
|
||||
|
||||
.aksrt-hidden-content__submit-btn:hover,
|
||||
.aksrt-hidden-content__login-btn:hover {
|
||||
.jio-hidden-content__submit-btn:hover,
|
||||
.jio-hidden-content__login-btn:hover {
|
||||
opacity: .85;
|
||||
}
|
||||
|
||||
.aksrt-paywall-preview { margin: 0 0 16px; padding: 14px 16px; border-left: 3px solid var(--color-primary, #f04494); background: var(--surface-2, #f8fafc); border-radius: 0 10px 10px 0; color: var(--color-ink-2, #374151); line-height: 1.7; }
|
||||
.aksrt-paywall-preview p:last-child { margin-bottom: 0; }
|
||||
.jio-paywall-preview { margin: 0 0 16px; padding: 14px 16px; border-left: 3px solid var(--color-primary, #f04494); background: var(--surface-2, #f8fafc); border-radius: 0 10px 10px 0; color: var(--color-ink-2, #374151); line-height: 1.7; }
|
||||
.jio-paywall-preview p:last-child { margin-bottom: 0; }
|
||||
@@ -1,33 +1,33 @@
|
||||
/* ---- 文章打赏：内容使用 AksrtModalRuntime，几何对齐参考主题 modal-mini ---- */
|
||||
.aksrt-modal-runtime.aksrt-reward-modal:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog {
|
||||
/* ---- 文章打赏：内容使用 JioModalRuntime，几何对齐参考主题 modal-mini ---- */
|
||||
.jio-modal-runtime.jio-reward-modal:not(.jio-modal-runtime--bottom) .jio-modal-runtime__dialog {
|
||||
width: min(400px, calc(100vw - 32px));
|
||||
border-radius: var(--main-radius, 8px);
|
||||
background: var(--main-bg-color, #fff);
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime.aksrt-reward-modal .aksrt-modal-runtime__content {
|
||||
.jio-modal-runtime.jio-reward-modal .jio-modal-runtime__content {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.aksrt-reward-modal .modal-colorful-header + .aksrt-reward__body {
|
||||
.jio-reward-modal .modal-colorful-header + .jio-reward__body {
|
||||
margin-top: 0;
|
||||
padding: 135px 15px 15px;
|
||||
color: var(--main-color, var(--color-ink, #333));
|
||||
}
|
||||
|
||||
.aksrt-reward__desc {
|
||||
.jio-reward__desc {
|
||||
margin: 0 0 16px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime.aksrt-reward-modal .aksrt-reward__amounts {
|
||||
.jio-modal-runtime.jio-reward-modal .jio-reward__amounts {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 8px;
|
||||
margin: 16px 0;
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime.aksrt-reward-modal .aksrt-reward__amount {
|
||||
.jio-modal-runtime.jio-reward-modal .jio-reward__amount {
|
||||
display: inline-flex;
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
@@ -49,7 +49,7 @@
|
||||
transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime.aksrt-reward-modal .aksrt-reward__amount:hover {
|
||||
.jio-modal-runtime.jio-reward-modal .jio-reward__amount:hover {
|
||||
border-color: var(--focus-color, var(--color-primary, #f04494));
|
||||
background: var(--color-primary-soft, rgba(240, 68, 148, 0.1));
|
||||
color: var(--focus-color, var(--color-primary, #f04494));
|
||||
@@ -57,13 +57,13 @@
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime.aksrt-reward-modal .aksrt-reward__amount:focus-visible {
|
||||
.jio-modal-runtime.jio-reward-modal .jio-reward__amount:focus-visible {
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 3px var(--color-primary-soft, rgba(240, 68, 148, 0.2));
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime.aksrt-reward-modal .aksrt-reward__amount.is-active,
|
||||
.aksrt-modal-runtime.aksrt-reward-modal .aksrt-reward__amount.is-active:hover {
|
||||
.jio-modal-runtime.jio-reward-modal .jio-reward__amount.is-active,
|
||||
.jio-modal-runtime.jio-reward-modal .jio-reward__amount.is-active:hover {
|
||||
border-color: var(--focus-color, var(--color-primary, #f04494));
|
||||
background: var(--focus-color, var(--color-primary, #f04494));
|
||||
color: #fff;
|
||||
@@ -72,16 +72,16 @@
|
||||
transform: none;
|
||||
}
|
||||
|
||||
.aksrt-reward__currency {
|
||||
.jio-reward__currency {
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.aksrt-reward__value {
|
||||
.jio-reward__value {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime.aksrt-reward-modal .aksrt-reward__custom {
|
||||
.jio-modal-runtime.jio-reward-modal .jio-reward__custom {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
align-items: center;
|
||||
@@ -93,11 +93,11 @@
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.aksrt-reward__custom-label {
|
||||
.jio-reward__custom-label {
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime.aksrt-reward-modal .aksrt-reward__input-wrap {
|
||||
.jio-modal-runtime.jio-reward-modal .jio-reward__input-wrap {
|
||||
display: flex;
|
||||
width: min(190px, 62%);
|
||||
min-height: 44px;
|
||||
@@ -109,12 +109,12 @@
|
||||
transition: border-color 0.2s ease, box-shadow 0.2s ease;
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime.aksrt-reward-modal .aksrt-reward__input-wrap:focus-within {
|
||||
.jio-modal-runtime.jio-reward-modal .jio-reward__input-wrap:focus-within {
|
||||
border-color: var(--focus-color, var(--color-primary, #f04494));
|
||||
box-shadow: 0 0 0 3px var(--color-primary-soft, rgba(240, 68, 148, 0.1));
|
||||
}
|
||||
|
||||
.aksrt-reward__input-currency {
|
||||
.jio-reward__input-currency {
|
||||
flex: 0 0 auto;
|
||||
margin-right: 6px;
|
||||
color: var(--muted-color, var(--color-ink-3, #777));
|
||||
@@ -122,7 +122,7 @@
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime.aksrt-reward-modal .aksrt-reward__input {
|
||||
.jio-modal-runtime.jio-reward-modal .jio-reward__input {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
min-height: 42px;
|
||||
@@ -138,33 +138,33 @@
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.aksrt-reward__input::-webkit-inner-spin-button,
|
||||
.aksrt-reward__input::-webkit-outer-spin-button {
|
||||
.jio-reward__input::-webkit-inner-spin-button,
|
||||
.jio-reward__input::-webkit-outer-spin-button {
|
||||
margin: 0;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
.aksrt-reward__input::placeholder {
|
||||
.jio-reward__input::placeholder {
|
||||
color: var(--muted-color, var(--color-ink-4, #999));
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.aksrt-reward__input:disabled,
|
||||
.aksrt-reward__amount:disabled {
|
||||
.jio-reward__input:disabled,
|
||||
.jio-reward__amount:disabled {
|
||||
cursor: wait;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.aksrt-reward__submit {
|
||||
.jio-reward__submit {
|
||||
min-height: 42px;
|
||||
}
|
||||
|
||||
.aksrt-reward__submit:disabled {
|
||||
.jio-reward__submit:disabled {
|
||||
cursor: wait;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.aksrt-reward__message {
|
||||
.jio-reward__message {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
@@ -176,14 +176,14 @@
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.aksrt-reward__captcha {
|
||||
.jio-reward__captcha {
|
||||
margin: 0 0 14px;
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime--bottom.aksrt-reward-modal .aksrt-modal-runtime__dialog {
|
||||
.jio-modal-runtime--bottom.jio-reward-modal .jio-modal-runtime__dialog {
|
||||
border-radius: 16px 16px 0 0;
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime--bottom.aksrt-reward-modal .modal-colorful-header {
|
||||
.jio-modal-runtime--bottom.jio-reward-modal .modal-colorful-header {
|
||||
border-radius: 16px 16px 0 0;
|
||||
}
|
||||
@@ -25,7 +25,7 @@ body.single main.container .content-layout > .breadcrumbs-wrap {
|
||||
padding-top: 2px;
|
||||
}
|
||||
|
||||
body.single .sidebar .aksrt-panel,
|
||||
body.single .sidebar .jio-panel,
|
||||
body.single .sidebar .widget {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
/**
|
||||
* AKSRT Site Notice — Popup notice styles
|
||||
* Jio Site Notice — Popup notice styles
|
||||
*/
|
||||
|
||||
.aksrt-site-notice {
|
||||
.jio-site-notice {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
z-index: 99998;
|
||||
@@ -12,13 +12,13 @@
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.aksrt-site-notice__overlay {
|
||||
.jio-site-notice__overlay {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.aksrt-site-notice__dialog {
|
||||
.jio-site-notice__dialog {
|
||||
position: relative;
|
||||
background: var(--surface-1, #fff);
|
||||
border-radius: var(--radius-lg, 12px);
|
||||
@@ -28,21 +28,21 @@
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.aksrt-site-notice__head {
|
||||
.jio-site-notice__head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 20px 24px 0;
|
||||
}
|
||||
|
||||
.aksrt-site-notice__title {
|
||||
.jio-site-notice__title {
|
||||
margin: 0;
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
color: var(--color-ink, #333);
|
||||
}
|
||||
|
||||
.aksrt-site-notice__close {
|
||||
.jio-site-notice__close {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
border: none;
|
||||
@@ -57,22 +57,22 @@
|
||||
transition: background 0.15s;
|
||||
}
|
||||
|
||||
.aksrt-site-notice__close:hover {
|
||||
.jio-site-notice__close:hover {
|
||||
background: var(--surface-3, #ddd);
|
||||
}
|
||||
|
||||
.aksrt-site-notice__body {
|
||||
.jio-site-notice__body {
|
||||
padding: 16px 24px;
|
||||
font-size: 14px;
|
||||
line-height: 1.7;
|
||||
color: var(--color-ink-2, #4e5358);
|
||||
}
|
||||
|
||||
.aksrt-site-notice__body a {
|
||||
.jio-site-notice__body a {
|
||||
color: var(--color-primary);
|
||||
}
|
||||
|
||||
.aksrt-site-notice__foot {
|
||||
.jio-site-notice__foot {
|
||||
padding: 0 24px 20px;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
@@ -82,8 +82,8 @@
|
||||
}
|
||||
|
||||
/* Button base — shared by both <button> and <a> */
|
||||
.aksrt-site-notice__btn,
|
||||
.aksrt-site-notice__confirm {
|
||||
.jio-site-notice__btn,
|
||||
.jio-site-notice__confirm {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -100,32 +100,32 @@
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.aksrt-site-notice__btn:hover,
|
||||
.aksrt-site-notice__confirm:hover {
|
||||
.jio-site-notice__btn:hover,
|
||||
.jio-site-notice__confirm:hover {
|
||||
filter: brightness(1.08);
|
||||
}
|
||||
|
||||
/* Button color variants */
|
||||
.aksrt-site-notice__btn--primary { background: var(--color-primary); }
|
||||
.aksrt-site-notice__btn--success { background: #10b981; }
|
||||
.aksrt-site-notice__btn--warning { background: #f59e0b; color: #1a1a1a; }
|
||||
.aksrt-site-notice__btn--danger { background: #ef4444; }
|
||||
.aksrt-site-notice__btn--info { background: #3b82f6; }
|
||||
.aksrt-site-notice__btn--purple { background: #8b5cf6; }
|
||||
.aksrt-site-notice__btn--dark { background: #374151; }
|
||||
.jio-site-notice__btn--primary { background: var(--color-primary); }
|
||||
.jio-site-notice__btn--success { background: #10b981; }
|
||||
.jio-site-notice__btn--warning { background: #f59e0b; color: #1a1a1a; }
|
||||
.jio-site-notice__btn--danger { background: #ef4444; }
|
||||
.jio-site-notice__btn--info { background: #3b82f6; }
|
||||
.jio-site-notice__btn--purple { background: #8b5cf6; }
|
||||
.jio-site-notice__btn--dark { background: #374151; }
|
||||
|
||||
/* Modal size variants */
|
||||
.aksrt-site-notice__dialog.modal-mini { max-width: 320px; }
|
||||
.aksrt-site-notice__dialog.modal-sm { max-width: 420px; }
|
||||
.aksrt-site-notice__dialog.modal-lg { max-width: 720px; }
|
||||
.jio-site-notice__dialog.modal-mini { max-width: 320px; }
|
||||
.jio-site-notice__dialog.modal-sm { max-width: 420px; }
|
||||
.jio-site-notice__dialog.modal-lg { max-width: 720px; }
|
||||
/* Default dialog (no size class) */
|
||||
.aksrt-site-notice__dialog:not(.modal-mini):not(.modal-sm):not(.modal-lg) { max-width: 540px; }
|
||||
.jio-site-notice__dialog:not(.modal-mini):not(.modal-sm):not(.modal-lg) { max-width: 540px; }
|
||||
|
||||
/* Dark mode */
|
||||
html.dark .aksrt-site-notice__dialog {
|
||||
html.dark .jio-site-notice__dialog {
|
||||
background: var(--surface-1, #323335);
|
||||
}
|
||||
|
||||
html.dark .aksrt-site-notice__close {
|
||||
html.dark .jio-site-notice__close {
|
||||
background: var(--surface-3, #3a3b3e);
|
||||
}
|
||||
@@ -9,11 +9,11 @@
|
||||
- 高度 = .modal.flex .modal-content 的 max-height: calc(100vh - 20px)
|
||||
+ overflow-y: auto（阈值放宽到整屏，正常桌面内容不触发滚动条）
|
||||
- 圆角 = .modal-content 的 var(--main-radius)（8px） */
|
||||
.aksrt-modal-runtime.aksrt-vip-modal-shell {
|
||||
.jio-modal-runtime.jio-vip-modal-shell {
|
||||
z-index: 1200;
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime.aksrt-vip-modal-shell .aksrt-modal-runtime__dialog {
|
||||
.jio-modal-runtime.jio-vip-modal-shell .jio-modal-runtime__dialog {
|
||||
width: min(600px, calc(100vw - 20px));
|
||||
max-height: calc(100vh - 20px);
|
||||
overflow: hidden;
|
||||
@@ -24,12 +24,12 @@
|
||||
box-shadow: 0 16px 48px rgba(0, 0, 0, 0.22);
|
||||
}
|
||||
|
||||
.aksrt-modal-runtime.aksrt-vip-modal-shell .aksrt-modal-runtime__content {
|
||||
.jio-modal-runtime.jio-vip-modal-shell .jio-modal-runtime__content {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.aksrt-modal-runtime.aksrt-vip-modal-shell.aksrt-modal-runtime--bottom .aksrt-modal-runtime__dialog {
|
||||
.jio-modal-runtime.jio-vip-modal-shell.jio-modal-runtime--bottom .jio-modal-runtime__dialog {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
max-height: calc(100vh - 20px);
|
||||
@@ -43,7 +43,7 @@
|
||||
|
||||
/* 积分兑换会员弹窗：参考主题 refresh_modal 同构静态壳
|
||||
（.modal.flex.jc.fade > .modal-dialog.modal-mini.full-sm > .modal-content
|
||||
> .modal-body，由 inc/helpers/aksrt-vip.php 服务端输出）。三点约束：
|
||||
> .modal-body，由 inc/helpers/jio-vip.php 服务端输出）。三点约束：
|
||||
- 静止态必须显式隐藏：main.css 的 .flex{display:flex}（后加载、与 bootstrap
|
||||
的 .modal{display:none} 同特异性）会让壳永久铺满全屏，叠加 .fade 的
|
||||
opacity:0 形成隐形遮罩，拦截整页点击；
|
||||
@@ -51,35 +51,35 @@
|
||||
.flex.jc 双轴居中），与余额充值/购买积分弹窗同构；
|
||||
- 入口在会员购买弹窗与 /user/vip/ 页面横条两处，壳需高于 runtime 宿主
|
||||
（100050），以复现参考主题在会员弹窗之上再叠一层兑换弹窗的行为。 */
|
||||
.modal[data-aksrt-vip-points-modal] {
|
||||
.modal[data-jio-vip-points-modal] {
|
||||
display: none;
|
||||
z-index: 100060;
|
||||
}
|
||||
|
||||
.modal[data-aksrt-vip-points-modal].in {
|
||||
.modal[data-jio-vip-points-modal].in {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.modal-backdrop[data-aksrt-vip-points-backdrop] {
|
||||
.modal-backdrop[data-jio-vip-points-backdrop] {
|
||||
z-index: 100055;
|
||||
}
|
||||
|
||||
/* public.css redeclares .muted-box after legacy utilities, overriding its
|
||||
background, radius, and padding utilities. Restore the reference box contract. */
|
||||
.modal[data-aksrt-vip-points-modal] .muted-box.padding-h10 {
|
||||
.modal[data-jio-vip-points-modal] .muted-box.padding-h10 {
|
||||
background-color: var(--this-bg, var(--muted-border-color));
|
||||
border-radius: var(--main-radius);
|
||||
padding: 10px 15px;
|
||||
}
|
||||
|
||||
.modal[data-aksrt-vip-points-modal] .muted-box.padding-10,
|
||||
.modal[data-aksrt-vip-points-modal] .aksrt-vip-points-desc {
|
||||
.modal[data-jio-vip-points-modal] .muted-box.padding-10,
|
||||
.modal[data-jio-vip-points-modal] .jio-vip-points-desc {
|
||||
background-color: var(--this-bg, var(--muted-border-color));
|
||||
border-radius: var(--main-radius);
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.modal[data-aksrt-vip-points-modal] .aksrt-vip-points-desc {
|
||||
.modal[data-jio-vip-points-modal] .jio-vip-points-desc {
|
||||
display: block;
|
||||
margin-top: 20px;
|
||||
color: var(--muted-2-color, #999);
|
||||
@@ -125,31 +125,31 @@
|
||||
|
||||
/* 会员弹窗骨架屏（pay-vip.js vipSkeleton()）：仿真实弹窗布局——
|
||||
用户框 + 等级卡行 + 双列套餐面板。线条/色块与 shimmer 动画复用全局
|
||||
.aksrt-modal-runtime__skeleton-line/-block 与 @keyframes
|
||||
aksrt-modal-skeleton（build/public.min.css 已全局入队）；
|
||||
.jio-modal-runtime__skeleton-line/-block 与 @keyframes
|
||||
jio-modal-skeleton（build/public.min.css 已全局入队）；
|
||||
这里只定义 VIP 专属形状（头像圆、tab 卡、双列 grid、按钮条），
|
||||
与 .pay-vip-form-row 的 640px 双列阈值保持一致。 */
|
||||
.aksrt-vip-modal-skeleton {
|
||||
.jio-vip-modal-skeleton {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 14px;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.aksrt-vip-modal-skeleton__user {
|
||||
.jio-vip-modal-skeleton__user {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.aksrt-vip-modal-skeleton__avatar {
|
||||
.jio-vip-modal-skeleton__avatar {
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
border-radius: 50%;
|
||||
flex: none;
|
||||
}
|
||||
|
||||
.aksrt-vip-modal-skeleton__lines {
|
||||
.jio-vip-modal-skeleton__lines {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
@@ -157,51 +157,51 @@
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.aksrt-vip-modal-skeleton__tabs {
|
||||
.jio-vip-modal-skeleton__tabs {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.aksrt-vip-modal-skeleton__tab {
|
||||
.jio-vip-modal-skeleton__tab {
|
||||
flex: 1;
|
||||
height: 56px;
|
||||
}
|
||||
|
||||
.aksrt-vip-modal-skeleton__pane {
|
||||
.jio-vip-modal-skeleton__pane {
|
||||
display: grid;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.aksrt-vip-modal-skeleton__info {
|
||||
.jio-vip-modal-skeleton__info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
.aksrt-vip-modal-skeleton__products {
|
||||
.jio-vip-modal-skeleton__products {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.aksrt-vip-modal-skeleton__button {
|
||||
.jio-vip-modal-skeleton__button {
|
||||
height: 38px;
|
||||
}
|
||||
|
||||
/* 专属形状共用骨架底色与 shimmer（值与 modal-runtime.css 的线条/块一致）。 */
|
||||
.aksrt-vip-modal-skeleton__avatar,
|
||||
.aksrt-vip-modal-skeleton__tab,
|
||||
.aksrt-vip-modal-skeleton__button {
|
||||
.jio-vip-modal-skeleton__avatar,
|
||||
.jio-vip-modal-skeleton__tab,
|
||||
.jio-vip-modal-skeleton__button {
|
||||
display: block;
|
||||
border-radius: 8px;
|
||||
background: linear-gradient(90deg, rgba(148, 163, 184, 0.16), rgba(148, 163, 184, 0.3), rgba(148, 163, 184, 0.16));
|
||||
background-size: 200% 100%;
|
||||
animation: aksrt-modal-skeleton 1.2s ease-in-out infinite;
|
||||
animation: jio-modal-skeleton 1.2s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@media (min-width: 640px) {
|
||||
.aksrt-vip-modal-skeleton__pane {
|
||||
.jio-vip-modal-skeleton__pane {
|
||||
grid-template-columns: 1fr 1.2fr;
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user