/**
 * public/shared/kc-ui.css
 * v2.70.0 · 主站 / 代理商前台全新 UI 设计系统
 * 第一批：Header / Hero / Footer / Button；第二批：商品卡 / 目录 / 详情 / 权益包
 * 第三批：代充向导 / 订单 / 钱包 / 充值 / 兑换 / 登录弹层
 * 第四批：可访问性与克制科技点缀（等宽索引 / 发丝线 / 点阵 / 数据刻度）
 *
 * 铁律：只在 body.kc-ui-v2 作用域内覆盖样式；不改 DOM 结构、不动业务 JS。
 * 租户品牌色仍由 applyBrand() 写入 --brand；paper 为平台默认方案。
 */

/* ===== paper 暖白：平台默认配色 ===== */
:root[data-scheme="paper"]{
  color-scheme:light;
  --bg:#F6F5F1;--bg2:#FAF9F5;--card:#FFFFFF;--card2:#EFEEE8;
  --line:#E3E0D6;--line2:#D2CEC1;
  --text:#14171C;--sub:#5D6470;--dim:#8B919C;
  --brand:#0F6E56;--brand-deep:#0B5543;--brand-ink:#FFFFFF;
  --brand-bg:rgba(15,110,86,.10);--brand-line:rgba(15,110,86,.28);
  --ink:var(--text);
  --amber:#B26A00;--amber-bg:#FBF2DF;
  --red:#C13B3F;--red-bg:#FCEBEB;
  --ok:#167A3D;--ok-bg:#E6F7EC;
  --radius:16px;--radius-sm:10px;--radius-lg:22px;
  --glow:radial-gradient(ellipse at 50% 0%,rgba(15,110,86,.10),transparent 62%);
  --glow-strong:none;
  --shadow:0 1px 2px rgba(20,23,28,.04),0 18px 40px -28px rgba(20,23,28,.28);
  --shadow-sm:0 1px 2px rgba(20,23,28,.03),0 8px 22px -18px rgba(20,23,28,.22);
  --head:rgba(246,245,241,.90);
}
/* 说明：token 只由 :root[data-scheme="…"] 提供。body 不再重复声明 token，
   否则会盖掉 nebula 等可选暗色方案（v2.65.0 验收 F6 曾因此 FAIL）。 */

/* ===== 可选配色方案（v2.68.0：补到共享层，主站与代理商前台同源） ===== */
:root[data-scheme="mint"]{
  color-scheme:dark;
  --bg:#0C1613;--bg2:#0F1B17;--card:#14211D;--card2:#1A2A25;
  --line:#213830;--line2:#2D4C43;
  --text:#EEF6F3;--sub:#94AFA7;--dim:#6C8B82;
  --brand:#6EE7B7;--brand-deep:#4FD3A0;--brand-ink:#06231A;
  --brand-bg:rgba(110,231,183,.13);--brand-line:rgba(110,231,183,.36);
  --amber:#E3BE63;--amber-bg:rgba(227,190,99,.13);
  --red:#FF6B6B;--red-bg:rgba(255,107,107,.13);
  --ok:#4FD08C;--ok-bg:rgba(79,208,140,.13);
  --radius:16px;--radius-sm:10px;--radius-lg:22px;
  --glow:radial-gradient(ellipse at 50% 0%,rgba(110,231,183,.16),transparent 62%);
  --glow-strong:radial-gradient(ellipse at center,rgba(110,231,183,.16),transparent 68%);
  --shadow:0 24px 60px rgba(0,0,0,.5);--shadow-sm:0 6px 20px rgba(0,0,0,.35);
  --head:rgba(12,22,19,.82);
}
:root[data-scheme="ocean"]{
  color-scheme:dark;
  --bg:#070B14;--bg2:#0B1220;--card:#0F1626;--card2:#151E30;
  --line:#1E2A42;--line2:#2B3B58;
  --text:#EEF3FB;--sub:#93A1B8;--dim:#66738A;
  --brand:#4D9BFF;--brand-deep:#3A7FE0;--brand-ink:#04101F;
  --brand-bg:rgba(77,155,255,.13);--brand-line:rgba(77,155,255,.36);
  --amber:#E6BE5E;--amber-bg:rgba(230,190,94,.13);
  --red:#FF6B70;--red-bg:rgba(255,107,112,.13);
  --ok:#4DD08A;--ok-bg:rgba(77,208,138,.13);
  --radius:16px;--radius-sm:10px;--radius-lg:22px;
  --glow:radial-gradient(ellipse at 50% 0%,rgba(77,155,255,.16),transparent 62%);
  --glow-strong:radial-gradient(ellipse at center,rgba(77,155,255,.16),transparent 68%);
  --shadow:0 24px 60px rgba(0,0,0,.5);--shadow-sm:0 6px 20px rgba(0,0,0,.35);
  --head:rgba(7,11,20,.82);
}
:root[data-scheme="violet"]{
  color-scheme:dark;
  --bg:#0A0812;--bg2:#0E0B18;--card:#141021;--card2:#1B1630;
  --line:#271F3D;--line2:#372C52;
  --text:#F2EFFB;--sub:#A69CBD;--dim:#79708F;
  --brand:#8B7BFF;--brand-deep:#7263E8;--brand-ink:#0A0812;
  --brand-bg:rgba(139,123,255,.14);--brand-line:rgba(139,123,255,.36);
  --amber:#E7BE6A;--amber-bg:rgba(231,190,106,.13);
  --red:#FF6B8A;--red-bg:rgba(255,107,138,.13);
  --ok:#4FD3A2;--ok-bg:rgba(79,211,162,.13);
  --radius:16px;--radius-sm:10px;--radius-lg:22px;
  --glow:radial-gradient(ellipse at 50% 0%,rgba(139,123,255,.18),transparent 62%);
  --glow-strong:radial-gradient(ellipse at center,rgba(139,123,255,.17),transparent 68%);
  --shadow:0 24px 60px rgba(0,0,0,.55);--shadow-sm:0 6px 20px rgba(0,0,0,.4);
  --head:rgba(10,8,18,.82);
}
:root[data-scheme="ember"]{
  color-scheme:dark;
  --bg:#0C0A09;--bg2:#120F0D;--card:#1A1512;--card2:#221B16;
  --line:#332A23;--line2:#473A30;
  --text:#FBF4EF;--sub:#B39B8C;--dim:#84705F;
  --brand:#FF7A45;--brand-deep:#E85F2A;--brand-ink:#180A04;
  --brand-bg:rgba(255,122,69,.13);--brand-line:rgba(255,122,69,.36);
  --amber:#EFC15E;--amber-bg:rgba(239,193,94,.13);
  --red:#FF6A5E;--red-bg:rgba(255,106,94,.13);
  --ok:#58CF8A;--ok-bg:rgba(88,207,138,.13);
  --radius:16px;--radius-sm:10px;--radius-lg:22px;
  --glow:radial-gradient(ellipse at 50% 0%,rgba(255,122,69,.14),transparent 62%);
  --glow-strong:radial-gradient(ellipse at center,rgba(255,122,69,.16),transparent 68%);
  --shadow:0 24px 60px rgba(0,0,0,.55);--shadow-sm:0 6px 20px rgba(0,0,0,.4);
  --head:rgba(12,10,9,.82);
}
:root[data-scheme="ink"]{
  color-scheme:light;
  --bg:#F7F8FA;--bg2:#FFFFFF;--card:#FFFFFF;--card2:#F2F4F8;
  --line:#E6E9EF;--line2:#D3D8E0;
  --text:#111827;--sub:#5B6472;--dim:#98A1AE;
  --brand:#3B6CF6;--brand-deep:#2E56CC;--brand-ink:#FFFFFF;
  --brand-bg:#EAF0FE;--brand-line:#B9CBFB;
  --amber:#8A5A0B;--amber-bg:#FBF2DF;
  --red:#C13B3F;--red-bg:#FCEBEB;
  --ok:#167A3D;--ok-bg:#E6F7EC;
  --radius:16px;--radius-sm:10px;--radius-lg:22px;
  --glow:radial-gradient(ellipse at 50% 0%,rgba(59,108,246,.10),transparent 60%);
  --glow-strong:radial-gradient(ellipse at center,rgba(59,108,246,.09),transparent 68%);
  --shadow:0 20px 44px rgba(20,28,45,.10);--shadow-sm:0 4px 16px rgba(20,28,45,.07);
  --head:rgba(255,255,255,.88);
}
:root[data-scheme="nebula"]{
  color-scheme:dark;
  --bg:#06070C;--bg2:#0A0C14;--card:#0F121C;--card2:#151A27;
  --line:#1D2334;--line2:#2B3348;
  --text:#EDF1FA;--sub:#98A4BD;--dim:#6B7690;
  --brand:#5B8CFF;--brand-deep:#8AA6FF;--brand-ink:#04070F;
  --brand-bg:rgba(91,140,255,.14);--brand-line:rgba(91,140,255,.38);
  --amber:#E6BE5E;--amber-bg:rgba(230,190,94,.13);
  --red:#FF6B82;--red-bg:rgba(255,107,130,.13);
  --ok:#4DD3A0;--ok-bg:rgba(77,211,160,.13);
  --radius:16px;--radius-sm:10px;--radius-lg:22px;
  --glow:radial-gradient(ellipse at 50% 0%,rgba(91,140,255,.22),transparent 62%);
  --glow-strong:radial-gradient(ellipse at center,rgba(139,123,255,.20),transparent 68%);
  --shadow:0 28px 70px rgba(0,0,0,.55);--shadow-sm:0 8px 24px rgba(0,0,0,.42);
  --head:rgba(6,7,12,.72);
}
:root[data-scheme="aurora"]{
  color-scheme:light;
  --bg:#FFFFFF;--bg2:#FBFBFF;--card:#FFFFFF;--card2:#F6F7FC;
  --line:#EBEEF7;--line2:#DCE1F0;
  --text:#0E1420;--sub:#5B6478;--dim:#98A1B6;
  --brand:#4F6BFF;--brand-deep:#8B5CF6;--brand-ink:#FFFFFF;
  --brand-bg:rgba(79,107,255,.10);--brand-line:rgba(79,107,255,.32);
  --amber:#8A5A0B;--amber-bg:#FBF2DF;
  --red:#C13B3F;--red-bg:#FCEBEB;
  --ok:#167A3D;--ok-bg:#E6F7EC;
  --radius:16px;--radius-sm:10px;--radius-lg:22px;
  --glow:radial-gradient(ellipse at 50% 0%,rgba(79,107,255,.16),transparent 62%);
  --glow-strong:radial-gradient(ellipse at center,rgba(139,92,246,.18),transparent 68%);
  --shadow:0 2px 4px rgba(16,24,40,.03),0 24px 56px -32px rgba(16,24,40,.42);
  --shadow-sm:0 2px 4px rgba(16,24,40,.03),0 16px 36px -24px rgba(16,24,40,.35);
  --head:rgba(255,255,255,.86);
}

