@charset "UTF-8";
/* ==========================================================================
AiKa SUP · 基础层 sup-base.css
重置 / 排版 / 滚动条 / 链接 / 通用工具类
========================================================================== */
:root * , :root *::before , :root *::after {box-sizing:border-box}
html {
-webkit-text-size-adjust:100%;
text-size-adjust:100%;
background:var(--s-bg);
min-height:100%;
}
:root body {
margin:0;
font-family:var(--s-font);
font-size:14px;
line-height:var(--s-lh,1.55);
color:var(--s-text);
background:var(--s-bg);
min-height:100vh;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-variant-numeric:tabular-nums;
letter-spacing:.1px;
}
:root h1 , :root h2 , :root h3 , :root h4 , :root h5 , :root h6 {margin:0;font-weight:600;letter-spacing:-.1px}
:root h1 {font-size:22px}
:root h2 {font-size:19px}
:root h3 {font-size:16px}
:root h4 {font-size:15px}
:root h5 {font-size:14px}
:root h6 {font-size:13px}
:root p {margin:0 0 10px;line-height:var(--s-lh-p,1.7)}
:root p:last-child {margin-bottom:0}
:root small , :root .small {font-size:12px;color:var(--s-text-2)}
:root strong , :root b {font-weight:600}
:root hr {border:0;border-top:1px solid var(--s-line);margin:16px 0}
:root img {max-width:100%;height:auto;vertical-align:middle;border:0}
:root svg {vertical-align:middle}
/* ★ 只给「无 class 的裸链接」设默认色。此前写作 :root a (0,2,0)，会压掉 .btn-primary / .noauth-btn-primary 等所有 类按钮的文字色，导致深底深字不可见（全站 110 个 按钮）。 */
:root :where(a:not([class])) {color:var(--s-text);text-decoration:none;transition:color var(--s-t-fast),opacity var(--s-t-fast)}
:root :where(a:not([class])):hover , :root :where(a:not([class])):focus {color:var(--s-accent-ink);text-decoration:none}
:root a:active {opacity:.7}
:root label {font-weight:400;margin:0}
:root ul , :root ol {margin:0;padding:0}
:root li {list-style:none}
:root button , :root input , :root select , :root textarea {font-family:inherit;font-size:inherit}
:root input , :root select , :root textarea {color:inherit}
:root button {cursor:pointer}
:root :focus {outline:none}
:root :focus-visible {outline:2px solid var(--s-accent);outline-offset:2px;border-radius:4px}
:root ::selection {background:rgba(18,185,129,.28);color:var(--s-text)}
:root .bg-dark ::selection, :root .app-header ::selection, :root .uc-hero ::selection,
:root .transfer-header ::selection, :root .fz-card-header ::selection, :root .header-section ::selection{
background:rgba(92,224,189,.35);color:#FFFFFF}
/* 滚动条 */
:root ::-webkit-scrollbar {width:9px;height:9px}
:root ::-webkit-scrollbar-thumb {background:rgba(0,0,0,.16);border-radius:9px;border:2px solid transparent;background-clip:padding-box}
:root ::-webkit-scrollbar-thumb:hover {background:rgba(0,0,0,.28);background-clip:padding-box}
:root ::-webkit-scrollbar-track {background:transparent}
:root ::-webkit-scrollbar-corner {background:transparent}
:root [data-s-theme="dark"] ::-webkit-scrollbar-thumb {background:rgba(255,255,255,.18);background-clip:padding-box}
/* 背景光晕（mac 桌面的极淡色阶） */
:root body::before {
content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
background:
radial-gradient(760px 420px at 12% -6%,rgba(18,185,129,.055),transparent 62%),
radial-gradient(680px 400px at 92% 2%,rgba(120,140,180,.05),transparent 60%),
radial-gradient(700px 460px at 60% 106%,rgba(18,185,129,.04),transparent 62%);
}
:root [data-s-theme="dark"] body::before {
background:
radial-gradient(760px 420px at 12% -6%,rgba(92,224,189,.07),transparent 62%),
radial-gradient(680px 400px at 92% 2%,rgba(255,255,255,.05),transparent 60%);
}
/* —— 通用工具类（新老页面都可用） —— */
:root .s-hide {display:none!important}
:root .s-muted {color:var(--s-text-2)!important}
:root .s-dim {color:var(--s-text-3-ink)!important}
:root .s-strong {color:var(--s-text)!important;font-weight:600}
:root .s-accent {color:var(--s-accent-ink)!important}
:root .s-num {font-variant-numeric:tabular-nums}
:root .s-mono {font-family:var(--s-mono)}
:root .s-nowrap {white-space:nowrap}
:root .s-ellipsis {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
:root .s-flex {display:flex}
:root .s-inline-flex {display:inline-flex}
:root .s-ac {display:flex;align-items:center}
:root .s-jb {display:flex;align-items:center;justify-content:space-between}
:root .s-center {display:flex;align-items:center;justify-content:center}
:root .s-col {display:flex;flex-direction:column}
:root .s-gap-4 {gap:4px}
:root .s-gap-6 {gap:6px}
:root .s-gap-8 {gap:8px}
:root .s-gap-10 {gap:10px}
:root .s-gap-12 {gap:12px}
:root .s-gap-16 {gap:16px}
:root .s-gap-20 {gap:20px}
:root .s-mt-0 {margin-top:0!important}
:root .s-mt-4 {margin-top:4px}
:root .s-mt-8 {margin-top:8px}
:root .s-mt-12 {margin-top:12px}
:root .s-mt-16 {margin-top:16px}
:root .s-mt-20 {margin-top:20px}
:root .s-mt-24 {margin-top:24px}
:root .s-mb-0 {margin-bottom:0!important}
:root .s-mb-4 {margin-bottom:4px}
:root .s-mb-8 {margin-bottom:8px}
:root .s-mb-12 {margin-bottom:12px}
:root .s-mb-16 {margin-bottom:16px}
:root .s-mb-20 {margin-bottom:20px}
:root .s-mb-24 {margin-bottom:24px}
:root .s-ml-auto {margin-left:auto}
:root .s-w-100 {width:100%}
:root .s-text-c {text-align:center}
:root .s-text-r {text-align:right}
/* 域标题（页面内分区小标题） */
:root .s-sec {display:flex;align-items:center;gap:9px;margin:0 0 12px;font-size:14.5px;font-weight:600;color:var(--s-text)}
:root .s-sec::before {content:"";width:3px;height:14px;border-radius:2px;background:var(--s-accent);flex:0 0 3px}
:root .s-sec .s-sec-r {margin-left:auto;font-size:12px;font-weight:400;color:var(--s-text-3-ink)}
/* 空状态 */
:root .s-empty {padding:44px 20px;text-align:center;color:var(--s-text-3-ink)}
:root .s-empty-ico {width:52px;height:52px;margin:0 auto 12px;border-radius:16px;background:var(--s-hover);display:grid;place-items:center;font-size:22px;color:var(--s-text-3-ink)}
:root .s-empty-t {font-size:14px;color:var(--s-text-2);font-weight:500}
:root .s-empty-d {font-size:12.5px;color:var(--s-text-3-ink);margin-top:5px}
/* 加载态 */
:root .s-loading {display:inline-block;width:14px;height:14px;border:2px solid var(--s-line-3);border-top-color:var(--s-accent);border-radius:50%;animation:s-spin .7s linear infinite;vertical-align:-2px}
@keyframes s-spin{to{transform:rotate(360deg)}}
/* 骨架屏 */
:root .s-skel {background:linear-gradient(90deg,var(--s-hover) 25%,var(--s-active) 37%,var(--s-hover) 63%);background-size:400% 100%;animation:s-skel 1.3s ease infinite;border-radius:6px}
@keyframes s-skel{0%{background-position:100% 50%}100%{background-position:0 50%}}
/* 淡入 */
:root .s-fade {animation:s-fade .3s var(--s-ease)}
@keyframes s-fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}