/* ===== KK 钃濊壊绉戞妧鐨偆 =====
 * 瑕嗙洊鍦?kk-theme.css 涔嬪悗锛屽彧鏀归鑹蹭笌鍏夋晥锛屼笉鍔ㄥ竷灞€銆? * 鎯冲洖婊氾細鎶?index.html 閲岃繖涓€琛?link 鍒犳帀鍗冲彲銆? */

/* ---------- 1. CSS 鍙橀噺 ---------- */
html[data-kk-theme="dark"] {
  --color-blue-300: #9fd8ff;
  --color-blue-400: #4fb8f5;
  --color-blue-500: #22a7e8;
  --color-blue-600: #1585c4;
  --color-blue-700: #0f6a9e;
  --color-blue-800: #0c4f77;
  --color-blue-950: #061a2b;
  --color-cyan-300: #a5f3fc;
  --color-cyan-400: #22d3ee;
  --color-cyan-500: #06b6d4;
  --color-cyan-600: #0891b2;
  --color-cyan-700: #0e7490;
  --color-sky-400: #38bdf8;
  --color-sky-500: #0ea5e9;
  --color-indigo-300: #a5b4fc;
  --color-indigo-500: #3b82f6;
  --color-indigo-600: #2563eb;
  --color-indigo-700: #1d4ed8;
}

html[data-kk-theme="dark"]:not(:has(.login-split)) {
  --background: #091a2f;
  --foreground: #d7e9fb;
  --card: #183e64;
  --card-foreground: #d7e9fb;
  --popover: #0a1626;
  --popover-foreground: #d7e9fb;
  --primary: #22d3ee;
  --primary-foreground: #04121f;
  --secondary: #163a5c;
  --secondary-foreground: #d7e9fb;
  --muted: #10293f;
  --muted-foreground: #6485a6;
  --accent: #173d63;
  --accent-foreground: #d7e9fb;
  --border: #235080;
  --input: #235080;
  --ring: #22d3ee;
  --sidebar: #0b2740;
  --sidebar-foreground: #cfe3f7;
  --sidebar-primary: #22d3ee;
  --sidebar-primary-foreground: #04121f;
  --sidebar-accent: #10263f;
  --sidebar-accent-foreground: #d7e9fb;
  --sidebar-border: #16395a;
  --sidebar-ring: #22d3ee;
  --sidebar-background: 214 52% 7%;
  --chart-1: #22d3ee;
  --chart-2: #3b82f6;
  color-scheme: dark;
}

/* ---------- 2. 鏍硅儗鏅?---------- */
html[data-kk-theme="dark"] {
  background: #050a14;
}
html[data-kk-theme="dark"] body {
  isolation: isolate;
  background-color: transparent;
  color: #d7e9fb;
}

/* 鑳屾櫙灞傦細娣辩┖钃?+ 绉戞妧缃戞牸 + 鍐疯壊鍏夋檿 */
html[data-kk-theme="dark"] .sd-cosmos {
  background:
    linear-gradient(rgba(34, 211, 238, 0.045) 1px, transparent 1px) 0 0 / 100% 56px,
    linear-gradient(90deg, rgba(34, 211, 238, 0.045) 1px, transparent 1px) 0 0 / 56px 100%,
    radial-gradient(ellipse at 50% -10%, rgba(34, 211, 238, 0.20) 0%, transparent 52%),
    radial-gradient(ellipse at 8% 82%, rgba(59, 130, 246, 0.20) 0%, transparent 42%),
    radial-gradient(ellipse at 92% 74%, rgba(14, 165, 233, 0.16) 0%, transparent 40%),
    linear-gradient(180deg, #060f1d 0%, #081a2d 46%, #0a2239 76%, #0c2b45 100%);
}
html[data-kk-theme="dark"] .sd-cosmos::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 0%, rgba(34, 211, 238, 0.10), transparent 58%);
  pointer-events: none;
}

/* 鏄熺偣鏀瑰喎鐧?鍐拌摑 */
html[data-kk-theme="dark"] .sd-stars {
  opacity: 0.6;
  filter: hue-rotate(178deg) saturate(1.25) brightness(1.05);
}