/* ===== Header ===== */
.kc-ui-v2 header.site{
  position:sticky;top:0;z-index:80;
  background:var(--head);border-bottom:1px solid var(--line);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
.kc-ui-v2 header.site .inner{height:64px;gap:18px}
.kc-ui-v2 .logo{font-size:16px;font-weight:750;letter-spacing:-.01em;gap:9px}
.kc-ui-v2 .logo .dot{
  width:30px;height:30px;border-radius:9px;background:var(--text);color:var(--bg);
  font-size:12px;font-weight:800;letter-spacing:-.04em;overflow:hidden;flex:none;
}
.kc-ui-v2 .logo .dot img{width:100%;height:100%;object-fit:cover}
.kc-ui-v2 nav.main{margin-left:0;min-width:0;gap:2px;overflow-x:auto;scrollbar-width:none}
.kc-ui-v2 nav.main::-webkit-scrollbar{display:none}
.kc-ui-v2 nav.main button{
  border:0;background:transparent;color:var(--sub);font-size:13.5px;font-weight:500;
  padding:8px 13px;border-radius:8px;white-space:nowrap;cursor:pointer;font-family:inherit;
}
.kc-ui-v2 nav.main button:hover{background:var(--card2);color:var(--text)}
.kc-ui-v2 nav.main button.active,.kc-ui-v2 nav.main button.on{
  background:var(--card2);color:var(--text);font-weight:650;
}
.kc-ui-v2 .hright{margin-left:auto;display:flex;align-items:center;gap:8px;flex:none}
.kc-ui-v2 .balchip{
  display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--sub);
  border:1px solid var(--line);background:var(--card);border-radius:999px;padding:6px 12px;cursor:pointer;
}
.kc-ui-v2 .balchip b{color:var(--text);font-weight:700}
.kc-ui-v2 .balchip:hover{border-color:var(--dim)}
.kc-ui-v2 .notif-btn{
  width:36px;height:36px;border:1px solid var(--line);background:var(--card);
  border-radius:999px;color:var(--sub);
}
.kc-ui-v2 .notif-btn:hover{border-color:var(--dim);color:var(--text)}
.kc-ui-v2 .me{margin-left:8px;gap:8px;color:var(--sub);font-size:12.5px}

/* ===== Button ===== */
.kc-ui-v2 .btn{
  height:42px;padding:0 18px;border-radius:10px;border:1px solid var(--line2);
  background:var(--card);color:var(--text);font-size:13.5px;font-weight:600;
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  cursor:pointer;font-family:inherit;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;
}
.kc-ui-v2 .btn:hover{border-color:var(--dim);background:var(--card)}
.kc-ui-v2 .btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
.kc-ui-v2 .btn.primary:hover{background:var(--brand-deep);border-color:var(--brand-deep)}
.kc-ui-v2 .btn.ghost{background:var(--card2);border-color:transparent;color:var(--sub)}
.kc-ui-v2 .btn.ghost:hover{border-color:var(--line2);color:var(--text);background:var(--card2)}
.kc-ui-v2 .btn.lg{height:48px;padding:0 24px;font-size:14.5px;border-radius:11px}
.kc-ui-v2 .btn.sm{height:34px;padding:0 13px;font-size:12.5px;border-radius:9px}
.kc-ui-v2 .btn.pill{border-radius:999px}
.kc-ui-v2 .btn.link{border:0;background:transparent;color:var(--brand);padding:4px 6px;height:auto;font-size:12.5px;font-weight:600}
.kc-ui-v2 .btn.link:hover{opacity:.75}
.kc-ui-v2 .lnk{color:var(--brand);font-weight:650}

/* ===== Hero =====
   注意：site/index.html 的旧视觉层用 #view-home 提高过特异性，本批统一用
   body.kc-ui-v2 #view-home 前缀，保证后加载的 kc-ui.css 稳定覆盖旧规则。 */
body.kc-ui-v2 #view-home .hero{
  position:relative;overflow:hidden;text-align:left;
  padding:0;margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;
  background:
    radial-gradient(circle at 88% 12%,var(--brand-bg),transparent 34%),
    linear-gradient(180deg,var(--bg2) 0%,var(--bg) 100%);
}
body.kc-ui-v2 #view-home .hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(127,127,127,.18) 1px,transparent 1px);
  background-size:22px 22px;opacity:.26;
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 72%);
  mask-image:linear-gradient(180deg,#000,transparent 72%);
}
body.kc-ui-v2 #view-home .hero::after{display:none}
body.kc-ui-v2 #view-home .hero .orb{display:none}
body.kc-ui-v2 #view-home .hero .hero-in{
  position:relative;z-index:2;max-width:1120px;margin:0 auto;padding:72px 24px 56px;
  display:grid;grid-template-columns:1.12fr .88fr;gap:56px;align-items:center;text-align:left;
}
body.kc-ui-v2 #view-home .hero-copy{min-width:0}
body.kc-ui-v2 #view-home .hero .eyebrow{
  display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;
  color:var(--brand);background:var(--brand-bg);border:1px solid var(--brand-line);
  border-radius:999px;padding:5px 11px;margin:0;
  -webkit-backdrop-filter:none;backdrop-filter:none;
}
body.kc-ui-v2 #view-home .hero .eyebrow .d{width:6px;height:6px;border-radius:50%;background:var(--brand)}
body.kc-ui-v2 #view-home .hero h1{
  font-size:clamp(34px,4.4vw,54px);line-height:1.06;letter-spacing:-.035em;
  font-weight:760;color:var(--text);margin:18px 0 16px;
  background:none;-webkit-background-clip:border-box;background-clip:border-box;
  -webkit-text-fill-color:currentColor;text-shadow:none;
}
body.kc-ui-v2 #view-home .hero .lead{max-width:34em;margin:0;color:var(--sub);font-size:15.5px;line-height:1.75}
body.kc-ui-v2 #view-home .hero-actions{display:flex;gap:10px;margin-top:24px;justify-content:flex-start;flex-wrap:wrap}
body.kc-ui-v2 #view-home .hero-actions .btn{height:48px;padding:0 24px;font-size:14.5px;border-radius:11px;box-shadow:none}
body.kc-ui-v2 #view-home .hero-actions .btn.primary{box-shadow:none}
body.kc-ui-v2 #view-home .hero-actions .btn.primary:hover{transform:none;box-shadow:none}
body.kc-ui-v2 #view-home .hero .cond{margin-top:14px;font-size:12.5px;color:var(--dim)}
body.kc-ui-v2 #view-home .hero-cta{
  max-width:420px;margin:18px 0 0;display:flex;align-items:center;gap:12px;text-align:left;
  background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;
  box-shadow:none;cursor:pointer;transition:border-color .15s,transform .15s;
  -webkit-backdrop-filter:none;backdrop-filter:none;
}
body.kc-ui-v2 #view-home .hero-cta:hover{transform:translateY(-1px);border-color:var(--line2);box-shadow:none}
body.kc-ui-v2 #view-home .hero-cta .ic{
  width:36px;height:36px;border-radius:10px;background:var(--brand-bg);border:1px solid var(--brand-line);
  display:grid;place-items:center;flex:none;color:var(--brand);font-size:16px;
}
body.kc-ui-v2 #view-home .hero-cta .tt b{font-size:13.5px;font-weight:650}
body.kc-ui-v2 #view-home .hero-cta .tt span{font-size:12px;color:var(--sub)}
body.kc-ui-v2 #view-home .hero-cta .ar{color:var(--brand);font-size:16px}
body.kc-ui-v2 #view-home .hero .trust{
  grid-column:1/-1;max-width:none;margin:38px 0 0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:0;
  border:1px solid var(--line);background:var(--card);border-radius:var(--radius);overflow:hidden;
  box-shadow:var(--shadow-sm);position:relative;z-index:2;
}
body.kc-ui-v2 #view-home .hero .trust .t{
  text-align:left;padding:18px 20px;border:0;border-left:1px solid var(--line);
  border-radius:0;background:var(--card);box-shadow:none;
}
body.kc-ui-v2 #view-home .hero .trust .t:first-child{border-left:0}
body.kc-ui-v2 #view-home .hero .trust .n{font-size:14px;font-weight:680;line-height:1.5;letter-spacing:0}
body.kc-ui-v2 #view-home .hero .trust .n em{font-style:normal;color:var(--brand)}
body.kc-ui-v2 #view-home .hero .trust .l{font-size:12.5px;color:var(--sub);margin-top:3px}
body.kc-ui-v2 #view-home .hero .trust .s{font-size:11.5px;color:var(--dim);margin-top:2px}

