:root {
  --is-dark-theme: true;
  --color-primary: #6cb6eb;
  --color-primary-contrast: #2b2d37;
  --color-primary-dark-1: #6cb6eb;
  --color-primary-dark-2: #7bbae8;
  --color-primary-dark-3: #8abee5;
  --color-primary-dark-4: #99c2e2;
  --color-primary-dark-5: #a7c5df;
  --color-primary-dark-6: #b6c9dc;
  --color-primary-dark-7: #c5cdd9;
  --color-primary-light-1: #6cb6eb;
  --color-primary-light-2: #63a1d0;
  --color-primary-light-3: #5a8db5;
  --color-primary-light-4: #51789a;
  --color-primary-light-5: #48637f;
  --color-primary-light-6: #3f4f64;
  --color-primary-light-7: #363a49;
  --color-primary-alpha-10: rgba(108,182,235,0.1);
  --color-primary-alpha-20: rgba(108,182,235,0.2);
  --color-primary-alpha-30: rgba(108,182,235,0.3);
  --color-primary-alpha-40: rgba(108,182,235,0.4);
  --color-primary-alpha-50: rgba(108,182,235,0.5);
  --color-primary-alpha-60: rgba(108,182,235,0.6);
  --color-primary-alpha-70: rgba(108,182,235,0.7);
  --color-primary-alpha-80: rgba(108,182,235,0.8);
  --color-primary-alpha-90: rgba(108,182,235,0.9);
  --color-secondary: #404455;
  --color-secondary-dark-1: #404455;
  --color-secondary-dark-2: #4b4f60;
  --color-secondary-dark-3: #565b6b;
  --color-secondary-dark-4: #616676;
  --color-secondary-dark-5: #6c7281;
  --color-secondary-dark-6: #777d8c;
  --color-secondary-dark-7: #838997;
  --color-secondary-dark-8: #8e94a2;
  --color-secondary-dark-9: #999fad;
  --color-secondary-dark-10: #a4abb8;
  --color-secondary-dark-11: #afb6c3;
  --color-secondary-dark-12: #bac2ce;
  --color-secondary-dark-13: #c5cdd9;
  --color-secondary-light-1: #404455;
  --color-secondary-light-2: #3a3e4e;
  --color-secondary-light-3: #363a49;
  --color-secondary-light-4: #333644;
  --color-secondary-alpha-10: rgba(64,68,85,0.1);
  --color-secondary-alpha-20: rgba(64,68,85,0.2);
  --color-secondary-alpha-30: rgba(64,68,85,0.3);
  --color-secondary-alpha-40: rgba(64,68,85,0.4);
  --color-secondary-alpha-50: rgba(64,68,85,0.5);
  --color-secondary-alpha-60: rgba(64,68,85,0.6);
  --color-secondary-alpha-70: rgba(64,68,85,0.7);
  --color-secondary-alpha-80: rgba(64,68,85,0.8);
  --color-secondary-alpha-90: rgba(64,68,85,0.9);
  --color-red: #ec7279;
  --color-orange: #deb974;
  --color-yellow: #deb974;
  --color-olive: #a0c980;
  --color-green: #a0c980;
  --color-teal: #5dbbc1;
  --color-blue: #6cb6eb;
  --color-violet: #d38aea;
  --color-purple: #d38aea;
  --color-pink: #d38aea;
  --color-brown: #deb974;
  --color-grey: #758094;
  --color-red-light: #ec7279;
  --color-orange-light: #deb974;
  --color-yellow-light: #deb974;
  --color-olive-light: #a0c980;
  --color-green-light: #a0c980;
  --color-teal-light: #5dbbc1;
  --color-blue-light: #6cb6eb;
  --color-violet-light: #d38aea;
  --color-purple-light: #d38aea;
  --color-pink-light: #d38aea;
  --color-brown-light: #deb974;
  --color-grey-light: #758094;
  --color-black: #363a49;
  --color-gold: #deb974;
  --color-white: #2b2d37;
  --color-diff-removed-word-bg: #824a4f;
  --color-diff-added-word-bg: #586d4b;
  --color-diff-removed-row-bg: #55393d;
  --color-diff-moved-row-bg: #354157;
  --color-diff-added-row-bg: #394634;
  --color-diff-removed-row-border: #a1565b;
  --color-diff-moved-row-border: #517ca1;
  --color-diff-added-row-border: #6d885a;
  --color-diff-inactive: #363a49;
  --color-error-border: #a1565b;
  --color-error-bg: #55393d;
  --color-error-text: #ec7279;
  --color-success-border: #6d885a;
  --color-success-bg: #394634;
  --color-success-text: #a0c980;
  --color-warning-border: #967e52;
  --color-warning-bg: #4e432f;
  --color-warning-text: #deb974;
  --color-info-border: #517ca1;
  --color-info-bg: #354157;
  --color-info-text: #6cb6eb;
  --color-body: #2b2d37;
  --color-box-header: #3a3e4e;
  --color-box-body: #333644;
  --color-box-body-highlight: #363a49;
  --color-text-dark: #d38aea;
  --color-text: #c5cdd9;
  --color-text-hover: rgba(197,205,217,0.8);
  --color-text-light: #a0c980;
  --color-text-light-1: #758094;
  --color-text-light-2: #d38aea;
  --color-text-light-3: #758094;
  --color-footer: #333644;
  --color-timeline: #404455;
  --color-input-text: #c5cdd9;
  --color-input-background: #2b2d37;
  --color-input-toggle-background: #333644;
  --color-input-border: #404455;
  --color-input-border-hover: #5b6275;
  --color-navbar: #333644;
  --color-navbar-transparent: #333644;
  --color-nav-bg: #333644;
  --color-nav-hover-bg: #3a3e4e;
  --color-light: #333644;
  --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
  --color-light-border: #404455;
  --color-hover: rgba(64,68,85,0.5);
  --color-active: rgba(64,68,85,0.5);
  --color-menu: #333644;
  --color-card: #333644;
  --color-markup-table-row: #3a3e4e;
  --color-markup-code-block: #2b2d37;
  --color-button: #3a3e4e;
  --color-code-bg: #2b2d37;
  --color-code-sidebar-bg: #333644;
  --color-shadow: #00000060;
  --color-secondary-bg: #333644;
  --color-text-focus: #fff;
  --color-expand-button: #363a49;
  --color-placeholder-text: #758094;
  --color-editor-line-highlight: #333644;
  --color-project-board-bg: #2b2d37;
  --color-project-board-light-label: #6cb6eb;
  --color-caret: var(--color-text);
  --color-reaction-bg: #ffffff12;
  --color-reaction-active-bg: var(--color-primary-alpha-40);
  --color-header-bar: #333644;
  --color-label-bg: #404455;
  --color-label-text: #a0c980;
  --color-label-active-bg: #404455;
  --color-accent: var(--color-primary-light-1);
  --color-small-accent: var(--color-primary-light-5);
  --color-active-line: #333644;
  --color-tooltip-bg: var(--color-secondary);
  --color-input-toggle-background: var(--color-placeholder-text) !important;
  accent-color: var(--color-accent);
  color-scheme: dark;
}

