kate522/wordpress-theme-aksrt
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: rename the theme brand and every identifier from AKSRT to Jio

Browse Source 
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 2026-11-01 20:05:04 +08:00
1 parent 5b16bc6e15
commit 35bb96e82f
997 files changed
+28216 -28188
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

assets/css/routes/user-center/credits.css
+10 -10
View File
@@ -166,7 +166,7 @@
显式隐藏，main.css 的 .flex{display:flex}（后加载、与 bootstrap 的
.modal{display:none} 同特异性）会让弹窗永久 display:flex 铺满全屏，
叠加 .fade 的 opacity:0 形成隐形遮罩，拦截整页点击。 */
.modal[data-aksrt-charge-modal] {
.modal[data-jio-charge-modal] {
display: none;
}
/* 打开态必须是 flex（而非 bootstrap 的内联 display:block）：无头 Chrome
@@ -175,7 +175,7 @@
（align-items:center;justify-content:center）双轴居中——Zibll 生产环境
即此形态（其 jQuery .show() 对 computed≠none 的壳是空操作，内联
display 从未写入）。 */
.modal[data-aksrt-charge-modal].in {
.modal[data-jio-charge-modal].in {
display: flex;
}
@@ -183,10 +183,10 @@
静止态同样必须显式隐藏，否则 .flex 工具类会使其铺满全屏形成隐形遮罩，
拦截整页点击（2026-09-18 实测回归）。打开态由 initPointsPay 的内联
display:flex 驱动，关闭撤除内联样式后即回到隐藏规则。 */
.modal[data-aksrt-points-pay-modal] {
.modal[data-jio-points-pay-modal] {
display: none;
}
.modal[data-aksrt-points-pay-modal].in {
.modal[data-jio-points-pay-modal].in {
display: flex;
}
@@ -194,17 +194,17 @@
静止态同样必须显式隐藏，否则 .flex 工具类会使其铺满全屏形成隐形遮罩，
拦截整页点击。打开态由 initAffiliatePoster 的内联 display:flex 驱动，
关闭撤除内联样式后即回到隐藏规则。 */
.modal[data-aksrt-affiliate-poster-modal] {
.modal[data-jio-affiliate-poster-modal] {
display: none;
}
.modal[data-aksrt-affiliate-poster-modal].in {
.modal[data-jio-affiliate-poster-modal].in {
display: flex;
}
/* 海报弹窗的圆形按钮必须保持圆形。上面的 .uc-content .but.jb-blue 是
(0,3,0) 且后加载，会盖掉 main.css 的 .poster-share .but.cir(0,2,0)，
把蓝色下载钮从圆角 5em 压成 4px 方角；黄色关闭钮因为不在该规则内
才幸免。这里按 (0,3,0) 同权重回位参考主题的 pill 形态。 */
.modal[data-aksrt-affiliate-poster-modal] .but.cir {
.modal[data-jio-affiliate-poster-modal] .but.cir {
padding: 0;
border-radius: 5em;
}
@@ -644,7 +644,7 @@ body.uc-modal-open {
padding: 22px;
color: #fff;
}
.aksrt-vip-level-icon {
.jio-vip-level-icon {
display: inline-block;
width: 1.4em;
height: 1.4em;
@@ -652,7 +652,7 @@ body.uc-modal-open {
vertical-align: middle;
}
.uc-vip-level-card .aksrt-vip-level-icon {
.uc-vip-level-card .jio-vip-level-icon {
width: auto;
height: 1.3em;
}
@@ -1219,7 +1219,7 @@ body.uc-modal-open {
gap: 12px;
align-items: stretch;
}
/* 档位卡继承自 .aksrt-panel 的 20px 底距会在卡片行与下方元素（积分兑换入口 /
/* 档位卡继承自 .jio-panel 的 20px 底距会在卡片行与下方元素（积分兑换入口 /
more 说明）之间叠加成 32px/35px 的过大间距；弹性容器内清零，行内间距由
gap 负责，块间间距统一由各块自身 margin-top（12–16px 节奏）控制。 */
.uc-vip-tab .uc-vip-level-cards .uc-vip-level-card {
assets/css/routes/user-center/level.css
+79 -79
View File
@@ -1,5 +1,5 @@
/* User level panel — zibll-aligned single-path layout. */
.aksrt-user-level-icon--admin { height: 22px; }
.jio-user-level-icon--admin { height: 22px; }
/* The level page owns its cards; do not wrap it in the generic dashboard card. */
.uc-content #panel-level.dashboard-panel {
@@ -10,29 +10,29 @@
box-shadow: none;
}
.aksrt-level-page {
.jio-level-page {
color: var(--color-ink, #4e5358);
}
.aksrt-level-page .row {
.jio-level-page .row {
margin-right: -10px;
margin-left: -10px;
}
.aksrt-level-page .row > [class*="col-"] {
.jio-level-page .row > [class*="col-"] {
padding-right: 10px;
padding-left: 10px;
}
.aksrt-level-page__summary {
.jio-level-page__summary {
margin-bottom: 0;
}
.aksrt-level-page__summary > [class*="col-"] {
.jio-level-page__summary > [class*="col-"] {
display: flex;
}
.aksrt-level-card {
.jio-level-card {
position: relative;
width: 100%;
height: 176px;
@@ -46,20 +46,20 @@
box-shadow: 0 0 10px var(--main-shadow, rgba(116, 116, 116, .08));
}
.aksrt-level-card .colorful-make {
.jio-level-card .colorful-make {
pointer-events: none;
}
/* Match zibll .colorful-bg / .jb-vip1, scoped to the level summary card. */
.aksrt-level-card--summary.colorful-bg {
.jio-level-card--summary.colorful-bg {
background: var(--this-bg);
background-size: 120%;
color: var(--this-color);
}
.aksrt-level-card--summary.colorful-bg > .colorful-make,
.aksrt-level-card--summary.colorful-bg > .colorful-make::before,
.aksrt-level-card--summary.colorful-bg > .colorful-make::after {
.jio-level-card--summary.colorful-bg > .colorful-make,
.jio-level-card--summary.colorful-bg > .colorful-make::before,
.jio-level-card--summary.colorful-bg > .colorful-make::after {
position: absolute;
color: var(--this-color);
background: var(--this-bg);
@@ -67,7 +67,7 @@
content: ' ';
}
.aksrt-level-card--summary.colorful-bg > .colorful-make {
.jio-level-card--summary.colorful-bg > .colorful-make {
top: 60%;
right: auto;
bottom: 0;
@@ -76,7 +76,7 @@
height: 290px;
}
.aksrt-level-card--summary.colorful-bg > .colorful-make::before {
.jio-level-card--summary.colorful-bg > .colorful-make::before {
top: -325px;
right: -558px;
bottom: 0;
@@ -86,7 +86,7 @@
opacity: .6;
}
.aksrt-level-card--summary.colorful-bg > .colorful-make::after {
.jio-level-card--summary.colorful-bg > .colorful-make::after {
top: -170px;
right: auto;
bottom: 0;
@@ -97,8 +97,8 @@
opacity: .4;
}
.aksrt-level-card__summary-inner,
.aksrt-level-card__growth-inner {
.jio-level-card__summary-inner,
.jio-level-card__growth-inner {
position: relative;
z-index: 1;
display: flex;
@@ -107,31 +107,31 @@
min-height: 146px;
}
.aksrt-level-card--summary {
.jio-level-card--summary {
--this-color: #866127;
--this-bg: linear-gradient(25deg, #eabe7b 10%, #f5e3c7 70%, #edc788 100%);
color: var(--this-color);
}
.aksrt-level-card--growth {
.jio-level-card--growth {
--this-color: #888;
--this-bg: rgba(136, 136, 136, .1);
color: var(--this-color);
}
.aksrt-level-card__identity,
.aksrt-level-card__current,
.aksrt-level-card__growth-head {
.jio-level-card__identity,
.jio-level-card__current,
.jio-level-card__growth-head {
display: flex;
align-items: center;
}
.aksrt-level-card__identity {
.jio-level-card__identity {
gap: 6px;
font-weight: 700;
}
.aksrt-level-card__avatar {
.jio-level-card__avatar {
display: inline-flex;
align-items: center;
justify-content: center;
@@ -143,14 +143,14 @@
background: rgba(255, 255, 255, .45);
}
.aksrt-level-card__avatar img {
.jio-level-card__avatar img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.aksrt-level-card__current {
.jio-level-card__current {
justify-content: flex-end;
gap: 8px;
margin-top: -27px;
@@ -158,7 +158,7 @@
font-weight: 700;
}
.aksrt-level-card__badge {
.jio-level-card__badge {
display: inline-block;
width: auto;
max-width: 72px;
@@ -166,7 +166,7 @@
object-fit: contain;
}
.aksrt-level-card__badge-text {
.jio-level-card__badge-text {
display: inline-flex;
align-items: center;
justify-content: center;
@@ -179,25 +179,25 @@
font-weight: 700;
}
.aksrt-level-card__progress-copy {
.jio-level-card__progress-copy {
margin-top: auto;
}
.aksrt-level-card__progress-copy .flex {
.jio-level-card__progress-copy .flex {
gap: 10px;
}
.aksrt-level-card__progress-copy strong {
.jio-level-card__progress-copy strong {
font-size: 12px;
}
.aksrt-level-card__progress-copy span {
.jio-level-card__progress-copy span {
font-size: 11px;
opacity: .8;
text-align: right;
}
.aksrt-level-progress {
.jio-level-progress {
height: 3px;
overflow: hidden;
margin: 0;
@@ -205,67 +205,67 @@
background: rgba(155, 107, 78, .28);
}
.aksrt-level-progress > span {
.jio-level-progress > span {
display: block;
height: 100%;
border-radius: inherit;
background: #9b6b4e;
}
.aksrt-level-card__growth-head {
.jio-level-card__growth-head {
justify-content: space-between;
gap: 12px;
min-height: 28px;
line-height: 1.35;
}
.aksrt-level-card__growth-head > div {
.jio-level-card__growth-head > div {
display: flex;
align-items: center;
min-width: 0;
gap: 12px;
}
.aksrt-level-card__growth-head strong,
.aksrt-level-card__growth-head a {
.jio-level-card__growth-head strong,
.jio-level-card__growth-head a {
display: inline-flex;
align-items: center;
}
.aksrt-level-card__growth-head strong {
.jio-level-card__growth-head strong {
color: inherit;
font-weight: 700;
}
.aksrt-level-card__growth-head strong i {
.jio-level-card__growth-head strong i {
margin-right: 6px;
font-size: 12px;
}
.aksrt-level-card__growth-head a {
.jio-level-card__growth-head a {
font-size: 11px;
text-decoration: none;
opacity: .8;
}
.aksrt-level-card__growth-head > a {
.jio-level-card__growth-head > a {
flex: 0 0 auto;
white-space: nowrap;
}
.aksrt-level-growth {
.jio-level-growth {
width: 100%;
min-height: 96px;
margin-top: 4px;
overflow: hidden;
}
.aksrt-level-growth .swiper-wrapper {
.jio-level-growth .swiper-wrapper {
align-items: flex-end;
min-height: 96px;
}
.aksrt-level-growth .pillar-item {
.jio-level-growth .pillar-item {
display: flex;
flex: 0 0 34px;
flex-direction: column;
@@ -278,18 +278,18 @@
transition: opacity .2s ease;
}
.aksrt-level-growth .pillar-item.is-future {
.jio-level-growth .pillar-item.is-future {
opacity: .5;
}
.aksrt-level-growth .pillar-item .value {
.jio-level-growth .pillar-item .value {
min-height: 15px;
font-size: 9px;
line-height: 15px;
white-space: nowrap;
}
.aksrt-level-growth .pillar-item .pillar {
.jio-level-growth .pillar-item .pillar {
width: 6px;
min-height: 2px;
margin: 0 auto 3px;
@@ -297,23 +297,23 @@
background: linear-gradient(#707479, #bfc5cc);
}
.aksrt-level-growth .pillar-item.active {
.jio-level-growth .pillar-item.active {
color: #b97030;
font-weight: 700;
}
.aksrt-level-growth .pillar-item.active .pillar {
.jio-level-growth .pillar-item.active .pillar {
background: linear-gradient(#c1764a, #e8c48e);
}
.aksrt-level-growth .level-name {
.jio-level-growth .level-name {
display: flex;
align-items: center;
justify-content: center;
height: 22px;
}
.aksrt-level-growth .level-name img {
.jio-level-growth .level-name img {
display: block;
width: auto;
max-width: 32px;
@@ -321,12 +321,12 @@
object-fit: contain;
}
.aksrt-level-growth .level-name span {
.jio-level-growth .level-name span {
font-size: 9px;
font-weight: 700;
}
.aksrt-level-experience {
.jio-level-experience {
clear: both;
margin-bottom: 20px;
padding: 15px;
@@ -336,44 +336,44 @@
box-shadow: 0 0 10px var(--main-shadow, rgba(116, 116, 116, .08));
}
.aksrt-level-experience .box-body {
.jio-level-experience .box-body {
padding: 15px;
}
.aksrt-level-tabs {
.jio-level-tabs {
display: flex;
align-items: center;
gap: 6px;
flex-wrap: wrap;
}
.aksrt-level-tabs .but {
.jio-level-tabs .but {
text-decoration: none;
}
.aksrt-level-tabs .but.is-active {
.jio-level-tabs .but.is-active {
color: var(--focus-color, #f04494);
}
.aksrt-level-experience .tab-content {
.jio-level-experience .tab-content {
min-height: 80px;
}
.aksrt-level-experience .tab-pane[hidden] {
.jio-level-experience .tab-pane[hidden] {
display: none !important;
}
.aksrt-level-list-row,
.aksrt-level-date-row {
.jio-level-list-row,
.jio-level-date-row {
border-color: var(--main-border-color, rgba(0, 0, 0, .06));
}
.aksrt-level-list-row .focus-color,
.aksrt-level-date-row .focus-color {
.jio-level-list-row .focus-color,
.jio-level-date-row .focus-color {
white-space: nowrap;
}
.aksrt-level-empty {
.jio-level-empty {
margin: 0;
padding: 24px 0;
color: var(--muted-2-color, #999);
@@ -381,59 +381,59 @@
}
@media (max-width: 991px) {
.aksrt-level-card--summary,
.aksrt-level-card--growth {
.jio-level-card--summary,
.jio-level-card--growth {
margin-bottom: 20px;
}
.aksrt-level-page__summary {
.jio-level-page__summary {
margin-bottom: 0;
}
}
@media (max-width: 767px) {
.aksrt-level-page .row {
.jio-level-page .row {
margin-right: 0;
margin-left: 0;
}
.aksrt-level-page .row > [class*="col-"] {
.jio-level-page .row > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.aksrt-level-card {
.jio-level-card {
min-height: 176px;
}
.aksrt-level-card__growth-head {
.jio-level-card__growth-head {
align-items: flex-start;
flex-direction: column;
gap: 4px;
}
.aksrt-level-card__growth-head > a {
.jio-level-card__growth-head > a {
align-self: flex-end;
}
.aksrt-level-growth {
.jio-level-growth {
min-height: 92px;
}
.aksrt-level-growth .swiper-wrapper,
.aksrt-level-growth .pillar-item {
.jio-level-growth .swiper-wrapper,
.jio-level-growth .pillar-item {
min-height: 92px;
}
.aksrt-level-experience {
.jio-level-experience {
padding: 10px;
}
.aksrt-level-experience .box-body {
.jio-level-experience .box-body {
padding: 10px 5px;
}
.aksrt-level-list-row .flex {
.jio-level-list-row .flex {
align-items: flex-start;
}
}
assets/css/routes/user-center/responsive.css
+51 -51
View File
@@ -51,19 +51,19 @@
/* legacy 在 max-width:767 把 user-center-sidebar/content 设 width:100%；
* 本站沿用 ≤991.98 的 drawer 模式，与全站侧栏折叠点一致。 */
@media (max-width: 991.98px) {
body.aksrt-user-center .user-center-body,
body.aksrt-user-center .aksrt-profile__layout,
.aksrt-profile .user-center-body,
.aksrt-profile .aksrt-profile__layout,
body.jio-user-center .user-center-body,
body.jio-user-center .jio-profile__layout,
.jio-profile .user-center-body,
.jio-profile .jio-profile__layout,
.user-center .user-center-body {
display: block;
gap: 0;
}
body.aksrt-user-center .user-center-content,
body.aksrt-user-center .uc-content,
.aksrt-profile .user-center-content,
.aksrt-profile .uc-content,
body.jio-user-center .user-center-content,
body.jio-user-center .uc-content,
.jio-profile .user-center-content,
.jio-profile .uc-content,
.user-center .user-center-content {
width: 100%;
max-width: none;
@@ -71,12 +71,12 @@
}
/* 抽屉：离屏固定，FAB 打开；不参与文档流，避免堆在内容下方 */
body.aksrt-user-center .user-center-sidebar,
body.aksrt-user-center .uc-sidebar,
body.aksrt-user-center .aksrt-profile__aside,
.aksrt-profile .user-center-sidebar,
.aksrt-profile .uc-sidebar,
.aksrt-profile .aksrt-profile__aside,
body.jio-user-center .user-center-sidebar,
body.jio-user-center .uc-sidebar,
body.jio-user-center .jio-profile__aside,
.jio-profile .user-center-sidebar,
.jio-profile .uc-sidebar,
.jio-profile .jio-profile__aside,
.user-center .user-center-sidebar {
display: flex;
float: none;
@@ -100,23 +100,23 @@
align-self: auto;
}
body.aksrt-user-center .user-center-sidebar.is-open,
body.aksrt-user-center .uc-sidebar.is-open,
body.aksrt-user-center .aksrt-profile__aside.is-open,
.aksrt-profile .user-center-sidebar.is-open,
.aksrt-profile .uc-sidebar.is-open,
.aksrt-profile .aksrt-profile__aside.is-open,
body.jio-user-center .user-center-sidebar.is-open,
body.jio-user-center .uc-sidebar.is-open,
body.jio-user-center .jio-profile__aside.is-open,
.jio-profile .user-center-sidebar.is-open,
.jio-profile .uc-sidebar.is-open,
.jio-profile .jio-profile__aside.is-open,
.user-center .user-center-sidebar.is-open {
left: 0;
}
/* 抽屉头部装饰 */
body.aksrt-user-center .user-center-sidebar::before,
body.aksrt-user-center .uc-sidebar::before,
body.aksrt-user-center .aksrt-profile__aside::before,
.aksrt-profile .user-center-sidebar::before,
.aksrt-profile .uc-sidebar::before,
.aksrt-profile .aksrt-profile__aside::before,
body.jio-user-center .user-center-sidebar::before,
body.jio-user-center .uc-sidebar::before,
body.jio-user-center .jio-profile__aside::before,
.jio-profile .user-center-sidebar::before,
.jio-profile .uc-sidebar::before,
.jio-profile .jio-profile__aside::before,
.user-center .user-center-sidebar::before {
content: '';
display: block;
@@ -125,8 +125,8 @@
flex-shrink: 0;
}
body.aksrt-user-center .uc-sidebar__section,
.aksrt-profile .uc-sidebar__section,
body.jio-user-center .uc-sidebar__section,
.jio-profile .uc-sidebar__section,
.user-center .uc-sidebar__section {
border-radius: 0;
border-left: none;
@@ -134,8 +134,8 @@
box-shadow: none;
}
body.aksrt-user-center .uc-sidebar__section:first-of-type,
.aksrt-profile .uc-sidebar__section:first-of-type,
body.jio-user-center .uc-sidebar__section:first-of-type,
.jio-profile .uc-sidebar__section:first-of-type,
.user-center .uc-sidebar__section:first-of-type {
margin-top: -20px;
position: relative;
@@ -143,8 +143,8 @@
border-radius: 12px 12px 0 0;
}
body.aksrt-user-center .uc-sidebar__drawer-trigger,
.aksrt-profile .uc-sidebar__drawer-trigger,
body.jio-user-center .uc-sidebar__drawer-trigger,
.jio-profile .uc-sidebar__drawer-trigger,
.user-center .uc-sidebar__drawer-trigger {
display: flex;
}
@@ -212,7 +212,7 @@
@media (max-width: 480px) {
.user-center,
.aksrt-profile.content-shell {
.jio-profile.content-shell {
padding: 0 12px 32px;
}
@@ -237,39 +237,39 @@
}
@media (max-width: 640px) {
.uc-content .aksrt-invite-hero {
.uc-content .jio-invite-hero {
flex-direction: column;
padding: 0 0 14px;
}
.uc-content .aksrt-invite-code-card {
.uc-content .jio-invite-code-card {
width: 100%;
padding: 12px 0 0;
border-left: 0;
border-top: 1px solid var(--color-line-soft, rgba(0,0,0,0.06));
}
.uc-content .aksrt-invite-link-row {
.uc-content .jio-invite-link-row {
flex-direction: column;
padding: 14px 0;
}
.uc-content .aksrt-invite-link-row input {
.uc-content .jio-invite-link-row input {
flex: none;
width: 100%;
height: 40px;
}
.uc-content .aksrt-invite-copy {
.uc-content .jio-invite-copy {
width: 100%;
}
.uc-content .aksrt-invite-stats {
.uc-content .jio-invite-stats {
grid-template-columns: repeat(3, 1fr);
padding: 12px 0;
}
.uc-content .aksrt-invite-stat {
.uc-content .jio-invite-stat {
align-items: center;
text-align: center;
padding: 0 8px;
@@ -277,46 +277,46 @@
border-bottom: 0;
}
.uc-content .aksrt-invite-stat:last-child {
.uc-content .jio-invite-stat:last-child {
border-right: 0;
}
.uc-content .aksrt-invite-stat strong {
.uc-content .jio-invite-stat strong {
font-size: 22px;
}
.uc-content .aksrt-invite-stat span,
.uc-content .aksrt-invite-stat strong {
.uc-content .jio-invite-stat span,
.uc-content .jio-invite-stat strong {
white-space: nowrap;
}
.uc-content .aksrt-invite-stat small {
.uc-content .jio-invite-stat small {
font-size: 11px;
}
.uc-content .aksrt-invite-records {
.uc-content .jio-invite-records {
padding: 14px 0 0;
}
.uc-content .aksrt-invite-record {
.uc-content .jio-invite-record {
align-items: flex-start;
}
.uc-content .aksrt-invite-record__status {
.uc-content .jio-invite-record__status {
min-width: 0;
}
}
@media (max-width: 520px) {
.uc-content .aksrt-invite-record {
.uc-content .jio-invite-record {
flex-wrap: wrap;
}
.uc-content .aksrt-invite-record__main {
.uc-content .jio-invite-record__main {
flex: 1 1 calc(100% - 54px);
}
.uc-content .aksrt-invite-record__status {
.uc-content .jio-invite-record__status {
flex: 1 1 100%;
align-items: flex-start;
padding-left: 54px;
assets/css/routes/user-center/settings.css
+126 -126
View File
@@ -145,20 +145,20 @@
}
/* 账号设置：按参考主题 account-set / box-body / oauth-bind-box 分区与排布。 */
.uc-content #panel-settings .aksrt-account-settings {
.uc-content #panel-settings .jio-account-settings {
margin: -24px;
overflow: hidden;
border-radius: inherit;
}
.aksrt-account-settings__section {
.jio-account-settings__section {
padding: 15px;
border-bottom: 1px solid var(--color-line-soft, rgba(0, 0, 0, .06));
}
.aksrt-account-settings__section:last-child { border-bottom: 0; }
.jio-account-settings__section:last-child { border-bottom: 0; }
.aksrt-account-settings__heading {
.jio-account-settings__heading {
display: flex;
align-items: flex-start;
justify-content: space-between;
@@ -166,25 +166,25 @@
margin-bottom: 20px;
}
.aksrt-account-settings__heading .title-h-left {
.jio-account-settings__heading .title-h-left {
margin: 0 0 8px;
font-size: 16px;
}
.aksrt-account-settings__heading p {
.jio-account-settings__heading p {
margin: 0;
color: var(--muted-2-color, var(--color-ink-4, #999));
font-size: 14px;
line-height: 1.6;
}
.aksrt-account-list {
.jio-account-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.aksrt-account-row {
.jio-account-row {
display: grid;
grid-template-columns: minmax(116px, .85fr) minmax(0, 1fr) auto;
align-items: center;
@@ -196,14 +196,14 @@
color: inherit;
}
.aksrt-account-row__identity {
.jio-account-row__identity {
display: flex;
align-items: center;
gap: 6px;
min-width: 0;
}
.aksrt-account-row__icon {
.jio-account-row__icon {
display: grid;
place-items: center;
width: 26px;
@@ -214,11 +214,11 @@
color: var(--this-color, #2997f7);
}
.aksrt-account-row__icon--blue { --this-bg: rgba(41, 151, 247, .12); --this-color: #2997f7; }
.aksrt-account-row__icon--blue-2 { --this-bg: rgba(73, 174, 231, .12); --this-color: #49aee7; }
.aksrt-account-row__icon--purple { --this-bg: rgba(136, 84, 230, .12); --this-color: #8854e6; }
.jio-account-row__icon--blue { --this-bg: rgba(41, 151, 247, .12); --this-color: #2997f7; }
.jio-account-row__icon--blue-2 { --this-bg: rgba(73, 174, 231, .12); --this-color: #49aee7; }
.jio-account-row__icon--purple { --this-bg: rgba(136, 84, 230, .12); --this-color: #8854e6; }
.aksrt-account-row__copy {
.jio-account-row__copy {
display: block;
min-width: 0;
overflow: hidden;
@@ -229,7 +229,7 @@
white-space: nowrap;
}
.aksrt-account-row__social-name {
.jio-account-row__social-name {
overflow: hidden;
color: var(--color-ink, #333);
font-size: 13px;
@@ -238,7 +238,7 @@
white-space: nowrap;
}
.aksrt-account-row__value {
.jio-account-row__value {
overflow: hidden;
min-width: 0;
color: var(--muted-2-color, var(--color-ink-3, #777));
@@ -248,7 +248,7 @@
white-space: nowrap;
}
.aksrt-account-row__action {
.jio-account-row__action {
flex: 0 0 auto;
margin: 0;
padding: 4px 10px;
@@ -258,48 +258,48 @@
white-space: nowrap;
}
.aksrt-account-row--simple { grid-template-columns: minmax(0, 1fr) auto; }
.aksrt-account-row__action--unavailable { color: var(--muted-2-color, #999); }
.jio-account-row--simple { grid-template-columns: minmax(0, 1fr) auto; }
.jio-account-row__action--unavailable { color: var(--muted-2-color, #999); }
.aksrt-account-settings__section--social .binding-captcha { margin-bottom: 12px; }
.aksrt-account-list--social .binding-item { border: 0; }
.aksrt-account-list--social .aksrt-account-row { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto auto; text-decoration: none; }
.aksrt-account-list--social .binding-status { display: inline-flex; align-items: center; gap: 4px; color: var(--color-success, #16a34a); font-size: 11px; white-space: nowrap; }
.aksrt-account-list--social .binding-status--idle { color: var(--muted-2-color, var(--color-ink-4, #999)); }
.aksrt-account-list--social .binding-unbind-btn { color: var(--this-color, #e4a11b); }
.aksrt-account-list--social .binding-item--linkable:hover { background: var(--color-primary-softer, var(--color-primary-soft, rgba(41, 151, 247, .08))); }
.jio-account-settings__section--social .binding-captcha { margin-bottom: 12px; }
.jio-account-list--social .binding-item { border: 0; }
.jio-account-list--social .jio-account-row { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto auto; text-decoration: none; }
.jio-account-list--social .binding-status { display: inline-flex; align-items: center; gap: 4px; color: var(--color-success, #16a34a); font-size: 11px; white-space: nowrap; }
.jio-account-list--social .binding-status--idle { color: var(--muted-2-color, var(--color-ink-4, #999)); }
.jio-account-list--social .binding-unbind-btn { color: var(--this-color, #e4a11b); }
.jio-account-list--social .binding-item--linkable:hover { background: var(--color-primary-softer, var(--color-primary-soft, rgba(41, 151, 247, .08))); }
@media (max-width: 640px) {
.aksrt-account-list { grid-template-columns: minmax(0, 1fr); }
.jio-account-list { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767px) {
.uc-content #panel-settings .aksrt-account-settings { margin: -16px; }
.uc-content #panel-settings .jio-account-settings { margin: -16px; }
}
@media (max-width: 520px) {
.uc-content #panel-settings .aksrt-account-settings { margin: -16px; }
.aksrt-account-settings__section { padding: 15px; }
.aksrt-account-row { grid-template-columns: minmax(0, 1fr) auto; gap: 8px 10px; padding: 12px; }
.aksrt-account-row__identity { grid-column: 1; }
.aksrt-account-row__value { grid-column: 1; grid-row: 2; padding-left: 38px; text-align: left; }
.aksrt-account-row__action { grid-column: 2; grid-row: 1 / span 2; }
.aksrt-account-list--social .aksrt-account-row { grid-template-columns: 24px minmax(0, 1fr) auto; gap: 6px 8px; }
.aksrt-account-list--social .binding-status { grid-column: 2; grid-row: 2; }
.aksrt-account-list--social .aksrt-account-row__action { grid-column: 3; grid-row: 1 / span 2; }
.uc-content #panel-settings .jio-account-settings { margin: -16px; }
.jio-account-settings__section { padding: 15px; }
.jio-account-row { grid-template-columns: minmax(0, 1fr) auto; gap: 8px 10px; padding: 12px; }
.jio-account-row__identity { grid-column: 1; }
.jio-account-row__value { grid-column: 1; grid-row: 2; padding-left: 38px; text-align: left; }
.jio-account-row__action { grid-column: 2; grid-row: 1 / span 2; }
.jio-account-list--social .jio-account-row { grid-template-columns: 24px minmax(0, 1fr) auto; gap: 6px 8px; }
.jio-account-list--social .binding-status { grid-column: 2; grid-row: 2; }
.jio-account-list--social .jio-account-row__action { grid-column: 3; grid-row: 1 / span 2; }
}
@media (max-width: 480px) {
.uc-content #panel-settings .aksrt-account-settings { margin: -14px; }
.uc-content #panel-settings .jio-account-settings { margin: -14px; }
}
/* 邀请区增强 */
.uc-content .aksrt-invite-panel {
.uc-content .jio-invite-panel {
padding: 0;
overflow: visible;
}
.uc-content .aksrt-invite-hero {
.uc-content .jio-invite-hero {
display: flex;
justify-content: space-between;
gap: 18px;
@@ -308,11 +308,11 @@
border-bottom: 1px solid var(--color-line-soft, rgba(0,0,0,0.06));
}
.uc-content .aksrt-invite-hero__main {
.uc-content .jio-invite-hero__main {
min-width: 0;
}
.uc-content .aksrt-invite-kicker {
.uc-content .jio-invite-kicker {
display: inline-flex;
align-items: center;
height: 22px;
@@ -325,7 +325,7 @@
background: var(--color-primary-soft);
}
.uc-content .aksrt-invite-desc {
.uc-content .jio-invite-desc {
max-width: 620px;
font-size: 14px;
line-height: 1.7;
@@ -333,7 +333,7 @@
margin: 0;
}
.uc-content .aksrt-invite-code-card {
.uc-content .jio-invite-code-card {
flex: 0 0 auto;
min-width: 118px;
align-self: center;
@@ -346,12 +346,12 @@
background: transparent;
}
.uc-content .aksrt-invite-code-card span {
.uc-content .jio-invite-code-card span {
font-size: 12px;
color: var(--color-ink-4);
}
.uc-content .aksrt-invite-code-card strong {
.uc-content .jio-invite-code-card strong {
font-size: 18px;
font-weight: 800;
letter-spacing: 0.04em;
@@ -359,7 +359,7 @@
font-variant-numeric: tabular-nums;
}
.uc-content .aksrt-invite-link-row {
.uc-content .jio-invite-link-row {
display: flex;
gap: 10px;
padding: 16px 0;
@@ -367,7 +367,7 @@
border-bottom: 1px solid var(--color-line-soft, rgba(0,0,0,0.06));
}
.uc-content .aksrt-invite-link-row input {
.uc-content .jio-invite-link-row input {
flex: 1;
min-width: 0;
height: 40px;
@@ -379,7 +379,7 @@
font-size: 13px;
}
.uc-content .aksrt-invite-copy {
.uc-content .jio-invite-copy {
display: inline-flex;
align-items: center;
gap: 6px;
@@ -387,7 +387,7 @@
justify-content: center;
}
.uc-content .aksrt-invite-stats {
.uc-content .jio-invite-stats {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0;
@@ -395,7 +395,7 @@
border-bottom: 1px solid var(--color-line-soft, rgba(0,0,0,0.06));
}
.uc-content .aksrt-invite-stat {
.uc-content .jio-invite-stat {
display: flex;
flex-direction: column;
gap: 4px;
@@ -405,21 +405,21 @@
background: transparent;
}
.uc-content .aksrt-invite-stat:first-child {
.uc-content .jio-invite-stat:first-child {
padding-left: 0;
}
.uc-content .aksrt-invite-stat:last-child {
.uc-content .jio-invite-stat:last-child {
padding-right: 0;
border-right: 0;
}
.uc-content .aksrt-invite-stat span {
.uc-content .jio-invite-stat span {
font-size: 12px;
color: var(--color-ink-4);
}
.uc-content .aksrt-invite-stat strong {
.uc-content .jio-invite-stat strong {
font-size: 26px;
font-weight: 800;
line-height: 1.1;
@@ -427,18 +427,18 @@
font-variant-numeric: tabular-nums;
}
.uc-content .aksrt-invite-stat small {
.uc-content .jio-invite-stat small {
font-size: 12px;
line-height: 1.4;
color: var(--color-ink-4);
}
.uc-content .aksrt-invite-records {
.uc-content .jio-invite-records {
border-top: 0;
padding: 16px 0 0;
}
.uc-content .aksrt-invite-records__header {
.uc-content .jio-invite-records__header {
display: flex;
align-items: center;
justify-content: space-between;
@@ -446,24 +446,24 @@
margin-bottom: 10px;
}
.uc-content .aksrt-invite-records__header h4 {
.uc-content .jio-invite-records__header h4 {
margin: 0;
font-size: 15px;
font-weight: 700;
color: var(--color-ink);
}
.uc-content .aksrt-invite-records__header span {
.uc-content .jio-invite-records__header span {
font-size: 12px;
color: var(--color-ink-4);
}
.uc-content .aksrt-invite-record-list {
.uc-content .jio-invite-record-list {
display: flex;
flex-direction: column;
}
.uc-content .aksrt-invite-record {
.uc-content .jio-invite-record {
display: flex;
align-items: center;
gap: 12px;
@@ -472,11 +472,11 @@
border-bottom: 1px solid var(--color-line-soft, rgba(0,0,0,0.05));
}
.uc-content .aksrt-invite-record:last-child {
.uc-content .jio-invite-record:last-child {
border-bottom: 0;
}
.uc-content .aksrt-invite-record__avatar {
.uc-content .jio-invite-record__avatar {
width: 42px;
height: 42px;
border-radius: 50%;
@@ -491,13 +491,13 @@
font-weight: 700;
}
.uc-content .aksrt-invite-record__avatar img {
.uc-content .jio-invite-record__avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.uc-content .aksrt-invite-record__main {
.uc-content .jio-invite-record__main {
min-width: 0;
flex: 1;
display: flex;
@@ -505,7 +505,7 @@
gap: 4px;
}
.uc-content .aksrt-invite-record__main strong {
.uc-content .jio-invite-record__main strong {
font-size: 14px;
line-height: 1.3;
color: var(--color-ink);
@@ -514,12 +514,12 @@
white-space: nowrap;
}
.uc-content .aksrt-invite-record__main span {
.uc-content .jio-invite-record__main span {
font-size: 12px;
color: var(--color-ink-4);
}
.uc-content .aksrt-invite-record__status {
.uc-content .jio-invite-record__status {
flex: 0 0 auto;
min-width: 118px;
display: flex;
@@ -529,7 +529,7 @@
text-align: right;
}
.uc-content .aksrt-invite-badge {
.uc-content .jio-invite-badge {
display: inline-flex;
align-items: center;
height: 24px;
@@ -539,27 +539,27 @@
font-weight: 700;
}
.uc-content .aksrt-invite-badge.is-registered {
.uc-content .jio-invite-badge.is-registered {
color: #2563eb;
background: rgba(37, 99, 235, 0.10);
}
.uc-content .aksrt-invite-badge.is-verified {
.uc-content .jio-invite-badge.is-verified {
color: #7c3aed;
background: rgba(124, 58, 237, 0.10);
}
.uc-content .aksrt-invite-badge.is-rewarded {
.uc-content .jio-invite-badge.is-rewarded {
color: #16a34a;
background: rgba(22, 163, 74, 0.10);
}
.uc-content .aksrt-invite-record__status small {
.uc-content .jio-invite-record__status small {
font-size: 12px;
color: var(--color-ink-4);
}
.uc-content .aksrt-invite-record-empty {
.uc-content .jio-invite-record-empty {
padding: 22px 0;
border: 0;
border-top: 1px solid var(--color-line-soft, rgba(0,0,0,0.06));
@@ -571,13 +571,13 @@
/* Tip QR upload on profile */
.aksrt-reward-upload-grid {
.jio-reward-upload-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 16px;
margin-top: 12px;
}
.aksrt-reward-upload__preview {
.jio-reward-upload__preview {
min-height: 140px;
border: 1px dashed rgba(127,127,127,.35);
border-radius: 10px;
@@ -588,23 +588,23 @@
margin: 8px 0;
background: rgba(127,127,127,.04);
}
.aksrt-reward-upload__preview img {
.jio-reward-upload__preview img {
max-width: 100%;
max-height: 180px;
object-fit: contain;
display: block;
}
.aksrt-reward-upload__file {
.jio-reward-upload__file {
display: none;
}
.aksrt-reward-upload .btn-sm,
.aksrt-reward-upload .btn-primary {
.jio-reward-upload .btn-sm,
.jio-reward-upload .btn-primary {
margin-right: 8px;
margin-top: 4px;
}
/* 账号设置弹窗：使用 AksrtModalRuntime，几何和标题区对齐参考 modal-mini。 */
.aksrt-modal-runtime.aksrt-user-settings-modal:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog {
/* 账号设置弹窗：使用 JioModalRuntime，几何和标题区对齐参考 modal-mini。 */
.jio-modal-runtime.jio-user-settings-modal:not(.jio-modal-runtime--bottom) .jio-modal-runtime__dialog {
width: 400px;
max-width: calc(100vw - 20px);
max-height: calc(100vh - 20px);
@@ -614,7 +614,7 @@
box-shadow: 0 10px 30px rgba(0, 0, 0, .15);
}
.aksrt-modal-runtime.aksrt-user-settings-modal.aksrt-modal-runtime--bottom .aksrt-modal-runtime__dialog {
.jio-modal-runtime.jio-user-settings-modal.jio-modal-runtime--bottom .jio-modal-runtime__dialog {
width: 400px;
max-width: calc(100vw - 20px);
max-height: calc(100dvh - 20px - env(safe-area-inset-bottom));
@@ -623,22 +623,22 @@
box-shadow: 0 -10px 50px rgba(0, 0, 0, .15);
}
.aksrt-user-settings-modal .aksrt-modal-runtime__content { padding: 0; }
.aksrt-modal-runtime--bottom.aksrt-user-settings-modal .aksrt-settings-modal {
.jio-user-settings-modal .jio-modal-runtime__content { padding: 0; }
.jio-modal-runtime--bottom.jio-user-settings-modal .jio-settings-modal {
padding-bottom: env(safe-area-inset-bottom);
border-radius: var(--main-radius, 8px) var(--main-radius, 8px) 0 0;
}
.aksrt-settings-modal {
.jio-settings-modal {
position: relative;
overflow: hidden;
border-radius: var(--main-radius, 8px);
background: var(--main-bg-color, var(--surface-1, #fff));
}
.aksrt-settings-modal [hidden] { display: none !important; }
.jio-settings-modal [hidden] { display: none !important; }
.aksrt-settings-modal .modal-colorful-header {
.jio-settings-modal .modal-colorful-header {
position: absolute;
top: 0;
right: 0;
@@ -648,7 +648,7 @@
border-radius: var(--main-radius, 8px) var(--main-radius, 8px) 0 0;
}
.aksrt-settings-modal .modal-colorful-header > .close {
.jio-settings-modal .modal-colorful-header > .close {
position: absolute;
top: 10px;
right: 10px;
@@ -665,57 +665,57 @@
cursor: pointer;
}
.aksrt-settings-modal > form {
.jio-settings-modal > form {
position: relative;
z-index: 0;
margin-top: 120px;
padding: 15px;
}
.aksrt-settings-modal__pane {
.jio-settings-modal__pane {
position: relative;
z-index: 0;
margin-top: 120px;
padding: 15px;
}
.aksrt-settings-modal__pane form,
.aksrt-settings-modal .account-step form {
.jio-settings-modal__pane form,
.jio-settings-modal .account-step form {
margin: 0;
padding: 0;
}
.aksrt-settings-modal .account-step-list {
.jio-settings-modal .account-step-list {
position: relative;
z-index: 0;
margin-top: 120px;
padding: 10px;
}
.aksrt-settings-modal .account-step-panels { position: relative; z-index: 0; }
.aksrt-settings-modal .account-step { display: none; padding: 0 15px 18px; }
.aksrt-settings-modal .account-step.is-active { display: block; }
.aksrt-settings-modal .account-step > p { margin: 0 0 20px; }
.aksrt-settings-modal .account-recovery-toggle { border: 0; background: transparent; cursor: pointer; }
.jio-settings-modal .account-step-panels { position: relative; z-index: 0; }
.jio-settings-modal .account-step { display: none; padding: 0 15px 18px; }
.jio-settings-modal .account-step.is-active { display: block; }
.jio-settings-modal .account-step > p { margin: 0 0 20px; }
.jio-settings-modal .account-recovery-toggle { border: 0; background: transparent; cursor: pointer; }
.aksrt-settings-modal__fields { padding: 0; }
.aksrt-settings-modal .modal-line-field--code .line-form-input { padding-right: 7em; }
.aksrt-settings-modal .modal-line-field--code .yztx.abs-right {
.jio-settings-modal__fields { padding: 0; }
.jio-settings-modal .modal-line-field--code .line-form-input { padding-right: 7em; }
.jio-settings-modal .modal-line-field--code .yztx.abs-right {
top: 50%;
right: .7em;
z-index: 2;
margin-top: 3px;
transform: translateY(-50%);
}
.aksrt-settings-modal .modal-line-field--code .code-send-btn { display: inline-block; margin: 0; }
.aksrt-settings-modal .toggle-pwd { position: absolute; right: 7px; bottom: 4px; width: 30px; height: 30px; padding: 0; border: 0; background: transparent; color: var(--muted-2-color, #999); cursor: pointer; }
.aksrt-settings-modal .toggle-pwd:hover { color: var(--color-ink, #333); }
.aksrt-settings-modal .code-send-btn { white-space: nowrap; }
.aksrt-settings-modal .code-send-btn.is-counting { pointer-events: none; opacity: .6; }
.aksrt-settings-modal .aksrt-captcha-wrap { margin: 12px 0 8px; }
.jio-settings-modal .modal-line-field--code .code-send-btn { display: inline-block; margin: 0; }
.jio-settings-modal .toggle-pwd { position: absolute; right: 7px; bottom: 4px; width: 30px; height: 30px; padding: 0; border: 0; background: transparent; color: var(--muted-2-color, #999); cursor: pointer; }
.jio-settings-modal .toggle-pwd:hover { color: var(--color-ink, #333); }
.jio-settings-modal .code-send-btn { white-space: nowrap; }
.jio-settings-modal .code-send-btn.is-counting { pointer-events: none; opacity: .6; }
.jio-settings-modal .jio-captcha-wrap { margin: 12px 0 8px; }
/* 修改手机：脱敏中间位数字框，与前缀/后缀号码一体呈现 */
.aksrt-settings-modal .aksrt-phone-digits {
.jio-settings-modal .jio-phone-digits {
display: flex;
align-items: center;
justify-content: center;
@@ -723,7 +723,7 @@
margin-bottom: 12px;
}
.aksrt-settings-modal .aksrt-phone-digit__edge {
.jio-settings-modal .jio-phone-digit__edge {
padding: 0 2px;
color: var(--color-ink, #333);
font-size: 22px;
@@ -733,7 +733,7 @@
white-space: nowrap;
}
.aksrt-settings-modal .aksrt-phone-digit {
.jio-settings-modal .jio-phone-digit {
width: 44px;
height: 50px;
padding: 0;
@@ -751,19 +751,19 @@
transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}
.aksrt-settings-modal .aksrt-phone-digit:focus {
.jio-settings-modal .jio-phone-digit:focus {
border-color: var(--color-primary, #2a7de1);
background-color: var(--main-bg-color, #fff);
box-shadow: 0 0 0 3px rgba(42, 125, 225, 0.18);
}
.aksrt-settings-modal .aksrt-phone-digits.has-error .aksrt-phone-digit {
.jio-settings-modal .jio-phone-digits.has-error .jio-phone-digit {
border-color: var(--color-danger, #e02020);
background-color: rgba(224, 32, 32, 0.06);
box-shadow: 0 0 0 3px rgba(224, 32, 32, 0.12);
}
.aksrt-settings-modal .aksrt-phone-digits__error {
.jio-settings-modal .jio-phone-digits__error {
margin: 0 0 12px;
color: var(--color-danger, #e02020);
font-size: 13px;
@@ -771,14 +771,14 @@
}
@media (max-width: 640px) {
.aksrt-modal-runtime.aksrt-user-settings-modal.aksrt-modal-runtime--bottom .aksrt-modal-runtime__dialog {
.jio-modal-runtime.jio-user-settings-modal.jio-modal-runtime--bottom .jio-modal-runtime__dialog {
width: 100%;
max-width: 100%;
max-height: calc(100dvh - env(safe-area-inset-bottom));
margin: 0 0 -1px;
border-radius: 16px 16px 0 0;
}
.aksrt-modal-runtime--bottom.aksrt-user-settings-modal .aksrt-settings-modal {
.jio-modal-runtime--bottom.jio-user-settings-modal .jio-settings-modal {
border-radius: 16px 16px 0 0;
}
}
@@ -800,7 +800,7 @@
margin: 20px 0 0;
}
.aksrt-identity-modal-shell .aksrt-modal-runtime__dialog {
.jio-identity-modal-shell .jio-modal-runtime__dialog {
width: min(600px, calc(100vw - 20px));
max-width: 600px;
max-height: calc(100vh - 20px);
@@ -809,7 +809,7 @@
border-radius: var(--main-radius, 8px);
background: var(--main-bg-color, var(--surface-1, #fff));
}
.aksrt-identity-modal-shell .aksrt-modal-runtime__content { padding: 0; }
.jio-identity-modal-shell .jio-modal-runtime__content { padding: 0; }
.uc-auth-modal {
position: relative;
overflow: hidden;
@@ -955,7 +955,7 @@
line-height: 1;
cursor: pointer;
}
.aksrt-identity-modal-shell .uc-auth-modal .uc-auth-modal__body .uc-auth-modal__footer {
.jio-identity-modal-shell .uc-auth-modal .uc-auth-modal__body .uc-auth-modal__footer {
display: flex;
grid-template-columns: none;
gap: 0;
@@ -964,7 +964,7 @@
border-top: 1px solid var(--main-border-color, var(--color-line, rgba(50, 50, 50, .12)));
border-radius: 0 0 var(--main-radius, 8px) var(--main-radius, 8px);
}
.aksrt-identity-modal-shell .uc-auth-modal .uc-auth-modal__body .uc-auth-modal__footer > .but {
.jio-identity-modal-shell .uc-auth-modal .uc-auth-modal__body .uc-auth-modal__footer > .but {
display: flex;
flex: 1 1 50%;
align-items: center;
@@ -980,21 +980,21 @@
font-weight: 400;
cursor: pointer;
}
.aksrt-identity-modal-shell .uc-auth-modal .uc-auth-modal__body .uc-auth-modal__footer > .but + .but {
.jio-identity-modal-shell .uc-auth-modal .uc-auth-modal__body .uc-auth-modal__footer > .but + .but {
border-left: 1px solid var(--main-border-color, var(--color-line, rgba(50, 50, 50, .12)));
}
.aksrt-identity-modal-shell .uc-auth-modal .uc-auth-modal__body .uc-auth-modal__footer > .but.c-blue {
.jio-identity-modal-shell .uc-auth-modal .uc-auth-modal__body .uc-auth-modal__footer > .but.c-blue {
background: transparent;
color: var(--this-color, #2997f7);
}
.aksrt-identity-modal-shell .uc-auth-modal .uc-auth-modal__body .uc-auth-modal__footer > .but:hover {
.jio-identity-modal-shell .uc-auth-modal .uc-auth-modal__body .uc-auth-modal__footer > .but:hover {
background: var(--this-bg, rgba(136, 136, 136, .1));
}
.aksrt-identity-modal-shell .uc-auth-modal .uc-auth-modal__body .uc-auth-modal__footer > .but:disabled { opacity: .5; cursor: wait; }
.jio-identity-modal-shell .uc-auth-modal .uc-auth-modal__body .uc-auth-modal__footer > .but:disabled { opacity: .5; cursor: wait; }
@keyframes uc-auth-colorful { to { transform: rotate(360deg); } }
@media (max-width: 768px) {
.aksrt-identity-modal-shell.aksrt-modal-runtime--bottom .aksrt-modal-runtime__dialog {
.jio-identity-modal-shell.jio-modal-runtime--bottom .jio-modal-runtime__dialog {
width: calc(100% - 20px);
max-width: none;
max-height: calc(100dvh - 30px - env(safe-area-inset-bottom));
assets/css/routes/user-center/shell.css
+32 -32
View File
@@ -3,15 +3,15 @@
*/
/**
* AKSRT User Center — 本人中心专属样式
* Jio User Center — 本人中心专属样式
*
* 原主题风格两栏布局：左侧边栏 + 右侧内容区
* 仅在本人中心页面加载（body.aksrt-user-center）
* 仅在本人中心页面加载（body.jio-user-center）
*/
/* ==================== 用户中心容器 ==================== */
/* 主内容宽度由 frontend/layout.css 的 profile shell 合同统一管理。 */
.aksrt-profile.content-shell {
.jio-profile.content-shell {
display: block;
width: 100%;
max-width: none;
@@ -21,16 +21,16 @@
/* main 仍带 legacy .user-center 类；旧规则会把整页误设为 flex，并以
* gap:20px 挤窄第一个 flex 子项（顶部资料卡所在的 content-wrap）。 */
.aksrt-profile.user-center {
.jio-profile.user-center {
display: block;
gap: 0;
}
/* 顶部资料卡位于双栏布局之前，必须与用户中心外壳同宽，不能继续继承
* legacy .content-wrap / .container 的收窄规则。 */
.aksrt-profile.content-shell > .content-wrap,
.aksrt-profile.content-shell > .content-wrap > .uc-header,
.aksrt-profile.content-shell .uc-header {
.jio-profile.content-shell > .content-wrap,
.jio-profile.content-shell > .content-wrap > .uc-header,
.jio-profile.content-shell .uc-header {
width: 100%;
max-width: none;
box-sizing: border-box;
@@ -40,9 +40,9 @@
.uc-header__name > .img-icon,
h1.uc-header__name > .img-icon,
.uc-header__name .medal-icon.img-icon,
.uc-header__name .aksrt-identity-medal,
.uc-header__name .jio-identity-medal,
h1.uc-header__name .medal-icon.img-icon,
h1.uc-header__name .aksrt-identity-medal {
h1.uc-header__name .jio-identity-medal {
width: auto;
height: 1.1em;
max-width: 6em;
@@ -58,9 +58,9 @@ h1.uc-header__name .aksrt-identity-medal {
/* ==================== 页面自有双栏（对齐 legacy .user-center flex，不走全站 float 壳） ==================== */
/* DOM: sidebar first + content second（与 legacy user-center-sidebar / user-center-content 一致）。
* 选择器同时覆盖 body.aksrt-user-center 与 main.user-center / .aksrt-profile，避免 body class 漏打时失效。 */
body.aksrt-user-center .content-wrap,
.aksrt-profile .content-wrap,
* 选择器同时覆盖 body.jio-user-center 与 main.user-center / .jio-profile，避免 body class 漏打时失效。 */
body.jio-user-center .content-wrap,
.jio-profile .content-wrap,
.user-center .content-wrap {
float: none;
width: 100%;
@@ -68,10 +68,10 @@ body.aksrt-user-center .content-wrap,
}
/* 对齐 legacy: .user-center { display:flex; gap:20px; } */
body.aksrt-user-center .user-center-body,
body.aksrt-user-center .aksrt-profile__layout,
.aksrt-profile .user-center-body,
.aksrt-profile .aksrt-profile__layout,
body.jio-user-center .user-center-body,
body.jio-user-center .jio-profile__layout,
.jio-profile .user-center-body,
.jio-profile .jio-profile__layout,
.user-center .user-center-body {
display: flex;
flex-direction: row;
@@ -86,23 +86,23 @@ body.aksrt-user-center .aksrt-profile__layout,
}
/* 中和 site-layout-2/3 对 content-layout 的 margin 挖空（兼容旧 class） */
body.aksrt-user-center.site-layout-1 .aksrt-profile__layout,
body.aksrt-user-center.site-layout-2 .aksrt-profile__layout,
body.aksrt-user-center.site-layout-3 .aksrt-profile__layout,
body.aksrt-user-center.site-layout-1 .user-center-body,
body.aksrt-user-center.site-layout-2 .user-center-body,
body.aksrt-user-center.site-layout-3 .user-center-body {
body.jio-user-center.site-layout-1 .jio-profile__layout,
body.jio-user-center.site-layout-2 .jio-profile__layout,
body.jio-user-center.site-layout-3 .jio-profile__layout,
body.jio-user-center.site-layout-1 .user-center-body,
body.jio-user-center.site-layout-2 .user-center-body,
body.jio-user-center.site-layout-3 .user-center-body {
margin-left: 0;
margin-right: 0;
}
/* 对齐 legacy: .user-center .user-center-sidebar { width:320px; flex-shrink:0; } */
body.aksrt-user-center .user-center-sidebar,
body.aksrt-user-center .uc-sidebar,
body.aksrt-user-center .aksrt-profile__aside,
.aksrt-profile .user-center-sidebar,
.aksrt-profile .uc-sidebar,
.aksrt-profile .aksrt-profile__aside,
body.jio-user-center .user-center-sidebar,
body.jio-user-center .uc-sidebar,
body.jio-user-center .jio-profile__aside,
.jio-profile .user-center-sidebar,
.jio-profile .uc-sidebar,
.jio-profile .jio-profile__aside,
.user-center .user-center-sidebar {
float: none;
display: flex;
@@ -121,10 +121,10 @@ body.aksrt-user-center .aksrt-profile__aside,
}
/* 对齐 legacy: .user-center .user-center-content { width: calc(100% - 320px); } */
body.aksrt-user-center .user-center-content,
body.aksrt-user-center .uc-content,
.aksrt-profile .user-center-content,
.aksrt-profile .uc-content,
body.jio-user-center .user-center-content,
body.jio-user-center .uc-content,
.jio-profile .user-center-content,
.jio-profile .uc-content,
.user-center .user-center-content {
flex: 1 1 auto;
width: calc(100% - 340px);