/* ============================================================
   中国龙V3 · 全局主题
   帝王红 × 鎏金 × 墨玉黑   |   龙鳞纹 / 祥云 / 金线
   ============================================================ */

/* ---------- 覆盖 SPA 原生变量体系（帝王红/鎏金） ---------- */
:root {
  --color-primary: #A31226;
  --color-primary-light: #C21838;
  --color-primary-dark: #7A0C1E;
  --color-success: #7FD77F;
  --color-warning: #E6C257;
  --color-error: #C03639;
  --color-text-primary: #F5EFE0;
  --color-text-secondary: #C9B99A;
  --color-text-disabled: #8D7A60;
  --color-border: rgba(230, 194, 87, 0.25);
  --color-divider: rgba(230, 194, 87, 0.18);
  --color-bg-page: #160B0E;
  --color-bg-container: #1F1115;
  --color-bg-elevated: #2A1117;
  --color-bg-hover: #3A1520;
}

[data-theme="dark"] {
  --bg-primary: #160B0E;
  --bg-secondary: #241216;
  --bg-tertiary: #1F1115;
  --bg-card: #2A1117;
  --bg-hover: #3A1520;
  --bg-sidebar: #1A0D11;
  --text-primary: #F5EFE0;
  --text-secondary: #C9B99A;
  --text-tertiary: #8D7A60;
  --text-inverse: #160B0E;
  --border-primary: rgba(230, 194, 87, 0.18);
  --border-secondary: rgba(230, 194, 87, 0.32);
  --border-light: rgba(230, 194, 87, 0.12);
  --accent-primary: #C21838;
  --accent-success: #7FD77F;
  --accent-warning: #E6C257;
  --accent-danger: #FF6B7A;
}

[data-theme="light"] {
  --bg-primary: #F8F3E7;
  --bg-secondary: #FFFFFF;
  --bg-tertiary: #F4ECDD;
  --bg-card: #FFFFFF;
  --bg-hover: #FBEED9;
  --bg-sidebar: #7A0C1E;
  --text-primary: #2A1410;
  --text-secondary: #6B4F3A;
  --text-tertiary: #9A8371;
  --text-inverse: #FFFFFF;
  --border-primary: #E4D6BC;
  --border-secondary: #D5C09A;
  --border-light: #EFE5D0;
  --accent-primary: #A31226;
  --accent-success: #3E8F46;
  --accent-warning: #C79A2E;
  --accent-danger: #C21838;
}

:root {
  --dragon-red: #A31226;
  --dragon-red-deep: #7A0C1E;
  --dragon-red-dark: #4A050F;
  --dragon-black: #160B0E;
  --dragon-black-2: #1F1115;
  --dragon-gold: #E6C257;
  --dragon-gold-light: #FBE89A;
  --dragon-gold-dark: #B98A1F;
  --dragon-paper: #F8F3E7;
  --dragon-text: #F5EFE0;
  --dragon-muted: #C9B99A;
}

/* ---------- 全局基础 ---------- */
html, body, #root {
  background:
    radial-gradient(1200px 700px at 80% -10%, rgba(163,18,38,.35), transparent 60%),
    radial-gradient(1000px 600px at -10% 110%, rgba(184,138,31,.16), transparent 55%),
    linear-gradient(160deg, #1C0E12 0%, #160B0E 45%, #120810 100%) !important;
  color: var(--dragon-text) !important;
}

body {
  font-family: -apple-system, "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;
}

/* 龙鳞暗纹 */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: .5;
  background-image:
    radial-gradient(circle at 25% 25%, rgba(230,194,87,.06) 0 9px, transparent 10px),
    radial-gradient(circle at 75% 75%, rgba(230,194,87,.05) 0 9px, transparent 10px);
  background-size: 76px 76px;
}

