/* ==========================================================================
   前台账号页共用样式：登录 login.php / 注册 register.php / 邮箱验证 verify.php /
   用户中心 uc.php（四个页面各自 <link> 引入）
   颜色只走主题变量：--accent/--accent2/--accent-ink/--text/--dim/--border/--glass，
   变量由各页 :root 提供（值来自站点主色与当前亮暗主题），这里只写兜底值。
   暗色为默认，亮色统一用 html[data-theme="light"] 覆盖，与 assets/theme.css 同一套规则。
   用户中心（uc.php）是独立的「侧栏 + 内容区」外壳：侧栏在两种主题下都是深色，
   它的配色收在 .uc-app 的局部变量（--uc-*）里，不参与全局亮色覆盖；
   只有内容区底色 / 分隔线在亮色主题下换成浅色。
   PC 上外壳铺满整个视口（不设最大宽度、四周不留边距），侧栏与顶栏各自 sticky 吸顶；
   ≤820px 侧栏转成左侧抽屉、顶栏出现汉堡按钮与头像菜单（见文件末尾「窄屏抽屉」一段）。
   注意：nginx 对 assets/* 发 12 小时强缓存，改完本文件要把四个页面 <link> 的 ?v= 手工加一。
   ========================================================================== */

/* ---------- 容器 ---------- */
.auth-wrap{max-width:460px;margin:0 auto;position:relative;z-index:1;padding-top:24px}

