/* ============================================================
   DeepSeek 极简主题 (覆盖层)
   白底 / 浅灰卡片 / 蓝点缀 #4D6BFE
   ============================================================ */
:root {
  --ds-bg: #f7f7f5;
  --ds-card: #ffffff;
  --ds-border: #e6e6e4;
  --ds-text: #1a1a1a;
  --ds-text-2: #6b6b6b;
  --ds-text-3: #9a9a9a;
  --ds-accent: #4D6BFE;
  --ds-accent-soft: #eef1ff;
  --ds-accent-hover: #3f59e6;
  --ds-radius: 12px;
  --ds-shadow: 0 1px 2px rgba(0,0,0,.04);
}
* { scrollbar-width: thin; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: #d9d9d7; border-radius: 4px; }

body {
  background: var(--ds-bg) !important;
  color: var(--ds-text) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;
  letter-spacing: .01em;
}
a { color: var(--ds-accent) !important; text-decoration: none !important; }
a:hover { color: var(--ds-accent-hover) !important; }

/* ---- 通用容器卡片 ---- */
table, .table, .list, .card, .panel, .box, .mod, .wrap, .content-box,
.xy-content, .xy-c-f, .section, .grid > .field, .st-card, .claude-card {
  border-radius: var(--ds-radius) !important;
}
.xy-content, .xy-c-f, .card, .panel, .box, .st-card {
  background: var(--ds-card) !important;
  border: 1px solid var(--ds-border) !important;
  box-shadow: var(--ds-shadow) !important;
}

/* ---- 表格 ---- */
table { border-collapse: separate !important; border-spacing: 0 !important; background: var(--ds-card) !important; }
th {
  background: #fafaf8 !important;
  color: var(--ds-text-2) !important;
  font-weight: 600 !important;
  border-bottom: 1px solid var(--ds-border) !important;
  padding: 10px 12px !important;
}
td {
  border-bottom: 1px solid #f0f0ee !important;
  padding: 9px 12px !important;
  color: var(--ds-text) !important;
}
tr:hover td { background: #fafaf8 !important; }

/* ---- 按钮 ---- */
button, .btn, .Btn, input[type="submit"], input[type="button"], .xyzk-btn {
  border-radius: 8px !important;
  border: 1px solid var(--ds-border) !important;
  background: var(--ds-card) !important;
  color: var(--ds-text) !important;
  transition: all .15s ease !important;
  box-shadow: none !important;
}
button:hover, .btn:hover, .Btn:hover, .xyzk-btn:hover { background: #f2f2f0 !important; }
button.primary, .btn-primary, .btn-mini, .Btn--primary, .xyzk-btn[type="submit"],
input[type="submit"]:not([value="取消"]), .claude-btn-primary {
  background: var(--ds-accent) !important;
  border-color: var(--ds-accent) !important;
  color: #fff !important;
}
button.primary:hover, .btn-primary:hover, .Btn--primary:hover { background: var(--ds-accent-hover) !important; }
.Btn--primary:not(.Btn--outline) { background: var(--ds-accent) !important; border-color: var(--ds-accent) !important; color: #fff !important; }

/* ---- 输入框 ---- */
input[type="text"], input[type="number"], input[type="password"], input[type="email"],
input[type="tel"], input[type="search"], select, textarea, .Input {
  border: 1px solid var(--ds-border) !important;
  border-radius: 8px !important;
  background: var(--ds-card) !important;
  color: var(--ds-text) !important;
  padding: 8px 10px !important;
  box-shadow: none !important;
}
input:focus, select:focus, textarea:focus, .Input:focus {
  border-color: var(--ds-accent) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(77,107,254,.12) !important;
}

/* ---- 顶栏/导航 ---- */
.top, .nav, .menu, .navbar, .Navbar, .claude-topbar, .xy-top {
  background: var(--ds-card) !important;
  border-bottom: 1px solid var(--ds-border) !important;
  box-shadow: none !important;
}

/* ---- 标签/强调 ---- */
.highlight, .active, .on, .cur, .current, .selected { color: var(--ds-accent) !important; }

/* ---- 标题文字 ---- */
h1, h2, h3, h4, .title, .xyzk-title { color: var(--ds-text) !important; font-weight: 600 !important; }

/* ---- 淡色文字统一 ---- */
.hint, .note, .sub, .meta, .help, .HelpText, .desc { color: var(--ds-text-3) !important; }

/* ---- 弹窗 ---- */
.modal, .Modal, .Popup-dialog, .popup { border-radius: var(--ds-radius) !important; box-shadow: 0 8px 30px rgba(0,0,0,.12) !important; }

/* ---- 分隔线 ---- */
hr { border-color: var(--ds-border) !important; }

/* ---- 二维码容器 ---- */
#QRCode { border-color: var(--ds-border) !important; background: var(--ds-card) !important; }

/* ---- 页脚 ---- */
.footer, .foot { color: var(--ds-text-3) !important; }
/* ============================================================
   商品编辑/添加页 按钮精致化
   ============================================================ */
.btn-ghost, .btn-mini, .btn-fill, .btn-line {
    border-radius: 9px !important;
    font-family: inherit !important;
    transition: all .18s cubic-bezier(.4, 0, .2, 1) !important;
}
.btn-ghost {
    border: 1px solid var(--ds-border) !important;
    background: #ffffff !important;
    color: var(--ds-text) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .03) !important;
}
.btn-ghost:hover:not(:disabled) {
    border-color: var(--ds-accent) !important;
    color: var(--ds-accent) !important;
    background: var(--ds-accent-soft) !important;
    box-shadow: 0 2px 10px rgba(77, 107, 254, .14) !important;
    transform: translateY(-1px);
}
.btn-ghost:active { transform: scale(.97) !important; }
.btn-ghost:disabled { opacity: .45 !important; }

/* 主按钮(保存修改/添加) — DeepSeek 蓝 */
.btn-fill {
    background: var(--ds-accent) !important;
    border-color: var(--ds-accent) !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(77, 107, 254, .28) !important;
}
.btn-fill:hover:not(:disabled) {
    background: var(--ds-accent-hover) !important;
    border-color: var(--ds-accent-hover) !important;
    box-shadow: 0 5px 14px rgba(77, 107, 254, .34) !important;
    transform: translateY(-1px);
}

/* 次按钮(重置/取消) */
.btn-line {
    border: 1px solid var(--ds-border) !important;
    background: #ffffff !important;
    color: var(--ds-text-2) !important;
    box-shadow: none !important;
}
.btn-line:hover:not(:disabled) {
    border-color: var(--ds-border) !important;
    background: #f5f5f3 !important;
    color: var(--ds-text) !important;
}

/* 小按钮(创建链接/复制等) */
.btn-mini {
    background: #ffffff !important;
    border: 1px solid var(--ds-border) !important;
    color: var(--ds-text-2) !important;
    box-shadow: none !important;
}
.btn-mini:hover {
    border-color: var(--ds-accent) !important;
    color: var(--ds-accent) !important;
    background: var(--ds-accent-soft) !important;
}

/* 删除小圆钮 */
.btn-del { box-shadow: 0 2px 8px rgba(239, 68, 68, .28) !important; }