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,45 +1,45 @@
|
||||
body.toplevel_page_aksrt-settings {
|
||||
body.toplevel_page_jio-settings {
|
||||
background: #f5f7fb;
|
||||
}
|
||||
|
||||
body.toplevel_page_aksrt-settings #wpcontent {
|
||||
body.toplevel_page_jio-settings #wpcontent {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
body.toplevel_page_aksrt-settings #wpbody-content {
|
||||
body.toplevel_page_jio-settings #wpbody-content {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
body.toplevel_page_aksrt-settings #wpbody-content .wrap {
|
||||
body.toplevel_page_jio-settings #wpbody-content .wrap {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body.toplevel_page_aksrt-settings #wpbody-content .wrap > h1:first-child {
|
||||
body.toplevel_page_jio-settings #wpbody-content .wrap > h1:first-child {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
body.toplevel_page_aksrt-settings #wpbody-content .notice,
|
||||
body.toplevel_page_aksrt-settings #wpbody-content .updated,
|
||||
body.toplevel_page_aksrt-settings #wpbody-content .error {
|
||||
body.toplevel_page_jio-settings #wpbody-content .notice,
|
||||
body.toplevel_page_jio-settings #wpbody-content .updated,
|
||||
body.toplevel_page_jio-settings #wpbody-content .error {
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
margin: 18px 20px 0 0;
|
||||
}
|
||||
|
||||
body.toplevel_page_aksrt-settings #collapse-menu {
|
||||
body.toplevel_page_jio-settings #collapse-menu {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#aksrt-admin-app {
|
||||
#jio-admin-app {
|
||||
position: relative;
|
||||
min-height: calc(100vh - 32px);
|
||||
isolation: isolate;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#aksrt-admin-app:empty::before {
|
||||
content: "AKSRT 管理台加载中...";
|
||||
#jio-admin-app:empty::before {
|
||||
content: "Jio 管理台加载中...";
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -63,21 +63,21 @@ body.toplevel_page_aksrt-settings #collapse-menu {
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
/* 隐藏 WP 后台默认顶栏的多余间距 */
|
||||
body.toplevel_page_aksrt-settings #wpbody {
|
||||
body.toplevel_page_jio-settings #wpbody {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
body.toplevel_page_aksrt-settings #wpcontent {
|
||||
body.toplevel_page_jio-settings #wpcontent {
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
#aksrt-admin-app,
|
||||
#aksrt-admin-app:empty::before {
|
||||
#jio-admin-app,
|
||||
#jio-admin-app:empty::before {
|
||||
min-height: calc(100vh - 46px);
|
||||
}
|
||||
|
||||
/* 移动端把 WP 折叠菜单按钮藏掉，避免与自定义菜单按钮重叠 */
|
||||
body.toplevel_page_aksrt-settings #wp-admin-bar-menu-toggle {
|
||||
body.toplevel_page_jio-settings #wp-admin-bar-menu-toggle {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -1,54 +1,54 @@
|
||||
/* 优惠码（aksrt_coupons）：页头按钮 + 新建/批量生成弹窗。复用 native-ui.css 的 --an-* 令牌，规则限定在本页类名下。 */
|
||||
.aksrt-coupons-page [hidden],
|
||||
.aksrt-coupon-dialog [hidden] { display: none !important; }
|
||||
.aksrt-coupons-page .aksrt-native-header__actions .button,
|
||||
.aksrt-coupon-generated .aksrt-native-card__actions .button { display: inline-flex; align-items: center; gap: 5px; }
|
||||
.aksrt-coupons-page .aksrt-native-header__actions .dashicons { margin: 0; font-size: 17px; line-height: 20px; }
|
||||
.aksrt-coupon-generated .aksrt-native-card__actions .dashicons { margin: 0; font-size: 14px; width: 14px; height: 14px; }
|
||||
/* 优惠码（jio_coupons）：页头按钮 + 新建/批量生成弹窗。复用 native-ui.css 的 --an-* 令牌，规则限定在本页类名下。 */
|
||||
.jio-coupons-page [hidden],
|
||||
.jio-coupon-dialog [hidden] { display: none !important; }
|
||||
.jio-coupons-page .jio-native-header__actions .button,
|
||||
.jio-coupon-generated .jio-native-card__actions .button { display: inline-flex; align-items: center; gap: 5px; }
|
||||
.jio-coupons-page .jio-native-header__actions .dashicons { margin: 0; font-size: 17px; line-height: 20px; }
|
||||
.jio-coupon-generated .jio-native-card__actions .dashicons { margin: 0; font-size: 14px; width: 14px; height: 14px; }
|
||||
|
||||
/* ---------- 列表 ---------- */
|
||||
.aksrt-coupons-page .wp-list-table { min-width: 1000px; }
|
||||
.aksrt-coupons-page .wp-list-table td { vertical-align: middle; overflow-wrap: anywhere; }
|
||||
.aksrt-coupon-code { display: inline-flex; align-items: center; gap: 5px; max-width: 100%; padding: 4px 7px; color: var(--an-text); background: var(--an-bg-soft); border: 1px solid transparent; border-radius: 5px; text-align: left; font-size: 13px; overflow-wrap: anywhere; cursor: pointer; }
|
||||
.aksrt-coupon-code .dashicons { flex: none; width: 14px; height: 14px; color: var(--an-muted); font-size: 14px; }
|
||||
.aksrt-coupon-code:hover { color: var(--an-primary); background: var(--an-primary-soft); border-color: var(--an-primary); }
|
||||
.aksrt-coupon-code:focus-visible { outline: 2px solid var(--an-primary); outline-offset: 2px; }
|
||||
.aksrt-coupon-generated textarea { margin-top: 8px; resize: vertical; }
|
||||
.jio-coupons-page .wp-list-table { min-width: 1000px; }
|
||||
.jio-coupons-page .wp-list-table td { vertical-align: middle; overflow-wrap: anywhere; }
|
||||
.jio-coupon-code { display: inline-flex; align-items: center; gap: 5px; max-width: 100%; padding: 4px 7px; color: var(--an-text); background: var(--an-bg-soft); border: 1px solid transparent; border-radius: 5px; text-align: left; font-size: 13px; overflow-wrap: anywhere; cursor: pointer; }
|
||||
.jio-coupon-code .dashicons { flex: none; width: 14px; height: 14px; color: var(--an-muted); font-size: 14px; }
|
||||
.jio-coupon-code:hover { color: var(--an-primary); background: var(--an-primary-soft); border-color: var(--an-primary); }
|
||||
.jio-coupon-code:focus-visible { outline: 2px solid var(--an-primary); outline-offset: 2px; }
|
||||
.jio-coupon-generated textarea { margin-top: 8px; resize: vertical; }
|
||||
|
||||
/* ---------- 弹窗 ---------- */
|
||||
html.aksrt-coupons-modal-open { overflow: hidden; }
|
||||
.aksrt-coupon-dialog { width: min(720px, calc(100vw - 32px)); max-width: none; max-height: calc(100vh - 48px); max-height: calc(100dvh - 48px); margin: auto; padding: 0; overflow: hidden; color: var(--an-text-2); background: var(--an-card); border: 0; border-radius: var(--an-radius); box-shadow: 0 16px 64px rgba(15, 23, 42, .2); }
|
||||
.aksrt-coupon-dialog::backdrop { background: rgba(15, 23, 42, .45); }
|
||||
.aksrt-coupon-dialog__frame { display: flex; flex-direction: column; max-height: inherit; margin: 0; }
|
||||
.aksrt-coupon-dialog__head { display: flex; flex: none; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 20px 24px 18px; border-bottom: 1px solid var(--an-border-soft); }
|
||||
.aksrt-coupon-dialog .aksrt-coupon-dialog__head h2 { margin: 0; padding: 0; color: var(--an-text); font-size: 18px; font-weight: 600; line-height: 1.5; }
|
||||
.aksrt-coupon-dialog__head p { margin: 5px 0 0; font-size: 13px; line-height: 1.6; }
|
||||
.aksrt-coupon-dialog__close { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; color: var(--an-text-2); background: transparent; border: 0; border-radius: var(--an-radius-sm); cursor: pointer; }
|
||||
.aksrt-coupon-dialog__close:hover { color: var(--an-text); background: var(--an-bg-soft); }
|
||||
.aksrt-coupon-dialog__body { min-height: 0; padding: 20px 24px 24px; overflow-y: auto; overscroll-behavior: contain; }
|
||||
.aksrt-coupon-dialog__foot { display: flex; flex: none; justify-content: flex-end; gap: 8px; padding: 14px 24px; background: var(--an-card); border-top: 1px solid var(--an-border-soft); }
|
||||
.aksrt-coupon-dialog__foot .button { min-width: 110px; }
|
||||
.aksrt-coupon-dialog .button:disabled { opacity: .65; cursor: not-allowed; }
|
||||
.aksrt-coupon-dialog :is(a, button, input, select, textarea):focus-visible { outline: 2px solid var(--an-primary); outline-offset: 2px; }
|
||||
.aksrt-coupon-dialog .aksrt-native-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||||
.aksrt-coupon-dialog .aksrt-coupon-batch-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
|
||||
.aksrt-coupon-dialog .aksrt-coupon-section { margin: 0 0 12px; color: var(--an-text); font-size: 14px; font-weight: 600; line-height: 1.5; }
|
||||
.aksrt-coupon-dialog .aksrt-coupon-section ~ .aksrt-coupon-section { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--an-border-soft); }
|
||||
html.jio-coupons-modal-open { overflow: hidden; }
|
||||
.jio-coupon-dialog { width: min(720px, calc(100vw - 32px)); max-width: none; max-height: calc(100vh - 48px); max-height: calc(100dvh - 48px); margin: auto; padding: 0; overflow: hidden; color: var(--an-text-2); background: var(--an-card); border: 0; border-radius: var(--an-radius); box-shadow: 0 16px 64px rgba(15, 23, 42, .2); }
|
||||
.jio-coupon-dialog::backdrop { background: rgba(15, 23, 42, .45); }
|
||||
.jio-coupon-dialog__frame { display: flex; flex-direction: column; max-height: inherit; margin: 0; }
|
||||
.jio-coupon-dialog__head { display: flex; flex: none; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 20px 24px 18px; border-bottom: 1px solid var(--an-border-soft); }
|
||||
.jio-coupon-dialog .jio-coupon-dialog__head h2 { margin: 0; padding: 0; color: var(--an-text); font-size: 18px; font-weight: 600; line-height: 1.5; }
|
||||
.jio-coupon-dialog__head p { margin: 5px 0 0; font-size: 13px; line-height: 1.6; }
|
||||
.jio-coupon-dialog__close { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; color: var(--an-text-2); background: transparent; border: 0; border-radius: var(--an-radius-sm); cursor: pointer; }
|
||||
.jio-coupon-dialog__close:hover { color: var(--an-text); background: var(--an-bg-soft); }
|
||||
.jio-coupon-dialog__body { min-height: 0; padding: 20px 24px 24px; overflow-y: auto; overscroll-behavior: contain; }
|
||||
.jio-coupon-dialog__foot { display: flex; flex: none; justify-content: flex-end; gap: 8px; padding: 14px 24px; background: var(--an-card); border-top: 1px solid var(--an-border-soft); }
|
||||
.jio-coupon-dialog__foot .button { min-width: 110px; }
|
||||
.jio-coupon-dialog .button:disabled { opacity: .65; cursor: not-allowed; }
|
||||
.jio-coupon-dialog :is(a, button, input, select, textarea):focus-visible { outline: 2px solid var(--an-primary); outline-offset: 2px; }
|
||||
.jio-coupon-dialog .jio-native-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||||
.jio-coupon-dialog .jio-coupon-batch-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
|
||||
.jio-coupon-dialog .jio-coupon-section { margin: 0 0 12px; color: var(--an-text); font-size: 14px; font-weight: 600; line-height: 1.5; }
|
||||
.jio-coupon-dialog .jio-coupon-section ~ .jio-coupon-section { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--an-border-soft); }
|
||||
|
||||
.aksrt-coupon-inline { display: flex; align-items: center; gap: 6px; }
|
||||
.aksrt-coupon-inline input { flex: 1 1 auto; min-width: 0; }
|
||||
.aksrt-coupon-unit { flex: none; min-width: 1.2em; color: var(--an-muted); }
|
||||
.jio-coupon-inline { display: flex; align-items: center; gap: 6px; }
|
||||
.jio-coupon-inline input { flex: 1 1 auto; min-width: 0; }
|
||||
.jio-coupon-unit { flex: none; min-width: 1.2em; color: var(--an-muted); }
|
||||
|
||||
/* ---------- 复制提示 ---------- */
|
||||
.aksrt-coupon-toast { position: fixed; right: 24px; bottom: 24px; z-index: 100000; max-width: min(360px, calc(100vw - 48px)); padding: 10px 14px; color: #fff; background: rgba(15, 23, 42, .9); border-radius: var(--an-radius-sm); font-size: 13px; opacity: 0; transform: translateY(8px); transition: opacity .2s, transform .2s; pointer-events: none; }
|
||||
.aksrt-coupon-toast.is-visible { opacity: 1; transform: none; }
|
||||
.jio-coupon-toast { position: fixed; right: 24px; bottom: 24px; z-index: 100000; max-width: min(360px, calc(100vw - 48px)); padding: 10px 14px; color: #fff; background: rgba(15, 23, 42, .9); border-radius: var(--an-radius-sm); font-size: 13px; opacity: 0; transform: translateY(8px); transition: opacity .2s, transform .2s; pointer-events: none; }
|
||||
.jio-coupon-toast.is-visible { opacity: 1; transform: none; }
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.aksrt-coupon-dialog { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
|
||||
.aksrt-coupon-dialog__head,
|
||||
.aksrt-coupon-dialog__body,
|
||||
.aksrt-coupon-dialog__foot { padding-left: 16px; padding-right: 16px; }
|
||||
.aksrt-coupon-dialog .aksrt-native-form-grid,
|
||||
.aksrt-coupon-dialog .aksrt-coupon-batch-grid { grid-template-columns: 1fr; }
|
||||
.aksrt-coupon-dialog__foot .button { flex: 1; min-width: 0; }
|
||||
.jio-coupon-dialog { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
|
||||
.jio-coupon-dialog__head,
|
||||
.jio-coupon-dialog__body,
|
||||
.jio-coupon-dialog__foot { padding-left: 16px; padding-right: 16px; }
|
||||
.jio-coupon-dialog .jio-native-form-grid,
|
||||
.jio-coupon-dialog .jio-coupon-batch-grid { grid-template-columns: 1fr; }
|
||||
.jio-coupon-dialog__foot .button { flex: 1; min-width: 0; }
|
||||
}
|
||||
+39
-39
@@ -1,52 +1,52 @@
|
||||
/* 创作分成（aksrt_income）：统计 + 状态视图 + 筛选 + 分成表。复用 native-ui.css 的 --an-* 令牌，规则限定在 .aksrt-income-page 下。 */
|
||||
/* 创作分成（jio_income）：统计 + 状态视图 + 筛选 + 分成表。复用 native-ui.css 的 --an-* 令牌，规则限定在 .jio-income-page 下。 */
|
||||
|
||||
/* ---------- 状态视图 ---------- */
|
||||
.aksrt-income-page .aksrt-income-views { display: flex; width: fit-content; max-width: 100%; }
|
||||
.jio-income-page .jio-income-views { display: flex; width: fit-content; max-width: 100%; }
|
||||
|
||||
/* ---------- 筛选栏 ---------- */
|
||||
.aksrt-income-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; }
|
||||
.aksrt-income-filters label { display: inline-flex; margin: 0; }
|
||||
.aksrt-income-filters__search { flex: 1 1 220px; }
|
||||
.aksrt-income-filters__search input { width: 100%; }
|
||||
.aksrt-income-filters__range { display: inline-flex; align-items: center; gap: 6px; color: var(--an-muted); }
|
||||
.aksrt-income-page .aksrt-income-filters__id { width: 96px; }
|
||||
.aksrt-income-filters__submit { display: inline-flex; gap: 8px; }
|
||||
.jio-income-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; }
|
||||
.jio-income-filters label { display: inline-flex; margin: 0; }
|
||||
.jio-income-filters__search { flex: 1 1 220px; }
|
||||
.jio-income-filters__search input { width: 100%; }
|
||||
.jio-income-filters__range { display: inline-flex; align-items: center; gap: 6px; color: var(--an-muted); }
|
||||
.jio-income-page .jio-income-filters__id { width: 96px; }
|
||||
.jio-income-filters__submit { display: inline-flex; gap: 8px; }
|
||||
|
||||
/* ---------- 批量操作 ---------- */
|
||||
.aksrt-income-bulk { margin: 0; }
|
||||
.aksrt-income-bulk__count { color: var(--an-muted); font-size: 12px; font-variant-numeric: tabular-nums; }
|
||||
.aksrt-income-bulk__count.is-active { color: var(--an-text); font-weight: 500; }
|
||||
.aksrt-income-page .aksrt-income-bulk .button:disabled { opacity: .6; cursor: not-allowed; }
|
||||
.aksrt-income-table .check-column input:disabled { cursor: not-allowed; opacity: .45; }
|
||||
.jio-income-bulk { margin: 0; }
|
||||
.jio-income-bulk__count { color: var(--an-muted); font-size: 12px; font-variant-numeric: tabular-nums; }
|
||||
.jio-income-bulk__count.is-active { color: var(--an-text); font-weight: 500; }
|
||||
.jio-income-page .jio-income-bulk .button:disabled { opacity: .6; cursor: not-allowed; }
|
||||
.jio-income-table .check-column input:disabled { cursor: not-allowed; opacity: .45; }
|
||||
|
||||
/* ---------- 分成表 ---------- */
|
||||
.aksrt-income-table { min-width: 1040px; table-layout: fixed; }
|
||||
.aksrt-income-table .column-record { width: 13%; }
|
||||
.aksrt-income-table .column-author { width: 15%; }
|
||||
.aksrt-income-table .column-source { width: 24%; }
|
||||
.aksrt-income-table .column-base { width: 14%; }
|
||||
.aksrt-income-table .column-amount { width: 12%; }
|
||||
.aksrt-income-table .column-status { width: 12%; }
|
||||
.aksrt-income-table .column-actions { width: 13%; }
|
||||
.aksrt-income-table td,
|
||||
.aksrt-income-table tbody th { vertical-align: top; }
|
||||
.aksrt-income-id { color: var(--an-text); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; font-weight: 600; }
|
||||
.aksrt-income-post { display: block; color: var(--an-text); font-weight: 500; text-decoration: none; overflow-wrap: anywhere; }
|
||||
a.aksrt-income-post:hover,
|
||||
a.aksrt-income-post:focus { color: var(--an-primary); }
|
||||
.aksrt-income-order { color: inherit; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; text-decoration: none; }
|
||||
.aksrt-income-order:hover,
|
||||
.aksrt-income-order:focus { color: var(--an-primary); }
|
||||
.aksrt-income-sub { margin-top: 4px; color: var(--an-muted); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
|
||||
.aksrt-income-table .column-base,
|
||||
.aksrt-income-table .column-amount { font-variant-numeric: tabular-nums; }
|
||||
.jio-income-table { min-width: 1040px; table-layout: fixed; }
|
||||
.jio-income-table .column-record { width: 13%; }
|
||||
.jio-income-table .column-author { width: 15%; }
|
||||
.jio-income-table .column-source { width: 24%; }
|
||||
.jio-income-table .column-base { width: 14%; }
|
||||
.jio-income-table .column-amount { width: 12%; }
|
||||
.jio-income-table .column-status { width: 12%; }
|
||||
.jio-income-table .column-actions { width: 13%; }
|
||||
.jio-income-table td,
|
||||
.jio-income-table tbody th { vertical-align: top; }
|
||||
.jio-income-id { color: var(--an-text); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; font-weight: 600; }
|
||||
.jio-income-post { display: block; color: var(--an-text); font-weight: 500; text-decoration: none; overflow-wrap: anywhere; }
|
||||
a.jio-income-post:hover,
|
||||
a.jio-income-post:focus { color: var(--an-primary); }
|
||||
.jio-income-order { color: inherit; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; text-decoration: none; }
|
||||
.jio-income-order:hover,
|
||||
.jio-income-order:focus { color: var(--an-primary); }
|
||||
.jio-income-sub { margin-top: 4px; color: var(--an-muted); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
|
||||
.jio-income-table .column-base,
|
||||
.jio-income-table .column-amount { font-variant-numeric: tabular-nums; }
|
||||
|
||||
/* 行内操作：每个按钮是一个独立 POST 表单 */
|
||||
.aksrt-income-actions { display: flex; flex-wrap: wrap; gap: 6px; }
|
||||
.aksrt-income-action { display: inline-flex; margin: 0; }
|
||||
.aksrt-income-action .button[disabled] { opacity: .6; cursor: progress; }
|
||||
.jio-income-actions { display: flex; flex-wrap: wrap; gap: 6px; }
|
||||
.jio-income-action { display: inline-flex; margin: 0; }
|
||||
.jio-income-action .button[disabled] { opacity: .6; cursor: progress; }
|
||||
|
||||
@media (max-width: 782px) {
|
||||
.aksrt-income-filters__search { flex-basis: 100%; }
|
||||
.aksrt-income-filters__range { flex-wrap: wrap; }
|
||||
.jio-income-filters__search { flex-basis: 100%; }
|
||||
.jio-income-filters__range { flex-wrap: wrap; }
|
||||
}
|
||||
+103
-103
@@ -1,109 +1,109 @@
|
||||
/* 邀请码原生运营页；外壳、表格与表单令牌沿用 native-ui.css。 */
|
||||
.aksrt-inv-page [hidden] { display: none !important; }
|
||||
.aksrt-inv-page .aksrt-native-header__actions .button { display: inline-flex; align-items: center; gap: 5px; }
|
||||
.aksrt-inv-page .aksrt-native-header__actions .dashicons { margin: 0; font-size: 17px; line-height: 20px; }
|
||||
.aksrt-inv-toolbar { padding: 14px 20px; border-bottom: 1px solid var(--an-border-soft); }
|
||||
.aksrt-inv-toolbar__views { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
|
||||
.aksrt-inv-toolbar .subsubsub { margin: 0; padding: 0; box-shadow: none; }
|
||||
.aksrt-inv-toolbar .aksrt-native-filters { margin: 0; }
|
||||
.aksrt-inv-filter-remark { max-width: 240px; color: var(--an-text-2); font-size: 12px; overflow-wrap: anywhere; }
|
||||
.aksrt-inv-bulk { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 12px 20px; border-bottom: 1px solid var(--an-border-soft); }
|
||||
.aksrt-inv-selection { margin-right: auto; color: var(--an-text-2); font-size: 12px; font-variant-numeric: tabular-nums; }
|
||||
.jio-inv-page [hidden] { display: none !important; }
|
||||
.jio-inv-page .jio-native-header__actions .button { display: inline-flex; align-items: center; gap: 5px; }
|
||||
.jio-inv-page .jio-native-header__actions .dashicons { margin: 0; font-size: 17px; line-height: 20px; }
|
||||
.jio-inv-toolbar { padding: 14px 20px; border-bottom: 1px solid var(--an-border-soft); }
|
||||
.jio-inv-toolbar__views { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
|
||||
.jio-inv-toolbar .subsubsub { margin: 0; padding: 0; box-shadow: none; }
|
||||
.jio-inv-toolbar .jio-native-filters { margin: 0; }
|
||||
.jio-inv-filter-remark { max-width: 240px; color: var(--an-text-2); font-size: 12px; overflow-wrap: anywhere; }
|
||||
.jio-inv-bulk { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 12px 20px; border-bottom: 1px solid var(--an-border-soft); }
|
||||
.jio-inv-selection { margin-right: auto; color: var(--an-text-2); font-size: 12px; font-variant-numeric: tabular-nums; }
|
||||
|
||||
.aksrt-inv-page .aksrt-inv-table { min-width: 1000px; table-layout: fixed; }
|
||||
.aksrt-inv-table .column-code { width: 21%; }
|
||||
.aksrt-inv-table .column-rewards { width: 14%; }
|
||||
.aksrt-inv-table .column-created_at,
|
||||
.aksrt-inv-table .column-updated_at { width: 16%; }
|
||||
.aksrt-inv-table .column-used_count { width: 13%; }
|
||||
.aksrt-inv-table .column-remark { width: 20%; }
|
||||
.aksrt-inv-page .aksrt-inv-table td { vertical-align: middle; overflow-wrap: anywhere; }
|
||||
.aksrt-inv-table .orderby-but { display: inline-flex; align-items: center; gap: 3px; color: var(--an-text-2); text-decoration: none; }
|
||||
.aksrt-inv-table .orderby-but .dashicons { width: 14px; height: 14px; font-size: 14px; opacity: .35; }
|
||||
.aksrt-inv-table .orderby-but:hover,
|
||||
.aksrt-inv-table .orderby-but.is-active { color: var(--an-primary); }
|
||||
.aksrt-inv-table .orderby-but.is-active .dashicons { opacity: 1; }
|
||||
.aksrt-inv-code { display: inline-flex; align-items: center; gap: 5px; max-width: 100%; padding: 5px 7px; color: var(--an-text); background: var(--an-bg-soft); border: 1px solid transparent; border-radius: 5px; text-align: left; font-size: 13px; overflow-wrap: anywhere; cursor: pointer; }
|
||||
.aksrt-inv-code .dashicons { flex: none; width: 14px; height: 14px; color: var(--an-muted); font-size: 14px; }
|
||||
.aksrt-inv-code:hover { color: var(--an-primary); background: var(--an-primary-soft); border-color: var(--an-primary); }
|
||||
.aksrt-inv-date { font-variant-numeric: tabular-nums; font-size: 12px; }
|
||||
.aksrt-inv-user { margin-top: 4px; font-size: 12px; }
|
||||
.aksrt-inv-table tr.is-selected > td,
|
||||
.aksrt-inv-table tr.is-selected > th { background: var(--an-primary-soft); }
|
||||
.aksrt-inv-page .aksrt-inv-code:focus-visible,
|
||||
.aksrt-inv-page .aksrt-inv-dialog__close:focus-visible { outline: 2px solid var(--an-primary); outline-offset: 2px; }
|
||||
.jio-inv-page .jio-inv-table { min-width: 1000px; table-layout: fixed; }
|
||||
.jio-inv-table .column-code { width: 21%; }
|
||||
.jio-inv-table .column-rewards { width: 14%; }
|
||||
.jio-inv-table .column-created_at,
|
||||
.jio-inv-table .column-updated_at { width: 16%; }
|
||||
.jio-inv-table .column-used_count { width: 13%; }
|
||||
.jio-inv-table .column-remark { width: 20%; }
|
||||
.jio-inv-page .jio-inv-table td { vertical-align: middle; overflow-wrap: anywhere; }
|
||||
.jio-inv-table .orderby-but { display: inline-flex; align-items: center; gap: 3px; color: var(--an-text-2); text-decoration: none; }
|
||||
.jio-inv-table .orderby-but .dashicons { width: 14px; height: 14px; font-size: 14px; opacity: .35; }
|
||||
.jio-inv-table .orderby-but:hover,
|
||||
.jio-inv-table .orderby-but.is-active { color: var(--an-primary); }
|
||||
.jio-inv-table .orderby-but.is-active .dashicons { opacity: 1; }
|
||||
.jio-inv-code { display: inline-flex; align-items: center; gap: 5px; max-width: 100%; padding: 5px 7px; color: var(--an-text); background: var(--an-bg-soft); border: 1px solid transparent; border-radius: 5px; text-align: left; font-size: 13px; overflow-wrap: anywhere; cursor: pointer; }
|
||||
.jio-inv-code .dashicons { flex: none; width: 14px; height: 14px; color: var(--an-muted); font-size: 14px; }
|
||||
.jio-inv-code:hover { color: var(--an-primary); background: var(--an-primary-soft); border-color: var(--an-primary); }
|
||||
.jio-inv-date { font-variant-numeric: tabular-nums; font-size: 12px; }
|
||||
.jio-inv-user { margin-top: 4px; font-size: 12px; }
|
||||
.jio-inv-table tr.is-selected > td,
|
||||
.jio-inv-table tr.is-selected > th { background: var(--an-primary-soft); }
|
||||
.jio-inv-page .jio-inv-code:focus-visible,
|
||||
.jio-inv-page .jio-inv-dialog__close:focus-visible { outline: 2px solid var(--an-primary); outline-offset: 2px; }
|
||||
|
||||
html.aksrt-inv-modal-open { overflow: hidden; }
|
||||
.aksrt-inv-dialog { width: min(680px, calc(100vw - 32px)); max-width: none; max-height: calc(100vh - 64px); max-height: calc(100dvh - 64px); margin: auto; padding: 0; overflow: hidden; color: var(--an-text-2); background: var(--an-card); border: 0; border-radius: var(--an-radius); box-shadow: 0 16px 64px rgba(15, 23, 42, .2); }
|
||||
.aksrt-inv-dialog::backdrop { background: rgba(15, 23, 42, .45); }
|
||||
#aksrt-inv-export { width: min(560px, calc(100vw - 32px)); }
|
||||
.aksrt-inv-dialog__frame { display: flex; flex-direction: column; max-height: inherit; margin: 0; }
|
||||
.aksrt-inv-dialog__head { display: flex; flex: none; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 20px 24px 18px; border-bottom: 1px solid var(--an-border-soft); }
|
||||
.aksrt-inv-dialog .aksrt-inv-dialog__head h2 { margin: 0; padding: 0; color: var(--an-text); font-size: 18px; font-weight: 600; line-height: 1.5; }
|
||||
.aksrt-inv-dialog__head p { margin: 5px 0 0; font-size: 12px; line-height: 1.7; }
|
||||
.aksrt-inv-dialog__close { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 30px; height: 30px; padding: 0; color: var(--an-text-2); background: transparent; border: 0; border-radius: 6px; cursor: pointer; }
|
||||
.aksrt-inv-dialog__close:hover { color: var(--an-text); background: var(--an-bg-soft); }
|
||||
.aksrt-inv-dialog__body { min-height: 0; padding: 20px 24px 24px; overflow-y: auto; overscroll-behavior: contain; }
|
||||
.aksrt-inv-dialog__foot { display: flex; flex: none; justify-content: flex-end; gap: 8px; padding: 16px 24px; border-top: 1px solid var(--an-border-soft); background: var(--an-card); }
|
||||
.aksrt-inv-dialog .aksrt-native-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||||
.aksrt-inv-dialog .aksrt-native-field { min-width: 0; }
|
||||
.aksrt-inv-dialog .aksrt-native-field > input,
|
||||
.aksrt-inv-dialog .aksrt-native-field > textarea { width: 100%; max-width: 100%; }
|
||||
.aksrt-inv-dialog textarea { resize: vertical; }
|
||||
.aksrt-inv-pane { min-width: 0; margin: 0; padding: 0; border: 0; }
|
||||
.aksrt-inv-modes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; margin: 0 0 22px; padding: 4px; background: var(--an-bg-soft); border: 0; border-radius: var(--an-radius-sm); }
|
||||
.aksrt-inv-modes label { position: relative; cursor: pointer; }
|
||||
.aksrt-inv-modes input { position: absolute; width: 1px; height: 1px; margin: -1px; opacity: 0; clip-path: inset(50%); }
|
||||
.aksrt-inv-modes span { display: block; padding: 9px 12px; border: 1px solid transparent; border-radius: 6px; text-align: center; }
|
||||
.aksrt-inv-modes input:checked + span { color: var(--an-primary); background: var(--an-card); border-color: var(--an-primary); font-weight: 600; }
|
||||
.aksrt-inv-modes input:focus-visible + span { outline: 2px solid var(--an-primary); outline-offset: 2px; }
|
||||
.aksrt-inv-rewards { min-width: 0; margin: 22px 0; padding: 18px; border: 1px solid var(--an-border); border-radius: var(--an-radius-sm); }
|
||||
.aksrt-inv-rewards > legend,
|
||||
.aksrt-inv-options > legend { padding: 0 5px; color: var(--an-text); font-weight: 600; }
|
||||
.aksrt-inv-hint { margin: -2px 0 14px; font-size: 12px; line-height: 1.7; }
|
||||
.aksrt-inv-dialog .aksrt-inv-reward-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
|
||||
.aksrt-inv-vip { margin: 16px 0 0; padding: 0; border: 0; }
|
||||
.aksrt-inv-vip legend { margin-bottom: 8px; padding: 0; font-weight: 600; }
|
||||
.aksrt-inv-radios { display: flex; flex-wrap: wrap; gap: 12px 18px; }
|
||||
.aksrt-inv-radios label { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
|
||||
.aksrt-inv-radios input { margin: 0; }
|
||||
.aksrt-inv-vip-time { max-width: 200px; margin-top: 14px; }
|
||||
.aksrt-inv-advanced { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
|
||||
.aksrt-inv-advanced input { margin: 0; }
|
||||
.aksrt-inv-length { margin-top: 12px; }
|
||||
.aksrt-inv-dialog .aksrt-inv-length input { max-width: 160px; }
|
||||
.aksrt-inv-separator { margin-top: 16px; }
|
||||
.aksrt-inv-dialog .aksrt-inv-separator input { max-width: 100px; }
|
||||
.aksrt-inv-help { margin-top: 20px; padding-top: 14px; border-top: 1px solid var(--an-border-soft); line-height: 1.8; }
|
||||
.aksrt-inv-help summary { color: var(--an-primary); cursor: pointer; }
|
||||
.aksrt-inv-help p { font-size: 12px; }
|
||||
.aksrt-inv-help pre { padding: 12px; overflow: auto; font-size: 12px; background: var(--an-bg-soft); border-radius: 6px; }
|
||||
.aksrt-inv-options { min-width: 0; margin: 0 0 22px; padding: 0; border: 0; }
|
||||
.aksrt-inv-options > legend { margin-bottom: 12px; padding: 0; }
|
||||
.aksrt-inv-formats { display: grid; gap: 10px; }
|
||||
.aksrt-inv-formats label { display: flex; align-items: flex-start; gap: 10px; padding: 13px 14px; border: 1px solid var(--an-border); border-radius: var(--an-radius-sm); cursor: pointer; }
|
||||
.aksrt-inv-formats label:has(input:checked) { background: var(--an-primary-soft); border-color: var(--an-primary); }
|
||||
.aksrt-inv-formats input { flex: none; margin: 3px 0 0; }
|
||||
.aksrt-inv-formats strong { display: block; color: var(--an-text); font-weight: 600; }
|
||||
.aksrt-inv-formats small { display: block; margin-top: 5px; font-size: 12px; line-height: 1.7; }
|
||||
.aksrt-inv-page .aksrt-inv-export-note { margin: 20px 0 0; padding: 12px 14px; font-size: 12px; line-height: 1.8; }
|
||||
.aksrt-inv-toast { position: fixed; z-index: 100100; top: 48px; left: 50%; max-width: calc(100vw - 48px); padding: 10px 18px; transform: translateX(-50%); color: #fff; background: #1f2329; border-radius: var(--an-radius-sm); box-shadow: var(--an-shadow); opacity: 0; pointer-events: none; }
|
||||
.aksrt-inv-toast.is-visible { opacity: 1; }
|
||||
html.jio-inv-modal-open { overflow: hidden; }
|
||||
.jio-inv-dialog { width: min(680px, calc(100vw - 32px)); max-width: none; max-height: calc(100vh - 64px); max-height: calc(100dvh - 64px); margin: auto; padding: 0; overflow: hidden; color: var(--an-text-2); background: var(--an-card); border: 0; border-radius: var(--an-radius); box-shadow: 0 16px 64px rgba(15, 23, 42, .2); }
|
||||
.jio-inv-dialog::backdrop { background: rgba(15, 23, 42, .45); }
|
||||
#jio-inv-export { width: min(560px, calc(100vw - 32px)); }
|
||||
.jio-inv-dialog__frame { display: flex; flex-direction: column; max-height: inherit; margin: 0; }
|
||||
.jio-inv-dialog__head { display: flex; flex: none; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 20px 24px 18px; border-bottom: 1px solid var(--an-border-soft); }
|
||||
.jio-inv-dialog .jio-inv-dialog__head h2 { margin: 0; padding: 0; color: var(--an-text); font-size: 18px; font-weight: 600; line-height: 1.5; }
|
||||
.jio-inv-dialog__head p { margin: 5px 0 0; font-size: 12px; line-height: 1.7; }
|
||||
.jio-inv-dialog__close { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 30px; height: 30px; padding: 0; color: var(--an-text-2); background: transparent; border: 0; border-radius: 6px; cursor: pointer; }
|
||||
.jio-inv-dialog__close:hover { color: var(--an-text); background: var(--an-bg-soft); }
|
||||
.jio-inv-dialog__body { min-height: 0; padding: 20px 24px 24px; overflow-y: auto; overscroll-behavior: contain; }
|
||||
.jio-inv-dialog__foot { display: flex; flex: none; justify-content: flex-end; gap: 8px; padding: 16px 24px; border-top: 1px solid var(--an-border-soft); background: var(--an-card); }
|
||||
.jio-inv-dialog .jio-native-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||||
.jio-inv-dialog .jio-native-field { min-width: 0; }
|
||||
.jio-inv-dialog .jio-native-field > input,
|
||||
.jio-inv-dialog .jio-native-field > textarea { width: 100%; max-width: 100%; }
|
||||
.jio-inv-dialog textarea { resize: vertical; }
|
||||
.jio-inv-pane { min-width: 0; margin: 0; padding: 0; border: 0; }
|
||||
.jio-inv-modes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; margin: 0 0 22px; padding: 4px; background: var(--an-bg-soft); border: 0; border-radius: var(--an-radius-sm); }
|
||||
.jio-inv-modes label { position: relative; cursor: pointer; }
|
||||
.jio-inv-modes input { position: absolute; width: 1px; height: 1px; margin: -1px; opacity: 0; clip-path: inset(50%); }
|
||||
.jio-inv-modes span { display: block; padding: 9px 12px; border: 1px solid transparent; border-radius: 6px; text-align: center; }
|
||||
.jio-inv-modes input:checked + span { color: var(--an-primary); background: var(--an-card); border-color: var(--an-primary); font-weight: 600; }
|
||||
.jio-inv-modes input:focus-visible + span { outline: 2px solid var(--an-primary); outline-offset: 2px; }
|
||||
.jio-inv-rewards { min-width: 0; margin: 22px 0; padding: 18px; border: 1px solid var(--an-border); border-radius: var(--an-radius-sm); }
|
||||
.jio-inv-rewards > legend,
|
||||
.jio-inv-options > legend { padding: 0 5px; color: var(--an-text); font-weight: 600; }
|
||||
.jio-inv-hint { margin: -2px 0 14px; font-size: 12px; line-height: 1.7; }
|
||||
.jio-inv-dialog .jio-inv-reward-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
|
||||
.jio-inv-vip { margin: 16px 0 0; padding: 0; border: 0; }
|
||||
.jio-inv-vip legend { margin-bottom: 8px; padding: 0; font-weight: 600; }
|
||||
.jio-inv-radios { display: flex; flex-wrap: wrap; gap: 12px 18px; }
|
||||
.jio-inv-radios label { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
|
||||
.jio-inv-radios input { margin: 0; }
|
||||
.jio-inv-vip-time { max-width: 200px; margin-top: 14px; }
|
||||
.jio-inv-advanced { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
|
||||
.jio-inv-advanced input { margin: 0; }
|
||||
.jio-inv-length { margin-top: 12px; }
|
||||
.jio-inv-dialog .jio-inv-length input { max-width: 160px; }
|
||||
.jio-inv-separator { margin-top: 16px; }
|
||||
.jio-inv-dialog .jio-inv-separator input { max-width: 100px; }
|
||||
.jio-inv-help { margin-top: 20px; padding-top: 14px; border-top: 1px solid var(--an-border-soft); line-height: 1.8; }
|
||||
.jio-inv-help summary { color: var(--an-primary); cursor: pointer; }
|
||||
.jio-inv-help p { font-size: 12px; }
|
||||
.jio-inv-help pre { padding: 12px; overflow: auto; font-size: 12px; background: var(--an-bg-soft); border-radius: 6px; }
|
||||
.jio-inv-options { min-width: 0; margin: 0 0 22px; padding: 0; border: 0; }
|
||||
.jio-inv-options > legend { margin-bottom: 12px; padding: 0; }
|
||||
.jio-inv-formats { display: grid; gap: 10px; }
|
||||
.jio-inv-formats label { display: flex; align-items: flex-start; gap: 10px; padding: 13px 14px; border: 1px solid var(--an-border); border-radius: var(--an-radius-sm); cursor: pointer; }
|
||||
.jio-inv-formats label:has(input:checked) { background: var(--an-primary-soft); border-color: var(--an-primary); }
|
||||
.jio-inv-formats input { flex: none; margin: 3px 0 0; }
|
||||
.jio-inv-formats strong { display: block; color: var(--an-text); font-weight: 600; }
|
||||
.jio-inv-formats small { display: block; margin-top: 5px; font-size: 12px; line-height: 1.7; }
|
||||
.jio-inv-page .jio-inv-export-note { margin: 20px 0 0; padding: 12px 14px; font-size: 12px; line-height: 1.8; }
|
||||
.jio-inv-toast { position: fixed; z-index: 100100; top: 48px; left: 50%; max-width: calc(100vw - 48px); padding: 10px 18px; transform: translateX(-50%); color: #fff; background: #1f2329; border-radius: var(--an-radius-sm); box-shadow: var(--an-shadow); opacity: 0; pointer-events: none; }
|
||||
.jio-inv-toast.is-visible { opacity: 1; }
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.aksrt-inv-page .aksrt-native-header__actions { width: 100%; }
|
||||
.aksrt-inv-page .aksrt-native-header__actions .button { flex: 1; justify-content: center; }
|
||||
.aksrt-inv-toolbar,
|
||||
.aksrt-inv-bulk { padding-left: 14px; padding-right: 14px; }
|
||||
.aksrt-inv-toolbar .aksrt-native-filters { width: 100%; }
|
||||
.aksrt-inv-toolbar input[type="search"] { flex: 1 1 calc(100% - 76px); width: 0; min-width: 0; }
|
||||
.aksrt-inv-dialog { max-height: calc(100dvh - 24px); }
|
||||
.aksrt-inv-dialog__head,
|
||||
.aksrt-inv-dialog__body,
|
||||
.aksrt-inv-dialog__foot { padding-left: 16px; padding-right: 16px; }
|
||||
.aksrt-inv-dialog .aksrt-native-form-grid { grid-template-columns: 1fr; }
|
||||
.aksrt-inv-rewards { padding: 12px; }
|
||||
.aksrt-inv-dialog .aksrt-inv-reward-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
|
||||
.aksrt-inv-radios { gap: 12px; }
|
||||
.aksrt-inv-dialog__foot .button { flex: 1; }
|
||||
.jio-inv-page .jio-native-header__actions { width: 100%; }
|
||||
.jio-inv-page .jio-native-header__actions .button { flex: 1; justify-content: center; }
|
||||
.jio-inv-toolbar,
|
||||
.jio-inv-bulk { padding-left: 14px; padding-right: 14px; }
|
||||
.jio-inv-toolbar .jio-native-filters { width: 100%; }
|
||||
.jio-inv-toolbar input[type="search"] { flex: 1 1 calc(100% - 76px); width: 0; min-width: 0; }
|
||||
.jio-inv-dialog { max-height: calc(100dvh - 24px); }
|
||||
.jio-inv-dialog__head,
|
||||
.jio-inv-dialog__body,
|
||||
.jio-inv-dialog__foot { padding-left: 16px; padding-right: 16px; }
|
||||
.jio-inv-dialog .jio-native-form-grid { grid-template-columns: 1fr; }
|
||||
.jio-inv-rewards { padding: 12px; }
|
||||
.jio-inv-dialog .jio-inv-reward-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
|
||||
.jio-inv-radios { gap: 12px; }
|
||||
.jio-inv-dialog__foot .button { flex: 1; }
|
||||
}
|
||||
@@ -1,42 +1,42 @@
|
||||
/* 消息管理原生页。共享卡片 / 表单 / 筛选沿用 native-ui.css 的 --an-* 令牌。 */
|
||||
.aksrt-messages-admin [hidden] { display: none; }
|
||||
.aksrt-messages-admin__muted { color: var(--an-muted); }
|
||||
.aksrt-messages-admin__sub { margin-top: 3px; color: var(--an-muted); font-size: 12px; }
|
||||
.aksrt-messages-admin__sub code { padding: 0 4px; font-size: 12px; background: var(--an-bg-soft); }
|
||||
.aksrt-messages-admin .aksrt-native-header__actions .button { display: inline-flex; align-items: center; gap: 4px; }
|
||||
.aksrt-messages-admin .aksrt-native-header__actions .button .dashicons { margin: 0; line-height: 1; vertical-align: middle; }
|
||||
.aksrt-messages-admin .aksrt-native-stat:focus-visible { outline: 2px solid var(--an-primary); outline-offset: 2px; }
|
||||
.jio-messages-admin [hidden] { display: none; }
|
||||
.jio-messages-admin__muted { color: var(--an-muted); }
|
||||
.jio-messages-admin__sub { margin-top: 3px; color: var(--an-muted); font-size: 12px; }
|
||||
.jio-messages-admin__sub code { padding: 0 4px; font-size: 12px; background: var(--an-bg-soft); }
|
||||
.jio-messages-admin .jio-native-header__actions .button { display: inline-flex; align-items: center; gap: 4px; }
|
||||
.jio-messages-admin .jio-native-header__actions .button .dashicons { margin: 0; line-height: 1; vertical-align: middle; }
|
||||
.jio-messages-admin .jio-native-stat:focus-visible { outline: 2px solid var(--an-primary); outline-offset: 2px; }
|
||||
|
||||
/* ---- 列表内的筛选与批量工具栏 ---- */
|
||||
.aksrt-messages-admin__toolbar { padding: 14px 20px; border-bottom: 1px solid var(--an-border-soft); }
|
||||
.aksrt-messages-admin__toolbar .subsubsub { margin: 0 0 12px; }
|
||||
.aksrt-messages-admin__toolbar .aksrt-native-filters { margin: 0; }
|
||||
.aksrt-messages-admin__bulk { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 12px 20px; }
|
||||
.aksrt-messages-admin__selection { margin-right: auto; color: var(--an-muted); font-size: 12px; font-variant-numeric: tabular-nums; }
|
||||
.aksrt-messages-admin .button:disabled,
|
||||
.aksrt-messages-admin .button:disabled:hover { color: var(--an-muted) !important; background: var(--an-bg-soft) !important; border-color: var(--an-border-soft) !important; cursor: not-allowed; }
|
||||
.aksrt-messages-admin__danger.button { color: var(--an-danger); border-color: var(--an-danger); }
|
||||
.aksrt-messages-admin__danger.button:hover,
|
||||
.aksrt-messages-admin__danger.button:focus { color: #fff; background: var(--an-danger); border-color: var(--an-danger); }
|
||||
.jio-messages-admin__toolbar { padding: 14px 20px; border-bottom: 1px solid var(--an-border-soft); }
|
||||
.jio-messages-admin__toolbar .subsubsub { margin: 0 0 12px; }
|
||||
.jio-messages-admin__toolbar .jio-native-filters { margin: 0; }
|
||||
.jio-messages-admin__bulk { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 12px 20px; }
|
||||
.jio-messages-admin__selection { margin-right: auto; color: var(--an-muted); font-size: 12px; font-variant-numeric: tabular-nums; }
|
||||
.jio-messages-admin .button:disabled,
|
||||
.jio-messages-admin .button:disabled:hover { color: var(--an-muted) !important; background: var(--an-bg-soft) !important; border-color: var(--an-border-soft) !important; cursor: not-allowed; }
|
||||
.jio-messages-admin__danger.button { color: var(--an-danger); border-color: var(--an-danger); }
|
||||
.jio-messages-admin__danger.button:hover,
|
||||
.jio-messages-admin__danger.button:focus { color: #fff; background: var(--an-danger); border-color: var(--an-danger); }
|
||||
|
||||
.aksrt-messages-admin__table .column-title { width: 32%; }
|
||||
.aksrt-messages-admin__table .column-type { width: 10%; }
|
||||
.aksrt-messages-admin__table .column-user { width: 16%; }
|
||||
.aksrt-messages-admin__table .column-read { width: 8%; }
|
||||
.aksrt-messages-admin__table .column-time { width: 16%; }
|
||||
.aksrt-messages-admin .aksrt-messages-admin__table .column-actions { width: 18%; padding-left: 20px; padding-right: 20px; text-align: center; }
|
||||
.aksrt-messages-admin__table td { vertical-align: middle; }
|
||||
.aksrt-messages-admin__table .row-title { font-weight: 600; word-break: break-word; line-height: 1.5; }
|
||||
.aksrt-messages-admin__table tr.is-unread .row-title { font-weight: 700; }
|
||||
.aksrt-messages-admin__table tr.is-unread > th:first-child { box-shadow: inset 3px 0 0 var(--an-primary); }
|
||||
.aksrt-messages-admin__table tr.is-selected > td,
|
||||
.aksrt-messages-admin__table tr.is-selected > th { background: var(--an-primary-soft); }
|
||||
.aksrt-messages-admin__desc { margin-top: 3px; color: var(--an-text-2); word-break: break-word; }
|
||||
.aksrt-msg-row-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 12px; }
|
||||
.aksrt-msg-row-actions button { padding: 0; font-size: 12px; text-decoration: none; white-space: nowrap; }
|
||||
.jio-messages-admin__table .column-title { width: 32%; }
|
||||
.jio-messages-admin__table .column-type { width: 10%; }
|
||||
.jio-messages-admin__table .column-user { width: 16%; }
|
||||
.jio-messages-admin__table .column-read { width: 8%; }
|
||||
.jio-messages-admin__table .column-time { width: 16%; }
|
||||
.jio-messages-admin .jio-messages-admin__table .column-actions { width: 18%; padding-left: 20px; padding-right: 20px; text-align: center; }
|
||||
.jio-messages-admin__table td { vertical-align: middle; }
|
||||
.jio-messages-admin__table .row-title { font-weight: 600; word-break: break-word; line-height: 1.5; }
|
||||
.jio-messages-admin__table tr.is-unread .row-title { font-weight: 700; }
|
||||
.jio-messages-admin__table tr.is-unread > th:first-child { box-shadow: inset 3px 0 0 var(--an-primary); }
|
||||
.jio-messages-admin__table tr.is-selected > td,
|
||||
.jio-messages-admin__table tr.is-selected > th { background: var(--an-primary-soft); }
|
||||
.jio-messages-admin__desc { margin-top: 3px; color: var(--an-text-2); word-break: break-word; }
|
||||
.jio-msg-row-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 12px; }
|
||||
.jio-msg-row-actions button { padding: 0; font-size: 12px; text-decoration: none; white-space: nowrap; }
|
||||
|
||||
/* 类型徽章（可点击筛选） */
|
||||
.aksrt-msg-badge {
|
||||
.jio-msg-badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
padding: 2px 8px;
|
||||
@@ -45,27 +45,27 @@
|
||||
line-height: 18px;
|
||||
white-space: nowrap;
|
||||
text-decoration: none;
|
||||
color: var(--aksrt-msg-tone, var(--an-muted));
|
||||
background: color-mix(in srgb, var(--aksrt-msg-tone, var(--an-muted)) 12%, #fff);
|
||||
border: 1px solid color-mix(in srgb, var(--aksrt-msg-tone, var(--an-muted)) 30%, #fff);
|
||||
color: var(--jio-msg-tone, var(--an-muted));
|
||||
background: color-mix(in srgb, var(--jio-msg-tone, var(--an-muted)) 12%, #fff);
|
||||
border: 1px solid color-mix(in srgb, var(--jio-msg-tone, var(--an-muted)) 30%, #fff);
|
||||
}
|
||||
.aksrt-msg-badge:hover,
|
||||
.aksrt-msg-badge:focus { color: var(--aksrt-msg-tone, var(--an-muted)); border-color: var(--aksrt-msg-tone, var(--an-muted)); }
|
||||
.aksrt-msg-badge.is-info { --aksrt-msg-tone: var(--an-info); }
|
||||
.aksrt-msg-badge.is-success { --aksrt-msg-tone: #00a32a; }
|
||||
.aksrt-msg-badge.is-danger { --aksrt-msg-tone: var(--an-danger); }
|
||||
.aksrt-msg-badge.is-social { --aksrt-msg-tone: #8c5bd0; }
|
||||
.aksrt-msg-state { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; white-space: nowrap; }
|
||||
.aksrt-msg-state::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
|
||||
.aksrt-msg-state.is-unread { color: var(--an-primary); font-weight: 600; }
|
||||
.aksrt-msg-state.is-read { color: var(--an-muted); }
|
||||
.aksrt-msg-user { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; min-width: 0; text-decoration: none; }
|
||||
.aksrt-msg-user img { flex: none; border-radius: 50%; }
|
||||
.aksrt-msg-user span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.jio-msg-badge:hover,
|
||||
.jio-msg-badge:focus { color: var(--jio-msg-tone, var(--an-muted)); border-color: var(--jio-msg-tone, var(--an-muted)); }
|
||||
.jio-msg-badge.is-info { --jio-msg-tone: var(--an-info); }
|
||||
.jio-msg-badge.is-success { --jio-msg-tone: #00a32a; }
|
||||
.jio-msg-badge.is-danger { --jio-msg-tone: var(--an-danger); }
|
||||
.jio-msg-badge.is-social { --jio-msg-tone: #8c5bd0; }
|
||||
.jio-msg-state { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; white-space: nowrap; }
|
||||
.jio-msg-state::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
|
||||
.jio-msg-state.is-unread { color: var(--an-primary); font-weight: 600; }
|
||||
.jio-msg-state.is-read { color: var(--an-muted); }
|
||||
.jio-msg-user { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; min-width: 0; text-decoration: none; }
|
||||
.jio-msg-user img { flex: none; border-radius: 50%; }
|
||||
.jio-msg-user span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
||||
|
||||
/* ---- 发送 / 详情 / 二次确认共用弹窗 ---- */
|
||||
html.aksrt-msg-modal-open { overflow: hidden; }
|
||||
.aksrt-msg-dialog {
|
||||
html.jio-msg-modal-open { overflow: hidden; }
|
||||
.jio-msg-dialog {
|
||||
width: min(640px, calc(100vw - 32px));
|
||||
max-height: calc(100vh - 64px);
|
||||
padding: 0;
|
||||
@@ -76,10 +76,10 @@ html.aksrt-msg-modal-open { overflow: hidden; }
|
||||
border-radius: var(--an-radius);
|
||||
box-shadow: 0 12px 48px rgba(15, 23, 42, .18);
|
||||
}
|
||||
.aksrt-msg-dialog::backdrop { background: rgba(15, 23, 42, .45); }
|
||||
.aksrt-msg-dialog--confirm { width: min(440px, calc(100vw - 32px)); }
|
||||
.aksrt-msg-dialog__frame { display: flex; flex-direction: column; max-height: inherit; margin: 0; }
|
||||
.aksrt-msg-dialog__head {
|
||||
.jio-msg-dialog::backdrop { background: rgba(15, 23, 42, .45); }
|
||||
.jio-msg-dialog--confirm { width: min(440px, calc(100vw - 32px)); }
|
||||
.jio-msg-dialog__frame { display: flex; flex-direction: column; max-height: inherit; margin: 0; }
|
||||
.jio-msg-dialog__head {
|
||||
display: flex;
|
||||
flex-shrink: 0;
|
||||
align-items: center;
|
||||
@@ -88,47 +88,47 @@ html.aksrt-msg-modal-open { overflow: hidden; }
|
||||
padding: 16px 20px;
|
||||
border-bottom: 1px solid var(--an-border-soft);
|
||||
}
|
||||
.aksrt-msg-dialog .aksrt-msg-dialog__title { display: flex; align-items: center; gap: 8px; margin: 0; color: var(--an-text); font-size: 16px; font-weight: 600; line-height: 1.4; }
|
||||
.aksrt-msg-dialog__title .dashicons { flex-shrink: 0; color: var(--an-primary); }
|
||||
.aksrt-msg-dialog__close { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; color: var(--an-muted); background: transparent; border: 0; border-radius: var(--an-radius-sm); cursor: pointer; }
|
||||
.aksrt-msg-dialog__close:hover,
|
||||
.aksrt-msg-dialog__close:focus-visible { color: var(--an-text); background: var(--an-bg-soft); }
|
||||
.aksrt-msg-dialog__body { min-height: 0; padding: 18px 20px; overflow-y: auto; overscroll-behavior: contain; }
|
||||
.aksrt-msg-dialog__note { margin: 14px 0 0; font-size: 12px; }
|
||||
.aksrt-msg-dialog__foot { display: flex; flex-shrink: 0; justify-content: flex-end; gap: 8px; padding: 14px 20px; border-top: 1px solid var(--an-border-soft); }
|
||||
.aksrt-msg-dialog .aksrt-native-form-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
|
||||
.aksrt-msg-dialog--confirm .aksrt-msg-dialog__body p { margin: 0; line-height: 1.8; }
|
||||
.jio-msg-dialog .jio-msg-dialog__title { display: flex; align-items: center; gap: 8px; margin: 0; color: var(--an-text); font-size: 16px; font-weight: 600; line-height: 1.4; }
|
||||
.jio-msg-dialog__title .dashicons { flex-shrink: 0; color: var(--an-primary); }
|
||||
.jio-msg-dialog__close { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; color: var(--an-muted); background: transparent; border: 0; border-radius: var(--an-radius-sm); cursor: pointer; }
|
||||
.jio-msg-dialog__close:hover,
|
||||
.jio-msg-dialog__close:focus-visible { color: var(--an-text); background: var(--an-bg-soft); }
|
||||
.jio-msg-dialog__body { min-height: 0; padding: 18px 20px; overflow-y: auto; overscroll-behavior: contain; }
|
||||
.jio-msg-dialog__note { margin: 14px 0 0; font-size: 12px; }
|
||||
.jio-msg-dialog__foot { display: flex; flex-shrink: 0; justify-content: flex-end; gap: 8px; padding: 14px 20px; border-top: 1px solid var(--an-border-soft); }
|
||||
.jio-msg-dialog .jio-native-form-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
|
||||
.jio-msg-dialog--confirm .jio-msg-dialog__body p { margin: 0; line-height: 1.8; }
|
||||
|
||||
/* 分段单选：保留键盘语义，隐藏 WP 默认勾选标记。 */
|
||||
.aksrt-msg-modes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0 0 16px; padding: 0; border: 0; }
|
||||
.aksrt-msg-modes legend { margin-bottom: 8px; padding: 0; }
|
||||
.aksrt-msg-mode { position: relative; cursor: pointer; }
|
||||
.aksrt-msg-mode input[type="radio"] { position: absolute; width: 1px; height: 1px; min-width: 0; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); border: 0; opacity: 0; appearance: none; }
|
||||
.aksrt-msg-mode > span { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 10px; color: var(--an-text-2); border: 1px solid var(--an-border); border-radius: var(--an-radius-sm); }
|
||||
.aksrt-msg-mode input:checked + span { color: var(--an-primary); background: var(--an-primary-soft); border-color: var(--an-primary); font-weight: 600; }
|
||||
.aksrt-msg-mode:hover > span { border-color: var(--an-primary); }
|
||||
.aksrt-msg-mode input:focus-visible + span { outline: 2px solid var(--an-primary); outline-offset: 2px; }
|
||||
.aksrt-msg-counter { align-self: flex-end; color: var(--an-muted); font-size: 12px; font-variant-numeric: tabular-nums; }
|
||||
.aksrt-msg-counter.is-over { color: var(--an-danger); font-weight: 600; }
|
||||
.jio-msg-modes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0 0 16px; padding: 0; border: 0; }
|
||||
.jio-msg-modes legend { margin-bottom: 8px; padding: 0; }
|
||||
.jio-msg-mode { position: relative; cursor: pointer; }
|
||||
.jio-msg-mode input[type="radio"] { position: absolute; width: 1px; height: 1px; min-width: 0; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); border: 0; opacity: 0; appearance: none; }
|
||||
.jio-msg-mode > span { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 10px; color: var(--an-text-2); border: 1px solid var(--an-border); border-radius: var(--an-radius-sm); }
|
||||
.jio-msg-mode input:checked + span { color: var(--an-primary); background: var(--an-primary-soft); border-color: var(--an-primary); font-weight: 600; }
|
||||
.jio-msg-mode:hover > span { border-color: var(--an-primary); }
|
||||
.jio-msg-mode input:focus-visible + span { outline: 2px solid var(--an-primary); outline-offset: 2px; }
|
||||
.jio-msg-counter { align-self: flex-end; color: var(--an-muted); font-size: 12px; font-variant-numeric: tabular-nums; }
|
||||
.jio-msg-counter.is-over { color: var(--an-danger); font-weight: 600; }
|
||||
|
||||
/* 详情原样展示纯文本，保留换行，不插入消息中的 HTML。 */
|
||||
.aksrt-msg-detail__title { margin: 0 0 16px; color: var(--an-text); font-size: 17px; line-height: 1.5; overflow-wrap: anywhere; }
|
||||
.aksrt-msg-detail__meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 14px; background: var(--an-bg-soft); border-radius: var(--an-radius-sm); }
|
||||
.aksrt-msg-detail__meta dt { color: var(--an-muted); font-size: 12px; }
|
||||
.aksrt-msg-detail__meta dd { margin: 4px 0 0; overflow-wrap: anywhere; }
|
||||
.aksrt-msg-detail__content { line-height: 1.8; white-space: pre-wrap; overflow-wrap: anywhere; }
|
||||
.aksrt-msg-detail__link { display: block; margin-top: 16px; overflow-wrap: anywhere; }
|
||||
.jio-msg-detail__title { margin: 0 0 16px; color: var(--an-text); font-size: 17px; line-height: 1.5; overflow-wrap: anywhere; }
|
||||
.jio-msg-detail__meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 14px; background: var(--an-bg-soft); border-radius: var(--an-radius-sm); }
|
||||
.jio-msg-detail__meta dt { color: var(--an-muted); font-size: 12px; }
|
||||
.jio-msg-detail__meta dd { margin: 4px 0 0; overflow-wrap: anywhere; }
|
||||
.jio-msg-detail__content { line-height: 1.8; white-space: pre-wrap; overflow-wrap: anywhere; }
|
||||
.jio-msg-detail__link { display: block; margin-top: 16px; overflow-wrap: anywhere; }
|
||||
|
||||
@media (max-width: 782px) {
|
||||
.aksrt-messages-admin__toolbar,
|
||||
.aksrt-messages-admin__bulk { padding: 12px 14px; }
|
||||
.aksrt-messages-admin__table .column-type,
|
||||
.aksrt-messages-admin__table .column-read { display: none; }
|
||||
.jio-messages-admin__toolbar,
|
||||
.jio-messages-admin__bulk { padding: 12px 14px; }
|
||||
.jio-messages-admin__table .column-type,
|
||||
.jio-messages-admin__table .column-read { display: none; }
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.aksrt-msg-dialog { max-height: calc(100dvh - 32px); }
|
||||
.aksrt-msg-dialog__head,
|
||||
.aksrt-msg-dialog__body,
|
||||
.aksrt-msg-dialog__foot { padding-left: 14px; padding-right: 14px; }
|
||||
.aksrt-msg-detail__meta { grid-template-columns: 1fr; }
|
||||
.jio-msg-dialog { max-height: calc(100dvh - 32px); }
|
||||
.jio-msg-dialog__head,
|
||||
.jio-msg-dialog__body,
|
||||
.jio-msg-dialog__foot { padding-left: 14px; padding-right: 14px; }
|
||||
.jio-msg-detail__meta { grid-template-columns: 1fr; }
|
||||
}
|
||||
+205
-205
@@ -1,12 +1,12 @@
|
||||
/*
|
||||
* AKSRT 原生后台运营页共享 UI（支付中心 / 用户子菜单）。
|
||||
* Jio 原生后台运营页共享 UI（支付中心 / 用户子菜单）。
|
||||
*
|
||||
* 只在 NativeUi::SLUGS 列出的页面入队，全部规则限定在 .aksrt-native 下，
|
||||
* 只在 NativeUi::SLUGS 列出的页面入队，全部规则限定在 .jio-native 下，
|
||||
* 不影响 WP 其它后台页。色板与圆角对齐 SPA 的 Naive UI 主题（App.vue）。
|
||||
* 标记由 src/Admin/Native/NativeUi.php 输出。
|
||||
*/
|
||||
|
||||
.aksrt-native {
|
||||
.jio-native {
|
||||
--an-primary: #18a058;
|
||||
--an-primary-hover: #36ad6a;
|
||||
--an-primary-soft: #e8f6ee;
|
||||
@@ -31,7 +31,7 @@
|
||||
}
|
||||
|
||||
/* ---------- 页头 ---------- */
|
||||
.aksrt-native-header {
|
||||
.jio-native-header {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
@@ -39,8 +39,8 @@
|
||||
gap: 12px 16px;
|
||||
margin: 18px 0 16px;
|
||||
}
|
||||
.aksrt-native-header__main { min-width: 0; }
|
||||
.aksrt-native .aksrt-native-header__title {
|
||||
.jio-native-header__main { min-width: 0; }
|
||||
.jio-native .jio-native-header__title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
@@ -51,7 +51,7 @@
|
||||
font-weight: 600;
|
||||
line-height: 1.3;
|
||||
}
|
||||
.aksrt-native-header__icon {
|
||||
.jio-native-header__icon {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -61,17 +61,17 @@
|
||||
background: var(--an-primary-soft);
|
||||
border-radius: 10px;
|
||||
}
|
||||
.aksrt-native-header__icon.dashicons:before { font-size: 20px; line-height: 36px; }
|
||||
.aksrt-native-header__icon.dashicons { width: 36px; height: 36px; }
|
||||
.aksrt-native-header__desc { margin: 6px 0 0; color: var(--an-muted); }
|
||||
.aksrt-native-header__actions { display: flex; flex-wrap: wrap; gap: 8px; }
|
||||
.jio-native-header__icon.dashicons:before { font-size: 20px; line-height: 36px; }
|
||||
.jio-native-header__icon.dashicons { width: 36px; height: 36px; }
|
||||
.jio-native-header__desc { margin: 6px 0 0; color: var(--an-muted); }
|
||||
.jio-native-header__actions { display: flex; flex-wrap: wrap; gap: 8px; }
|
||||
|
||||
/* WP 把 .notice 挪到首个 h1/h2 后；保持与卡片同宽同圆角。 */
|
||||
.aksrt-native .notice { margin: 0 0 16px; border-radius: var(--an-radius-sm); box-shadow: var(--an-shadow); }
|
||||
.jio-native .notice { margin: 0 0 16px; border-radius: var(--an-radius-sm); box-shadow: var(--an-shadow); }
|
||||
|
||||
/* ---------- 标签导航（.subsubsub / .nav-tab-wrapper / .aksrt-native-tabs） ---------- */
|
||||
.aksrt-native .subsubsub,
|
||||
.aksrt-native-tabs {
|
||||
/* ---------- 标签导航（.subsubsub / .nav-tab-wrapper / .jio-native-tabs） ---------- */
|
||||
.jio-native .subsubsub,
|
||||
.jio-native-tabs {
|
||||
display: inline-flex;
|
||||
flex-wrap: wrap;
|
||||
float: none;
|
||||
@@ -84,10 +84,10 @@
|
||||
box-shadow: var(--an-shadow);
|
||||
font-size: 13px;
|
||||
}
|
||||
.aksrt-native .subsubsub li { margin: 0; font-size: 0; }
|
||||
.aksrt-native .subsubsub li > * { font-size: 13px; }
|
||||
.aksrt-native .subsubsub a,
|
||||
.aksrt-native-tabs a {
|
||||
.jio-native .subsubsub li { margin: 0; font-size: 0; }
|
||||
.jio-native .subsubsub li > * { font-size: 13px; }
|
||||
.jio-native .subsubsub a,
|
||||
.jio-native-tabs a {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
@@ -98,17 +98,17 @@
|
||||
line-height: 1.4;
|
||||
transition: background .15s, color .15s;
|
||||
}
|
||||
.aksrt-native .subsubsub a:hover,
|
||||
.aksrt-native-tabs a:hover { color: var(--an-primary); background: var(--an-bg-soft); }
|
||||
.aksrt-native .subsubsub a.current,
|
||||
.aksrt-native-tabs a.is-active,
|
||||
.aksrt-native-tabs a[aria-current="page"] {
|
||||
.jio-native .subsubsub a:hover,
|
||||
.jio-native-tabs a:hover { color: var(--an-primary); background: var(--an-bg-soft); }
|
||||
.jio-native .subsubsub a.current,
|
||||
.jio-native-tabs a.is-active,
|
||||
.jio-native-tabs a[aria-current="page"] {
|
||||
color: var(--an-primary);
|
||||
background: var(--an-primary-soft);
|
||||
font-weight: 600;
|
||||
}
|
||||
.aksrt-native .subsubsub a .count,
|
||||
.aksrt-native-tabs .count {
|
||||
.jio-native .subsubsub a .count,
|
||||
.jio-native-tabs .count {
|
||||
padding: 0 6px;
|
||||
color: inherit;
|
||||
font-size: 12px;
|
||||
@@ -116,14 +116,14 @@
|
||||
background: rgba(0, 0, 0, .05);
|
||||
border-radius: 999px;
|
||||
}
|
||||
.aksrt-native .nav-tab-wrapper {
|
||||
.jio-native .nav-tab-wrapper {
|
||||
display: flex;
|
||||
gap: 4px;
|
||||
margin: 0 0 16px;
|
||||
padding: 0;
|
||||
border-bottom: 1px solid var(--an-border);
|
||||
}
|
||||
.aksrt-native .nav-tab {
|
||||
.jio-native .nav-tab {
|
||||
margin: 0 0 -1px;
|
||||
padding: 8px 14px;
|
||||
color: var(--an-text-2);
|
||||
@@ -132,21 +132,21 @@
|
||||
border-bottom: 2px solid transparent;
|
||||
font-weight: 500;
|
||||
}
|
||||
.aksrt-native .nav-tab:hover { color: var(--an-primary); background: transparent; }
|
||||
.aksrt-native .nav-tab-active,
|
||||
.aksrt-native .nav-tab-active:hover { color: var(--an-primary); border-bottom-color: var(--an-primary); background: transparent; }
|
||||
.aksrt-native-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; }
|
||||
.aksrt-native-toolbar > .subsubsub,
|
||||
.aksrt-native-toolbar > .aksrt-native-tabs { margin-bottom: 0; }
|
||||
.jio-native .nav-tab:hover { color: var(--an-primary); background: transparent; }
|
||||
.jio-native .nav-tab-active,
|
||||
.jio-native .nav-tab-active:hover { color: var(--an-primary); border-bottom-color: var(--an-primary); background: transparent; }
|
||||
.jio-native-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; }
|
||||
.jio-native-toolbar > .subsubsub,
|
||||
.jio-native-toolbar > .jio-native-tabs { margin-bottom: 0; }
|
||||
|
||||
/* ---------- 统计卡 ---------- */
|
||||
.aksrt-native-stats {
|
||||
.jio-native-stats {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
|
||||
gap: 12px;
|
||||
margin: 0 0 16px;
|
||||
}
|
||||
.aksrt-native-stat {
|
||||
.jio-native-stat {
|
||||
--an-tone: var(--an-primary);
|
||||
position: relative;
|
||||
display: flex;
|
||||
@@ -162,7 +162,7 @@
|
||||
overflow: hidden;
|
||||
transition: box-shadow .2s, transform .2s;
|
||||
}
|
||||
.aksrt-native-stat::after {
|
||||
.jio-native-stat::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
@@ -172,12 +172,12 @@
|
||||
background: radial-gradient(circle at top right, color-mix(in srgb, var(--an-tone) 16%, transparent), transparent 70%);
|
||||
pointer-events: none;
|
||||
}
|
||||
a.aksrt-native-stat:hover,
|
||||
a.aksrt-native-stat:focus { color: var(--an-text-2); box-shadow: var(--an-shadow-hover); transform: translateY(-1px); }
|
||||
a.aksrt-native-stat:focus { outline: 2px solid color-mix(in srgb, var(--an-tone) 40%, transparent); outline-offset: 1px; }
|
||||
.aksrt-native-stat__label { display: flex; align-items: center; gap: 6px; color: var(--an-muted); font-size: 13px; }
|
||||
.aksrt-native-stat__label .dashicons { width: 16px; height: 16px; color: var(--an-tone); font-size: 16px; }
|
||||
.aksrt-native-stat__value {
|
||||
a.jio-native-stat:hover,
|
||||
a.jio-native-stat:focus { color: var(--an-text-2); box-shadow: var(--an-shadow-hover); transform: translateY(-1px); }
|
||||
a.jio-native-stat:focus { outline: 2px solid color-mix(in srgb, var(--an-tone) 40%, transparent); outline-offset: 1px; }
|
||||
.jio-native-stat__label { display: flex; align-items: center; gap: 6px; color: var(--an-muted); font-size: 13px; }
|
||||
.jio-native-stat__label .dashicons { width: 16px; height: 16px; color: var(--an-tone); font-size: 16px; }
|
||||
.jio-native-stat__value {
|
||||
color: var(--an-text);
|
||||
font-size: 26px;
|
||||
font-weight: 600;
|
||||
@@ -185,24 +185,24 @@ a.aksrt-native-stat:focus { outline: 2px solid color-mix(in srgb, var(--an-tone)
|
||||
font-variant-numeric: tabular-nums;
|
||||
word-break: break-all;
|
||||
}
|
||||
.aksrt-native-stat__unit { margin-right: 2px; color: var(--an-muted); font-size: 14px; font-weight: 400; }
|
||||
.aksrt-native-stat__hint { color: var(--an-muted); font-size: 12px; }
|
||||
.aksrt-native-stat--success { --an-tone: var(--an-primary); }
|
||||
.aksrt-native-stat--info { --an-tone: var(--an-info); }
|
||||
.aksrt-native-stat--warning { --an-tone: var(--an-warning); }
|
||||
.aksrt-native-stat--danger { --an-tone: var(--an-danger); }
|
||||
.aksrt-native-stat--neutral { --an-tone: var(--an-muted); }
|
||||
.aksrt-native-stat--warning .aksrt-native-stat__value { color: #c27c0e; }
|
||||
.aksrt-native-stat--danger .aksrt-native-stat__value { color: var(--an-danger); }
|
||||
.jio-native-stat__unit { margin-right: 2px; color: var(--an-muted); font-size: 14px; font-weight: 400; }
|
||||
.jio-native-stat__hint { color: var(--an-muted); font-size: 12px; }
|
||||
.jio-native-stat--success { --an-tone: var(--an-primary); }
|
||||
.jio-native-stat--info { --an-tone: var(--an-info); }
|
||||
.jio-native-stat--warning { --an-tone: var(--an-warning); }
|
||||
.jio-native-stat--danger { --an-tone: var(--an-danger); }
|
||||
.jio-native-stat--neutral { --an-tone: var(--an-muted); }
|
||||
.jio-native-stat--warning .jio-native-stat__value { color: #c27c0e; }
|
||||
.jio-native-stat--danger .jio-native-stat__value { color: var(--an-danger); }
|
||||
|
||||
/* ---------- 卡片 ---------- */
|
||||
.aksrt-native-card {
|
||||
.jio-native-card {
|
||||
margin: 0 0 16px;
|
||||
background: var(--an-card);
|
||||
border-radius: var(--an-radius);
|
||||
box-shadow: var(--an-shadow);
|
||||
}
|
||||
.aksrt-native-card__head {
|
||||
.jio-native-card__head {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
@@ -211,7 +211,7 @@ a.aksrt-native-stat:focus { outline: 2px solid color-mix(in srgb, var(--an-tone)
|
||||
padding: 14px 20px;
|
||||
border-bottom: 1px solid var(--an-border-soft);
|
||||
}
|
||||
.aksrt-native .aksrt-native-card__title {
|
||||
.jio-native .jio-native-card__title {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding: 0 0 0 12px;
|
||||
@@ -220,7 +220,7 @@ a.aksrt-native-stat:focus { outline: 2px solid color-mix(in srgb, var(--an-tone)
|
||||
font-weight: 600;
|
||||
line-height: 1.4;
|
||||
}
|
||||
.aksrt-native-card__title::before {
|
||||
.jio-native-card__title::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
@@ -230,12 +230,12 @@ a.aksrt-native-stat:focus { outline: 2px solid color-mix(in srgb, var(--an-tone)
|
||||
background: var(--an-primary);
|
||||
border-radius: 4px;
|
||||
}
|
||||
.aksrt-native-card__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
|
||||
.aksrt-native-card__body { padding: 16px 20px; }
|
||||
.aksrt-native-card__body > :first-child { margin-top: 0; }
|
||||
.aksrt-native-card__body > :last-child { margin-bottom: 0; }
|
||||
.aksrt-native-card--flush > .aksrt-native-card__body { padding: 0; }
|
||||
.aksrt-native-card__foot {
|
||||
.jio-native-card__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
|
||||
.jio-native-card__body { padding: 16px 20px; }
|
||||
.jio-native-card__body > :first-child { margin-top: 0; }
|
||||
.jio-native-card__body > :last-child { margin-bottom: 0; }
|
||||
.jio-native-card--flush > .jio-native-card__body { padding: 0; }
|
||||
.jio-native-card__foot {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
@@ -245,8 +245,8 @@ a.aksrt-native-stat:focus { outline: 2px solid color-mix(in srgb, var(--an-tone)
|
||||
border-top: 1px solid var(--an-border-soft);
|
||||
}
|
||||
|
||||
/* 折叠卡片：<details class="aksrt-native-card aksrt-native-collapse"><summary>… */
|
||||
.aksrt-native-collapse > summary {
|
||||
/* 折叠卡片：<details class="jio-native-card jio-native-collapse"><summary>… */
|
||||
.jio-native-collapse > summary {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
@@ -257,75 +257,75 @@ a.aksrt-native-stat:focus { outline: 2px solid color-mix(in srgb, var(--an-tone)
|
||||
cursor: pointer;
|
||||
list-style: none;
|
||||
}
|
||||
.aksrt-native-collapse > summary::-webkit-details-marker { display: none; }
|
||||
.aksrt-native-collapse > summary::after {
|
||||
.jio-native-collapse > summary::-webkit-details-marker { display: none; }
|
||||
.jio-native-collapse > summary::after {
|
||||
content: "\f347";
|
||||
margin-left: auto;
|
||||
color: var(--an-muted);
|
||||
font: normal 16px/1 dashicons;
|
||||
transition: transform .2s;
|
||||
}
|
||||
.aksrt-native-collapse[open] > summary { border-bottom: 1px solid var(--an-border-soft); }
|
||||
.aksrt-native-collapse[open] > summary::after { transform: rotate(180deg); }
|
||||
.aksrt-native-collapse > summary .dashicons { color: var(--an-primary); }
|
||||
.jio-native-collapse[open] > summary { border-bottom: 1px solid var(--an-border-soft); }
|
||||
.jio-native-collapse[open] > summary::after { transform: rotate(180deg); }
|
||||
.jio-native-collapse > summary .dashicons { color: var(--an-primary); }
|
||||
|
||||
/* ---------- 筛选栏 ---------- */
|
||||
.aksrt-native-filters {
|
||||
.jio-native-filters {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
margin: 0;
|
||||
}
|
||||
.aksrt-native-filters label { display: inline-flex; align-items: center; gap: 6px; color: var(--an-muted); }
|
||||
.aksrt-native-filters input[type="search"] { min-width: 220px; }
|
||||
.aksrt-native-filters__spacer { flex: 1 1 auto; }
|
||||
.aksrt-native-card__body > .aksrt-native-filters + .aksrt-native-filters { margin-top: 10px; }
|
||||
.jio-native-filters label { display: inline-flex; align-items: center; gap: 6px; color: var(--an-muted); }
|
||||
.jio-native-filters input[type="search"] { min-width: 220px; }
|
||||
.jio-native-filters__spacer { flex: 1 1 auto; }
|
||||
.jio-native-card__body > .jio-native-filters + .jio-native-filters { margin-top: 10px; }
|
||||
|
||||
/* ---------- 表单 ---------- */
|
||||
.aksrt-native input[type="text"],
|
||||
.aksrt-native input[type="search"],
|
||||
.aksrt-native input[type="number"],
|
||||
.aksrt-native input[type="date"],
|
||||
.aksrt-native input[type="datetime-local"],
|
||||
.aksrt-native input[type="email"],
|
||||
.aksrt-native input[type="url"],
|
||||
.aksrt-native input[type="password"],
|
||||
.aksrt-native select,
|
||||
.aksrt-native textarea {
|
||||
.jio-native input[type="text"],
|
||||
.jio-native input[type="search"],
|
||||
.jio-native input[type="number"],
|
||||
.jio-native input[type="date"],
|
||||
.jio-native input[type="datetime-local"],
|
||||
.jio-native input[type="email"],
|
||||
.jio-native input[type="url"],
|
||||
.jio-native input[type="password"],
|
||||
.jio-native select,
|
||||
.jio-native textarea {
|
||||
min-height: 32px;
|
||||
border-color: var(--an-border);
|
||||
border-radius: var(--an-radius-sm);
|
||||
box-shadow: none;
|
||||
}
|
||||
.aksrt-native select { padding-right: 28px; }
|
||||
.aksrt-native input:focus,
|
||||
.aksrt-native select:focus,
|
||||
.aksrt-native textarea:focus {
|
||||
.jio-native select { padding-right: 28px; }
|
||||
.jio-native input:focus,
|
||||
.jio-native select:focus,
|
||||
.jio-native textarea:focus {
|
||||
border-color: var(--an-primary);
|
||||
box-shadow: 0 0 0 2px color-mix(in srgb, var(--an-primary) 20%, transparent);
|
||||
outline: 0;
|
||||
}
|
||||
.aksrt-native-form-grid {
|
||||
.jio-native-form-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
|
||||
gap: 14px 16px;
|
||||
}
|
||||
.aksrt-native-form-grid .is-wide { grid-column: 1 / -1; }
|
||||
.aksrt-native-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
|
||||
.aksrt-native-field__label { color: var(--an-text); font-weight: 500; }
|
||||
.aksrt-native-field__hint { color: var(--an-muted); font-size: 12px; }
|
||||
.aksrt-native-field input,
|
||||
.aksrt-native-field select,
|
||||
.aksrt-native-field textarea { width: 100%; max-width: none; }
|
||||
.aksrt-native-form-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 16px; }
|
||||
.aksrt-native .form-table th { color: var(--an-text); font-weight: 500; }
|
||||
.aksrt-native .form-table td,
|
||||
.aksrt-native .form-table th { padding-top: 12px; padding-bottom: 12px; }
|
||||
.jio-native-form-grid .is-wide { grid-column: 1 / -1; }
|
||||
.jio-native-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
|
||||
.jio-native-field__label { color: var(--an-text); font-weight: 500; }
|
||||
.jio-native-field__hint { color: var(--an-muted); font-size: 12px; }
|
||||
.jio-native-field input,
|
||||
.jio-native-field select,
|
||||
.jio-native-field textarea { width: 100%; max-width: none; }
|
||||
.jio-native-form-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 16px; }
|
||||
.jio-native .form-table th { color: var(--an-text); font-weight: 500; }
|
||||
.jio-native .form-table td,
|
||||
.jio-native .form-table th { padding-top: 12px; padding-bottom: 12px; }
|
||||
|
||||
/* ---------- 按钮 ---------- */
|
||||
.aksrt-native .button,
|
||||
.aksrt-native .page-title-action {
|
||||
.jio-native .button,
|
||||
.jio-native .page-title-action {
|
||||
min-height: 32px;
|
||||
padding: 0 14px;
|
||||
color: var(--an-text-2);
|
||||
@@ -335,42 +335,42 @@ a.aksrt-native-stat:focus { outline: 2px solid color-mix(in srgb, var(--an-tone)
|
||||
border-radius: var(--an-radius-sm);
|
||||
transition: border-color .15s, color .15s, background .15s;
|
||||
}
|
||||
.aksrt-native .page-title-action { top: 0; display: inline-flex; align-items: center; }
|
||||
.aksrt-native .button:hover,
|
||||
.aksrt-native .button:focus,
|
||||
.aksrt-native .page-title-action:hover {
|
||||
.jio-native .page-title-action { top: 0; display: inline-flex; align-items: center; }
|
||||
.jio-native .button:hover,
|
||||
.jio-native .button:focus,
|
||||
.jio-native .page-title-action:hover {
|
||||
color: var(--an-primary);
|
||||
background: #fff;
|
||||
border-color: var(--an-primary);
|
||||
box-shadow: none;
|
||||
}
|
||||
.aksrt-native .button-primary,
|
||||
.aksrt-native .button.button-primary {
|
||||
.jio-native .button-primary,
|
||||
.jio-native .button.button-primary {
|
||||
color: #fff;
|
||||
background: var(--an-primary);
|
||||
border-color: var(--an-primary);
|
||||
}
|
||||
.aksrt-native .button-primary:hover,
|
||||
.aksrt-native .button-primary:focus,
|
||||
.aksrt-native .button.button-primary:hover {
|
||||
.jio-native .button-primary:hover,
|
||||
.jio-native .button-primary:focus,
|
||||
.jio-native .button.button-primary:hover {
|
||||
color: #fff;
|
||||
background: var(--an-primary-hover);
|
||||
border-color: var(--an-primary-hover);
|
||||
}
|
||||
.aksrt-native .button-small,
|
||||
.aksrt-native .button.button-small { min-height: 26px; padding: 0 10px; font-size: 12px; line-height: 24px; }
|
||||
.aksrt-native .button-link-delete,
|
||||
.aksrt-native .button.is-danger { color: var(--an-danger); }
|
||||
.aksrt-native .button.is-danger:hover { color: #fff; background: var(--an-danger); border-color: var(--an-danger); }
|
||||
.aksrt-native .button .dashicons { width: 16px; height: 16px; margin: 0 4px 0 -2px; font-size: 16px; line-height: inherit; vertical-align: -1px; }
|
||||
.aksrt-native .submit { margin: 0; padding: 0; }
|
||||
.jio-native .button-small,
|
||||
.jio-native .button.button-small { min-height: 26px; padding: 0 10px; font-size: 12px; line-height: 24px; }
|
||||
.jio-native .button-link-delete,
|
||||
.jio-native .button.is-danger { color: var(--an-danger); }
|
||||
.jio-native .button.is-danger:hover { color: #fff; background: var(--an-danger); border-color: var(--an-danger); }
|
||||
.jio-native .button .dashicons { width: 16px; height: 16px; margin: 0 4px 0 -2px; font-size: 16px; line-height: inherit; vertical-align: -1px; }
|
||||
.jio-native .submit { margin: 0; padding: 0; }
|
||||
|
||||
/* 批量操作行：下拉与「应用」按钮锁定同一高度与字号。
|
||||
WP 核心给 select 14px/line-height:2、给 .button 13px，且 782px 以下再把两者各自放大，
|
||||
只设 min-height 时两者会因字号、行高和基线对齐不同而错位，这里显式给定。 */
|
||||
.aksrt-native-bulk { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
|
||||
.aksrt-native-bulk select,
|
||||
.aksrt-native-bulk .button {
|
||||
.jio-native-bulk { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
|
||||
.jio-native-bulk select,
|
||||
.jio-native-bulk .button {
|
||||
box-sizing: border-box;
|
||||
height: 32px;
|
||||
min-height: 32px;
|
||||
@@ -379,21 +379,21 @@ a.aksrt-native-stat:focus { outline: 2px solid color-mix(in srgb, var(--an-tone)
|
||||
line-height: 30px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.aksrt-native-bulk select { width: auto; max-width: 12.5rem; }
|
||||
.jio-native-bulk select { width: auto; max-width: 12.5rem; }
|
||||
|
||||
/* ---------- 表格 ---------- */
|
||||
.aksrt-native-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
|
||||
.aksrt-native .widefat,
|
||||
.aksrt-native .wp-list-table {
|
||||
.jio-native-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
|
||||
.jio-native .widefat,
|
||||
.jio-native .wp-list-table {
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
.aksrt-native .aksrt-native-card .widefat { background: transparent; }
|
||||
.aksrt-native .widefat thead th,
|
||||
.aksrt-native .widefat thead td,
|
||||
.aksrt-native .widefat tfoot th,
|
||||
.aksrt-native .widefat tfoot td {
|
||||
.jio-native .jio-native-card .widefat { background: transparent; }
|
||||
.jio-native .widefat thead th,
|
||||
.jio-native .widefat thead td,
|
||||
.jio-native .widefat tfoot th,
|
||||
.jio-native .widefat tfoot td {
|
||||
padding: 10px 12px;
|
||||
color: var(--an-muted);
|
||||
font-size: 12px;
|
||||
@@ -401,24 +401,24 @@ a.aksrt-native-stat:focus { outline: 2px solid color-mix(in srgb, var(--an-tone)
|
||||
background: var(--an-bg-soft);
|
||||
border-bottom: 1px solid var(--an-border-soft);
|
||||
}
|
||||
.aksrt-native .widefat thead th a { color: var(--an-muted); }
|
||||
.aksrt-native .widefat td,
|
||||
.aksrt-native .widefat tbody th {
|
||||
.jio-native .widefat thead th a { color: var(--an-muted); }
|
||||
.jio-native .widefat td,
|
||||
.jio-native .widefat tbody th {
|
||||
padding: 12px;
|
||||
color: var(--an-text-2);
|
||||
vertical-align: middle;
|
||||
border-bottom: 1px solid var(--an-border-soft);
|
||||
}
|
||||
.aksrt-native .widefat tbody tr:last-child > td,
|
||||
.aksrt-native .widefat tbody tr:last-child > th { border-bottom: 0; }
|
||||
.aksrt-native .striped > tbody > :nth-child(odd) { background: transparent; }
|
||||
.aksrt-native .widefat tbody tr { transition: background .15s; }
|
||||
.aksrt-native .widefat tbody tr:hover { background: #fafbfc; }
|
||||
.aksrt-native .widefat .check-column { width: 2.4em; padding: 12px 0 12px 12px; vertical-align: middle; }
|
||||
.aksrt-native .widefat thead .check-column { padding-top: 10px; padding-bottom: 10px; }
|
||||
.aksrt-native .widefat .check-column input { margin: 0; }
|
||||
.aksrt-native .widefat code,
|
||||
.aksrt-native-mono {
|
||||
.jio-native .widefat tbody tr:last-child > td,
|
||||
.jio-native .widefat tbody tr:last-child > th { border-bottom: 0; }
|
||||
.jio-native .striped > tbody > :nth-child(odd) { background: transparent; }
|
||||
.jio-native .widefat tbody tr { transition: background .15s; }
|
||||
.jio-native .widefat tbody tr:hover { background: #fafbfc; }
|
||||
.jio-native .widefat .check-column { width: 2.4em; padding: 12px 0 12px 12px; vertical-align: middle; }
|
||||
.jio-native .widefat thead .check-column { padding-top: 10px; padding-bottom: 10px; }
|
||||
.jio-native .widefat .check-column input { margin: 0; }
|
||||
.jio-native .widefat code,
|
||||
.jio-native-mono {
|
||||
padding: 1px 6px;
|
||||
color: var(--an-text);
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
|
||||
@@ -426,36 +426,36 @@ a.aksrt-native-stat:focus { outline: 2px solid color-mix(in srgb, var(--an-tone)
|
||||
background: var(--an-bg-soft);
|
||||
border-radius: 4px;
|
||||
}
|
||||
.aksrt-native .row-actions { color: var(--an-muted); }
|
||||
.aksrt-native .row-title,
|
||||
.aksrt-native .widefat strong { color: var(--an-text); }
|
||||
.aksrt-native-card > .aksrt-native-card__body > .widefat:first-child thead th:first-child,
|
||||
.aksrt-native-card--flush .widefat thead > tr > :first-child { padding-left: 20px; }
|
||||
.aksrt-native-card--flush .widefat tbody > tr > :first-child { padding-left: 20px; }
|
||||
.aksrt-native-card--flush .widefat thead > tr > :last-child,
|
||||
.aksrt-native-card--flush .widefat tbody > tr > :last-child { padding-right: 20px; }
|
||||
.aksrt-native-card--flush .widefat thead th:first-child,
|
||||
.aksrt-native-card--flush .widefat thead td:first-child { border-top-left-radius: 0; }
|
||||
.jio-native .row-actions { color: var(--an-muted); }
|
||||
.jio-native .row-title,
|
||||
.jio-native .widefat strong { color: var(--an-text); }
|
||||
.jio-native-card > .jio-native-card__body > .widefat:first-child thead th:first-child,
|
||||
.jio-native-card--flush .widefat thead > tr > :first-child { padding-left: 20px; }
|
||||
.jio-native-card--flush .widefat tbody > tr > :first-child { padding-left: 20px; }
|
||||
.jio-native-card--flush .widefat thead > tr > :last-child,
|
||||
.jio-native-card--flush .widefat tbody > tr > :last-child { padding-right: 20px; }
|
||||
.jio-native-card--flush .widefat thead th:first-child,
|
||||
.jio-native-card--flush .widefat thead td:first-child { border-top-left-radius: 0; }
|
||||
|
||||
/* 行内操作表单：单元格里的一组小控件 */
|
||||
.aksrt-native-inline {
|
||||
.jio-native-inline {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
margin: 0;
|
||||
}
|
||||
.aksrt-native-inline + .aksrt-native-inline { margin-top: 6px; }
|
||||
.aksrt-native-inline input[type="text"] { min-width: 0; width: 140px; }
|
||||
.jio-native-inline + .jio-native-inline { margin-top: 6px; }
|
||||
.jio-native-inline input[type="text"] { min-width: 0; width: 140px; }
|
||||
|
||||
/* 用户单元格：头像 + 名称 + 次要信息 */
|
||||
.aksrt-native-user { display: inline-flex; align-items: center; gap: 8px; min-width: 0; color: var(--an-text); text-decoration: none; }
|
||||
.aksrt-native-user img { flex: none; border-radius: 50%; }
|
||||
.aksrt-native-user__name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.aksrt-native-user__meta { display: block; color: var(--an-muted); font-size: 12px; }
|
||||
.jio-native-user { display: inline-flex; align-items: center; gap: 8px; min-width: 0; color: var(--an-text); text-decoration: none; }
|
||||
.jio-native-user img { flex: none; border-radius: 50%; }
|
||||
.jio-native-user__name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.jio-native-user__meta { display: block; color: var(--an-muted); font-size: 12px; }
|
||||
|
||||
/* ---------- 徽标 ---------- */
|
||||
.aksrt-native-badge {
|
||||
.jio-native-badge {
|
||||
--an-tone: var(--an-muted);
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
@@ -469,22 +469,22 @@ a.aksrt-native-stat:focus { outline: 2px solid color-mix(in srgb, var(--an-tone)
|
||||
background: color-mix(in srgb, var(--an-tone) 10%, #fff);
|
||||
border-radius: 999px;
|
||||
}
|
||||
.aksrt-native-badge.has-dot::before {
|
||||
.jio-native-badge.has-dot::before {
|
||||
content: "";
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
background: currentColor;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.aksrt-native-badge--success { --an-tone: var(--an-primary); }
|
||||
.aksrt-native-badge--info { --an-tone: var(--an-info); }
|
||||
.aksrt-native-badge--warning { --an-tone: #c27c0e; }
|
||||
.aksrt-native-badge--danger { --an-tone: var(--an-danger); }
|
||||
.aksrt-native-badge--neutral { --an-tone: #6b7785; }
|
||||
.aksrt-native-badge--primary { --an-tone: #7c4dff; }
|
||||
.jio-native-badge--success { --an-tone: var(--an-primary); }
|
||||
.jio-native-badge--info { --an-tone: var(--an-info); }
|
||||
.jio-native-badge--warning { --an-tone: #c27c0e; }
|
||||
.jio-native-badge--danger { --an-tone: var(--an-danger); }
|
||||
.jio-native-badge--neutral { --an-tone: #6b7785; }
|
||||
.jio-native-badge--primary { --an-tone: #7c4dff; }
|
||||
|
||||
/* ---------- 空状态 / 提示 ---------- */
|
||||
.aksrt-native-empty {
|
||||
.jio-native-empty {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
@@ -493,19 +493,19 @@ a.aksrt-native-stat:focus { outline: 2px solid color-mix(in srgb, var(--an-tone)
|
||||
color: var(--an-muted);
|
||||
text-align: center;
|
||||
}
|
||||
.aksrt-native-empty .dashicons { width: 40px; height: 40px; color: #c9cdd4; font-size: 40px; }
|
||||
.aksrt-native-empty__title { color: var(--an-text-2); font-size: 14px; font-weight: 500; }
|
||||
.aksrt-native .widefat td.aksrt-native-empty-cell { padding: 0; }
|
||||
.aksrt-native-muted,
|
||||
.aksrt-native .description { color: var(--an-muted); }
|
||||
.aksrt-native-text--success { color: var(--an-primary); }
|
||||
.aksrt-native-text--info { color: var(--an-info); }
|
||||
.aksrt-native-text--warning { color: #c27c0e; }
|
||||
.aksrt-native-text--danger { color: var(--an-danger); }
|
||||
.aksrt-native-amount { color: var(--an-text); font-weight: 600; font-variant-numeric: tabular-nums; }
|
||||
.aksrt-native-amount.is-positive { color: var(--an-primary); }
|
||||
.aksrt-native-amount.is-negative { color: var(--an-danger); }
|
||||
.aksrt-native-callout {
|
||||
.jio-native-empty .dashicons { width: 40px; height: 40px; color: #c9cdd4; font-size: 40px; }
|
||||
.jio-native-empty__title { color: var(--an-text-2); font-size: 14px; font-weight: 500; }
|
||||
.jio-native .widefat td.jio-native-empty-cell { padding: 0; }
|
||||
.jio-native-muted,
|
||||
.jio-native .description { color: var(--an-muted); }
|
||||
.jio-native-text--success { color: var(--an-primary); }
|
||||
.jio-native-text--info { color: var(--an-info); }
|
||||
.jio-native-text--warning { color: #c27c0e; }
|
||||
.jio-native-text--danger { color: var(--an-danger); }
|
||||
.jio-native-amount { color: var(--an-text); font-weight: 600; font-variant-numeric: tabular-nums; }
|
||||
.jio-native-amount.is-positive { color: var(--an-primary); }
|
||||
.jio-native-amount.is-negative { color: var(--an-danger); }
|
||||
.jio-native-callout {
|
||||
margin: 0 0 16px;
|
||||
padding: 12px 16px;
|
||||
color: var(--an-text-2);
|
||||
@@ -513,43 +513,43 @@ a.aksrt-native-stat:focus { outline: 2px solid color-mix(in srgb, var(--an-tone)
|
||||
border-left: 3px solid var(--an-info);
|
||||
border-radius: var(--an-radius-sm);
|
||||
}
|
||||
.aksrt-native-callout.is-warning { background: #fff8eb; border-left-color: var(--an-warning); }
|
||||
.aksrt-native-callout.is-danger { background: #fdf0f2; border-left-color: var(--an-danger); }
|
||||
.jio-native-callout.is-warning { background: #fff8eb; border-left-color: var(--an-warning); }
|
||||
.jio-native-callout.is-danger { background: #fdf0f2; border-left-color: var(--an-danger); }
|
||||
|
||||
/* ---------- 分页条（AdminListPagination / paginate_links） ---------- */
|
||||
.aksrt-native .tablenav { height: auto; margin: 0; padding: 12px 20px; }
|
||||
.aksrt-native .aksrt-native-card .tablenav.bottom { border-top: 1px solid var(--an-border-soft); }
|
||||
.aksrt-native .tablenav-pages { float: right; margin: 0; color: var(--an-muted); }
|
||||
.aksrt-native .tablenav-pages .button,
|
||||
.aksrt-native .tablenav-pages .page-numbers {
|
||||
.jio-native .tablenav { height: auto; margin: 0; padding: 12px 20px; }
|
||||
.jio-native .jio-native-card .tablenav.bottom { border-top: 1px solid var(--an-border-soft); }
|
||||
.jio-native .tablenav-pages { float: right; margin: 0; color: var(--an-muted); }
|
||||
.jio-native .tablenav-pages .button,
|
||||
.jio-native .tablenav-pages .page-numbers {
|
||||
min-width: 30px;
|
||||
min-height: 30px;
|
||||
padding: 0 8px;
|
||||
line-height: 28px;
|
||||
text-align: center;
|
||||
}
|
||||
.aksrt-native .tablenav-pages .page-numbers {
|
||||
.jio-native .tablenav-pages .page-numbers {
|
||||
display: inline-block;
|
||||
color: var(--an-text-2);
|
||||
border: 1px solid var(--an-border);
|
||||
border-radius: var(--an-radius-sm);
|
||||
text-decoration: none;
|
||||
}
|
||||
.aksrt-native .tablenav-pages .page-numbers.current { color: #fff; background: var(--an-primary); border-color: var(--an-primary); }
|
||||
.aksrt-native .tablenav-pages .page-numbers.dots { border-color: transparent; }
|
||||
.aksrt-native .tablenav-pages .button.disabled { color: #c9cdd4 !important; background: var(--an-bg-soft) !important; border-color: var(--an-border-soft) !important; }
|
||||
.aksrt-native .tablenav .actions { padding: 0; }
|
||||
.aksrt-native .tablenav::after { content: ""; display: table; clear: both; }
|
||||
.jio-native .tablenav-pages .page-numbers.current { color: #fff; background: var(--an-primary); border-color: var(--an-primary); }
|
||||
.jio-native .tablenav-pages .page-numbers.dots { border-color: transparent; }
|
||||
.jio-native .tablenav-pages .button.disabled { color: #c9cdd4 !important; background: var(--an-bg-soft) !important; border-color: var(--an-border-soft) !important; }
|
||||
.jio-native .tablenav .actions { padding: 0; }
|
||||
.jio-native .tablenav::after { content: ""; display: table; clear: both; }
|
||||
|
||||
@media (max-width: 782px) {
|
||||
.aksrt-native { margin-right: 10px; }
|
||||
.aksrt-native-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
|
||||
.aksrt-native-stat { padding: 12px 14px; }
|
||||
.aksrt-native-stat__value { font-size: 20px; }
|
||||
.aksrt-native-card__head,
|
||||
.aksrt-native-card__body,
|
||||
.aksrt-native-collapse > summary { padding-left: 14px; padding-right: 14px; }
|
||||
.aksrt-native .tablenav { padding: 10px 14px; }
|
||||
.aksrt-native .tablenav-pages { float: none; }
|
||||
.aksrt-native-filters input[type="search"] { min-width: 0; flex: 1 1 100%; }
|
||||
.jio-native { margin-right: 10px; }
|
||||
.jio-native-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
|
||||
.jio-native-stat { padding: 12px 14px; }
|
||||
.jio-native-stat__value { font-size: 20px; }
|
||||
.jio-native-card__head,
|
||||
.jio-native-card__body,
|
||||
.jio-native-collapse > summary { padding-left: 14px; padding-right: 14px; }
|
||||
.jio-native .tablenav { padding: 10px 14px; }
|
||||
.jio-native .tablenav-pages { float: none; }
|
||||
.jio-native-filters input[type="search"] { min-width: 0; flex: 1 1 100%; }
|
||||
}
|
||||
+68
-68
@@ -1,88 +1,88 @@
|
||||
/* 订单明细（aksrt_orders）：列表 + 详情。复用 native-ui.css 的 --an-* 令牌，规则限定在 .aksrt-orders-page 下。 */
|
||||
/* 订单明细（jio_orders）：列表 + 详情。复用 native-ui.css 的 --an-* 令牌，规则限定在 .jio-orders-page 下。 */
|
||||
|
||||
/* ---------- 状态视图 ---------- */
|
||||
.aksrt-orders-page .aksrt-orders-views { display: flex; width: fit-content; max-width: 100%; }
|
||||
.jio-orders-page .jio-orders-views { display: flex; width: fit-content; max-width: 100%; }
|
||||
|
||||
/* ---------- 筛选栏 ---------- */
|
||||
.aksrt-orders-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; }
|
||||
.aksrt-orders-filters label { display: inline-flex; margin: 0; }
|
||||
.aksrt-orders-filters__search { flex: 1 1 240px; }
|
||||
.aksrt-orders-filters__search input { width: 100%; }
|
||||
.aksrt-orders-filters__range { display: inline-flex; align-items: center; gap: 6px; color: var(--an-muted); }
|
||||
.aksrt-orders-page .aksrt-orders-filters__user { width: 96px; }
|
||||
.aksrt-orders-filters__submit { display: inline-flex; gap: 8px; }
|
||||
.aksrt-orders-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 0; }
|
||||
.aksrt-orders-chip { display: inline-flex; align-items: center; gap: 4px; padding: 2px 4px 2px 10px; color: var(--an-primary); background: var(--an-primary-soft); border-radius: 999px; font-size: 12px; line-height: 20px; }
|
||||
.aksrt-orders-chip a { display: inline-flex; color: inherit; border-radius: 50%; text-decoration: none; }
|
||||
.aksrt-orders-chip a:hover,
|
||||
.aksrt-orders-chip a:focus { color: var(--an-danger); }
|
||||
.aksrt-orders-chip .dashicons { width: 16px; height: 16px; font-size: 16px; }
|
||||
.jio-orders-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; }
|
||||
.jio-orders-filters label { display: inline-flex; margin: 0; }
|
||||
.jio-orders-filters__search { flex: 1 1 240px; }
|
||||
.jio-orders-filters__search input { width: 100%; }
|
||||
.jio-orders-filters__range { display: inline-flex; align-items: center; gap: 6px; color: var(--an-muted); }
|
||||
.jio-orders-page .jio-orders-filters__user { width: 96px; }
|
||||
.jio-orders-filters__submit { display: inline-flex; gap: 8px; }
|
||||
.jio-orders-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 0; }
|
||||
.jio-orders-chip { display: inline-flex; align-items: center; gap: 4px; padding: 2px 4px 2px 10px; color: var(--an-primary); background: var(--an-primary-soft); border-radius: 999px; font-size: 12px; line-height: 20px; }
|
||||
.jio-orders-chip a { display: inline-flex; color: inherit; border-radius: 50%; text-decoration: none; }
|
||||
.jio-orders-chip a:hover,
|
||||
.jio-orders-chip a:focus { color: var(--an-danger); }
|
||||
.jio-orders-chip .dashicons { width: 16px; height: 16px; font-size: 16px; }
|
||||
|
||||
/* ---------- 订单表 ---------- */
|
||||
.aksrt-orders-table { min-width: 1080px; table-layout: fixed; }
|
||||
.aksrt-orders-table .column-order { width: 19%; }
|
||||
.aksrt-orders-table .column-user { width: 14%; }
|
||||
.aksrt-orders-table .column-product { width: 20%; }
|
||||
.aksrt-orders-table .column-amount { width: 13%; }
|
||||
.aksrt-orders-table .column-status { width: 11%; }
|
||||
.aksrt-orders-table .column-paid { width: 11%; }
|
||||
.aksrt-orders-table .column-actions { width: 12%; }
|
||||
.aksrt-orders-table td { vertical-align: top; }
|
||||
.aksrt-orders-number { color: var(--an-text); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; font-weight: 600; text-decoration: none; word-break: break-all; }
|
||||
a.aksrt-orders-number:hover,
|
||||
a.aksrt-orders-number:focus { color: var(--an-primary); }
|
||||
.aksrt-orders-product { display: block; color: var(--an-text); font-weight: 500; overflow-wrap: anywhere; }
|
||||
.aksrt-orders-sub { margin-top: 4px; color: var(--an-muted); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
|
||||
.jio-orders-table { min-width: 1080px; table-layout: fixed; }
|
||||
.jio-orders-table .column-order { width: 19%; }
|
||||
.jio-orders-table .column-user { width: 14%; }
|
||||
.jio-orders-table .column-product { width: 20%; }
|
||||
.jio-orders-table .column-amount { width: 13%; }
|
||||
.jio-orders-table .column-status { width: 11%; }
|
||||
.jio-orders-table .column-paid { width: 11%; }
|
||||
.jio-orders-table .column-actions { width: 12%; }
|
||||
.jio-orders-table td { vertical-align: top; }
|
||||
.jio-orders-number { color: var(--an-text); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; font-weight: 600; text-decoration: none; word-break: break-all; }
|
||||
a.jio-orders-number:hover,
|
||||
a.jio-orders-number:focus { color: var(--an-primary); }
|
||||
.jio-orders-product { display: block; color: var(--an-text); font-weight: 500; overflow-wrap: anywhere; }
|
||||
.jio-orders-sub { margin-top: 4px; color: var(--an-muted); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
|
||||
|
||||
/* 行内动作：每个按钮是一个独立 POST 表单 */
|
||||
.aksrt-orders-actions { display: flex; flex-wrap: wrap; gap: 6px; }
|
||||
.aksrt-orders-action { display: inline-flex; margin: 0; }
|
||||
.aksrt-orders-actions.is-stacked { flex-direction: column; }
|
||||
.aksrt-orders-actions.is-stacked .aksrt-orders-action,
|
||||
.aksrt-orders-actions.is-stacked .button { width: 100%; justify-content: center; }
|
||||
.aksrt-orders-action .button[disabled] { opacity: .6; cursor: progress; }
|
||||
.jio-orders-actions { display: flex; flex-wrap: wrap; gap: 6px; }
|
||||
.jio-orders-action { display: inline-flex; margin: 0; }
|
||||
.jio-orders-actions.is-stacked { flex-direction: column; }
|
||||
.jio-orders-actions.is-stacked .jio-orders-action,
|
||||
.jio-orders-actions.is-stacked .button { width: 100%; justify-content: center; }
|
||||
.jio-orders-action .button[disabled] { opacity: .6; cursor: progress; }
|
||||
|
||||
/* ---------- 详情 ---------- */
|
||||
.aksrt-orders-detail__header .aksrt-native-header__desc { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
|
||||
.aksrt-orders-detail { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 16px; align-items: start; }
|
||||
.aksrt-orders-detail__main,
|
||||
.aksrt-orders-detail__side { min-width: 0; }
|
||||
.jio-orders-detail__header .jio-native-header__desc { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
|
||||
.jio-orders-detail { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 16px; align-items: start; }
|
||||
.jio-orders-detail__main,
|
||||
.jio-orders-detail__side { min-width: 0; }
|
||||
|
||||
.aksrt-orders-dl { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px 20px; margin: 0; }
|
||||
.aksrt-orders-dl > div { min-width: 0; }
|
||||
.aksrt-orders-dl dt { margin: 0 0 4px; color: var(--an-muted); font-size: 12px; }
|
||||
.aksrt-orders-dl dd { margin: 0; color: var(--an-text); overflow-wrap: anywhere; }
|
||||
.aksrt-orders-dl.is-compact { grid-template-columns: 1fr; gap: 10px; margin-top: 12px; }
|
||||
.jio-orders-dl { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px 20px; margin: 0; }
|
||||
.jio-orders-dl > div { min-width: 0; }
|
||||
.jio-orders-dl dt { margin: 0 0 4px; color: var(--an-muted); font-size: 12px; }
|
||||
.jio-orders-dl dd { margin: 0; color: var(--an-text); overflow-wrap: anywhere; }
|
||||
.jio-orders-dl.is-compact { grid-template-columns: 1fr; gap: 10px; margin-top: 12px; }
|
||||
|
||||
.aksrt-orders-amounts { margin-top: 18px; padding: 12px 16px; background: var(--an-bg-soft); border-radius: var(--an-radius-sm); }
|
||||
.aksrt-orders-amounts__row { display: flex; justify-content: space-between; gap: 12px; padding: 4px 0; font-variant-numeric: tabular-nums; }
|
||||
.aksrt-orders-amounts__row.is-total { margin-top: 4px; padding-top: 10px; color: var(--an-text); border-top: 1px solid var(--an-border); }
|
||||
.aksrt-orders-amounts__row.is-total:first-child { margin-top: 0; padding-top: 4px; border-top: 0; }
|
||||
.aksrt-orders-amounts__row.is-total .aksrt-native-amount { font-size: 18px; }
|
||||
.jio-orders-amounts { margin-top: 18px; padding: 12px 16px; background: var(--an-bg-soft); border-radius: var(--an-radius-sm); }
|
||||
.jio-orders-amounts__row { display: flex; justify-content: space-between; gap: 12px; padding: 4px 0; font-variant-numeric: tabular-nums; }
|
||||
.jio-orders-amounts__row.is-total { margin-top: 4px; padding-top: 10px; color: var(--an-text); border-top: 1px solid var(--an-border); }
|
||||
.jio-orders-amounts__row.is-total:first-child { margin-top: 0; padding-top: 4px; border-top: 0; }
|
||||
.jio-orders-amounts__row.is-total .jio-native-amount { font-size: 18px; }
|
||||
|
||||
.aksrt-orders-timeline { position: relative; margin: 0; padding: 0; list-style: none; }
|
||||
.aksrt-orders-timeline__item { --an-tone: var(--an-muted); position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 12px; margin: 0; padding: 0 0 14px 22px; }
|
||||
.aksrt-orders-timeline__item:last-child { padding-bottom: 0; }
|
||||
.aksrt-orders-timeline__item::before { content: ""; position: absolute; top: 5px; left: 0; width: 10px; height: 10px; background: var(--an-tone); border-radius: 50%; box-shadow: 0 0 0 3px color-mix(in srgb, var(--an-tone) 18%, transparent); }
|
||||
.aksrt-orders-timeline__item:not(:last-child)::after { content: ""; position: absolute; top: 18px; bottom: 2px; left: 4px; width: 2px; background: var(--an-border-soft); }
|
||||
.aksrt-orders-timeline__item.is-success { --an-tone: var(--an-primary); }
|
||||
.aksrt-orders-timeline__item.is-info { --an-tone: var(--an-info); }
|
||||
.aksrt-orders-timeline__item.is-warning { --an-tone: var(--an-warning); }
|
||||
.aksrt-orders-timeline__item.is-planned::before { background: #fff; border: 2px dashed var(--an-tone); box-sizing: border-box; box-shadow: none; }
|
||||
.aksrt-orders-timeline__label { color: var(--an-text); font-weight: 500; }
|
||||
.aksrt-orders-timeline time { color: var(--an-muted); font-size: 12px; font-variant-numeric: tabular-nums; }
|
||||
.jio-orders-timeline { position: relative; margin: 0; padding: 0; list-style: none; }
|
||||
.jio-orders-timeline__item { --an-tone: var(--an-muted); position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 12px; margin: 0; padding: 0 0 14px 22px; }
|
||||
.jio-orders-timeline__item:last-child { padding-bottom: 0; }
|
||||
.jio-orders-timeline__item::before { content: ""; position: absolute; top: 5px; left: 0; width: 10px; height: 10px; background: var(--an-tone); border-radius: 50%; box-shadow: 0 0 0 3px color-mix(in srgb, var(--an-tone) 18%, transparent); }
|
||||
.jio-orders-timeline__item:not(:last-child)::after { content: ""; position: absolute; top: 18px; bottom: 2px; left: 4px; width: 2px; background: var(--an-border-soft); }
|
||||
.jio-orders-timeline__item.is-success { --an-tone: var(--an-primary); }
|
||||
.jio-orders-timeline__item.is-info { --an-tone: var(--an-info); }
|
||||
.jio-orders-timeline__item.is-warning { --an-tone: var(--an-warning); }
|
||||
.jio-orders-timeline__item.is-planned::before { background: #fff; border: 2px dashed var(--an-tone); box-sizing: border-box; box-shadow: none; }
|
||||
.jio-orders-timeline__label { color: var(--an-text); font-weight: 500; }
|
||||
.jio-orders-timeline time { color: var(--an-muted); font-size: 12px; font-variant-numeric: tabular-nums; }
|
||||
|
||||
.aksrt-orders-snapshot { max-height: 360px; margin: 0; padding: 12px; overflow: auto; color: var(--an-text); font: 12px/1.6 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; white-space: pre-wrap; word-break: break-all; background: var(--an-bg-soft); border-radius: var(--an-radius-sm); }
|
||||
.jio-orders-snapshot { max-height: 360px; margin: 0; padding: 12px; overflow: auto; color: var(--an-text); font: 12px/1.6 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; white-space: pre-wrap; word-break: break-all; background: var(--an-bg-soft); border-radius: var(--an-radius-sm); }
|
||||
|
||||
.aksrt-orders-buyer .aksrt-native-user img { width: 36px; height: 36px; }
|
||||
.aksrt-orders-note textarea { width: 100%; }
|
||||
.aksrt-orders-note .aksrt-native-form-foot { margin-top: 10px; }
|
||||
.aksrt-orders-detail__side .aksrt-native-callout { margin-bottom: 12px; overflow-wrap: anywhere; }
|
||||
.jio-orders-buyer .jio-native-user img { width: 36px; height: 36px; }
|
||||
.jio-orders-note textarea { width: 100%; }
|
||||
.jio-orders-note .jio-native-form-foot { margin-top: 10px; }
|
||||
.jio-orders-detail__side .jio-native-callout { margin-bottom: 12px; overflow-wrap: anywhere; }
|
||||
|
||||
@media (max-width: 1100px) {
|
||||
.aksrt-orders-detail { grid-template-columns: minmax(0, 1fr); }
|
||||
.jio-orders-detail { grid-template-columns: minmax(0, 1fr); }
|
||||
}
|
||||
@media (max-width: 782px) {
|
||||
.aksrt-orders-filters__search { flex-basis: 100%; }
|
||||
.aksrt-orders-filters__range { flex-wrap: wrap; }
|
||||
.jio-orders-filters__search { flex-basis: 100%; }
|
||||
.jio-orders-filters__range { flex-wrap: wrap; }
|
||||
}
|
||||
@@ -1,8 +1,8 @@
|
||||
.aksrt-pay-meta {
|
||||
.jio-pay-meta {
|
||||
margin: -6px -12px -12px;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__field {
|
||||
.jio-pay-meta__field {
|
||||
box-sizing: border-box;
|
||||
display: grid;
|
||||
grid-template-columns: 22% minmax(0, 1fr);
|
||||
@@ -12,15 +12,15 @@
|
||||
border-top: 1px solid #eee;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__field:first-child {
|
||||
.jio-pay-meta__field:first-child {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__field.compact {
|
||||
.jio-pay-meta__field.compact {
|
||||
padding-top: 8px;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__title {
|
||||
.jio-pay-meta__title {
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding-top: 6px;
|
||||
@@ -31,72 +31,72 @@
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__control,
|
||||
.aksrt-pay-meta__control input[type="text"],
|
||||
.aksrt-pay-meta__control input[type="url"],
|
||||
.aksrt-pay-meta__control input[type="number"],
|
||||
.aksrt-pay-meta__control textarea,
|
||||
.aksrt-pay-meta__control select {
|
||||
.jio-pay-meta__control,
|
||||
.jio-pay-meta__control input[type="text"],
|
||||
.jio-pay-meta__control input[type="url"],
|
||||
.jio-pay-meta__control input[type="number"],
|
||||
.jio-pay-meta__control textarea,
|
||||
.jio-pay-meta__control select {
|
||||
box-sizing: border-box;
|
||||
min-width: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__control .description {
|
||||
.jio-pay-meta__control .description {
|
||||
margin: 6px 0 0;
|
||||
color: #777;
|
||||
font-size: 12px;
|
||||
line-height: 1.55;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__radios {
|
||||
.jio-pay-meta__radios {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px 18px;
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__radios .description {
|
||||
.jio-pay-meta__radios .description {
|
||||
flex-basis: 100%;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__inline,
|
||||
.aksrt-pay-meta__number,
|
||||
.aksrt-pay-meta__upload,
|
||||
.aksrt-pay-meta__buttons {
|
||||
.jio-pay-meta__inline,
|
||||
.jio-pay-meta__number,
|
||||
.jio-pay-meta__upload,
|
||||
.jio-pay-meta__buttons {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 7px;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__inline input {
|
||||
.jio-pay-meta__inline input {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__inline select {
|
||||
.jio-pay-meta__inline select {
|
||||
flex: 0 0 110px;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__number input,
|
||||
.aksrt-pay-meta__upload input {
|
||||
.jio-pay-meta__number input,
|
||||
.jio-pay-meta__upload input {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__number > span {
|
||||
.jio-pay-meta__number > span {
|
||||
flex: 0 0 auto;
|
||||
color: #777;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__upload {
|
||||
.jio-pay-meta__upload {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__upload .button-link-delete {
|
||||
.jio-pay-meta__upload .button-link-delete {
|
||||
flex-basis: 100%;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__gallery {
|
||||
.jio-pay-meta__gallery {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: flex-start;
|
||||
@@ -104,11 +104,11 @@
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__gallery:empty {
|
||||
.jio-pay-meta__gallery:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__gallery img {
|
||||
.jio-pay-meta__gallery img {
|
||||
display: block;
|
||||
width: auto;
|
||||
height: auto;
|
||||
@@ -120,7 +120,7 @@
|
||||
background: #f6f7f7;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__group {
|
||||
.jio-pay-meta__group {
|
||||
display: grid;
|
||||
gap: 7px;
|
||||
margin: 0 0 10px;
|
||||
@@ -131,7 +131,7 @@
|
||||
background: #f8f9fa;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__group--inline {
|
||||
.jio-pay-meta__group--inline {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 7px;
|
||||
@@ -142,7 +142,7 @@
|
||||
background: #f8f9fa;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__group-head {
|
||||
.jio-pay-meta__group-head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
@@ -152,11 +152,11 @@
|
||||
border-bottom: 1px solid #e3e5e8;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__group.is-open .aksrt-pay-meta__group-head {
|
||||
.jio-pay-meta__group.is-open .jio-pay-meta__group-head {
|
||||
border-bottom-color: #e3e5e8;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__group-drag {
|
||||
.jio-pay-meta__group-drag {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -167,18 +167,18 @@
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__group-drag:hover {
|
||||
.jio-pay-meta__group-drag:hover {
|
||||
color: #1d2327;
|
||||
background: #f0f0f1;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__group-drag .dashicons {
|
||||
.jio-pay-meta__group-drag .dashicons {
|
||||
font-size: 18px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__group-toggle {
|
||||
.jio-pay-meta__group-toggle {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
align-items: center;
|
||||
@@ -195,18 +195,18 @@
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__group-toggle:focus {
|
||||
.jio-pay-meta__group-toggle:focus {
|
||||
outline: 1px solid #2271b1;
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__group-title {
|
||||
.jio-pay-meta__group-title {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__group-caret {
|
||||
.jio-pay-meta__group-caret {
|
||||
flex: 0 0 auto;
|
||||
color: #8c8f94;
|
||||
font-size: 16px;
|
||||
@@ -215,66 +215,66 @@
|
||||
transition: transform 0.15s ease;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__group.is-open .aksrt-pay-meta__group-caret {
|
||||
.jio-pay-meta__group.is-open .jio-pay-meta__group-caret {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__group-body {
|
||||
.jio-pay-meta__group-body {
|
||||
display: none;
|
||||
gap: 10px;
|
||||
padding: 12px 10px;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__group.is-open .aksrt-pay-meta__group-body {
|
||||
.jio-pay-meta__group.is-open .jio-pay-meta__group-body {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__group-body > .button-link-delete {
|
||||
.jio-pay-meta__group-body > .button-link-delete {
|
||||
justify-self: start;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__group-body > .description {
|
||||
.jio-pay-meta__group-body > .description {
|
||||
margin: -4px 0 0;
|
||||
color: #777;
|
||||
font-size: 12px;
|
||||
line-height: 1.55;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__group-field {
|
||||
.jio-pay-meta__group-field {
|
||||
display: grid;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__group-field > label {
|
||||
.jio-pay-meta__group-field > label {
|
||||
color: #1d2327;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__group-field--split {
|
||||
.jio-pay-meta__group-field--split {
|
||||
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__group-field--split > div {
|
||||
.jio-pay-meta__group-field--split > div {
|
||||
display: grid;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__group-field input[type="text"],
|
||||
.aksrt-pay-meta__group-field input[type="url"],
|
||||
.aksrt-pay-meta__group-field textarea {
|
||||
.jio-pay-meta__group-field input[type="text"],
|
||||
.jio-pay-meta__group-field input[type="url"],
|
||||
.jio-pay-meta__group-field textarea {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__group-field .aksrt-icon-picker {
|
||||
.jio-pay-meta__group-field .jio-icon-picker {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__group-field .aksrt-icon-picker__preview {
|
||||
.jio-pay-meta__group-field .jio-icon-picker__preview {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -287,18 +287,18 @@
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__group-field .aksrt-icon-picker__value {
|
||||
.jio-pay-meta__group-field .jio-icon-picker__value {
|
||||
flex: 1;
|
||||
min-width: 160px;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__class-swatches {
|
||||
.jio-pay-meta__class-swatches {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__class-swatch {
|
||||
.jio-pay-meta__class-swatch {
|
||||
width: 26px;
|
||||
height: 22px;
|
||||
padding: 0;
|
||||
@@ -308,19 +308,19 @@
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__class-swatch:hover {
|
||||
.jio-pay-meta__class-swatch:hover {
|
||||
box-shadow: 0 0 0 1px #8c8f94;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__class-swatch.is-active {
|
||||
.jio-pay-meta__class-swatch.is-active {
|
||||
box-shadow: 0 0 0 2px #2271b1;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__group.is-dragging {
|
||||
.jio-pay-meta__group.is-dragging {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__notice {
|
||||
.jio-pay-meta__notice {
|
||||
margin: 16px 18px;
|
||||
padding: 12px 14px;
|
||||
border-left: 4px solid #ffb900;
|
||||
@@ -329,20 +329,20 @@
|
||||
}
|
||||
|
||||
@media (max-width: 782px) {
|
||||
.aksrt-pay-meta__field {
|
||||
.jio-pay-meta__field {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__title {
|
||||
.jio-pay-meta__title {
|
||||
padding-top: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__group--inline {
|
||||
.jio-pay-meta__group--inline {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.aksrt-pay-meta__group-field--split {
|
||||
.jio-pay-meta__group-field--split {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
+106
-106
@@ -1,9 +1,9 @@
|
||||
/* 支付中心概览（aksrt_pay）：今日实时 + 筛选条 + 指标卡 + ECharts 图表 + 转化与退款 + 热销排行 + 待办 + 快捷入口。
|
||||
/* 支付中心概览（jio_pay）：今日实时 + 筛选条 + 指标卡 + ECharts 图表 + 转化与退款 + 热销排行 + 待办 + 快捷入口。
|
||||
* 复用 native-ui.css 的 --an-* 令牌，规则限定在本页类名下。图表由 assets/js/admin-pay-overview.js 绘制。 */
|
||||
.aksrt-po-page [hidden] { display: none !important; }
|
||||
.jio-po-page [hidden] { display: none !important; }
|
||||
|
||||
/* ---------- 今日实时 ---------- */
|
||||
.aksrt-po-live {
|
||||
.jio-po-live {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
@@ -15,30 +15,30 @@
|
||||
border-radius: var(--an-radius);
|
||||
box-shadow: var(--an-shadow);
|
||||
}
|
||||
.aksrt-po-live__main { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
|
||||
.aksrt-po-live__dot {
|
||||
.jio-po-live__main { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
|
||||
.jio-po-live__dot {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
background: var(--an-primary);
|
||||
border-radius: 50%;
|
||||
box-shadow: 0 0 0 4px var(--an-primary-soft);
|
||||
animation: aksrt-po-pulse 2s ease-in-out infinite;
|
||||
animation: jio-po-pulse 2s ease-in-out infinite;
|
||||
}
|
||||
@keyframes aksrt-po-pulse { 50% { box-shadow: 0 0 0 7px transparent; } }
|
||||
@media (prefers-reduced-motion: reduce) { .aksrt-po-live__dot { animation: none; } }
|
||||
.aksrt-po-live__label { color: var(--an-muted); }
|
||||
.aksrt-po-live__value { color: var(--an-text); font-size: 22px; font-weight: 600; font-variant-numeric: tabular-nums; }
|
||||
.aksrt-po-live__meta { display: flex; flex-wrap: wrap; gap: 4px 16px; color: var(--an-muted); font-size: 12px; }
|
||||
@keyframes jio-po-pulse { 50% { box-shadow: 0 0 0 7px transparent; } }
|
||||
@media (prefers-reduced-motion: reduce) { .jio-po-live__dot { animation: none; } }
|
||||
.jio-po-live__label { color: var(--an-muted); }
|
||||
.jio-po-live__value { color: var(--an-text); font-size: 22px; font-weight: 600; font-variant-numeric: tabular-nums; }
|
||||
.jio-po-live__meta { display: flex; flex-wrap: wrap; gap: 4px 16px; color: var(--an-muted); font-size: 12px; }
|
||||
|
||||
/* ---------- 筛选条 ---------- */
|
||||
.aksrt-po-toolbar {
|
||||
.jio-po-toolbar {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 10px 16px;
|
||||
margin: 0 0 16px;
|
||||
}
|
||||
.aksrt-po-seg {
|
||||
.jio-po-seg {
|
||||
display: inline-flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 2px;
|
||||
@@ -47,7 +47,7 @@
|
||||
border-radius: var(--an-radius-sm);
|
||||
box-shadow: var(--an-shadow);
|
||||
}
|
||||
.aksrt-po-seg button {
|
||||
.jio-po-seg button {
|
||||
padding: 5px 12px;
|
||||
color: var(--an-text-2);
|
||||
font-size: 12px;
|
||||
@@ -58,15 +58,15 @@
|
||||
cursor: pointer;
|
||||
transition: background .15s, color .15s;
|
||||
}
|
||||
.aksrt-po-seg button:hover { color: var(--an-primary); }
|
||||
.aksrt-po-seg button[aria-pressed="true"] { color: var(--an-primary); font-weight: 600; background: var(--an-primary-soft); }
|
||||
.aksrt-po-seg button:focus-visible { outline: 2px solid var(--an-primary); outline-offset: 1px; }
|
||||
.aksrt-po-range { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; color: var(--an-muted); }
|
||||
.aksrt-po-range label { display: inline-flex; margin: 0; }
|
||||
.aksrt-po-range-label { color: var(--an-muted); font-size: 12px; }
|
||||
.jio-po-seg button:hover { color: var(--an-primary); }
|
||||
.jio-po-seg button[aria-pressed="true"] { color: var(--an-primary); font-weight: 600; background: var(--an-primary-soft); }
|
||||
.jio-po-seg button:focus-visible { outline: 2px solid var(--an-primary); outline-offset: 1px; }
|
||||
.jio-po-range { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; color: var(--an-muted); }
|
||||
.jio-po-range label { display: inline-flex; margin: 0; }
|
||||
.jio-po-range-label { color: var(--an-muted); font-size: 12px; }
|
||||
|
||||
/* ---------- 提示 ---------- */
|
||||
.aksrt-po-notice {
|
||||
.jio-po-notice {
|
||||
margin: 0 0 16px;
|
||||
padding: 10px 14px;
|
||||
color: var(--an-text-2);
|
||||
@@ -75,16 +75,16 @@
|
||||
border-left: 3px solid var(--an-warning);
|
||||
border-radius: var(--an-radius-sm);
|
||||
}
|
||||
.aksrt-po-page .aksrt-po-error { margin: 0 0 16px; }
|
||||
.jio-po-page .jio-po-error { margin: 0 0 16px; }
|
||||
|
||||
/* ---------- 指标卡 ---------- */
|
||||
.aksrt-po-kpis {
|
||||
.jio-po-kpis {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(6, minmax(0, 1fr));
|
||||
gap: 12px;
|
||||
margin: 0 0 16px;
|
||||
}
|
||||
.aksrt-po-kpi {
|
||||
.jio-po-kpi {
|
||||
--po-tone: var(--an-primary);
|
||||
position: relative;
|
||||
display: flex;
|
||||
@@ -97,14 +97,14 @@
|
||||
box-shadow: var(--an-shadow);
|
||||
overflow: hidden;
|
||||
}
|
||||
.aksrt-po-kpi::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--po-tone); opacity: .85; }
|
||||
.aksrt-po-kpi--success { --po-tone: var(--an-primary); }
|
||||
.aksrt-po-kpi--info { --po-tone: var(--an-info); }
|
||||
.aksrt-po-kpi--warning { --po-tone: var(--an-warning); }
|
||||
.aksrt-po-kpi--danger { --po-tone: var(--an-danger); }
|
||||
.aksrt-po-kpi--primary { --po-tone: #8a63d2; }
|
||||
.aksrt-po-kpi__label { color: var(--an-muted); font-size: 13px; }
|
||||
.aksrt-po-kpi__value {
|
||||
.jio-po-kpi::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--po-tone); opacity: .85; }
|
||||
.jio-po-kpi--success { --po-tone: var(--an-primary); }
|
||||
.jio-po-kpi--info { --po-tone: var(--an-info); }
|
||||
.jio-po-kpi--warning { --po-tone: var(--an-warning); }
|
||||
.jio-po-kpi--danger { --po-tone: var(--an-danger); }
|
||||
.jio-po-kpi--primary { --po-tone: #8a63d2; }
|
||||
.jio-po-kpi__label { color: var(--an-muted); font-size: 13px; }
|
||||
.jio-po-kpi__value {
|
||||
color: var(--an-text);
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
@@ -112,10 +112,10 @@
|
||||
font-variant-numeric: tabular-nums;
|
||||
word-break: break-all;
|
||||
}
|
||||
.aksrt-po-kpi__foot { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 12px; }
|
||||
.aksrt-po-kpi__meta { color: var(--an-muted); }
|
||||
.jio-po-kpi__foot { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 12px; }
|
||||
.jio-po-kpi__meta { color: var(--an-muted); }
|
||||
|
||||
.aksrt-po-delta {
|
||||
.jio-po-delta {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
padding: 1px 6px;
|
||||
@@ -123,51 +123,51 @@
|
||||
font-variant-numeric: tabular-nums;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.aksrt-po-delta.is-up { color: var(--an-primary); background: var(--an-primary-soft); }
|
||||
.aksrt-po-delta.is-down { color: var(--an-danger); background: #fdf0f2; }
|
||||
.aksrt-po-delta.is-flat { color: var(--an-muted); background: var(--an-bg-soft); }
|
||||
.jio-po-delta.is-up { color: var(--an-primary); background: var(--an-primary-soft); }
|
||||
.jio-po-delta.is-down { color: var(--an-danger); background: #fdf0f2; }
|
||||
.jio-po-delta.is-flat { color: var(--an-muted); background: var(--an-bg-soft); }
|
||||
|
||||
/* ---------- 栅格 / 加载态 ---------- */
|
||||
.aksrt-po-body { transition: opacity .15s; }
|
||||
.aksrt-po-body.is-loading { opacity: .55; pointer-events: none; }
|
||||
.aksrt-po-grid {
|
||||
.jio-po-body { transition: opacity .15s; }
|
||||
.jio-po-body.is-loading { opacity: .55; pointer-events: none; }
|
||||
.jio-po-grid {
|
||||
display: grid;
|
||||
gap: 16px;
|
||||
align-items: stretch;
|
||||
margin: 0 0 16px;
|
||||
}
|
||||
.aksrt-po-grid--main { grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr); }
|
||||
.aksrt-po-grid > .aksrt-native-card { margin: 0; }
|
||||
.aksrt-po-card { display: flex; flex-direction: column; min-width: 0; }
|
||||
.aksrt-po-card > .aksrt-native-card__body { flex: 1; }
|
||||
.jio-po-grid--main { grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr); }
|
||||
.jio-po-grid > .jio-native-card { margin: 0; }
|
||||
.jio-po-card { display: flex; flex-direction: column; min-width: 0; }
|
||||
.jio-po-card > .jio-native-card__body { flex: 1; }
|
||||
|
||||
/* ---------- 图表 ---------- */
|
||||
.aksrt-po-chart { width: 100%; min-width: 0; }
|
||||
.aksrt-po-chart--lg { height: 340px; }
|
||||
.aksrt-po-chart--md { height: 280px; }
|
||||
.jio-po-chart { width: 100%; min-width: 0; }
|
||||
.jio-po-chart--lg { height: 340px; }
|
||||
.jio-po-chart--md { height: 280px; }
|
||||
|
||||
/* ---------- 转化与退款 ---------- */
|
||||
.aksrt-po-funnel { display: flex; flex-direction: column; gap: 16px; margin: 0; padding: 0; list-style: none; }
|
||||
.aksrt-po-funnel li { display: flex; flex-direction: column; gap: 6px; margin: 0; }
|
||||
.aksrt-po-funnel__head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
|
||||
.aksrt-po-funnel__label { color: var(--an-text-2); }
|
||||
.aksrt-po-funnel__value { color: var(--an-text); font-size: 18px; font-weight: 600; font-variant-numeric: tabular-nums; }
|
||||
.aksrt-po-funnel__bar { display: block; height: 6px; background: var(--an-bg-soft); border-radius: 3px; overflow: hidden; }
|
||||
.aksrt-po-funnel__bar i { display: block; width: 0; height: 100%; background: var(--an-primary); border-radius: 3px; transition: width .3s; }
|
||||
.aksrt-po-funnel li[data-metric="close_rate"] .aksrt-po-funnel__bar i { background: var(--an-warning); }
|
||||
.aksrt-po-funnel li[data-metric="refund_rate"] .aksrt-po-funnel__bar i { background: var(--an-danger); }
|
||||
.aksrt-po-funnel li[data-metric="created_count"] .aksrt-po-funnel__bar { display: none; }
|
||||
.aksrt-po-funnel__hint { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; color: var(--an-muted); font-size: 12px; }
|
||||
.jio-po-funnel { display: flex; flex-direction: column; gap: 16px; margin: 0; padding: 0; list-style: none; }
|
||||
.jio-po-funnel li { display: flex; flex-direction: column; gap: 6px; margin: 0; }
|
||||
.jio-po-funnel__head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
|
||||
.jio-po-funnel__label { color: var(--an-text-2); }
|
||||
.jio-po-funnel__value { color: var(--an-text); font-size: 18px; font-weight: 600; font-variant-numeric: tabular-nums; }
|
||||
.jio-po-funnel__bar { display: block; height: 6px; background: var(--an-bg-soft); border-radius: 3px; overflow: hidden; }
|
||||
.jio-po-funnel__bar i { display: block; width: 0; height: 100%; background: var(--an-primary); border-radius: 3px; transition: width .3s; }
|
||||
.jio-po-funnel li[data-metric="close_rate"] .jio-po-funnel__bar i { background: var(--an-warning); }
|
||||
.jio-po-funnel li[data-metric="refund_rate"] .jio-po-funnel__bar i { background: var(--an-danger); }
|
||||
.jio-po-funnel li[data-metric="created_count"] .jio-po-funnel__bar { display: none; }
|
||||
.jio-po-funnel__hint { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; color: var(--an-muted); font-size: 12px; }
|
||||
|
||||
/* ---------- 热销排行 ---------- */
|
||||
.aksrt-po-top .column-rank { width: 44px; text-align: center; }
|
||||
.aksrt-po-top .column-num { width: 110px; text-align: right; }
|
||||
.aksrt-po-top .column-share { width: 160px; }
|
||||
.aksrt-po-top td { vertical-align: middle; }
|
||||
.aksrt-po-top td.column-num { font-variant-numeric: tabular-nums; }
|
||||
.aksrt-po-top td a { color: var(--an-text); font-weight: 500; text-decoration: none; }
|
||||
.aksrt-po-top td a:hover { color: var(--an-primary); }
|
||||
.aksrt-po-rank {
|
||||
.jio-po-top .column-rank { width: 44px; text-align: center; }
|
||||
.jio-po-top .column-num { width: 110px; text-align: right; }
|
||||
.jio-po-top .column-share { width: 160px; }
|
||||
.jio-po-top td { vertical-align: middle; }
|
||||
.jio-po-top td.column-num { font-variant-numeric: tabular-nums; }
|
||||
.jio-po-top td a { color: var(--an-text); font-weight: 500; text-decoration: none; }
|
||||
.jio-po-top td a:hover { color: var(--an-primary); }
|
||||
.jio-po-rank {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -179,16 +179,16 @@
|
||||
background: var(--an-bg-soft);
|
||||
border-radius: 6px;
|
||||
}
|
||||
.aksrt-po-rank.is-top { color: #fff; background: var(--an-primary); }
|
||||
.aksrt-po-share { display: flex; align-items: center; gap: 8px; color: var(--an-muted); font-size: 12px; font-variant-numeric: tabular-nums; }
|
||||
.aksrt-po-share > span { flex: 1; height: 6px; background: var(--an-bg-soft); border-radius: 3px; overflow: hidden; }
|
||||
.aksrt-po-share > span > i { display: block; height: 100%; background: var(--an-primary); border-radius: 3px; }
|
||||
.aksrt-po-top__empty { padding: 32px 12px !important; color: var(--an-muted); text-align: center; }
|
||||
.jio-po-rank.is-top { color: #fff; background: var(--an-primary); }
|
||||
.jio-po-share { display: flex; align-items: center; gap: 8px; color: var(--an-muted); font-size: 12px; font-variant-numeric: tabular-nums; }
|
||||
.jio-po-share > span { flex: 1; height: 6px; background: var(--an-bg-soft); border-radius: 3px; overflow: hidden; }
|
||||
.jio-po-share > span > i { display: block; height: 100%; background: var(--an-primary); border-radius: 3px; }
|
||||
.jio-po-top__empty { padding: 32px 12px !important; color: var(--an-muted); text-align: center; }
|
||||
|
||||
/* ---------- 待办 ---------- */
|
||||
.aksrt-po-todo { display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 0; list-style: none; }
|
||||
.aksrt-po-todo li { margin: 0; }
|
||||
.aksrt-po-todo__item {
|
||||
.jio-po-todo { display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 0; list-style: none; }
|
||||
.jio-po-todo li { margin: 0; }
|
||||
.jio-po-todo__item {
|
||||
--po-tone: var(--an-muted);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -200,13 +200,13 @@
|
||||
text-decoration: none;
|
||||
transition: background .15s, color .15s;
|
||||
}
|
||||
.aksrt-po-todo__item:hover,
|
||||
.aksrt-po-todo__item:focus { color: var(--an-text); background: color-mix(in srgb, var(--po-tone) 10%, #fff); }
|
||||
.aksrt-po-todo__item--danger { --po-tone: var(--an-danger); }
|
||||
.aksrt-po-todo__item--warning { --po-tone: var(--an-warning); }
|
||||
.aksrt-po-todo__item--info { --po-tone: var(--an-info); }
|
||||
.aksrt-po-todo__item--neutral { --po-tone: var(--an-muted); }
|
||||
.aksrt-po-todo__icon.dashicons {
|
||||
.jio-po-todo__item:hover,
|
||||
.jio-po-todo__item:focus { color: var(--an-text); background: color-mix(in srgb, var(--po-tone) 10%, #fff); }
|
||||
.jio-po-todo__item--danger { --po-tone: var(--an-danger); }
|
||||
.jio-po-todo__item--warning { --po-tone: var(--an-warning); }
|
||||
.jio-po-todo__item--info { --po-tone: var(--an-info); }
|
||||
.jio-po-todo__item--neutral { --po-tone: var(--an-muted); }
|
||||
.jio-po-todo__icon.dashicons {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -218,15 +218,15 @@
|
||||
background: color-mix(in srgb, var(--po-tone) 12%, #fff);
|
||||
border-radius: 8px;
|
||||
}
|
||||
.aksrt-po-todo__icon.dashicons:before { line-height: 30px; }
|
||||
.aksrt-po-todo__label { flex: 1; min-width: 0; }
|
||||
.aksrt-po-todo__value { color: var(--an-text); font-size: 15px; font-weight: 600; font-variant-numeric: tabular-nums; }
|
||||
.aksrt-po-todo__item--danger .aksrt-po-todo__value { color: var(--an-danger); }
|
||||
.aksrt-po-todo__item--warning .aksrt-po-todo__value { color: #c27c0e; }
|
||||
.aksrt-po-todo__item--neutral .aksrt-po-todo__value { color: var(--an-muted); }
|
||||
.jio-po-todo__icon.dashicons:before { line-height: 30px; }
|
||||
.jio-po-todo__label { flex: 1; min-width: 0; }
|
||||
.jio-po-todo__value { color: var(--an-text); font-size: 15px; font-weight: 600; font-variant-numeric: tabular-nums; }
|
||||
.jio-po-todo__item--danger .jio-po-todo__value { color: var(--an-danger); }
|
||||
.jio-po-todo__item--warning .jio-po-todo__value { color: #c27c0e; }
|
||||
.jio-po-todo__item--neutral .jio-po-todo__value { color: var(--an-muted); }
|
||||
|
||||
/* ---------- 快捷入口 ---------- */
|
||||
.aksrt-po-links {
|
||||
.jio-po-links {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
|
||||
gap: 8px;
|
||||
@@ -234,8 +234,8 @@
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.aksrt-po-links li { margin: 0; }
|
||||
.aksrt-po-links a {
|
||||
.jio-po-links li { margin: 0; }
|
||||
.jio-po-links a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
@@ -248,9 +248,9 @@
|
||||
box-sizing: border-box;
|
||||
transition: border-color .15s, background .15s;
|
||||
}
|
||||
.aksrt-po-links a:hover,
|
||||
.aksrt-po-links a:focus { color: var(--an-text); background: var(--an-primary-soft); border-color: color-mix(in srgb, var(--an-primary) 30%, transparent); }
|
||||
.aksrt-po-links__icon.dashicons {
|
||||
.jio-po-links a:hover,
|
||||
.jio-po-links a:focus { color: var(--an-text); background: var(--an-primary-soft); border-color: color-mix(in srgb, var(--an-primary) 30%, transparent); }
|
||||
.jio-po-links__icon.dashicons {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -262,23 +262,23 @@
|
||||
background: var(--an-primary-soft);
|
||||
border-radius: 8px;
|
||||
}
|
||||
.aksrt-po-links__icon.dashicons:before { line-height: 32px; }
|
||||
.aksrt-po-links__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
|
||||
.aksrt-po-links__text strong { font-size: 13px; font-weight: 600; }
|
||||
.aksrt-po-links__text span { color: var(--an-muted); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
||||
.jio-po-links__icon.dashicons:before { line-height: 32px; }
|
||||
.jio-po-links__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
|
||||
.jio-po-links__text strong { font-size: 13px; font-weight: 600; }
|
||||
.jio-po-links__text span { color: var(--an-muted); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
||||
|
||||
/* ---------- 响应式 ---------- */
|
||||
@media (max-width: 1440px) {
|
||||
.aksrt-po-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
|
||||
.jio-po-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
|
||||
}
|
||||
@media (max-width: 1080px) {
|
||||
.aksrt-po-grid--main { grid-template-columns: minmax(0, 1fr); }
|
||||
.jio-po-grid--main { grid-template-columns: minmax(0, 1fr); }
|
||||
}
|
||||
@media (max-width: 782px) {
|
||||
.aksrt-po-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
|
||||
.aksrt-po-kpi { padding: 12px 14px; }
|
||||
.aksrt-po-kpi__value { font-size: 19px; }
|
||||
.aksrt-po-chart--lg { height: 280px; }
|
||||
.aksrt-po-chart--md { height: 240px; }
|
||||
.aksrt-po-top .column-share { display: none; }
|
||||
.jio-po-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
|
||||
.jio-po-kpi { padding: 12px 14px; }
|
||||
.jio-po-kpi__value { font-size: 19px; }
|
||||
.jio-po-chart--lg { height: 280px; }
|
||||
.jio-po-chart--md { height: 240px; }
|
||||
.jio-po-top .column-share { display: none; }
|
||||
}
|
||||
@@ -1,84 +1,84 @@
|
||||
/* 付费文章（aksrt_pay_products）：列表 + 快速设置弹窗。复用 native-ui.css 的 --an-* 令牌，规则限定在本页类名下。 */
|
||||
.aksrt-products-page [hidden],
|
||||
.aksrt-product-dialog [hidden] { display: none !important; }
|
||||
/* 付费文章（jio_pay_products）：列表 + 快速设置弹窗。复用 native-ui.css 的 --an-* 令牌，规则限定在本页类名下。 */
|
||||
.jio-products-page [hidden],
|
||||
.jio-product-dialog [hidden] { display: none !important; }
|
||||
|
||||
/* ---------- 工具栏：类型视图 + 搜索 ---------- */
|
||||
.aksrt-products-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 18px; padding: 14px 20px; border-bottom: 1px solid var(--an-border-soft); }
|
||||
.aksrt-products-toolbar .subsubsub { margin: 0; padding: 0; box-shadow: none; }
|
||||
.aksrt-products-toolbar .aksrt-native-filters { margin: 0; }
|
||||
.jio-products-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 18px; padding: 14px 20px; border-bottom: 1px solid var(--an-border-soft); }
|
||||
.jio-products-toolbar .subsubsub { margin: 0; padding: 0; box-shadow: none; }
|
||||
.jio-products-toolbar .jio-native-filters { margin: 0; }
|
||||
|
||||
/* ---------- 商品表 ---------- */
|
||||
.aksrt-products-page .aksrt-products-table { min-width: 960px; table-layout: fixed; }
|
||||
.aksrt-products-table .column-product { width: 32%; }
|
||||
.aksrt-products-table .column-type { width: 13%; }
|
||||
.aksrt-products-table .column-price { width: 17%; }
|
||||
.aksrt-products-table .column-sales { width: 11%; }
|
||||
.aksrt-products-table .column-revenue { width: 12%; }
|
||||
.aksrt-products-table .column-actions { width: 15%; }
|
||||
.aksrt-products-page .aksrt-products-table td { vertical-align: top; overflow-wrap: anywhere; }
|
||||
.aksrt-products-table .row-title { font-weight: 600; }
|
||||
.aksrt-products-sub { margin-top: 4px; color: var(--an-muted); font-size: 12px; line-height: 1.5; }
|
||||
.aksrt-products-links { display: flex; flex-wrap: wrap; gap: 4px 12px; margin-top: 8px; font-size: 12px; }
|
||||
.aksrt-products-links a { text-decoration: none; }
|
||||
.aksrt-products-table tr.is-highlight > td { background: var(--an-primary-soft); }
|
||||
.jio-products-page .jio-products-table { min-width: 960px; table-layout: fixed; }
|
||||
.jio-products-table .column-product { width: 32%; }
|
||||
.jio-products-table .column-type { width: 13%; }
|
||||
.jio-products-table .column-price { width: 17%; }
|
||||
.jio-products-table .column-sales { width: 11%; }
|
||||
.jio-products-table .column-revenue { width: 12%; }
|
||||
.jio-products-table .column-actions { width: 15%; }
|
||||
.jio-products-page .jio-products-table td { vertical-align: top; overflow-wrap: anywhere; }
|
||||
.jio-products-table .row-title { font-weight: 600; }
|
||||
.jio-products-sub { margin-top: 4px; color: var(--an-muted); font-size: 12px; line-height: 1.5; }
|
||||
.jio-products-links { display: flex; flex-wrap: wrap; gap: 4px 12px; margin-top: 8px; font-size: 12px; }
|
||||
.jio-products-links a { text-decoration: none; }
|
||||
.jio-products-table tr.is-highlight > td { background: var(--an-primary-soft); }
|
||||
|
||||
/* ---------- 快速设置弹窗 ---------- */
|
||||
html.aksrt-products-modal-open { overflow: hidden; }
|
||||
.aksrt-product-dialog { width: min(760px, calc(100vw - 32px)); max-width: none; max-height: calc(100vh - 48px); max-height: calc(100dvh - 48px); margin: auto; padding: 0; overflow: hidden; color: var(--an-text-2); background: var(--an-card); border: 0; border-radius: var(--an-radius); box-shadow: 0 16px 64px rgba(15, 23, 42, .2); }
|
||||
.aksrt-product-dialog::backdrop { background: rgba(15, 23, 42, .45); }
|
||||
.aksrt-product-dialog__frame { display: flex; flex-direction: column; max-height: inherit; margin: 0; }
|
||||
.aksrt-product-dialog__head { display: flex; flex: none; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 20px 24px 18px; border-bottom: 1px solid var(--an-border-soft); }
|
||||
.aksrt-product-dialog .aksrt-product-dialog__head h2 { margin: 0; padding: 0; color: var(--an-text); font-size: 18px; font-weight: 600; line-height: 1.5; }
|
||||
.aksrt-product-dialog__head p { margin: 5px 0 0; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
|
||||
.aksrt-product-dialog__close { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; color: var(--an-text-2); background: transparent; border: 0; border-radius: var(--an-radius-sm); cursor: pointer; }
|
||||
.aksrt-product-dialog__close:hover { color: var(--an-text); background: var(--an-bg-soft); }
|
||||
.aksrt-product-dialog__body { min-height: 0; padding: 4px 24px 20px; overflow-y: auto; overscroll-behavior: contain; }
|
||||
.aksrt-product-dialog__foot { display: flex; flex: none; justify-content: flex-end; gap: 8px; padding: 14px 24px; background: var(--an-card); border-top: 1px solid var(--an-border-soft); }
|
||||
.aksrt-product-dialog__foot .button { min-width: 110px; }
|
||||
.aksrt-product-dialog .button:disabled { opacity: .65; cursor: not-allowed; }
|
||||
.aksrt-product-dialog :is(a, button, input, select, textarea):focus-visible { outline: 2px solid var(--an-primary); outline-offset: 2px; }
|
||||
html.jio-products-modal-open { overflow: hidden; }
|
||||
.jio-product-dialog { width: min(760px, calc(100vw - 32px)); max-width: none; max-height: calc(100vh - 48px); max-height: calc(100dvh - 48px); margin: auto; padding: 0; overflow: hidden; color: var(--an-text-2); background: var(--an-card); border: 0; border-radius: var(--an-radius); box-shadow: 0 16px 64px rgba(15, 23, 42, .2); }
|
||||
.jio-product-dialog::backdrop { background: rgba(15, 23, 42, .45); }
|
||||
.jio-product-dialog__frame { display: flex; flex-direction: column; max-height: inherit; margin: 0; }
|
||||
.jio-product-dialog__head { display: flex; flex: none; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 20px 24px 18px; border-bottom: 1px solid var(--an-border-soft); }
|
||||
.jio-product-dialog .jio-product-dialog__head h2 { margin: 0; padding: 0; color: var(--an-text); font-size: 18px; font-weight: 600; line-height: 1.5; }
|
||||
.jio-product-dialog__head p { margin: 5px 0 0; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
|
||||
.jio-product-dialog__close { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; color: var(--an-text-2); background: transparent; border: 0; border-radius: var(--an-radius-sm); cursor: pointer; }
|
||||
.jio-product-dialog__close:hover { color: var(--an-text); background: var(--an-bg-soft); }
|
||||
.jio-product-dialog__body { min-height: 0; padding: 4px 24px 20px; overflow-y: auto; overscroll-behavior: contain; }
|
||||
.jio-product-dialog__foot { display: flex; flex: none; justify-content: flex-end; gap: 8px; padding: 14px 24px; background: var(--an-card); border-top: 1px solid var(--an-border-soft); }
|
||||
.jio-product-dialog__foot .button { min-width: 110px; }
|
||||
.jio-product-dialog .button:disabled { opacity: .65; cursor: not-allowed; }
|
||||
.jio-product-dialog :is(a, button, input, select, textarea):focus-visible { outline: 2px solid var(--an-primary); outline-offset: 2px; }
|
||||
|
||||
.aksrt-product-section { padding: 18px 0; border-bottom: 1px solid var(--an-border-soft); }
|
||||
.aksrt-product-section:last-child { border-bottom: 0; }
|
||||
.aksrt-product-dialog .aksrt-product-section h3 { margin: 0 0 12px; color: var(--an-text); font-size: 14px; font-weight: 600; line-height: 1.5; }
|
||||
.aksrt-product-section__hint { margin: -6px 0 12px; color: var(--an-muted); font-size: 12px; }
|
||||
.aksrt-product-section .aksrt-native-callout { margin: 14px 0 0; }
|
||||
.aksrt-product-dialog .aksrt-native-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||||
.aksrt-product-pane { min-width: 0; margin: 0; padding: 0; border: 0; }
|
||||
.aksrt-product-pane + .aksrt-product-pane { margin-top: 0; }
|
||||
.aksrt-product-dialog textarea { resize: vertical; }
|
||||
.jio-product-section { padding: 18px 0; border-bottom: 1px solid var(--an-border-soft); }
|
||||
.jio-product-section:last-child { border-bottom: 0; }
|
||||
.jio-product-dialog .jio-product-section h3 { margin: 0 0 12px; color: var(--an-text); font-size: 14px; font-weight: 600; line-height: 1.5; }
|
||||
.jio-product-section__hint { margin: -6px 0 12px; color: var(--an-muted); font-size: 12px; }
|
||||
.jio-product-section .jio-native-callout { margin: 14px 0 0; }
|
||||
.jio-product-dialog .jio-native-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||||
.jio-product-pane { min-width: 0; margin: 0; padding: 0; border: 0; }
|
||||
.jio-product-pane + .jio-product-pane { margin-top: 0; }
|
||||
.jio-product-dialog textarea { resize: vertical; }
|
||||
|
||||
.aksrt-product-radios { margin: 0; padding: 0; border: 0; }
|
||||
.aksrt-product-radios legend { margin-bottom: 6px; padding: 0; }
|
||||
.aksrt-product-radios > div { display: flex; flex-wrap: wrap; gap: 8px; }
|
||||
.aksrt-product-radios label { position: relative; cursor: pointer; }
|
||||
.aksrt-product-radios input[type="radio"] { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); }
|
||||
.aksrt-product-radios label > span { display: inline-flex; align-items: center; min-height: 32px; padding: 4px 12px; color: var(--an-text-2); background: var(--an-card); border: 1px solid var(--an-border); border-radius: var(--an-radius-sm); }
|
||||
.aksrt-product-radios label:hover > span { border-color: var(--an-primary); }
|
||||
.aksrt-product-radios input:checked + span { color: var(--an-primary); background: var(--an-primary-soft); border-color: var(--an-primary); font-weight: 600; }
|
||||
.aksrt-product-radios input:focus-visible + span { outline: 2px solid var(--an-primary); outline-offset: 2px; }
|
||||
.aksrt-product-section > [data-aksrt-product-pane="enabled"] { margin-top: 14px; }
|
||||
.jio-product-radios { margin: 0; padding: 0; border: 0; }
|
||||
.jio-product-radios legend { margin-bottom: 6px; padding: 0; }
|
||||
.jio-product-radios > div { display: flex; flex-wrap: wrap; gap: 8px; }
|
||||
.jio-product-radios label { position: relative; cursor: pointer; }
|
||||
.jio-product-radios input[type="radio"] { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); }
|
||||
.jio-product-radios label > span { display: inline-flex; align-items: center; min-height: 32px; padding: 4px 12px; color: var(--an-text-2); background: var(--an-card); border: 1px solid var(--an-border); border-radius: var(--an-radius-sm); }
|
||||
.jio-product-radios label:hover > span { border-color: var(--an-primary); }
|
||||
.jio-product-radios input:checked + span { color: var(--an-primary); background: var(--an-primary-soft); border-color: var(--an-primary); font-weight: 600; }
|
||||
.jio-product-radios input:focus-visible + span { outline: 2px solid var(--an-primary); outline-offset: 2px; }
|
||||
.jio-product-section > [data-jio-product-pane="enabled"] { margin-top: 14px; }
|
||||
|
||||
.aksrt-product-inline { display: flex; align-items: center; gap: 6px; }
|
||||
.aksrt-product-inline input { flex: 1 1 auto; min-width: 0; }
|
||||
.aksrt-product-inline select { flex: none; width: auto; }
|
||||
.aksrt-product-unit { flex: none; color: var(--an-muted); }
|
||||
.aksrt-product-switches { display: flex; flex-direction: column; justify-content: center; gap: 8px; min-width: 0; }
|
||||
.aksrt-product-check { display: inline-flex; align-items: center; gap: 8px; width: fit-content; color: var(--an-text); cursor: pointer; }
|
||||
.aksrt-product-dialog .aksrt-product-check input[type="checkbox"] { flex: none; width: 16px; height: 16px; min-width: 0; min-height: 0; margin: 0; }
|
||||
.aksrt-product-expire { max-width: 50%; margin-top: 14px; }
|
||||
.aksrt-product-note { margin: 4px 0 0; font-size: 12px; }
|
||||
.jio-product-inline { display: flex; align-items: center; gap: 6px; }
|
||||
.jio-product-inline input { flex: 1 1 auto; min-width: 0; }
|
||||
.jio-product-inline select { flex: none; width: auto; }
|
||||
.jio-product-unit { flex: none; color: var(--an-muted); }
|
||||
.jio-product-switches { display: flex; flex-direction: column; justify-content: center; gap: 8px; min-width: 0; }
|
||||
.jio-product-check { display: inline-flex; align-items: center; gap: 8px; width: fit-content; color: var(--an-text); cursor: pointer; }
|
||||
.jio-product-dialog .jio-product-check input[type="checkbox"] { flex: none; width: 16px; height: 16px; min-width: 0; min-height: 0; margin: 0; }
|
||||
.jio-product-expire { max-width: 50%; margin-top: 14px; }
|
||||
.jio-product-note { margin: 4px 0 0; font-size: 12px; }
|
||||
|
||||
@media (max-width: 782px) {
|
||||
.aksrt-products-toolbar { padding: 12px 14px; }
|
||||
.aksrt-products-toolbar .aksrt-native-filters { width: 100%; }
|
||||
.jio-products-toolbar { padding: 12px 14px; }
|
||||
.jio-products-toolbar .jio-native-filters { width: 100%; }
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.aksrt-product-dialog { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
|
||||
.aksrt-product-dialog__head,
|
||||
.aksrt-product-dialog__body,
|
||||
.aksrt-product-dialog__foot { padding-left: 16px; padding-right: 16px; }
|
||||
.aksrt-product-dialog .aksrt-native-form-grid { grid-template-columns: 1fr; }
|
||||
.aksrt-product-expire { max-width: none; }
|
||||
.aksrt-product-dialog__foot .button { flex: 1; min-width: 0; }
|
||||
.jio-product-dialog { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
|
||||
.jio-product-dialog__head,
|
||||
.jio-product-dialog__body,
|
||||
.jio-product-dialog__foot { padding-left: 16px; padding-right: 16px; }
|
||||
.jio-product-dialog .jio-native-form-grid { grid-template-columns: 1fr; }
|
||||
.jio-product-expire { max-width: none; }
|
||||
.jio-product-dialog__foot .button { flex: 1; min-width: 0; }
|
||||
}
|
||||
@@ -1,8 +1,8 @@
|
||||
.aksrt-post-extension {
|
||||
.jio-post-extension {
|
||||
margin: -6px -12px -12px;
|
||||
}
|
||||
|
||||
.aksrt-post-extension__field {
|
||||
.jio-post-extension__field {
|
||||
box-sizing: border-box;
|
||||
display: grid;
|
||||
grid-template-columns: 34% minmax(0, 1fr);
|
||||
@@ -12,11 +12,11 @@
|
||||
border-top: 1px solid #eee;
|
||||
}
|
||||
|
||||
.aksrt-post-extension__field:first-child {
|
||||
.jio-post-extension__field:first-child {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
.aksrt-post-extension__title {
|
||||
.jio-post-extension__title {
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding-top: 6px;
|
||||
@@ -27,23 +27,23 @@
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.aksrt-post-extension__control,
|
||||
.aksrt-post-extension__control input[type="text"],
|
||||
.aksrt-post-extension__control input[type="url"],
|
||||
.aksrt-post-extension__control input[type="number"] {
|
||||
.jio-post-extension__control,
|
||||
.jio-post-extension__control input[type="text"],
|
||||
.jio-post-extension__control input[type="url"],
|
||||
.jio-post-extension__control input[type="number"] {
|
||||
box-sizing: border-box;
|
||||
min-width: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.aksrt-post-extension__control input[type="text"],
|
||||
.aksrt-post-extension__control input[type="url"],
|
||||
.aksrt-post-extension__control input[type="number"] {
|
||||
.jio-post-extension__control input[type="text"],
|
||||
.jio-post-extension__control input[type="url"],
|
||||
.jio-post-extension__control input[type="number"] {
|
||||
min-height: 30px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.aksrt-post-extension__control .description {
|
||||
.jio-post-extension__control .description {
|
||||
display: block;
|
||||
margin: 5px 0 0;
|
||||
color: #777;
|
||||
@@ -51,40 +51,40 @@
|
||||
line-height: 1.55;
|
||||
}
|
||||
|
||||
.aksrt-post-extension__danger {
|
||||
.jio-post-extension__danger {
|
||||
color: #ff4646;
|
||||
}
|
||||
|
||||
.aksrt-post-extension__upload {
|
||||
.jio-post-extension__upload {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) auto;
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
.aksrt-post-extension__upload .button-link-delete {
|
||||
.jio-post-extension__upload .button-link-delete {
|
||||
grid-column: 1 / -1;
|
||||
justify-self: start;
|
||||
}
|
||||
|
||||
.aksrt-post-extension__buttons {
|
||||
.jio-post-extension__buttons {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
margin-top: 7px;
|
||||
}
|
||||
|
||||
.aksrt-post-extension__gallery {
|
||||
.jio-post-extension__gallery {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: flex-start;
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
.aksrt-post-extension__gallery:empty {
|
||||
.jio-post-extension__gallery:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.aksrt-post-extension__gallery img {
|
||||
.jio-post-extension__gallery img {
|
||||
display: block;
|
||||
width: auto;
|
||||
height: auto;
|
||||
@@ -96,23 +96,23 @@
|
||||
background: #f6f7f7;
|
||||
}
|
||||
|
||||
.aksrt-post-extension__radios {
|
||||
.jio-post-extension__radios {
|
||||
display: grid;
|
||||
gap: 7px;
|
||||
}
|
||||
|
||||
.aksrt-post-extension__radios label,
|
||||
.aksrt-custom-filter-field label {
|
||||
.jio-post-extension__radios label,
|
||||
.jio-custom-filter-field label {
|
||||
display: block;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.aksrt-post-extension__field--check {
|
||||
.jio-post-extension__field--check {
|
||||
display: block;
|
||||
padding-left: calc(34% + 22px);
|
||||
}
|
||||
|
||||
.aksrt-post-extension__episode {
|
||||
.jio-post-extension__episode {
|
||||
position: relative;
|
||||
margin: 8px 0;
|
||||
padding: 8px;
|
||||
@@ -121,24 +121,24 @@
|
||||
background: rgba(255, 255, 255, 0.45);
|
||||
}
|
||||
|
||||
.aksrt-post-extension__episode > input {
|
||||
.jio-post-extension__episode > input {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.aksrt-post-extension__episode > .button-link-delete {
|
||||
.jio-post-extension__episode > .button-link-delete {
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.aksrt-custom-filter-field {
|
||||
.jio-custom-filter-field {
|
||||
padding: 9px 0;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.aksrt-custom-filter-field:last-child {
|
||||
.jio-custom-filter-field:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.aksrt-custom-filter-field strong {
|
||||
.jio-custom-filter-field strong {
|
||||
display: block;
|
||||
margin-bottom: 7px;
|
||||
color: #0991f5;
|
||||
@@ -149,16 +149,16 @@ body.block-editor-page #post_main .inside {
|
||||
}
|
||||
|
||||
@media (max-width: 782px) {
|
||||
.aksrt-post-extension__field {
|
||||
.jio-post-extension__field {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.aksrt-post-extension__title {
|
||||
.jio-post-extension__title {
|
||||
padding-top: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.aksrt-post-extension__field--check {
|
||||
.jio-post-extension__field--check {
|
||||
padding-left: 12px;
|
||||
}
|
||||
}
|
||||
+153
-153
@@ -1,182 +1,182 @@
|
||||
/* 工单运营页：列表与处理工作区（?id=）为页内视图，代客提交与内部备注为原生 dialog。复用 NativeUi 令牌。 */
|
||||
.aksrt-tickets-admin__toolbar { display: flex; flex-direction: column; gap: 14px; padding: 20px; }
|
||||
.aksrt-tickets-admin__toolbar .subsubsub { margin: 0; padding: 0; box-shadow: none; }
|
||||
.aksrt-tickets-admin__table { min-width: 1000px; table-layout: fixed; }
|
||||
.aksrt-tickets-admin__table .column-title { width: 29%; }
|
||||
.aksrt-tickets-admin__table .column-status { width: 11%; }
|
||||
.aksrt-tickets-admin__table .column-type { width: 9%; }
|
||||
.aksrt-tickets-admin__table .column-user { width: 13%; }
|
||||
.aksrt-tickets-admin__table .column-admin { width: 10%; }
|
||||
.aksrt-tickets-admin__table .column-time { width: 18%; }
|
||||
.aksrt-tickets-admin__table .column-actions { width: 10%; }
|
||||
.aksrt-tickets-admin__table .row-title { display: inline; font-size: 14px; font-weight: 600; line-height: 1.6; overflow-wrap: anywhere; }
|
||||
.aksrt-tickets-admin__sub { margin-top: 4px; color: var(--an-text-2); font-size: 12px; overflow-wrap: anywhere; }
|
||||
.aksrt-native .aksrt-tickets-admin__row.is-awaiting td:first-child { box-shadow: inset 3px 0 0 var(--an-primary); }
|
||||
.aksrt-ticket-hint { color: var(--an-muted); font-size: 12px; font-weight: 400; }
|
||||
.aksrt-ticket-pill { display: inline-flex; align-items: center; min-width: 18px; height: 18px; padding: 0 6px; color: var(--an-text-2); background: var(--an-bg-soft); border-radius: 9px; font-size: 11px; font-weight: 500; line-height: 1; justify-content: center; font-variant-numeric: tabular-nums; vertical-align: 1px; }
|
||||
.aksrt-ticket-dot { display: inline-block; flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--aksrt-ticket-color); }
|
||||
.aksrt-ticket-badge { display: inline-flex; align-items: center; gap: 5px; padding: 2px 8px; color: var(--an-text); background: var(--an-bg-soft); border: 1px solid var(--an-border); border-radius: 6px; font-size: 12px; line-height: 20px; white-space: nowrap; }
|
||||
.aksrt-ticket-badge::before { content: ""; flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--aksrt-ticket-color, var(--an-muted)); }
|
||||
.aksrt-ticket-urge { display: inline-block; padding: 1px 6px; color: var(--an-danger); background: #fdf0f2; border-radius: 4px; font-size: 12px; white-space: nowrap; }
|
||||
.aksrt-ticket-user { display: inline-flex; align-items: center; gap: 7px; max-width: 100%; color: var(--an-text); text-decoration: none; }
|
||||
.aksrt-ticket-user img { flex: none; border-radius: 50%; }
|
||||
.aksrt-ticket-user span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.jio-tickets-admin__toolbar { display: flex; flex-direction: column; gap: 14px; padding: 20px; }
|
||||
.jio-tickets-admin__toolbar .subsubsub { margin: 0; padding: 0; box-shadow: none; }
|
||||
.jio-tickets-admin__table { min-width: 1000px; table-layout: fixed; }
|
||||
.jio-tickets-admin__table .column-title { width: 29%; }
|
||||
.jio-tickets-admin__table .column-status { width: 11%; }
|
||||
.jio-tickets-admin__table .column-type { width: 9%; }
|
||||
.jio-tickets-admin__table .column-user { width: 13%; }
|
||||
.jio-tickets-admin__table .column-admin { width: 10%; }
|
||||
.jio-tickets-admin__table .column-time { width: 18%; }
|
||||
.jio-tickets-admin__table .column-actions { width: 10%; }
|
||||
.jio-tickets-admin__table .row-title { display: inline; font-size: 14px; font-weight: 600; line-height: 1.6; overflow-wrap: anywhere; }
|
||||
.jio-tickets-admin__sub { margin-top: 4px; color: var(--an-text-2); font-size: 12px; overflow-wrap: anywhere; }
|
||||
.jio-native .jio-tickets-admin__row.is-awaiting td:first-child { box-shadow: inset 3px 0 0 var(--an-primary); }
|
||||
.jio-ticket-hint { color: var(--an-muted); font-size: 12px; font-weight: 400; }
|
||||
.jio-ticket-pill { display: inline-flex; align-items: center; min-width: 18px; height: 18px; padding: 0 6px; color: var(--an-text-2); background: var(--an-bg-soft); border-radius: 9px; font-size: 11px; font-weight: 500; line-height: 1; justify-content: center; font-variant-numeric: tabular-nums; vertical-align: 1px; }
|
||||
.jio-ticket-dot { display: inline-block; flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--jio-ticket-color); }
|
||||
.jio-ticket-badge { display: inline-flex; align-items: center; gap: 5px; padding: 2px 8px; color: var(--an-text); background: var(--an-bg-soft); border: 1px solid var(--an-border); border-radius: 6px; font-size: 12px; line-height: 20px; white-space: nowrap; }
|
||||
.jio-ticket-badge::before { content: ""; flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--jio-ticket-color, var(--an-muted)); }
|
||||
.jio-ticket-urge { display: inline-block; padding: 1px 6px; color: var(--an-danger); background: #fdf0f2; border-radius: 4px; font-size: 12px; white-space: nowrap; }
|
||||
.jio-ticket-user { display: inline-flex; align-items: center; gap: 7px; max-width: 100%; color: var(--an-text); text-decoration: none; }
|
||||
.jio-ticket-user img { flex: none; border-radius: 50%; }
|
||||
.jio-ticket-user span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
||||
|
||||
/* 工作区与代客提交弹窗共用：页头、提交反馈与表单控件。 */
|
||||
.aksrt-tickets-admin__detail-header .aksrt-native-header__title { overflow-wrap: anywhere; }
|
||||
.aksrt-tickets-admin__detail-header .aksrt-native-header__desc { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
|
||||
.aksrt-tickets-admin [hidden] { display: none !important; }
|
||||
.aksrt-tickets-admin textarea { box-sizing: border-box; width: 100%; min-height: 64px; resize: vertical; line-height: 1.65; }
|
||||
.aksrt-tickets-admin :is(input, select, textarea, button, a, summary):focus-visible,
|
||||
.aksrt-ticket-conversation__scroll:focus-visible { outline: 2px solid var(--an-primary); outline-offset: 2px; box-shadow: none; }
|
||||
.aksrt-tickets-admin button:disabled { cursor: default; opacity: .6; }
|
||||
.aksrt-ticket-feedback { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 16px; padding: 10px 16px; color: #176b3d; background: var(--an-primary-soft); border: 1px solid color-mix(in srgb, var(--an-primary) 18%, transparent); border-radius: var(--an-radius-sm); font-size: 13px; }
|
||||
.aksrt-ticket-feedback p { margin: 0; }
|
||||
.aksrt-ticket-feedback.is-error { color: #a61b36; background: #fdf0f2; border-color: #f6d3da; }
|
||||
.aksrt-ticket-feedback .button { flex: none; }
|
||||
.jio-tickets-admin__detail-header .jio-native-header__title { overflow-wrap: anywhere; }
|
||||
.jio-tickets-admin__detail-header .jio-native-header__desc { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
|
||||
.jio-tickets-admin [hidden] { display: none !important; }
|
||||
.jio-tickets-admin textarea { box-sizing: border-box; width: 100%; min-height: 64px; resize: vertical; line-height: 1.65; }
|
||||
.jio-tickets-admin :is(input, select, textarea, button, a, summary):focus-visible,
|
||||
.jio-ticket-conversation__scroll:focus-visible { outline: 2px solid var(--an-primary); outline-offset: 2px; box-shadow: none; }
|
||||
.jio-tickets-admin button:disabled { cursor: default; opacity: .6; }
|
||||
.jio-ticket-feedback { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 16px; padding: 10px 16px; color: #176b3d; background: var(--an-primary-soft); border: 1px solid color-mix(in srgb, var(--an-primary) 18%, transparent); border-radius: var(--an-radius-sm); font-size: 13px; }
|
||||
.jio-ticket-feedback p { margin: 0; }
|
||||
.jio-ticket-feedback.is-error { color: #a61b36; background: #fdf0f2; border-color: #f6d3da; }
|
||||
.jio-ticket-feedback .button { flex: none; }
|
||||
|
||||
/* 代客提交：原生 top layer 弹窗，头尾固定，仅正文滚动。 */
|
||||
.aksrt-ticket-dialog { box-sizing: border-box; width: min(720px, calc(100vw - 48px)); max-width: none; max-height: calc(100dvh - 48px); margin: auto; padding: 0; color: var(--an-text); background: var(--an-card); border: 0; border-radius: var(--an-radius); box-shadow: 0 12px 32px rgba(15, 23, 42, .12), 0 32px 80px rgba(15, 23, 42, .16); overflow: hidden; font: inherit; }
|
||||
.aksrt-ticket-dialog:not([open]) { display: none; }
|
||||
.aksrt-ticket-dialog::backdrop { background: rgba(15, 23, 42, .45); }
|
||||
.aksrt-ticket-dialog__frame { display: flex; flex-direction: column; max-height: calc(100dvh - 48px); margin: 0; }
|
||||
.aksrt-ticket-dialog__head { display: flex; flex: none; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 18px 24px; border-bottom: 1px solid var(--an-border-soft); }
|
||||
.aksrt-ticket-dialog__head h2 { margin: 0; font-size: 18px; font-weight: 600; line-height: 1.5; }
|
||||
.aksrt-ticket-dialog__head h2:focus { outline: 0; }
|
||||
.aksrt-ticket-dialog__head p { margin: 4px 0 0; color: var(--an-muted); font-size: 12px; }
|
||||
.aksrt-ticket-dialog__close { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 32px; height: 32px; margin: -2px -6px 0 0; padding: 0; color: var(--an-muted); background: transparent; border: 0; border-radius: 8px; cursor: pointer; }
|
||||
.aksrt-ticket-dialog__close:hover { color: var(--an-text); background: var(--an-bg-soft); }
|
||||
.aksrt-ticket-dialog__body { min-height: 0; padding: 20px 24px; overflow-y: auto; overscroll-behavior: contain; }
|
||||
.aksrt-ticket-dialog__foot { display: flex; flex: none; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; padding: 14px 24px; border-top: 1px solid var(--an-border-soft); }
|
||||
.aksrt-ticket-dialog__foot > .aksrt-ticket-hint { margin-right: auto; }
|
||||
.jio-ticket-dialog { box-sizing: border-box; width: min(720px, calc(100vw - 48px)); max-width: none; max-height: calc(100dvh - 48px); margin: auto; padding: 0; color: var(--an-text); background: var(--an-card); border: 0; border-radius: var(--an-radius); box-shadow: 0 12px 32px rgba(15, 23, 42, .12), 0 32px 80px rgba(15, 23, 42, .16); overflow: hidden; font: inherit; }
|
||||
.jio-ticket-dialog:not([open]) { display: none; }
|
||||
.jio-ticket-dialog::backdrop { background: rgba(15, 23, 42, .45); }
|
||||
.jio-ticket-dialog__frame { display: flex; flex-direction: column; max-height: calc(100dvh - 48px); margin: 0; }
|
||||
.jio-ticket-dialog__head { display: flex; flex: none; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 18px 24px; border-bottom: 1px solid var(--an-border-soft); }
|
||||
.jio-ticket-dialog__head h2 { margin: 0; font-size: 18px; font-weight: 600; line-height: 1.5; }
|
||||
.jio-ticket-dialog__head h2:focus { outline: 0; }
|
||||
.jio-ticket-dialog__head p { margin: 4px 0 0; color: var(--an-muted); font-size: 12px; }
|
||||
.jio-ticket-dialog__close { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 32px; height: 32px; margin: -2px -6px 0 0; padding: 0; color: var(--an-muted); background: transparent; border: 0; border-radius: 8px; cursor: pointer; }
|
||||
.jio-ticket-dialog__close:hover { color: var(--an-text); background: var(--an-bg-soft); }
|
||||
.jio-ticket-dialog__body { min-height: 0; padding: 20px 24px; overflow-y: auto; overscroll-behavior: contain; }
|
||||
.jio-ticket-dialog__foot { display: flex; flex: none; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; padding: 14px 24px; border-top: 1px solid var(--an-border-soft); }
|
||||
.jio-ticket-dialog__foot > .jio-ticket-hint { margin-right: auto; }
|
||||
|
||||
/* 处理工作区：会话与回复在左，处理信息与内部备注在右。 */
|
||||
/* 主内容与侧栏共用同一个面板高度：会话面板固定为该高度，侧栏最多到该高度、超出时栏内滚动，两栏顶边和底边对齐。 */
|
||||
.aksrt-ticket-detail { --aksrt-ticket-pane-height: max(460px, calc(100vh - 200px)); display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 16px; align-items: start; }
|
||||
.aksrt-ticket-detail__main,
|
||||
.aksrt-ticket-detail__side { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
|
||||
.jio-ticket-detail { --jio-ticket-pane-height: max(460px, calc(100vh - 200px)); display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 16px; align-items: start; }
|
||||
.jio-ticket-detail__main,
|
||||
.jio-ticket-detail__side { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
|
||||
/* 侧栏固定为面板高度且自身不滚动：工单信息按内容高度完整显示，内部备注占满剩余高度，只有备注列表在卡片内滚动。
|
||||
仅当视口极矮、两张卡片的最小高度之和仍放不下时，才退回到侧栏整体滚动，避免内容被裁掉。 */
|
||||
.aksrt-ticket-detail__side { height: var(--aksrt-ticket-pane-height); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
|
||||
.aksrt-ticket-detail__side > .aksrt-ticket-detail__card { flex: none; }
|
||||
.aksrt-ticket-detail__side > .aksrt-ticket-detail__private { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 160px; }
|
||||
.aksrt-ticket-conversation,
|
||||
.aksrt-ticket-detail__card { background: var(--an-card); border: 1px solid var(--an-border); border-radius: var(--an-radius); }
|
||||
.jio-ticket-detail__side { height: var(--jio-ticket-pane-height); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
|
||||
.jio-ticket-detail__side > .jio-ticket-detail__card { flex: none; }
|
||||
.jio-ticket-detail__side > .jio-ticket-detail__private { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 160px; }
|
||||
.jio-ticket-conversation,
|
||||
.jio-ticket-detail__card { background: var(--an-card); border: 1px solid var(--an-border); border-radius: var(--an-radius); }
|
||||
/* 会话面板（IM 式）：头部、时间线、回复框同属一张卡片；卡片高度跟随视口，开屏即可看到回复框与发送按钮，只有时间线滚动。 */
|
||||
.aksrt-ticket-conversation { display: flex; flex-direction: column; height: var(--aksrt-ticket-pane-height); overflow: hidden; }
|
||||
.aksrt-ticket-detail__card { padding: 16px; }
|
||||
.aksrt-ticket-section-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 14px; }
|
||||
.aksrt-ticket-section-head h3 { display: inline-flex; align-items: center; gap: 6px; margin: 0; color: var(--an-text); font-size: 14px; font-weight: 600; }
|
||||
.aksrt-ticket-section-head .button-link { font-size: 12px; text-decoration: none; }
|
||||
.aksrt-ticket-conversation > .aksrt-ticket-section-head { flex: none; margin: 0; padding: 12px 16px; border-bottom: 1px solid var(--an-border-soft); }
|
||||
.jio-ticket-conversation { display: flex; flex-direction: column; height: var(--jio-ticket-pane-height); overflow: hidden; }
|
||||
.jio-ticket-detail__card { padding: 16px; }
|
||||
.jio-ticket-section-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 14px; }
|
||||
.jio-ticket-section-head h3 { display: inline-flex; align-items: center; gap: 6px; margin: 0; color: var(--an-text); font-size: 14px; font-weight: 600; }
|
||||
.jio-ticket-section-head .button-link { font-size: 12px; text-decoration: none; }
|
||||
.jio-ticket-conversation > .jio-ticket-section-head { flex: none; margin: 0; padding: 12px 16px; border-bottom: 1px solid var(--an-border-soft); }
|
||||
|
||||
/* 会话时间线：用户在左、客服在右、系统事件居中。 */
|
||||
.aksrt-ticket-conversation__scroll { flex: 1 1 auto; min-height: 0; padding: 20px 16px; background: var(--an-bg-soft); overflow-y: auto; overscroll-behavior: contain; }
|
||||
.aksrt-ticket-detail__thread { display: flex; flex-direction: column; gap: 18px; margin: 0; padding: 0; list-style: none; }
|
||||
.aksrt-ticket-detail__message { display: flex; align-items: flex-start; gap: 10px; max-width: 86%; margin: 0; }
|
||||
.aksrt-ticket-detail__message.is-admin { flex-direction: row-reverse; align-self: flex-end; }
|
||||
.aksrt-ticket-detail__message.is-origin { max-width: none; }
|
||||
.aksrt-ticket-detail__avatar { flex: none; width: 32px; height: 32px; background: var(--an-border); border-radius: 50%; object-fit: cover; }
|
||||
.aksrt-ticket-detail__bubble { min-width: 0; padding: 10px 14px 12px; background: var(--an-card); border: 1px solid var(--an-border); border-radius: 4px 12px 12px 12px; }
|
||||
.aksrt-ticket-detail__message.is-admin .aksrt-ticket-detail__bubble { background: var(--an-primary-soft); border-color: color-mix(in srgb, var(--an-primary) 20%, transparent); border-radius: 12px 4px 12px 12px; }
|
||||
.aksrt-ticket-detail__message.is-origin .aksrt-ticket-detail__bubble { flex: 1; background: var(--an-card); border-color: var(--an-border); border-left: 3px solid var(--an-info); border-radius: 4px 12px 12px 12px; }
|
||||
.aksrt-ticket-detail__meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; margin-bottom: 6px; font-size: 12px; }
|
||||
.aksrt-ticket-detail__message.is-admin .aksrt-ticket-detail__meta { flex-direction: row-reverse; }
|
||||
.aksrt-ticket-detail__meta strong { color: var(--an-text); font-weight: 600; overflow-wrap: anywhere; }
|
||||
.aksrt-ticket-detail__role { padding: 0 6px; color: var(--an-text-2); background: rgba(15, 23, 42, .05); border-radius: 4px; line-height: 18px; }
|
||||
.aksrt-ticket-detail__meta time { color: var(--an-muted); font-variant-numeric: tabular-nums; }
|
||||
.aksrt-ticket-detail__body { color: var(--an-text); overflow-wrap: anywhere; line-height: 1.7; }
|
||||
.aksrt-ticket-detail__body > p { margin: 0 0 .6em; }
|
||||
.aksrt-ticket-detail__body > p:last-child { margin-bottom: 0; }
|
||||
.aksrt-ticket-detail__empty,
|
||||
.aksrt-ticket-detail__event { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px 10px; margin: 0; color: var(--an-muted); font-size: 12px; text-align: center; }
|
||||
.aksrt-ticket-detail__event::before,
|
||||
.aksrt-ticket-detail__event::after { content: ""; flex: 1 1 24px; max-width: 80px; height: 1px; background: var(--an-border); }
|
||||
.aksrt-ticket-detail__quote { margin: 0 0 8px; padding: 6px 10px; color: var(--an-text-2); background: rgba(15, 23, 42, .04); border-left: 3px solid var(--an-border); border-radius: 0 6px 6px 0; font-size: 12px; white-space: pre-line; overflow-wrap: anywhere; }
|
||||
.aksrt-ticket-detail__attachments { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 0; padding: 0; list-style: none; }
|
||||
.aksrt-ticket-detail__attachments li { margin: 0; }
|
||||
.aksrt-ticket-detail__attachments a { display: block; border-radius: 8px; transition: transform .15s; }
|
||||
.aksrt-ticket-detail__attachments a:hover { transform: translateY(-1px); }
|
||||
.aksrt-ticket-detail__attachments img { display: block; width: 72px; height: 72px; object-fit: cover; border: 1px solid var(--an-border); border-radius: 8px; }
|
||||
.jio-ticket-conversation__scroll { flex: 1 1 auto; min-height: 0; padding: 20px 16px; background: var(--an-bg-soft); overflow-y: auto; overscroll-behavior: contain; }
|
||||
.jio-ticket-detail__thread { display: flex; flex-direction: column; gap: 18px; margin: 0; padding: 0; list-style: none; }
|
||||
.jio-ticket-detail__message { display: flex; align-items: flex-start; gap: 10px; max-width: 86%; margin: 0; }
|
||||
.jio-ticket-detail__message.is-admin { flex-direction: row-reverse; align-self: flex-end; }
|
||||
.jio-ticket-detail__message.is-origin { max-width: none; }
|
||||
.jio-ticket-detail__avatar { flex: none; width: 32px; height: 32px; background: var(--an-border); border-radius: 50%; object-fit: cover; }
|
||||
.jio-ticket-detail__bubble { min-width: 0; padding: 10px 14px 12px; background: var(--an-card); border: 1px solid var(--an-border); border-radius: 4px 12px 12px 12px; }
|
||||
.jio-ticket-detail__message.is-admin .jio-ticket-detail__bubble { background: var(--an-primary-soft); border-color: color-mix(in srgb, var(--an-primary) 20%, transparent); border-radius: 12px 4px 12px 12px; }
|
||||
.jio-ticket-detail__message.is-origin .jio-ticket-detail__bubble { flex: 1; background: var(--an-card); border-color: var(--an-border); border-left: 3px solid var(--an-info); border-radius: 4px 12px 12px 12px; }
|
||||
.jio-ticket-detail__meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; margin-bottom: 6px; font-size: 12px; }
|
||||
.jio-ticket-detail__message.is-admin .jio-ticket-detail__meta { flex-direction: row-reverse; }
|
||||
.jio-ticket-detail__meta strong { color: var(--an-text); font-weight: 600; overflow-wrap: anywhere; }
|
||||
.jio-ticket-detail__role { padding: 0 6px; color: var(--an-text-2); background: rgba(15, 23, 42, .05); border-radius: 4px; line-height: 18px; }
|
||||
.jio-ticket-detail__meta time { color: var(--an-muted); font-variant-numeric: tabular-nums; }
|
||||
.jio-ticket-detail__body { color: var(--an-text); overflow-wrap: anywhere; line-height: 1.7; }
|
||||
.jio-ticket-detail__body > p { margin: 0 0 .6em; }
|
||||
.jio-ticket-detail__body > p:last-child { margin-bottom: 0; }
|
||||
.jio-ticket-detail__empty,
|
||||
.jio-ticket-detail__event { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px 10px; margin: 0; color: var(--an-muted); font-size: 12px; text-align: center; }
|
||||
.jio-ticket-detail__event::before,
|
||||
.jio-ticket-detail__event::after { content: ""; flex: 1 1 24px; max-width: 80px; height: 1px; background: var(--an-border); }
|
||||
.jio-ticket-detail__quote { margin: 0 0 8px; padding: 6px 10px; color: var(--an-text-2); background: rgba(15, 23, 42, .04); border-left: 3px solid var(--an-border); border-radius: 0 6px 6px 0; font-size: 12px; white-space: pre-line; overflow-wrap: anywhere; }
|
||||
.jio-ticket-detail__attachments { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 0; padding: 0; list-style: none; }
|
||||
.jio-ticket-detail__attachments li { margin: 0; }
|
||||
.jio-ticket-detail__attachments a { display: block; border-radius: 8px; transition: transform .15s; }
|
||||
.jio-ticket-detail__attachments a:hover { transform: translateY(-1px); }
|
||||
.jio-ticket-detail__attachments img { display: block; width: 72px; height: 72px; object-fit: cover; border: 1px solid var(--an-border); border-radius: 8px; }
|
||||
|
||||
/* 回复框：固定在会话卡片底部，文本框与工具栏合成一个可聚焦整体。 */
|
||||
.aksrt-ticket-composer { flex: none; margin: 0; padding: 12px 16px 14px; background: var(--an-card); border-top: 1px solid var(--an-border-soft); }
|
||||
.aksrt-ticket-composer textarea { max-height: 30vh; }
|
||||
.aksrt-ticket-composer__bar .button .dashicons { margin: 0 4px 0 -2px; font-size: 16px; width: 16px; height: 16px; vertical-align: -3px; }
|
||||
.aksrt-ticket-composer__shortcut { margin-left: auto; }
|
||||
.aksrt-ticket-composer__shortcut + .aksrt-ticket-counter { margin-left: 0; }
|
||||
.aksrt-ticket-composer__box { background: var(--an-card); border: 1px solid var(--an-border); border-radius: var(--an-radius-sm); transition: border-color .15s, box-shadow .15s; }
|
||||
.aksrt-ticket-composer__box:focus-within { border-color: var(--an-primary); box-shadow: 0 0 0 2px color-mix(in srgb, var(--an-primary) 18%, transparent); }
|
||||
.aksrt-native .aksrt-ticket-composer__box textarea { display: block; padding: 10px 12px; background: transparent; border: 0; border-radius: var(--an-radius-sm) var(--an-radius-sm) 0 0; box-shadow: none; }
|
||||
.aksrt-native .aksrt-ticket-composer__box textarea:focus,
|
||||
.aksrt-tickets-admin .aksrt-ticket-composer__box textarea:focus-visible { outline: 0; box-shadow: none; }
|
||||
.aksrt-ticket-composer__bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 8px 8px 8px 10px; border-top: 1px solid var(--an-border-soft); }
|
||||
.aksrt-ticket-composer__bar select { max-width: min(240px, 100%); min-height: 30px; font-size: 12px; }
|
||||
.aksrt-ticket-counter { margin-left: auto; color: var(--an-muted); font-size: 12px; font-variant-numeric: tabular-nums; }
|
||||
.aksrt-ticket-counter.is-over { color: var(--an-danger); }
|
||||
.aksrt-native-field .aksrt-ticket-counter { align-self: flex-end; }
|
||||
.aksrt-ticket-detail__closed { display: flex; flex: none; align-items: center; gap: 8px; margin: 0; padding: 14px 16px; color: var(--an-text-2); background: var(--an-card); border-top: 1px solid var(--an-border-soft); font-size: 13px; }
|
||||
.aksrt-ticket-detail__closed .dashicons { flex: none; color: var(--an-muted); }
|
||||
.jio-ticket-composer { flex: none; margin: 0; padding: 12px 16px 14px; background: var(--an-card); border-top: 1px solid var(--an-border-soft); }
|
||||
.jio-ticket-composer textarea { max-height: 30vh; }
|
||||
.jio-ticket-composer__bar .button .dashicons { margin: 0 4px 0 -2px; font-size: 16px; width: 16px; height: 16px; vertical-align: -3px; }
|
||||
.jio-ticket-composer__shortcut { margin-left: auto; }
|
||||
.jio-ticket-composer__shortcut + .jio-ticket-counter { margin-left: 0; }
|
||||
.jio-ticket-composer__box { background: var(--an-card); border: 1px solid var(--an-border); border-radius: var(--an-radius-sm); transition: border-color .15s, box-shadow .15s; }
|
||||
.jio-ticket-composer__box:focus-within { border-color: var(--an-primary); box-shadow: 0 0 0 2px color-mix(in srgb, var(--an-primary) 18%, transparent); }
|
||||
.jio-native .jio-ticket-composer__box textarea { display: block; padding: 10px 12px; background: transparent; border: 0; border-radius: var(--an-radius-sm) var(--an-radius-sm) 0 0; box-shadow: none; }
|
||||
.jio-native .jio-ticket-composer__box textarea:focus,
|
||||
.jio-tickets-admin .jio-ticket-composer__box textarea:focus-visible { outline: 0; box-shadow: none; }
|
||||
.jio-ticket-composer__bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 8px 8px 8px 10px; border-top: 1px solid var(--an-border-soft); }
|
||||
.jio-ticket-composer__bar select { max-width: min(240px, 100%); min-height: 30px; font-size: 12px; }
|
||||
.jio-ticket-counter { margin-left: auto; color: var(--an-muted); font-size: 12px; font-variant-numeric: tabular-nums; }
|
||||
.jio-ticket-counter.is-over { color: var(--an-danger); }
|
||||
.jio-native-field .jio-ticket-counter { align-self: flex-end; }
|
||||
.jio-ticket-detail__closed { display: flex; flex: none; align-items: center; gap: 8px; margin: 0; padding: 14px 16px; color: var(--an-text-2); background: var(--an-card); border-top: 1px solid var(--an-border-soft); font-size: 13px; }
|
||||
.jio-ticket-detail__closed .dashicons { flex: none; color: var(--an-muted); }
|
||||
|
||||
/* 工单信息：标签列固定宽度，可编辑项直接内联。 */
|
||||
.aksrt-ticket-detail__info { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 10px 12px; align-items: center; margin: 0; font-size: 13px; }
|
||||
.aksrt-ticket-detail__info dt { color: var(--an-muted); font-size: 12px; }
|
||||
.aksrt-ticket-detail__info dd { margin: 0; min-width: 0; color: var(--an-text); overflow-wrap: anywhere; }
|
||||
.aksrt-ticket-detail__status-form { display: flex; flex-direction: column; gap: 14px; }
|
||||
.aksrt-ticket-detail__status-form select { width: 100%; max-width: none; }
|
||||
.aksrt-ticket-detail__status-form > .button { align-self: stretch; justify-content: center; }
|
||||
.aksrt-ticket-close-warning { padding: 10px 12px; color: #9d2038; background: #fdf0f2; border: 1px solid #f6d3da; border-radius: var(--an-radius-sm); font-size: 12px; }
|
||||
.aksrt-ticket-close-warning label { display: flex; align-items: flex-start; gap: 6px; line-height: 1.6; }
|
||||
.aksrt-ticket-close-warning input { flex: none; margin: 3px 0 0; }
|
||||
.jio-ticket-detail__info { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 10px 12px; align-items: center; margin: 0; font-size: 13px; }
|
||||
.jio-ticket-detail__info dt { color: var(--an-muted); font-size: 12px; }
|
||||
.jio-ticket-detail__info dd { margin: 0; min-width: 0; color: var(--an-text); overflow-wrap: anywhere; }
|
||||
.jio-ticket-detail__status-form { display: flex; flex-direction: column; gap: 14px; }
|
||||
.jio-ticket-detail__status-form select { width: 100%; max-width: none; }
|
||||
.jio-ticket-detail__status-form > .button { align-self: stretch; justify-content: center; }
|
||||
.jio-ticket-close-warning { padding: 10px 12px; color: #9d2038; background: #fdf0f2; border: 1px solid #f6d3da; border-radius: var(--an-radius-sm); font-size: 12px; }
|
||||
.jio-ticket-close-warning label { display: flex; align-items: flex-start; gap: 6px; line-height: 1.6; }
|
||||
.jio-ticket-close-warning input { flex: none; margin: 3px 0 0; }
|
||||
|
||||
/* 内部备注：暖色便签，与对用户可见的会话区分。 */
|
||||
.aksrt-ticket-detail__private { background: #fffbf0; border-color: #f3e2b6; }
|
||||
.aksrt-ticket-detail__private .aksrt-ticket-section-head { margin-bottom: 4px; }
|
||||
.aksrt-ticket-detail__private > .aksrt-ticket-hint { margin: 0 0 12px; color: #a26b07; }
|
||||
.aksrt-ticket-detail__private > .aksrt-ticket-section-head,
|
||||
.aksrt-ticket-detail__private > .aksrt-ticket-hint { flex: none; }
|
||||
.aksrt-ticket-detail__notes { flex: 1 1 auto; min-height: 0; margin: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
|
||||
.aksrt-ticket-detail__notes ol { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }
|
||||
.aksrt-ticket-detail__notes-older { margin-bottom: 8px; }
|
||||
.aksrt-ticket-detail__notes-older > summary { display: flex; align-items: center; gap: 6px; padding: 2px 0; color: #a26b07; font-size: 12px; cursor: pointer; list-style: none; }
|
||||
.aksrt-ticket-detail__notes-older > summary::-webkit-details-marker { display: none; }
|
||||
.aksrt-ticket-detail__notes-older > summary::before { content: ""; flex: none; width: 5px; height: 5px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(-45deg); transition: transform .15s; }
|
||||
.aksrt-ticket-detail__notes-older[open] > summary::before { transform: rotate(45deg); }
|
||||
.aksrt-ticket-detail__notes-older > summary:hover { color: #7a5005; }
|
||||
.aksrt-ticket-detail__notes-older > ol { margin-top: 8px; }
|
||||
.aksrt-ticket-detail__notes li { margin: 0; padding: 8px 10px; background: var(--an-card); border: 1px solid #f3e2b6; border-radius: var(--an-radius-sm); font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
|
||||
.aksrt-ticket-detail__note-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px; margin-bottom: 4px; font-size: 12px; }
|
||||
.aksrt-ticket-detail__note-head time { color: var(--an-muted); font-variant-numeric: tabular-nums; }
|
||||
.aksrt-ticket-detail__private .aksrt-ticket-section-head .button .dashicons { margin: 0 2px 0 -4px; font-size: 14px; width: 14px; height: 14px; vertical-align: -2px; }
|
||||
.aksrt-ticket-detail__notes-empty { margin: 0; color: var(--an-muted); font-size: 12px; }
|
||||
.jio-ticket-detail__private { background: #fffbf0; border-color: #f3e2b6; }
|
||||
.jio-ticket-detail__private .jio-ticket-section-head { margin-bottom: 4px; }
|
||||
.jio-ticket-detail__private > .jio-ticket-hint { margin: 0 0 12px; color: #a26b07; }
|
||||
.jio-ticket-detail__private > .jio-ticket-section-head,
|
||||
.jio-ticket-detail__private > .jio-ticket-hint { flex: none; }
|
||||
.jio-ticket-detail__notes { flex: 1 1 auto; min-height: 0; margin: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
|
||||
.jio-ticket-detail__notes ol { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }
|
||||
.jio-ticket-detail__notes-older { margin-bottom: 8px; }
|
||||
.jio-ticket-detail__notes-older > summary { display: flex; align-items: center; gap: 6px; padding: 2px 0; color: #a26b07; font-size: 12px; cursor: pointer; list-style: none; }
|
||||
.jio-ticket-detail__notes-older > summary::-webkit-details-marker { display: none; }
|
||||
.jio-ticket-detail__notes-older > summary::before { content: ""; flex: none; width: 5px; height: 5px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(-45deg); transition: transform .15s; }
|
||||
.jio-ticket-detail__notes-older[open] > summary::before { transform: rotate(45deg); }
|
||||
.jio-ticket-detail__notes-older > summary:hover { color: #7a5005; }
|
||||
.jio-ticket-detail__notes-older > ol { margin-top: 8px; }
|
||||
.jio-ticket-detail__notes li { margin: 0; padding: 8px 10px; background: var(--an-card); border: 1px solid #f3e2b6; border-radius: var(--an-radius-sm); font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
|
||||
.jio-ticket-detail__note-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px; margin-bottom: 4px; font-size: 12px; }
|
||||
.jio-ticket-detail__note-head time { color: var(--an-muted); font-variant-numeric: tabular-nums; }
|
||||
.jio-ticket-detail__private .jio-ticket-section-head .button .dashicons { margin: 0 2px 0 -4px; font-size: 14px; width: 14px; height: 14px; vertical-align: -2px; }
|
||||
.jio-ticket-detail__notes-empty { margin: 0; color: var(--an-muted); font-size: 12px; }
|
||||
|
||||
/* 内部备注弹窗：窄版，计数器右对齐在输入框下方。 */
|
||||
.aksrt-ticket-dialog--note { width: min(560px, calc(100vw - 48px)); }
|
||||
.aksrt-ticket-dialog__counter { display: block; margin-top: 6px; text-align: right; }
|
||||
.jio-ticket-dialog--note { width: min(560px, calc(100vw - 48px)); }
|
||||
.jio-ticket-dialog__counter { display: block; margin-top: 6px; text-align: right; }
|
||||
|
||||
@media (max-width: 960px) {
|
||||
.aksrt-ticket-detail { grid-template-columns: minmax(0, 1fr); }
|
||||
.jio-ticket-detail { grid-template-columns: minmax(0, 1fr); }
|
||||
/* 单列时侧栏按内容高度排在会话下方，备注列表恢复独立的高度上限。 */
|
||||
.aksrt-ticket-detail__side { height: auto; overflow: visible; }
|
||||
.aksrt-ticket-detail__side > .aksrt-ticket-detail__private { flex: none; min-height: 0; }
|
||||
.aksrt-ticket-detail__notes { max-height: 320px; }
|
||||
.jio-ticket-detail__side { height: auto; overflow: visible; }
|
||||
.jio-ticket-detail__side > .jio-ticket-detail__private { flex: none; min-height: 0; }
|
||||
.jio-ticket-detail__notes { max-height: 320px; }
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.aksrt-ticket-detail { --aksrt-ticket-pane-height: max(400px, calc(100vh - 160px)); }
|
||||
.aksrt-ticket-conversation__scroll { padding: 14px 12px; }
|
||||
.aksrt-ticket-composer { padding: 10px 12px 12px; }
|
||||
.aksrt-ticket-composer__shortcut { display: none; }
|
||||
.aksrt-ticket-detail__message { max-width: 100%; }
|
||||
.aksrt-ticket-detail__avatar { width: 28px; height: 28px; }
|
||||
.aksrt-ticket-composer__bar select { flex-basis: 100%; max-width: 100%; }
|
||||
.aksrt-ticket-feedback { align-items: flex-start; flex-direction: column; }
|
||||
.aksrt-ticket-dialog { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); }
|
||||
.aksrt-ticket-dialog__frame { max-height: calc(100dvh - 16px); }
|
||||
.aksrt-ticket-dialog__head,
|
||||
.aksrt-ticket-dialog__body,
|
||||
.aksrt-ticket-dialog__foot { padding: 12px 14px; }
|
||||
.aksrt-ticket-dialog__foot > .aksrt-ticket-hint { flex-basis: 100%; }
|
||||
.jio-ticket-detail { --jio-ticket-pane-height: max(400px, calc(100vh - 160px)); }
|
||||
.jio-ticket-conversation__scroll { padding: 14px 12px; }
|
||||
.jio-ticket-composer { padding: 10px 12px 12px; }
|
||||
.jio-ticket-composer__shortcut { display: none; }
|
||||
.jio-ticket-detail__message { max-width: 100%; }
|
||||
.jio-ticket-detail__avatar { width: 28px; height: 28px; }
|
||||
.jio-ticket-composer__bar select { flex-basis: 100%; max-width: 100%; }
|
||||
.jio-ticket-feedback { align-items: flex-start; flex-direction: column; }
|
||||
.jio-ticket-dialog { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); }
|
||||
.jio-ticket-dialog__frame { max-height: calc(100dvh - 16px); }
|
||||
.jio-ticket-dialog__head,
|
||||
.jio-ticket-dialog__body,
|
||||
.jio-ticket-dialog__foot { padding: 12px 14px; }
|
||||
.jio-ticket-dialog__foot > .jio-ticket-hint { flex-basis: 100%; }
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.aksrt-tickets-admin *, .aksrt-tickets-admin *::before { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
|
||||
.jio-tickets-admin *, .jio-tickets-admin *::before { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
|
||||
}
|
||||
@@ -1,8 +1,8 @@
|
||||
/* 认证审核原生后台页。卡片、表单与颜色令牌继承 native-ui.css。 */
|
||||
.aksrt-verify-page [hidden],
|
||||
.aksrt-verify-dialog [hidden] { display: none !important; }
|
||||
.jio-verify-page [hidden],
|
||||
.jio-verify-dialog [hidden] { display: none !important; }
|
||||
|
||||
.aksrt-verify-toolbar {
|
||||
.jio-verify-toolbar {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
@@ -11,7 +11,7 @@
|
||||
padding: 14px 20px;
|
||||
border-bottom: 1px solid var(--an-border-soft);
|
||||
}
|
||||
.aksrt-verify-toolbar__views {
|
||||
.jio-verify-toolbar__views {
|
||||
display: flex;
|
||||
flex: 1 1 620px;
|
||||
flex-wrap: wrap;
|
||||
@@ -19,19 +19,19 @@
|
||||
justify-content: space-between;
|
||||
gap: 10px 18px;
|
||||
}
|
||||
.aksrt-verify-toolbar .subsubsub { margin: 0; padding: 0; box-shadow: none; }
|
||||
.aksrt-verify-toolbar .aksrt-native-filters { flex: 0 1 auto; margin: 0; }
|
||||
.aksrt-verify-toolbar .aksrt-native-filters input[type="search"] { min-width: 200px; }
|
||||
.jio-verify-toolbar .subsubsub { margin: 0; padding: 0; box-shadow: none; }
|
||||
.jio-verify-toolbar .jio-native-filters { flex: 0 1 auto; margin: 0; }
|
||||
.jio-verify-toolbar .jio-native-filters input[type="search"] { min-width: 200px; }
|
||||
|
||||
.aksrt-verify-page .aksrt-verify-table { min-width: 1040px; table-layout: fixed; }
|
||||
.aksrt-verify-table .column-user { width: 20%; }
|
||||
.aksrt-verify-table .column-profile { width: 24%; }
|
||||
.aksrt-verify-table .column-evidence { width: 10%; }
|
||||
.aksrt-verify-table .column-status { width: 10%; }
|
||||
.aksrt-verify-table .column-time { width: 18%; }
|
||||
.aksrt-verify-table .column-actions { width: 18%; }
|
||||
.aksrt-verify-page .aksrt-verify-table td { vertical-align: middle; overflow-wrap: anywhere; }
|
||||
.aksrt-verify-summary {
|
||||
.jio-verify-page .jio-verify-table { min-width: 1040px; table-layout: fixed; }
|
||||
.jio-verify-table .column-user { width: 20%; }
|
||||
.jio-verify-table .column-profile { width: 24%; }
|
||||
.jio-verify-table .column-evidence { width: 10%; }
|
||||
.jio-verify-table .column-status { width: 10%; }
|
||||
.jio-verify-table .column-time { width: 18%; }
|
||||
.jio-verify-table .column-actions { width: 18%; }
|
||||
.jio-verify-page .jio-verify-table td { vertical-align: middle; overflow-wrap: anywhere; }
|
||||
.jio-verify-summary {
|
||||
display: -webkit-box;
|
||||
max-height: 3.1em;
|
||||
margin-top: 4px;
|
||||
@@ -43,19 +43,19 @@
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
}
|
||||
.aksrt-verify-sub { margin-top: 4px; color: var(--an-text-2); font-size: 12px; line-height: 1.55; overflow-wrap: anywhere; }
|
||||
.aksrt-verify-row-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; }
|
||||
.aksrt-verify-row-actions a,
|
||||
.aksrt-verify-row-actions button { white-space: nowrap; }
|
||||
.aksrt-verify-row-actions .button-link-delete { color: var(--an-danger); }
|
||||
.aksrt-verify-page :is(a, button):focus-visible,
|
||||
.aksrt-verify-dialog :is(a, button, input, textarea):focus-visible {
|
||||
.jio-verify-sub { margin-top: 4px; color: var(--an-text-2); font-size: 12px; line-height: 1.55; overflow-wrap: anywhere; }
|
||||
.jio-verify-row-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; }
|
||||
.jio-verify-row-actions a,
|
||||
.jio-verify-row-actions button { white-space: nowrap; }
|
||||
.jio-verify-row-actions .button-link-delete { color: var(--an-danger); }
|
||||
.jio-verify-page :is(a, button):focus-visible,
|
||||
.jio-verify-dialog :is(a, button, input, textarea):focus-visible {
|
||||
outline: 2px solid var(--an-primary);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
html.aksrt-verify-modal-open { overflow: hidden; }
|
||||
.aksrt-verify-dialog {
|
||||
html.jio-verify-modal-open { overflow: hidden; }
|
||||
.jio-verify-dialog {
|
||||
width: min(760px, calc(100vw - 32px));
|
||||
max-width: none;
|
||||
max-height: calc(100vh - 40px);
|
||||
@@ -69,9 +69,9 @@ html.aksrt-verify-modal-open { overflow: hidden; }
|
||||
border-radius: var(--an-radius);
|
||||
box-shadow: var(--an-shadow-hover);
|
||||
}
|
||||
.aksrt-verify-dialog::backdrop { background: rgba(15, 23, 42, .45); }
|
||||
.aksrt-verify-dialog__frame { display: flex; flex-direction: column; max-height: inherit; min-height: 0; margin: 0; }
|
||||
.aksrt-verify-dialog__head {
|
||||
.jio-verify-dialog::backdrop { background: rgba(15, 23, 42, .45); }
|
||||
.jio-verify-dialog__frame { display: flex; flex-direction: column; max-height: inherit; min-height: 0; margin: 0; }
|
||||
.jio-verify-dialog__head {
|
||||
display: flex;
|
||||
flex: none;
|
||||
align-items: flex-start;
|
||||
@@ -80,7 +80,7 @@ html.aksrt-verify-modal-open { overflow: hidden; }
|
||||
padding: 19px 24px 17px;
|
||||
border-bottom: 1px solid var(--an-border-soft);
|
||||
}
|
||||
.aksrt-verify-dialog .aksrt-verify-dialog__head h2 {
|
||||
.jio-verify-dialog .jio-verify-dialog__head h2 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: var(--an-text);
|
||||
@@ -88,8 +88,8 @@ html.aksrt-verify-modal-open { overflow: hidden; }
|
||||
font-weight: 600;
|
||||
line-height: 1.45;
|
||||
}
|
||||
.aksrt-verify-dialog__head p { margin: 5px 0 0; color: var(--an-text-2); font-size: 13px; line-height: 1.6; }
|
||||
.aksrt-verify-dialog__head [data-aksrt-dialog-close] {
|
||||
.jio-verify-dialog__head p { margin: 5px 0 0; color: var(--an-text-2); font-size: 13px; line-height: 1.6; }
|
||||
.jio-verify-dialog__head [data-jio-dialog-close] {
|
||||
display: inline-flex;
|
||||
flex: none;
|
||||
align-items: center;
|
||||
@@ -103,9 +103,9 @@ html.aksrt-verify-modal-open { overflow: hidden; }
|
||||
border-radius: var(--an-radius-sm);
|
||||
cursor: pointer;
|
||||
}
|
||||
.aksrt-verify-dialog__head [data-aksrt-dialog-close]:hover { color: var(--an-text); background: var(--an-bg-soft); }
|
||||
.aksrt-verify-dialog__body { min-height: 0; padding: 20px 24px; overflow-y: auto; overscroll-behavior: contain; }
|
||||
.aksrt-verify-dialog__foot {
|
||||
.jio-verify-dialog__head [data-jio-dialog-close]:hover { color: var(--an-text); background: var(--an-bg-soft); }
|
||||
.jio-verify-dialog__body { min-height: 0; padding: 20px 24px; overflow-y: auto; overscroll-behavior: contain; }
|
||||
.jio-verify-dialog__foot {
|
||||
display: flex;
|
||||
flex: none;
|
||||
justify-content: flex-end;
|
||||
@@ -114,13 +114,13 @@ html.aksrt-verify-modal-open { overflow: hidden; }
|
||||
background: var(--an-card);
|
||||
border-top: 1px solid var(--an-border-soft);
|
||||
}
|
||||
.aksrt-verify-dialog__foot .button { min-width: 116px; }
|
||||
.aksrt-verify-dialog__foot .button.is-danger { color: var(--an-card); background: var(--an-danger); border-color: var(--an-danger); }
|
||||
.aksrt-verify-dialog__foot .button.is-danger:hover { background: var(--an-danger); border-color: var(--an-danger); }
|
||||
.aksrt-verify-dialog__foot .button:disabled { cursor: not-allowed; }
|
||||
.jio-verify-dialog__foot .button { min-width: 116px; }
|
||||
.jio-verify-dialog__foot .button.is-danger { color: var(--an-card); background: var(--an-danger); border-color: var(--an-danger); }
|
||||
.jio-verify-dialog__foot .button.is-danger:hover { background: var(--an-danger); border-color: var(--an-danger); }
|
||||
.jio-verify-dialog__foot .button:disabled { cursor: not-allowed; }
|
||||
|
||||
.aksrt-verify-applicant { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; min-width: 0; margin: 0 0 18px; color: var(--an-text); font-size: 17px; font-weight: 600; line-height: 1.45; overflow-wrap: anywhere; }
|
||||
.aksrt-verify-meta {
|
||||
.jio-verify-applicant { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; min-width: 0; margin: 0 0 18px; color: var(--an-text); font-size: 17px; font-weight: 600; line-height: 1.45; overflow-wrap: anywhere; }
|
||||
.jio-verify-meta {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 12px 18px;
|
||||
@@ -129,12 +129,12 @@ html.aksrt-verify-modal-open { overflow: hidden; }
|
||||
background: var(--an-bg-soft);
|
||||
border-radius: var(--an-radius-sm);
|
||||
}
|
||||
.aksrt-verify-meta > div { min-width: 0; }
|
||||
.aksrt-verify-meta dt { color: var(--an-text-2); font-size: 12px; line-height: 1.5; }
|
||||
.aksrt-verify-meta dd { margin: 3px 0 0; color: var(--an-text); overflow-wrap: anywhere; }
|
||||
.aksrt-verify-section { margin-top: 20px; }
|
||||
.aksrt-verify-dialog .aksrt-verify-section h3,
|
||||
.aksrt-verify-review > h3 {
|
||||
.jio-verify-meta > div { min-width: 0; }
|
||||
.jio-verify-meta dt { color: var(--an-text-2); font-size: 12px; line-height: 1.5; }
|
||||
.jio-verify-meta dd { margin: 3px 0 0; color: var(--an-text); overflow-wrap: anywhere; }
|
||||
.jio-verify-section { margin-top: 20px; }
|
||||
.jio-verify-dialog .jio-verify-section h3,
|
||||
.jio-verify-review > h3 {
|
||||
margin: 0 0 9px;
|
||||
padding: 0;
|
||||
color: var(--an-text);
|
||||
@@ -142,10 +142,10 @@ html.aksrt-verify-modal-open { overflow: hidden; }
|
||||
font-weight: 600;
|
||||
line-height: 1.45;
|
||||
}
|
||||
.aksrt-verify-copy { color: var(--an-text-2); line-height: 1.75; white-space: pre-wrap; overflow-wrap: anywhere; }
|
||||
.aksrt-verify-evidence { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
|
||||
.aksrt-verify-evidence li { min-width: 0; }
|
||||
.aksrt-verify-evidence a {
|
||||
.jio-verify-copy { color: var(--an-text-2); line-height: 1.75; white-space: pre-wrap; overflow-wrap: anywhere; }
|
||||
.jio-verify-evidence { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
|
||||
.jio-verify-evidence li { min-width: 0; }
|
||||
.jio-verify-evidence a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 9px;
|
||||
@@ -157,17 +157,17 @@ html.aksrt-verify-modal-open { overflow: hidden; }
|
||||
border-radius: var(--an-radius-sm);
|
||||
text-decoration: none;
|
||||
}
|
||||
.aksrt-verify-evidence a:hover { color: var(--an-primary); border-color: var(--an-primary); }
|
||||
.aksrt-verify-evidence img { flex: none; width: 38px; height: 38px; object-fit: cover; border-radius: 5px; }
|
||||
.aksrt-verify-evidence span { min-width: 0; overflow-wrap: anywhere; }
|
||||
.aksrt-verify-evidence-empty { margin: 0; color: var(--an-text-2); }
|
||||
.jio-verify-evidence a:hover { color: var(--an-primary); border-color: var(--an-primary); }
|
||||
.jio-verify-evidence img { flex: none; width: 38px; height: 38px; object-fit: cover; border-radius: 5px; }
|
||||
.jio-verify-evidence span { min-width: 0; overflow-wrap: anywhere; }
|
||||
.jio-verify-evidence-empty { margin: 0; color: var(--an-text-2); }
|
||||
|
||||
.aksrt-verify-review { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--an-border-soft); }
|
||||
.aksrt-verify-decisions { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 16px; padding: 0; border: 0; }
|
||||
.aksrt-verify-decisions > legend { width: 100%; margin-bottom: 8px; padding: 0; color: var(--an-text); font-weight: 600; }
|
||||
.aksrt-verify-decisions label { position: relative; flex: 1 1 180px; cursor: pointer; }
|
||||
.aksrt-verify-decisions input[type="radio"] { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); }
|
||||
.aksrt-verify-decisions label > span {
|
||||
.jio-verify-review { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--an-border-soft); }
|
||||
.jio-verify-decisions { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 16px; padding: 0; border: 0; }
|
||||
.jio-verify-decisions > legend { width: 100%; margin-bottom: 8px; padding: 0; color: var(--an-text); font-weight: 600; }
|
||||
.jio-verify-decisions label { position: relative; flex: 1 1 180px; cursor: pointer; }
|
||||
.jio-verify-decisions input[type="radio"] { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); }
|
||||
.jio-verify-decisions label > span {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
min-height: 42px;
|
||||
@@ -177,36 +177,36 @@ html.aksrt-verify-modal-open { overflow: hidden; }
|
||||
border: 1px solid var(--an-border);
|
||||
border-radius: var(--an-radius-sm);
|
||||
}
|
||||
.aksrt-verify-decisions label:hover > span { border-color: var(--an-primary); }
|
||||
.aksrt-verify-decisions input:checked + span { color: var(--an-primary); background: var(--an-primary-soft); border-color: var(--an-primary); font-weight: 600; }
|
||||
.aksrt-verify-decisions input:focus-visible + span { outline: 2px solid var(--an-primary); outline-offset: 2px; }
|
||||
.aksrt-verify-profile {
|
||||
.jio-verify-decisions label:hover > span { border-color: var(--an-primary); }
|
||||
.jio-verify-decisions input:checked + span { color: var(--an-primary); background: var(--an-primary-soft); border-color: var(--an-primary); font-weight: 600; }
|
||||
.jio-verify-decisions input:focus-visible + span { outline: 2px solid var(--an-primary); outline-offset: 2px; }
|
||||
.jio-verify-profile {
|
||||
min-width: 0;
|
||||
margin: 0 0 16px;
|
||||
padding: 14px;
|
||||
border: 1px solid var(--an-border);
|
||||
border-radius: var(--an-radius-sm);
|
||||
}
|
||||
.aksrt-verify-profile > legend { padding: 0 5px; color: var(--an-text); font-weight: 600; }
|
||||
.aksrt-verify-review .aksrt-native-field { margin-top: 13px; }
|
||||
.aksrt-verify-review .aksrt-native-field > input,
|
||||
.aksrt-verify-review .aksrt-native-field > textarea { width: 100%; max-width: none; }
|
||||
.aksrt-verify-review textarea { resize: vertical; }
|
||||
.jio-verify-profile > legend { padding: 0 5px; color: var(--an-text); font-weight: 600; }
|
||||
.jio-verify-review .jio-native-field { margin-top: 13px; }
|
||||
.jio-verify-review .jio-native-field > input,
|
||||
.jio-verify-review .jio-native-field > textarea { width: 100%; max-width: none; }
|
||||
.jio-verify-review textarea { resize: vertical; }
|
||||
|
||||
@media (max-width: 782px) {
|
||||
.aksrt-verify-toolbar { padding: 12px 14px; }
|
||||
.aksrt-verify-toolbar__views { flex: 1 1 100%; justify-content: flex-start; }
|
||||
.aksrt-verify-toolbar .aksrt-native-filters { width: 100%; }
|
||||
.aksrt-verify-toolbar .aksrt-native-filters input[type="search"] { min-width: 0; flex: 1 1 220px; }
|
||||
.jio-verify-toolbar { padding: 12px 14px; }
|
||||
.jio-verify-toolbar__views { flex: 1 1 100%; justify-content: flex-start; }
|
||||
.jio-verify-toolbar .jio-native-filters { width: 100%; }
|
||||
.jio-verify-toolbar .jio-native-filters input[type="search"] { min-width: 0; flex: 1 1 220px; }
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.aksrt-verify-dialog { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
|
||||
.aksrt-verify-dialog__head,
|
||||
.aksrt-verify-dialog__body,
|
||||
.aksrt-verify-dialog__foot { padding-left: 16px; padding-right: 16px; }
|
||||
.aksrt-verify-meta { grid-template-columns: 1fr; gap: 10px; }
|
||||
.aksrt-verify-evidence { grid-template-columns: 1fr; }
|
||||
.aksrt-verify-decisions { flex-direction: column; }
|
||||
.aksrt-verify-decisions label { flex-basis: auto; }
|
||||
.aksrt-verify-dialog__foot .button { flex: 1; }
|
||||
.jio-verify-dialog { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
|
||||
.jio-verify-dialog__head,
|
||||
.jio-verify-dialog__body,
|
||||
.jio-verify-dialog__foot { padding-left: 16px; padding-right: 16px; }
|
||||
.jio-verify-meta { grid-template-columns: 1fr; gap: 10px; }
|
||||
.jio-verify-evidence { grid-template-columns: 1fr; }
|
||||
.jio-verify-decisions { flex-direction: column; }
|
||||
.jio-verify-decisions label { flex-basis: auto; }
|
||||
.jio-verify-dialog__foot .button { flex: 1; }
|
||||
}
|
||||
@@ -1,42 +1,42 @@
|
||||
/* 举报与禁封申诉运营页。继承 native-ui.css 的后台颜色与表单令牌。 */
|
||||
.aksrt-ban-page [hidden],
|
||||
.aksrt-ban-dialog [hidden] { display: none !important; }
|
||||
.jio-ban-page [hidden],
|
||||
.jio-ban-dialog [hidden] { display: none !important; }
|
||||
|
||||
.aksrt-ban-toolbar { padding: 14px 20px; border-bottom: 1px solid var(--an-border-soft); }
|
||||
.aksrt-ban-toolbar__top,
|
||||
.aksrt-ban-toolbar__bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 18px; }
|
||||
.aksrt-ban-toolbar__bottom { margin-top: 14px; }
|
||||
.aksrt-ban-types { display: inline-flex; flex-wrap: wrap; gap: 4px; padding: 3px; background: var(--an-bg-soft); border-radius: var(--an-radius-sm); }
|
||||
.aksrt-ban-types a { padding: 6px 12px; color: var(--an-text-2); border-radius: 5px; text-decoration: none; }
|
||||
.aksrt-ban-types a:hover { color: var(--an-primary); }
|
||||
.aksrt-ban-types a[aria-current="page"] { color: var(--an-primary); background: var(--an-card); box-shadow: 0 1px 3px rgba(15, 23, 42, .08); font-weight: 600; }
|
||||
.aksrt-ban-toolbar .subsubsub { margin: 0; padding: 0; box-shadow: none; }
|
||||
.aksrt-ban-toolbar .aksrt-native-filters { margin: 0; }
|
||||
.aksrt-ban-toolbar .aksrt-native-filters input[type="search"] { min-width: 240px; }
|
||||
.aksrt-ban-filter-hint { margin: 12px 0 0; color: var(--an-text-2); font-size: 12px; }
|
||||
.jio-ban-toolbar { padding: 14px 20px; border-bottom: 1px solid var(--an-border-soft); }
|
||||
.jio-ban-toolbar__top,
|
||||
.jio-ban-toolbar__bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 18px; }
|
||||
.jio-ban-toolbar__bottom { margin-top: 14px; }
|
||||
.jio-ban-types { display: inline-flex; flex-wrap: wrap; gap: 4px; padding: 3px; background: var(--an-bg-soft); border-radius: var(--an-radius-sm); }
|
||||
.jio-ban-types a { padding: 6px 12px; color: var(--an-text-2); border-radius: 5px; text-decoration: none; }
|
||||
.jio-ban-types a:hover { color: var(--an-primary); }
|
||||
.jio-ban-types a[aria-current="page"] { color: var(--an-primary); background: var(--an-card); box-shadow: 0 1px 3px rgba(15, 23, 42, .08); font-weight: 600; }
|
||||
.jio-ban-toolbar .subsubsub { margin: 0; padding: 0; box-shadow: none; }
|
||||
.jio-ban-toolbar .jio-native-filters { margin: 0; }
|
||||
.jio-ban-toolbar .jio-native-filters input[type="search"] { min-width: 240px; }
|
||||
.jio-ban-filter-hint { margin: 12px 0 0; color: var(--an-text-2); font-size: 12px; }
|
||||
|
||||
.aksrt-ban-page .aksrt-ban-table { min-width: 1160px; table-layout: fixed; }
|
||||
.aksrt-ban-table .column-type { width: 11%; }
|
||||
.aksrt-ban-table .column-user { width: 16%; }
|
||||
.aksrt-ban-table .column-summary { width: 27%; }
|
||||
.aksrt-ban-table .column-status { width: 10%; }
|
||||
.aksrt-ban-table .column-time,
|
||||
.aksrt-ban-table .column-updated { width: 13%; }
|
||||
.aksrt-ban-table .column-actions { width: 10%; }
|
||||
.aksrt-ban-page .aksrt-ban-table td { overflow-wrap: anywhere; }
|
||||
.aksrt-ban-sort { display: inline-flex; align-items: center; gap: 6px; text-decoration: none; }
|
||||
.aksrt-ban-sort span { font-size: 14px; }
|
||||
.aksrt-ban-page .aksrt-ban-table th[aria-sort] a,
|
||||
.aksrt-ban-page .aksrt-ban-table th a:hover { color: var(--an-primary); }
|
||||
.aksrt-ban-sub { margin-top: 5px; color: var(--an-text-2); font-size: 12px; line-height: 1.6; }
|
||||
.aksrt-ban-summary { display: -webkit-box; max-height: 3.1em; margin-top: 5px; color: var(--an-text-2); line-height: 1.55; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
|
||||
.aksrt-ban-user-filter { display: inline-block; margin: 5px 0 0 36px; font-size: 12px; }
|
||||
.aksrt-ban-table .column-actions .button { white-space: nowrap; }
|
||||
.aksrt-ban-page :is(a, button, input):focus-visible,
|
||||
.aksrt-ban-dialog :is(a, button, input, textarea):focus-visible { outline: 2px solid var(--an-primary); outline-offset: 2px; }
|
||||
.jio-ban-page .jio-ban-table { min-width: 1160px; table-layout: fixed; }
|
||||
.jio-ban-table .column-type { width: 11%; }
|
||||
.jio-ban-table .column-user { width: 16%; }
|
||||
.jio-ban-table .column-summary { width: 27%; }
|
||||
.jio-ban-table .column-status { width: 10%; }
|
||||
.jio-ban-table .column-time,
|
||||
.jio-ban-table .column-updated { width: 13%; }
|
||||
.jio-ban-table .column-actions { width: 10%; }
|
||||
.jio-ban-page .jio-ban-table td { overflow-wrap: anywhere; }
|
||||
.jio-ban-sort { display: inline-flex; align-items: center; gap: 6px; text-decoration: none; }
|
||||
.jio-ban-sort span { font-size: 14px; }
|
||||
.jio-ban-page .jio-ban-table th[aria-sort] a,
|
||||
.jio-ban-page .jio-ban-table th a:hover { color: var(--an-primary); }
|
||||
.jio-ban-sub { margin-top: 5px; color: var(--an-text-2); font-size: 12px; line-height: 1.6; }
|
||||
.jio-ban-summary { display: -webkit-box; max-height: 3.1em; margin-top: 5px; color: var(--an-text-2); line-height: 1.55; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
|
||||
.jio-ban-user-filter { display: inline-block; margin: 5px 0 0 36px; font-size: 12px; }
|
||||
.jio-ban-table .column-actions .button { white-space: nowrap; }
|
||||
.jio-ban-page :is(a, button, input):focus-visible,
|
||||
.jio-ban-dialog :is(a, button, input, textarea):focus-visible { outline: 2px solid var(--an-primary); outline-offset: 2px; }
|
||||
|
||||
html.aksrt-ban-modal-open { overflow: hidden; scrollbar-gutter: stable; }
|
||||
.aksrt-ban-dialog {
|
||||
html.jio-ban-modal-open { overflow: hidden; scrollbar-gutter: stable; }
|
||||
.jio-ban-dialog {
|
||||
width: min(780px, calc(100vw - 32px));
|
||||
max-width: none;
|
||||
max-height: calc(100vh - 40px);
|
||||
@@ -50,76 +50,76 @@ html.aksrt-ban-modal-open { overflow: hidden; scrollbar-gutter: stable; }
|
||||
border-radius: var(--an-radius);
|
||||
box-shadow: var(--an-shadow-hover);
|
||||
}
|
||||
.aksrt-ban-dialog::backdrop { background: rgba(15, 23, 42, .45); }
|
||||
.aksrt-ban-dialog__frame { display: flex; flex-direction: column; min-height: 0; max-height: inherit; margin: 0; }
|
||||
.aksrt-ban-dialog__head { display: flex; flex: none; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 19px 24px 17px; border-bottom: 1px solid var(--an-border-soft); }
|
||||
.aksrt-ban-dialog .aksrt-ban-dialog__head h2 { margin: 0; padding: 0; color: var(--an-text); font-size: 18px; font-weight: 600; line-height: 1.45; }
|
||||
.aksrt-ban-dialog__head p { max-width: 52ch; margin: 5px 0 0; font-size: 13px; line-height: 1.6; }
|
||||
.aksrt-ban-dialog__close { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; color: var(--an-text-2); background: transparent; border: 0; border-radius: var(--an-radius-sm); cursor: pointer; }
|
||||
.aksrt-ban-dialog__close:hover { color: var(--an-text); background: var(--an-bg-soft); }
|
||||
.aksrt-ban-dialog__body { min-height: 0; padding: 20px 24px; overflow-y: auto; overscroll-behavior: contain; }
|
||||
.aksrt-ban-dialog__foot { display: flex; flex: none; justify-content: flex-end; gap: 8px; padding: 14px 24px; background: var(--an-card); border-top: 1px solid var(--an-border-soft); }
|
||||
.aksrt-ban-dialog__foot .button { min-width: 120px; }
|
||||
.aksrt-ban-dialog .aksrt-ban-dialog__foot .button.is-danger { color: var(--an-card); background: var(--an-danger); border-color: var(--an-danger); }
|
||||
.aksrt-ban-dialog .button:disabled,
|
||||
.aksrt-ban-dialog__close:disabled { opacity: .65; cursor: not-allowed; }
|
||||
.jio-ban-dialog::backdrop { background: rgba(15, 23, 42, .45); }
|
||||
.jio-ban-dialog__frame { display: flex; flex-direction: column; min-height: 0; max-height: inherit; margin: 0; }
|
||||
.jio-ban-dialog__head { display: flex; flex: none; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 19px 24px 17px; border-bottom: 1px solid var(--an-border-soft); }
|
||||
.jio-ban-dialog .jio-ban-dialog__head h2 { margin: 0; padding: 0; color: var(--an-text); font-size: 18px; font-weight: 600; line-height: 1.45; }
|
||||
.jio-ban-dialog__head p { max-width: 52ch; margin: 5px 0 0; font-size: 13px; line-height: 1.6; }
|
||||
.jio-ban-dialog__close { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; color: var(--an-text-2); background: transparent; border: 0; border-radius: var(--an-radius-sm); cursor: pointer; }
|
||||
.jio-ban-dialog__close:hover { color: var(--an-text); background: var(--an-bg-soft); }
|
||||
.jio-ban-dialog__body { min-height: 0; padding: 20px 24px; overflow-y: auto; overscroll-behavior: contain; }
|
||||
.jio-ban-dialog__foot { display: flex; flex: none; justify-content: flex-end; gap: 8px; padding: 14px 24px; background: var(--an-card); border-top: 1px solid var(--an-border-soft); }
|
||||
.jio-ban-dialog__foot .button { min-width: 120px; }
|
||||
.jio-ban-dialog .jio-ban-dialog__foot .button.is-danger { color: var(--an-card); background: var(--an-danger); border-color: var(--an-danger); }
|
||||
.jio-ban-dialog .button:disabled,
|
||||
.jio-ban-dialog__close:disabled { opacity: .65; cursor: not-allowed; }
|
||||
|
||||
.aksrt-ban-applicant { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; margin-bottom: 18px; }
|
||||
.aksrt-ban-meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 18px; margin: 0; padding: 14px 16px; background: var(--an-bg-soft); border-radius: var(--an-radius-sm); }
|
||||
.aksrt-ban-meta > div,
|
||||
.aksrt-ban-materials > div { min-width: 0; }
|
||||
.aksrt-ban-meta dt,
|
||||
.aksrt-ban-materials dt { color: var(--an-text-2); font-size: 12px; line-height: 1.6; }
|
||||
.aksrt-ban-meta dd,
|
||||
.aksrt-ban-materials dd { margin: 3px 0 0; color: var(--an-text); white-space: pre-wrap; overflow-wrap: anywhere; }
|
||||
.aksrt-ban-section { margin-top: 20px; }
|
||||
.aksrt-ban-dialog .aksrt-ban-section h3,
|
||||
.aksrt-ban-dialog .aksrt-ban-review > h3 { margin: 0 0 9px; color: var(--an-text); font-size: 14px; font-weight: 600; line-height: 1.5; }
|
||||
.aksrt-ban-copy { color: var(--an-text-2); line-height: 1.75; white-space: pre-wrap; overflow-wrap: anywhere; }
|
||||
.aksrt-ban-target { color: var(--an-text); font-weight: 600; overflow-wrap: anywhere; }
|
||||
.aksrt-ban-materials { display: grid; gap: 12px; margin: 0; padding-left: 14px; border-left: 2px solid var(--an-border); }
|
||||
.aksrt-ban-restrictions { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
|
||||
.aksrt-ban-restrictions li { margin: 0; padding: 12px 14px; background: var(--an-bg-soft); border-radius: var(--an-radius-sm); }
|
||||
.aksrt-ban-restriction__title { display: flex; align-items: center; gap: 10px; margin-bottom: 7px; font-size: 12px; }
|
||||
.aksrt-ban-normal { margin: 0; color: var(--an-text-2); }
|
||||
.aksrt-ban-profile-link { margin: 12px 0 18px; }
|
||||
.aksrt-ban-history { margin: 0; padding-left: 14px; list-style: none; border-left: 2px solid var(--an-border); }
|
||||
.aksrt-ban-history li { margin: 0 0 14px; }
|
||||
.aksrt-ban-history li:last-child { margin-bottom: 0; }
|
||||
.aksrt-ban-history__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin-bottom: 5px; font-size: 12px; }
|
||||
.aksrt-ban-history__meta strong { color: var(--an-text); }
|
||||
.aksrt-ban-dialog__body > .aksrt-native-callout { margin-top: 18px; }
|
||||
.jio-ban-applicant { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; margin-bottom: 18px; }
|
||||
.jio-ban-meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 18px; margin: 0; padding: 14px 16px; background: var(--an-bg-soft); border-radius: var(--an-radius-sm); }
|
||||
.jio-ban-meta > div,
|
||||
.jio-ban-materials > div { min-width: 0; }
|
||||
.jio-ban-meta dt,
|
||||
.jio-ban-materials dt { color: var(--an-text-2); font-size: 12px; line-height: 1.6; }
|
||||
.jio-ban-meta dd,
|
||||
.jio-ban-materials dd { margin: 3px 0 0; color: var(--an-text); white-space: pre-wrap; overflow-wrap: anywhere; }
|
||||
.jio-ban-section { margin-top: 20px; }
|
||||
.jio-ban-dialog .jio-ban-section h3,
|
||||
.jio-ban-dialog .jio-ban-review > h3 { margin: 0 0 9px; color: var(--an-text); font-size: 14px; font-weight: 600; line-height: 1.5; }
|
||||
.jio-ban-copy { color: var(--an-text-2); line-height: 1.75; white-space: pre-wrap; overflow-wrap: anywhere; }
|
||||
.jio-ban-target { color: var(--an-text); font-weight: 600; overflow-wrap: anywhere; }
|
||||
.jio-ban-materials { display: grid; gap: 12px; margin: 0; padding-left: 14px; border-left: 2px solid var(--an-border); }
|
||||
.jio-ban-restrictions { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
|
||||
.jio-ban-restrictions li { margin: 0; padding: 12px 14px; background: var(--an-bg-soft); border-radius: var(--an-radius-sm); }
|
||||
.jio-ban-restriction__title { display: flex; align-items: center; gap: 10px; margin-bottom: 7px; font-size: 12px; }
|
||||
.jio-ban-normal { margin: 0; color: var(--an-text-2); }
|
||||
.jio-ban-profile-link { margin: 12px 0 18px; }
|
||||
.jio-ban-history { margin: 0; padding-left: 14px; list-style: none; border-left: 2px solid var(--an-border); }
|
||||
.jio-ban-history li { margin: 0 0 14px; }
|
||||
.jio-ban-history li:last-child { margin-bottom: 0; }
|
||||
.jio-ban-history__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin-bottom: 5px; font-size: 12px; }
|
||||
.jio-ban-history__meta strong { color: var(--an-text); }
|
||||
.jio-ban-dialog__body > .jio-native-callout { margin-top: 18px; }
|
||||
|
||||
.aksrt-ban-review { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--an-border); }
|
||||
.aksrt-ban-decisions { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 16px; padding: 0; border: 0; }
|
||||
.aksrt-ban-decisions legend { width: 100%; margin-bottom: 8px; padding: 0; color: var(--an-text); font-weight: 600; }
|
||||
.aksrt-ban-decisions label { position: relative; flex: 1 1 180px; cursor: pointer; }
|
||||
.aksrt-ban-decisions input[type="radio"] { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); }
|
||||
.aksrt-ban-decisions label > span { display: flex; align-items: center; min-height: 42px; padding: 9px 12px; color: var(--an-text-2); background: var(--an-card); border: 1px solid var(--an-border); border-radius: var(--an-radius-sm); }
|
||||
.aksrt-ban-decisions label:hover > span { border-color: var(--an-primary); }
|
||||
.aksrt-ban-decisions input:checked + span { color: var(--an-primary); background: var(--an-primary-soft); border-color: var(--an-primary); font-weight: 600; }
|
||||
.aksrt-ban-decisions input:focus-visible + span { outline: 2px solid var(--an-primary); outline-offset: 2px; }
|
||||
.aksrt-ban-review textarea { resize: vertical; }
|
||||
.aksrt-ban-review .aksrt-native-field__hint { margin-bottom: 0; color: var(--an-text-2); }
|
||||
.jio-ban-review { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--an-border); }
|
||||
.jio-ban-decisions { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 16px; padding: 0; border: 0; }
|
||||
.jio-ban-decisions legend { width: 100%; margin-bottom: 8px; padding: 0; color: var(--an-text); font-weight: 600; }
|
||||
.jio-ban-decisions label { position: relative; flex: 1 1 180px; cursor: pointer; }
|
||||
.jio-ban-decisions input[type="radio"] { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); }
|
||||
.jio-ban-decisions label > span { display: flex; align-items: center; min-height: 42px; padding: 9px 12px; color: var(--an-text-2); background: var(--an-card); border: 1px solid var(--an-border); border-radius: var(--an-radius-sm); }
|
||||
.jio-ban-decisions label:hover > span { border-color: var(--an-primary); }
|
||||
.jio-ban-decisions input:checked + span { color: var(--an-primary); background: var(--an-primary-soft); border-color: var(--an-primary); font-weight: 600; }
|
||||
.jio-ban-decisions input:focus-visible + span { outline: 2px solid var(--an-primary); outline-offset: 2px; }
|
||||
.jio-ban-review textarea { resize: vertical; }
|
||||
.jio-ban-review .jio-native-field__hint { margin-bottom: 0; color: var(--an-text-2); }
|
||||
|
||||
@media (max-width: 782px) {
|
||||
.aksrt-ban-toolbar { padding: 12px 14px; }
|
||||
.aksrt-ban-toolbar__top,
|
||||
.aksrt-ban-toolbar__bottom { align-items: flex-start; }
|
||||
.aksrt-ban-toolbar .aksrt-native-filters { width: 100%; }
|
||||
.aksrt-ban-toolbar .aksrt-native-filters input[type="search"] { min-width: 0; flex: 1 1 220px; }
|
||||
.jio-ban-toolbar { padding: 12px 14px; }
|
||||
.jio-ban-toolbar__top,
|
||||
.jio-ban-toolbar__bottom { align-items: flex-start; }
|
||||
.jio-ban-toolbar .jio-native-filters { width: 100%; }
|
||||
.jio-ban-toolbar .jio-native-filters input[type="search"] { min-width: 0; flex: 1 1 220px; }
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.aksrt-ban-dialog { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
|
||||
.aksrt-ban-dialog__head,
|
||||
.aksrt-ban-dialog__body,
|
||||
.aksrt-ban-dialog__foot { padding-left: 16px; padding-right: 16px; }
|
||||
.aksrt-ban-meta { grid-template-columns: 1fr; gap: 10px; }
|
||||
.aksrt-ban-decisions { flex-direction: column; }
|
||||
.aksrt-ban-decisions label { flex-basis: auto; }
|
||||
.aksrt-ban-dialog__foot .button { flex: 1; min-width: 0; }
|
||||
.jio-ban-dialog { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
|
||||
.jio-ban-dialog__head,
|
||||
.jio-ban-dialog__body,
|
||||
.jio-ban-dialog__foot { padding-left: 16px; padding-right: 16px; }
|
||||
.jio-ban-meta { grid-template-columns: 1fr; gap: 10px; }
|
||||
.jio-ban-decisions { flex-direction: column; }
|
||||
.jio-ban-decisions label { flex-basis: auto; }
|
||||
.jio-ban-dialog__foot .button { flex: 1; min-width: 0; }
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.aksrt-ban-page *,
|
||||
.aksrt-ban-dialog * { transition: none !important; }
|
||||
.jio-ban-page *,
|
||||
.jio-ban-dialog * { transition: none !important; }
|
||||
}
|
||||
@@ -1,4 +1,4 @@
|
||||
body.users-php .wp-list-table.users .column-aksrt_user_level .aksrt-user-level-icon--admin {
|
||||
body.users-php .wp-list-table.users .column-jio_user_level .jio-user-level-icon--admin {
|
||||
display: inline-block;
|
||||
width: auto !important;
|
||||
height: 16px !important;
|
||||
@@ -8,29 +8,29 @@ body.users-php .wp-list-table.users .column-aksrt_user_level .aksrt-user-level-i
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
body.users-php .aksrt-user-level-admin-cell {
|
||||
body.users-php .jio-user-level-admin-cell {
|
||||
display: inline-flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 2px;
|
||||
}
|
||||
|
||||
body.users-php .aksrt-user-level-admin-cell__level {
|
||||
body.users-php .jio-user-level-admin-cell__level {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
min-height: 16px;
|
||||
}
|
||||
|
||||
body.users-php .aksrt-user-level-admin-cell__exp {
|
||||
body.users-php .jio-user-level-admin-cell__exp {
|
||||
display: block;
|
||||
padding-left: 22px;
|
||||
color: #646970;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
#your-profile .aksrt-user-level-icon--admin,
|
||||
#profile-page .aksrt-user-level-icon--admin {
|
||||
#your-profile .jio-user-level-icon--admin,
|
||||
#profile-page .jio-user-level-icon--admin {
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
height: 18px;
|
||||
|
||||
+67
-67
@@ -1,22 +1,22 @@
|
||||
/*
|
||||
* 用户会员后台页（users.php?page=aksrt_user_vip）专属样式：列表细节 + 调整弹窗。
|
||||
* 用户会员后台页（users.php?page=jio_user_vip）专属样式：列表细节 + 调整弹窗。
|
||||
* 依赖 native-ui.css 的 --an-* 令牌；标记由 src/Admin/Native/UsersMenusVipView.php 输出。
|
||||
*/
|
||||
|
||||
/* ---------- 筛选 ---------- */
|
||||
.aksrt-vip .aksrt-vip-filters .small-text { width: 96px; }
|
||||
.aksrt-vip .aksrt-vip-filters label > span[aria-hidden] { color: var(--an-muted); }
|
||||
.jio-vip .jio-vip-filters .small-text { width: 96px; }
|
||||
.jio-vip .jio-vip-filters label > span[aria-hidden] { color: var(--an-muted); }
|
||||
|
||||
/* ---------- 列表 ---------- */
|
||||
.aksrt-vip .aksrt-native-card__actions .button,
|
||||
.aksrt-vip .column-actions .button {
|
||||
.jio-vip .jio-native-card__actions .button,
|
||||
.jio-vip .column-actions .button {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 4px;
|
||||
}
|
||||
.aksrt-vip .aksrt-native-card__actions .button .dashicons,
|
||||
.aksrt-vip .column-actions .button .dashicons {
|
||||
.jio-vip .jio-native-card__actions .button .dashicons,
|
||||
.jio-vip .column-actions .button .dashicons {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin: 0;
|
||||
@@ -24,33 +24,33 @@
|
||||
line-height: 1;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.aksrt-vip .column-actions .button-small .dashicons { width: 14px; height: 14px; font-size: 14px; }
|
||||
.aksrt-vip-selection {
|
||||
.jio-vip .column-actions .button-small .dashicons { width: 14px; height: 14px; font-size: 14px; }
|
||||
.jio-vip-selection {
|
||||
padding: 2px 10px;
|
||||
color: var(--an-primary);
|
||||
font-size: 12px;
|
||||
background: var(--an-primary-soft);
|
||||
border-radius: 999px;
|
||||
}
|
||||
.aksrt-vip-table .column-user { width: 32%; }
|
||||
.aksrt-vip-table .column-actions { width: 96px; text-align: right; }
|
||||
.aksrt-vip-login,
|
||||
.aksrt-vip-note,
|
||||
.aksrt-vip-remaining { display: block; margin-top: 4px; font-size: 12px; }
|
||||
.aksrt-vip-expiry { font-variant-numeric: tabular-nums; }
|
||||
.aksrt-vip-sort {
|
||||
.jio-vip-table .column-user { width: 32%; }
|
||||
.jio-vip-table .column-actions { width: 96px; text-align: right; }
|
||||
.jio-vip-login,
|
||||
.jio-vip-note,
|
||||
.jio-vip-remaining { display: block; margin-top: 4px; font-size: 12px; }
|
||||
.jio-vip-expiry { font-variant-numeric: tabular-nums; }
|
||||
.jio-vip-sort {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
.aksrt-vip-sort:hover,
|
||||
.aksrt-vip-sort.is-asc,
|
||||
.aksrt-vip-sort.is-desc { color: var(--an-primary); }
|
||||
.jio-vip-sort:hover,
|
||||
.jio-vip-sort.is-asc,
|
||||
.jio-vip-sort.is-desc { color: var(--an-primary); }
|
||||
/* 上下两个 CSS 三角，当前方向高亮；不依赖图标字形的朝向。 */
|
||||
.aksrt-vip-sort__icon { display: inline-flex; flex-direction: column; gap: 2px; }
|
||||
.aksrt-vip-sort__icon i {
|
||||
.jio-vip-sort__icon { display: inline-flex; flex-direction: column; gap: 2px; }
|
||||
.jio-vip-sort__icon i {
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
@@ -58,16 +58,16 @@
|
||||
border-left: 4px solid transparent;
|
||||
color: #c9cdd4;
|
||||
}
|
||||
.aksrt-vip-sort__icon i:first-child { border-bottom: 5px solid currentColor; }
|
||||
.aksrt-vip-sort__icon i:last-child { border-top: 5px solid currentColor; }
|
||||
.aksrt-vip-sort.is-asc .aksrt-vip-sort__icon i:first-child,
|
||||
.aksrt-vip-sort.is-desc .aksrt-vip-sort__icon i:last-child { color: var(--an-primary); }
|
||||
.aksrt-vip-history .column-time { width: 140px; }
|
||||
.aksrt-vip-history .column-user { width: 22%; }
|
||||
.aksrt-vip-history .column-reason { width: 26%; word-break: break-word; }
|
||||
.jio-vip-sort__icon i:first-child { border-bottom: 5px solid currentColor; }
|
||||
.jio-vip-sort__icon i:last-child { border-top: 5px solid currentColor; }
|
||||
.jio-vip-sort.is-asc .jio-vip-sort__icon i:first-child,
|
||||
.jio-vip-sort.is-desc .jio-vip-sort__icon i:last-child { color: var(--an-primary); }
|
||||
.jio-vip-history .column-time { width: 140px; }
|
||||
.jio-vip-history .column-user { width: 22%; }
|
||||
.jio-vip-history .column-reason { width: 26%; word-break: break-word; }
|
||||
|
||||
/* ---------- 弹窗 ---------- */
|
||||
.aksrt-vip-dialog {
|
||||
.jio-vip-dialog {
|
||||
width: min(560px, calc(100vw - 32px));
|
||||
max-height: calc(100vh - 64px);
|
||||
padding: 0;
|
||||
@@ -77,9 +77,9 @@
|
||||
border-radius: var(--an-radius);
|
||||
box-shadow: 0 12px 48px rgba(15, 23, 42, .18);
|
||||
}
|
||||
.aksrt-vip-dialog::backdrop { background: rgba(15, 23, 42, .45); }
|
||||
.aksrt-vip-dialog__form { display: flex; flex-direction: column; max-height: inherit; margin: 0; }
|
||||
.aksrt-vip-dialog__head {
|
||||
.jio-vip-dialog::backdrop { background: rgba(15, 23, 42, .45); }
|
||||
.jio-vip-dialog__form { display: flex; flex-direction: column; max-height: inherit; margin: 0; }
|
||||
.jio-vip-dialog__head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
@@ -87,8 +87,8 @@
|
||||
padding: 16px 20px;
|
||||
border-bottom: 1px solid var(--an-border-soft);
|
||||
}
|
||||
.aksrt-vip-dialog .aksrt-vip-dialog__title { margin: 0; color: var(--an-text); font-size: 16px; font-weight: 600; line-height: 1.4; }
|
||||
.aksrt-vip-dialog__close {
|
||||
.jio-vip-dialog .jio-vip-dialog__title { margin: 0; color: var(--an-text); font-size: 16px; font-weight: 600; line-height: 1.4; }
|
||||
.jio-vip-dialog__close {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -101,30 +101,30 @@
|
||||
border-radius: var(--an-radius-sm);
|
||||
cursor: pointer;
|
||||
}
|
||||
.aksrt-vip-dialog__close:hover,
|
||||
.aksrt-vip-dialog__close:focus-visible { color: var(--an-text); background: var(--an-bg-soft); }
|
||||
.aksrt-vip-dialog__body { display: flex; flex-direction: column; gap: 16px; padding: 18px 20px; overflow-y: auto; }
|
||||
.aksrt-vip-dialog__body > * { margin: 0; }
|
||||
.aksrt-vip-dialog__target {
|
||||
.jio-vip-dialog__close:hover,
|
||||
.jio-vip-dialog__close:focus-visible { color: var(--an-text); background: var(--an-bg-soft); }
|
||||
.jio-vip-dialog__body { display: flex; flex-direction: column; gap: 16px; padding: 18px 20px; overflow-y: auto; }
|
||||
.jio-vip-dialog__body > * { margin: 0; }
|
||||
.jio-vip-dialog__target {
|
||||
padding: 10px 12px;
|
||||
color: var(--an-text);
|
||||
background: var(--an-bg-soft);
|
||||
border-radius: var(--an-radius-sm);
|
||||
word-break: break-word;
|
||||
}
|
||||
.aksrt-vip-dialog__foot {
|
||||
.jio-vip-dialog__foot {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
gap: 8px;
|
||||
padding: 14px 20px;
|
||||
border-top: 1px solid var(--an-border-soft);
|
||||
}
|
||||
.aksrt-vip-dialog .button.is-danger { color: #fff; background: var(--an-danger); border-color: var(--an-danger); }
|
||||
.aksrt-vip-dialog .button.is-danger:hover,
|
||||
.aksrt-vip-dialog .button.is-danger:focus { color: #fff; background: #b02a45; border-color: #b02a45; }
|
||||
.jio-vip-dialog .button.is-danger { color: #fff; background: var(--an-danger); border-color: var(--an-danger); }
|
||||
.jio-vip-dialog .button.is-danger:hover,
|
||||
.jio-vip-dialog .button.is-danger:focus { color: #fff; background: #b02a45; border-color: #b02a45; }
|
||||
|
||||
/* 操作分段选择 */
|
||||
.aksrt-vip-ops {
|
||||
.jio-vip-ops {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||
gap: 8px;
|
||||
@@ -132,11 +132,11 @@
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
.aksrt-vip-ops legend { margin-bottom: 8px; padding: 0; }
|
||||
.aksrt-vip-op { position: relative; display: block; cursor: pointer; }
|
||||
.jio-vip-ops legend { margin-bottom: 8px; padding: 0; }
|
||||
.jio-vip-op { position: relative; display: block; cursor: pointer; }
|
||||
/* 单选框只承载状态，视觉由卡片表现。WP forms.css 会给 radio 画圆点（:checked::before）并给 :disabled 设 opacity，
|
||||
故用裁剪彻底隐藏，而不是只靠 opacity。 */
|
||||
.aksrt-vip-dialog .aksrt-vip-op input[type="radio"] {
|
||||
.jio-vip-dialog .jio-vip-op input[type="radio"] {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
@@ -150,7 +150,7 @@
|
||||
appearance: none;
|
||||
pointer-events: none;
|
||||
}
|
||||
.aksrt-vip-op > span {
|
||||
.jio-vip-op > span {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
@@ -163,26 +163,26 @@
|
||||
border-radius: var(--an-radius-sm);
|
||||
transition: border-color .15s, color .15s, background .15s;
|
||||
}
|
||||
.aksrt-vip-op .dashicons { width: 20px; height: 20px; font-size: 20px; }
|
||||
.aksrt-vip-op:hover > span { border-color: var(--an-primary); }
|
||||
.aksrt-vip-op input:checked + span { color: var(--an-primary); background: var(--an-primary-soft); border-color: var(--an-primary); font-weight: 600; }
|
||||
.aksrt-vip-op input:focus-visible + span { outline: 2px solid color-mix(in srgb, var(--an-primary) 40%, transparent); outline-offset: 1px; }
|
||||
.aksrt-vip-op.is-danger:hover > span { border-color: var(--an-danger); }
|
||||
.aksrt-vip-op.is-danger input:checked + span { color: var(--an-danger); background: #fdf0f2; border-color: var(--an-danger); }
|
||||
.aksrt-vip-op.is-disabled { cursor: not-allowed; }
|
||||
.aksrt-vip-op.is-disabled > span,
|
||||
.aksrt-vip-op.is-disabled:hover > span { color: #c9cdd4; background: var(--an-bg-soft); border-color: var(--an-border-soft); }
|
||||
.aksrt-vip-op-hint { font-size: 12px; }
|
||||
.jio-vip-op .dashicons { width: 20px; height: 20px; font-size: 20px; }
|
||||
.jio-vip-op:hover > span { border-color: var(--an-primary); }
|
||||
.jio-vip-op input:checked + span { color: var(--an-primary); background: var(--an-primary-soft); border-color: var(--an-primary); font-weight: 600; }
|
||||
.jio-vip-op input:focus-visible + span { outline: 2px solid color-mix(in srgb, var(--an-primary) 40%, transparent); outline-offset: 1px; }
|
||||
.jio-vip-op.is-danger:hover > span { border-color: var(--an-danger); }
|
||||
.jio-vip-op.is-danger input:checked + span { color: var(--an-danger); background: #fdf0f2; border-color: var(--an-danger); }
|
||||
.jio-vip-op.is-disabled { cursor: not-allowed; }
|
||||
.jio-vip-op.is-disabled > span,
|
||||
.jio-vip-op.is-disabled:hover > span { color: #c9cdd4; background: var(--an-bg-soft); border-color: var(--an-border-soft); }
|
||||
.jio-vip-op-hint { font-size: 12px; }
|
||||
|
||||
.aksrt-vip-pane[hidden] { display: none; }
|
||||
.aksrt-vip-dialog .aksrt-native-callout { margin: 0; }
|
||||
.aksrt-vip-switch { display: inline-flex; align-items: center; gap: 6px; color: var(--an-text); grid-column: 1 / -1; }
|
||||
.aksrt-vip-duration { display: flex; gap: 8px; }
|
||||
.aksrt-vip-duration input { flex: 1 1 auto; }
|
||||
.aksrt-vip-duration select { flex: 0 0 96px; }
|
||||
.aksrt-vip-bulk-note { font-size: 12px; }
|
||||
.jio-vip-pane[hidden] { display: none; }
|
||||
.jio-vip-dialog .jio-native-callout { margin: 0; }
|
||||
.jio-vip-switch { display: inline-flex; align-items: center; gap: 6px; color: var(--an-text); grid-column: 1 / -1; }
|
||||
.jio-vip-duration { display: flex; gap: 8px; }
|
||||
.jio-vip-duration input { flex: 1 1 auto; }
|
||||
.jio-vip-duration select { flex: 0 0 96px; }
|
||||
.jio-vip-bulk-note { font-size: 12px; }
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.aksrt-vip-ops { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||||
.aksrt-vip-table .column-user { width: auto; }
|
||||
.jio-vip-ops { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||||
.jio-vip-table .column-user { width: auto; }
|
||||
}
|
||||
@@ -1,85 +1,85 @@
|
||||
/* 提现审核（aksrt_withdraw）：流程提示 + 统计 + 状态视图 + 筛选 + 申请表 + 处理弹窗。复用 native-ui.css 的 --an-* 令牌，规则限定在本页类名下。 */
|
||||
.aksrt-wd-page [hidden],
|
||||
.aksrt-wd-dialog [hidden] { display: none !important; }
|
||||
/* 提现审核（jio_withdraw）：流程提示 + 统计 + 状态视图 + 筛选 + 申请表 + 处理弹窗。复用 native-ui.css 的 --an-* 令牌，规则限定在本页类名下。 */
|
||||
.jio-wd-page [hidden],
|
||||
.jio-wd-dialog [hidden] { display: none !important; }
|
||||
|
||||
/* ---------- 状态视图 ---------- */
|
||||
.aksrt-wd-page .aksrt-wd-views { display: flex; width: fit-content; max-width: 100%; }
|
||||
.jio-wd-page .jio-wd-views { display: flex; width: fit-content; max-width: 100%; }
|
||||
|
||||
/* ---------- 筛选栏 ---------- */
|
||||
.aksrt-wd-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; }
|
||||
.aksrt-wd-filters label { display: inline-flex; margin: 0; }
|
||||
.aksrt-wd-filters__search { flex: 1 1 220px; }
|
||||
.aksrt-wd-filters__search input { width: 100%; }
|
||||
.aksrt-wd-filters__range { display: inline-flex; align-items: center; gap: 6px; color: var(--an-muted); }
|
||||
.aksrt-wd-page .aksrt-wd-filters__id { width: 96px; }
|
||||
.aksrt-wd-filters__submit { display: inline-flex; gap: 8px; }
|
||||
.jio-wd-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; }
|
||||
.jio-wd-filters label { display: inline-flex; margin: 0; }
|
||||
.jio-wd-filters__search { flex: 1 1 220px; }
|
||||
.jio-wd-filters__search input { width: 100%; }
|
||||
.jio-wd-filters__range { display: inline-flex; align-items: center; gap: 6px; color: var(--an-muted); }
|
||||
.jio-wd-page .jio-wd-filters__id { width: 96px; }
|
||||
.jio-wd-filters__submit { display: inline-flex; gap: 8px; }
|
||||
|
||||
/* ---------- 申请表 ---------- */
|
||||
.aksrt-wd-table { min-width: 1080px; table-layout: fixed; }
|
||||
.aksrt-wd-table .column-number { width: 15%; }
|
||||
.aksrt-wd-table .column-user { width: 14%; }
|
||||
.aksrt-wd-table .column-amount { width: 15%; }
|
||||
.aksrt-wd-table .column-payee { width: 20%; }
|
||||
.aksrt-wd-table .column-status { width: 11%; }
|
||||
.aksrt-wd-table .column-note { width: 13%; }
|
||||
.aksrt-wd-table .column-actions { width: 12%; }
|
||||
.aksrt-wd-table td { vertical-align: top; }
|
||||
.aksrt-wd-table .column-amount { font-variant-numeric: tabular-nums; }
|
||||
.aksrt-wd-table tr.is-retry { background: #fff8eb; }
|
||||
.aksrt-wd-sub { margin-top: 4px; color: var(--an-muted); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
|
||||
.aksrt-wd-note { max-height: 4.5em; overflow: auto; color: var(--an-text-2); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
|
||||
.jio-wd-table { min-width: 1080px; table-layout: fixed; }
|
||||
.jio-wd-table .column-number { width: 15%; }
|
||||
.jio-wd-table .column-user { width: 14%; }
|
||||
.jio-wd-table .column-amount { width: 15%; }
|
||||
.jio-wd-table .column-payee { width: 20%; }
|
||||
.jio-wd-table .column-status { width: 11%; }
|
||||
.jio-wd-table .column-note { width: 13%; }
|
||||
.jio-wd-table .column-actions { width: 12%; }
|
||||
.jio-wd-table td { vertical-align: top; }
|
||||
.jio-wd-table .column-amount { font-variant-numeric: tabular-nums; }
|
||||
.jio-wd-table tr.is-retry { background: #fff8eb; }
|
||||
.jio-wd-sub { margin-top: 4px; color: var(--an-muted); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
|
||||
.jio-wd-note { max-height: 4.5em; overflow: auto; color: var(--an-text-2); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
|
||||
|
||||
/* 收款方式标签 + 可点击复制的收款信息 */
|
||||
.aksrt-wd-method { display: inline-block; padding: 0 6px; color: var(--an-text-2); font-size: 12px; line-height: 20px; background: var(--an-bg-soft); border-radius: 4px; }
|
||||
.aksrt-wd-method--alipay { color: #1677ff; background: #e8f1ff; }
|
||||
.aksrt-wd-method--wechat { color: #07a85c; background: #e6f7ee; }
|
||||
.aksrt-wd-account { display: flex; align-items: flex-start; gap: 5px; max-width: 100%; margin-top: 6px; padding: 4px 7px; color: var(--an-text); background: var(--an-bg-soft); border: 1px solid transparent; border-radius: 5px; text-align: left; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; cursor: pointer; }
|
||||
.aksrt-wd-account .dashicons { flex: none; width: 14px; height: 14px; margin-top: 2px; color: var(--an-muted); font-size: 14px; }
|
||||
.aksrt-wd-account:hover { color: var(--an-primary); background: var(--an-primary-soft); border-color: var(--an-primary); }
|
||||
.aksrt-wd-account:focus-visible { outline: 2px solid var(--an-primary); outline-offset: 2px; }
|
||||
.jio-wd-method { display: inline-block; padding: 0 6px; color: var(--an-text-2); font-size: 12px; line-height: 20px; background: var(--an-bg-soft); border-radius: 4px; }
|
||||
.jio-wd-method--alipay { color: #1677ff; background: #e8f1ff; }
|
||||
.jio-wd-method--wechat { color: #07a85c; background: #e6f7ee; }
|
||||
.jio-wd-account { display: flex; align-items: flex-start; gap: 5px; max-width: 100%; margin-top: 6px; padding: 4px 7px; color: var(--an-text); background: var(--an-bg-soft); border: 1px solid transparent; border-radius: 5px; text-align: left; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; cursor: pointer; }
|
||||
.jio-wd-account .dashicons { flex: none; width: 14px; height: 14px; margin-top: 2px; color: var(--an-muted); font-size: 14px; }
|
||||
.jio-wd-account:hover { color: var(--an-primary); background: var(--an-primary-soft); border-color: var(--an-primary); }
|
||||
.jio-wd-account:focus-visible { outline: 2px solid var(--an-primary); outline-offset: 2px; }
|
||||
|
||||
.aksrt-wd-actions { display: flex; flex-wrap: wrap; gap: 6px; }
|
||||
.jio-wd-actions { display: flex; flex-wrap: wrap; gap: 6px; }
|
||||
|
||||
/* ---------- 处理弹窗 ---------- */
|
||||
html.aksrt-wd-modal-open { overflow: hidden; }
|
||||
.aksrt-wd-dialog { width: min(560px, calc(100vw - 32px)); max-width: none; max-height: calc(100vh - 48px); max-height: calc(100dvh - 48px); margin: auto; padding: 0; overflow: hidden; color: var(--an-text-2); background: var(--an-card); border: 0; border-radius: var(--an-radius); box-shadow: 0 16px 64px rgba(15, 23, 42, .2); }
|
||||
.aksrt-wd-dialog::backdrop { background: rgba(15, 23, 42, .45); }
|
||||
.aksrt-wd-dialog__frame { display: flex; flex-direction: column; max-height: inherit; margin: 0; }
|
||||
.aksrt-wd-dialog__head { display: flex; flex: none; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 24px; border-bottom: 1px solid var(--an-border-soft); }
|
||||
.aksrt-wd-dialog .aksrt-wd-dialog__head h2 { margin: 0; padding: 0; color: var(--an-text); font-size: 18px; font-weight: 600; line-height: 1.5; }
|
||||
.aksrt-wd-dialog__close { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; color: var(--an-text-2); background: transparent; border: 0; border-radius: var(--an-radius-sm); cursor: pointer; }
|
||||
.aksrt-wd-dialog__close:hover { color: var(--an-text); background: var(--an-bg-soft); }
|
||||
.aksrt-wd-dialog__body { display: flex; flex-direction: column; gap: 14px; min-height: 0; padding: 20px 24px; overflow-y: auto; overscroll-behavior: contain; }
|
||||
.aksrt-wd-dialog__body .aksrt-native-callout { margin: 0; }
|
||||
.aksrt-wd-dialog__foot { display: flex; flex: none; justify-content: flex-end; gap: 8px; padding: 14px 24px; border-top: 1px solid var(--an-border-soft); }
|
||||
.aksrt-wd-dialog__foot .button { min-width: 110px; }
|
||||
.aksrt-wd-dialog .button:disabled { opacity: .65; cursor: not-allowed; }
|
||||
.aksrt-wd-dialog .button.button-primary.is-danger { color: #fff; background: var(--an-danger); border-color: var(--an-danger); }
|
||||
.aksrt-wd-dialog .button.button-primary.is-danger:hover { color: #fff; background: #b8284a; border-color: #b8284a; }
|
||||
.aksrt-wd-dialog :is(a, button, input, select, textarea):focus-visible { outline: 2px solid var(--an-primary); outline-offset: 2px; }
|
||||
.aksrt-wd-dialog textarea { resize: vertical; }
|
||||
html.jio-wd-modal-open { overflow: hidden; }
|
||||
.jio-wd-dialog { width: min(560px, calc(100vw - 32px)); max-width: none; max-height: calc(100vh - 48px); max-height: calc(100dvh - 48px); margin: auto; padding: 0; overflow: hidden; color: var(--an-text-2); background: var(--an-card); border: 0; border-radius: var(--an-radius); box-shadow: 0 16px 64px rgba(15, 23, 42, .2); }
|
||||
.jio-wd-dialog::backdrop { background: rgba(15, 23, 42, .45); }
|
||||
.jio-wd-dialog__frame { display: flex; flex-direction: column; max-height: inherit; margin: 0; }
|
||||
.jio-wd-dialog__head { display: flex; flex: none; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 24px; border-bottom: 1px solid var(--an-border-soft); }
|
||||
.jio-wd-dialog .jio-wd-dialog__head h2 { margin: 0; padding: 0; color: var(--an-text); font-size: 18px; font-weight: 600; line-height: 1.5; }
|
||||
.jio-wd-dialog__close { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; color: var(--an-text-2); background: transparent; border: 0; border-radius: var(--an-radius-sm); cursor: pointer; }
|
||||
.jio-wd-dialog__close:hover { color: var(--an-text); background: var(--an-bg-soft); }
|
||||
.jio-wd-dialog__body { display: flex; flex-direction: column; gap: 14px; min-height: 0; padding: 20px 24px; overflow-y: auto; overscroll-behavior: contain; }
|
||||
.jio-wd-dialog__body .jio-native-callout { margin: 0; }
|
||||
.jio-wd-dialog__foot { display: flex; flex: none; justify-content: flex-end; gap: 8px; padding: 14px 24px; border-top: 1px solid var(--an-border-soft); }
|
||||
.jio-wd-dialog__foot .button { min-width: 110px; }
|
||||
.jio-wd-dialog .button:disabled { opacity: .65; cursor: not-allowed; }
|
||||
.jio-wd-dialog .button.button-primary.is-danger { color: #fff; background: var(--an-danger); border-color: var(--an-danger); }
|
||||
.jio-wd-dialog .button.button-primary.is-danger:hover { color: #fff; background: #b8284a; border-color: #b8284a; }
|
||||
.jio-wd-dialog :is(a, button, input, select, textarea):focus-visible { outline: 2px solid var(--an-primary); outline-offset: 2px; }
|
||||
.jio-wd-dialog textarea { resize: vertical; }
|
||||
|
||||
/* 记录摘要：两列网格，应打款金额放大，收款信息独占一行 */
|
||||
.aksrt-wd-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 16px; margin: 0; padding: 14px 16px; background: var(--an-bg-soft); border-radius: var(--an-radius-sm); }
|
||||
.aksrt-wd-summary__item { min-width: 0; }
|
||||
.aksrt-wd-summary dt { color: var(--an-muted); font-size: 12px; }
|
||||
.aksrt-wd-summary dd { margin: 2px 0 0; color: var(--an-text); overflow-wrap: anywhere; }
|
||||
.aksrt-wd-summary__item--net dd { color: var(--an-primary); font-size: 18px; font-weight: 600; font-variant-numeric: tabular-nums; }
|
||||
.aksrt-wd-summary__item--payee { grid-column: 1 / -1; }
|
||||
.jio-wd-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 16px; margin: 0; padding: 14px 16px; background: var(--an-bg-soft); border-radius: var(--an-radius-sm); }
|
||||
.jio-wd-summary__item { min-width: 0; }
|
||||
.jio-wd-summary dt { color: var(--an-muted); font-size: 12px; }
|
||||
.jio-wd-summary dd { margin: 2px 0 0; color: var(--an-text); overflow-wrap: anywhere; }
|
||||
.jio-wd-summary__item--net dd { color: var(--an-primary); font-size: 18px; font-weight: 600; font-variant-numeric: tabular-nums; }
|
||||
.jio-wd-summary__item--payee { grid-column: 1 / -1; }
|
||||
|
||||
/* ---------- 复制提示 ---------- */
|
||||
.aksrt-wd-toast { position: fixed; right: 24px; bottom: 24px; z-index: 100000; max-width: min(360px, calc(100vw - 48px)); padding: 10px 14px; color: #fff; background: rgba(15, 23, 42, .9); border-radius: var(--an-radius-sm); font-size: 13px; opacity: 0; transform: translateY(8px); transition: opacity .2s, transform .2s; pointer-events: none; }
|
||||
.aksrt-wd-toast.is-visible { opacity: 1; transform: none; }
|
||||
.jio-wd-toast { position: fixed; right: 24px; bottom: 24px; z-index: 100000; max-width: min(360px, calc(100vw - 48px)); padding: 10px 14px; color: #fff; background: rgba(15, 23, 42, .9); border-radius: var(--an-radius-sm); font-size: 13px; opacity: 0; transform: translateY(8px); transition: opacity .2s, transform .2s; pointer-events: none; }
|
||||
.jio-wd-toast.is-visible { opacity: 1; transform: none; }
|
||||
|
||||
@media (max-width: 782px) {
|
||||
.aksrt-wd-filters__search { flex-basis: 100%; }
|
||||
.aksrt-wd-filters__range { flex-wrap: wrap; }
|
||||
.jio-wd-filters__search { flex-basis: 100%; }
|
||||
.jio-wd-filters__range { flex-wrap: wrap; }
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.aksrt-wd-dialog { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
|
||||
.aksrt-wd-dialog__head,
|
||||
.aksrt-wd-dialog__body,
|
||||
.aksrt-wd-dialog__foot { padding-left: 16px; padding-right: 16px; }
|
||||
.aksrt-wd-summary { grid-template-columns: 1fr; }
|
||||
.aksrt-wd-dialog__foot .button { flex: 1; min-width: 0; }
|
||||
.jio-wd-dialog { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
|
||||
.jio-wd-dialog__head,
|
||||
.jio-wd-dialog__body,
|
||||
.jio-wd-dialog__foot { padding-left: 16px; padding-right: 16px; }
|
||||
.jio-wd-summary { grid-template-columns: 1fr; }
|
||||
.jio-wd-dialog__foot .button { flex: 1; min-width: 0; }
|
||||
}
|
||||
Reference in new issue
Block a user