/* Hero 订单预览卡 */
body.kc-ui-v2 #view-home .hero-preview{
  background:var(--card);border:1px solid var(--line);border-radius:18px;
  box-shadow:var(--shadow);padding:18px;position:relative;min-width:0;
}
body.kc-ui-v2 #view-home .hero-preview::before{
  content:"";position:absolute;top:-1px;left:24px;right:24px;height:1px;
  background:linear-gradient(90deg,transparent,var(--brand),transparent);opacity:.65;
}
body.kc-ui-v2 #view-home .hp-top{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--dim);font-weight:650;letter-spacing:.03em}
body.kc-ui-v2 #view-home .hp-top .dot{width:6px;height:6px;border-radius:50%;background:var(--ok)}
body.kc-ui-v2 #view-home .hero-preview h3{font-size:17px;font-weight:680;margin:10px 0 3px;line-height:1.4}
body.kc-ui-v2 #view-home .hp-sub{font-size:12.5px;color:var(--sub)}
body.kc-ui-v2 #view-home .hp-price-row{display:flex;align-items:flex-end;gap:9px;margin:15px 0 3px;flex-wrap:wrap}
body.kc-ui-v2 #view-home .hp-price{font-size:34px;font-weight:780;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
body.kc-ui-v2 #view-home .hp-old{font-size:13px;color:var(--dim);text-decoration:line-through;margin-bottom:4px}
body.kc-ui-v2 #view-home .hp-ent{font-size:12.5px;color:var(--brand);font-weight:600;min-height:18px}
body.kc-ui-v2 #view-home .hp-rows{margin:13px 0;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line)}
body.kc-ui-v2 #view-home .hp-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:12.5px;color:var(--sub)}
body.kc-ui-v2 #view-home .hp-row b{color:var(--text);font-weight:600;text-align:right}
body.kc-ui-v2 #view-home .hero-preview .btn{width:100%}
body.kc-ui-v2 #view-home .hp-note{text-align:center;font-size:11.5px;color:var(--dim);margin-top:9px;line-height:1.5}

/* ===== Footer ===== */
.kc-ui-v2 footer.site{
  margin-top:20px;padding:44px 0 26px;border-top:1px solid var(--line);
  background:var(--bg2);color:var(--sub);font-size:12.5px;text-align:left;
}
.kc-ui-v2 .foot-cols{display:grid;grid-template-columns:1.6fr repeat(4,.8fr);gap:28px;margin-bottom:26px}
.kc-ui-v2 .foot-cols h5{font-size:11.5px;color:var(--dim);font-weight:650;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}
.kc-ui-v2 .foot-cols button{
  display:block;width:auto;color:var(--sub);font-size:12.5px;padding:3px 0;
  text-align:left;font-family:inherit;background:none;border:0;cursor:pointer;line-height:1.6;
}
.kc-ui-v2 .foot-cols button:hover{color:var(--text)}
.kc-ui-v2 .foot-cols .about{color:var(--sub);font-size:12.5px;line-height:1.7;max-width:300px}
.kc-ui-v2 .foot-cols .logo{font-size:15px;cursor:default;margin-bottom:8px}
.kc-ui-v2 .foot-base{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11.5px;color:var(--dim)}
.kc-ui-v2 footer.site > .wrap + .wrap{padding-top:0}
.kc-ui-v2 footer.site > .wrap + .wrap a{color:var(--sub)!important;font-size:12px;text-decoration:none}

/* ===== Responsive ===== */
@media(max-width:1024px){
  body.kc-ui-v2 #view-home .hero .hero-in{grid-template-columns:1fr;gap:30px;padding:52px 24px 44px}
  body.kc-ui-v2 #view-home .hero-preview{max-width:520px}
  body.kc-ui-v2 #view-home .hero .trust{grid-template-columns:1fr;margin-top:26px}
  body.kc-ui-v2 #view-home .hero .trust .t{border-left:0;border-bottom:1px solid var(--line);border-radius:0}
  body.kc-ui-v2 #view-home .hero .trust .t:last-child{border-bottom:0}
  .kc-ui-v2 .foot-cols{grid-template-columns:1.2fr 1fr 1fr}
}
@media(max-width:640px){
  .kc-ui-v2 header.site .inner{height:auto;min-height:58px;flex-wrap:wrap;gap:8px;padding:8px 0}
  .kc-ui-v2 .logo{font-size:14.5px}
  .kc-ui-v2 nav.main{order:4;width:100%;margin-left:0;gap:2px;padding-bottom:2px}
  .kc-ui-v2 nav.main button{font-size:12.5px;padding:7px 10px}
  .kc-ui-v2 .hright{margin-left:auto}
  .kc-ui-v2 .balchip{display:none}
  body.kc-ui-v2 #view-home .hero .hero-in{padding:44px 16px 36px}
  body.kc-ui-v2 #view-home .hero h1{font-size:36px;margin-top:16px}
  body.kc-ui-v2 #view-home .hero .lead{font-size:14.5px}
  body.kc-ui-v2 #view-home .hero-actions .btn{flex:1 1 auto}
  body.kc-ui-v2 #view-home .hero-preview{margin-top:2px}
  body.kc-ui-v2 #view-home .hero-cta{max-width:none}
  .kc-ui-v2 .foot-cols{grid-template-columns:1fr 1fr;gap:22px}
  .kc-ui-v2 .btn{min-height:40px}
  .kc-ui-v2 .btn.sm{min-height:36px}
}
@media(prefers-reduced-motion:reduce){
  .kc-ui-v2 *{transition:none!important;animation:none!important}
}

/* ============================================================
   v2.66.0 · 第二批：商品卡 / 目录页 / 详情页 / 权益包
   口径：价格最大、承诺具体、状态可见、一个卡片只有一个主 CTA。
   ============================================================ */

/* ---- 网格与卡片基础 ---- */
.kc-ui-v2 .grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(248px,1fr))}
.kc-ui-v2 .card.plan,.kc-ui-v2 .card.pack{
  background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius);
  padding:18px;display:flex;flex-direction:column;gap:0;position:relative;
  box-shadow:none;transition:transform .16s,border-color .16s,box-shadow .16s;
}
.kc-ui-v2 .card.plan:hover,.kc-ui-v2 .card.pack:hover{
  transform:translateY(-2px);border-color:var(--line2);box-shadow:var(--shadow-sm);
}
body.kc-ui-v2 #view-home .grid .card.plan,
body.kc-ui-v2 #view-catalog .grid .card.plan,
body.kc-ui-v2 #packBox .grid .card.pack,
body.kc-ui-v2 #homePackGrid .card.pack{
  background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:none;transform:none;
}
body.kc-ui-v2 #view-home .grid .card.plan:hover,
body.kc-ui-v2 #view-catalog .grid .card.plan:hover,
body.kc-ui-v2 #packBox .grid .card.pack:hover,
body.kc-ui-v2 #homePackGrid .card.pack:hover{
  transform:translateY(-2px);border-color:var(--line2);box-shadow:var(--shadow-sm);
}