#root { position: relative; z-index: 1; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #1A0D11; }
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #7A0C1E, #A31226);
  border-radius: 8px;
  border: 2px solid #1A0D11;
}
::-webkit-scrollbar-thumb:hover { background: #C21838; }
::selection { background: #A31226; color: #FBE89A; }

/* ---------- 布局容器 ---------- */
.ant-layout { background: transparent !important; }
.ant-layout-header {
  background: linear-gradient(180deg, #20090F, #18070C) !important;
  border-bottom: 1px solid rgba(230,194,87,.28);
  box-shadow: 0 4px 22px rgba(0,0,0,.55);
  height: 58px;
  line-height: 58px;
}
.ant-layout-sider {
  background: linear-gradient(180deg, #1F0D11, #14070B) !important;
  border-right: 1px solid rgba(230,194,87,.18);
}
.ant-layout-content { background: transparent !important; }

/* ---------- 卡片 ---------- */
.ant-card {
  background: linear-gradient(165deg, rgba(58,20,27,.92), rgba(31,13,17,.94)) !important;
  border: 1px solid rgba(230,194,87,.25) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 26px rgba(0,0,0,.45) !important;
}
.ant-card-head {
  background: linear-gradient(90deg, rgba(122,12,30,.55), transparent) !important;
  border-bottom: 1px solid rgba(230,194,87,.22) !important;
  border-radius: 14px 14px 0 0 !important;
}
.ant-card-head-title { color: var(--dragon-gold-light) !important; }

/* ---------- 按钮：鎏金 + 帝王红体系 ---------- */
.ant-btn {
  border-radius: 8px !important;
  font-weight: 600;
  transition: all .22s ease !important;
  background: rgba(230,194,87,.08);
  border: 1px solid rgba(230,194,87,.45);
  color: var(--dragon-gold-light);
}
.ant-btn:hover {
  border-color: var(--dragon-gold) !important;
  color: #FFF !important;
  background: rgba(230,194,87,.18) !important;
  box-shadow: 0 0 14px rgba(230,194,87,.25);
}
.ant-btn-primary {
  background: linear-gradient(180deg, #C21838, #8E0F22) !important;
  border: 1px solid rgba(251,232,154,.5) !important;
  color: #FFF7E0 !important;
  box-shadow: 0 4px 16px rgba(163,18,38,.5) !important;
}
.ant-btn-primary:hover {
  background: linear-gradient(180deg, #D92A4A, #A31226) !important;
  box-shadow: 0 6px 22px rgba(194,24,56,.65) !important;
  
}
.ant-btn-dangerous {
  background: rgba(122,12,30,.35);
  border-color: #C21838;
  color: #FF9FB0;
}
.ant-btn-text, .ant-btn-link { color: var(--dragon-gold) !important; }
.ant-btn-text:hover, .ant-btn-link:hover { color: var(--dragon-gold-light) !important; }

/* ============================================================
   登录页 · 龙腾九霄（分屏影院式）
   左：巨龙展台（旋转金光/祥云/粒子）  右：玻璃质感表单
   ============================================================ */

/* ---------- 左侧品牌展台 ---------- */
#dragon-login-side {
  position: fixed;
  left: 0; top: 0; bottom: 0;
  width: 56%;
  z-index: 5;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none; /* 纯装饰展台，永不拦截点击 */
  background:
    radial-gradient(900px 700px at 50% 30%, rgba(163, 18, 38, 0.55), transparent 70%),
    linear-gradient(160deg, #2A0E14 0%, #18090E 55%, #0F0509 100%);
  border-right: 1px solid rgba(230, 194, 87, 0.3);
  box-shadow: 8px 0 60px rgba(0, 0, 0, 0.6);
  animation: dl-side-in 0.9s cubic-bezier(0.2, 0.7, 0.3, 1) both;
}
@keyframes dl-side-in {
  from { transform: translateX(-60px); opacity: 0; }
  to { transform: none; opacity: 1; }
}
/* 旋转金光 */
.dl-rays {
  position: absolute;
  left: 50%; top: 42%;
  width: 760px; height: 760px;
  margin: -380px 0 0 -380px;
  background: repeating-conic-gradient(
    from 0deg,
    rgba(230, 194, 87, 0.10) 0deg 14deg,
    rgba(230, 194, 87, 0) 14deg 30deg
  );
  border-radius: 50%;
  -webkit-mask: radial-gradient(circle, #000 0%, transparent 68%);
  mask: radial-gradient(circle, #000 0%, transparent 68%);
  animation: dl-rays-spin 46s linear infinite;
  pointer-events: none;
}
@keyframes dl-rays-spin { to { transform: rotate(360deg); } }
/* 祥云 */
.dl-cloud {
  position: absolute;
  border-radius: 50%;
  filter: blur(26px);
  opacity: 0.22;
  background: radial-gradient(circle, #E6C257, transparent 70%);
  pointer-events: none;
}
.dl-cloud1 { width: 320px; height: 120px; top: 14%; left: -60px; animation: dl-drift 22s ease-in-out infinite alternate; }
.dl-cloud2 { width: 420px; height: 150px; bottom: 18%; right: -80px; animation: dl-drift 28s ease-in-out infinite alternate-reverse; }
.dl-cloud3 { width: 240px; height: 90px; top: 62%; left: 12%; opacity: 0.14; animation: dl-drift 34s ease-in-out infinite alternate; }
@keyframes dl-drift {
  from { transform: translateX(0) translateY(0); }
  to { transform: translateX(70px) translateY(-26px); }
}
/* 龙徽 + 呼吸光环 */
.dl-emblem {
  position: relative;
  z-index: 2;
  margin-bottom: 34px;
}
.dl-emblem img {
  width: 190px; height: 190px;
  border-radius: 50%;
  filter: drop-shadow(0 14px 40px rgba(0, 0, 0, 0.7));
  animation: dl-pulse 4.5s ease-in-out infinite;
}
.dl-ring {
  position: absolute;
  left: 50%; top: 50%;
  width: 240px; height: 240px;
  margin: -120px 0 0 -120px;
  border-radius: 50%;
  border: 1px dashed rgba(230, 194, 87, 0.5);
  animation: dl-ring-spin 18s linear infinite;
}
@keyframes dl-pulse {
  0%, 100% { transform: scale(1); filter: drop-shadow(0 14px 40px rgba(0,0,0,.7)); }
  50% { transform: scale(1.045); filter: drop-shadow(0 18px 54px rgba(230,194,87,.35)); }
}
@keyframes dl-ring-spin { to { transform: rotate(360deg); } }
/* 品牌文字 */
.dl-brand {
  position: relative;
  z-index: 2;
  font-size: 58px;
  font-weight: 900;
  letter-spacing: 16px;
  font-family: "STKaiti", "KaiTi", "Noto Serif SC", serif;
  background: linear-gradient(180deg, #FBE89A 20%, #E6C257 55%, #B98A1F 90%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: dl-brand-in 1s 0.25s cubic-bezier(0.2, 0.7, 0.3, 1) both;
}
.dl-slogan {
  position: relative;
  z-index: 2;
  margin-top: 18px;
  font-size: 17px;
  letter-spacing: 10px;
  color: #D8C9AB;
  animation: dl-brand-in 1s 0.4s cubic-bezier(0.2, 0.7, 0.3, 1) both;
}
.dl-en {
  position: relative;
  z-index: 2;
  margin-top: 12px;
  font-size: 11px;
  letter-spacing: 6px;
  color: rgba(230, 194, 87, 0.55);
  text-transform: uppercase;
  animation: dl-brand-in 1s 0.5s cubic-bezier(0.2, 0.7, 0.3, 1) both;
}
.dl-ver {
  position: absolute;
  bottom: 22px;
  left: 0; right: 0;
  text-align: center;
  font-size: 11px;
  letter-spacing: 2px;
  color: rgba(216, 201, 171, 0.45);
}
@keyframes dl-brand-in {
  from { transform: translateY(26px); opacity: 0; }
  to { transform: none; opacity: 1; }
}

/* ---------- 右侧玻璃表单 ---------- */
.dragon-login-page .dragon-login-card {
  position: fixed !important;
  right: 7%;
  top: 50%;
  transform: translateY(-50%) !important;
  width: 380px;
  z-index: 6;
  border-radius: 18px !important;
  background:
    linear-gradient(165deg, rgba(46, 20, 26, 0.88), rgba(24, 10, 13, 0.92)) !important;
  border: 1px solid rgba(230, 194, 87, 0.35) !important;
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.65), inset 0 1px 0 rgba(251, 232, 154, 0.15) !important;
  backdrop-filter: blur(10px);
  animation: dl-card-in 0.8s 0.15s cubic-bezier(0.2, 0.7, 0.3, 1) both;
}
@keyframes dl-card-in {
  from { transform: translateY(-50%) translateX(40px) !important; opacity: 0; }
  to { transform: translateY(-50%) translateX(0) !important; opacity: 1; }
}
/* 品牌标题（表单内） */
.dragon-login-card h3[style*="text-align: center"] {
  font-size: 26px !important;
  letter-spacing: 6px !important;
  color: #FBE89A !important;
}
/* 输入框：金线底边风格 */
.dragon-login-card .ant-input,
.dragon-login-card .ant-input-affix-wrapper {
  height: 46px !important;
  border-radius: 0 !important;
  border: none !important;
  border-bottom: 2px solid rgba(230, 194, 87, 0.4) !important;
  background: rgba(230, 194, 87, 0.04) !important;
  color: #FFF7E0 !important;
  font-size: 15px !important;
  transition: border-color 0.25s, box-shadow 0.25s !important;
}
.dragon-login-card .ant-input:focus,
.dragon-login-card .ant-input-affix-wrapper-focused {
  border-bottom-color: #E6C257 !important;
  box-shadow: 0 6px 16px -8px rgba(230, 194, 87, 0.5) !important;
}
/* 登录按钮：大号 + 流光扫过 */
.dragon-login-card .ant-btn-primary {
  height: 48px !important;
  border-radius: 12px !important;
  font-size: 17px !important;
  letter-spacing: 12px !important;
  font-weight: 700 !important;
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(120deg, #8E0F22 0%, #C21838 45%, #E6C257 50%, #C21838 55%, #8E0F22 100%) !important;
  background-size: 260% 100% !important;
  border: 1px solid rgba(251, 232, 154, 0.6) !important;
  color: #FFF7E0 !important;
  box-shadow: 0 8px 28px rgba(163, 18, 38, 0.55) !important;
  transition: background-position 0.6s ease, transform 0.2s ease !important;
}
.dragon-login-card .ant-btn-primary:hover {
  background-position: 100% 0 !important;
  box-shadow: 0 12px 36px rgba(194, 24, 56, 0.7) !important;
}
/* 记住密码 */
.dragon-login-card .ant-checkbox-wrapper {
  color: #C9B99A !important;
}
.dragon-login-card .ant-checkbox-checked .ant-checkbox-inner {
  background: #C21838 !important;
  border-color: #E6C257 !important;
}

/* 移动端：展台收起，卡片居中 */
@media (max-width: 900px) {
  #dragon-login-side { display: none !important; }
  .dragon-login-page .dragon-login-card {
    right: auto !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 92vw;
  }
  @keyframes dl-card-in {
    from { transform: translate(-50%, -50%) translateY(30px) !important; opacity: 0; }
    to { transform: translate(-50%, -50%) translateY(0) !important; opacity: 1; }
  }
}

/* ---------- 输入控件 ---------- */
.ant-input, .ant-input-affix-wrapper, .ant-input-number,
.ant-select-selector, .ant-picker {
  background: #240F14 !important;
  border: 1px solid rgba(230,194,87,.4) !important;
  color: #FFF7E0 !important;
  border-radius: 8px !important;
}
.ant-input::placeholder { color: #B8A888 !important; }
.ant-input-affix-wrapper input { color: #FFF7E0 !important; }
.ant-input:focus, .ant-input-affix-wrapper-focused,
.ant-select-focused .ant-select-selector, .ant-picker-focused {
  border-color: var(--dragon-gold) !important;
  box-shadow: 0 0 0 3px rgba(230,194,87,.15) !important;
}
.ant-select-dropdown, .ant-picker-dropdown {
  background: #241216 !important;
}
.ant-select-item-option-selected { background: rgba(163,18,38,.45) !important; }
.ant-form-item-label > label { color: var(--dragon-muted) !important; }

/* ---------- 菜单 ---------- */
.ant-menu {
  background: transparent !important;
  color: var(--dragon-muted);
  border-inline-end: none !important;
}
.ant-menu-item, .ant-menu-submenu-title { color: var(--dragon-muted) !important; }
.ant-menu-item:hover, .ant-menu-submenu-title:hover { color: var(--dragon-gold-light) !important; }
.ant-menu-item-selected {
  background: linear-gradient(90deg, rgba(163,18,38,.55), rgba(163,18,38,.15)) !important;
  color: var(--dragon-gold-light) !important;
  border-radius: 8px;
}

/* ---------- 表格 ---------- */
.ant-table {
  background: transparent !important;
  color: var(--dragon-text) !important;
}
.ant-table-thead > tr > th {
  background: rgba(122,12,30,.5) !important;
  color: var(--dragon-gold-light) !important;
  border-bottom: 1px solid rgba(230,194,87,.3) !important;
}
.ant-table-tbody > tr > td {
  background: transparent !important;
  border-bottom: 1px solid rgba(230,194,87,.1) !important;
}
.ant-table-tbody > tr:hover > td { background: rgba(163,18,38,.14) !important; }

/* ---------- 标签/徽章 ---------- */
.ant-tag {
  border-radius: 6px;
  background: rgba(230,194,87,.1);
  border: 1px solid rgba(230,194,87,.35);
  color: var(--dragon-gold-light);
}
.ant-badge-status-dot { box-shadow: 0 0 0 1px #160B0E; }

/* ---------- 弹窗/抽屉/消息 ---------- */
.ant-modal-content, .ant-drawer-content {
  background: linear-gradient(170deg, #2A1117, #1C0D11) !important;
  border: 1px solid rgba(230,194,87,.3);
  border-radius: 14px;
}
.ant-modal-header, .ant-drawer-header {
  background: transparent !important;
  border-bottom: 1px solid rgba(230,194,87,.2) !important;
}
.ant-modal-title, .ant-drawer-title { color: var(--dragon-gold-light) !important; }
.ant-message-notice-content, .ant-notification-notice {
  background: #2A1218 !important;
  border: 1px solid rgba(230,194,87,.35);
  color: var(--dragon-text) !important;
}

/* ---------- 开关/滑块/进度 ---------- */
.ant-switch.ant-switch-checked { background: #C21838 !important; }
.ant-progress-bg { background: linear-gradient(90deg, #C21838, #E6C257) !important; }
.ant-slider-track { background: #C21838 !important; }
.ant-slider-handle::after { box-shadow: 0 0 0 2px #C21838 !important; }

/* ---------- 标签页 ---------- */
.ant-tabs-tab { color: var(--dragon-muted) !important; }
.ant-tabs-tab-active .ant-tabs-tab-btn { color: var(--dragon-gold) !important; }
.ant-tabs-ink-bar { background: linear-gradient(90deg, #C21838, #E6C257) !important; }

/* ---------- 登录页（SPA） ---------- */
/* 登录容器常见形态：居中卡片 + 品牌标题 */
#root .ant-card,
.login-container, [class*="login"], [class*="Login"] {
  /* 保持卡片样式统一，具体元素见下方 */
}
input[type="password"], input[type="text"], input[type="email"] {
  caret-color: var(--dragon-gold);
}

/* ---------- 链接 ---------- */
a { color: var(--dragon-gold); }
a:hover { color: var(--dragon-gold-light); }

/* ---------- 分割线/标题 ---------- */
.ant-divider { border-color: rgba(230,194,87,.2) !important; }
h1, h2, h3, h4 {
  color: var(--dragon-gold-light);
  font-family: "STKaiti", "KaiTi", "Noto Serif SC", "Microsoft YaHei", serif;
}

/* ---------- 设备控制台（大改版） ---------- */
/* 设备卡片：横向布局 + 双金线框 + 红色顶饰 */
.ant-card.dragon-device-card {
  border-radius: 16px !important;
  border: 1px solid rgba(230, 194, 87, 0.45) !important;
  background:
    linear-gradient(180deg, rgba(163, 18, 38, 0.22), transparent 90px),
    linear-gradient(170deg, #241216, #17090D) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(251, 232, 154, 0.15) !important;
  overflow: hidden;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;
}
.ant-card.dragon-device-card::before {
  content: "";
  display: block;
  height: 3px;
  background: linear-gradient(90deg, #C21838, #E6C257, #C21838);
}
.ant-card.dragon-device-card:hover {
  
  border-color: #FBE89A !important;
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.65), 0 0 24px rgba(230, 194, 87, 0.18) !important;
}
/* 卡片内容横向排布 */
.ant-card.dragon-device-card .ant-card-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px 16px 16px !important;
}

/* 控制/下发 按钮：药丸形，控制=鎏金、下发=赤红 */
button[title="控制"] {
  border-radius: 999px !important;
  background: linear-gradient(180deg, #FBE89A, #E6C257) !important;
  color: #4A050F !important;
  font-weight: 700 !important;
  border: 1px solid #B98A1F !important;
  box-shadow: 0 4px 14px rgba(230, 194, 87, 0.45) !important;
}
button[title="控制"]:hover {
  background: linear-gradient(180deg, #FFF3C4, #F2D575) !important;
  box-shadow: 0 6px 20px rgba(230, 194, 87, 0.65) !important;
  
}
/* 「下发」按钮（控制旁边的第二个 primary 小按钮） */
.ant-card.dragon-device-card .ant-btn-primary:not([title="控制"]) {
  border-radius: 999px !important;
  background: linear-gradient(180deg, #C21838, #8E0F22) !important;
  color: #FFF7E0 !important;
  border: 1px solid rgba(251, 232, 154, 0.55) !important;
  box-shadow: 0 4px 14px rgba(163, 18, 38, 0.5) !important;
}
/* 卡片内图标操作按钮（文件夹/图钉/禁止/删除） */
.ant-card.dragon-device-card .ant-btn-default,
.ant-card.dragon-device-card .ant-btn-text {
  border-radius: 10px !important;
  background: rgba(230, 194, 87, 0.08) !important;
  border: 1px solid rgba(230, 194, 87, 0.35) !important;
  color: #FBE89A !important;
}
.ant-card.dragon-device-card .ant-btn-default:hover,
.ant-card.dragon-device-card .ant-btn-text:hover {
  background: rgba(230, 194, 87, 0.2) !important;
  box-shadow: 0 0 12px rgba(230, 194, 87, 0.3) !important;
}
/* 备注输入框 */
.ant-card.dragon-device-card input[placeholder*="备注"] {
  border-style: dashed !important;
  border-color: rgba(230, 194, 87, 0.4) !important;
  background: rgba(230, 194, 87, 0.05) !important;
}

/* 工具栏：模式切换药丸 + 筛选区金边 */
.ant-layout-content [class*="toolbar"] button,
.ant-segmented {
  border-radius: 999px !important;
  border: 1px solid rgba(230, 194, 87, 0.4) !important;
  background: rgba(230, 194, 87, 0.06) !important;
}
.ant-segmented-item-selected {
  background: linear-gradient(180deg, #C21838, #8E0F22) !important;
  color: #FFF7E0 !important;
  border-radius: 999px !important;
}

/* 空状态 */
.ant-empty .ant-empty-description { color: #C9B99A !important; }

/* 设备详情抽屉/面板（打开后） */
.ant-drawer .ant-drawer-content,
.ant-drawer-content {
  background:
    radial-gradient(700px 400px at 90% -10%, rgba(163, 18, 38, 0.35), transparent 60%),
    linear-gradient(170deg, #241216, #15090C) !important;
}
.ant-drawer-header {
  background: linear-gradient(90deg, rgba(122, 12, 30, 0.6), transparent) !important;
  border-bottom: 1px solid rgba(230, 194, 87, 0.3) !important;
}
.ant-drawer-title { color: #FBE89A !important; font-family: "STKaiti", "KaiTi", serif !important; letter-spacing: 2px !important; }
.ant-drawer .ant-tabs-tab-active .ant-tabs-tab-btn { color: #FBE89A !important; }
.ant-drawer .ant-tabs-ink-bar { background: linear-gradient(90deg, #C21838, #E6C257) !important; }

/* 移动端适配 */
@media (max-width: 768px) {
  .ant-card.dragon-device-card { border-radius: 12px !important; }
}


// 追加：后台管理悬浮入口样式
#dragon-admin-nav {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 2000;
  display: flex;
  gap: 8px;
  pointer-events: auto;
}
#dragon-admin-nav a {
  display: inline-block;
  padding: 8px 14px;
  font-size: 13px;
  color: #F5EFE0;
  text-decoration: none;
  background: linear-gradient(165deg, rgba(122, 12, 30, .92), rgba(52, 15, 22, .94));
  border: 1px solid rgba(230, 194, 87, .45);
  border-radius: 22px;
  box-shadow: 0 6px 22px rgba(0, 0, 0, .5);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
#dragon-admin-nav a:hover {
  transform: translateY(-2px) scale(1.03);
  border-color: #E6C257;
  box-shadow: 0 10px 28px rgba(230, 194, 87, .25);
  color: #FBE89A;
}