/* 娌欎笜灞傚湪钃濊壊搴曚笂浼氶湶鍑虹獊鍏€鐨勬殫寮э紝鐩存帴涓嶈 */
html[data-kk-theme="dark"] .sd-dune { display: none; }

/* 鏋佸厜锛氭 鈫?闈掕摑 */
html[data-kk-theme="dark"] .sd-a1 { background: radial-gradient(circle, rgba(34, 211, 238, 0.20), transparent 76%); }
html[data-kk-theme="dark"] .sd-a2 { background: radial-gradient(circle, rgba(59, 130, 246, 0.20), transparent 78%); }
html[data-kk-theme="dark"] .sd-a3 { background: radial-gradient(circle, rgba(14, 165, 233, 0.14), transparent 74%); }
html[data-kk-theme="dark"] .sd-a4 { background: radial-gradient(circle, rgba(125, 211, 252, 0.12), transparent 76%); }

html[data-kk-theme="dark"] .sd-milky {
  background: linear-gradient(118deg, transparent 28%, rgba(34, 211, 238, 0.07) 42%, rgba(125, 211, 252, 0.14) 50%, rgba(59, 130, 246, 0.07) 58%, transparent 72%);
  opacity: 0.30;
}

html[data-kk-theme="dark"] .sd-f1 { background: radial-gradient(ellipse at 50% 100%, rgba(34, 211, 238, 0.10), transparent 72%); }
html[data-kk-theme="dark"] .sd-f2 { background: radial-gradient(ellipse at 18% 100%, rgba(30, 64, 110, 0.30), transparent 74%); }
html[data-kk-theme="dark"] .sd-f3 { background: radial-gradient(ellipse at 40% 100%, rgba(125, 211, 252, 0.07), transparent 74%); }