/* ---- 商品卡文本层级 ---- */
.kc-ui-v2 .card .tag{
  align-self:flex-start;font-size:10.5px;font-weight:650;line-height:1.5;
  color:var(--brand-deep);background:var(--brand-bg);border:1px solid var(--brand-line);
  border-radius:999px;padding:3px 9px;margin-bottom:10px;letter-spacing:.01em;
}
.kc-ui-v2 .card h3{font-size:15.5px;font-weight:680;line-height:1.4;letter-spacing:-.01em}
.kc-ui-v2 .card .desc{font-size:12px;color:var(--sub);line-height:1.55;margin-top:4px;min-height:34px}
.kc-ui-v2 .card .price{
  margin-top:12px;font-size:26px;font-weight:760;line-height:1.1;letter-spacing:-.03em;
  color:var(--text);display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;
  font-variant-numeric:tabular-nums;
}
.kc-ui-v2 .card .price small{font-size:11.5px;color:var(--sub);font-weight:450;letter-spacing:0}
.kc-ui-v2 .card .dp{margin-top:12px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.kc-ui-v2 .card .dp .ent{font-size:26px;font-weight:760;line-height:1.1;letter-spacing:-.03em;color:var(--text)}
.kc-ui-v2 .card .dp .was{font-size:12px;color:var(--dim);text-decoration:line-through}
.kc-ui-v2 .card .dp .off{
  font-size:10.5px;font-weight:700;color:var(--brand-deep);background:var(--brand-bg);
  border:1px solid var(--brand-line);border-radius:999px;padding:2px 8px;
}
.kc-ui-v2 .card .save{font-size:11.5px;font-weight:600;color:var(--brand-deep);margin-top:4px}
.kc-ui-v2 .card .meta{margin-top:auto;padding-top:12px;font-size:11.5px;color:var(--dim);line-height:1.6}
.kc-ui-v2 .card .note{
  font-size:11.5px;color:var(--sub);line-height:1.55;background:var(--card2);
  border-radius:8px;padding:7px 9px;margin-top:8px;
}
.kc-ui-v2 .card .foot{
  margin-top:12px;padding-top:12px;border-top:1px solid var(--line);
  display:flex;align-items:center;gap:8px;min-height:38px;
}
.kc-ui-v2 .card .foot .btn{height:34px;min-height:34px;padding:0 14px;border-radius:9px;font-size:12.5px}

/* ---- 状态胶囊 ---- */
.kc-ui-v2 .pill{
  font-size:11px;font-weight:650;line-height:1.5;border-radius:999px;padding:3px 9px;
  background:var(--card2);color:var(--sub);border:1px solid var(--line);
}
.kc-ui-v2 .pill.ok{background:var(--ok-bg);color:var(--ok);border-color:transparent}
.kc-ui-v2 .pill.gray{background:var(--card2);color:var(--dim);border-color:var(--line)}
.kc-ui-v2 .pill.red{background:var(--red-bg);color:var(--red);border-color:transparent}

/* ---- 权益包卡：品牌底色收口，和商品卡区分 ---- */
body.kc-ui-v2 #packBox .grid .card.pack,
body.kc-ui-v2 #view-home .grid .card.pack,
body.kc-ui-v2 #homePackGrid .card.pack{
  background:linear-gradient(180deg,var(--brand-bg) 0%,var(--bg2) 48%);
  border-color:var(--brand-line);padding-top:20px;
}
.kc-ui-v2 .card.pack::before{
  content:"";position:absolute;top:0;left:18px;right:18px;height:2px;
  border-radius:0 0 2px 2px;background:var(--brand);opacity:.55;
}
.kc-ui-v2 .card.pack .price{font-size:30px}

/* ---- 首页「热门商品 / 权益包」区块改为页面上排布（不再套一层白卡） ---- */
body.kc-ui-v2 #view-home .panel.flat{
  background:transparent;border:0;box-shadow:none;border-radius:0;overflow:visible;
  padding:0;margin-bottom:34px;
}
body.kc-ui-v2 #view-home .panel.flat::before{display:none}
body.kc-ui-v2 #view-home .panel.flat h2{
  font-size:clamp(22px,2.6vw,27px);font-weight:740;letter-spacing:-.022em;line-height:1.25;margin-bottom:4px;
}
body.kc-ui-v2 #view-home .panel.flat .psub{font-size:13.5px;line-height:1.65;margin-bottom:18px}
body.kc-ui-v2 #view-home .cap{gap:16px}
body.kc-ui-v2 #view-home .cap .c{
  background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius);
  padding:20px;gap:8px;box-shadow:none;transform:none;
}
body.kc-ui-v2 #view-home .cap .c:hover{
  transform:translateY(-2px);border-color:var(--line2);box-shadow:var(--shadow-sm);
}
body.kc-ui-v2 #view-home .cap .ic{
  width:40px;height:40px;border-radius:11px;background:var(--brand-bg);
  border:1px solid var(--brand-line);color:var(--brand-deep);font-size:0;box-shadow:none;
}
body.kc-ui-v2 #view-home .cap .ic svg{width:19px;height:19px;display:block}
body.kc-ui-v2 #view-home .cap h3{font-size:15.5px;font-weight:680}
body.kc-ui-v2 #view-home .cap p{font-size:12.5px;line-height:1.65;color:var(--sub)}
body.kc-ui-v2 #view-home .cap .go{font-size:12.5px;font-weight:650;color:var(--brand-deep)}
body.kc-ui-v2 #view-home .steps .s{
  background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius);
  padding:18px;box-shadow:none;
}
body.kc-ui-v2 #view-home .steps .s .n{
  width:28px;height:28px;border-radius:9px;background:var(--brand);
  color:var(--brand-ink);box-shadow:none;font-size:13px;
}
body.kc-ui-v2 #view-home .steps .s h4{font-size:14.5px}
body.kc-ui-v2 #view-home .steps .s p{font-size:12.5px}

/* ---- 目录页：页面标题 + 筛选胶囊 + 商品网格 ---- */
body.kc-ui-v2 #view-catalog > .wrap{padding-top:34px!important}
body.kc-ui-v2 #view-catalog .panel{
  background:transparent;border:0;box-shadow:none;border-radius:0;padding:0;overflow:visible;margin:0;
}
body.kc-ui-v2 #view-catalog .panel::before{display:none}
body.kc-ui-v2 #view-catalog .panel h2{
  font-size:clamp(26px,3vw,34px);font-weight:750;letter-spacing:-.025em;line-height:1.15;margin:0;
}
body.kc-ui-v2 #view-catalog .panel .psub{font-size:13.5px;line-height:1.65;margin:6px 0 18px}
body.kc-ui-v2 #catalogTabs{gap:8px;margin-bottom:20px}
body.kc-ui-v2 #catalogTabs button{
  height:36px;padding:0 15px;border-radius:999px;border:1px solid var(--line2);
  background:var(--card);color:var(--sub);font-size:12.5px;font-weight:600;
  box-shadow:none;transform:none;
}
body.kc-ui-v2 #catalogTabs button:hover{border-color:var(--dim);color:var(--text);transform:none}
body.kc-ui-v2 #catalogTabs button.primary{
  background:var(--brand);border-color:var(--brand);color:var(--brand-ink);box-shadow:none;
}

/* ---- 详情页：白卡 + 独立购买箱 ---- */
body.kc-ui-v2 #view-detail > .wrap{padding-top:30px!important}
body.kc-ui-v2 #view-detail .panel{
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-sm);overflow:visible;
}
body.kc-ui-v2 #view-detail .panel::before{display:none}
/* 代理商前台详情：单栏内容收窄居中（主站详情面板嵌在 .detail 里，不受此规则影响） */
body.kc-ui-v2 #view-detail > .panel{max-width:820px;margin:0 auto}
body.kc-ui-v2 #view-detail .detail-back{
  border:0;background:transparent;color:var(--sub);padding:0;height:auto;
  font-size:12.5px;font-weight:600;margin-bottom:14px;
}
body.kc-ui-v2 #view-detail .detail-back:hover{color:var(--text)}
body.kc-ui-v2 #view-detail .d-head h2,
body.kc-ui-v2 #view-detail .detail-title{
  background:none!important;-webkit-text-fill-color:currentColor;
  color:var(--text);font-size:clamp(24px,2.8vw,30px);font-weight:750;
  letter-spacing:-.025em;line-height:1.2;
}
body.kc-ui-v2 #view-detail .d-priceInline{margin-top:4px}
body.kc-ui-v2 #view-detail .detail-sub{font-size:12.5px;color:var(--sub);line-height:1.65;margin:2px 0 8px}
body.kc-ui-v2 #view-detail .dp .ent{font-size:30px;font-weight:780;letter-spacing:-.03em}
body.kc-ui-v2 #view-detail .dp .was{font-size:13px}
body.kc-ui-v2 #view-detail .save{font-size:12px;margin-top:4px}
body.kc-ui-v2 #view-detail .buybox{
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);
  box-shadow:var(--shadow);padding:24px;top:84px;
}
body.kc-ui-v2 #view-detail .buybox .dp{margin-bottom:2px}
body.kc-ui-v2 #view-detail .buybox .dp .ent{font-size:36px;font-weight:780;letter-spacing:-.035em}
body.kc-ui-v2 #view-detail .buybox .save{display:block;margin:6px 0 0}
body.kc-ui-v2 #view-detail .buybox .btn.primary.lg{height:46px;font-size:14px}
body.kc-ui-v2 #view-detail .mode-card{
  background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius);
  padding:20px;box-shadow:none;transform:none;
}
body.kc-ui-v2 #view-detail .mode-card:hover{
  transform:translateY(-2px);border-color:var(--line2);box-shadow:var(--shadow-sm);
}
body.kc-ui-v2 #view-detail .mode-card:first-child{
  background:linear-gradient(180deg,var(--brand-bg),var(--bg2) 54%);border-color:var(--brand-line);
}
body.kc-ui-v2 #view-detail .mode-card h3{font-size:15.5px;font-weight:700}
body.kc-ui-v2 #view-detail .mode-card .mc-tag{font-size:11.5px;color:var(--sub)}
body.kc-ui-v2 #view-detail .mode-card .btn{height:38px}
/* 代理商前台详情：单价突出、字段行轻量化（购买箱不在 .panel 内，故不会误伤主站） */
body.kc-ui-v2 #view-detail .panel .kv{padding:11px 0;border-bottom:1px solid var(--line);font-size:13.5px}
body.kc-ui-v2 #view-detail .panel .kv:last-of-type{border-bottom:0}
body.kc-ui-v2 #view-detail .panel .kv .k{flex:0 0 96px;width:96px;color:var(--sub)}
body.kc-ui-v2 #view-detail .panel #d-price{
  font-size:24px;font-weight:760;letter-spacing:-.02em;color:var(--text);
  font-variant-numeric:tabular-nums;
}
body.kc-ui-v2 #view-detail .panel .buy-actions{margin-top:18px!important}