/* 滚动条美化 */
* { scrollbar-color: #d38aea transparent !important; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 0 6px #d38aea !important;
  border: 2px solid transparent;
  border-radius: 5px !important;
}
::-webkit-scrollbar-thumb:window-inactive { box-shadow: inset 0 0 0 6px #d38aea !important; }
::-webkit-scrollbar-thumb:hover { box-shadow: inset 0 0 0 6px #d38aea !important; }
::-webkit-scrollbar-corner { background: transparent; }

/* 按钮、标签、repo-title等主色调适配 */
.ui.primary.button,
.ui.primary.buttons .button {
  background: #6cb6eb;
  background-color: #6cb6eb !important;
  color: #2b2d37 !important;
}
.ui.primary.button:hover,
.ui.primary.buttons .button:hover {
  background: rgba(108,182,235,0.8);
  background-color: rgba(108,182,235,0.8) !important;
  color: #2b2d37;
}
.ui.grey.labels .label,
.ui.ui.ui.grey.label,
.ui.grey.button,
.ui.grey.buttons .button {
  color: #2b2d37;
  background-color: #6cb6eb;
  border-color: #6cb6eb;
}
.ui.grey.labels .label:hover,
.ui.ui.ui.grey.label:hover,
.ui.grey.button:hover,
.ui.grey.buttons .button:hover {
  color: #2b2d37;
  background-color: #6cb6eb;
  border-color: #6cb6eb;
}
.ui.green.buttons .button,
.ui.green.button {
  background: #a0c980;
  background-color: #a0c980;
  color: #2b2d37;
}
.ui.green.buttons .button:hover,
.ui.green.button:hover {
  background: rgba(160,201,128,0.8);
  background-color: rgba(160,201,128,0.8);
  color: #2b2d37;
}
.ui.labeled.button.disabled>.button,
.ui.basic.buttons .button,
.ui.basic.button {
  color: #d38aea;
}
.ui.labeled.button.disabled>.button:hover,
.ui.basic.buttons .button:hover,
.ui.basic.button:hover {
  color: #d38aea;
}
.repo-title { color: #d38aea; }
.repo-buttons button[disabled]~.label,
.repo-buttons .ui.labeled.button.disabled>.label { color: #6cb6eb; }
.ui.basic.labels .label,
.ui.basic.label { color: #6cb6eb; }
.repository .ui.segment.sub-menu .list .item a:hover,
.ui.tabular.menu .item:hover { color: var(--color-text-hover); }
.ui.primary.labels .label,
.ui.ui.ui.primary.label { color: #2b2d37; }
.ui.green.labels .label,
.ui.ui.ui.green.label { color: #2b2d37; }
i.grey.icon.icon.icon.icon { color: #758094; }
.ui.red.labels .label,
.ui.ui.ui.red.label,
.ui.red.button,
.ui.red.buttons .button {
  background: #ec7279;
  background-color: #ec7279;
  color: #2b2d37;
}
.ui.red.labels .label:hover,
.ui.ui.ui.red.label:hover,
.ui.red.button:hover,
.ui.red.buttons .button:hover {
  background: rgba(236,114,121,0.8);
  background-color: rgba(236,114,121,0.8);
  color: #2b2d37;
}
.ui.labels a.label,
a.ui.label { background-color: #333644; }
.ui.labels a.label:hover,
a.ui.label:hover { background-color: #2b2d37; }
.ui.orange.labels .label,
.ui.ui.ui.orange.label,
.ui.orange.button,
.ui.orange.buttons .button {
  background: #deb974;
  background-color: #deb974;
  color: #2b2d37;
}
.ui.orange.labels .label:hover,
.ui.ui.ui.orange.label:hover,
.ui.orange.button:hover,
.ui.orange.buttons .button:hover {
  background: rgba(222,185,116,0.8);
  background-color: rgba(222,185,116,0.8);
  color: #2b2d37;
}

/* 代码高亮、diff、输入框、卡片等色彩适配（可根据实际需求继续细化） */
.chroma .nx { color: #c5cdd9; }
.chroma .c,
.chroma .c1,
.chroma .ch,
.chroma .cm,
.chroma .sd { color: #758094; }
.chroma .k,
.chroma .kc,
.chroma .kd,
.chroma .kn,
.chroma .kp,
.chroma .kr { color: #ec7279; }
.chroma .o,
.chroma .ow { color: #d38aea; }
.chroma .s,
.chroma .s1,
.chroma .s2,
.chroma .sa,
.chroma .sb,
.chroma .sc,
.chroma .sh,
.chroma .si,
.chroma .sr,
.chroma .ss,
.chroma .sx,
.chroma .nt,
.chroma .cpf { color: #a0c980; }
.chroma .m,
.chroma .mb,
.chroma .mf,
.chroma .mh,
.chroma .mi,
.chroma .mo,
.chroma .nl { color: #a0c980; }
.chroma .kt,
.chroma .nc,
.chroma .nn,
.chroma .nv { color: #deb974; }
.chroma .nf,
.chroma .nb,
.chroma .na { color: #6cb6eb; }
.chroma .bp,
.chroma .cp,
.chroma .ne,
.chroma .nd,
.chroma .se { color: #5dbbc1; }
/* 自定义大圆角渐变边框导航栏 */
nav#navbar {
  border-radius: 2rem !important;
  position: relative;
  z-index: 10;
  padding: 0.5px;
  background-clip: padding-box;
  border: 2px solid transparent;
  /* 渐变边框细描边 */
  background: 
    linear-gradient(var(--color-navbar, #333644), var(--color-navbar, #333644)) padding-box,
    linear-gradient(90deg, #6cb6eb 0%, #d38aea 100%) border-box;
  box-shadow: 0 2px 12px 0 rgba(108,182,235,0.08);
}

/* 页脚背景透明 */
.page-footer {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* 隐藏不应显示的菜单 */
/* .ui.secondary.stackable.menu {
  display: none !important;
} */
/* 隐藏 secondary-nav 整体 */
/* .secondary-nav {
  display: none !important;
} */

/* navbar大圆角+渐变背景+细描边 */
nav#navbar {
  border-radius: 2rem !important;
  position: relative;
  z-index: 10;
  padding: 2px;
  background: linear-gradient(90deg, #6cb6eb 0%, #d38aea 100%) border-box;
  /* 渐变背景 */
  box-shadow: 0 2px 12px 0 rgba(108,182,235,0.08);
  border: 1px solid transparent;
  /* 内部内容背景色，配合渐变边框 */
  background-clip: padding-box, border-box;
  /* 叠加内容背景色 */
  box-sizing: border-box;
}
nav#navbar > .navbar-left,
nav#navbar > .navbar-right {
  background: var(--color-navbar, #333644);
  border-radius: 2rem;
  padding: 0 0.5rem;
}

/* navbar内按钮圆角+渐变hover */
nav#navbar a.item,
nav#navbar button.item,
nav#navbar .ui.dropdown.item {
  border-radius: 1.2rem !important;
  transition: background 0.3s, color 0.3s;
  background: transparent;
}
nav#navbar a.item:hover,
nav#navbar button.item:hover,
nav#navbar .ui.dropdown.item:hover {
  background: linear-gradient(90deg, #6cb6eb 0%, #d38aea 100%);
  color: #2b2d37 !important;
}

/* 保持之前的footer和菜单隐藏 */
/* 顶部navbar使用深色蓝紫渐变，左右留大间隙 */
nav#navbar {
  /* 深色蓝紫渐变，参考图片风格 */
  background: linear-gradient(90deg, #23243a 0%, #3a3e4e 60%, #6cb6eb 100%) border-box !important;
  margin-left: 2vw !important;
  margin-right: 2vw !important;
  /* 其余样式保持 */
}
/* 顶部navbar使用指定渐变色，左右间隙更大 */
nav#navbar {
  background: linear-gradient(90deg, #11f1cd 0%, #6e72f9 100%) border-box !important;
  margin-left: 5vw !important;
  margin-right: 5vw !important;
}
/* navbar顶部增加间隙 */
nav#navbar {
  margin-top: 2vw !important;
}
/* 移动端 .navbar-mobile-right.only-mobile 按钮圆角透明风格，仅限 mobile */
@media (max-width: 768px) {
  .navbar-mobile-right.only-mobile a.item,
  .navbar-mobile-right.only-mobile button.item {
    background: transparent !important;
    border-radius: 1.5rem !important;
    box-shadow: none !important;
    transition: background 0.2s;
    /* 保证无边框/无色块 */
    border: none !important;
  }
  .navbar-mobile-right.only-mobile a.item:hover,
  .navbar-mobile-right.only-mobile button.item:hover,
  .navbar-mobile-right.only-mobile a.item:active,
  .navbar-mobile-right.only-mobile button.item:active {
    background: var(--color-primary-alpha-20, rgba(108,182,235,0.2)) !important;
    /* 轻微高亮，无色块 */
    box-shadow: none !important;
  }
}
@media (max-width: 768px) {
  nav#navbar > .navbar-left,
  nav#navbar > .navbar-right {
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}
/* 移动端菜单未展开时隐藏 .navbar-right，展开时显示 */
@media (max-width: 768px) {
  nav#navbar .navbar-right {
    display: none !important;
  }
  body.navbar-expanded nav#navbar .navbar-right,
  nav#navbar.navbar-expanded .navbar-right,
  body.menu-open nav#navbar .navbar-right,
  nav#navbar.menu-open .navbar-right,
  body.expanded nav#navbar .navbar-right,
  nav#navbar.expanded .navbar-right,
  body.active nav#navbar .navbar-right,
  nav#navbar.active .navbar-right {
    display: flex !important;
  }
}
/* 桌面端 navbar 增加底部边距 */
@media (min-width: 769px) {
  nav#navbar {
    margin-bottom: 1.2rem !important;
  }
}

/* 移动端菜单未展开时隐藏 .navbar-right，展开时显示为 flex */
@media (max-width: 768px) {
  nav#navbar .navbar-right {
    display: none !important;
  }
  body.navbar-expanded nav#navbar .navbar-right,
  nav#navbar.navbar-expanded .navbar-right,
  body.menu-open nav#navbar .navbar-right,
  nav#navbar.menu-open .navbar-right,
  body.expanded nav#navbar .navbar-right,
  nav#navbar.expanded .navbar-right,
  body.active nav#navbar .navbar-right,
  nav#navbar.active .navbar-right {
    display: flex !important;
  }
}
/* 移动端 navbar 增加底部边距 */
@media (max-width: 768px) {
  nav#navbar {
    margin-bottom: 1.2rem !important;
  }
  nav#navbar .navbar-right {
    display: none !important;
  }
  body.navbar-expanded nav#navbar .navbar-right,
  nav#navbar.navbar-expanded .navbar-right,
  body.menu-open nav#navbar .navbar-right,
  nav#navbar.menu-open .navbar-right,
  body.expanded nav#navbar .navbar-right,
  nav#navbar.expanded .navbar-right,
  body.active nav#navbar .navbar-right,
  nav#navbar.active .navbar-right {
    display: block !important;
    width: 100% !important;
    margin-top: 0.5rem !important;
    clear: both !important;
  }
}
/* 移动端下 nav#navbar .navbar-right 始终显示，便于调试和确认布局 */
@media (max-width: 768px) {
  nav#navbar {
    margin-bottom: 1.2rem !important;
  }
  nav#navbar .navbar-right {
    display: block !important;
    width: 100% !important;
    margin-top: 0.5rem !important;
    clear: both !important;
  }
}
/* 移动端下 .navbar-right 仅在 .navbar-right-visible 时显示 */
@media (max-width: 768px) {
  nav#navbar {
    margin-bottom: 1.2rem !important;
  }
  nav#navbar .navbar-right {
    display: none !important;
  }
  nav#navbar.navbar-right-visible .navbar-right {
    display: block !important;
    width: 100% !important;
    margin-top: 0.5rem !important;
    clear: both !important;
  }
}
/* 登录表单渐变圆角卡片风格 */
.login-gradient-card {
  border-radius: 2rem !important;
  position: relative;
  z-index: 10;
  padding: 2px;
  background: linear-gradient(90deg, #6cb6eb 0%, #d38aea 100%) border-box;
  box-shadow: 0 2px 12px 0 rgba(108,182,235,0.12);
  border: 1px solid transparent;
  background-clip: padding-box, border-box;
  box-sizing: border-box;
/* 登录表单专用输入框、按钮渐变圆角风格 */
.login-gradient-card input[type="text"],
.login-gradient-card input[type="password"],
.login-gradient-card input[type="email"],
.login-gradient-card input[type="number"],
.login-gradient-card textarea,
.login-gradient-card .ui.input > input,
.login-gradient-card .ui.form input,
.login-gradient-card .ui.form textarea {
  border-radius: 1.5rem !important;
  background: var(--color-input-background, #2b2d37);
  color: var(--color-input-text, #c5cdd9);
  border: 2px solid transparent;
  padding: 0.9rem 1.2rem;
  font-size: 1.08rem;
  transition: border 0.2s, box-shadow 0.2s;
  box-shadow: 0 2px 8px 0 rgba(108,182,235,0.08);
  outline: none;
  background-clip: padding-box, border-box;
}
.login-gradient-card input[type="text"]:focus,
.login-gradient-card input[type="password"]:focus,
.login-gradient-card input[type="email"]:focus,
.login-gradient-card input[type="number"]:focus,
.login-gradient-card textarea:focus,
.login-gradient-card .ui.input > input:focus,
.login-gradient-card .ui.form input:focus,
.login-gradient-card .ui.form textarea:focus {
/* 强制覆盖 Tailwind/原有类，确保渐变圆角风格生效 */
.login-gradient-card input[type="text"],
.login-gradient-card input[type="password"],
.login-gradient-card input[type="email"],
.login-gradient-card input[type="number"],
.login-gradient-card textarea,
.login-gradient-card .ui.input > input,
.login-gradient-card .ui.form input,
.login-gradient-card .ui.form textarea,
.login-gradient-card button,
.login-gradient-card .ui.primary.button,
.login-gradient-card input[type="submit"] {
  border-radius: 1.5rem !important;
  background: var(--color-input-background, #2b2d37) !important;
  color: var(--color-input-text, #c5cdd9) !important;
  border: 2px solid transparent !important;
  box-shadow: 0 2px 8px 0 rgba(108,182,235,0.08) !important;
  outline: none !important;
  background-clip: padding-box, border-box !important;
}

.login-gradient-card input[type="text"]:focus,
.login-gradient-card input[type="password"]:focus,
.login-gradient-card input[type="email"]:focus,
.login-gradient-card input[type="number"]:focus,
.login-gradient-card textarea:focus,
.login-gradient-card .ui.input > input:focus,
.login-gradient-card .ui.form input:focus,
.login-gradient-card .ui.form textarea:focus {
  border: 2px solid !important;
  border-image: linear-gradient(90deg, #6cb6eb 0%, #d38aea 100%) !important;
  border-image-slice: 1 !important;
  box-shadow: 0 0 0 3px rgba(108,182,235,0.18) !important;
}

.login-gradient-card .ui.primary.button,
.login-gradient-card button,
.login-gradient-card input[type="submit"] {
  border-radius: 2rem !important; /* 确保超大圆角 */
  background: linear-gradient(90deg, #6cb6eb 0%, #d38aea 100%) !important; /* 渐变背景 */
  color: #2b2d37 !important;
  font-weight: bold !important;
  box-shadow: 0 2px 12px 0 rgba(108,182,235,0.16) !important;
  border: none !important;
  padding: 0.9rem 2.2rem !important;
  font-size: 1.12rem !important;
  transition: background 0.2s, transform 0.2s, box-shadow 0.2s !important;
}

.login-gradient-card .ui.primary.button:hover,
.login-gradient-card button:hover,
.login-gradient-card input[type="submit"]:hover {
  background: linear-gradient(90deg, #d38aea 0%, #6cb6eb 100%) !important; /* hover 渐变 */
  color: #2b2d37 !important;
  transform: scale(1.04) !important;
  box-shadow: 0 4px 18px 0 rgba(108,182,235,0.22) !important;
}
  border: 2px solid;
  border-image: linear-gradient(90deg, #6cb6eb 0%, #d38aea 100%);
  border-image-slice: 1;
  box-shadow: 0 0 0 3px rgba(108,182,235,0.18);
}

.login-gradient-card .ui.primary.button,
.login-gradient-card button,
.login-gradient-card input[type="submit"] {
  border-radius: 2rem !important;
  background: linear-gradient(90deg, #6cb6eb 0%, #d38aea 100%) !important;
  color: #2b2d37 !important;
  font-weight: bold;
  box-shadow: 0 2px 12px 0 rgba(108,182,235,0.16);
  border: none;
  padding: 0.9rem 2.2rem;
  font-size: 1.12rem;
  transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
}
.login-gradient-card .ui.primary.button:hover,
.login-gradient-card button:hover,
.login-gradient-card input[type="submit"]:hover {
  background: linear-gradient(90deg, #d38aea 0%, #6cb6eb 100%) !important;
  color: #2b2d37 !important;
  transform: scale(1.04);
  box-shadow: 0 4px 18px 0 rgba(108,182,235,0.22);
}

.login-gradient-card .ui.checkbox input[type="checkbox"] {
  accent-color: #6cb6eb;
  border-radius: 0.5rem;
  border: 2px solid #6cb6eb;
  width: 1.1em;
  height: 1.1em;
}
  /* 内部内容背景色，配合渐变边框 */
}
.login-gradient-card > * {
  border-radius: 1.9rem !important;
  background: var(--color-navbar, #333644);
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .login-gradient-card {
    border-radius: 1.2rem !important;
    padding: 1.5px;
  }
  .login-gradient-card > * {
    border-radius: 1.1rem !important;
  }
}
/* 增大 dashboard secondary-nav 左右边距，使用比例单位 */
.dashboard .secondary-nav {
  margin-left: 5vw !important;
  margin-right: 5vw !important;
}
/* 控制面板用户切换下拉菜单：未展开时只显示头像和下拉按钮，隐藏用户名，展开后显示用户名 */
.ui.floating.dropdown.jump[aria-expanded="false"] .truncated-item-name {
  display: none !important;
}
/* 二级菜单面板用户切换SVG按钮渐变hover效果，风格与主导航栏一致 */
.secondary-nav-switch-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  border-radius: 1.5rem;
  padding: 4px 10px;
  transition: background 0.3s, box-shadow 0.3s;
  cursor: pointer;
}
.secondary-nav-switch-btn:hover,
.secondary-nav-switch-btn:focus {
  background: linear-gradient(90deg, #11f1cd 0%, #6e72f9 100%);
  box-shadow: 0 2px 12px 0 rgba(108,182,235,0.12);
  outline: none;
}
.secondary-nav-switch-btn .icon {
  display: block;
}
/* 二级菜单切换按钮 hover 圆角增强 */
.secondary-nav-switch-btn:hover,
.secondary-nav-switch-btn:focus {
  border-radius: 2rem !important;
}
/* 霓虹风格状态页通用样式 */
.neon-status-bg {
  min-height: 100vh;
  background: linear-gradient(135deg, #23243a 0%, #3a3e4e 60%, #6cb6eb 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  position: relative;
  overflow: hidden;
}
.neon-status-center {
  background: rgba(43,45,55,0.85);
  border-radius: 2rem;
  box-shadow: 0 0 40px 8px #6cb6eb44, 0 0 0 4px #d38aea33;
  padding: 3rem 2.5rem 2.5rem 2.5rem;
  text-align: center;
  max-width: 400px;
  margin: 3vw auto;
  position: relative;
  z-index: 2;
}
.neon-status-code {
  font-size: 4.5rem;
  font-weight: bold;
  color: #fff;
  text-shadow:
    0 0 12px #6cb6eb,
    0 0 32px #d38aea,
    0 0 48px #6cb6eb,
    0 0 64px #d38aea;
  margin-bottom: 1.2rem;
  letter-spacing: 0.1em;
  animation: neon-flicker 2.5s infinite alternate;
}
@keyframes neon-flicker {
  0%, 100% { opacity: 1; filter: blur(0); }
  45% { opacity: 0.85; filter: blur(1px);}
  50% { opacity: 0.7; filter: blur(2px);}
  55% { opacity: 0.85; filter: blur(1px);}
}
.neon-status-svg {
  margin-bottom: 1.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pixel-cat {
  filter: drop-shadow(0 0 8px #d38aea) drop-shadow(0 0 4px #6cb6eb);
  animation: pixel-cat-blink 3s infinite;
}
@keyframes pixel-cat-blink {
  0%, 90%, 100% { opacity: 1; }
  92%, 98% { opacity: 0.5; }
}
.neon-status-msg {
  color: #fff;
  font-size: 1.2rem;
  margin-bottom: 2rem;
  text-shadow: 0 0 8px #6cb6eb, 0 0 16px #d38aea;
  letter-spacing: 0.05em;
}
.neon-status-btn {
  display: inline-block;
  padding: 0.7rem 2.2rem;
  font-size: 1.1rem;
  font-weight: bold;
  color: #fff;
  background: linear-gradient(90deg, #11f1cd 0%, #6e72f9 100%);
  border: none;
  border-radius: 2rem;
  box-shadow: 0 0 16px #6cb6eb88, 0 0 0 2px #d38aea55;
  text-decoration: none;
  transition: background 0.3s, box-shadow 0.3s, transform 0.2s;
  outline: none;
}
.neon-status-btn:hover, .neon-status-btn:focus {
  background: linear-gradient(90deg, #6cb6eb 0%, #d38aea 100%);
  box-shadow: 0 0 32px #d38aea, 0 0 0 4px #6cb6eb88;
  color: #fff;
  transform: scale(1.06);
}
@media (max-width: 600px) {
  .neon-status-center {
    padding: 1.5rem 0.5rem 1.5rem 0.5rem;
    max-width: 95vw;
  }
  .neon-status-code {
    font-size: 2.8rem;
  }
  .pixel-cat {
    width: 48px;
    height: 48px;
  }
}