/* 娌欎笜锛氭繁钃濆湴灞?*/
html[data-kk-theme="dark"] .sd-d1 { background: #0a1526; }
html[data-kk-theme="dark"] .sd-d2 { background: #060e1b; }
html[data-kk-theme="dark"] .sd-d3 { background: #0c1e35; }

/* 鐏 鈫?鏁版嵁鑺傜偣鍏夌偣 */
html[data-kk-theme="dark"] .sd-lantern {
  background: radial-gradient(circle at 50% 38%, #e0fbff, #22d3ee 52%, #0e7490 100%);
  box-shadow: 0 0 16px rgba(34, 211, 238, 0.75);
}
html[data-kk-theme="dark"] .sd-lantern::before {
  background: linear-gradient(to top, rgba(125, 211, 252, 0.45), transparent);
}
html[data-kk-theme="dark"] .sd-smoke {
  background: linear-gradient(to top, transparent, rgba(125, 211, 252, 0.14) 40%, transparent 78%);
}

@keyframes kkGlowCyan {
  50% { box-shadow: 0 0 22px rgba(34, 211, 238, 0.95); filter: brightness(1.12); }
}
html[data-kk-theme="dark"] .sd-lantern { animation: kkGlowCyan 3.6s ease-in-out infinite; }

/* ---------- 3. 鍗＄墖 / 鍖哄潡鑳屾櫙 ---------- */
html[data-kk-theme="dark"]:not(:has(.login-split)) .bg-\[\#0d1117\],
html[data-kk-theme="dark"]:not(:has(.login-split)) .bg-\[\#0d1117\]\/80,
html[data-kk-theme="dark"]:not(:has(.login-split)) .bg-\[\#0d1117\]\/50,
html[data-kk-theme="dark"]:not(:has(.login-split)) .bg-\[\#161b22\],
html[data-kk-theme="dark"]:not(:has(.login-split)) .hover\:bg-\[\#161b22\]:hover,
html[data-kk-theme="dark"]:not(:has(.login-split)) .hover\:bg-\[\#1c2333\]:hover,
html[data-kk-theme="dark"]:not(:has(.login-split)) .bg-card,
html[data-kk-theme="dark"]:not(:has(.login-split)) .bg-background {
  background-color: rgba(24, 62, 100, 0.97) !important;
  background-image: linear-gradient(180deg, rgba(84, 158, 216, 0.22), rgba(255, 255, 255, 0) 46%) !important;
  box-shadow: inset 0 1px 0 rgba(110, 205, 245, 0.32), inset 0 0 40px rgba(34, 211, 238, 0.05);
  backdrop-filter: blur(16px) saturate(1.15);
  -webkit-backdrop-filter: blur(16px) saturate(1.15);
}

html[data-kk-theme="dark"]:not(:has(.login-split)) .bg-\[\#1c2128\],
html[data-kk-theme="dark"]:not(:has(.login-split)) .bg-\[\#21262d\],
html[data-kk-theme="dark"]:not(:has(.login-split)) .hover\:bg-\[\#1c2128\]:hover,
html[data-kk-theme="dark"]:not(:has(.login-split)) .bg-\[\#262c36\],
html[data-kk-theme="dark"]:not(:has(.login-split)) .bg-\[\#2d333b\],
html[data-kk-theme="dark"]:not(:has(.login-split)) .bg-\[\#1c2333\],
html[data-kk-theme="dark"]:not(:has(.login-split)) .hover\:bg-\[\#21262d\]:hover,
html[data-kk-theme="dark"]:not(:has(.login-split)) .bg-\[\#21262d\]\/50 {
  background-color: rgba(34, 82, 128, 0.95) !important;
  background-image: linear-gradient(180deg, rgba(96, 172, 228, 0.24), rgba(255, 255, 255, 0) 46%) !important;
  backdrop-filter: blur(16px) saturate(1.15);
  -webkit-backdrop-filter: blur(16px) saturate(1.15);
}

html[data-kk-theme="dark"]:not(:has(.login-split)) .bg-\[\#30363d\],
html[data-kk-theme="dark"]:not(:has(.login-split)) .bg-\[\#30363d\]\/50,
html[data-kk-theme="dark"]:not(:has(.login-split)) .hover\:bg-\[\#30363d\]:hover {
  background-color: rgba(46, 100, 148, 0.92) !important;
}

/* 渚ф爮锛氭繁钃濋潰鏉?+ 鍙充晶鍙戝厜杈?*/
html[data-kk-theme="dark"]:not(:has(.login-split)) [data-slot="sidebar-wrapper"],
html[data-kk-theme="dark"]:not(:has(.login-split)) aside {
  background-color: rgba(11, 39, 64, 0.95) !important;
  background-image: linear-gradient(180deg, rgba(40, 92, 140, 0.62), rgba(9, 24, 42, 0.82)) !important;
  border-right: 1px solid rgba(34, 211, 238, 0.16) !important;
  box-shadow: inset -14px 0 30px -22px rgba(34, 211, 238, 0.55) !important;
}
html[data-kk-theme="dark"]:not(:has(.login-split)) nav {
  border-right-color: rgba(34, 211, 238, 0.16) !important;
}

/* 闃村奖缁熶竴鍐疯皟 */
html[data-kk-theme="dark"]:not(:has(.login-split)) .shadow-lg {
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(34, 211, 238, 0.06), inset 0 1px 0 rgba(34, 211, 238, 0.10) !important;
}
html[data-kk-theme="dark"]:not(:has(.login-split)) .shadow-2xl,
html[data-kk-theme="dark"]:not(:has(.login-split)) [role="dialog"] {
  background-color: rgba(8, 18, 32, 0.96) !important;
  border: 1px solid rgba(34, 211, 238, 0.18) !important;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.65), 0 0 60px rgba(34, 211, 238, 0.10) !important;
  backdrop-filter: blur(20px) saturate(1.2);
  -webkit-backdrop-filter: blur(20px) saturate(1.2);
}

/* ---------- 4. 鏂囧瓧 ---------- */
html[data-kk-theme="dark"]:not(:has(.login-split)) .text-\[\#e6edf3\],
html[data-kk-theme="dark"]:not(:has(.login-split)) .hover\:text-\[\#e6edf3\]:hover {
  color: #d7e9fb !important;
}
html[data-kk-theme="dark"]:not(:has(.login-split)) .text-\[\#c9d1d9\],
html[data-kk-theme="dark"]:not(:has(.login-split)) .hover\:text-\[\#c9d1d9\]:hover {
  color: #a8c6e6 !important;
}
html[data-kk-theme="dark"]:not(:has(.login-split)) .text-\[\#8b949e\],
html[data-kk-theme="dark"]:not(:has(.login-split)) .text-\[\#6e7681\],
html[data-kk-theme="dark"]:not(:has(.login-split)) .text-\[\#9aa0a6\],
html[data-kk-theme="dark"]:not(:has(.login-split)) .text-\[\#484f58\],
html[data-kk-theme="dark"]:not(:has(.login-split)) .placeholder-\[\#8b949e\]::placeholder,
html[data-kk-theme="dark"]:not(:has(.login-split)) .placeholder-\[\#484f58\]::placeholder {
  color: #6485a6 !important;
}
html[data-kk-theme="dark"]:not(:has(.login-split)) .text-\[\#58a6ff\] {
  color: #22d3ee !important;
}
html[data-kk-theme="dark"]:not(:has(.login-split)) .text-3xl,
html[data-kk-theme="dark"]:not(:has(.login-split)) h1,
html[data-kk-theme="dark"]:not(:has(.login-split)) h2 {
  font-family: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
  letter-spacing: 0.02em;
}
html[data-kk-theme="dark"]:not(:has(.login-split)) h1 {
  color: #e6f4ff !important;
  text-shadow: 0 0 22px rgba(34, 211, 238, 0.22);
}

/* ---------- 5. 杈规 ---------- */
html[data-kk-theme="dark"]:not(:has(.login-split)) .border-\[\#30363d\],
html[data-kk-theme="dark"]:not(:has(.login-split)) .\!border-\[\#30363d\],
html[data-kk-theme="dark"]:not(:has(.login-split)) .border-\[\#30363d\]\/50,
html[data-kk-theme="dark"]:not(:has(.login-split)) .border-\[\#30363d\]\/30,
html[data-kk-theme="dark"]:not(:has(.login-split)) .hover\:border-\[\#30363d\]:hover {
  border-color: rgba(34, 211, 238, 0.20) !important;
}
html[data-kk-theme="dark"]:not(:has(.login-split)) .border-\[\#21262d\],
html[data-kk-theme="dark"]:not(:has(.login-split)) .divide-\[\#21262d\] > :not(:last-child) {
  border-color: rgba(26, 58, 92, 0.85) !important;
}
html[data-kk-theme="dark"]:not(:has(.login-split)) .border-\[\#484f58\],
html[data-kk-theme="dark"]:not(:has(.login-split)) .border-\[\#3a4250\],
html[data-kk-theme="dark"]:not(:has(.login-split)) .hover\:border-\[\#484f58\]:hover {
  border-color: rgba(34, 211, 238, 0.34) !important;
}
html[data-kk-theme="dark"]:not(:has(.login-split)) .border-\[\#58a6ff\] {
  border-color: rgba(34, 211, 238, 0.55) !important;
}
html[data-kk-theme="dark"]:not(:has(.login-split)) .border-\[\#161b22\] {
  border-color: rgba(26, 58, 92, 0.70) !important;
}

/* 宸︿晶鑹叉潯锛氬叏閮ㄥ喎鑹?*/
html[data-kk-theme="dark"]:not(:has(.login-split)) .border-l-red-500 { border-left-color: #f87171 !important; }
html[data-kk-theme="dark"]:not(:has(.login-split)) .border-l-green-500 { border-left-color: #34d399 !important; }
html[data-kk-theme="dark"]:not(:has(.login-split)) .border-l-orange-500 { border-left-color: #fbbf24 !important; }
html[data-kk-theme="dark"]:not(:has(.login-split)) .border-l-purple-500 { border-left-color: #a78bfa !important; }
html[data-kk-theme="dark"]:not(:has(.login-split)) .border-l-blue-500,
html[data-kk-theme="dark"]:not(:has(.login-split)) .border-l-cyan-500 { border-left-color: #22d3ee !important; }

/* ---------- 6. 缁勪欢缁嗚妭 ---------- */
/* 渚ф爮婵€娲婚」锛氶潚鑹叉寚绀烘潯 + 鍙戝厜 */
html[data-kk-theme="dark"]:not(:has(.login-split)) .peer\/menu-button[data-active="true"] {
  color: #a5f3fc !important;
  background-color: rgba(34, 211, 238, 0.14) !important;
  border-color: rgba(34, 211, 238, 0.42) !important;
  box-shadow: inset 0 0 18px rgba(34, 211, 238, 0.12), 0 0 12px rgba(34, 211, 238, 0.10) !important;
}

html[data-kk-theme="dark"]:not(:has(.login-split)) .from-red-500 { --tw-gradient-from: #22d3ee !important; }
html[data-kk-theme="dark"]:not(:has(.login-split)) .to-orange-500 { --tw-gradient-to: #2563eb !important; }
html[data-kk-theme="dark"]:not(:has(.login-split)) .from-red-400 { --tw-gradient-from: #67e8f9 !important; }
html[data-kk-theme="dark"]:not(:has(.login-split)) .to-orange-400 { --tw-gradient-to: #3b82f6 !important; }
html[data-kk-theme="dark"]:not(:has(.login-split)) .focus\:border-red-500:focus {
  border-color: #22d3ee !important;
  box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.18) !important;
}

/* 杈撳叆妗?*/
html[data-kk-theme="dark"]:not(:has(.login-split)) input,
html[data-kk-theme="dark"]:not(:has(.login-split)) textarea,
html[data-kk-theme="dark"]:not(:has(.login-split)) select {
  background-color: rgba(7, 17, 32, 0.85) !important;
  border-color: rgba(34, 211, 238, 0.18) !important;
  color: #d7e9fb !important;
}
html[data-kk-theme="dark"]:not(:has(.login-split)) input:focus,
html[data-kk-theme="dark"]:not(:has(.login-split)) textarea:focus,
html[data-kk-theme="dark"]:not(:has(.login-split)) select:focus {
  border-color: rgba(34, 211, 238, 0.60) !important;
  box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.16), 0 0 18px rgba(34, 211, 238, 0.12) !important;
  outline: none !important;
}

/* 涓绘寜閽細闈掕摑娓愬彉 + 鎮仠鍙戝厜 */
html[data-kk-theme="dark"]:not(:has(.login-split)) button.bg-blue-500,
html[data-kk-theme="dark"]:not(:has(.login-split)) button.bg-\[\#238636\],
html[data-kk-theme="dark"]:not(:has(.login-split)) button.bg-\[\#2ea043\] {
  background-image: linear-gradient(135deg, #22d3ee, #2563eb) !important;
  border-color: rgba(34, 211, 238, 0.55) !important;
  color: #04121f !important;
  box-shadow: 0 0 18px rgba(34, 211, 238, 0.25);
}
html[data-kk-theme="dark"]:not(:has(.login-split)) button.bg-blue-500:hover,
html[data-kk-theme="dark"]:not(:has(.login-split)) button.bg-\[\#238636\]:hover,
html[data-kk-theme="dark"]:not(:has(.login-split)) button.bg-\[\#2ea043\]:hover {
  box-shadow: 0 0 26px rgba(34, 211, 238, 0.45);
  filter: brightness(1.08);
}

/* 椤舵爮/琛ㄥご锛氬喎鑹叉笎鍙?*/
html[data-kk-theme="dark"]:not(:has(.login-split)) table thead tr {
  background-image: linear-gradient(180deg, rgba(34, 211, 238, 0.07), transparent) !important;
}

/* 鐢诲竷/榛戝簳 */
html[data-kk-theme="dark"]:not(:has(.login-split)) canvas,
html[data-kk-theme="dark"]:not(:has(.login-split)) .bg-black {
  background-color: #03060c !important;
}

/* ---------- 7. 婊氬姩鏉′笌閫夊尯 ---------- */
html[data-kk-theme="dark"]:not(:has(.login-split)) ::-webkit-scrollbar-track { background: #060d1b; }
html[data-kk-theme="dark"]:not(:has(.login-split)) ::-webkit-scrollbar-thumb {
  background: #1b3d5e;
  border-radius: 8px;
}
html[data-kk-theme="dark"]:not(:has(.login-split)) ::-webkit-scrollbar-thumb:hover { background: #22d3ee; }
html[data-kk-theme="dark"] ::selection { background: rgba(34, 211, 238, 0.30); color: #e6f4ff; }

/* ---------- 8. 鐧诲綍椤?---------- */
.login-split {
  background-color: transparent;
  font-family: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
}
/* 宸︿晶锛氶潚鑹插厜鏅?+ 缁嗙綉鏍硷紝鎵樹綇绁炵伅 */
.login-split > div:first-child::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 46%, rgba(34, 211, 238, 0.14) 0%, transparent 46%),
    linear-gradient(rgba(34, 211, 238, 0.035) 1px, transparent 1px) 0 0 / 100% 52px,
    linear-gradient(90deg, rgba(34, 211, 238, 0.035) 1px, transparent 1px) 0 0 / 52px 100%;
  pointer-events: none;
}
/* 绁炵伅锛氭殩閲?鈫?鍐烽潚 */
.login-split > div:first-child::after {
  filter: hue-rotate(152deg) saturate(1.45) brightness(1.06)
          drop-shadow(0 0 46px rgba(34, 211, 238, 0.40))
          drop-shadow(0 18px 40px rgba(0, 0, 0, 0.55));
}
.login-split > div:last-child {
  background: linear-gradient(90deg, transparent, rgba(6, 16, 32, 0.35) 18%, rgba(5, 10, 20, 0.78) 42%) !important;
  border-left: 1px solid rgba(34, 211, 238, 0.12);
}
.login-split input {
  border: 1px solid rgba(34, 211, 238, 0.28) !important;
  background: rgba(8, 18, 32, 0.82) !important;
  color: #d7e9fb !important;
  box-shadow: inset 0 0 22px rgba(34, 211, 238, 0.05) !important;
}
.login-split input:focus {
  border-color: #22d3ee !important;
  box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.18), 0 0 22px rgba(34, 211, 238, 0.20) !important;
}
.login-split input::placeholder {
  color: rgba(215, 233, 251, 0.34);
}
.login-split label {
  color: #8fb6d6 !important;
}
.login-split button[type="submit"] {
  border: 1px solid rgba(34, 211, 238, 0.70) !important;
  background: linear-gradient(105deg, #0e7490, #1d4ed8) !important;
  color: #e6f4ff !important;
  box-shadow: 0 0 24px rgba(34, 211, 238, 0.28), inset 0 1px 0 rgba(165, 243, 252, 0.28) !important;
}
.login-split button[type="submit"]:hover {
  box-shadow: 0 0 34px rgba(34, 211, 238, 0.46), inset 0 1px 0 rgba(165, 243, 252, 0.40) !important;
  filter: brightness(1.08);
}
.login-split.kk-login-main h1 {
  color: #e6f4ff !important;
  text-shadow: 0 0 28px rgba(34, 211, 238, 0.35);
}
.login-split.kk-login-main h1 + p,
.login-split.kk-login-main form::after,
.login-split.kk-login-main > div:last-child::after {
  color: #6f94b8 !important;
}
.login-split input[type="checkbox"] {
  border-color: rgba(34, 211, 238, 0.45) !important;
  background-color: rgba(8, 18, 32, 0.9) !important;
}
.kk-tg-login {
  background: rgba(8, 18, 32, 0.86) !important;
  color: #a8c6e6 !important;
  border-color: rgba(34, 211, 238, 0.25) !important;
}

/* ---------- 9. 涓婚鍒囨崲娴悆 ---------- */
#kk-theme-float {
  border-color: rgba(34, 211, 238, 0.35);
  background: rgba(8, 18, 32, 0.9);
  color: #22d3ee;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.45), 0 0 18px rgba(34, 211, 238, 0.16);
}
html[data-kk-theme="dark"] #kk-theme-float {
  background: rgba(10, 24, 42, 0.94);
  color: #a5f3fc;
  border-color: rgba(34, 211, 238, 0.38);
}