/* ---- 数量控件（两页共用） ---- */
.kc-ui-v2 .qty{border:1px solid var(--line2);border-radius:10px;overflow:hidden;background:var(--card)}
.kc-ui-v2 .qty button{background:var(--card);color:var(--sub);width:34px;height:36px;font-size:15px}
.kc-ui-v2 .qty button:hover{background:var(--card2);color:var(--text)}
.kc-ui-v2 .qty input{background:var(--card);color:var(--text);border-left:1px solid var(--line);border-right:1px solid var(--line)}

/* ---- 权益包页 ---- */
body.kc-ui-v2 #view-pack .panel{
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-sm);
}
body.kc-ui-v2 #view-pack .panel::before{display:none}
body.kc-ui-v2 #view-pack .panel h2{font-size:clamp(24px,2.8vw,30px);font-weight:750;letter-spacing:-.025em}
body.kc-ui-v2 #view-pack .psub{font-size:13.5px;line-height:1.65}
body.kc-ui-v2 #packBox h3{font-size:16px;font-weight:700;letter-spacing:-.01em}
body.kc-ui-v2 #packBox .tbl-wrap{border:1px solid var(--line);border-radius:12px;overflow:hidden}
body.kc-ui-v2 #packBox table.kc th{background:var(--bg2)}

/* ---- 亮色内页不再铺「深空网格」装饰，保留纸感 ---- */
body.kc-ui-v2 #view-catalog::before,
body.kc-ui-v2 #view-detail::before,
body.kc-ui-v2 #view-pack::before,
body.kc-ui-v2 #view-orders::before,
body.kc-ui-v2 #view-wallet::before,
body.kc-ui-v2 #view-redeem::before{display:none}

/* ---- 第二批响应式 ---- */
@media(max-width:1024px){
  body.kc-ui-v2 #view-catalog .panel h2,
  body.kc-ui-v2 #view-pack .panel h2{font-size:26px}
  body.kc-ui-v2 #view-detail .buybox{top:auto}
}
@media(max-width:640px){
  .kc-ui-v2 .grid{grid-template-columns:1fr;gap:12px}
  .kc-ui-v2 .card.plan,.kc-ui-v2 .card.pack{padding:16px}
  .kc-ui-v2 .card .desc{min-height:0}
  .kc-ui-v2 .card .meta{padding-top:10px}
  .kc-ui-v2 .card .foot .btn{height:40px;min-height:40px}
  body.kc-ui-v2 #view-home .panel.flat{margin-bottom:26px}
  body.kc-ui-v2 #view-home .panel.flat h2{font-size:21px}
  body.kc-ui-v2 #view-catalog > .wrap{padding-top:24px!important}
  body.kc-ui-v2 #view-catalog .panel h2{font-size:24px}
  body.kc-ui-v2 #view-catalog .panel .psub{font-size:12.5px;margin-bottom:14px}
  body.kc-ui-v2 #catalogTabs{margin-bottom:16px}
  body.kc-ui-v2 #view-detail > .wrap{padding-top:20px!important}
  body.kc-ui-v2 #view-detail .panel{padding:18px}
  body.kc-ui-v2 #view-detail .buybox{padding:18px}
  body.kc-ui-v2 #view-detail .buybox .dp .ent{font-size:30px}
  body.kc-ui-v2 #view-detail .mode-card{padding:16px}
  body.kc-ui-v2 #view-pack .panel h2{font-size:24px}
  body.kc-ui-v2 #view-pack .panel{padding:20px}
}

/* ============================================================
   v2.67.0 · 第三批：代充向导 / 订单 / 钱包 / 充值 / 兑换 / 登录弹层
   口径：一个弹层只做一件事；步骤可见、金额突出、危险操作有明确警示。
   ============================================================ */

/* ---- 弹层与表单 ---- */
.kc-ui-v2 .modal{
  background:rgba(17,20,25,.46);
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);
}
.kc-ui-v2 .modal .box{
  background:var(--card);color:var(--text);border:1px solid var(--line);
  border-radius:var(--radius-lg);box-shadow:0 30px 70px -34px rgba(17,20,25,.55);
  padding:26px 24px;max-height:92vh;
}
.kc-ui-v2 .modal .box h3{
  font-size:20px;font-weight:730;letter-spacing:-.02em;line-height:1.3;margin-bottom:6px;
}
.kc-ui-v2 .modal .box .sub{color:var(--sub);font-size:12.5px;line-height:1.65;margin-bottom:18px}
.kc-ui-v2 .modal .field label{font-size:12.5px;font-weight:650;color:var(--sub);margin-bottom:6px}
.kc-ui-v2 .modal .field input,.kc-ui-v2 .modal .field select,.kc-ui-v2 .modal .field textarea{
  height:44px;background:var(--card);border:1px solid var(--line2);border-radius:10px;
  padding:11px 13px;font-size:13.5px;color:var(--text);
}
.kc-ui-v2 .modal .field textarea{height:auto;min-height:96px}
.kc-ui-v2 .modal .field input:focus,.kc-ui-v2 .modal .field select:focus,.kc-ui-v2 .modal .field textarea:focus{
  outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-bg);
}
.kc-ui-v2 .modal .captcha-row{gap:10px}
.kc-ui-v2 .modal .captcha-img{width:122px;height:44px;background:var(--bg2);border-radius:10px}
.kc-ui-v2 .modal .msg{min-height:20px;font-size:12.5px}
.kc-ui-v2 .modal .kv{padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}
.kc-ui-v2 .modal .kv:last-of-type{border-bottom:0}
.kc-ui-v2 .modal .kv .k{width:100px;flex:0 0 100px;color:var(--sub)}
.kc-ui-v2 .modal .kv .v{min-width:0;word-break:break-word}
.kc-ui-v2 #authModal .box h3{font-size:23px}
.kc-ui-v2 #authModal .btn.primary,
.kc-ui-v2 #forgotModal .btn.primary,
.kc-ui-v2 #pwdModal .btn.primary,
.kc-ui-v2 #fpModal .btn.primary{height:44px;border-radius:10px;font-size:14px}
.kc-ui-v2 #authSwitch .btn.link{font-size:13px;font-weight:650}
.kc-ui-v2 .msg.ok{color:var(--ok)}
.kc-ui-v2 .pill.brand{background:var(--brand-bg);color:var(--brand-deep);border-color:var(--brand-line)}

/* v2.68.0 · 租户配色方案补齐：旧版写死浅底的元素全部改走 token */
.kc-ui-v2 .cdk{background:var(--card2);border:1px solid var(--line);color:var(--text)}
.kc-ui-v2 .chip{background:var(--card);border:1px solid var(--line2);color:var(--sub)}
.kc-ui-v2 .chip:hover{border-color:var(--brand);color:var(--brand-deep)}
.kc-ui-v2 .chip.on{background:var(--brand-bg);border-color:var(--brand);color:var(--brand-deep);font-weight:650}
.kc-ui-v2 .field input,.kc-ui-v2 .field select,.kc-ui-v2 .field textarea{
  background:var(--card);color:var(--text);border-color:var(--line2);
}
body.kc-ui-v2 .wiz-acctwrap{background:var(--card)}
body.kc-ui-v2 #view-orders .ord-tools input,body.kc-ui-v2 #view-orders .ord-tools select{
  background:var(--card);color:var(--text);
}
body.kc-ui-v2 .trial-expired .box{background:var(--card);color:var(--text)}
.kc-ui-v2 .support-fab{color:var(--brand-ink)}
.kc-ui-v2 button:focus-visible,.kc-ui-v2 a:focus-visible,.kc-ui-v2 input:focus-visible,
.kc-ui-v2 select:focus-visible,.kc-ui-v2 textarea:focus-visible,.kc-ui-v2 summary:focus-visible{
  outline:2px solid var(--brand);outline-offset:2px;
}