/* ---------- 卡片 ---------- */
.auth-card,.uc-card{background:rgba(255,255,255,0.06);border:1px solid var(--border,rgba(255,255,255,0.1));border-radius:20px;padding:24px;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:0 20px 60px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.1) inset;position:relative;overflow:hidden}
.auth-card::before,.uc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}
.auth-card h2,.uc-card h2{font-size:18px;color:#fff;margin-bottom:6px;display:flex;align-items:center;gap:8px}
.auth-card h2::before,.uc-card h2::before{content:'';width:3px;height:18px;background:linear-gradient(180deg,var(--accent,#f59e0b),var(--accent2,#fbbf24));border-radius:2px}
.auth-sub,.uc-sub{font-size:12px;color:var(--dim,#8a8a96);margin-bottom:18px;line-height:1.75}
.uc-card h2+.uc-sub{margin-top:6px}

/* ---------- 表单 ---------- */
.form-group{margin-bottom:14px}
.form-group label{display:block;font-size:11px;color:var(--dim,#8a8a96);margin-bottom:5px;font-weight:bold;letter-spacing:.5px}
.form-group input,.form-group select{width:100%;padding:11px 14px;background:rgba(255,255,255,.05);border:1px solid var(--border,rgba(255,255,255,.1));border-radius:10px;color:var(--text,#e8e8e8);font-size:13px;outline:none;transition:.3s;font-family:inherit}
.form-group input:focus,.form-group select:focus{border-color:var(--accent,#f59e0b);box-shadow:0 0 0 3px rgba(245,158,11,0.12);background:rgba(255,255,255,.07)}
.form-group input::placeholder{color:#555}
.form-group select option{background:#14141a;color:var(--text,#e8e8e8)}
.field-tip{font-size:11px;color:#666;line-height:1.7;margin-top:6px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}

/* ---------- 图形验证码（scope=user：字母 + 数字，不区分大小写） ---------- */
.captcha-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.captcha-row input{flex:1;min-width:140px}
.captcha-img{width:104px;height:38px;border-radius:10px;border:1px solid var(--border,rgba(255,255,255,.1));background:#15151c;display:block;cursor:pointer}
.captcha-refresh{font-size:12px;color:var(--dim,#8a8a96);white-space:nowrap;transition:.2s;cursor:pointer}
.captcha-refresh:hover{color:var(--accent,#f59e0b)}

/* ---------- 按钮 ---------- */
.btn-submit{width:100%;padding:13px;background:linear-gradient(135deg,var(--accent,#f59e0b),var(--accent2,#fbbf24));color:#1a1a1a;border:0;border-radius:10px;font-size:14px;font-weight:bold;cursor:pointer;transition:.2s;margin-top:18px;box-shadow:0 4px 16px rgba(245,158,11,.25);font-family:inherit}
.btn-submit:hover{transform:translateY(-1px);box-shadow:0 6px 22px rgba(245,158,11,.4)}
.btn-submit:disabled{opacity:.6;cursor:default;transform:none}
.btn-line{display:inline-block;padding:9px 16px;border-radius:10px;font-size:12.5px;color:var(--text,#e8e8e8);background:rgba(255,255,255,.06);border:1px solid var(--border,rgba(255,255,255,.1));cursor:pointer;transition:.2s;font-family:inherit;text-align:center}
.btn-line:hover{border-color:var(--accent,#f59e0b);color:var(--accent,#f59e0b)}
.btn-line.danger:hover{border-color:rgba(220,38,38,.5);color:#ef4444}

/* ---------- 提示条 ---------- */
.alert{padding:10px 14px;border-radius:10px;margin-bottom:14px;font-size:12px;line-height:1.75}
.alert.error{background:rgba(220,38,38,.12);color:#fca5a5;border:1px solid rgba(220,38,38,.25)}
.alert.success{background:rgba(22,163,74,.12);color:#86efac;border:1px solid rgba(22,163,74,.25)}
.alert.warn{background:rgba(245,158,11,.12);color:#fcd34d;border:1px solid rgba(245,158,11,.3)}
.alert a{color:inherit;text-decoration:underline}
.auth-foot{margin-top:18px;font-size:12px;color:var(--dim,#8a8a96);text-align:center;line-height:2}
.auth-foot a{color:var(--accent,#f59e0b)}
.auth-foot a:hover{text-decoration:underline}
.auth-foot .sep{opacity:.4;margin:0 8px}

/* ---------- 邮箱验证结果（verify.php） ---------- */
.verify-ico{width:56px;height:56px;border-radius:18px;margin:2px auto 14px;display:flex;align-items:center;justify-content:center}
.verify-ico svg{width:28px;height:28px}
.verify-ico.ok{background:rgba(22,163,74,.14);color:#86efac;border:1px solid rgba(22,163,74,.3)}
.verify-ico.bad{background:rgba(245,158,11,.12);color:#fcd34d;border:1px solid rgba(245,158,11,.3)}
.verify-body{text-align:center;font-size:12.5px;color:var(--dim,#8a8a96);line-height:1.9}
.verify-body b{color:#fff}
.verify-act{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}

/* ---------- 用户中心：整页外壳（左侧深色侧栏 + 右侧内容区，PC 铺满视口） ---------- */
.uc-app{--uc-side-bg:#171a24;--uc-side-text:#c6ccda;--uc-side-dim:#7b8496;--uc-side-line:rgba(255,255,255,.09);--uc-side-hover:rgba(255,255,255,.06);--uc-side-active:rgba(255,255,255,.1);
  --uc-main-bg:#14161e;--uc-top-bg:#181b24;--uc-line:rgba(255,255,255,.09);--uc-menu-bg:#1b1f2a;
  display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh;
  background:var(--uc-main-bg);position:relative;z-index:1}

/* 侧栏（亮暗两种主题下都保持深色）：菜单多时在自己这一栏里滚动，不把内容区顶下去 */
.uc-side{background:var(--uc-side-bg);padding:18px 14px;display:flex;flex-direction:column;gap:6px;min-width:0;position:sticky;top:0;height:100vh;overflow-y:auto}
.uc-brand{display:flex;align-items:center;gap:10px;padding:2px 4px 15px;margin-bottom:12px;border-bottom:1px solid var(--uc-side-line);min-width:0}
.uc-brand .logo{width:38px;height:38px;flex:none;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:bold;color:#1a1a1a;background:linear-gradient(135deg,var(--accent,#f59e0b),var(--accent2,#fbbf24))}
.uc-brand .bn{font-size:14px;font-weight:bold;color:#fff;line-height:1.35;word-break:break-all}
.uc-brand .bs{font-size:11px;color:var(--uc-side-dim);margin-top:3px}
.uc-nav{display:grid;gap:4px}
.uc-nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:11px;font-size:13px;color:var(--uc-side-text);transition:.2s}
.uc-nav a svg{width:16px;height:16px;flex:none}
.uc-nav a:hover{background:var(--uc-side-hover);color:#fff}
.uc-nav a.active{background:var(--uc-side-active);color:#fff;box-shadow:inset 3px 0 0 var(--accent,#f59e0b)}
.uc-nav-sep{height:1px;background:var(--uc-side-line);margin:9px 6px}
.uc-nav-t{font-size:10.5px;font-weight:bold;letter-spacing:1.2px;color:var(--uc-side-dim);padding:0 12px;margin:2px 0 4px}

/* 内容区：顶栏 + 主体 */
.uc-main{display:flex;flex-direction:column;min-width:0;background:var(--uc-main-bg)}
/* 顶栏吸顶：底色必须不透明（--uc-top-bg 的暗色值就是按这个挑的），否则内容会从下面透出来 */
.uc-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 22px;background:var(--uc-top-bg);border-bottom:1px solid var(--uc-line);position:sticky;top:0;z-index:5}
.uc-hello{flex:1;min-width:0;font-size:13.5px;color:var(--text,#e8e8e8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uc-hello b{color:var(--accent-ink,var(--accent,#f59e0b))}
.uc-topact{display:flex;align-items:center;gap:10px;flex:none}
.uc-exit{padding:8px 15px;border-radius:10px;font-size:12.5px;color:#f87171;background:transparent;border:1px solid rgba(248,113,113,.5);transition:.2s}
.uc-exit:hover{background:rgba(248,113,113,.12);color:#fca5a5}
.uc-body{padding:22px;display:grid;gap:18px;align-content:start;min-width:0}
.uc-title{font-size:19px;font-weight:bold;color:var(--text,#e8e8e8)}
.uc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:16px;min-width:0}

/* 用户中心的卡片标题带一条分隔线（只覆盖本页的卡片） */
.uc-card h2{padding-bottom:12px;border-bottom:1px solid var(--border,rgba(255,255,255,.1));margin-bottom:14px}

/* 信息行：账户信息 / 订单金额 / 订单数据三张卡共用 */
.uc-kv{display:grid}
.uc-kv .r{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed var(--uc-line);font-size:13px}
.uc-kv .r:last-child{border-bottom:0;padding-bottom:0}
.uc-kv .k{color:var(--dim,#8a8a96);flex:none}
.uc-kv .v{font-weight:bold;color:var(--text,#e8e8e8);text-align:right;word-break:break-all}
.uc-kv .v .uc-badge{margin-left:6px;font-weight:normal}
.uc-kv-h{font-size:11px;font-weight:bold;letter-spacing:1px;color:var(--dim,#8a8a96);margin:14px 0 2px}
.uc-kv-h:first-child{margin-top:0}
.uc-amt{font-size:18px}
.uc-amt.acc{color:var(--accent-ink,var(--accent,#f59e0b))}

/* 折线图卡：范围 / 系列切换 + 图例 + 服务端渲染的 SVG */
.uc-chart-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.uc-seg{display:inline-flex;gap:2px;padding:3px;border-radius:11px;background:rgba(255,255,255,.06);border:1px solid var(--border,rgba(255,255,255,.1))}
.uc-seg a{padding:7px 13px;border-radius:8px;font-size:12px;color:var(--dim,#8a8a96);transition:.2s;white-space:nowrap}
.uc-seg a:hover{color:var(--text,#e8e8e8)}
.uc-seg a.active{background:linear-gradient(135deg,var(--accent,#f59e0b),var(--accent2,#fbbf24));color:#1a1a1a;font-weight:bold}
.uc-legend{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--dim,#8a8a96);margin-bottom:10px}
.uc-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:7px;vertical-align:-1px}
.uc-legend .d1{background:var(--accent,#f59e0b)}
.uc-legend .d2{background:#22c55e}
.uc-chart{display:block;width:100%;height:auto}
.uc-chart .gl{stroke:var(--uc-line);stroke-width:1}
.uc-chart .tx{fill:var(--dim,#8a8a96);font-size:13px}
.uc-chart .l1{fill:none;stroke:var(--accent,#f59e0b);stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round}
.uc-chart .l2{fill:none;stroke:#22c55e;stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round}

/* ---------- 用户中心：订单表 ----------
   宽屏（≥901px）：table-layout:fixed + colgroup 列宽权重，整表始终撑满容器宽度，
   不再靠 min-width 出横向滚动条；单元格文字单行不换行，超宽走省略号，
   完整内容由 uc.php 的点击 / 长按悬浮提示展示。
   列宽权重（列类挂在 <col> 上）：操作列固定 96px 优先保证两个按钮同行，
   其余列按百分比瓜分剩余宽度。
   窄屏（≤900px）：固定列宽下每列只剩几十像素，只能显示两三个字，等于看不到信息，
   因此改成「每行一张卡片」，全部信息直接铺开（见文件末尾「订单表窄屏卡片化」一段）。 */
.uc-table-wrap{overflow-x:auto;min-width:0;-webkit-overflow-scrolling:touch}
table.uc-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:12.5px}
.uc-table col.c-no{width:17%}
.uc-table col.c-site{width:14%}
.uc-table col.c-type{width:12%}
.uc-table col.c-title{width:15%}
.uc-table col.c-plan{width:15%}
.uc-table col.c-amt{width:13%}
.uc-table col.c-st{width:14%}
.uc-table col.c-time{width:14%}
.uc-table col.c-act{width:96px}
.uc-table th{text-align:left;padding:10px 12px;font-size:11px;letter-spacing:.5px;color:var(--dim,#8a8a96);border-bottom:1px solid var(--border,rgba(255,255,255,.1));font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:rgba(255,255,255,.03)}
.uc-table td{padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.07);color:var(--text,#e8e8e8);vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.uc-table tr:last-child td{border-bottom:0}
.uc-table .no{font-family:Consolas,Monaco,monospace;font-size:11.5px}
/* 状态徽章：跟随所在列宽收缩，超宽时自身出省略号，不撑破单元格 */
.uc-table .badge{max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
/* 操作列：两枚按钮强制同行左右排列（flex 不换行），列内点击区让给按钮 */
.uc-table td.act{overflow:visible;padding:11px 5px}
.uc-act{display:flex;flex-wrap:nowrap;align-items:center;gap:4px;min-width:0}
.uc-act form{display:inline-flex;margin:0;min-width:0}
.uc-table .uc-act .btn-line{flex:none;padding:4px 7px;font-size:11px;line-height:1.5;border-radius:8px;white-space:nowrap}
/* 单元格溢出悬浮提示（uc.php 点击 / 长按触发）：固定定位于视口内，不拦截指针 */
.uc-tip{position:fixed;left:0;top:0;z-index:9999;max-width:min(78vw,420px);padding:8px 12px;border-radius:10px;background:#1d2029;color:#eef0f4;font-size:12px;line-height:1.65;border:1px solid rgba(255,255,255,.16);box-shadow:0 12px 32px rgba(0,0,0,.45);word-break:break-all;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease}
.uc-tip.show{opacity:1;visibility:visible;transform:none}
.uc-table td.uc-tip-on{background:rgba(255,255,255,.05)}
.badge{display:inline-block;padding:3px 9px;border-radius:20px;font-size:11px;border:1px solid transparent;white-space:nowrap}
.st-active{background:rgba(22,163,74,.12);color:#86efac;border-color:rgba(22,163,74,.25)}
.st-pending{background:rgba(245,158,11,.12);color:#fcd34d;border-color:rgba(245,158,11,.3)}
.st-expired{background:rgba(255,255,255,.06);color:var(--dim,#8a8a96);border-color:var(--border,rgba(255,255,255,.1))}
.st-merged{background:rgba(59,130,246,.12);color:#93c5fd;border-color:rgba(59,130,246,.3)}
.uc-badge{display:inline-block;font-size:10.5px;padding:2px 9px;border-radius:20px;font-weight:bold;white-space:nowrap;border:1px solid transparent}
.uc-badge.on{color:#86efac;background:rgba(22,163,74,.12);border-color:rgba(22,163,74,.25)}
.uc-badge.off{color:#fcd34d;background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.3)}
.uc-empty{padding:26px 14px;text-align:center;font-size:12.5px;color:var(--dim,#8a8a96);line-height:1.9}
.uc-empty a{color:var(--accent,#f59e0b)}
.uc-empty a:hover{text-decoration:underline}
.uc-note{font-size:11.5px;color:#7a7a86;line-height:1.8;padding:11px 13px;border-radius:10px;background:rgba(245,158,11,.06);border:1px solid rgba(245,158,11,.18);margin-top:14px}
.uc-note b{color:var(--accent,#f59e0b)}

/* ---------- 亮色主题覆盖（与 theme.css 的规则保持一致，值相同即可） ---------- */
/* 外壳：内容区转浅色，侧栏仍是深色（配色沿用 .uc-app 里的深色变量） */
html[data-theme="light"] .uc-app{--uc-main-bg:#f4f6fb;--uc-top-bg:#fff;--uc-line:rgba(17,24,39,.09);--uc-menu-bg:#fff;--uc-side-bg:#1d2230}
html[data-theme="light"] .auth-card,
html[data-theme="light"] .uc-card{background:rgba(255,255,255,.78);border-color:rgba(17,24,39,.1);box-shadow:0 8px 32px rgba(15,23,42,.08)}
html[data-theme="light"] .auth-card h2,
html[data-theme="light"] .uc-card h2,
html[data-theme="light"] .verify-body b{color:#1f2530}
html[data-theme="light"] .form-group input,
html[data-theme="light"] .form-group select{background:rgba(255,255,255,.85);border-color:rgba(17,24,39,.14)}
html[data-theme="light"] .form-group input:focus,
html[data-theme="light"] .form-group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(245,158,11,.14);background:rgba(255,255,255,.95)}
html[data-theme="light"] .form-group select option{background:#fff;color:#1f2530}
html[data-theme="light"] .form-group input::placeholder{color:#9aa1ad}
html[data-theme="light"] .field-tip,
html[data-theme="light"] .uc-note{color:#6b7280}
html[data-theme="light"] .captcha-img{background:#fff;border-color:rgba(17,24,39,.14)}
html[data-theme="light"] .btn-line{background:rgba(255,255,255,.8);border-color:rgba(17,24,39,.12)}
html[data-theme="light"] .btn-line:hover{border-color:rgba(245,158,11,.55);color:var(--accent-ink,var(--accent))}
html[data-theme="light"] .alert.error{background:rgba(220,38,38,.08);color:#b91c1c;border-color:rgba(220,38,38,.22)}
html[data-theme="light"] .alert.success{background:rgba(22,163,74,.1);color:#15803d;border-color:rgba(22,163,74,.22)}
html[data-theme="light"] .alert.warn{background:rgba(245,158,11,.12);color:#92610a;border-color:rgba(245,158,11,.32)}
html[data-theme="light"] .verify-ico.ok{background:rgba(22,163,74,.1);color:#15803d;border-color:rgba(22,163,74,.24)}
html[data-theme="light"] .verify-ico.bad{background:rgba(245,158,11,.12);color:#92610a;border-color:rgba(245,158,11,.32)}
html[data-theme="light"] .uc-exit{color:#dc2626;border-color:rgba(220,38,38,.45)}
html[data-theme="light"] .uc-exit:hover{background:rgba(220,38,38,.07);color:#b91c1c}
html[data-theme="light"] .uc-burger{background:rgba(17,24,39,.05);border-color:rgba(17,24,39,.12)}
html[data-theme="light"] .uc-user-menu{box-shadow:0 16px 40px rgba(15,23,42,.18)}
html[data-theme="light"] .uc-user-menu a:hover{background:rgba(17,24,39,.05);color:#1f2530}
html[data-theme="light"] .uc-seg{background:rgba(17,24,39,.04)}
html[data-theme="light"] .uc-badge.on{color:#15803d;background:rgba(22,163,74,.1);border-color:rgba(22,163,74,.22)}
html[data-theme="light"] .uc-badge.off{color:#92610a;background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.36)}
html[data-theme="light"] .uc-table th{background:rgba(17,24,39,.03);border-bottom-color:rgba(17,24,39,.1)}
html[data-theme="light"] .uc-table td{border-bottom-color:rgba(17,24,39,.07)}
html[data-theme="light"] .uc-table tr:hover td{background:rgba(17,24,39,.03)}
html[data-theme="light"] .st-active{background:rgba(22,163,74,.1);color:#15803d;border-color:rgba(22,163,74,.22)}
html[data-theme="light"] .st-pending{background:rgba(245,158,11,.14);color:#92610a;border-color:rgba(245,158,11,.36)}
html[data-theme="light"] .st-expired{background:rgba(17,24,39,.05);color:#6b7280;border-color:rgba(17,24,39,.12)}
html[data-theme="light"] .st-merged{background:rgba(59,130,246,.1);color:#1d4ed8;border-color:rgba(59,130,246,.24)}
html[data-theme="light"] .uc-empty a,
html[data-theme="light"] .auth-foot a{color:var(--accent-ink,var(--accent))}

/* ---------- 用户中心：只服务窄屏的两个部件（PC 上一律 display:none） ----------
   [1] 抽屉开关：.uc-drawer-ck 是一个视觉隐藏但仍可聚焦的 checkbox，汉堡按钮与遮罩
       都是它的 <label for>，点一下就切换选中态；选中态再用兄弟选择器作用到 .uc-side /
       .uc-mask。整个过程不需要 JS，只是窄屏下多一行 tab 停靠点。
   [2] 头像菜单：原生 <details>，不需要 JS 就能展开 / 收起（只做点外面关闭的增强，见 uc.php） */
.uc-drawer-ck{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.uc-mask{display:none}
.uc-burger{display:none}
.uc-user{display:none;position:relative;flex:none}
.uc-user>summary{display:block;list-style:none;cursor:pointer;border-radius:50%}
.uc-user>summary::-webkit-details-marker{display:none}
.uc-user>summary:focus-visible{outline:2px solid var(--accent,#f59e0b);outline-offset:2px}
.uc-ava{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;border-radius:50%;font-size:15px;font-weight:bold;color:#1a1a1a;background:linear-gradient(135deg,var(--accent,#f59e0b),var(--accent2,#fbbf24))}
.uc-user-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:174px;padding:6px;border-radius:14px;background:var(--uc-menu-bg);border:1px solid var(--uc-line);box-shadow:0 16px 40px rgba(0,0,0,.45)}
.uc-user-menu a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;font-size:13px;color:var(--text,#e8e8e8);white-space:nowrap;transition:.2s}
.uc-user-menu a svg{width:15px;height:15px;flex:none;opacity:.85}
.uc-user-menu a:hover{background:var(--uc-side-hover);color:#fff}
.uc-user-menu a.danger{color:#f87171}
.uc-user-menu a.danger:hover{background:rgba(248,113,113,.12);color:#fca5a5}

/* ---------- 响应式 ---------- */
@media(max-width:1000px){
  .uc-app{grid-template-columns:196px minmax(0,1fr)}
}
@media(max-width:820px){
  /* 侧栏脱离网格改成左侧抽屉（默认滑出屏幕外，勾选后滑回来），顶栏左侧出汉堡、右侧出头像菜单 */
  .uc-app{grid-template-columns:1fr}
  .uc-burger{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;padding:0;border-radius:11px;background:rgba(255,255,255,.08);border:1px solid var(--border,rgba(255,255,255,.1));color:var(--text,#e8e8e8);cursor:pointer;transition:.2s}
  .uc-burger:hover{color:var(--accent,#f59e0b);border-color:var(--accent,#f59e0b)}
  .uc-burger svg{width:18px;height:18px}
  .uc-mask{display:block;position:fixed;inset:0;background:rgba(5,6,10,.62);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:55;opacity:0;pointer-events:none;transition:opacity .3s;touch-action:none}
  .uc-drawer-ck:checked~.uc-mask{opacity:1;pointer-events:auto}
  .uc-side{position:fixed;left:0;top:0;bottom:0;height:auto;width:270px;max-width:82vw;z-index:60;overflow-y:auto;transform:translateX(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1)}
  .uc-drawer-ck:checked~.uc-side{transform:translateX(0)}
  .uc-user{display:block}
  .uc-exit{display:none}
  .uc-top{padding:12px 16px}
  .uc-body{padding:16px}
}
@media(max-width:600px){
  .form-row{grid-template-columns:1fr}
  .auth-card,.uc-card{padding:20px 16px}
  .uc-body{padding:14px 12px;gap:14px}
}

/* ---------- 订单表窄屏卡片化（≤900px） ----------
   窄屏下 7–8 列的固定表格每列只剩几十像素，怎么调都只能显示两三个字
   （也就是上一版的「T2026… / 包… / ¥0… / 展…」），信息等于看不到。
   所以 ≤900px 直接把每一行变成一张小卡片，内容一律直接铺开、不再截断：
   第 1 行 站点 / 广告位 + 右侧状态徽章；第 2 行 标题（用户填写的文本，换行完整显示）；
   第 3 行 信息标签（订单号 / 套餐 / 金额 / 到期 / 下单）；操作按钮单独一行靠右。
   所有信息一眼可见，不需要点击或长按；≥901px 仍走上面的单行固定表格。 */
@media(max-width:900px){
  /* 表格壳拆成块级，colgroup 与表头行不参与布局 */
  .uc-table colgroup{display:none}
  .uc-table,.uc-table tbody{display:block;width:100%}
  .uc-table tr{display:flex;flex-wrap:wrap;align-items:center;gap:5px 6px;padding:12px 2px;border-bottom:1px solid var(--border,rgba(255,255,255,.1))}
  .uc-table tr:last-child{border-bottom:0}
  .uc-table tr.hrow{display:none}
  /* 单元格复位：取消单行省略与固定列宽，宽度交给 flex 分配，文字可选中复制 */
  .uc-table td{padding:0;border:0;max-width:100%;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}
  /* 第 1 行：站点（主字段）/ 广告位类型，状态徽章靠右 */
  .uc-table td.t-site{order:0;flex:1 1 auto;min-width:0;font-size:13.5px;font-weight:bold;line-height:1.5}
  .uc-table td.t-type{order:0;flex:0 1 auto;min-width:0;font-size:11.5px;color:var(--dim,#8a8a96)}
  .uc-table td.t-st{order:0;flex:none;margin-left:auto}
  /* 第 2 行：标题（用户文本，直接换行完整显示） */
  .uc-table td.t-title{order:1;flex:1 1 100%;min-width:0;font-size:12.5px;line-height:1.65}
  /* 第 3 行：信息标签一行铺开，只有极长的订单号 / 套餐才自己省略 */
  .uc-table td.t-no,.uc-table td.t-plan,.uc-table td.t-amt,.uc-table td.t-time,.uc-table td.t-ctime{order:2;flex:0 1 auto;min-width:0;max-width:100%;padding:3px 8px;border-radius:7px;background:rgba(255,255,255,.05);color:var(--dim,#8a8a96);font-size:11.5px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .uc-table td.t-no{font-family:Consolas,Monaco,monospace}
  .uc-table td.t-amt{color:var(--text,#e8e8e8);font-weight:bold}
  .uc-table td.t-time::before{content:'到期 '}
  .uc-table td.t-ctime::before{content:'下单 '}
  /* 操作按钮：单独一行靠右，尺寸放大到手指可点 */
  .uc-table td.act{order:3;flex:1 1 100%;padding:0;overflow:visible;display:flex;justify-content:flex-end}
  .uc-table td.act .uc-act{width:100%;flex-wrap:wrap;justify-content:flex-end;gap:8px}
  .uc-table .uc-act .btn-line{flex:none;padding:7px 14px;font-size:12px;border-radius:9px}
  .uc-table .badge{max-width:none;padding:3px 10px;font-size:11px}
  html[data-theme="light"] .uc-table td.t-no,
  html[data-theme="light"] .uc-table td.t-plan,
  html[data-theme="light"] .uc-table td.t-amt,
  html[data-theme="light"] .uc-table td.t-time,
  html[data-theme="light"] .uc-table td.t-ctime{background:rgba(17,24,39,.05)}
}

/* ==========================================================================
   用户中心统一设计系统（以「总览」页的视觉为准，改这里 = 全标签页一起改）
   之前总览页的样式是写在 uc.php 里的 .uc-ov-* 局部块，只有总览页吃得到，
   于是订单 / 投放管理 / 个人中心 / 账号设置看起来像另一套东西。
   现在这些组件类统一挪到本文件：总览、我的订单、投放管理、个人中心、账号设置
   以及两个续费内页共用同一份 —— 卡片、KPI 数字卡、订单构成、趋势图、动效、
   提示弹出层全部一致。亮色覆盖同样收在这里，值与上面原有规则保持一致。
   ========================================================================== */

/* ---------- 页面入场动效（纯 CSS；系统开启「减弱动态效果」时关闭） ---------- */
@keyframes ucIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.uc-body>.uc-card,
.uc-body>.uc-ov,
.uc-body>.uc-grid2,
.uc-body>.uc-kpis{animation:ucIn .5s ease both}
.uc-body>.uc-card:nth-child(3){animation-delay:.04s}
.uc-body>.uc-card:nth-child(4){animation-delay:.08s}
.uc-body>.uc-card:nth-child(5){animation-delay:.12s}
.uc-body>.uc-card:nth-child(6){animation-delay:.16s}
.uc-card{transition:border-color .25s ease,box-shadow .25s ease}
@media(prefers-reduced-motion:reduce){
  .uc-body>.uc-card,.uc-body>.uc-ov,.uc-body>.uc-grid2,.uc-body>.uc-kpis,.uc-card,.uc-kpi{animation:none!important}
}

/* ---------- 页面标题区（各标签页同一份：标题 + 一句说明） ---------- */
.uc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;min-width:0}
.uc-head .text{min-width:0}
.uc-head .uc-head-sub{font-size:12px;color:var(--dim,#8a8a96);line-height:1.75;margin-top:7px}

/* ---------- 顶部弹出式提示（flash）：固定悬浮在页面上方居中，不挤占正文 ----------
   自动消失靠两道保险：CSS 的 ucToastOut 动画（禁 JS 也能消失）+ assets/uc.js 的定时移除 */
@keyframes ucToastIn{from{opacity:0;transform:translateX(-50%) translateY(-14px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
@keyframes ucToastOut{from{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-12px);visibility:hidden}}
.uc-toast{position:fixed;top:16px;left:50%;z-index:99998;display:flex;align-items:center;gap:10px;max-width:min(92vw,540px);padding:11px 12px 11px 14px;border-radius:14px;background:rgba(24,27,36,.96);border:1px solid var(--border,rgba(255,255,255,.14));box-shadow:0 18px 44px rgba(0,0,0,.45);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);color:var(--text,#e8e8e8);font-size:13px;line-height:1.6;transition:opacity .35s ease,transform .35s ease,visibility .35s ease;animation:ucToastIn .38s cubic-bezier(.4,0,.2,1) both,ucToastOut .5s ease 4.6s forwards}
.uc-toast .ico{display:flex;align-items:center;justify-content:center;width:26px;height:26px;flex:none;border-radius:9px;background:rgba(255,255,255,.08);color:var(--accent-ink,var(--accent,#f59e0b))}
.uc-toast .ico svg{width:15px;height:15px}
.uc-toast .msg{min-width:0;word-break:break-word}
.uc-toast .x{margin-left:4px;width:24px;height:24px;flex:none;padding:0;border:0;border-radius:8px;background:transparent;color:var(--dim,#8a8a96);font-size:17px;line-height:1;cursor:pointer;transition:.2s;font-family:inherit}
.uc-toast .x:hover{background:rgba(255,255,255,.08);color:var(--text,#e8e8e8)}
.uc-toast.success{border-color:rgba(22,163,74,.42)}
.uc-toast.success .ico{background:rgba(22,163,74,.16);color:#86efac}
.uc-toast.warn{border-color:rgba(245,158,11,.42)}
.uc-toast.warn .ico{background:rgba(245,158,11,.16);color:#fcd34d}
.uc-toast.hide{opacity:0;transform:translateX(-50%) translateY(-12px);visibility:hidden}

/* ---------- 顶部 KPI 数字卡 ---------- */
.uc-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px;min-width:0}
.uc-kpi{position:relative;overflow:hidden;min-width:0;padding:17px 18px 15px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid var(--border,rgba(255,255,255,.1));box-shadow:0 14px 36px rgba(0,0,0,.26),0 1px 0 rgba(255,255,255,.08) inset;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);animation:ucIn .5s ease both}
.uc-kpi::after{content:'';position:absolute;right:-36px;top:-36px;width:118px;height:118px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.15),transparent 68%);pointer-events:none}
.uc-kpi.acc{background:linear-gradient(140deg,rgba(245,158,11,.17),rgba(255,255,255,.05) 60%);border-color:rgba(245,158,11,.32)}
.uc-kpi .lb{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:bold;letter-spacing:.4px;color:var(--dim,#8a8a96)}
.uc-kpi .lb svg{width:14px;height:14px;flex:none;color:var(--accent,#f59e0b)}
.uc-kpi .num{margin-top:9px;font-size:29px;line-height:1.15;font-weight:bold;color:#fff;font-variant-numeric:tabular-nums;word-break:break-all}
.uc-kpi .num .yen{font-size:16px;margin-right:3px}
.uc-kpi.acc .num{color:var(--accent-ink,var(--accent,#f59e0b))}
.uc-kpi .ft{margin-top:7px;font-size:11.5px;color:var(--dim,#8a8a96);line-height:1.6}
.uc-kpis .uc-kpi:nth-child(2){animation-delay:.05s}
.uc-kpis .uc-kpi:nth-child(3){animation-delay:.1s}
.uc-kpis .uc-kpi:nth-child(4){animation-delay:.15s}
.uc-kpi .more{display:inline-flex;align-items:center;gap:5px;margin-top:9px;font-size:11.5px;color:var(--accent-ink,var(--accent,#f59e0b));font-weight:bold}
.uc-kpi .more:hover{text-decoration:underline}

/* ---------- 两栏内容网格（账户信息 + 订单构成 这类并排卡片） ---------- */
.uc-grid2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px;min-width:0;align-items:stretch}
.uc-grid2>.uc-card{min-width:0;animation:ucIn .5s ease both}
.uc-grid2>.uc-card+.uc-card{animation-delay:.08s}
@media(max-width:980px){.uc-grid2{grid-template-columns:1fr}}

/* ---------- 账户信息块（头像 + 用户名 / 邮箱 + 两行元信息） ---------- */
.uc-me{display:flex;align-items:center;gap:13px;padding:2px 0 14px;margin-bottom:12px;border-bottom:1px dashed var(--uc-line,rgba(255,255,255,.09));min-width:0}
.uc-me-ava{width:48px;height:48px;flex:none;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:bold;color:#1a1a1a;background:linear-gradient(135deg,var(--accent,#f59e0b),var(--accent2,#fbbf24));box-shadow:0 6px 18px rgba(245,158,11,.32)}
.uc-metxt{min-width:0}
.uc-metxt .nm{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:bold;color:#fff;word-break:break-all;flex-wrap:wrap}
.uc-metxt .em{display:flex;align-items:center;gap:6px;margin-top:5px;font-size:12.5px;color:var(--dim,#8a8a96);word-break:break-all}
.uc-metxt .em svg{width:13px;height:13px;flex:none;opacity:.85}
.uc-meta{display:grid}
.uc-meta .r{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--uc-line,rgba(255,255,255,.09));font-size:12.5px}
.uc-meta .r:last-child{border-bottom:0;padding-bottom:2px}
.uc-meta .k{color:var(--dim,#8a8a96);flex:none}
.uc-meta .v{color:var(--text,#e8e8e8);font-weight:bold;text-align:right;word-break:break-all}
.uc-me-act{margin-top:13px}
.uc-me-act .btn-line{width:auto}
.uc-me-act form{display:block}

/* ---------- 订单构成分组（标题行 + 已支付占比条 + 计数片） ---------- */
.uc-grp+.uc-grp{margin-top:16px;padding-top:16px;border-top:1px dashed var(--uc-line,rgba(255,255,255,.09))}
.uc-grp .hd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.uc-grp .ti{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:bold;color:var(--text,#e8e8e8);min-width:0}
.uc-grp .ti svg{width:15px;height:15px;flex:none;color:var(--accent,#f59e0b)}
.uc-grp .tt{flex:none;font-size:11.5px;color:var(--dim,#8a8a96);padding:3px 10px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid var(--border,rgba(255,255,255,.1));white-space:nowrap}
.uc-bar{display:flex;height:9px;border-radius:7px;overflow:hidden;background:rgba(255,255,255,.06)}
.uc-bar span{height:100%}
.uc-bar .b1{background:linear-gradient(90deg,#16a34a,#22c55e)}
.uc-bar .b2{background:rgba(245,158,11,.4)}
.uc-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.uc-chips span{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--dim,#8a8a96);padding:4px 10px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid var(--border,rgba(255,255,255,.1))}
.uc-chips b{color:var(--text,#e8e8e8);font-variant-numeric:tabular-nums}
.uc-chips span::before{content:'';width:7px;height:7px;border-radius:50%;flex:none}
.uc-chips .c1::before{background:#22c55e}
.uc-chips .c2::before{background:#f59e0b}
.uc-chips .c3::before{background:var(--accent-ink,var(--accent,#f59e0b))}

/* ---------- 趋势图卡：标题与切换器同行，图例含合计胶囊 ---------- */
.uc-chart-card{min-width:0}
.uc-chead{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.uc-chead h2{margin-bottom:0;padding-bottom:0;border-bottom:0}
.uc-chart-card .uc-chart-bar{margin-bottom:0}
.uc-chart-card .uc-legend{margin-bottom:12px}
.uc-total{padding:4px 11px;border-radius:20px;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.26);color:var(--accent-ink,var(--accent,#f59e0b))}
/* 图表本体：包一层浅色面板；面积渐变与数据点配色见 ucTrendSvg() 输出的类 */
.uc-chart-card .uc-chart{box-sizing:border-box;padding:6px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid var(--border,rgba(255,255,255,.08))}
.uc-chart-card .uc-chart .ar1{fill:url(#ucOvGa)}
.uc-chart-card .uc-chart .ar2{fill:url(#ucOvGb)}
#ucOvGa .s1,#ucOvGa .s2,#ucOvGb .s1,#ucOvGb .s2{stop-color:var(--accent,#f59e0b)}
#ucOvGb .s1,#ucOvGb .s2{stop-color:#22c55e}
#ucOvGa .s1{stop-opacity:.3}
#ucOvGa .s2{stop-opacity:0}
#ucOvGb .s1{stop-opacity:.24}
#ucOvGb .s2{stop-opacity:0}
.uc-chart-card .uc-chart .pt1{fill:var(--accent,#f59e0b);stroke:var(--uc-main-bg,#14161e);stroke-width:1.5}
.uc-chart-card .uc-chart .pt2{fill:#22c55e;stroke:var(--uc-main-bg,#14161e);stroke-width:1.5}
/* 局部刷新（assets/uc.js）：只有图在淡入/半透明，外层卡片不动，避免整块重播入场动效 */
@keyframes ucChartIn{from{opacity:.25}to{opacity:1}}
.uc-chart-card .uc-chart{transition:opacity .25s ease}
.uc-chart-card.refreshed .uc-chart{animation:ucChartIn .38s ease}
.uc-chart-card.busy .uc-chart,
.uc-chart-card.busy .uc-legend,
.uc-chart-card.busy .uc-chead{opacity:.5}
.uc-chart-empty{padding:34px 10px;text-align:center;font-size:12.5px;color:var(--dim,#8a8a96)}

/* ---------- 表格：暗色下也给出行悬停反馈（亮色覆盖见上方原有规则） ---------- */
.uc-table tbody tr{transition:background .18s ease}
.uc-table tr:hover td{background:rgba(255,255,255,.03)}
.uc-card>.uc-table-wrap{margin:0 -4px}

/* ---------- 更换邮箱：两步流程的分步展示 ---------- */
.uc-flow{display:flex;flex-direction:column;gap:14px}
.uc-flow-step{position:relative;padding:15px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--border,rgba(255,255,255,.1))}
.uc-flow-step.cur{border-color:rgba(245,158,11,.45);background:rgba(245,158,11,.07);box-shadow:0 0 0 3px rgba(245,158,11,.08)}
.uc-flow-step.done{border-color:rgba(22,163,74,.35);background:rgba(22,163,74,.06)}
.uc-flow-hd{display:flex;align-items:center;gap:9px;margin-bottom:9px;font-size:13px;font-weight:bold;color:var(--text,#e8e8e8)}
.uc-flow-num{display:flex;align-items:center;justify-content:center;width:23px;height:23px;flex:none;border-radius:50%;font-size:12px;background:rgba(255,255,255,.09);color:var(--dim,#8a8a96)}
.uc-flow-step.cur .uc-flow-num{background:linear-gradient(135deg,var(--accent,#f59e0b),var(--accent2,#fbbf24));color:#1a1a1a}
.uc-flow-step.done .uc-flow-num{background:rgba(22,163,74,.18);color:#86efac}
.uc-flow-tip{font-size:12px;color:var(--dim,#8a8a96);line-height:1.8}
.uc-flow-acts{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:12px}
.uc-flow-acts .btn-submit{margin-top:0;width:auto;min-width:150px;padding:11px 18px}
.uc-code{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.uc-code input{flex:1;min-width:150px;letter-spacing:5px;font-size:15px;font-weight:bold;text-align:center;font-variant-numeric:tabular-nums}
.uc-inline-form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-top:4px}
.uc-inline-form .form-group{flex:1;min-width:220px;margin-bottom:0}
.uc-inline-form .btn-line{white-space:nowrap}

/* ---------- 亮色主题覆盖（与上方原有覆盖同一套值） ---------- */
html[data-theme="light"] .uc-toast{background:rgba(255,255,255,.96);border-color:rgba(17,24,39,.12);box-shadow:0 16px 40px rgba(15,23,42,.18)}
html[data-theme="light"] .uc-toast .ico{background:rgba(17,24,39,.05);color:var(--accent-ink,var(--accent))}
html[data-theme="light"] .uc-toast .x:hover{background:rgba(17,24,39,.06)}
html[data-theme="light"] .uc-toast.success .ico{background:rgba(22,163,74,.12);color:#15803d}
html[data-theme="light"] .uc-kpi{background:rgba(255,255,255,.82);border-color:rgba(17,24,39,.1);box-shadow:0 8px 26px rgba(15,23,42,.07)}
html[data-theme="light"] .uc-kpi.acc{background:linear-gradient(140deg,rgba(245,158,11,.15),rgba(255,255,255,.85) 62%);border-color:rgba(245,158,11,.36)}
html[data-theme="light"] .uc-kpi .num{color:#1f2530}
html[data-theme="light"] .uc-kpi.acc .num{color:var(--accent-ink,var(--accent))}
html[data-theme="light"] .uc-kpi::after{background:radial-gradient(circle,rgba(245,158,11,.12),transparent 68%)}
html[data-theme="light"] .uc-metxt .nm,
html[data-theme="light"] .uc-grp .ti{color:#1f2530}
html[data-theme="light"] .uc-grp .tt{background:rgba(17,24,39,.05);border-color:rgba(17,24,39,.12)}
html[data-theme="light"] .uc-bar{background:rgba(17,24,39,.08)}
html[data-theme="light"] .uc-bar .b2{background:rgba(245,158,11,.45)}
html[data-theme="light"] .uc-chips span{background:rgba(17,24,39,.04);border-color:rgba(17,24,39,.1)}
html[data-theme="light"] .uc-chips b{color:#1f2530}
html[data-theme="light"] .uc-chart-card .uc-chart{background:rgba(17,24,39,.025);border-color:rgba(17,24,39,.08)}
html[data-theme="light"] .uc-chart-card .uc-chart .pt1,
html[data-theme="light"] .uc-chart-card .uc-chart .pt2{stroke:#f4f6fb}
html[data-theme="light"] .uc-flow-step{background:rgba(255,255,255,.72);border-color:rgba(17,24,39,.12)}
html[data-theme="light"] .uc-flow-step.cur{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.4)}
html[data-theme="light"] .uc-flow-step.done{background:rgba(22,163,74,.08);border-color:rgba(22,163,74,.3)}
html[data-theme="light"] .uc-flow-hd{color:#1f2530}
html[data-theme="light"] .uc-flow-num{background:rgba(17,24,39,.06)}
html[data-theme="light"] .uc-flow-step.done .uc-flow-num{background:rgba(22,163,74,.14);color:#15803d}