/* ============================================================
   KEYU MINIMAL · Apple-style design system for IDCsmart home slot
   柯羽云 · 极简 —— 用户中心首页 /home.htm
   Loaded AFTER home.css so every override wins.
   ============================================================ */

/* ---------- 主题令牌（高优先级覆盖） ---------- */
:root:root {
  --color-primary: #0071E3;
  --color-success: #34C759;
  --color-warning: #FF9F0A;
  --color-danger: #FF3B30;
  --color-info: #8E8E93;
  --color-text-tips: #6E6E73;
  --color-menu-bg: #FFFFFF;
  --color-menu-active-bg: rgba(0, 113, 227, 0.12);
  --color-menu-hover-bg: #F5F5F7;
  --color-menu-text: #1D1D1F;
  --color-menu-text-active: #0071E3;
  --color-price-text: #F0142F;
  --color-discount-num: #FF9F0A;
  --color-cash-num: #F0142F;
  --ky-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
}

/* ---------- 全局 ---------- */
html, body {
  font-family: var(--ky-font);
  -webkit-font-smoothing: antialiased;
  background: #F5F5F7;
  color: #1D1D1F;
  letter-spacing: 0;
}
:focus-visible {
  outline: 3px solid var(--color-primary);
  outline-offset: 2px;
  border-radius: 4px;
}
a { color: var(--color-primary); }
::selection { background: rgba(0, 113, 227, .15); }

