html[data-skye-skin="skaixu-ide"] {
  --bg0: #050509;
  --bg1: #090d18;
  --border: rgba(99,102,241,0.24);
  --text: rgba(241,245,249,0.96);
  --muted: rgba(203,213,225,0.74);
  --muted2: rgba(148,163,184,0.66);
  --gold: #f59e0b;
  --purple: #6366f1;
  --cyan: #22d3ee;
  --danger: #f43f5e;
  --shadow: 0 22px 70px rgba(0,0,0,0.58), 0 0 34px rgba(99,102,241,0.10);
  --radius: 16px;
  --glass: rgba(15,23,42,0.64);
  --glass-border: rgba(99,102,241,0.22);
  --glass-blur: blur(20px) saturate(1.45);
}

html[data-skye-skin="skaixu-ide"] body {
  background:
    radial-gradient(900px 520px at 20% 18%, rgba(99,102,241,0.16), transparent 62%),
    radial-gradient(760px 480px at 82% 18%, rgba(34,211,238,0.08), transparent 58%),
    linear-gradient(180deg, #050509 0%, #070a12 52%, #030407 100%);
}

html[data-skye-skin="skaixu-ide"] .bg {
  background:
    repeating-linear-gradient(0deg, transparent 0 2px, rgba(34,211,238,0.035) 2px 3px),
    radial-gradient(900px 560px at 50% 20%, rgba(99,102,241,0.10), transparent 60%);
}

html[data-skye-skin="skaixu-ide"] .shell {
  width: min(1320px, 94vw);
}

html[data-skye-skin="skaixu-ide"] .topbar,
html[data-skye-skin="skaixu-ide"] .card,
html[data-skye-skin="skaixu-ide"] .modal {
  background:
    linear-gradient(180deg, rgba(15,23,42,0.76), rgba(2,6,23,0.68)),
    repeating-linear-gradient(45deg, rgba(99,102,241,0.035) 0 1px, transparent 1px 18px);
  border-color: rgba(99,102,241,0.24);
  border-radius: 14px;
}

html[data-skye-skin="skaixu-ide"] .title {
  font-family: var(--mono);
  font-size: 17px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #e0e7ff;
  text-shadow: 0 0 18px rgba(99,102,241,0.42);
}

html[data-skye-skin="skaixu-ide"] .subtitle,
html[data-skye-skin="skaixu-ide"] .small,
html[data-skye-skin="skaixu-ide"] label {
  font-family: var(--mono);
}

html[data-skye-skin="skaixu-ide"] .logo {
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, #22d3ee, #6366f1 48%, #020617 78%);
  color: #020617;
  box-shadow: 0 0 26px rgba(34,211,238,0.36), inset 0 0 18px rgba(255,255,255,0.24);
}

html[data-skye-skin="skaixu-ide"] .btn,
html[data-skye-skin="skaixu-ide"] .tab,
html[data-skye-skin="skaixu-ide"] input,
html[data-skye-skin="skaixu-ide"] textarea,
html[data-skye-skin="skaixu-ide"] select {
  border-radius: 10px;
}

html[data-skye-skin="skaixu-ide"] .btn.primary,
html[data-skye-skin="skaixu-ide"] .tab.active {
  color: #f8fafc;
  background: linear-gradient(135deg, rgba(79,70,229,0.88), rgba(14,165,233,0.62));
  border-color: rgba(129,140,248,0.48);
  box-shadow: 0 0 22px rgba(99,102,241,0.24), inset 0 0 18px rgba(255,255,255,0.05);
}

html[data-skye-skin="skaixu-ide"] .btn:hover,
html[data-skye-skin="skaixu-ide"] .tab:hover {
  border-color: rgba(34,211,238,0.42);
  box-shadow: 0 0 20px rgba(34,211,238,0.12);
}

html[data-skye-skin="skaixu-ide"] .tablewrap,
html[data-skye-skin="skaixu-ide"] code.block,
html[data-skye-skin="skaixu-ide"] pre.block,
html[data-skye-skin="skaixu-ide"] .keyvalue {
  background: rgba(2,6,23,0.62);
  border-color: rgba(99,102,241,0.18);
}

html[data-skye-skin="skaixu-ide"] .table th {
  background: rgba(79,70,229,0.20);
  color: #c4b5fd;
  font-family: var(--mono);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

html[data-skye-skin="skaixu-ide"] .stat {
  background: rgba(15,23,42,0.54);
  border-color: rgba(34,211,238,0.18);
}

html[data-skye-skin="skaixu-ide"] .stat .value {
  color: #e0f2fe;
  text-shadow: 0 0 18px rgba(34,211,238,0.22);
}