/* ---- 代充 5 步向导 ---- */
body.kc-ui-v2 .wiz{
  background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius);
  padding:16px;margin:12px 0;
}
body.kc-ui-v2 .wiz-top{gap:12px;margin-bottom:12px;align-items:center;flex-wrap:nowrap}
body.kc-ui-v2 .wiz-steps{
  display:grid;grid-template-columns:repeat(5,1fr);gap:6px;flex:1;min-width:0;
  flex-wrap:nowrap;overflow:visible;
}
body.kc-ui-v2 .wiz-steps .ws{
  display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;
  background:transparent;border:0;border-bottom:2px solid var(--line);border-radius:0;
  padding:0 0 8px;font-size:11.5px;color:var(--dim);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
body.kc-ui-v2 .wiz-steps .ws i{
  width:18px;height:18px;flex:none;background:var(--card2);color:var(--sub);font-size:10px;
}
body.kc-ui-v2 .wiz-steps .ws.on{
  color:var(--brand-deep);font-weight:700;border-bottom-color:var(--brand);background:transparent;
}
body.kc-ui-v2 .wiz-steps .ws.on i{background:var(--brand);color:var(--brand-ink)}
body.kc-ui-v2 .wiz-steps .ws.done{color:var(--sub);border-bottom-color:var(--line2)}
body.kc-ui-v2 .wiz-steps .ws.done i{background:var(--ok);color:var(--brand-ink)}
body.kc-ui-v2 .wiz-count{font-size:11.5px;color:var(--dim)}
body.kc-ui-v2 .wiz-h{font-size:18px;font-weight:730;letter-spacing:-.015em}
body.kc-ui-v2 .wiz-p{font-size:13px;line-height:1.65}
body.kc-ui-v2 .wiz-note{
  background:var(--amber-bg);color:var(--amber);border:0;border-left:3px solid var(--amber);
  border-radius:8px;padding:8px 12px;line-height:1.6;
}
body.kc-ui-v2 .wiz-urlbar{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:7px 12px}
body.kc-ui-v2 .wiz-ol{font-size:12.5px;line-height:1.7}
body.kc-ui-v2 .wiz-acts{gap:10px;margin-top:12px}
body.kc-ui-v2 .wiz-kv{padding:8px 0;font-size:13px;border-bottom:1px solid var(--line)}
body.kc-ui-v2 .wiz-kv .v{font-variant-numeric:tabular-nums}
body.kc-ui-v2 .wiz-amt{font-size:22px;font-weight:780;color:var(--brand-deep);letter-spacing:-.02em}
body.kc-ui-v2 .wiz-amt .was{font-size:12px;color:var(--dim);font-weight:400}
body.kc-ui-v2 .wiz-acctbar{margin:14px 0 8px}
body.kc-ui-v2 .wiz-acctwrap{max-height:320px;border-radius:12px}
body.kc-ui-v2 .wiz-accttbl th{background:var(--bg2);font-size:11.5px;font-weight:650;color:var(--sub);padding:8px 10px}
body.kc-ui-v2 .wiz-accttbl td{padding:8px 10px}
body.kc-ui-v2 .wiz-prog{height:6px;margin:14px 0 6px;background:var(--line2)}
body.kc-ui-v2 .wiz-done-ic{width:52px;height:52px;font-size:24px;background:var(--ok-bg);color:var(--ok)}

/* ---- 我的订单（主站） ---- */
body.kc-ui-v2 #view-orders .op-head{
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:22px 24px;box-shadow:var(--shadow-sm);
}
body.kc-ui-v2 #view-orders .op-ico{
  background:var(--brand-bg);border:1px solid var(--brand-line);color:var(--brand-deep);
  box-shadow:none;border-radius:12px;
}
body.kc-ui-v2 #view-orders .op-head h2{font-size:23px;font-weight:740;letter-spacing:-.02em}
body.kc-ui-v2 #view-orders .op-badge{background:var(--brand-bg);border-color:var(--brand-line)}
body.kc-ui-v2 #view-orders .op-stats{gap:10px}
body.kc-ui-v2 #view-orders .ostat{
  background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;box-shadow:none;
}
body.kc-ui-v2 #view-orders .ostat .num{font-size:26px}
body.kc-ui-v2 #view-orders .ostat.on{background:var(--brand-bg);border-color:var(--brand);box-shadow:none}
body.kc-ui-v2 #view-orders .op-panel{
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px 6px;
}
body.kc-ui-v2 #view-orders .op-tools{border-bottom:1px solid var(--line);padding-bottom:14px}
body.kc-ui-v2 #view-orders .osearch{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:8px 12px}
body.kc-ui-v2 #view-orders .osearch:focus-within{background:var(--card);border-color:var(--brand)}
body.kc-ui-v2 #view-orders table.otable th{background:var(--bg2);color:var(--sub);font-weight:650;padding:11px 12px}
body.kc-ui-v2 #view-orders table.otable td{border-bottom:1px solid var(--line);padding:12px}
body.kc-ui-v2 #view-orders tr.orow:hover{background:var(--bg2)}
body.kc-ui-v2 #view-orders .op-empty .e-ico{background:var(--bg2);color:var(--sub)}

/* ---- 我的订单（代理商前台） ---- */
body.kc-ui-v2 #view-orders .panel{
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);
}
body.kc-ui-v2 #view-orders .panel h2{font-size:23px;font-weight:740;letter-spacing:-.02em}
body.kc-ui-v2 #view-orders .ord-tools{gap:8px;margin:6px 0 14px!important}
body.kc-ui-v2 table.kc th{
  background:var(--bg2);color:var(--sub);font-weight:650;font-size:11.5px;padding:10px;border-bottom:1px solid var(--line);
}
body.kc-ui-v2 table.kc td{padding:10px;border-bottom:1px solid var(--line)}
body.kc-ui-v2 table.kc tbody tr:last-child td{border-bottom:0}
body.kc-ui-v2 table.kc tbody tr:hover{background:var(--bg2)}

/* ---- 钱包 ---- */
body.kc-ui-v2 #view-wallet .panel{
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);
}
body.kc-ui-v2 #view-wallet .panel h2{font-size:23px;font-weight:740;letter-spacing:-.02em;margin-bottom:10px}
body.kc-ui-v2 #view-wallet .wtop{
  background:linear-gradient(120deg,var(--brand-bg),var(--card) 62%);
  border:1px solid var(--brand-line);border-radius:var(--radius);
  padding:22px 24px;margin-bottom:22px;
}
body.kc-ui-v2 #view-wallet .wtop .bal{font-size:40px;font-weight:780;letter-spacing:-.03em;color:var(--text)}
body.kc-ui-v2 #view-wallet .wtop .k{font-size:12.5px;color:var(--sub)}
body.kc-ui-v2 #view-wallet .presets{gap:8px}
body.kc-ui-v2 #view-wallet .preset{
  background:var(--card);border:1px solid var(--line2);border-radius:999px;
  height:38px;padding:0 18px;font-size:12.5px;font-weight:600;color:var(--sub);
}
body.kc-ui-v2 #view-wallet .preset:hover{border-color:var(--brand);color:var(--brand-deep)}
body.kc-ui-v2 #view-wallet .preset.on{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
body.kc-ui-v2 #view-wallet .w-pend{
  border:1px solid var(--line);border-left:3px solid var(--amber);
  background:var(--amber-bg);border-radius:10px;padding:14px 16px;
}
body.kc-ui-v2 #view-wallet .w-pend .vp{color:var(--amber);font-size:20px}
body.kc-ui-v2 #view-wallet .w-pend .left{color:var(--amber)}
body.kc-ui-v2 #view-wallet h3{font-size:15px;font-weight:700;letter-spacing:-.01em}
body.kc-ui-v2 #view-wallet .wallet-bal{
  background:linear-gradient(120deg,var(--brand-bg),var(--card) 62%);
  border:1px solid var(--brand-line);border-radius:var(--radius);padding:24px;
  display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 20px;
}
body.kc-ui-v2 #view-wallet .wallet-bal .lb{grid-column:1;grid-row:1;font-size:12.5px;color:var(--sub)}
body.kc-ui-v2 #view-wallet .wallet-bal .v{grid-column:1;grid-row:2;font-size:38px;font-weight:780;color:var(--text);letter-spacing:-.03em}
/* v2.71.0：冻结中金额（直接代充在途），有冻结才显示 */
body.kc-ui-v2 #view-wallet .wallet-bal #walletHeldLb{grid-column:1;grid-row:3;font-size:12px;margin:0!important}
body.kc-ui-v2 #view-wallet .wallet-bal #walletHeld{grid-column:1;grid-row:4;font-size:20px!important;margin:0!important;color:var(--sub)}
body.kc-ui-v2 #view-wallet .wallet-bal .wallet-actions{grid-column:2;grid-row:1/5;margin:0;align-self:center}
body.kc-ui-v2 .pend-row{
  display:flex;align-items:center;gap:10px;padding:11px 0;
  border-bottom:1px solid var(--line);flex-wrap:wrap;
}
body.kc-ui-v2 .pend-row:last-child{border-bottom:0}