/* ---------- 侧边栏 / 顶部栏（与 clientarea 一致） ---------- */
.el-aside { background: #FFFFFF !important; border-right: 1px solid #E8E8ED; }
.el-aside .ali-logo { max-width: 130px; max-height: 40px; margin: 20px 0 8px 18px; object-fit: contain; }
.menu-top { margin-top: 12px !important; padding: 0 10px; }
.menu-top .el-menu-item,
.menu-top .el-submenu__title {
  height: 40px !important;
  line-height: 40px !important;
  border-radius: 10px !important;
  margin-bottom: 2px;
  font-size: 14px;
  color: var(--color-menu-text) !important;
}
.menu-top .el-menu-item i, .menu-top .el-submenu__title i { color: var(--color-menu-text) !important; }
.menu-top .el-menu-item:hover, .menu-top .el-submenu__title:hover {
  background-color: #F5F5F7 !important;
  color: var(--color-menu-text) !important;
}
.menu-top .el-menu-item.is-active {
  background-color: rgba(0, 113, 227, .12) !important;
  color: var(--color-primary) !important;
  font-weight: 600;
}
.menu-top .el-menu-item.is-active i { color: var(--color-primary) !important; }
.menu-top .el-submenu .el-menu-item { padding-left: 52px !important; border-radius: 8px !important; }
.aside-menu-text { margin-left: 12px; }
.el-header {
  background: rgba(255, 255, 255, .85) !important;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  border-bottom: 1px solid #E8E8ED;
}
.el-main { background: #F5F5F7; }

/* ---------- 欢迎区 ---------- */
.main-card { background: transparent; }
.main-content { background: #FFFFFF; border-radius: 18px; border: 1px solid #E8E8ED; padding: 28px; }
.hello { color: #1D1D1F !important; font-size: 20px; font-weight: 700; }
.info-first .name-first {
  background: var(--color-primary) !important;
  border-radius: 50% !important;
  color: #fff;
}
.info-second, .info-three { color: #6E6E73; }
.company-name { color: #1D1D1F; }
.company-name.bule-text, .bule-text { color: var(--color-primary) !important; }
.certify-text { color: #6E6E73; }

/* ---------- 统计卡片 ---------- */
.statistics-content { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.statistics-item {
  background: #FFFFFF;
  border: 1px solid #E8E8ED;
  border-radius: 16px;
  padding: 20px;
}
.statistics-item-name { color: #6E6E73; font-size: 13px; }
.statistics-item-value { color: #1D1D1F; font-size: 26px; font-weight: 700; letter-spacing: -0.02em; }
.statistics-bottom { color: #6E6E73; }

/* ---------- 财务 / 订单 ---------- */
.money-box, .order-box, .notice-box, .WorkOrder-box, .recommend-box, .voucher-box {
  background: #FFFFFF;
  border: 1px solid #E8E8ED;
  border-radius: 16px;
  padding: 22px;
}
.money-top .title-text, .order-title, .notice-title, .WorkOrder-title, .recommend-text { color: #1D1D1F; font-weight: 700; }
.money-order-title, .order-type-img, .top-text, .top-money { color: #1D1D1F; }
.money-order-value { color: var(--color-primary); font-weight: 700; }
.credit-tag { background: #F5F5F7; border-radius: 980px; color: #6E6E73; padding: 4px 12px; font-size: 12px; }
.credit-num { color: var(--color-primary); font-weight: 700; }
.cpoy-btn { border-radius: 980px !important; }
.more { color: var(--color-primary); }
.notice-item { border-bottom: 1px solid #F0F0F2; }
.notice-time { color: #8E8E93; }
.divider-box { border-color: #F0F0F2; }

/* ---------- 产品列表 ---------- */
.product-list-box { background: #FFFFFF; border: 1px solid #E8E8ED; border-radius: 16px; padding: 22px; }
.no-product { color: #6E6E73; }
.recommend-money-num { color: var(--color-primary); font-weight: 700; }

/* ---------- Element UI 组件 ---------- */
.el-button {
  border-radius: 980px !important;
  font-weight: 500;
  transition: all .2s ease;
}
.el-button--primary { background-color: var(--color-primary); border-color: var(--color-primary); }
.el-button--primary:hover, .el-button--primary:focus { background-color: #0077ED; border-color: #0077ED; }
.el-button--default { border-color: #D2D2D7; color: #1D1D1F; }
.el-input__inner, .el-textarea__inner {
  border-radius: 10px !important;
  border-color: #D2D2D7 !important;
  color: #1D1D1F !important;
}
.el-input__inner:focus, .el-textarea__inner:focus {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 4px rgba(0, 113, 227, .12) !important;
}
.el-dialog { border-radius: 18px !important; overflow: hidden; }
.el-message-box { border-radius: 18px !important; }
.el-table { border-radius: 12px; overflow: hidden; }
.el-table th.el-table__cell { background: #F5F5F7 !important; color: #6E6E73 !important; font-weight: 600; }
.el-pagination.is-background .el-pager li:not(.disabled).active { background-color: var(--color-primary); }

/* ---------- 移动端 ---------- */
@media screen and (max-width: 750px) {
  .el-main { padding: 14px !important; }
  .main-content { padding: 20px; }
  .statistics-content { grid-template-columns: 1fr; }
  .money-box, .order-box, .notice-box, .WorkOrder-box, .recommend-box, .voucher-box { padding: 18px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; }
}

/* ---------- 二次元背景（图床随机图 + 半透明白遮罩） ---------- */
body {
  background-color: #F5F5F7 !important;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.55)),
    url("https://t.alcy.cc/ycy/") !important;
  background-size: cover, cover !important;
  background-position: center, center !important;
  background-repeat: no-repeat, no-repeat !important;
  background-attachment: fixed, fixed !important;
}
.el-main { background: rgba(245, 245, 247, 0.75) !important; }
.el-aside { background: rgba(255, 255, 255, 0.92) !important; }
.el-header { background: rgba(255, 255, 255, 0.85) !important; }
.main-card, .main-content, .money-box, .order-box, .notice-box, .WorkOrder-box, .recommend-box, .product-list-box {
  background: rgba(255, 255, 255, 0.94) !important;
}

/* ---------- 毛玻璃卡片 ---------- */
.el-main { background: rgba(245, 245, 247, 0.45) !important; }
.main-card, .main-content, .money-box, .order-box, .notice-box, .WorkOrder-box,
.recommend-box, .product-list-box, .statistics-item {
  background: rgba(255, 255, 255, 0.66) !important;
  -webkit-backdrop-filter: blur(20px) saturate(160%);
  backdrop-filter: blur(20px) saturate(160%);
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06) !important;
}
.el-aside { background: rgba(255, 255, 255, 0.72) !important; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }
.el-header { background: rgba(255, 255, 255, 0.6) !important; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }