/*
  麦块云会员中心全局皮肤（2026-10-24，跟官网 site.css / 登录页 mk-auth.css 同一套设计语言），header.php 加载，覆盖控制台、购物车、插件页
  只改样式不动结构；选择器带 body:not(.mk-auth) 压过各页 css，登录三页不受影响；外壳尺寸用 px（common.js 会把根字号改成 视口宽/19.2）
*/
@font-face {
  font-family: "Inter MK";
  src: url("/web/minekuai/fonts/inter-latin-wght.woff2") format("woff2");
  font-weight: 100 900; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html:root[theme] {
  --mk-bg: #f5f7fb;
  --mk-text: #0a0f1c;
  --mk-text-2: #4b5567;
  --mk-text-3: #8b95a7;
  --mk-line: rgba(15, 23, 42, .08);
  --mk-line-2: rgba(15, 23, 42, .14);
  --mk-soft: #f8fafd;
  --mk-accent: #1a56db;
  --mk-accent-soft: #eef3ff;
  --mk-ring: 0 0 0 3px rgba(26, 86, 219, .14);
  --mk-btn: #1a56db;
  --mk-btn-hover: #1e4fc4;
  --mk-grad: linear-gradient(100deg, #c026d3 0%, #7c3aed 28%, #2563eb 58%, #0891b2 100%);
  --mk-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 16px 40px -24px rgba(15, 23, 42, .14);
  --mk-shadow-lg: 0 2px 6px rgba(15, 23, 42, .05), 0 32px 64px -20px rgba(15, 23, 42, .24);
  --mk-font: "Inter MK", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif;
  --mk-ease: cubic-bezier(.2, .7, .2, 1);
  /* 侧边栏改白底，菜单色板跟着换（common.css 全靠这几个变量） */
  --color-menu-bg: #ffffff;
  --color-menu-active-bg: var(--mk-accent-soft);
  --color-menu-hover-bg: #f3f6fb;
  --color-menu-text: var(--mk-text-2);
  --color-menu-text-active: var(--mk-accent);
}

/* ---------- 全局字体 / 底色 ---------- */
body:not(.mk-auth) {
  font-family: var(--mk-font);
  color: var(--mk-text);
  background: var(--mk-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* 各页 css 到处写死 PingFang SC，Windows 上没有就落到宋体 / Times；图标字体（类名带 icon 的 i/span）不能动 */
body:not(.mk-auth) *:not(i):not([class*="icon"]):not(code):not(pre):not(kbd):not(samp) { font-family: var(--mk-font); }
body:not(.mk-auth) ::selection { background: rgba(37, 99, 235, .18); }
body:not(.mk-auth) .el-container { background: var(--mk-bg); }
body:not(.mk-auth) #mainLoading { background: var(--mk-bg); }
body:not(.mk-auth) #mainLoading .ddr { width: 6px; border-radius: 3px; background: var(--mk-grad); }

/* ---------- 侧边栏：白底 + 深色字 logo ---------- */
body:not(.mk-auth) .el-aside {
  padding: 0 12px 20px;
  background: #fff;
  border-right: 1px solid var(--mk-line);
  box-shadow: none;
}
/* 后台配的是给蓝底用的反白 logo，这里换成深色字版 */
body:not(.mk-auth) .el-aside > a.menu-alink:first-child,
body:not(.mk-auth) .drawer-menu-top > a.menu-alink {
  display: block;
  height: 64px;
  margin: 0 -12px;
  background: url("/clientarea/template/pc/default/img/mk-logo.png") no-repeat 24px center / auto 34px;
  border-bottom: 1px solid var(--mk-line);
}
body:not(.mk-auth) .drawer-menu-top > a.menu-alink { width: 100%; margin: 0; background-position: 20px center; }
body:not(.mk-auth) .el-aside .ali-logo,
body:not(.mk-auth) .drawer-menu-logo { visibility: hidden; }
body:not(.mk-auth) .el-aside .menu-top { margin-top: 16px; }
body:not(.mk-auth) .el-aside .line { width: auto; margin: 14px 8px; border: 0; border-top: 1px solid var(--mk-line); opacity: 1; }
body:not(.mk-auth) .menu-top .el-menu-item,
body:not(.mk-auth) .menu-top .el-submenu__title {
  position: relative;
  height: 40px;
  margin-bottom: 2px;
  padding: 0 12px !important;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 40px;
  color: var(--mk-text-2) !important;
  transition: background-color .2s, color .2s;
}
body:not(.mk-auth) .menu-top .el-menu-item i,
body:not(.mk-auth) .menu-top .el-submenu__title i { color: var(--mk-text-3) !important; font-size: 17px; transition: color .2s; }
body:not(.mk-auth) .menu-top .aside-menu-text { margin-left: 12px; }
body:not(.mk-auth) .menu-top .el-menu-item:hover,
body:not(.mk-auth) .menu-top .el-submenu__title:hover { background-color: var(--color-menu-hover-bg) !important; color: var(--mk-text) !important; }
body:not(.mk-auth) .menu-top .el-menu-item:hover i,
body:not(.mk-auth) .menu-top .el-submenu__title:hover i { color: var(--mk-text-2) !important; }
body:not(.mk-auth) .menu-top .el-menu-item.is-active { background-color: var(--mk-accent-soft) !important; color: var(--mk-accent) !important; font-weight: 600; }
body:not(.mk-auth) .menu-top .el-menu-item.is-active i { color: var(--mk-accent) !important; }
body:not(.mk-auth) .menu-top .el-menu-item.is-active::before {
  content: "";
  position: absolute; left: -12px; top: 10px; bottom: 10px; width: 3px; border-radius: 0 3px 3px 0;
  background: var(--mk-grad);
}
body:not(.mk-auth) .menu-top .el-submenu .el-menu-item { height: 34px; line-height: 34px; padding-left: 41px !important; font-size: 13.5px; }
body:not(.mk-auth) .el-aside::-webkit-scrollbar-thumb,
body:not(.mk-auth) .el-aside:hover::-webkit-scrollbar-thumb { background-color: rgba(15, 23, 42, .12); }

/* ---------- 顶栏：玻璃 ---------- */
body:not(.mk-auth) .el-header {
  height: 56px !important;
  padding: 0 24px;
  background: rgba(255, 255, 255, .72);
  -webkit-backdrop-filter: blur(16px) saturate(170%);
  backdrop-filter: blur(16px) saturate(170%);
  border-bottom: 1px solid var(--mk-line);
  box-shadow: none;
}
body:not(.mk-auth) .el-header .header-right .header-right-item img { opacity: .78; transition: opacity .2s; }
body:not(.mk-auth) .el-header .header-right .header-right-item:hover img { opacity: 1; }
body:not(.mk-auth) .el-header .header-right .cloum-line { background: var(--mk-line-2); }
body:not(.mk-auth) .el-header .head-box { border-radius: 8px; overflow: hidden; }

/* ---------- 主内容卡片 ---------- */
body:not(.mk-auth) .el-container > .el-main {
  margin: 76px 24px 24px;
  border: 1px solid var(--mk-line);
  border-radius: 20px;
  box-shadow: var(--mk-shadow);
  color: var(--mk-text);
}
body:not(.mk-auth) .main-card { color: var(--mk-text); }

/* 各页标题：多数是 .main-card-title，财务页 .finance-title，子账户页 header h2 */
body:not(.mk-auth) .main-card-title,
body:not(.mk-auth) .main-card-title .title-text,
body:not(.mk-auth) .main-card .finance-title,
body:not(.mk-auth) .clid-box > header h2,
body:not(.mk-auth) .config-box h1.tit { font-size: 22px; font-weight: 700; letter-spacing: -.02em; color: var(--mk-text); }

/* ---------- 首页（public/home 模板）：拆掉外层大卡片，各块各自成卡 ---------- */
body:not(.mk-auth) .el-container > .el-main.home-main { background: transparent; border: 0; box-shadow: none; }
body:not(.mk-auth) .home-main .main-content { background: transparent; }
body:not(.mk-auth) .home-main .info-box,
body:not(.mk-auth) .home-main .money-box,
body:not(.mk-auth) .home-main .statistics-bottom,
body:not(.mk-auth) .home-main .product-list-box,
body:not(.mk-auth) .home-main .right-box {
  border: 1px solid var(--mk-line);
  border-radius: 16px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
body:not(.mk-auth) .home-main .money-top .money-credit {
  overflow: hidden;
  border-radius: 12px;
  background: linear-gradient(120deg, #f3f6ff 0%, #f6f3ff 55%, #eefafc 100%);
  box-shadow: 0 0 0 1px rgba(37, 99, 235, .08) inset;
}
body:not(.mk-auth) .home-main .money-top .money-credit .credit-num { font-weight: 700; letter-spacing: -.02em; color: var(--mk-text); }
body:not(.mk-auth) .home-main .money-top .money-credit .credit-btn { padding: 6px 16px; border-radius: 0 12px 0 12px; font-weight: 600; background: var(--mk-btn); }
body:not(.mk-auth) .home-main .order-box .order-item {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--mk-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
  transition: transform .25s var(--mk-ease), box-shadow .25s, border-color .2s;
}
body:not(.mk-auth) .home-main .order-box .order-item:hover { border-color: var(--mk-line-2); box-shadow: 0 14px 30px -16px rgba(15, 23, 42, .22); transform: translateY(-2px); }
body:not(.mk-auth) .home-main .order-box .order-title { color: var(--mk-text-2); font-weight: 500; }
body:not(.mk-auth) .home-main .order-box .order-nums { color: var(--mk-text); font-weight: 700; letter-spacing: -.02em; }
/* 图标是白色线框图，垫一个渐变圆才看得见 */
body:not(.mk-auth) .home-main .order-box .order-type-img { border-radius: 50%; line-height: 0; }
body:not(.mk-auth) .home-main .order-box .order-box-1 .order-type-img { background: linear-gradient(135deg, #a855f7, #6366f1); box-shadow: 0 10px 22px -10px rgba(124, 58, 237, .7); }
body:not(.mk-auth) .home-main .order-box .order-box-2 .order-type-img { background: linear-gradient(135deg, #3b82f6, #0ea5e9); box-shadow: 0 10px 22px -10px rgba(37, 99, 235, .7); }
body:not(.mk-auth) .home-main .order-box .order-box-3 .order-type-img { background: linear-gradient(135deg, #10b981, #06b6d4); box-shadow: 0 10px 22px -10px rgba(16, 185, 129, .7); }
body:not(.mk-auth) .home-main .order-box .order-item::after {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px;
}
body:not(.mk-auth) .home-main .order-box .order-box-1::after { background: linear-gradient(90deg, #a855f7, #6366f1); }
body:not(.mk-auth) .home-main .order-box .order-box-2::after { background: linear-gradient(90deg, #3b82f6, #0ea5e9); }
body:not(.mk-auth) .home-main .order-box .order-box-3::after { background: linear-gradient(90deg, #10b981, #06b6d4); }
body:not(.mk-auth) .home-main .title-text { font-weight: 700; color: var(--mk-text); }
body:not(.mk-auth) .home-main .no-product h2 { font-weight: 700; letter-spacing: -.02em; color: var(--mk-text); }
body:not(.mk-auth) .home-main .no-product p { color: var(--mk-text-3); }

/* ---------- 账户中心：账户信息 / 财务信息 / 安全中心 合成一组标签（js/mk-account-nav.js） ---------- */
body:not(.mk-auth) .mk-acct { margin: 0 0 18px; }
body:not(.mk-auth) .mk-acct-head h1 { margin: 0; font-size: 22px; font-weight: 700; letter-spacing: -.02em; color: var(--mk-text); }
body:not(.mk-auth) .mk-acct-head p { margin: 4px 0 0; font-size: 13px; color: var(--mk-text-3); }
body:not(.mk-auth) .mk-acct-tabs { display: inline-flex; gap: 4px; margin-top: 16px; padding: 4px; border-radius: 12px; background: #f1f4f9; box-shadow: 0 0 0 1px var(--mk-line) inset; }
body:not(.mk-auth) .mk-acct-tabs a {
  display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 16px; border-radius: 9px;
  font-size: 14px; font-weight: 500; color: var(--mk-text-2); text-decoration: none; transition: background-color .2s, color .2s, box-shadow .2s;
}
body:not(.mk-auth) .mk-acct-tabs a:hover { color: var(--mk-text); }
body:not(.mk-auth) .mk-acct-tabs a.is-on { background: #fff; color: var(--mk-text); font-weight: 600; box-shadow: 0 1px 2px rgba(15, 23, 42, .08), 0 2px 8px -2px rgba(15, 23, 42, .1); }
body:not(.mk-auth) .mk-acct-tabs a.is-on i { color: var(--mk-accent); }
body:not(.mk-auth) .mk-acct-sub { display: flex; gap: 28px; margin-top: 16px; border-bottom: 1px solid var(--mk-line); }
body:not(.mk-auth) .mk-acct-sub a { position: relative; padding: 0 0 12px; font-size: 14.5px; font-weight: 500; color: var(--mk-text-2); text-decoration: none; }
body:not(.mk-auth) .mk-acct-sub a:hover { color: var(--mk-text); }
body:not(.mk-auth) .mk-acct-sub a.is-on { color: var(--mk-text); font-weight: 600; }
body:not(.mk-auth) .mk-acct-sub a.is-on::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; border-radius: 2px; background: var(--mk-grad); }
/* 各页原来的「账户 / 财务 / 安全 / 子账户列表」标题，由账户中心标题代替 */
body:not(.mk-auth) .mk-acct ~ .main-card-title,
body:not(.mk-auth) .mk-acct ~ .finance-top .finance-title,
body:not(.mk-auth) .mk-acct ~ header > h2 { display: none; }
body:not(.mk-auth) .finance .mk-acct { padding: 18px 18px 0; margin-bottom: 0; }
body:not(.mk-auth) .clid-box .mk-acct ~ header { justify-content: flex-end; }
body:not(.mk-auth) .addAccount-content > .mk-acct { margin-bottom: 8px; }

/* ---------- 按钮 ---------- */
body:not(.mk-auth) .el-button {
  border-radius: 10px;
  font-weight: 600;
  transition: background-color .2s, border-color .2s, color .2s, box-shadow .25s, transform .25s var(--mk-ease);
}
body:not(.mk-auth) .el-button--default,
body:not(.mk-auth) .el-button--primary.is-plain {
  background: #fff;
  border-color: var(--mk-line-2);
  color: var(--mk-text);
}
body:not(.mk-auth) .el-button--default:hover,
body:not(.mk-auth) .el-button--default:focus,
body:not(.mk-auth) .el-button--primary.is-plain:hover,
body:not(.mk-auth) .el-button--primary.is-plain:focus { background: var(--mk-soft); border-color: rgba(15, 23, 42, .26); color: var(--mk-text); }
/* 主按钮用品牌蓝：会员中心大量自定义按钮直接引用 --color-primary，黑色会和它们混搭 */
body:not(.mk-auth) .el-button--primary:not(.is-plain) {
  background: var(--mk-btn);
  border-color: var(--mk-btn);
  color: #fff;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .16) inset, 0 6px 16px -8px rgba(26, 86, 219, .6);
}
body:not(.mk-auth) .el-button--primary:not(.is-plain):hover { background: var(--mk-btn-hover); border-color: var(--mk-btn-hover); box-shadow: 0 1px 0 rgba(255, 255, 255, .16) inset, 0 10px 22px -10px rgba(26, 86, 219, .7); }
body:not(.mk-auth) .el-button--primary:not(.is-plain):focus { background: var(--mk-btn); border-color: var(--mk-btn); }
body:not(.mk-auth) .el-button--primary.is-disabled,
body:not(.mk-auth) .el-button--primary.is-disabled:hover { background: #c3c9d4; border-color: #c3c9d4; color: #fff; box-shadow: none; }
body:not(.mk-auth) .el-button--default.is-disabled,
body:not(.mk-auth) .el-button--default.is-disabled:hover { background: var(--mk-soft); border-color: var(--mk-line); color: var(--mk-text-3); }
body:not(.mk-auth) .el-button--danger:not(.is-plain) { background: #e5484d; border-color: #e5484d; }
body:not(.mk-auth) .el-button--danger:not(.is-plain):hover { background: #d93d42; border-color: #d93d42; }
body:not(.mk-auth) .el-button--text { color: var(--mk-accent); font-weight: 500; box-shadow: none; }
body:not(.mk-auth) .el-button--text:hover { color: #1e40af; }
body:not(.mk-auth) .el-button-group > .el-button:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; }
body:not(.mk-auth) .el-button-group > .el-button:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; }
body:not(.mk-auth) .el-button-group > .el-button:not(:first-child):not(:last-child) { border-radius: 0; }

/* ---------- 输入框 / 下拉 ---------- */
body:not(.mk-auth) .el-input__inner,
body:not(.mk-auth) .el-textarea__inner {
  border-color: var(--mk-line-2);
  border-radius: 10px;
  color: var(--mk-text);
  transition: border-color .2s, box-shadow .2s;
}
body:not(.mk-auth) .el-input__inner::placeholder,
body:not(.mk-auth) .el-textarea__inner::placeholder { color: var(--mk-text-3); }
body:not(.mk-auth) .el-input__inner:hover,
body:not(.mk-auth) .el-textarea__inner:hover { border-color: rgba(15, 23, 42, .26); }
body:not(.mk-auth) .el-input__inner:focus,
body:not(.mk-auth) .el-textarea__inner:focus,
body:not(.mk-auth) .el-select .el-input.is-focus .el-input__inner { border-color: var(--mk-accent); box-shadow: var(--mk-ring); }
body:not(.mk-auth) .el-input.is-disabled .el-input__inner { background: var(--mk-soft); border-color: var(--mk-line); color: var(--mk-text-3); }
body:not(.mk-auth) .el-input-group__prepend,
body:not(.mk-auth) .el-input-group__append { background: var(--mk-soft); border-color: var(--mk-line-2); color: var(--mk-text-2); }
body:not(.mk-auth) .el-input-group__prepend { border-radius: 10px 0 0 10px; }
body:not(.mk-auth) .el-input-group__append { border-radius: 0 10px 10px 0; }
body:not(.mk-auth) .el-input-group--prepend .el-input__inner { border-top-left-radius: 0; border-bottom-left-radius: 0; }
body:not(.mk-auth) .el-input-group--append .el-input__inner { border-top-right-radius: 0; border-bottom-right-radius: 0; }
body:not(.mk-auth) .el-select .el-tag { border-radius: 6px; background: var(--mk-soft); border-color: var(--mk-line); color: var(--mk-text-2); }

/* 弹出层：下拉、日期、气泡 */
body:not(.mk-auth) .el-select-dropdown,
body:not(.mk-auth) .el-dropdown-menu,
body:not(.mk-auth) .el-picker-panel,
body:not(.mk-auth) .el-popover,
body:not(.mk-auth) .el-autocomplete-suggestion,
body:not(.mk-auth) .el-cascader__dropdown {
  border: 1px solid var(--mk-line);
  border-radius: 12px;
  box-shadow: 0 12px 32px -12px rgba(15, 23, 42, .22);
}
body:not(.mk-auth) .el-select-dropdown__item,
body:not(.mk-auth) .el-dropdown-menu__item { margin: 0 6px; padding-left: 12px; padding-right: 12px; border-radius: 8px; color: var(--mk-text-2); }
body:not(.mk-auth) .el-select-dropdown__item.hover,
body:not(.mk-auth) .el-select-dropdown__item:hover,
body:not(.mk-auth) .el-dropdown-menu__item:hover,
body:not(.mk-auth) .el-dropdown-menu__item:focus { background: var(--mk-soft); color: var(--mk-text); }
body:not(.mk-auth) .el-select-dropdown__item.selected { color: var(--mk-accent); font-weight: 600; }
body:not(.mk-auth) .el-popper .popper__arrow { display: none; }

/* ---------- 标签页 ---------- */
body:not(.mk-auth) .el-tabs__nav-wrap::after { height: 1px; background: var(--mk-line); }
body:not(.mk-auth) .el-tabs__item { font-size: 14.5px; font-weight: 500; color: var(--mk-text-2); transition: color .2s; }
body:not(.mk-auth) .el-tabs__item:hover { color: var(--mk-text); }
body:not(.mk-auth) .el-tabs__item.is-active { color: var(--mk-text); font-weight: 600; }
body:not(.mk-auth) .el-tabs__active-bar { height: 2px; border-radius: 2px; background: var(--mk-grad); }
body:not(.mk-auth) .el-tabs--card > .el-tabs__header .el-tabs__item.is-active { color: var(--mk-accent); }

/* ---------- 表格 ---------- */
body:not(.mk-auth) .el-table { border-radius: 12px; color: var(--mk-text); font-size: 14px; }
body:not(.mk-auth) .el-table::before,
body:not(.mk-auth) .el-table--group::after,
body:not(.mk-auth) .el-table--border::after { background-color: var(--mk-line); }
body:not(.mk-auth) .el-table th.el-table__cell,
body:not(.mk-auth) .el-table thead th { background: var(--mk-soft) !important; color: var(--mk-text-2); font-size: 13px; font-weight: 600; }
body:not(.mk-auth) .el-table th.el-table__cell.is-leaf,
body:not(.mk-auth) .el-table td.el-table__cell { border-bottom-color: var(--mk-line); }
body:not(.mk-auth) .el-table--border,
body:not(.mk-auth) .el-table--border .el-table__cell { border-color: var(--mk-line); }
body:not(.mk-auth) .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell { background-color: #f6f8fd; }
body:not(.mk-auth) .el-table__empty-text { color: var(--mk-text-3); }
body:not(.mk-auth) .el-table__fixed-right::before,
body:not(.mk-auth) .el-table__fixed::before { background-color: var(--mk-line); }
body:not(.mk-auth) .el-table__fixed-right { box-shadow: -10px 0 16px -14px rgba(15, 23, 42, .18); }

/* ---------- 分页 ---------- */
body:not(.mk-auth) .el-pager li,
body:not(.mk-auth) .el-pager .number {
  min-width: 32px; width: auto; height: 32px; margin-right: 6px; padding: 0 6px;
  border: 1px solid var(--mk-line-2); border-radius: 8px;
  font-weight: 500; line-height: 30px; color: var(--mk-text-2); background: #fff;
}
body:not(.mk-auth) .el-pager li:hover { color: var(--mk-text); border-color: rgba(15, 23, 42, .26); }
body:not(.mk-auth) .el-pager li.active,
body:not(.mk-auth) .el-pager .active { background: var(--mk-btn); border-color: var(--mk-btn); color: #fff; }
body:not(.mk-auth) .el-pager li.active + li { border-left: 1px solid var(--mk-line-2); }
body:not(.mk-auth) .el-pagination button { border-radius: 8px; background: transparent; }
body:not(.mk-auth) .el-pagination .page-total,
body:not(.mk-auth) .el-pagination__total,
body:not(.mk-auth) .el-pagination__jump { color: var(--mk-text-3); }

/* ---------- 弹窗 / 消息 ---------- */
body:not(.mk-auth) .el-dialog,
body:not(.mk-auth) .el-message-box { border-radius: 20px; overflow: hidden; box-shadow: var(--mk-shadow-lg); }
body:not(.mk-auth) .el-dialog__title,
body:not(.mk-auth) .el-message-box__title { font-size: 18px; font-weight: 700; color: var(--mk-text); letter-spacing: -.01em; }
body:not(.mk-auth) .el-dialog__headerbtn .el-dialog__close { color: var(--mk-text-3); }
body:not(.mk-auth) .el-dialog__headerbtn:hover .el-dialog__close { color: var(--mk-text); }
body:not(.mk-auth) .v-modal { background: rgba(10, 15, 28, .45); opacity: 1; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
body:not(.mk-auth) .el-message { border-radius: 12px; box-shadow: 0 12px 32px -12px rgba(15, 23, 42, .24); }
body:not(.mk-auth) .el-alert { border-radius: 10px; }
body:not(.mk-auth) .el-drawer { box-shadow: var(--mk-shadow-lg); }

/* 后台配置的公告框（购物车顶部、工单页顶部） */
body:not(.mk-auth) .cart-des,
body:not(.mk-auth) .order-des {
  padding: 14px 16px;
  border: 1px solid rgba(37, 99, 235, .14);
  border-radius: 12px;
  background: linear-gradient(120deg, #f5f8ff 0%, #f8f6ff 60%, #f2fafc 100%);
  color: var(--mk-text-2);
  line-height: 1.75;
}

/* ---------- 单选按钮组（下单页的区域 / 安全组 / 登录方式等） ---------- */
body:not(.mk-auth) .el-radio-button__inner { border-color: var(--mk-line-2); color: var(--mk-text-2); font-weight: 500; transition: background-color .2s, border-color .2s, color .2s; }
body:not(.mk-auth) .el-radio-button:first-child .el-radio-button__inner { border-left-color: var(--mk-line-2); border-radius: 10px 0 0 10px; }
body:not(.mk-auth) .el-radio-button:last-child .el-radio-button__inner { border-radius: 0 10px 10px 0; }
body:not(.mk-auth) .el-radio-button:first-child:last-child .el-radio-button__inner { border-radius: 10px; }
body:not(.mk-auth) .el-radio-button__inner:hover { color: var(--mk-text); }
body:not(.mk-auth) .el-radio-button.is-active .el-radio-button__inner,
body:not(.mk-auth) .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background: var(--mk-accent-soft);
  border-color: var(--mk-accent);
  color: var(--mk-accent);
  font-weight: 600;
  box-shadow: -1px 0 0 0 var(--mk-accent);
}
body:not(.mk-auth) .el-radio__input.is-checked .el-radio__inner { background: var(--mk-accent); border-color: var(--mk-accent); }

/* ---------- 购物车：商品列表卡片 / 配置页套餐、镜像卡 / 底部结算栏 ---------- */
body:not(.mk-auth) .shopping-item {
  overflow: hidden;
  border: 1px solid var(--mk-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
  transition: transform .25s var(--mk-ease), box-shadow .25s, border-color .2s;
}
body:not(.mk-auth) .shopping-item:hover { border-color: var(--mk-line-2); box-shadow: 0 18px 36px -18px rgba(15, 23, 42, .24); transform: translateY(-2px); }
body:not(.mk-auth) .shopping-item .goods-description { background: linear-gradient(160deg, #f5f8ff 0%, #f7f5ff 60%, #f1fafc 100%); color: var(--mk-text-2); }
body:not(.mk-auth) .shopping-item .price-box { color: var(--mk-text); }
body:not(.mk-auth) .cloud-item { overflow: hidden; border-radius: 12px; border-color: var(--mk-line-2); transition: border-color .2s, box-shadow .2s; }
body:not(.mk-auth) .cloud-item.active { border-color: var(--mk-accent); box-shadow: var(--mk-ring); }
body:not(.mk-auth) .image-item { border-radius: 10px; transition: border-color .2s, box-shadow .2s; }
body:not(.mk-auth) .image-item.active { box-shadow: var(--mk-ring); }
body:not(.mk-auth) .f-order .el-main {
  border-top: 1px solid var(--mk-line);
  background: rgba(255, 255, 255, .88);
  -webkit-backdrop-filter: blur(16px) saturate(170%);
  backdrop-filter: blur(16px) saturate(170%);
  box-shadow: 0 -16px 40px -28px rgba(15, 23, 42, .3);
}

/* ---------- 其它小件 ---------- */
body:not(.mk-auth) .el-checkbox__inner { border-radius: 4px; border-color: rgba(15, 23, 42, .24); }
body:not(.mk-auth) .el-tag { border-radius: 6px; }
body:not(.mk-auth) .el-divider { background-color: var(--mk-line); }
body:not(.mk-auth) .el-card { border-color: var(--mk-line); border-radius: 16px; box-shadow: none; }
body:not(.mk-auth) .el-card.is-always-shadow,
body:not(.mk-auth) .el-card.is-hover-shadow:hover { box-shadow: var(--mk-shadow); }
body:not(.mk-auth) .el-loading-spinner .path { stroke: var(--mk-accent); }
body:not(.mk-auth) .el-empty__description p { color: var(--mk-text-3); }
body:not(.mk-auth) .el-badge__content { border: 0; font-weight: 600; }

/* ---------- 手机（PC 模板直接上手机） ---------- */
@media screen and (max-width: 750px) {
  body:not(.mk-auth) .el-header { height: 56px !important; padding: 0 14px; }
  body:not(.mk-auth) .el-container > .el-main { margin: 68px 12px 12px; border-radius: 16px; }
  body:not(.mk-auth) .main-card-title,
  body:not(.mk-auth) .main-card-title .title-text,
  body:not(.mk-auth) .main-card .finance-title { font-size: 19px; }
  body:not(.mk-auth) .mk-acct-head h1 { font-size: 19px; }
  body:not(.mk-auth) .mk-acct-tabs { display: flex; }
  body:not(.mk-auth) .mk-acct-tabs a { flex: 1; justify-content: center; padding: 0 6px; font-size: 13.5px; }
  body:not(.mk-auth) .mk-acct-sub { gap: 18px; overflow-x: auto; white-space: nowrap; }
  /* 财务页订单类型图例：原版在手机上挤成一字一行 */
  body:not(.mk-auth) .content_searchbar .left_tips { flex-wrap: wrap; gap: 8px 12px; }
  body:not(.mk-auth) .content_searchbar .left_tips .tips_item { margin-right: 0; font-size: 12px; white-space: nowrap; }
  body:not(.mk-auth) .content_searchbar .left_tips .all-del { width: 100%; }
  /* 产品列表（各服务器模块）搜索栏：原版不换行，手机上被截掉 */
  body:not(.mk-auth) .main-card-search { flex-wrap: wrap; row-gap: 10px; }
  body:not(.mk-auth) .main-card-search .right-search { flex: 1 1 100%; flex-wrap: wrap; justify-content: flex-start; gap: 8px; }
  body:not(.mk-auth) .main-card-search .right-search .el-select,
  body:not(.mk-auth) .main-card-search .right-search .el-input { flex: 1 1 140px; width: auto; }
}