/* ============================================================
   内控大综合平台 · 统一设计系统 (Fusion Design System)
   高端金融风：墨黑 + 鎏金，留白克制，质感细腻。
   由网关注入到每个板块页面，盖在各 app 自有样式之上。
   ============================================================ */
:root{
  --fz-gold:#b8924a; --fz-gold-2:#cda85f; --fz-gold-soft:#f4eede; --fz-gold-line:#e6d9bd;
  --fz-ink:#1d2230; --fz-ink-2:#3d4456; --fz-muted:#8b93a4;
  --fz-bg:#f5f6f8; --fz-surface:#ffffff; --fz-line:#e8ebf0; --fz-line-soft:#f0f2f5;
  --fz-radius:12px; --fz-radius-sm:8px; --fz-radius-lg:16px;
  --fz-shadow-sm:0 1px 2px rgba(22,26,35,.05);
  --fz-shadow:0 1px 3px rgba(22,26,35,.06), 0 10px 28px rgba(22,26,35,.06);
  --fz-shadow-lg:0 12px 40px rgba(22,26,35,.12);
  --fz-font:"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
}

/* —— 基础排版 —— */
html,body{ font-family:var(--fz-font)!important; color:var(--fz-ink); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; letter-spacing:.1px; }
body{ background:var(--fz-bg); }
h1,h2,h3,h4,h5{ color:var(--fz-ink); font-weight:700; letter-spacing:.2px; }
a{ color:var(--fz-gold); text-decoration:none; transition:color .15s; }
a:hover{ color:var(--fz-gold-2); }
::selection{ background:var(--fz-gold-soft); color:var(--fz-ink); }

/* —— 滚动条（大厂细节）—— */
*{ scrollbar-width:thin; scrollbar-color:#cfd5de transparent; }
*::-webkit-scrollbar{ width:10px; height:10px; }
*::-webkit-scrollbar-thumb{ background:#cfd5de; border-radius:8px; border:2px solid transparent; background-clip:content-box; }
*::-webkit-scrollbar-thumb:hover{ background:#b4bcc8; background-clip:content-box; }

/* —— 表单控件 —— */
input:not([type=checkbox]):not([type=radio]):not([type=range]),
select, textarea{
  font-family:var(--fz-font); font-size:14px; color:var(--fz-ink);
  border:1px solid var(--fz-line); border-radius:var(--fz-radius-sm);
  background:#fff; transition:border-color .15s, box-shadow .15s;
}
input:focus, select:focus, textarea:focus{
  outline:none!important; border-color:var(--fz-gold)!important;
  box-shadow:0 0 0 3px rgba(184,146,74,.15)!important;
}
::placeholder{ color:#aab1bd; }

/* —— 按钮：统一圆角/过渡/手感，主按钮鎏金 —— */
button, .btn, input[type=submit], input[type=button]{
  font-family:var(--fz-font); border-radius:var(--fz-radius-sm);
  cursor:pointer; transition:transform .08s, box-shadow .15s, background .15s, opacity .15s;
}
button:active, .btn:active{ transform:translateY(.5px); }
.btn-primary, .btn.primary, button.primary, [type=submit].primary,
.el-button--primary, .ant-btn-primary{
  background:var(--fz-gold)!important; border-color:var(--fz-gold)!important; color:#fff!important;
}
.btn-primary:hover, .btn.primary:hover, button.primary:hover,
.el-button--primary:hover, .ant-btn-primary:hover{ background:var(--fz-gold-2)!important; border-color:var(--fz-gold-2)!important; }

/* —— 卡片/面板：常见容器统一圆角+柔阴影+描边 —— */
.card, .panel, .box, .widget, .stat-card, .kpi, .ant-card, .el-card{
  background:var(--fz-surface); border:1px solid var(--fz-line)!important;
  border-radius:var(--fz-radius)!important; box-shadow:var(--fz-shadow-sm)!important;
}

/* —— 表格：克制的金融感 —— */
table{ border-collapse:separate; border-spacing:0; }
table thead th, table th{
  background:var(--fz-gold-soft); color:var(--fz-ink-2); font-weight:600;
  border-bottom:1px solid var(--fz-gold-line)!important; letter-spacing:.3px;
}
table td{ border-bottom:1px solid var(--fz-line-soft); color:var(--fz-ink-2); }
table tbody tr:hover td{ background:#faf8f2; }

/* —— 强调色统一 —— */
.text-primary,.text-gold{ color:var(--fz-gold)!important; }
.badge,.tag,.chip{ border-radius:999px; }

/* ====== 扩展：常见框架/组件统一（大厂深度覆盖） ====== */
/* Bootstrap 主色系 → 鎏金 */
.btn-primary,.bg-primary,.badge-primary,.btn-info,.bg-info{ background-color:var(--fz-gold)!important; border-color:var(--fz-gold)!important; color:#fff!important; }
.btn-outline-primary{ color:var(--fz-gold)!important; border-color:var(--fz-gold)!important; }
.btn-outline-primary:hover{ background:var(--fz-gold)!important; color:#fff!important; }
.text-primary,.text-info{ color:var(--fz-gold)!important; }
.btn-success,.bg-success{ background-color:#3a9e72!important; border-color:#3a9e72!important; }
.page-link{ color:var(--fz-gold)!important; }
.page-item.active .page-link{ background:var(--fz-gold)!important; border-color:var(--fz-gold)!important; }
.form-control,.form-select{ border-radius:var(--fz-radius-sm)!important; border-color:var(--fz-line)!important; }
.form-control:focus,.form-select:focus{ border-color:var(--fz-gold)!important; box-shadow:0 0 0 3px rgba(184,146,74,.15)!important; }
.table>thead th{ background:var(--fz-gold-soft); color:var(--fz-ink-2); }

/* 标签页 / Pills */
.nav-tabs .nav-link.active,.tab.active,.tabs .active,[role=tab][aria-selected=true]{
  color:var(--fz-gold)!important; border-color:var(--fz-gold)!important; }
.nav-tabs .nav-link.active{ border-bottom:2px solid var(--fz-gold)!important; }
.nav-pills .nav-link.active{ background:var(--fz-gold)!important; color:#fff!important; }

/* 弹窗 / 抽屉 */
.modal-content,.dialog,.drawer,.popup,.ant-modal-content,.el-dialog{
  border-radius:var(--fz-radius-lg)!important; box-shadow:var(--fz-shadow-lg)!important; border:0!important; }
.modal-header,.dialog-header,.el-dialog__header{ border-bottom:1px solid var(--fz-line)!important; }

/* 提示条 */
.alert,.notice,.message,.banner-info{ border-radius:var(--fz-radius)!important; border:1px solid var(--fz-line); }
.alert-primary,.alert-info{ background:var(--fz-gold-soft)!important; border-color:var(--fz-gold-line)!important; color:#7a5e28!important; }

/* 下拉 / 菜单浮层 */
.dropdown-menu,.menu,.popover,.ant-dropdown,.el-select-dropdown{
  border-radius:var(--fz-radius)!important; box-shadow:var(--fz-shadow)!important; border:1px solid var(--fz-line)!important; }
.dropdown-item.active,.dropdown-item:active{ background:var(--fz-gold)!important; }

/* 开关 / 进度 / 高亮态通用 */
.active-bar,.is-active,.selected{ }
progress::-webkit-progress-value,.progress-bar{ background:var(--fz-gold)!important; }
:checked+.slider,.switch.on{ background:var(--fz-gold)!important; }