/* ==========================================================================
   折云网络 · 规范对齐补丁（覆盖前面定义的变量与动效）
   --------------------------------------------------------------------------
   依据客户简报：
     1) 主色统一为 #165DFF（深蓝），渐变 #165DFF -> #4080FF
     2) 少动画：hover 只允许颜色/边框/阴影过渡，禁止位移与缩放
   放在样式表最后，通过 CSS 层叠覆盖前文取值。
   ========================================================================== */

:root {
  --uc-blue: #165DFF;
  --uc-blue-2: #4080FF;
  --uc-blue-soft: rgba(22, 93, 255, 0.06);
  --uc-grad: linear-gradient(90deg, #165DFF, #4080FF);
  --uc-shadow-hover: 0 6px 20px rgba(22, 93, 255, 0.10);
  --uc-focus-ring: 0 0 0 3px rgba(22, 93, 255, 0.1);
}

/* 主按钮 / 成功按钮：新主色渐变 */
.sky-content .btn-primary,
.sky-content .btn-success {
  background: var(--uc-grad) !important;
  box-shadow: 0 2px 8px rgba(22, 93, 255, 0.18) !important;
}

.sky-content .btn-primary:hover,
.sky-content .btn-success:hover {
  box-shadow: 0 6px 16px rgba(22, 93, 255, 0.26) !important;
}

/* 输入框聚焦光圈 */
.sky-content .form-control:focus,
.sky-content .custom-select:focus {
  border-color: #165DFF !important;
  box-shadow: var(--uc-focus-ring) !important;
}

/* 标签页选中态 */
.sky-content .nav-tabs .nav-link.active::after {
  background: var(--uc-grad) !important;
}

.sky-content .nav-tabs .nav-link.active,
.sky-content .nav-tabs .nav-link:hover {
  color: #165DFF !important;
}

/* 主色系徽标 */
.sky-content .badge-primary,
.sky-content .badge-info {
  background: var(--uc-blue-soft) !important;
  color: #165DFF !important;
}

/* 链接与选中行 */
.sky-content .table a,
.sky-content .pagination .page-item.active .page-link {
  color: #165DFF !important;
}

.sky-content .pagination .page-item.active .page-link {
  background: var(--uc-grad) !important;
  color: #fff !important;
}

/* 横向标签选中态 */
.sky-content .sky-tab .sky-tab-item.active,
.sky-content .sky-tab-item.active {
  background: var(--uc-grad) !important;
  box-shadow: 0 2px 8px rgba(22, 93, 255, 0.18) !important;
}

/* ---------------------------------------------------------------------------
   少动画：移除所有位移 / 缩放，只保留颜色与阴影的平滑过渡
   --------------------------------------------------------------------------- */
.sky-content .card,
.sky-content .btn,
.sky-content .form-control,
.sky-content .sky-tab-item,
.sky-content .table tbody tr {
  transition-duration: 0.18s !important;
  transition-timing-function: ease !important;
}

.sky-content .card:hover,
.sky-content .btn:hover,
.sky-content .btn-primary:hover,
.sky-content .sky-tab-item:hover,
.sky-content .table tbody tr:hover {
  transform: none !important;
}

/* 卡片 hover 只加阴影，不位移 */
.sky-content .card:hover {
  box-shadow: 0 4px 16px rgba(15, 32, 71, 0.07) !important;
}

/* ==========================================================================
   修复：表格内实心按钮：**同时**给定实色背景与白字
   （原则：只写 color:#fff 而背景透明 = 反而不可见，上一版因此把 danger 弄隐形了）
   实测成因（服务列表「操作」列文字消失）：
     本文件的 `.sky-content .table a{color:#165DFF!important}`（权重 0,3,0）
     覆盖了主按钮白字规则（0,2,0），而主按钮是品牌蓝渐变底 → 蓝字压蓝底。
   ========================================================================== */
.sky-content .table td a.btn-primary, .sky-content .table td .btn-primary,
.sky-content .table a.btn-primary{
  color:#fff !important;
}
.sky-content .table td a.btn-primary:hover, .sky-content .table td .btn-primary:hover,
.sky-content .table a.btn-primary:hover{
  color:#fff !important;
}
.sky-content .table td a.btn-primary i, .sky-content .table td .btn-primary i,
.sky-content .table a.btn-primary i{
  color:#fff !important;
}
/* 语义按钮：底与字一起给，避免「白字 + 透明底」 */
.sky-content .table td a.btn-danger, .sky-content .table td .btn-danger,
.sky-content .table a.btn-danger{
  background:#f53f3f !important;border-color:#f53f3f !important;color:#fff !important;
}
.sky-content .table td a.btn-danger:hover, .sky-content .table a.btn-danger:hover{
  background:#e03131 !important;border-color:#e03131 !important;color:#fff !important;
}
.sky-content .table td a.btn-danger i, .sky-content .table a.btn-danger i{color:#fff !important;}
.sky-content .table td a.btn-success, .sky-content .table td .btn-success,
.sky-content .table a.btn-success{
  background:#00b42a !important;border-color:#00b42a !important;color:#fff !important;
}
.sky-content .table td a.btn-success:hover, .sky-content .table a.btn-success:hover{
  background:#009a29 !important;border-color:#009a29 !important;color:#fff !important;
}
.sky-content .table td a.btn-success i, .sky-content .table a.btn-success i{color:#fff !important;}

/* 渐变变体按钮（btn-success-gradient / btn-warning-gradient 等）自带渐变底，同样必须保持白字 */
.sky-content .table a.btn-success-gradient, .sky-content .table .btn-success-gradient,
.sky-content .table a.btn-warning-gradient, .sky-content .table .btn-warning-gradient,
.sky-content .table a.btn-primary-gradient, .sky-content .table .btn-primary-gradient,
.sky-content .table a[class*="-gradient"]{ color:#fff !important; }
.sky-content .table a[class*="-gradient"] i{ color:#fff !important; }