/* ---- 充值弹层 ---- */
.kc-ui-v2 .rc-head h3{font-size:19px}
.kc-ui-v2 .rc-steps{gap:6px;margin:6px 0 12px}
.kc-ui-v2 .rc-step,body.kc-ui-v2 #rcSteps span{
  flex:1;display:flex;align-items:center;gap:6px;min-width:0;
  background:var(--bg2);border:1px solid var(--line);border-radius:9px;
  padding:8px 10px;font-size:11.5px;color:var(--sub);
}
.kc-ui-v2 .rc-step.on,body.kc-ui-v2 #rcSteps span.on{
  background:var(--brand-bg);border-color:var(--brand-line);color:var(--brand-deep);font-weight:650;
}
.kc-ui-v2 .rc-step b{background:var(--line2);color:var(--text)}
.kc-ui-v2 .rc-step.on b{background:var(--brand);color:var(--brand-ink)}
.kc-ui-v2 .rc-timer{
  background:var(--amber-bg);border:1px solid var(--line);border-left:3px solid var(--amber);
  border-radius:10px;padding:10px 12px;
}
.kc-ui-v2 .rc-timer-k{color:var(--amber)}
.kc-ui-v2 .rc-timer-v .countdown{color:var(--amber);font-size:20px;font-weight:800}
.kc-ui-v2 .rc-chain{
  background:var(--red-bg);border:1px solid var(--line);border-left:3px solid var(--red);
  border-radius:10px;padding:10px 12px;
}
.kc-ui-v2 .rc-chain-warn{color:var(--red)}
.kc-ui-v2 .rc-exact{
  background:var(--amber-bg);border:1px solid var(--line);border-left:3px solid var(--amber);
  border-radius:10px;padding:14px;
}
.kc-ui-v2 .rc-exact-k,.kc-ui-v2 .rc-exact-warn{color:var(--amber);font-weight:700}
.kc-ui-v2 .rc-exact-v b,.kc-ui-v2 .rc-exact .v{
  color:var(--amber);font-family:ui-monospace,Consolas,monospace;
  font-size:26px;font-weight:800;letter-spacing:.02em;line-height:1.2;
}
.kc-ui-v2 .rc-exact .lb{color:var(--amber);font-weight:650}
.kc-ui-v2 .rc-exact .note{color:var(--sub);font-size:11.5px;line-height:1.7}
.kc-ui-v2 .rc-qrwrap{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:16px 12px}
.kc-ui-v2 .rc-qr{background:#fff;border:1px solid var(--line);border-radius:10px}
.kc-ui-v2 .rc-fee{background:var(--bg2);border:1px dashed var(--line2);border-radius:9px;padding:10px 12px}
.kc-ui-v2 .rc-ack,body.kc-ui-v2 .ack{
  background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:11px 12px;
}
.kc-ui-v2 .rc-note{color:var(--sub);font-size:12px;line-height:1.65}
.kc-ui-v2 .net-badge{
  background:var(--brand-bg);border:1px solid var(--brand-line);color:var(--brand-deep);
}
.kc-ui-v2 .rc-why summary{color:var(--brand-deep);font-weight:650}
.kc-ui-v2 .rc-why p{color:var(--sub);line-height:1.7}

/* ---- 兑换卡密 ---- */
body.kc-ui-v2 #view-redeem .panel{
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);
}
body.kc-ui-v2 #view-redeem .panel h2{font-size:26px;font-weight:750;letter-spacing:-.025em}
body.kc-ui-v2 #view-redeem .psub{font-size:13px;line-height:1.7;margin:6px 0 18px}
body.kc-ui-v2 #view-redeem .field{margin-bottom:14px}
body.kc-ui-v2 #view-redeem .field input,body.kc-ui-v2 #view-redeem .field textarea{
  background:var(--card);border:1px solid var(--line2);border-radius:10px;height:44px;padding:11px 13px;
}
body.kc-ui-v2 #view-redeem .field textarea{height:auto;min-height:110px;font-family:ui-monospace,Consolas,monospace;font-size:12.5px}
body.kc-ui-v2 #view-redeem .field input:focus,body.kc-ui-v2 #view-redeem .field textarea:focus{
  border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-bg);outline:none;
}
body.kc-ui-v2 #rd-batchBox,body.kc-ui-v2 #rd-queryBox{
  border-top:1px solid var(--line);margin-top:20px;padding-top:14px;
}
body.kc-ui-v2 #rd-batchBox summary,body.kc-ui-v2 #rd-queryBox summary{
  font-size:14px;font-weight:650;color:var(--text);padding:6px 0;cursor:pointer;
}
body.kc-ui-v2 #rd-batchBox summary::before,body.kc-ui-v2 #rd-queryBox summary::before{color:var(--brand)}
body.kc-ui-v2 .rd-verified{
  background:var(--brand-bg);border:1px solid var(--brand-line);border-radius:10px;padding:12px 14px;
}
body.kc-ui-v2 .rd-track{height:6px;background:var(--line2);border-radius:999px}
body.kc-ui-v2 .rd-status{font-size:12.5px;color:var(--sub)}
body.kc-ui-v2 .rdb-log{background:var(--bg2);border-radius:10px}
body.kc-ui-v2 .rdb-sum{font-size:13px}

