/* 设置页轻量卡片与信息层级 / Refined settings cards and hierarchy. */
.page:has(.settings-card) .container{padding-top:14px!important;padding-bottom:calc(22px + env(safe-area-inset-bottom))!important}
.page:has(.settings-card) .settings-overview{--overview-color:var(--theme-primary,var(--blue,#007aff));position:relative;isolation:isolate;display:flex;align-items:center;gap:13px;min-height:88px;margin:0 0 14px;padding:15px 16px;overflow:hidden;border:1px solid color-mix(in srgb,var(--overview-color) 20%,transparent);border-radius:18px;background:linear-gradient(112deg,color-mix(in srgb,var(--overview-color) 13%,var(--card)) 0%,color-mix(in srgb,var(--overview-color) 7%,var(--card)) 65%,color-mix(in srgb,var(--overview-color) 4%,var(--card)) 100%);box-shadow:0 5px 16px color-mix(in srgb,var(--overview-color) 11%,transparent)}
.page:has(.settings-card) .settings-overview-mark{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--overview-color) 74%,white),var(--overview-color));color:var(--theme-on-primary,#fff);box-shadow:0 5px 12px color-mix(in srgb,var(--overview-color) 24%,transparent)}
.page:has(.settings-card) .settings-overview-mark img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(54,75,108,.14))}
.page:has(.settings-card) .settings-overview-copy{display:grid;gap:4px;min-width:0}
.page:has(.settings-card) .settings-overview-copy strong{color:var(--label);font-size:15px;font-weight:700;line-height:1.25;letter-spacing:.1px}
.page:has(.settings-card) .settings-overview-copy small{color:var(--label2);font-size:10.5px;line-height:1.4}
.page:has(.settings-card) .settings-overview-orbit{position:absolute;z-index:-1;right:17px;top:50%;display:grid;place-items:center;width:58px;height:58px;transform:translateY(-50%);border:1px solid color-mix(in srgb,var(--overview-color) 19%,transparent);border-radius:50%;background:color-mix(in srgb,var(--overview-color) 8%,var(--card));color:color-mix(in srgb,var(--overview-color) 76%,white)}
.page:has(.settings-card) .settings-overview-orbit svg{width:29px;height:29px;filter:drop-shadow(0 2px 5px color-mix(in srgb,var(--overview-color) 28%,transparent))}
.page:has(.settings-card) .settings-card{margin:0 0 13px!important;overflow:hidden;border:1px solid color-mix(in srgb,var(--sep-soft) 72%,transparent);border-radius:17px;background:var(--card);box-shadow:0 4px 14px rgba(31,55,86,.055)}
.page:has(.settings-card) .settings-card-header{padding:13px 15px 9px!important;border-bottom:1px solid color-mix(in srgb,var(--sep-soft) 70%,transparent);font-size:12px!important;font-weight:650!important;letter-spacing:.1px;color:var(--label2)}
.page:has(.settings-card) .settings-card-body{padding:0 13px!important}
.page:has(.settings-card) .set-row{min-height:58px;padding:9px 1px!important;gap:11px!important;border-bottom:1px solid color-mix(in srgb,var(--sep-soft) 62%,transparent);transition:background .18s ease}
.page:has(.settings-card) .set-row:last-child{border-bottom:0}
.page:has(.settings-card) .set-row[onclick],.page:has(.settings-card) .set-row[role=button]{border-radius:12px}
.page:has(.settings-card) .set-row[onclick]:active,.page:has(.settings-card) .set-row[role=button]:active{background:color-mix(in srgb,var(--theme-primary,var(--blue,#007aff)) 6%,transparent)}
.page:has(.settings-card) .s-ic{width:34px!important;height:34px!important;border:1px solid color-mix(in srgb,var(--theme-primary,var(--blue,#007aff)) 12%,transparent)!important;border-radius:11px!important;flex:none;display:grid;place-items:center;background:color-mix(in srgb,var(--theme-primary,var(--blue,#007aff)) 10%,var(--card))!important;color:var(--theme-primary,var(--blue,#007aff))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5);transition:transform .18s ease,background .18s ease}
.page:has(.settings-card) .set-row[onclick]:active .s-ic,.page:has(.settings-card) .set-row[role=button]:active .s-ic{transform:scale(.94);background:color-mix(in srgb,var(--theme-primary,var(--blue,#007aff)) 17%,var(--card))!important}
.page:has(.settings-card) .s-ic svg{width:16px;height:16px;stroke-width:1.8}
.page:has(.settings-card) .s-text{min-width:0;flex:1}
.page:has(.settings-card) .s-title{font-size:13px!important;font-weight:600!important;line-height:1.35;color:var(--label)}
.page:has(.settings-card) .s-sub{margin-top:2px!important;font-size:10.5px!important;line-height:1.4;color:var(--label2)}
.page:has(.settings-card) .s-value{font-size:11px!important;color:var(--label2)}
.page:has(.settings-card) .chev{opacity:.55;color:var(--label3)}
.page:has(.settings-card) .copyright-link{padding:2px 0 8px!important;text-align:center;color:var(--label3);font-size:10.5px}
@media(max-width:360px){.page:has(.settings-card) .container{padding-left:14px;padding-right:14px}.page:has(.settings-card) .settings-overview{min-height:80px;gap:11px;padding:13px}.page:has(.settings-card) .settings-card{margin-bottom:11px!important}.page:has(.settings-card) .settings-card-body{padding:0 11px!important}}

.user-account-card{position:relative;overflow:hidden;margin:14px 0 18px;padding:18px 18px 14px;border:1px solid rgba(82,139,255,.2);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(239,246,255,.93));box-shadow:0 12px 34px rgba(50,90,170,.08)}
.user-account-card:before{content:"";position:absolute;inset:-70% auto -70% -30%;width:34%;transform:rotate(24deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);animation:user-light-flow 7s ease-in-out infinite;pointer-events:none}
@keyframes user-light-flow{0%,45%{left:-38%;opacity:0}60%{opacity:.8}100%{left:120%;opacity:0}}
.user-account-head{position:relative;display:flex;align-items:center;gap:12px;min-height:46px}.user-avatar{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:15px;color:#fff;font-weight:800;background:linear-gradient(145deg,#68a5ff,#4d72ff);box-shadow:0 7px 16px rgba(82,139,255,.24)}.user-account-head>div{display:grid;gap:5px;min-width:0}.user-account-head b{color:#26334c;font-size:15px}.user-account-head small,.user-account-caption{color:#8791a5;font-size:12px}.user-light{margin-left:auto;width:9px;height:9px;border-radius:50%;background:#32c98b;box-shadow:0 0 0 5px rgba(50,201,139,.12)}.user-account-form{position:relative;display:grid;gap:10px;margin-top:16px}.user-account-form label{display:grid;gap:6px;color:#5f6b80;font-size:12px}.user-account-form input{width:100%;box-sizing:border-box;min-height:42px;padding:0 12px;border:1px solid #e3e9f4;border-radius:12px;background:#fff;color:#26334c;font:inherit;outline:none}.user-account-form input:focus{border-color:#6e99ff;box-shadow:0 0 0 3px rgba(82,139,255,.12)}.user-account-actions{display:flex;gap:10px}.user-account-actions button,.user-logout{min-height:39px;padding:0 16px;border:1px solid #dfe6f3;border-radius:12px;background:#fff;color:#52627d;font:inherit;font-size:13px}.user-account-actions button.primary{border-color:#528bff;background:linear-gradient(135deg,#69a5ff,#527bff);color:#fff;box-shadow:0 7px 16px rgba(82,139,255,.2)}.user-account-actions button:disabled{opacity:.55}.user-account-message{min-height:16px;margin:0;color:#e05d62;font-size:12px}.user-account-head em{display:inline-block;margin-left:5px;padding:3px 7px;border-radius:99px;font-style:normal;font-size:10px}.user-account-head em.vip{color:#93681d;background:#fff3cf}.user-account-head em.normal{color:#6681b6;background:#edf3ff}.user-logout{margin-left:auto;min-height:33px;padding:0 12px}.user-usage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}.user-usage>div{display:grid;gap:7px;padding:11px 10px;border:1px solid rgba(218,228,246,.85);border-radius:13px;background:rgba(255,255,255,.78)}.user-usage small{color:#8c96a9;font-size:11px}.user-usage b{color:#34435e;font-size:12px}.user-account-caption{position:relative;margin:12px 0 0;line-height:1.55}.user-signin-tip{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0;padding:10px 12px;border:1px solid #e1eaff;border-radius:12px;background:#f5f8ff;color:#61718e;font-size:12px}.user-signin-tip button{flex:none;border:0;background:none;color:#528bff;font:inherit;font-weight:700}@media(max-width:380px){.user-account-card{padding:15px 13px}.user-usage{gap:5px}.user-usage>div{padding:9px 7px}.user-usage b{font-size:11px}}

.page .container input[data-user-locked],.page .container button[data-user-locked]{opacity:.5;cursor:not-allowed!important}

/* Public content remains available to visitors on the My tab. / 公告与打赏保留访客可见，仅显示在“我的”页。 */
.my-public-notices,.my-public-donation{margin:0 0 14px;padding:0 14px 10px;border:1px solid rgba(220,228,242,.8);border-radius:17px;background:rgba(255,255,255,.94);box-shadow:0 8px 22px rgba(48,66,112,.05)}
.my-public-notices .settings-card-header,.my-public-donation .settings-card-header{padding:13px 0 10px;font-size:13px;font-weight:700}
.my-public-notice-row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border:0;border-top:1px solid #edf0f5;background:transparent;text-align:left;color:#27344d}
.my-public-notice-row span{display:grid;gap:4px;min-width:0}.my-public-notice-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.my-public-notice-row small,.my-public-empty,.my-donation-subtitle,.my-donation-item span{color:#929bad;font-size:11px}.my-public-notice-row i{font-size:20px;color:#aab3c2;font-style:normal}
.my-public-empty{text-align:center;padding:10px 0;margin:0}
.my-donation-subtitle{margin:-5px 0 12px;text-align:center}.my-donation-codes{display:flex;justify-content:center;gap:20px}.my-donation-item{display:grid;justify-items:center;gap:7px;width:min(44%,150px);padding:0 0 7px;border:0;background:transparent}.my-donation-item img{display:block;width:min(100%,120px);aspect-ratio:1;object-fit:contain;border-radius:8px}.my-donation-item span{font-size:11px}
.my-public-modal{position:fixed;inset:0;z-index:1300;display:grid;place-items:center;padding:22px;background:rgba(18,28,47,.55);backdrop-filter:blur(7px)}.my-public-modal>section{position:relative;width:min(100%,420px);max-height:82vh;overflow:auto;padding:22px;border-radius:20px;background:#fff;box-shadow:0 22px 60px rgba(0,0,0,.2)}.my-public-modal h2{margin:0 38px 14px 0;font-size:17px}.my-public-modal section>div{color:#49566c;font-size:14px;line-height:1.75;overflow-wrap:anywhere}.my-public-modal [data-close]{position:absolute;top:12px;right:12px;width:32px;height:32px;border:0;border-radius:50%;background:#f1f3f7;color:#69758a;font-size:20px}.my-qr-modal>section{display:grid;justify-items:center}.my-qr-modal h2{justify-self:start;width:100%}.my-qr-modal img{width:min(72vw,320px);max-height:55vh;object-fit:contain}.my-qr-modal .my-qr-save{margin-top:14px;min-height:40px;padding:0 22px;border:0;border-radius:12px;background:#528bff;color:#fff;font-weight:650}.my-qr-modal p{margin:9px 0 0;color:#8b95a7;font-size:11px}
.user-auth-tabs{display:flex;gap:8px;margin:0 0 14px}.user-auth-tabs button{flex:1;min-height:38px;border:1px solid #e2e8f2;border-radius:11px;background:#fff;color:#68758b}.user-auth-tabs button.active{border-color:#528bff;background:#eef4ff;color:#3974ee}.user-code-row{display:flex;gap:8px}.user-code-row input{min-width:0;flex:1}.user-code-row button{flex:none;padding:0 10px;border:1px solid #dfe6f3;border-radius:10px;background:#fff;color:#528bff;font-size:12px}.user-code-row button:disabled{opacity:.55}
.user-quota-summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:11px;border-top:1px solid rgba(82,139,255,.12);font-size:12px}.user-quota-summary>span{color:#7e8ba2}.user-quota-summary>b{color:#34435e}.user-quota-summary button,.user-quota-shop>button{min-height:30px;padding:0 10px;border:1px solid #dbe5f7;border-radius:9px;background:#fff;color:#4d7ee6;font-size:11px}.user-quota-shop{display:grid;gap:10px;margin-top:12px}.user-quota-shop[hidden]{display:none}.user-quota-shop label{display:flex;justify-content:space-between;align-items:center;color:#718098;font-size:12px}.user-quota-shop select{min-height:32px;padding:0 8px;border:1px solid #dce4f1;border-radius:8px;background:#fff;color:#394861}.user-quota-package,.user-order-row,.user-ledger-row{display:grid;grid-template-columns:1fr auto;gap:5px 10px;padding:10px;border:1px solid #e7edf6;border-radius:11px;background:rgba(255,255,255,.8)}.user-quota-packages,.user-quota-orders,.user-quota-ledger{display:grid;gap:7px}.user-quota-package small,.user-order-row small,.user-ledger-row small{display:block;margin-top:3px;color:#929bad;font-size:10px}.user-quota-package strong{grid-row:2;color:#4a5b78;font-size:11px}.user-quota-package button{grid-column:2;grid-row:1/3;align-self:center;min-height:30px;padding:0 11px;border:0;border-radius:9px;background:#528bff;color:#fff;font-size:11px}.user-order-row{grid-template-columns:1fr auto}.user-order-row small{grid-column:1/-1}.user-ledger-row{grid-template-columns:1fr auto;align-items:center}.user-ledger-row>span{min-width:0}.user-ledger-row>small{grid-column:1/-1}.user-ledger-row strong{font-size:12px}.user-ledger-row .negative{color:#dd6370}.user-ledger-row .positive{color:#17a777}.user-commerce-muted{margin:0;padding:10px;text-align:center;color:#929bad;font-size:11px}.user-commerce-message{margin:0;color:#6f7c91;font-size:11px}
@media(max-width:380px){.my-donation-codes{gap:10px}.my-donation-item img{width:min(100%,108px)}.user-quota-package{padding:8px}}

/* Merge profile and account into one unified panel. / 合并个人中心与账号信息为一张统一卡片。 */
.user-profile-panel{position:relative;isolation:isolate;overflow:hidden;margin:0 0 14px;padding:13px;border:1px solid rgba(82,139,255,.2);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(239,246,255,.93));box-shadow:0 12px 34px rgba(50,90,170,.08)}
.user-profile-panel:before{content:"";position:absolute;z-index:-1;inset:-70% auto -70% -30%;width:34%;transform:rotate(24deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);animation:user-light-flow 7s ease-in-out infinite;pointer-events:none}
.user-profile-panel>.settings-overview{min-height:60px;margin:0;padding:0 0 11px;border:0;border-bottom:1px solid rgba(82,139,255,.12);border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.user-profile-panel .settings-overview-mark{width:40px;height:40px;border-radius:13px}
.user-profile-panel .settings-overview-mark img{width:38px;height:38px}
.user-profile-panel .settings-overview-copy{flex:1}
.user-profile-panel .settings-overview-copy strong{font-size:14px}
.user-profile-panel .settings-overview-orbit{display:none}
.user-profile-panel .user-profile-action{flex:none;min-height:34px;padding:0 12px;border:1px solid rgba(82,139,255,.16);border-radius:11px;background:rgba(255,255,255,.82);color:#527bdb;font-size:12px;font-weight:650}
.user-profile-panel>.user-account-card{margin:0;padding:12px 0 0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.user-profile-panel>.user-account-card:before{display:none}
.user-profile-panel>.user-account-card[hidden]{display:none}
.user-profile-panel .user-usage{position:relative;margin-top:0}
.user-profile-panel .user-account-caption{margin:9px 0 0}
@media(max-width:380px){.user-profile-panel{padding:11px}.user-profile-panel .user-usage{gap:6px}.user-profile-panel .user-usage>div{padding:9px 7px}}

.user-signin-account{flex:1;min-width:0}.user-signin-quota{flex:none;padding:5px 9px;border-radius:999px;background:#eaf1ff;color:#416fd6;font-size:11px;font-weight:700;white-space:nowrap}.user-signin-blocked{flex:none;padding:5px 8px;border-radius:999px;background:#fff0f0;color:#d85b63;font-size:11px;font-weight:700;white-space:nowrap}.user-signin-tip.is-upload-locked{border-color:#f4d6d8;background:#fff9f9}.upload-quota-locked .container label.up-row,.upload-quota-locked .container .upload-pick-row,.upload-quota-locked .container button.btn-block-primary{opacity:.58;cursor:not-allowed}
@media(max-width:420px){.user-signin-tip{flex-wrap:wrap;justify-content:flex-start}.user-signin-account{flex:1 1 100%}.user-signin-quota{margin-right:auto}}

/* Announcements use a compact news feed so they read differently from the About link list. / 公告改用消息流卡片，与“关于”链接列表区分。 */
.my-public-notices.my-announcement-feed{overflow:hidden;padding:0;border:1px solid rgba(112,151,232,.22);background:linear-gradient(145deg,#f5f8ff 0%,#fff 78%);box-shadow:0 9px 24px rgba(54,83,145,.07)}.my-notices-heading{display:flex;align-items:center;gap:10px;padding:13px 14px 11px}.my-notices-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(145deg,#6ea3ff,#527bff);color:#fff;font-size:19px;font-weight:800;box-shadow:0 5px 12px rgba(82,123,255,.2)}.my-notices-title{display:grid;gap:3px;min-width:0}.my-notices-title b{color:#273650;font-size:13px}.my-notices-title small{color:#929bad;font-size:10px}.my-notices-heading em{margin-left:auto;padding:4px 8px;border-radius:999px;background:#eaf1ff;color:#528bff;font-size:10px;font-style:normal}.my-announcement-feed .my-public-notice-list{display:grid;gap:8px;padding:0 11px 12px}.my-announcement-feed .my-public-notice-row{display:grid;grid-template-columns:43px minmax(0,1fr) 12px;align-items:center;gap:9px;padding:9px;border:1px solid #e8eefb;border-radius:13px;background:rgba(255,255,255,.88);box-shadow:0 3px 8px rgba(54,83,145,.035);transition:transform .18s ease,border-color .18s ease}.my-announcement-feed .my-public-notice-row:active{transform:scale(.985);border-color:#b9ceff}.my-notice-date{display:grid;place-items:center;min-height:34px;padding:2px 3px;border-radius:10px;background:#edf3ff;color:#5b80d5;font-size:9px;font-weight:700;text-align:center}.my-notice-main{display:grid;gap:4px;min-width:0}.my-announcement-feed .my-notice-main b{overflow:hidden;color:#2e3b53;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.my-announcement-feed .my-notice-main small{overflow:hidden;color:#8d97aa;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.my-announcement-feed .my-public-notice-row>i{font-size:18px;color:#aab5c8}

/* Distinct themed My-page modules v1. */
.my-native-notices,.my-public-notices,.my-public-about,.my-public-donation{--my-module-accent:var(--theme-primary,var(--blue,#528bff));--my-module-rgb:var(--theme-primary-rgb,82,139,255)}
/* Announcements use an editorial timeline with a moving accent rail. / 公告使用主题色动态时间轴。 */
.my-native-notices,.my-public-notices{position:relative;isolation:isolate;overflow:hidden;margin:0 0 14px;padding:12px 13px 10px;border:0;border-left:3px solid var(--my-module-accent);border-radius:5px 22px 8px 22px;background:linear-gradient(112deg,rgba(var(--my-module-rgb),.12),rgba(var(--my-module-rgb),.035) 55%,rgba(255,255,255,.72));box-shadow:0 10px 26px rgba(var(--my-module-rgb),.09)}
.my-native-notices:before,.my-public-notices:before{content:"";position:absolute;z-index:-1;top:0;right:-16px;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle,rgba(var(--my-module-rgb),.22),transparent 70%);animation:my-notice-glow 4.8s ease-in-out infinite}
.my-native-notices>.settings-card-header,.my-public-notices>.settings-card-header,.my-public-notices .my-notices-heading{display:flex;align-items:center;gap:8px;padding:1px 2px 10px;border-bottom:1px solid rgba(var(--my-module-rgb),.2);font-size:13px;font-weight:750;color:var(--label,#26334c)}
.my-native-notices>.settings-card-header:before,.my-public-notices>.settings-card-header:before{content:"";width:8px;height:8px;border-radius:2px 7px 2px 7px;background:var(--my-module-accent);box-shadow:0 0 0 4px rgba(var(--my-module-rgb),.12)}
.my-public-notices .my-notices-mark{display:grid;place-items:center;width:25px;height:25px;border-radius:8px 3px 8px 3px;background:var(--my-module-accent);color:#fff;font-size:15px;box-shadow:0 5px 14px rgba(var(--my-module-rgb),.24)}
.my-public-notices .my-notices-title{display:grid;gap:2px}.my-public-notices .my-notices-title small{color:var(--label2,#8993a5);font-size:10px;font-weight:450}.my-public-notices .my-notices-heading em{margin-left:auto;padding:4px 8px;border:1px solid rgba(var(--my-module-rgb),.24);border-radius:99px;color:var(--my-module-accent);font-size:10px;font-style:normal}
.my-native-notices .set-row{position:relative;margin-left:3px;padding:9px 2px 9px 12px;border-top:1px dashed rgba(var(--my-module-rgb),.22);transition:transform .2s ease,background .2s ease}.my-native-notices .set-row:before{content:"";position:absolute;left:-4px;top:50%;width:7px;height:7px;border:2px solid var(--my-module-accent);border-radius:50%;background:var(--bg,#fff);transform:translateY(-50%);box-shadow:0 0 0 3px rgba(var(--my-module-rgb),.1)}
.my-native-notices .set-row:active,.my-public-notice-row:active{transform:translateX(3px)}.my-native-notices .s-ic{border-radius:8px 3px 8px 3px!important}
.my-public-notice-row{border-top:1px dashed rgba(var(--my-module-rgb),.22);transition:transform .2s ease,background .2s ease}.my-public-notice-row .my-notice-date{justify-self:start;padding:3px 6px;border-radius:6px 2px 6px 2px;background:rgba(var(--my-module-rgb),.11);color:var(--my-module-accent);font-size:9px}
/* About is a quiet, angled settings plate, distinct from the news timeline. / 关于采用错角信息面板，与公告时间轴区分。 */
.my-public-about{position:relative;isolation:isolate;overflow:hidden;margin:0 0 14px;padding:5px 13px 9px;border:1px solid rgba(var(--my-module-rgb),.19);border-radius:22px 7px 22px 7px;background:linear-gradient(145deg,rgba(var(--my-module-rgb),.105),rgba(255,255,255,.82) 48%,rgba(var(--my-module-rgb),.045));box-shadow:inset 0 1px rgba(255,255,255,.72),0 8px 21px rgba(var(--my-module-rgb),.06)}
.my-public-about:after{content:"";position:absolute;z-index:-1;right:-30px;bottom:-42px;width:110px;height:110px;border:1px solid rgba(var(--my-module-rgb),.18);border-radius:38% 62% 58% 42%;transform:rotate(-24deg);pointer-events:none}
.my-public-about>.settings-card-header{display:flex;align-items:center;gap:8px;padding:10px 2px 8px;background:transparent;color:var(--my-module-accent);font-size:12px;font-weight:750;letter-spacing:.08em}.my-public-about>.settings-card-header:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,rgba(var(--my-module-rgb),.34),transparent)}
.my-public-about .set-row{position:relative;margin:0 1px;padding:9px 3px;border-top:1px solid rgba(var(--my-module-rgb),.13);border-radius:0 9px 9px 0;transition:padding .2s ease,background .2s ease}.my-public-about .set-row:active{padding-left:8px;background:rgba(var(--my-module-rgb),.07)}.my-public-about .s-ic{border-radius:11px 4px 11px 4px!important;box-shadow:0 3px 10px rgba(var(--my-module-rgb),.08)}
/* Donation becomes a luminous themed stage; QR artwork stays on a high-contrast light tile. / 打赏采用主题色光效展台，二维码保留高对比浅色底。 */
.my-public-donation{position:relative;isolation:isolate;overflow:hidden;margin:0 0 14px;padding:13px 14px 14px;border:1px solid rgba(var(--my-module-rgb),.52);border-radius:25px 7px 25px 7px;background:linear-gradient(132deg,var(--my-module-accent),#25304b 52%,#17243d);background:linear-gradient(132deg,var(--my-module-accent),color-mix(in srgb,var(--my-module-accent) 65%,#17243d) 52%,#17243d);box-shadow:0 12px 28px rgba(var(--my-module-rgb),.22)}
.my-public-donation:before{content:"";position:absolute;z-index:-1;inset:-60% -25%;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.22) 48%,transparent 58%);transform:translateX(-65%) rotate(-8deg);animation:my-donation-sweep 7s ease-in-out infinite;pointer-events:none}.my-public-donation:after{content:"";position:absolute;z-index:-1;right:-28px;top:-40px;width:100px;height:100px;border:1px solid rgba(255,255,255,.24);border-radius:40% 60% 35% 65%;transform:rotate(24deg);pointer-events:none}
.my-public-donation>.settings-card-header{padding:0 0 8px;border-bottom:1px solid rgba(255,255,255,.2);color:#fff;font-size:14px;font-weight:750;letter-spacing:.04em}.my-donation-subtitle{margin:8px 0 12px;color:rgba(255,255,255,.74);font-size:10px}.my-donation-codes{gap:12px}.my-donation-item{position:relative;width:min(45%,148px);padding:9px 8px 8px;border:1px solid rgba(255,255,255,.76);border-radius:15px 5px 15px 5px;background:rgba(255,255,255,.96);box-shadow:0 7px 18px rgba(11,20,40,.17);transition:transform .22s ease,box-shadow .22s ease}.my-donation-item:active{transform:translateY(-3px) scale(1.025);box-shadow:0 11px 24px rgba(11,20,40,.25)}.my-donation-item img{width:min(100%,112px);border-radius:5px}.my-donation-item span{color:#43516a;font-size:10px;font-weight:650}
@keyframes my-notice-glow{0%,100%{opacity:.48;transform:scale(.86)}50%{opacity:1;transform:scale(1.08)}}@keyframes my-donation-sweep{0%,35%{transform:translateX(-72%) rotate(-8deg);opacity:0}55%{opacity:1}85%,100%{transform:translateX(72%) rotate(-8deg);opacity:0}}
@media(max-width:380px){.my-native-notices,.my-public-notices{padding-right:11px;padding-left:11px}.my-public-about{padding-right:10px;padding-left:10px}.my-public-donation{padding-right:11px;padding-left:11px}.my-donation-codes{gap:8px}.my-donation-item{padding:7px 6px}.my-donation-item img{width:min(100%,100px)}}
@media(prefers-reduced-motion:reduce){.my-native-notices:before,.my-public-notices:before,.my-public-donation:before{animation:none}.my-native-notices .set-row,.my-public-notice-row,.my-public-about .set-row,.my-donation-item{transition:none}}

/* About links use a compact themed two-column layout. / 关于入口使用紧凑主题色双列布局。 */
.my-public-about>.settings-card-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:7px 0 2px}
.my-public-about .settings-card-body>.set-row{display:flex;align-items:center;gap:8px;min-width:0;min-height:54px;margin:0;padding:8px 9px;border:1px solid rgba(var(--my-module-rgb),.18);border-radius:5px 15px 7px 15px;background:linear-gradient(135deg,rgba(var(--my-module-rgb),.09),rgba(255,255,255,.82));box-shadow:inset 0 1px rgba(255,255,255,.78);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.my-public-about .settings-card-body>.set-row:active{transform:translateY(1px);border-color:rgba(var(--my-module-rgb),.42);background:rgba(var(--my-module-rgb),.13)}
.my-public-about .settings-card-body>.set-row .s-ic{flex:0 0 28px;width:28px;height:28px}
.my-public-about .settings-card-body>.set-row .s-text{flex:1;min-width:0}
.my-public-about .settings-card-body>.set-row .s-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.my-public-about .settings-card-body>.set-row .s-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.my-public-about .settings-card-body>.set-row .chev{margin-left:auto}
@media(max-width:350px){.my-public-about>.settings-card-body{gap:6px}.my-public-about .settings-card-body>.set-row{gap:6px;padding:7px 6px}}

/* Center About and donation content without outer panels. / 关于与打赏内容居中展示，移除外层面板。 */
.my-public-about,.my-public-donation{margin:10px 0 22px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.my-public-about:after,.my-public-donation:before,.my-public-donation:after{display:none!important}
.my-public-about>.settings-card-header{justify-content:center;padding:8px 0 12px!important;letter-spacing:.12em}
.my-public-about>.settings-card-header:after{content:none!important}
.my-public-about>.settings-card-body{grid-template-columns:repeat(2,minmax(0,148px));justify-content:center;gap:10px;padding:2px 0 0!important}
.my-public-about .settings-card-body>.set-row{min-height:68px;flex-direction:column;justify-content:center;gap:4px;padding:9px 7px!important;border:1px solid rgba(var(--my-module-rgb),.14)!important;border-radius:13px 5px 13px 5px!important;background:linear-gradient(145deg,rgba(var(--my-module-rgb),.075),rgba(255,255,255,.72))!important;box-shadow:0 5px 14px rgba(var(--my-module-rgb),.055),inset 0 1px rgba(255,255,255,.8)!important;text-align:center}
.my-public-about .settings-card-body>.set-row .s-ic{flex-basis:28px;width:28px;height:28px}
.my-public-about .settings-card-body>.set-row .s-text{display:grid;justify-items:center;gap:2px;width:100%}
.my-public-about .settings-card-body>.set-row .s-title{max-width:100%;font-size:11px}
.my-public-about .settings-card-body>.set-row .s-sub{max-width:100%;font-size:9px}
.my-public-about .settings-card-body>.set-row .chev{display:none}
.my-public-about .settings-card-body>.set-row .s-value{position:absolute;right:7px;top:6px;font-size:9px;opacity:.72}
.my-public-donation>.settings-card-header{justify-content:center;padding:4px 0 3px!important;color:var(--my-module-accent);font-size:13px;font-weight:750;letter-spacing:.1em}
.my-public-donation .my-donation-subtitle{margin:0 0 16px;text-align:center;font-size:10px}
.my-public-donation .my-donation-codes{justify-content:center;align-items:stretch;gap:14px}
.my-public-donation .my-donation-item{width:min(42%,148px);padding:10px 8px 9px;border:1px solid rgba(var(--my-module-rgb),.12);border-radius:16px 6px 16px 6px;background:linear-gradient(150deg,rgba(255,255,255,.92),rgba(var(--my-module-rgb),.06));box-shadow:0 8px 20px rgba(var(--my-module-rgb),.09);transition:transform .2s ease,box-shadow .2s ease}
.my-public-donation .my-donation-item:active{transform:translateY(2px);box-shadow:0 3px 9px rgba(var(--my-module-rgb),.12)}
.my-public-donation .my-donation-item img{width:min(100%,106px);border-radius:10px}
.my-public-donation .my-donation-item span{font-size:10px}
@media(max-width:350px){.my-public-about>.settings-card-body{gap:7px}.my-public-about .settings-card-body>.set-row{min-height:64px}.my-public-donation .my-donation-codes{gap:10px}.my-public-donation .my-donation-item{width:min(44%,138px);padding:8px 6px}}


/* 按设计稿重排“我的”，并跟随站点主题色。 / Recreate the My page reference using the active theme. */
:root .page.active .container{--my-rgb:var(--theme-primary-rgb,38,116,245)}
:root .page.active .topbar .topbar-title{font-size:0!important}
:root .page.active .topbar .topbar-title:before{content:none!important}
:root .page.active .topbar .topbar-title:after{content:"XySign";font-size:20px;font-weight:800;letter-spacing:-.04em;color:var(--theme-primary,#2674f5)}
:root .user-profile-panel{display:grid;gap:12px;margin:0 0 18px}
:root .user-profile-panel>.settings-overview,:root .user-profile-panel>.user-account-card{position:relative;margin:0!important;padding:16px!important;border:1px solid rgba(255,255,255,.92)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(255,255,255,.82))!important;box-shadow:0 8px 24px rgba(var(--my-rgb),.08),inset 0 1px #fff!important}
:root .user-profile-panel>.settings-overview{min-height:104px;display:flex;align-items:center;gap:13px}
:root .settings-overview-mark{position:relative;display:grid;place-items:center;flex:0 0 76px;width:76px;height:76px;border-radius:50%;background:rgba(var(--my-rgb),.12);overflow:hidden}
:root .settings-overview-mark img{display:none}
:root .settings-overview-mark:before{content:"";position:absolute;top:21px;width:25px;height:25px;border-radius:50%;background:linear-gradient(145deg,#84b4ff,var(--theme-primary,#2674f5))}
:root .settings-overview-mark:after{content:"";position:absolute;bottom:13px;width:49px;height:27px;border-radius:28px 28px 17px 17px;background:linear-gradient(145deg,#84b4ff,var(--theme-primary,#2674f5))}
:root .settings-overview-copy{display:grid;gap:7px;min-width:0;flex:1}
:root .settings-overview-copy strong{overflow:hidden;color:#101d42;font-size:24px;font-weight:800;text-overflow:ellipsis}
:root .settings-overview-copy small{width:max-content;max-width:100%;padding:6px 12px;border-radius:99px;background:rgba(var(--my-rgb),.10);color:#536587;font-size:13px;font-weight:650}
:root .user-profile-panel .user-profile-action{position:static;flex:0 0 auto;min-height:44px;padding:0 13px;border:1.5px solid rgba(var(--my-rgb),.22);border-radius:16px;background:rgba(255,255,255,.72);color:#5b6c8e;font-size:14px;font-weight:650}
:root .user-profile-panel .user-profile-action:before{content:"↪";margin-right:6px;font-size:19px}
:root .user-profile-panel>.user-account-card{padding:14px!important}
:root .user-account-card .user-usage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:2px 0 13px;background:transparent}
:root .user-account-card .user-usage>div{display:grid;justify-items:center;gap:4px;padding:2px 4px;border-right:1px solid rgba(var(--my-rgb),.2);text-align:center}
:root .user-account-card .user-usage>div:last-child{border:0}
:root .user-account-card .user-usage small{color:#647494;font-size:13px}
:root .user-account-card .user-usage b{color:#172954;font-size:22px;font-weight:800;line-height:1.2}
:root .user-account-card .user-quota-summary{display:grid;grid-template-columns:1fr 1fr;align-items:center;margin:0;padding:12px 0 0;border-top:1px solid rgba(var(--my-rgb),.18);background:transparent}
:root .user-account-card .user-quota-summary>span,:root .user-account-card .user-quota-summary>b{grid-column:1/-1;text-align:center}
:root .user-account-card .user-quota-summary>span{color:#647494;font-size:12px}
:root .user-account-card .user-quota-summary>b{margin:3px 0 9px;color:var(--theme-primary,#2674f5);font-size:15px}
:root .user-account-card .user-quota-summary button{position:relative;min-height:38px;border:0;border-radius:0;background:transparent;color:var(--theme-primary,#2674f5);font-size:15px;font-weight:700}
:root .user-account-card .user-quota-summary button:first-of-type{border-right:1px solid rgba(var(--my-rgb),.2)}
:root .user-account-card .user-quota-summary button:before{margin-right:7px;font-size:19px;vertical-align:-1px}
:root .user-account-card .user-quota-summary [data-ledger-toggle]:before{content:"◷"}
:root .user-account-card .user-quota-summary [data-quota-toggle]:before{content:"🛒";font-size:16px}
:root .user-account-card .user-account-caption{margin:9px 0 0;text-align:center;color:#8390a9;font-size:10px}
:root .page.active .container>.settings-card.my-native-notices,:root .page.active .container>.settings-card.my-public-about,:root .page.active .container>.settings-card.my-public-donation{margin:20px 0 25px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
:root .my-native-notices>.settings-card-header{display:flex;align-items:center;gap:9px;padding:3px 4px 12px!important;border-bottom:1px solid rgba(var(--my-rgb),.2);color:#101d42;font-size:18px;font-weight:800}
:root .my-native-notices>.settings-card-header:before{content:"";width:27px;height:27px;flex:0 0 27px;background:var(--theme-primary,#2674f5);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 10v4h3l10 5V5L6 10H3zm15-2v8c3-.8 4-2.4 4-4s-1-3.2-4-4z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 10v4h3l10 5V5L6 10H3zm15-2v8c3-.8 4-2.4 4-4s-1-3.2-4-4z'/%3E%3C/svg%3E") center/contain no-repeat}
:root .my-native-notices>.settings-card-header:after{content:none}
:root .my-notice-more{margin-left:auto;padding:5px 0 5px 8px;border:0;background:transparent;color:#7183a8;font-size:12px}
:root .my-native-notices .settings-card-body{position:relative;margin-left:10px;padding:4px 0 2px 13px;border-left:1px dashed rgba(var(--my-rgb),.34)}
:root .my-native-notices .set-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:65px;margin:0;padding:10px 0 10px 5px;border:0!important;border-radius:0;background:transparent;box-shadow:none}
:root .my-native-notices .set-row:before{content:"";position:absolute;left:-19px;top:18px;width:11px;height:11px;border:3px solid white;border-radius:50%;background:var(--theme-primary,#2674f5);box-shadow:0 0 0 4px rgba(var(--my-rgb),.14)}
:root .my-native-notices .set-row .s-ic,:root .my-native-notices .set-row .chev{display:none}
:root .my-native-notices .set-row .s-text{display:grid;grid-column:1;gap:4px;min-width:0}
:root .my-native-notices .set-row .s-title{color:#101d42;font-size:14px;font-weight:700}
:root .my-native-notices .set-row .s-sub{grid-column:2;grid-row:1;color:#7183a8;font-size:11px;white-space:nowrap}
:root .my-native-notices .set-row .my-notice-excerpt{overflow:hidden;color:#7183a8;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
:root .page.active .container>.settings-card.my-public-about{margin-top:10px!important}
:root .my-public-about>.settings-card-header,:root .my-public-donation>.settings-card-header{display:flex;align-items:center;gap:10px;padding:0 3px 11px!important;border-bottom:1px solid rgba(var(--my-rgb),.2);color:#101d42;font-size:18px;font-weight:800;letter-spacing:0}
:root .my-public-about>.settings-card-header:before{content:"i";display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--theme-primary,#2674f5);color:#fff;font:700 17px Georgia,serif}
:root .my-public-about>.settings-card-header:after,:root .my-public-donation>.settings-card-header:after{content:none}
:root .my-public-about>.settings-card-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px 0 0}
:root .my-public-about .settings-card-body>.set-row{display:flex;align-items:center;gap:10px;min-width:0;min-height:76px;padding:10px;border:1px solid rgba(var(--my-rgb),.08);border-radius:17px;background:rgba(255,255,255,.92);box-shadow:0 6px 17px rgba(var(--my-rgb),.06)}
:root .my-public-about .settings-card-body>.set-row .s-ic{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:0!important;border-radius:14px!important;background:rgba(var(--my-rgb),.10)!important;color:var(--theme-primary,#2674f5)!important}
:root .my-public-about .settings-card-body>.set-row .s-ic svg{width:22px;height:22px}
:root .my-public-about .settings-card-body>.set-row .s-text{flex:1;min-width:0}
:root .my-public-about .s-title{color:#101d42;font-size:13px;font-weight:750}
:root .my-public-about .s-sub{margin-top:3px;color:#7c8aa5;font-size:11px}
:root .my-public-about .settings-card-body>.set-row .chev{flex:0 0 8px;color:#8190ac}
:root .my-public-donation{padding:2px 0 4px!important}
:root .my-public-donation>.settings-card-header:before{content:"♥";color:var(--theme-primary,#2674f5);font-size:25px;line-height:1}
:root .my-donation-subtitle{max-width:300px;margin:13px auto 15px;color:#7183a8;font-size:13px;line-height:1.65;text-align:center}
:root .my-donation-codes{display:flex;justify-content:center;gap:14px}
:root .my-donation-item{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:8px;width:min(47%,178px);min-height:76px;padding:9px;border:1px solid rgba(var(--my-rgb),.07);border-radius:16px;background:rgba(255,255,255,.92);box-shadow:0 7px 20px rgba(25,53,105,.07)}
:root .my-donation-item img{grid-column:2;grid-row:1;width:100%;max-width:74px;justify-self:start}
:root .my-donation-item:before{content:"";grid-column:1;grid-row:1;width:38px;height:38px;border-radius:11px;background:#16bd70}
:root .my-donation-item[data-qr-label="支付宝打赏"]:before{background:#1688ff}
:root .my-donation-item span{grid-column:1/-1;color:#586b8e;font-size:12px;font-weight:650;text-align:center}
:root .my-public-donation:before{display:none}
:root .copyright-link{display:block;margin:2px 0 20px;text-align:center}
:root .page.active .container{padding-bottom:18px}
@media(max-width:380px){:root .settings-overview-mark{flex-basis:58px;width:58px;height:58px}:root .settings-overview-mark:before{top:15px;width:20px;height:20px}:root .settings-overview-mark:after{bottom:9px;width:38px;height:21px}:root .settings-overview-copy strong{font-size:20px}:root .user-profile-panel .user-profile-action{min-height:38px;padding:0 9px;font-size:12px}:root .my-public-about>.settings-card-body{gap:8px}:root .my-public-about .settings-card-body>.set-row{gap:6px;min-height:66px;padding:8px 6px}:root .my-public-about .settings-card-body>.set-row .s-ic{flex-basis:34px;width:34px;height:34px}:root .my-donation-codes{gap:9px}:root .my-donation-item{grid-template-columns:32px 1fr;gap:5px;padding:7px}:root .my-donation-item:before{width:32px;height:32px}:root .my-donation-item img{max-width:55px}}
@media(prefers-reduced-motion:reduce){:root *{transition-duration:.01ms!important}}

:root .my-public-about>.settings-card-header,:root .my-public-donation>.settings-card-header{justify-content:flex-start!important}
:root .my-public-notices{margin:20px 0 25px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
:root .my-public-notices .my-notices-heading{padding:3px 4px 12px!important;border-bottom:1px solid rgba(var(--my-rgb),.2)}
:root .my-public-notices .my-notices-title b{color:#101d42;font-size:18px;font-weight:800}
:root .my-public-notices .my-notices-title small,:root .my-public-notices .my-notices-heading em{display:none}
:root .my-public-notices .my-notice-more{margin-left:auto;border:0;background:transparent;color:#7183a8;font-size:12px}
:root .my-public-notices .my-public-notice-list{margin-left:10px;padding:4px 0 2px 13px;border-left:1px dashed rgba(var(--my-rgb),.34)}
:root .my-public-notices .my-public-notice-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:65px;padding:10px 0 10px 5px;border:0!important;border-top:1px dashed rgba(var(--my-rgb),.16)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:left}
:root .my-public-notices .my-public-notice-row:before{content:"";position:absolute;left:-19px;top:18px;width:11px;height:11px;border:3px solid white;border-radius:50%;background:var(--theme-primary,#2674f5);box-shadow:0 0 0 4px rgba(var(--my-rgb),.14)}
:root .my-public-notices .my-notice-main{grid-column:1;grid-row:1;display:grid;gap:4px;min-width:0}
:root .my-public-notices .my-notice-main b{color:#101d42;font-size:14px;font-weight:700}
:root .my-public-notices .my-notice-main small{color:#7183a8;font-size:12px}
:root .my-public-notices .my-notice-date{grid-column:2;grid-row:1;justify-self:end;align-self:start;background:none;color:#7183a8;font-size:11px}
:root .my-public-notices .my-public-notice-row>i{display:none}
:root .my-donation-item[data-qr-label="微信打赏"]:before{content:"微";display:grid;place-items:center;color:#fff;font-size:20px;font-weight:700}
:root .my-donation-item[data-qr-label="支付宝打赏"]:before{content:"支";display:grid;place-items:center;color:#fff;font-size:20px;font-weight:700}

:root .page.active .container:has(.my-native-notices)>.my-public-notices{display:none!important}
:root .user-account-card .user-usage>div>span:nth-of-type(2){display:none!important}

:root .user-account-card .user-quota-summary{grid-template-columns:1fr 1fr;padding-top:8px}
:root .user-account-card .user-quota-summary>span{grid-column:1;grid-row:1;text-align:left}
:root .user-account-card .user-quota-summary>b{grid-column:2;grid-row:1;margin:0;text-align:right}
:root .user-account-card .user-quota-summary button{grid-row:2;min-height:34px}
:root .user-account-card .user-account-caption{display:none}
:root .my-public-about .settings-card-body>.set-row{min-height:62px;padding:7px 9px;border-color:rgba(var(--my-rgb),.06);background:#fff;box-shadow:0 5px 14px rgba(var(--my-rgb),.06)}
:root .my-public-about .settings-card-body>.set-row .s-ic{flex-basis:36px;width:36px;height:36px}
:root .my-public-donation .my-donation-item{min-height:68px;padding:7px;grid-template-columns:34px 1fr}
:root .my-public-donation .my-donation-item:before{width:34px;height:34px}
:root .my-public-donation .my-donation-item img{max-width:64px}

/* Match the reference profile avatar: a soft circular silhouette. / 头像贴合参考图的浅色圆形样式。 */
:root .settings-overview-mark{border-radius:50%!important;background:rgba(var(--theme-primary-rgb,82,139,255),.12)!important;box-shadow:none!important}
:root .settings-overview-mark:before,:root .settings-overview-mark:after{background:linear-gradient(145deg,color-mix(in srgb,var(--theme-primary,#528bff) 72%,white),var(--theme-primary,#528bff))!important}

/* Match the reference profile avatar: a soft circular silhouette. / 头像贴合参考图的浅色圆形样式。 */
:root .settings-overview-mark{border-radius:50%!important;background:rgba(var(--theme-primary-rgb,82,139,255),.12)!important;box-shadow:none!important}
:root .settings-overview-mark:before,:root .settings-overview-mark:after{background:linear-gradient(145deg,color-mix(in srgb,var(--theme-primary,#528bff) 72%,white),var(--theme-primary,#528bff))!important}

/* Compact account header, enlarge about tiles and donation QR codes. / 收紧账号区，放大关于卡片与打赏二维码。 */
:root .user-profile-panel{gap:8px!important;margin-bottom:12px!important}
:root .user-profile-panel>.settings-overview,:root .user-profile-panel>.user-account-card{padding:9px!important;border-radius:15px!important}
:root .user-profile-panel>.settings-overview{min-height:68px!important;gap:8px!important}
:root .settings-overview-mark{flex-basis:48px!important;width:48px!important;height:48px!important}
:root .settings-overview-mark:before{top:11px!important;width:16px!important;height:16px!important}
:root .settings-overview-mark:after{bottom:8px!important;width:31px!important;height:17px!important}
:root .settings-overview-copy{gap:4px!important}
:root .settings-overview-copy strong{font-size:17px!important;line-height:1.15!important}
:root .settings-overview-copy small{padding:3px 8px!important;font-size:10px!important}
:root .user-profile-panel .user-profile-action{min-height:28px!important;padding:0 8px!important;border-radius:11px!important;font-size:11px!important}
:root .user-profile-panel .user-profile-action:before{margin-right:4px!important;font-size:14px!important}
:root .user-profile-panel>.user-account-card{padding:8px!important}
:root .user-account-card .user-usage{padding:0 0 6px!important}
:root .user-account-card .user-usage>div{gap:2px!important;padding:1px 3px!important}
:root .user-account-card .user-usage small{font-size:11px!important}
:root .user-account-card .user-usage b{font-size:17px!important;line-height:1.05!important}
:root .user-account-card .user-usage>div>span{font-size:10px!important;line-height:1!important}
:root .user-account-card .user-quota-summary{padding-top:5px!important}
:root .user-account-card .user-quota-summary>span,:root .user-account-card .user-quota-summary>b{font-size:11px!important}
:root .user-account-card .user-quota-summary button{min-height:27px!important;font-size:12px!important}
:root .user-account-card .user-quota-summary button:before{margin-right:4px!important;font-size:15px!important}
:root .my-public-about .settings-card-body>.set-row{min-height:88px!important;padding:10px 12px!important;gap:12px!important}
:root .my-public-about .settings-card-body>.set-row .s-ic{flex-basis:52px!important;width:52px!important;height:52px!important;border-radius:16px!important}
:root .my-public-about .settings-card-body>.set-row .s-ic svg{width:28px!important;height:28px!important}
:root .my-public-about .s-title{font-size:16px!important}
:root .my-public-about .s-sub{font-size:13px!important}
:root .my-donation-subtitle{display:block!important;white-space:normal!important;min-height:42px;margin:8px auto 14px!important;font-size:13px!important;line-height:1.6!important}
:root .my-public-donation .my-donation-codes{gap:14px!important}
:root .my-public-donation .my-donation-item{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:1fr auto!important;justify-items:center!important;gap:6px!important;min-height:118px!important;padding:10px!important}
:root .my-public-donation .my-donation-item:before{display:none!important;content:none!important}
:root .my-public-donation .my-donation-item img{grid-column:1!important;grid-row:1!important;width:88px!important;max-width:88px!important;justify-self:center!important}
:root .my-public-donation .my-donation-item span{grid-column:1!important;grid-row:2!important}

/* Keep about links horizontal like the reference. / 关于入口按参考图横向排列图标和文字。 */
:root .my-public-about .settings-card-body>.set-row{flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;min-height:74px!important;padding:8px 10px!important}
:root .my-public-about .settings-card-body>.set-row .s-ic{flex:0 0 46px!important;width:46px!important;height:46px!important}
:root .my-public-about .settings-card-body>.set-row .s-text{flex:1 1 auto!important;min-width:0!important;text-align:left!important}
:root .my-public-about .settings-card-body>.set-row .chev{display:block!important;flex:0 0 8px!important;margin-left:auto!important}


/* Payment method chooser for package purchases. / 套餐购买的支付方式选择弹窗。 */
.user-pay-modal>section>p{margin:0 0 18px;color:var(--label2,#667085);font-size:13px}
.user-pay-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.user-pay-options button{display:grid;justify-items:center;gap:10px;min-height:112px;padding:16px 10px;border:1px solid rgba(var(--theme-primary-rgb,82,139,255),.18);border-radius:16px;background:linear-gradient(145deg,#fff,rgba(var(--theme-primary-rgb,82,139,255),.07));color:var(--label,#26334c);font:inherit;cursor:pointer}
.user-pay-options button:active{transform:scale(.98)}
.user-pay-options .user-pay-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#1688ff;color:#fff;font-size:24px;font-weight:800}
.user-pay-options button:first-child .user-pay-icon{background:#1677ff}
.user-pay-options button:last-child .user-pay-icon{background:#16bd70}
.user-pay-options b{font-size:14px}

/* Pin each notice date to the far right on the title row. / 公告日期固定在标题行最右侧。 */
:root .my-native-notices .set-row .s-text{display:grid!important;grid-template-columns:minmax(0,1fr) max-content!important;grid-template-rows:auto auto!important;column-gap:8px!important;width:100%!important}
:root .my-native-notices .set-row .s-title{grid-column:1!important;grid-row:1!important;min-width:0!important}
:root .my-native-notices .set-row .s-sub.my-notice-date-label{grid-column:2!important;grid-row:1!important;justify-self:end!important;width:max-content!important;text-align:right!important}
:root .my-native-notices .set-row .my-notice-excerpt{grid-column:1/-1!important;grid-row:2!important;min-width:0!important}


/* Center account metrics and use the logo configured in admin settings. / 账号统计居中并读取后台配置的站点图标。 */
:root .user-profile-panel>.settings-overview{align-items:center!important}
:root .user-account-card .user-usage>div>span{display:none!important}
:root .user-account-card .user-usage>div{align-content:center!important;justify-items:center!important;text-align:center!important}
:root .settings-overview-mark.has-configured-site-logo:before,:root .settings-overview-mark.has-configured-site-logo:after{display:none!important;content:none!important}
:root .settings-overview-mark img.configured-site-logo{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important;z-index:2}


/* Keep the centered page title vertically aligned in the My tab. / 修正“我的”页顶部标题的行高并保持上下居中。 */
:root .topbar .topbar-inner{align-items:center!important}
:root .topbar .topbar-title{display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important;line-height:1.2!important}
:root .topbar .topbar-title:after{display:block!important;line-height:1.2!important;vertical-align:middle!important}

/* Override the higher-specificity legacy zero line-height on the centered title. / 覆盖旧的高优先级零行高规则，让标题字形垂直居中。 */
:root .page.active .topbar .topbar-title{line-height:1.2!important}
:root .page.active .topbar .topbar-title:after{line-height:1.2!important}


/* Theme-aware account panel and stable announcement action. / 账号卡片跟随主题色，公告操作稳定靠右。 */
:root .user-profile-panel{--profile-accent:var(--theme-primary,var(--blue,#528bff));--profile-rgb:var(--theme-primary-rgb,82,139,255);border-color:color-mix(in srgb,var(--profile-accent) 24%,transparent)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--profile-accent) 10%,#fff),color-mix(in srgb,var(--profile-accent) 5%,#fff) 58%,color-mix(in srgb,var(--profile-accent) 2%,#fff))!important;box-shadow:0 12px 34px color-mix(in srgb,var(--profile-accent) 12%,transparent)!important}
:root .user-profile-panel:before{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--profile-accent) 24%,#fff),transparent)!important}
:root .user-profile-panel .settings-overview-mark{background:linear-gradient(145deg,var(--profile-accent),color-mix(in srgb,var(--profile-accent) 76%,#243b78))!important;box-shadow:0 7px 16px color-mix(in srgb,var(--profile-accent) 28%,transparent)!important}
:root .user-profile-panel .user-profile-action{border-color:color-mix(in srgb,var(--profile-accent) 28%,transparent)!important;color:var(--profile-accent)!important}
:root .user-account-card .user-usage>div{border-color:color-mix(in srgb,var(--profile-accent) 20%,transparent)!important}
:root .user-account-card .user-quota-summary{border-color:color-mix(in srgb,var(--profile-accent) 20%,transparent)!important}
.my-native-notices>.settings-card-header{display:flex!important;align-items:center!important;width:100%;box-sizing:border-box}
.my-native-notices>.settings-card-header>.my-notice-more,.my-notices-heading>.my-notice-more{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;margin-left:auto!important;padding:5px 0 5px 10px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--theme-primary,var(--blue,#528bff))!important;font-family:inherit!important;font-size:12px!important;font-weight:650!important;line-height:1.4!important;white-space:nowrap!important;appearance:none!important;-webkit-appearance:none!important;cursor:pointer!important}
.my-native-notices>.settings-card-header>.my-notice-more:active,.my-notices-heading>.my-notice-more:active{opacity:.72}

.my-public-about > .settings-card-header {
  justify-content: flex-start !important;
  gap: 10px !important;
  padding: 0 3px 11px !important;
  border-bottom: 1px solid rgba(var(--theme-primary-rgb, 82, 139, 255), .2) !important;
  color: var(--label, #101d42) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}
.my-public-about > .settings-card-header:before {
  content: "i" !important;
  display: grid !important;
  place-items: center !important;
  width: 27px !important;
  height: 27px !important;
  flex: 0 0 27px !important;
  border-radius: 50% !important;
  background: var(--theme-primary, #528bff) !important;
  color: #fff !important;
  font: 700 17px/1 Arial, sans-serif !important;
}
.my-public-about > .settings-card-body {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  justify-content: stretch !important;
  gap: 10px !important;
  padding: 12px 0 0 !important;
}
.my-public-about .settings-card-body > .set-row {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  min-width: 0 !important;
  min-height: 64px !important;
  padding: 9px 12px !important;
  border: 1px solid rgba(var(--theme-primary-rgb, 82, 139, 255), .06) !important;
  border-radius: 17px !important;
  background: rgba(255, 255, 255, .92) !important;
  box-shadow: 0 6px 17px rgba(var(--theme-primary-rgb, 82, 139, 255), .06) !important;
  text-align: left !important;
}
.my-public-about .settings-card-body > .set-row .s-ic {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: rgba(var(--theme-primary-rgb, 82, 139, 255), .10) !important;
  color: var(--theme-primary, #528bff) !important;
}
.my-public-about .settings-card-body > .set-row .s-ic svg {
  width: 23px !important;
  height: 23px !important;
}
.my-public-about .settings-card-body > .set-row .s-text {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  min-width: 0 !important;
  text-align: left !important;
}
.my-public-about .settings-card-body > .set-row .s-title {
  color: var(--label, #101d42) !important;
  font-size: 15px !important;
  font-weight: 750 !important;
  line-height: 1.3 !important;
  text-align: left !important;
}
.my-public-about .settings-card-body > .set-row .s-sub {
  margin-top: 3px !important;
  color: var(--label2, #7c8aa5) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  text-align: left !important;
}
.my-public-about .settings-card-body > .set-row .chev {
  display: block !important;
  flex: 0 0 8px !important;
  margin-left: auto !important;
  color: var(--label2, #8190ac) !important;
}
.my-public-about .settings-card-body > .set-row .s-value {
  top: auto !important;
  right: 10px !important;
  bottom: 8px !important;
  color: var(--label2, #7183a8) !important;
  font-size: 10px !important;
}
@media (max-width: 380px) {
  .my-public-about .settings-card-body { gap: 8px !important; }
  .my-public-about .settings-card-body > .set-row {
    gap: 8px !important;
    min-height: 60px !important;
    padding: 8px !important;
  }
  .my-public-about .settings-card-body > .set-row .s-ic {
    flex-basis: 36px !important;
    width: 36px !important;
    height: 36px !important;
  }
  .my-public-about .settings-card-body > .set-row .s-title { font-size: 13px !important; }
  .my-public-about .settings-card-body > .set-row .s-sub { font-size: 10px !important; }
}

/* Transparent About entries with aligned version text. / 关于条目去白底，版本文字统一对齐。 */
.my-public-about .settings-card-body > .set-row {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.my-public-about .settings-card-body > .set-row .s-text {
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
}
.my-public-about .settings-card-body > .set-row .s-value {
  position: static !important;
  inset: auto !important;
  display: block !important;
  width: auto !important;
  align-self: flex-start !important;
  margin: 3px 0 0 !important;
  padding: 0 !important;
  text-align: left !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}
@media(max-width:380px){.my-public-about .settings-card-body > .set-row .s-value{font-size:10px!important}}
/* Override legacy last-row centering for the version entry. / 覆盖旧版末行居中规则，统一版本条目对齐。 */
:root #app .page:has(.settings-card) .my-public-about .settings-card-body > .set-row{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;justify-content:stretch!important;gap:12px!important;background:transparent!important}
:root #app .page:has(.settings-card) .my-public-about .settings-card-body > .set-row .s-text{width:100%!important;align-items:flex-start!important;justify-content:center!important;text-align:left!important;grid-column:2!important}
:root #app .page:has(.settings-card) .my-public-about .settings-card-body > .set-row .s-value{align-self:flex-start!important;text-align:left!important;position:static!important;margin:3px 0 0!important;transform:none!important}
@media(max-width:380px){:root #app .page:has(.settings-card) .my-public-about .settings-card-body > .set-row{grid-template-columns:36px minmax(0,1fr) auto!important;gap:8px!important}}

/* Keep only the three quota actions below today's remaining count. / 剩余次数下仅保留三个额度操作入口。 */
:root #app .user-account-card .user-quota-summary>[data-ledger-toggle],
:root #app .user-account-card .user-quota-summary>[data-quota-toggle],
:root #app .user-account-card .user-quota-summary>[data-quota-orders-open]{grid-row:1!important}

/* Keep the native announcement feed open and compact on first render. / 原生公告首屏保持通透紧凑，不显示旧卡片与图标。 */
.my-native-notices{margin:0 0 14px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.my-native-notices:before{content:none!important;display:none!important}
.my-native-notices>.settings-card-header{font-size:14px!important}
.my-native-notices .settings-card-body>.set-row{display:block!important}
.my-native-notices .settings-card-body>.set-row>.s-ic,.my-native-notices .settings-card-body>.set-row>.chev{display:none!important}

/* Publish announcement layouts only after synchronous decoration. / 公告完成同步整理后一次显示，避免旧布局闪现。 */


/* Retire the native feed; use one consistent announcement card. / 停用原生公告布局，统一使用公告卡片。 */
.my-native-notices:not(.my-public-notices){display:none!important}
/* Raise copyright above the protruding Home button. / 上移版权文字，避开凸起的首页按钮。 */
#app .page:has(.settings-card) .container>.copyright-link{position:relative!important;top:-14px!important}

/* Clear allowance hierarchy and consistent action icons. / 清晰的次数层级与统一操作图标。 */
:root #app .user-account-card .user-usage{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;padding:14px 0 16px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
:root #app .user-account-card .user-usage>div{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:0 6px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;min-width:0!important}
:root #app .user-account-card .user-usage>div+div{border-left:1px solid var(--sep-soft,#edf0f7)!important}
:root #app .user-account-card .user-usage small{font-size:11px!important;line-height:1.4!important;font-weight:400!important;color:var(--label2,#8b94a8)!important}
:root #app .user-account-card .user-usage b{font-size:24px!important;line-height:1.1!important;letter-spacing:-.6px!important;font-weight:700!important;color:var(--label,#253253)!important;font-variant-numeric:tabular-nums}
:root #app .user-account-card .user-usage>div:last-child b{color:var(--theme-primary,#8098f9)!important}
:root #app .user-account-card .user-quota-summary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;padding:12px 0 0!important;margin:0!important;border-top:1px solid var(--sep-soft,#edf0f7)!important}
:root #app .user-account-card .user-quota-summary>button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;grid-row:1!important;min-height:66px!important;padding:10px 3px!important;margin:0!important;border:0!important;border-radius:12px!important;background:color-mix(in srgb,var(--theme-primary,#8098f9) 5%,transparent)!important;box-shadow:none!important;color:var(--label2,#67748e)!important;font-size:11px!important;font-weight:500!important;line-height:1.3!important;white-space:nowrap!important}
:root #app .user-account-card .user-quota-summary>button:before{content:''!important;display:block!important;width:20px!important;height:20px!important;margin:0!important;background-color:var(--theme-primary,#8098f9)!important;mask:var(--quota-icon) center/contain no-repeat;-webkit-mask:var(--quota-icon) center/contain no-repeat}
:root #app .user-account-card .user-quota-summary>button:active{background:color-mix(in srgb,var(--theme-primary,#8098f9) 12%,transparent)!important;transform:scale(.97)}

:root #app .user-account-card [data-ledger-toggle]{--quota-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%2214%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M9%208h6M9%2012h6M9%2016h4%22%2F%3E%3C%2Fsvg%3E")}

:root #app .user-account-card [data-quota-toggle]{--quota-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%204h2l2%2012h12l2-9H6M9%2020h.01M18%2020h.01%22%2F%3E%3C%2Fsvg%3E")}

:root #app .user-account-card [data-quota-orders-open]{--quota-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2010h18M7%2015h4%22%2F%3E%3C%2Fsvg%3E")}

/* Single final announcement and avatar presentation. / 统一公告与头像最终样式。 */
:root #app#app .page.active .my-public-notices{display:block!important;visibility:visible!important;opacity:1!important;padding:14px!important;margin:16px 0!important;background:var(--card,#fff)!important;border:1px solid rgba(var(--theme-primary-rgb,0,122,255),.12)!important;border-radius:18px!important;box-shadow:0 6px 20px #00000006!important;overflow:hidden!important}
:root #app#app .my-public-notices::before{content:none!important}
:root #app#app .my-notices-heading{display:flex!important;align-items:center!important;gap:10px!important;padding:0 0 10px!important;font-size:14px!important}
:root #app#app .my-notices-title small{display:none!important}
:root #app#app .my-notice-more{margin-left:auto!important}
:root #app#app .my-public-notice-row{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;padding:12px 0!important;border:0!important;border-top:1px solid rgba(128,128,128,.1)!important;border-radius:0!important;background:transparent!important;text-align:left!important}
:root #app#app .my-notice-date{order:2!important;font-size:10px!important;white-space:nowrap!important;color:var(--label2,#6b7280)!important}
:root #app#app .my-notice-main{flex:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:5px!important}
:root #app#app .my-notice-main b{font-size:13px!important;color:var(--label,#111827)!important}
:root #app#app .my-notice-main small{font-size:11px!important;line-height:1.5!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--label2,#6b7280)!important}
:root #app#app .user-account-card .user-avatar{border-radius:50%!important;overflow:hidden!important;flex-shrink:0!important;aspect-ratio:1!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
:root #app#app .user-account-card .user-avatar img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
/* Clip the actual configured site avatar. / 对真实站点头像容器执行圆形裁切。 */
:root #app#app .settings-overview-mark,:root #app#app .settings-overview-mark.has-configured-site-logo{display:block!important;border-radius:50%!important;overflow:hidden!important;padding:0!important;flex-shrink:0!important;aspect-ratio:1!important}
:root #app#app .settings-overview-mark>img.configured-site-logo{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;margin:0!important;transform:none!important}

/* Reset retired timeline structure, including its pseudo elements. / 清除旧时间轴结构及伪元素。 */
:root #app#app .page:has(.settings-card) .my-public-notices .my-public-notice-list{margin:0!important;padding:0!important;border:0!important}
:root #app#app .page:has(.settings-card) .my-public-notices .my-public-notice-row::before,:root #app#app .page:has(.settings-card) .my-public-notices .my-public-notice-row::after,:root #app#app .page:has(.settings-card) .my-public-notices .my-public-notice-list::before{content:none!important;display:none!important}

/* Match the approved transparent profile and announcement timeline. / 按确认截图统一通透个人页与公告时间轴。 */
:root #app#app .page.active .my-public-notices{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:16px 0!important;overflow:visible!important}
:root #app#app .my-notices-heading{border-bottom:1px solid rgba(var(--theme-primary-rgb,0,122,255),.22)!important;padding:0 0 12px!important}
:root #app#app .my-notices-mark{font-size:0!important;width:23px!important;height:23px!important;background:var(--theme-primary,#00995b)!important;border-radius:5px!important;box-shadow:0 0 0 4px rgba(var(--theme-primary-rgb,0,122,255),.1)!important}
:root #app#app .page:has(.settings-card) .my-public-notices .my-public-notice-list{border-left:1px dashed rgba(var(--theme-primary-rgb,0,122,255),.3)!important;margin:0 0 0 10px!important;padding:3px 0 3px 17px!important}
:root #app#app .my-public-notices .my-public-notice-row{position:relative!important;border:0!important;min-height:60px!important;padding:10px 0!important;align-items:flex-start!important;gap:8px!important}
:root #app#app .page:has(.settings-card) .my-public-notices .my-public-notice-row::before{content:""!important;display:block!important;position:absolute!important;left:-21px!important;top:16px!important;width:7px!important;height:7px!important;background:var(--theme-primary,#00995b)!important;border-radius:50%!important;box-shadow:0 0 0 4px rgba(var(--theme-primary-rgb,0,122,255),.12)!important}
:root #app#app .my-public-notices .my-notice-main b{font-size:14px!important}
:root #app#app .my-public-notices .my-notice-main small{font-size:12px!important}
:root #app#app .my-public-notices .my-notice-date{font-size:11px!important;padding-top:2px!important}
:root #app#app .my-public-notices .my-public-notice-row>i{display:none!important}
:root #app#app .settings-overview{border-radius:22px!important;border:1px solid rgba(128,148,249,.17)!important;background:linear-gradient(120deg,#fff,rgba(238,244,255,.88))!important;box-shadow:none!important;padding:16px!important}
:root #app#app .settings-overview .user-account-head{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
:root #app#app .settings-overview small{background:transparent!important;padding:0!important;border:0!important;border-radius:0!important;font-weight:400!important}
:root #app#app .settings-overview-mark{border-radius:12px!important;overflow:hidden!important}
:root #app#app .settings-overview-mark>img{border-radius:12px!important}
:root #app#app .my-public-donation>.settings-card-header{color:var(--theme-primary,#00995b)!important;font-size:13px!important}
:root #app#app .my-public-notices .my-notice-date{width:auto!important;max-width:none!important;flex:0 0 auto!important;overflow:visible!important}:root #app#app .my-public-notices .my-notice-main{overflow:hidden!important}


/* Responsive timeline: date stays right, full copy wraps below. / 手机时间轴：日期居右，正文下方完整换行。 */
:root #app#app .my-public-notices .my-public-notice-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;column-gap:12px!important;row-gap:5px!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}
:root #app#app .my-public-notices .my-notice-main{display:contents!important;overflow:visible!important}
:root #app#app .my-public-notices .my-notice-main b{grid-column:1!important;grid-row:1!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.45!important}
:root #app#app .my-public-notices .my-notice-date{grid-column:2!important;grid-row:1!important;justify-self:end!important;align-self:start!important;position:static!important;margin:0!important;width:auto!important;max-width:none!important;white-space:nowrap!important;text-align:right!important;transform:none!important}
:root #app#app .my-public-notices .my-notice-main small{grid-column:1/-1!important;grid-row:2!important;display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;word-break:break-word!important;max-height:none!important;height:auto!important;line-height:1.65!important;-webkit-line-clamp:unset!important}


/* Compact About icons with consistent text spacing. / 关于入口使用紧凑图标与统一文字间距。 */
:root #app#app .page.active .my-public-about .settings-card-body{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 16px!important}
:root #app#app .page.active .my-public-about .settings-card-body>.set-row{display:grid!important;grid-template-columns:36px minmax(0,1fr) 8px!important;gap:12px!important;align-items:center!important;min-height:74px!important;padding:10px 0!important;box-sizing:border-box!important}
:root #app#app .page.active .my-public-about .set-row .s-ic{width:36px!important;height:36px!important;min-width:36px!important;flex:0 0 36px!important;padding:8px!important;box-sizing:border-box!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important}
:root #app#app .page.active .my-public-about .set-row .s-ic svg{width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important}
:root #app#app .page.active .my-public-about .set-row .s-text{min-width:0!important;width:auto!important;margin:0!important;padding:0!important;text-align:left!important;display:flex!important;flex-direction:column!important;gap:4px!important;align-items:flex-start!important}
:root #app#app .page.active .my-public-about .set-row .s-title{font-size:13px!important;line-height:1.4!important;white-space:normal!important}
:root #app#app .page.active .my-public-about .set-row .s-sub,:root #app#app .page.active .my-public-about .set-row .s-value{font-size:10px!important;line-height:1.5!important;margin:0!important;white-space:normal!important;position:static!important}
@media(max-width:360px){:root #app#app .page.active .my-public-about .settings-card-body>.set-row{grid-template-columns:32px minmax(0,1fr) 6px!important;gap:9px!important}:root #app#app .page.active .my-public-about .set-row .s-ic{width:32px!important;height:32px!important;min-width:32px!important;padding:6px!important}}


/* One full-width About entry above two legal entries. / 关于我们通栏置顶，两个协议入口并列。 */
:root #app#app .page.active .my-public-about .settings-card-body{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:10px 0!important}
:root #app#app .page.active .my-public-about .settings-card-body>.set-row[data-about-kind=version]{display:none!important}
:root #app#app .page.active .my-public-about .settings-card-body>.set-row[data-about-kind=about]{grid-column:1/-1!important;grid-row:1!important;min-height:78px!important}
:root #app#app .page.active .my-public-about .settings-card-body>.set-row[data-about-kind=privacy]{grid-column:1!important;grid-row:2!important}
:root #app#app .page.active .my-public-about .settings-card-body>.set-row[data-about-kind=terms]{grid-column:2!important;grid-row:2!important}
:root #app#app .page.active .my-public-about .settings-card-body>.set-row{grid-template-columns:34px minmax(0,1fr) 7px!important;gap:10px!important;padding:14px 12px!important;border:1px solid rgba(var(--theme-primary-rgb,0,122,255),.12)!important;border-radius:16px!important;background:rgba(255,255,255,.3)!important;box-shadow:0 4px 14px rgba(0,0,0,.025)!important;min-height:76px!important}
:root #app#app .page.active .my-public-about .settings-card-body>.set-row[data-about-kind=about]{background:linear-gradient(120deg,rgba(var(--theme-primary-rgb,0,122,255),.09),rgba(255,255,255,.4))!important}
:root #app#app .page.active .my-public-about .set-row .s-ic{width:34px!important;height:34px!important;min-width:34px!important;padding:7px!important}
:root #app#app .page.active .my-public-about .set-row .s-title{font-size:13px!important;font-weight:650!important}
:root #app#app .page.active .my-public-about .set-row[data-about-kind=about] .s-title{font-size:15px!important}


/* 统一路由切换后的栏目样式 / Stable section styles across route changes. */
:root #app#app .my-donation-subtitle{color:#718399!important;font-size:12px!important;line-height:1.7!important;text-align:center!important;margin:12px 0!important}
:root #app#app .my-public-donation .settings-card-header::before,:root #app#app .my-public-about .settings-card-header::before{content:""!important;display:inline-block!important;width:20px!important;height:20px!important;margin-right:9px!important;background:var(--theme-primary,#239b67)!important;vertical-align:middle;mask:center/contain no-repeat var(--section-symbol);-webkit-mask:center/contain no-repeat var(--section-symbol)}
:root #app#app .my-public-about{--section-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='3' width='7' height='7' rx='2'/%3E%3Crect x='14' y='3' width='7' height='7' rx='2'/%3E%3Crect x='3' y='14' width='7' height='7' rx='2'/%3E%3Crect x='14' y='14' width='7' height='7' rx='2'/%3E%3C/svg%3E")}
:root #app#app .my-public-donation{--section-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M20 4a5 5 0 0 0-8 2 5 5 0 0 0-8-2c-5 5 8 15 8 15S25 9 20 4Z'/%3E%3C/svg%3E")}

/* 打赏说明占满整行并居中 / Center donation copy across the full row. */
:root #app#app .my-public-donation .my-donation-subtitle{display:block!important;grid-column:1 / -1!important;justify-self:stretch!important;align-self:center!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;margin:12px 0!important;padding:0 8px!important;text-align:center!important;float:none!important;position:static!important;transform:none!important}

/* 统一栏目标题和图标 / Unified section heading and icon geometry. */
:root #app#app .my-notices-heading,:root #app#app .my-public-about .settings-card-header,:root #app#app .my-public-donation .settings-card-header{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;min-height:44px!important;margin:0 0 12px!important;padding:0 0 10px!important;border-bottom:1px solid color-mix(in srgb,var(--theme-primary,#239b67) 18%,transparent)!important;font-size:15px!important;font-weight:700!important;line-height:24px!important;color:var(--text,#152339)!important;text-align:left!important}
:root #app#app .my-notices-title{display:block!important;flex:1!important;font-size:15px!important;line-height:24px!important}
:root #app#app .my-notices-title b{font-size:15px!important;font-weight:700!important;color:var(--text,#152339)!important}
:root #app#app .my-notices-mark,:root #app#app .my-public-about .settings-card-header::before,:root #app#app .my-public-donation .settings-card-header::before{width:22px!important;height:22px!important;min-width:22px!important;flex:0 0 22px!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--theme-primary,#239b67)!important}
:root #app#app .my-notices-mark{background:transparent!important;color:var(--theme-primary,#239b67)!important}
:root #app#app .my-notices-mark svg{width:22px!important;height:22px!important;display:block!important}

/* 公告日期和圆点不依赖主题路由状态 / Notice geometry is independent of theme route state. */
:root #app#app .my-public-notices .my-notice-date{background:transparent!important;border:0!important;border-radius:0!important;min-height:0!important;padding:2px 0 0!important;box-shadow:none!important}
:root #app#app .my-public-notices .my-public-notice-row::before{box-sizing:content-box!important;border:3px solid #fff!important;width:5px!important;height:5px!important;left:-23px!important}

/* 固定打赏区布局 / Stable donation card and footer layout. */
:root #app#app .my-public-donation .my-donation-item{background:#fff!important;border:0!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(40,65,80,.06)!important;padding:12px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:126px!important}
:root #app#app .my-public-donation .my-donation-item img{width:82px!important;height:82px!important;object-fit:contain!important;max-width:100%!important}
:root #app#app .my-public-donation .my-donation-codes{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;padding:0 14px!important;margin:0!important}
:root #app#app .page:has(.my-public-donation) .copyright-link{display:block!important;text-align:center!important;margin:14px 0 0!important;padding:0!important;position:static!important;transform:none!important;font-size:11px!important;line-height:18px!important}
:root #app#app .page:has(.my-public-donation)>.container{padding-bottom:34px!important}

/* 登录区统一主题外观 / Stable themed account presentation. */
:root #app#app .user-profile-panel{border:1px solid rgba(var(--theme-primary-rgb,0,153,91),.2)!important;border-radius:24px!important;padding:14px!important;background:linear-gradient(130deg,rgba(var(--theme-primary-rgb,0,153,91),.08),rgba(255,255,255,.85))!important;box-shadow:0 10px 28px rgba(var(--theme-primary-rgb,0,153,91),.06)!important}
:root #app#app .settings-overview .user-profile-action{color:var(--theme-primary,#00995b)!important;background:rgba(255,255,255,.85)!important;border:1px solid rgba(var(--theme-primary-rgb,0,153,91),.25)!important;border-radius:12px!important;padding:8px 12px!important;font-size:12px!important;white-space:nowrap!important}
:root #app#app .settings-overview .user-profile-action::before{content:"↪"!important;margin-right:6px!important;display:inline!important}
/* 清除路由主题残留装饰 / Remove route-dependent leftover decorations. */
:root #app#app .user-profile-panel{margin:0 0 12px!important}
:root #app#app .my-donation-item::before,:root #app#app .my-donation-item::after{content:none!important;display:none!important}

/* 等宽二维码卡片与紧凑页脚 / Equal QR cards and compact footer. */
:root #app#app .my-public-donation [data-donation-codes]{width:100%!important;max-width:none!important;justify-items:stretch!important;align-items:stretch!important}
:root #app#app .my-public-donation .my-donation-item{width:100%!important;max-width:none!important;min-width:0!important;justify-self:stretch!important;box-sizing:border-box!important}
:root #app#app .page:has(.my-public-donation)>.container{padding-bottom:34px!important}
:root #app#app .my-public-donation{margin-bottom:0!important;padding-bottom:0!important}

/* 打赏二维码卡片：浅色主题 + 柔和立体 + 轻盈动态 / Light themed, soft 3D, airy donation cards. */
:root #app#app .my-public-donation .my-donation-item{background:linear-gradient(150deg,color-mix(in srgb,var(--theme-primary,#039855) 13%,#ffffff) 0%,rgba(255,255,255,.97) 50%,color-mix(in srgb,var(--theme-primary,#039855) 7%,#ffffff) 100%)!important;border:1px solid color-mix(in srgb,var(--theme-primary,#039855) 24%,transparent)!important;border-radius:18px!important;box-shadow:0 10px 24px color-mix(in srgb,var(--theme-primary,#039855) 20%,transparent),inset 0 1px 0 rgba(255,255,255,.95)!important;padding:12px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:130px!important;position:relative!important;overflow:hidden!important;animation:donationFloat 3.8s ease-in-out infinite}
:root #app#app .my-public-donation .my-donation-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(105deg,transparent 32%,color-mix(in srgb,var(--theme-primary,#039855) 18%,transparent) 50%,transparent 68%);transform:translateX(-130%);animation:donationShine 4.4s ease-in-out infinite;pointer-events:none}
:root #app#app .my-public-donation .my-donation-item img{border-radius:10px!important;animation:donationBreathe 3.8s ease-in-out infinite;box-shadow:0 6px 14px rgba(0,0,0,.10)}
:root #app#app .my-public-donation .my-donation-item span{color:var(--theme-primary,#039855)!important;font-weight:650!important}
@keyframes donationFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes donationShine{0%{transform:translateX(-130%)}55%,100%{transform:translateX(130%)}}
@keyframes donationBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}

:root #app#app .my-public-donation .my-donation-item img{box-shadow:none!important;border-radius:8px!important;background:transparent!important}