/* ===== Zaka skin: 卡片式 App 界面 ===== */
:root{
  --sk-bg:#f4f5f7;
  --sk-card:#ffffff;
  --sk-ink:#0f1115;
  --sk-sub:#9ca3af;
  --sk-line:#f1f2f4;
  --sk-dark:#111214;
  --sk-blue:#2f66f6;
  --sk-accent:#00bda5;
  --sk-r:22px;
}
html,body{background:var(--sk-bg)!important;}
body.sk-on{ -webkit-tap-highlight-color:transparent; }

/* ================= 主页 ================= */
body.sk-on .page-wrapper{ background:transparent!important; }
body.sk-on .main-content{ background:transparent!important; }
body.sk-on .content{
  background:var(--sk-card)!important;
  border-radius:var(--sk-r)!important;
  margin:14px 12px 96px!important;
  padding:18px 16px 8px!important;
  box-shadow:0 2px 16px rgba(17,20,26,.055)!important;
  border:0!important;
  box-sizing:border-box!important;
}
body.sk-on .page-title{
  font-size:25px!important; font-weight:800!important; letter-spacing:-.4px!important;
  color:var(--sk-ink)!important; margin:0 0 16px!important; padding:0 2px!important;
  text-align:left!important; line-height:1.2!important;
}