/* ---- 售后记录（v2.72.0） ---- */
body.kc-ui-v2 .as-list{display:flex;flex-direction:column;gap:10px}
body.kc-ui-v2 .as-item{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--bg2)}
body.kc-ui-v2 .as-item .hd{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body.kc-ui-v2 .as-item .no{font-family:ui-monospace,Consolas,monospace;font-size:12px;color:var(--sub);word-break:break-all}
body.kc-ui-v2 .as-item .msg{font-size:13px;color:var(--text);margin-top:6px;line-height:1.55;word-break:break-word}
body.kc-ui-v2 .as-item .reply{
  font-size:12.5px;color:var(--text);margin-top:8px;padding:8px 10px;
  border-left:2px solid var(--brand);background:var(--brand-bg);border-radius:0 8px 8px 0;line-height:1.55;
}
body.kc-ui-v2 .as-item .meta{font-size:11.5px;color:var(--dim);margin-top:6px}
/* ---- 售后会话（v2.76.0） ---- */
body.kc-ui-v2 .as-thread{display:flex;flex-direction:column;gap:10px;max-height:46vh;overflow:auto;padding:4px 2px;overscroll-behavior:contain}
body.kc-ui-v2 .as-msg{max-width:88%;border:1px solid var(--line);border-radius:12px;padding:8px 11px;background:var(--bg2);font-size:13px;line-height:1.55;word-break:break-word}
body.kc-ui-v2 .as-msg .who{font-size:11px;color:var(--dim);margin-bottom:3px}
body.kc-ui-v2 .as-msg .body{white-space:pre-wrap}
body.kc-ui-v2 .as-msg .as-atts{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
body.kc-ui-v2 .as-msg .as-atts img{max-width:100%;max-height:200px;border-radius:8px;border:1px solid var(--line);display:block}
body.kc-ui-v2 .as-attach-grid{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
body.kc-ui-v2 .as-attach{position:relative;width:68px;height:68px;border-radius:8px;overflow:hidden;border:1px solid var(--line);background:var(--bg2)}
body.kc-ui-v2 .as-attach img{width:100%;height:100%;object-fit:cover;display:block}
body.kc-ui-v2 .as-attach button{position:absolute;top:2px;right:2px;width:20px;height:20px;border:0;border-radius:999px;background:rgba(15,23,42,.72);color:#fff;font-size:12px;line-height:20px;cursor:pointer;padding:0}
body.kc-ui-v2 .as-msg.mine{align-self:flex-end;background:var(--brand-bg);border-color:var(--brand-line)}
body.kc-ui-v2 .as-msg.sys{align-self:center;max-width:100%;background:transparent;border-style:dashed;color:var(--dim);font-size:12px;text-align:center}
body.kc-ui-v2 .as-item .unread{font-size:11px;padding:2px 8px;border-radius:999px;background:var(--brand-bg);color:var(--brand-deep);border:1px solid var(--brand-line)}
body.kc-ui-v2 .as-item .view-btn{margin-top:8px}

/* ---- 充值异常上报（v2.73.0） ---- */
body.kc-ui-v2 .rc-report{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--bg2);margin-top:12px}
body.kc-ui-v2 .rc-report>summary{cursor:pointer;font-size:12.5px;font-weight:650;color:var(--brand-deep);list-style:none}
body.kc-ui-v2 .rc-report>summary::-webkit-details-marker{display:none}
body.kc-ui-v2 .rc-report>summary::after{content:'＋';float:right;color:var(--sub)}
body.kc-ui-v2 .rc-report[open]>summary::after{content:'－'}
body.kc-ui-v2 .rc-report .field{margin-top:10px}
body.kc-ui-v2 .rc-report-state{border:1px solid var(--brand-line);background:var(--brand-bg);border-radius:12px;padding:10px 12px;font-size:12.5px;line-height:1.6;margin-top:12px}
body.kc-ui-v2 .rc-report-state.ok{border-color:var(--ok);background:var(--ok-bg)}
body.kc-ui-v2 .rc-report-state .hd{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:650}
body.kc-ui-v2 .rc-report-state .tx{font-family:ui-monospace,Consolas,monospace;font-size:11.5px;color:var(--sub);word-break:break-all;margin-top:6px}
body.kc-ui-v2 .rc-report-state .reply{margin-top:6px}

/* ---- 订单时间线 ---- */
body.kc-ui-v2 .tl{position:relative;display:flex;flex-direction:column}
body.kc-ui-v2 .tl .item{position:relative;padding:9px 0;display:flex;align-items:flex-start;gap:10px}
body.kc-ui-v2 .tl .main{flex:1;min-width:0}
body.kc-ui-v2 .tl .time{flex:0 0 auto;color:var(--dim);font-size:12px}
body.kc-ui-v2 .tl .item::before{
  content:"";position:absolute;left:4px;top:20px;bottom:-8px;width:1px;background:var(--line);
}
body.kc-ui-v2 .tl .item:last-child::before{display:none}
body.kc-ui-v2 .tl .dot{width:9px;height:9px;flex:0 0 9px;margin-top:6px;background:var(--line2)}
body.kc-ui-v2 .tl .item.done .dot{background:var(--brand)}
body.kc-ui-v2 .tl .item.doing .dot{background:var(--amber)}
body.kc-ui-v2 .tl .item.fail .dot{background:var(--red)}
body.kc-ui-v2 .tl .main .k{font-size:13px;font-weight:650}
body.kc-ui-v2 .tl .main small{font-size:12px;color:var(--sub)}

/* ---- 第三批响应式 ---- */
@media(min-width:900px){
  /* v2.68.0：充值弹层桌面改双栏，保证「我已支付」在首屏可见 */
  body.kc-ui-v2 #rcModal .box.rc-wide{max-width:700px!important}
  body.kc-ui-v2 #rc-pay{
    display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
    gap:12px 18px;align-items:start;
  }
  body.kc-ui-v2 #rc-pay > .rc-timer,
  body.kc-ui-v2 #rc-pay > .rc-chain{grid-column:1/-1}
  body.kc-ui-v2 #rc-pay > .rc-qrwrap{grid-column:1;grid-row:span 6;align-self:start}
  body.kc-ui-v2 #rc-pay > .rc-exact,
  body.kc-ui-v2 #rc-pay > .kv,
  body.kc-ui-v2 #rc-pay > .rc-fee{grid-column:2}
  body.kc-ui-v2 #rc-pay > #rc-mock,
  body.kc-ui-v2 #rc-pay > #rc-gateway,
  body.kc-ui-v2 #rc-pay > .msg{grid-column:1/-1}
  /* 确认闸门吸底：桌面首屏始终能看到唯一主 CTA */
  body.kc-ui-v2 #rc-pay > #rc-mock{
    position:sticky;bottom:0;z-index:3;background:var(--card);
    padding:10px 0 2px;border-top:1px solid var(--line);margin-top:0;
  }
}
@media(max-width:640px){
  .kc-ui-v2 .modal{padding:12px}
  .kc-ui-v2 .modal .box{padding:20px 18px;border-radius:16px}
  body.kc-ui-v2 .wiz{padding:14px}
  body.kc-ui-v2 .wiz-top{flex-wrap:wrap}
  body.kc-ui-v2 .wiz-steps{width:100%;flex:none}
  body.kc-ui-v2 .wiz-count{display:block;width:100%;text-align:left;margin-top:4px}
  body.kc-ui-v2 .wiz-steps .ws{font-size:0;gap:0;justify-content:center;padding:0 0 8px}
  body.kc-ui-v2 .wiz-steps .ws i{width:24px;height:24px;font-size:11px}
  body.kc-ui-v2 .wiz-amt{font-size:20px}
  body.kc-ui-v2 #view-orders .op-head{padding:16px}
  body.kc-ui-v2 #view-orders .op-stats{grid-template-columns:1fr 1fr}
  body.kc-ui-v2 #view-wallet .wtop{padding:18px}
  body.kc-ui-v2 #view-wallet .wtop .bal{font-size:34px}
  body.kc-ui-v2 #view-wallet .wallet-bal{padding:20px;grid-template-columns:1fr}
  body.kc-ui-v2 #view-wallet .wallet-bal .v{font-size:32px}
  body.kc-ui-v2 #view-wallet .wallet-bal #walletHeldLb{grid-column:1;grid-row:3}
  body.kc-ui-v2 #view-wallet .wallet-bal #walletHeld{grid-column:1;grid-row:4;font-size:19px!important}
  body.kc-ui-v2 #view-wallet .wallet-bal .wallet-actions{grid-column:1;grid-row:5;margin-top:12px!important}
  .kc-ui-v2 .rc-exact-v b,.kc-ui-v2 .rc-exact .v{font-size:22px}
  .kc-ui-v2 .rc-step,body.kc-ui-v2 #rcSteps span{font-size:10.5px;padding:6px 7px;gap:4px}
}

/* ============================================================
   v2.70.0 · 克制科技点缀：区块索引 / 发丝线 / 点阵 / 数据刻度
   原则：只增加 1px 线、等宽数字与低透明度纹理，不引入大面积渐变或光晕。
   ============================================================ */

/* 首页区块索引：01 / 02 / … + 右侧发丝线 */
body.kc-ui-v2 #view-home{counter-reset:kc-sec}
body.kc-ui-v2 #view-home .panel.flat{counter-increment:kc-sec}
body.kc-ui-v2 #view-home .panel.flat h2{display:flex;align-items:center;gap:10px}
body.kc-ui-v2 #view-home .panel.flat h2::before{
  content:counter(kc-sec,decimal-leading-zero);
  font-family:ui-monospace,Consolas,monospace;font-size:10.5px;font-weight:650;
  color:var(--brand-deep);background:var(--brand-bg);border:1px solid var(--brand-line);
  border-radius:6px;padding:2px 7px;letter-spacing:.08em;line-height:1.4;flex:none;
}
body.kc-ui-v2 #view-home .panel.flat h2::after{
  content:"";flex:1;min-width:40px;height:1px;
  background:linear-gradient(90deg,var(--line2),transparent);
}

/* 代理商首页商品区：CATALOG · 01 引导线 */
.kc-ui-v2 .grid-kicker{display:flex;align-items:center;gap:12px;margin:6px 0 14px}
.kc-ui-v2 .grid-kicker span{
  font-family:ui-monospace,Consolas,monospace;font-size:10.5px;font-weight:600;
  letter-spacing:.14em;color:var(--dim);white-space:nowrap;
}
.kc-ui-v2 .grid-kicker i{flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}

/* 页脚点阵：只保留顶部约 2/3，避免抢内容 */
body.kc-ui-v2 footer.site{position:relative;overflow:hidden}
body.kc-ui-v2 footer.site::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.25;
  background-image:radial-gradient(rgba(127,127,127,.45) 1px,transparent 1px);
  background-size:22px 22px;
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 62%);
  mask-image:linear-gradient(180deg,#000,transparent 62%);
}
body.kc-ui-v2 footer.site > .wrap{position:relative;z-index:1}

/* 商品卡 hover：顶部发丝信号线 */
.kc-ui-v2 .card.plan::after{
  content:"";position:absolute;top:0;left:18px;right:18px;height:1px;
  background:linear-gradient(90deg,transparent,var(--brand),transparent);
  opacity:0;transition:opacity .16s;pointer-events:none;
}
.kc-ui-v2 .card.plan:hover::after{opacity:.6}

/* 钱包余额卡底部数据刻度 */
body.kc-ui-v2 #view-wallet .wtop,
body.kc-ui-v2 #view-wallet .wallet-bal{position:relative;overflow:hidden}
body.kc-ui-v2 #view-wallet .wtop::after,
body.kc-ui-v2 #view-wallet .wallet-bal::after{
  content:"";position:absolute;left:24px;right:24px;bottom:9px;height:5px;
  pointer-events:none;opacity:.55;
  background-image:repeating-linear-gradient(90deg,var(--brand-line) 0 1px,transparent 1px 10px);
}

/* 充值二维码：四角扫描框 */
.kc-ui-v2 .rc-qr{position:relative}
.kc-ui-v2 .rc-qr::before,.kc-ui-v2 .rc-qr::after{
  content:"";position:absolute;width:16px;height:16px;z-index:2;pointer-events:none;
  border:2px solid var(--brand);opacity:.9;
}
.kc-ui-v2 .rc-qr::before{left:4px;top:4px;border-right:0;border-bottom:0;border-radius:3px 0 0 0}
.kc-ui-v2 .rc-qr::after{right:4px;bottom:4px;border-left:0;border-top:0;border-radius:0 0 3px 0}

/* 订单统计卡保持简洁，不再叠加角标索引 */

@media(max-width:640px){
  body.kc-ui-v2 #view-home .panel.flat h2{gap:8px}
  body.kc-ui-v2 #view-wallet .wtop::after,
  body.kc-ui-v2 #view-wallet .wallet-bal::after{left:18px;right:18px}
}