/* 账号信息卡 */
body.sk-on .info-card{
  background:#f8f9fb!important; border:0!important; border-radius:16px!important;
  padding:4px 14px!important; margin:0 0 12px!important; box-shadow:none!important;
}
body.sk-on .info-row{
  display:flex!important; align-items:center!important; gap:8px!important;
  padding:13px 0!important; border-bottom:1px solid #eef0f3!important;
  font-size:14px!important; min-height:auto!important;
}
body.sk-on .info-row:last-child{ border-bottom:0!important; }
body.sk-on .info-label{ color:#8b909a!important; font-size:14px!important; flex:0 0 auto!important; }
body.sk-on .info-value{ color:var(--sk-ink)!important; font-weight:700!important; font-size:14px!important; }
body.sk-on .info-row .arrow{ margin-left:auto!important; color:#c9ccd2!important; font-size:18px!important; }
body.sk-on .admin-badge{
  background:var(--sk-dark)!important; color:#fff!important; font-size:11px!important;
  padding:3px 9px!important; border-radius:9px!important; font-weight:600!important; border:0!important;
}
body.sk-on .expire-days,body.sk-on .expire-normal,body.sk-on .expire-status{
  background:#e8f7f3!important; color:#0d9f86!important; border-radius:8px!important;
  padding:3px 9px!important; font-size:12px!important; font-weight:600!important; border:0!important;
}
body.sk-on .refresh-hint,body.sk-on .refresh-btn{ color:var(--sk-sub)!important; font-size:12px!important; }

/* 公告条 */
body.sk-on .tg-notice{
  background:#fbfbfc!important; border:0!important; border-radius:16px!important;
  padding:14px 16px!important; margin:0 0 8px!important;
}
body.sk-on .tg-title{ color:#111!important; font-size:13px!important; font-weight:700!important; margin-bottom:6px!important; }
body.sk-on .tg-desc{ color:#8b909a!important; font-size:12px!important; line-height:1.7!important; }

/* 功能列表：宫格 -> 卡片列表 */
body.sk-on .feature-grid{
  display:block!important; grid-template-columns:none!important; gap:0!important;
  margin:6px -16px 0!important; padding:0!important;
}
body.sk-on .feature-item{
  display:flex!important; align-items:center!important; gap:14px!important;
  width:100%!important; height:64px!important; box-sizing:border-box!important;
  padding:0 16px!important; margin:0!important;
  background:transparent!important; border:0!important; border-bottom:1px solid var(--sk-line)!important;
  border-radius:0!important; box-shadow:none!important; position:relative!important;
  flex-direction:row!important; text-align:left!important; transform:none!important;
}
body.sk-on .feature-item:last-child{ border-bottom:0!important; }
body.sk-on .feature-item::after{
  content:"›"; margin-left:auto!important; color:#c9ccd2!important;
  font-size:20px!important; line-height:1!important; font-weight:400!important;
}
body.sk-on .feature-icon{
  width:40px!important; height:40px!important; min-width:40px!important; border-radius:13px!important;
  background:#f4f5f8!important; display:flex!important; align-items:center!important;
  justify-content:center!important; margin:0!important; font-size:18px!important;
}
body.sk-on .feature-icon svg{ width:20px!important; height:20px!important; }
body.sk-on .feature-text{
  font-size:15px!important; font-weight:600!important; color:var(--sk-ink)!important;
  margin:0!important; line-height:1.3!important; letter-spacing:-.1px!important;
}
body.sk-on .feature-item:active{ background:#fafafb!important; }
body.sk-on .logout-item .feature-text{ color:#e04b4b!important; }

/* 隐藏原有底部 tab（改用新的） */
body.sk-on .custom-tabbar{ display:none!important; }

/* ================= 管理子页 ================= */
body.sk-on .share-page-overlay{ background:var(--sk-bg)!important; }
body.sk-on .management-page{
  background:var(--sk-bg)!important; min-height:100vh!important; padding:0!important;
}
body.sk-on .management-header{
  display:flex!important; align-items:center!important; gap:10px!important;
  background:var(--sk-card)!important; margin:12px 12px 0!important;
  padding:14px 16px 12px!important; border-radius:var(--sk-r) var(--sk-r) 0 0!important;
  border:0!important; position:sticky!important; top:0!important; z-index:30!important;
  box-shadow:none!important;
}
body.sk-on .back-btn{
  background:#f2f3f6!important; border:0!important; color:#3c4149!important;
  width:32px!important; height:32px!important; min-width:32px!important; border-radius:11px!important;
  font-size:0!important; display:flex!important; align-items:center!important; justify-content:center!important;
  padding:0!important; position:relative!important;
}
body.sk-on .back-btn::before{
  content:""; width:8px; height:8px; border-left:2px solid #3c4149; border-bottom:2px solid #3c4149;
  transform:rotate(45deg); margin-left:3px;
}
body.sk-on .header-title{
  font-size:19px!important; font-weight:800!important; color:var(--sk-ink)!important;
  letter-spacing:-.3px!important;
}
body.sk-on .management-content{
  background:var(--sk-card)!important; margin:0 12px 96px!important;
  padding:4px 16px 18px!important; border-radius:0 0 var(--sk-r) var(--sk-r)!important;
  box-shadow:0 2px 16px rgba(17,20,26,.055)!important; border:0!important;
  min-height:auto!important; overflow:visible!important;
}
body.sk-on .management-page .user-management,
body.sk-on .management-page [class$="-management"],
body.sk-on .management-page .system-settings,
body.sk-on .management-page .settings-card{
  background:transparent!important; box-shadow:none!important; border:0!important;
}

/* 工具栏按钮 -> 黑色胶囊 */
body.sk-on .toolbar{
  display:flex!important; align-items:center!important; gap:8px!important;
  flex-wrap:wrap!important; padding:6px 0 14px!important; margin:0!important;
  background:transparent!important; border-bottom:1px solid var(--sk-line)!important;
}
body.sk-on .toolbar-left,body.sk-on .toolbar-right{ display:flex!important; align-items:center!important; gap:8px!important; flex-wrap:wrap!important; }
body.sk-on .toolbar button,
body.sk-on .action-btn,
body.sk-on .add-btn,
body.sk-on .save-btn,
body.sk-on .upload-btn{
  height:34px!important; border-radius:11px!important; font-size:13px!important;
  font-weight:600!important; padding:0 14px!important; border:0!important;
  box-shadow:none!important; line-height:1!important;
}
body.sk-on .add-btn,body.sk-on .save-btn{ background:var(--sk-dark)!important; color:#fff!important; }
body.sk-on .action-btn{ background:#f2f3f6!important; color:#1b1f26!important; }
body.sk-on .action-btn.primary,body.sk-on .action-btn[class*="primary"]{ background:var(--sk-blue)!important; color:#fff!important; }
body.sk-on .upload-btn{ background:#f2f3f6!important; color:#1b1f26!important; }

/* 列表卡片 */
body.sk-on .management-content .card,
body.sk-on .management-content .stat-card,
body.sk-on .management-content .section-card,
body.sk-on .management-content .user-card,
body.sk-on .management-content .order-card,
body.sk-on .management-content .item-card,
body.sk-on .settings-card,
body.sk-on .stat-card{
  background:#fbfbfc!important; border:0!important; border-radius:16px!important;
  box-shadow:none!important; margin:0 0 10px!important;
}
body.sk-on .management-content{ }
body.sk-on .card-row{ border-bottom:1px solid var(--sk-line)!important; padding:12px 0!important; }
body.sk-on .card-row:last-child{ border-bottom:0!important; }
body.sk-on .card-label{ color:#8b909a!important; font-size:13px!important; }
body.sk-on .hint,body.sk-on .empty-text,body.sk-on .empty{ color:var(--sk-sub)!important; font-size:13px!important; }

/* 表单控件 */
body.sk-on .management-page input[type="text"],
body.sk-on .management-page input[type="password"],
body.sk-on .management-page input[type="number"],
body.sk-on .management-page textarea,
body.sk-on .management-page select{
  background:#f4f5f7!important; border:1px solid #eceef1!important; border-radius:12px!important;
  padding:0 14px!important; font-size:14px!important; color:var(--sk-ink)!important;
  box-shadow:none!important; min-height:46px!important;
}
body.sk-on .management-page textarea{ padding:12px 14px!important; min-height:90px!important; }
body.sk-on .form-group,body.sk-on .form-item{ margin-bottom:14px!important; }
body.sk-on .input-label,body.sk-on .form-label,body.sk-on .label{ font-size:13px!important; font-weight:600!important; color:#31363d!important; margin-bottom:7px!important; }

/* 徽标/标签 */
body.sk-on .role-tag,body.sk-on .balance,body.sk-on .expire-status{
  border-radius:9px!important; padding:3px 9px!important; font-size:12px!important; font-weight:600!important;
}

/* 页脚提示 */
body.sk-on .sk-end{
  text-align:center!important; color:#c2c6cc!important; font-size:12px!important;
  padding:18px 0 6px!important;
}

/* ================= 新底部 Tab ================= */
.sk-tabbar{
  position:fixed; left:12px; right:12px; bottom:12px; height:66px;
  background:rgba(255,255,255,.97); border-radius:24px;
  box-shadow:0 8px 28px rgba(17,20,26,.13);
  display:flex; align-items:center; justify-content:space-around;
  z-index:9999; backdrop-filter:saturate(180%) blur(12px);
  padding:0 6px; box-sizing:border-box;
}
.sk-tab{
  flex:1; display:flex; flex-direction:column; align-items:center; gap:4px;
  border:0; background:transparent; padding:6px 0; color:#9aa0a8;
  font-size:10.5px; line-height:1; font-weight:600; letter-spacing:.2px;
  transition:color .18s ease;
}
.sk-tab svg{ width:23px; height:23px; stroke:currentColor; fill:none; stroke-width:1.7; }
.sk-tab.active{ color:var(--sk-accent); }
.sk-tab:active{ opacity:.7; }

/* ================= 登录页 ================= */
body.sk-login .login-container{
  min-height:100vh!important; background:#fff!important;
  display:flex!important; flex-direction:column!important;
  align-items:center!important; justify-content:center!important;
  padding:0 26px 40px!important; box-sizing:border-box!important;
}
.sk-login-head{
  display:flex; flex-direction:column; align-items:center;
  gap:16px; margin-bottom:34px; width:100%;
}
.sk-avatar{
  width:92px; height:92px; border-radius:50%; background:#eef1f7;
  display:flex; align-items:center; justify-content:center; overflow:hidden;
  box-shadow:0 6px 18px rgba(17,20,26,.10);
}
.sk-avatar img{ width:100%; height:100%; object-fit:cover; }
.sk-avatar svg{ width:42px; height:42px; stroke:#7c8798; fill:none; stroke-width:1.6; }
.sk-brand{
  font-size:26px; font-weight:800; letter-spacing:5px; color:#0f1115;
  text-indent:5px; line-height:1;
}
body.sk-login .login-title{ display:none!important; }
body.sk-login .input-group{
  width:100%!important; max-width:400px!important; margin:0 0 20px!important; padding:0!important;
  position:relative!important;
}
body.sk-login .input-label{
  font-size:13.5px!important; font-weight:700!important; color:#1d2125!important;
  margin:0 0 9px!important; text-align:left!important; padding-left:2px!important;
}
body.sk-login .input-group input{
  width:100%!important; height:54px!important; box-sizing:border-box!important;
  background:#f4f5f7!important; border:1.5px solid #f4f5f7!important; border-radius:14px!important;
  padding:0 18px!important; font-size:15px!important; color:#0f1115!important;
  box-shadow:none!important; outline:none!important;
}
body.sk-login .input-group input:focus{ border-color:#2f66f6!important; background:#fff!important; }
body.sk-login .input-group input::placeholder{ color:#a8adb6!important; }
.sk-show{
  position:absolute; right:16px; bottom:17px; font-size:12.5px; font-weight:700;
  color:#2f66f6; cursor:pointer; user-select:none; letter-spacing:.3px;
}
body.sk-login .login-btn{
  width:100%!important; max-width:400px!important; height:56px!important;
  margin:14px 0 0!important; border:0!important; border-radius:14px!important;
  background:#2f66f6!important; color:#fff!important;
  font-size:15px!important; font-weight:700!important; letter-spacing:7px; text-indent:7px;
  box-shadow:0 8px 20px rgba(47,102,246,.28)!important;
  cursor:pointer;
}
body.sk-login .login-btn:active{ transform:translateY(1px); }
.sk-login-foot{
  margin-top:22px; font-size:12px; color:#a8adb6; letter-spacing:.4px;
}

/* ================= 第二轮修正 ================= */
body.sk-on *::-webkit-scrollbar{ display:none!important; width:0!important; }
body.sk-on{ scrollbar-width:none; }
body.sk-on button{ white-space:nowrap!important; }
body.sk-on .back-btn svg{ display:none!important; }
body.sk-on .content{ margin-bottom:112px!important; }
body.sk-on .management-content{ height:auto!important; min-height:0!important; }
body.sk-on .management-page button{ width:auto!important; flex:0 0 auto!important; }

/* 用户/订单卡里的操作按钮 */
body.sk-on .management-page button.btn,
body.sk-on .management-page .btn,
body.sk-on .management-page button.edit,
body.sk-on .management-page button.delete,
body.sk-on .management-page .item-actions button{
  background:#f2f3f6!important; color:#2b3037!important; border:1px solid #eceef1!important;
  height:36px!important; border-radius:11px!important; padding:0 18px!important;
  font-size:13px!important; font-weight:600!important;
}
body.sk-on .management-page .item-actions button{ flex:1!important; padding:0 8px!important; }

/* 表单 */
body.sk-on .management-page input:not([type="checkbox"]):not([type="radio"]),
body.sk-on .management-page textarea{
  background:#f4f5f7!important; border:1.5px solid #f4f5f7!important; min-height:46px!important;
}
body.sk-on .management-page input:focus,
body.sk-on .management-page textarea:focus{ border-color:#2f66f6!important; background:#fff!important; }
body.sk-on .management-page input::placeholder,
body.sk-on .management-page textarea::placeholder{ color:#a8adb6!important; }

/* 设置页（独立组件 .settings-page） */
body.sk-on .settings-page{
  background:var(--sk-card)!important; margin:12px 12px 112px!important;
  border-radius:var(--sk-r)!important; box-shadow:0 2px 16px rgba(17,20,26,.055)!important;
  padding-bottom:10px!important; min-height:auto!important; overflow:hidden!important;
}
body.sk-on .settings-page .nav-header{
  background:transparent!important; padding:14px 16px 12px!important; border-bottom:0!important;
  display:flex!important; align-items:center!important; gap:10px!important;
}
body.sk-on .settings-page .nav-header .back-btn{
  background:#f2f3f6!important; border:0!important; width:32px!important; height:32px!important;
  border-radius:11px!important; padding:0!important; font-size:0!important;
}
body.sk-on .settings-page .nav-header .back-btn::before{
  content:""; width:8px; height:8px; border-left:2px solid #3c4149; border-bottom:2px solid #3c4149;
  transform:rotate(45deg); margin-left:3px; display:block;
}
body.sk-on .settings-page .nav-header .header-title,
body.sk-on .settings-page .nav-header h1,
body.sk-on .settings-page .nav-header .title{
  font-size:19px!important; font-weight:800!important; color:var(--sk-ink)!important;
}
body.sk-on .settings-page > div:not(.nav-header){ padding:0 16px!important; }
body.sk-on .settings-section{ margin:0 0 18px!important; }
body.sk-on .settings-section > .section-title,
body.sk-on .settings-section .section-label{
  font-size:12.5px!important; color:#9aa0a8!important; font-weight:600!important; padding:0 2px!important; margin-bottom:8px!important;
}
body.sk-on .settings-item{
  background:#fbfbfc!important; border:0!important; border-radius:16px!important;
  padding:14px 14px!important; margin:0 0 8px!important;
}
body.sk-on .settings-item .item-icon{
  width:38px!important; height:38px!important; border-radius:11px!important; overflow:hidden!important;
}
body.sk-on .settings-item .item-label{ font-size:14.5px!important; font-weight:600!important; color:var(--sk-ink)!important; }
body.sk-on .settings-item .item-hint,
body.sk-on .settings-item-hint{ font-size:12px!important; color:#9aa0a8!important; }
body.sk-on .settings-item .arrow{ color:#c9ccd2!important; }
body.sk-on .toggle-switch,body.sk-on .switch{ border:0!important; }

/* 统计卡 */
body.sk-on .stat-card{ background:#fbfbfc!important; border-radius:18px!important; padding:16px!important; }
body.sk-on .stat-icon{ width:38px!important; height:38px!important; border-radius:11px!important; }
body.sk-on .stat-value{ font-size:26px!important; font-weight:800!important; letter-spacing:-.5px!important; }
body.sk-on .stat-label{ font-size:12px!important; color:#9aa0a8!important; margin-top:2px!important; }

/* 空状态 */
body.sk-on .empty,body.sk-on .empty-text,body.sk-on .empty-state{ color:#b7bbc2!important; font-size:13px!important; }

/* ================= 第三轮修正 ================= */
/* 工具条按钮排一行、左对齐 */
body.sk-on .management-page .toolbar{
  display:flex!important; flex-wrap:wrap!important; align-items:center!important;
  justify-content:flex-start!important; gap:8px!important; padding:0 0 12px!important;
  background:transparent!important; border:0!important;
}
body.sk-on .management-page .toolbar > *{ margin:0!important; }
body.sk-on .management-page .toolbar-left{ display:flex!important; gap:8px!important; flex-wrap:wrap!important; align-items:center!important; }
body.sk-on .management-page .toolbar button + button{
  background:#f2f3f6!important; color:#2b3037!important; border:1px solid #eceef1!important;
  box-shadow:none!important;
}
body.sk-on .management-page .toolbar h2,
body.sk-on .management-page .toolbar .section-title,
body.sk-on .management-page .toolbar-title{ font-size:12.5px!important; color:#9aa0a8!important; font-weight:600!important; }
body.sk-on .management-page .toolbar .count,
body.sk-on .management-page .toolbar-count{ font-size:12px!important; color:#b0b5bd!important; }

/* 空状态：改成浅灰圆角块，不再直角拉满 */
body.sk-on .management-page .empty-state,
body.sk-on .management-page .empty{
  border:0!important; border-radius:18px!important; background:#fbfbfc!important;
  min-height:200px!important; height:auto!important; padding:42px 16px!important;
  box-shadow:none!important; margin:0!important;
}
body.sk-on .management-page .empty-state .empty-icon{ width:42px!important; height:42px!important; color:#ccd0d6!important; }
body.sk-on .management-page .empty-state p{ font-size:13px!important; color:#a8adb6!important; margin:6px 0 14px!important; }
body.sk-on .management-page .empty-state button{ margin:0 auto!important; }

/* 主按钮 */
body.sk-on .management-page button.btn-primary,
body.sk-on .management-page .btn-primary,
body.sk-on .management-page .add-btn,
body.sk-on .management-page .save-btn{
  background:#111216!important; color:#fff!important; border:0!important;
  height:40px!important; border-radius:13px!important; padding:0 18px!important;
  font-size:13px!important; font-weight:600!important; box-shadow:none!important;
}

/* 分区卡片 */
body.sk-on .management-page .section-card,
body.sk-on .management-page .form-card,
body.sk-on .management-page .list-card,
body.sk-on .management-page .info-card-block{
  background:#fbfbfc!important; border:0!important; border-radius:18px!important;
  padding:16px!important; margin:0 0 12px!important; box-shadow:none!important;
}
body.sk-on .management-page .section-card h3{ font-size:14.5px!important; font-weight:700!important; margin:0 0 10px!important; }

/* 刷新条 */
body.sk-on .management-page .refresh-bar{
  background:#fbfbfc!important; border:0!important; border-radius:16px!important;
  padding:10px 12px!important; gap:8px!important;
}
body.sk-on .management-page .refresh-bar .last-update{ font-size:12px!important; color:#8f959d!important; }
body.sk-on .management-page .refresh-btn{
  background:#111216!important; color:#fff!important; border:0!important;
  height:34px!important; border-radius:10px!important; padding:0 14px!important;
  font-size:12.5px!important; font-weight:600!important;
}

/* 登录头像品牌感 */
body.sk-on .sk-avatar{
  background:linear-gradient(140deg,#3f76f7 0%,#5c93ff 60%,#7fb0ff 100%)!important;
  color:#fff!important; box-shadow:0 10px 24px rgba(63,118,247,.28)!important;
}
body.sk-on .sk-avatar svg{ stroke:#fff!important; fill:none!important; }

/* 设置页分组更清晰 */
body.sk-on .settings-item{ background:#f6f7f9!important; }

/* 底部导航留白 */
body.sk-on .main-content{ padding-bottom:124px!important; }
body.sk-on .content{ margin-bottom:0!important; }

/* 工具条方向修正 */
body.sk-on .management-page .toolbar{
  flex-direction:row!important; align-items:center!important;
  justify-content:flex-start!important; flex-wrap:wrap!important;
}
body.sk-on .management-page .toolbar-left{ flex-direction:row!important; width:auto!important; }
body.sk-on .management-page .toolbar .search-bar,
body.sk-on .management-page .toolbar .search-box{ width:100%!important; order:9; margin:10px 0 0!important; }
body.sk-on .management-page .search-bar{ background:#f4f5f7!important; border:0!important; border-radius:14px!important; height:44px!important; }
body.sk-on .management-page .search-input{ background:transparent!important; border:0!important; }

/* 卡片统一到底 */
body.sk-on .management-page .settings-card,
body.sk-on .management-page .password-form,
body.sk-on .management-page .domain-item,
body.sk-on .management-page .section-card{
  background:#f6f7f9!important; border:0!important; border-radius:18px!important;
  padding:16px!important; margin:0 0 12px!important; box-shadow:none!important;
}
body.sk-on .management-page .settings-card h3,
body.sk-on .management-page .section-card h3{ font-size:15px!important; font-weight:700!important; margin:0 0 12px!important; color:var(--sk-ink)!important; }
body.sk-on .management-page .stat-card{ background:#f6f7f9!important; }
body.sk-on .management-page .card-actions{ margin-top:12px!important; display:flex!important; gap:8px!important; }
body.sk-on .management-page .hint,
body.sk-on .management-page p.hint{ font-size:12px!important; color:#9aa0a8!important; line-height:1.5!important; }
body.sk-on .management-page label{ font-size:13px!important; color:#5f656d!important; font-weight:500!important; }
body.sk-on .management-page select{ background:#f4f5f7!important; border:1.5px solid #f4f5f7!important; height:46px!important; border-radius:13px!important; }

/* 表单控件：白底+细边框，灰卡里也看得清 */
body.sk-on .management-page input:not([type="checkbox"]):not([type="radio"]),
body.sk-on .management-page textarea,
body.sk-on .management-page select{
  background:#fff!important; border:1px solid #e8eaee!important; border-radius:13px!important;
  box-shadow:none!important;
}
body.sk-on .management-page input:not([type="checkbox"]):not([type="radio"]),
body.sk-on .management-page select{ height:46px!important; }
body.sk-on .management-page textarea{ min-height:104px!important; padding:12px 14px!important; line-height:1.6!important; }
body.sk-on .management-page input:focus,
body.sk-on .management-page textarea:focus,
body.sk-on .management-page select:focus{ border-color:#2f66f6!important; box-shadow:0 0 0 3px rgba(47,102,246,.1)!important; }
body.sk-on .management-page .search-bar input,
body.sk-on .management-page .search-input{ border:0!important; background:transparent!important; height:44px!important; }

/* 付款页 / 付款图 / 分享页 等独立全屏页 */
body.sk-on .payment-page,
body.sk-on .fukuantu-page,
body.sk-on .share-manage-page,
body.sk-on .share-page-main{
  margin:12px 12px 112px!important; border-radius:22px!important; background:#fff!important;
  overflow:hidden!important; box-shadow:0 2px 16px rgba(17,20,26,.055)!important;
}
body.sk-on .payment-page .main-container,
body.sk-on .fukuantu-page .main-container,
body.sk-on .share-manage-page .main-container{
  background:transparent!important; padding:0 16px 18px!important;
}
body.sk-on .payment-page header,
body.sk-on .fukuantu-page header,
body.sk-on .share-manage-page header{
  background:transparent!important; padding:14px 16px 12px!important;
  display:flex!important; align-items:center!important; gap:10px!important; border:0!important;
}
body.sk-on .payment-page header > svg,
body.sk-on .fukuantu-page header > svg,
body.sk-on .share-manage-page header > svg,
body.sk-on .payment-page header svg:first-child,
body.sk-on .fukuantu-page header svg:first-child{
  width:14px!important; height:14px!important; padding:9px!important; box-sizing:content-box!important;
  background:#f2f3f6!important; border-radius:11px!important; fill:#3c4149!important;
}
body.sk-on .payment-page .header-title,
body.sk-on .fukuantu-page .header-title,
body.sk-on .share-manage-page .header-title{
  font-size:19px!important; font-weight:800!important; color:var(--sk-ink)!important;
}
body.sk-on .payment-page .add-btn,
body.sk-on .fukuantu-page .add-btn,
body.sk-on .share-manage-page .add-btn{
  width:auto!important; display:inline-flex!important; align-items:center!important; justify-content:center!important;
  gap:6px!important; background:#111216!important; color:#fff!important; height:40px!important;
  border-radius:13px!important; padding:0 18px!important; font-size:13px!important;
  font-weight:600!important; margin:0 0 14px!important; box-shadow:none!important;
}
/* 深一点的卡片底色，圆角更清晰 */
body.sk-on .management-page .section-card,
body.sk-on .management-page .stat-card,
body.sk-on .management-page .settings-card,
body.sk-on .management-page .password-form,
body.sk-on .management-page .domain-item,
body.sk-on .management-page .empty-state{ background:#f2f4f7!important; }
/* 并排字段不溢出 */
body.sk-on .management-page input,
body.sk-on .management-page select,
body.sk-on .management-page textarea{ max-width:100%!important; box-sizing:border-box!important; }
body.sk-on .management-page .form-row,
body.sk-on .management-page .row,
body.sk-on .management-page .fields-row,
body.sk-on .management-page .input-row{ flex-wrap:wrap!important; gap:10px!important; }
body.sk-on .management-page .form-group{ min-width:0!important; }

/* 独立页宽度修正，避免右侧溢出 */
body.sk-on .payment-page,
body.sk-on .fukuantu-page,
body.sk-on .share-manage-page,
body.sk-on .share-page-main{
  width:calc(100% - 24px)!important; max-width:calc(100vw - 24px)!important;
  box-sizing:border-box!important; left:auto!important; right:auto!important;
}

/* 付款图等页：header div 版本 */
body.sk-on .fukuantu-page .header,
body.sk-on .payment-page .header,
body.sk-on .share-manage-page .header{
  background:transparent!important; padding:14px 0 12px!important;
  display:flex!important; align-items:center!important; gap:10px!important; border:0!important;
}
body.sk-on .fukuantu-page .header > svg,
body.sk-on .payment-page .header > svg,
body.sk-on .share-manage-page .header > svg{
  width:14px!important; height:14px!important; padding:9px!important; box-sizing:content-box!important;
  background:#f2f3f6!important; border-radius:11px!important; fill:#3c4149!important;
}
body.sk-on .fukuantu-page .header-title,
body.sk-on .payment-page .header-title{ font-size:19px!important; font-weight:800!important; color:#101216!important; }

/* 分段控件 */
body.sk-on .platform-selector{
  background:#f2f4f7!important; border-radius:14px!important; padding:4px!important;
  display:flex!important; position:relative!important; overflow:hidden!important; margin:0 0 14px!important;
  height:48px!important;
}
body.sk-on .platform-item{
  flex:1!important; text-align:center!important; font-size:14px!important; font-weight:600!important;
  color:#6b7280!important; z-index:2!important; display:flex!important; align-items:center!important;
  justify-content:center!important; height:40px!important; border-radius:11px!important;
}
body.sk-on .platform-slider{
  border-radius:11px!important; background:#fff!important;
  box-shadow:0 1px 4px rgba(17,20,26,.12)!important;
}

/* 表单分组 */
body.sk-on .fukuantu-page .form-section{
  background:#f7f8fa!important; border-radius:18px!important; padding:4px 6px!important;
  margin:0 0 14px!important; border:0!important;
}
body.sk-on .fukuantu-page .form-item{ border-bottom:1px solid #eceef1!important; padding:6px 8px!important; }
body.sk-on .fukuantu-page .form-item:last-child{ border-bottom:0!important; }
body.sk-on .fukuantu-page .form-item label{ font-size:13.5px!important; color:#5f656d!important; width:82px!important; flex:0 0 82px!important; }
body.sk-on .fukuantu-page .form-item input,
body.sk-on .fukuantu-page .form-item select{
  background:transparent!important; border:0!important; height:44px!important; font-size:14px!important;
  color:#101216!important; flex:1!important; width:auto!important;
}
body.sk-on .fukuantu-page .form-item button,
body.sk-on .fukuantu-page .upload-btn{
  background:#e9ebef!important; color:#2b3037!important; border:0!important;
  height:36px!important; border-radius:11px!important; padding:0 16px!important; font-size:13px!important;
}

/* 客服/聊天页 */
body.sk-on .chat-content{ padding:12px 12px 112px!important; height:auto!important; }
body.sk-on .chat-page{
  background:#fff!important; border-radius:22px!important; overflow:hidden!important;
  height:auto!important; min-height:calc(100vh - 150px)!important;
  box-shadow:0 2px 16px rgba(17,20,26,.055)!important;
}
body.sk-on .chat-header{
  background:transparent!important; border:0!important; padding:14px 16px!important;
  display:flex!important; align-items:center!important; justify-content:space-between!important;
}
body.sk-on .chat-header h2{ font-size:17px!important; font-weight:800!important; color:#101216!important; }
body.sk-on .chat-header .header-actions button{
  width:36px!important; height:36px!important; border-radius:11px!important; background:#f2f3f6!important;
  border:0!important; display:flex!important; align-items:center!important; justify-content:center!important; font-size:15px!important;
}
body.sk-on .session-list-view{ background:transparent!important; }
body.sk-on .chat-page .empty-state,
body.sk-on .chat-page .empty,
body.sk-on .session-list-view > .empty{ border:0!important; background:transparent!important; }

/* 分享页（内联样式较多，做基础统一） */
body.sk-on .merged-component-root{
  margin:12px 12px 112px!important; width:calc(100% - 24px)!important; max-width:calc(100vw - 24px)!important;
  background:#fff!important; border-radius:22px!important; overflow:hidden!important; box-sizing:border-box!important;
  box-shadow:0 2px 16px rgba(17,20,26,.055)!important;
}
body.sk-on .merged-component-root input[type="text"],
body.sk-on .merged-component-root select,
body.sk-on .merged-component-root textarea{
  border:1px solid #e8eaee!important; background:#f7f8fa!important; border-radius:12px!important;
  height:42px!important; font-size:13.5px!important; padding:0 12px!important;
}
body.sk-on .merged-component-root button{
  border-radius:12px!important; font-size:13px!important; height:40px!important; border:0!important;
}

/* 分享页：内联灰块统一成胶囊/透明 */
body.sk-on .merged-component-root .sk-chip{
  background:#f4f5f7!important; border-radius:11px!important;
  padding-top:6px!important; padding-bottom:6px!important;
  font-size:13px!important; color:#3c4149!important;
}
body.sk-on .merged-component-root .sk-flat{ background:transparent!important; }
body.sk-on .merged-component-root{ padding:4px 12px 10px!important; }