/* Kaidengs Neon · presentation-only skin for the existing Sub2API UI. Activate with . Every rule is opt-in and dark-only; the original light theme is untouched. */ html[data-kaidengs-theme="neon"].dark { --kd-bg: #090f17; --kd-panel: #111a25; --kd-panel-raised: #172230; --kd-panel-inset: #0c141f; --kd-border: #283645; --kd-border-soft: #22303d; --kd-text: #e3ebf2; --kd-muted: #96a8ba; --kd-dim: #7f93a7; --kd-lime: #b5f36b; --kd-cyan: #66dedb; --kd-purple: #b7a2ef; color-scheme: dark; background-color: var(--kd-bg); accent-color: var(--kd-lime); } html[data-kaidengs-theme="neon"].dark body { background-color: var(--kd-bg); color: var(--kd-text); font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } html[data-kaidengs-theme="neon"].dark ::selection { color: #132014; background-color: #b5f36bc9; } /* Recolor neutral Tailwind surfaces only. Status/provider colors are retained. */ html[data-kaidengs-theme="neon"].dark :is(.dark\:bg-dark-950, .dark\:bg-slate-950) { background-color: #070c13; } html[data-kaidengs-theme="neon"].dark :is(.dark\:bg-dark-900, .dark\:bg-gray-900, .dark\:bg-slate-900) { background-color: var(--kd-bg); } html[data-kaidengs-theme="neon"].dark :is(.dark\:bg-dark-800, .dark\:bg-gray-800, .dark\:bg-slate-800) { background-color: var(--kd-panel); } html[data-kaidengs-theme="neon"].dark :is(.dark\:bg-dark-700, .dark\:bg-gray-700, .dark\:bg-slate-700) { background-color: #1c2a3a; } html[data-kaidengs-theme="neon"].dark :is(.dark\:bg-dark-600, .dark\:bg-gray-600) { background-color: #304359; } html[data-kaidengs-theme="neon"].dark :is(.dark\:bg-dark-800\/30, .dark\:bg-dark-800\/40, .dark\:bg-dark-800\/50, .dark\:bg-slate-800\/50) { background-color: #111a2580; } html[data-kaidengs-theme="neon"].dark :is(.dark\:bg-dark-800\/60, .dark\:bg-dark-800\/70, .dark\:bg-dark-800\/80, .dark\:bg-gray-800\/80) { background-color: #111a25d9; } html[data-kaidengs-theme="neon"].dark :is(.dark\:bg-dark-900\/90, .dark\:bg-dark-900\/95) { background-color: #090f17f2; } html[data-kaidengs-theme="neon"].dark :is(.dark\:bg-dark-700\/30, .dark\:bg-dark-700\/40, .dark\:bg-dark-700\/50) { background-color: #1c2a3a66; } html[data-kaidengs-theme="neon"].dark :is(.dark\:border-dark-600, .dark\:border-gray-600):not(.input-error, [aria-invalid="true"], [class*="border-red-"], [class*="border-rose-"], [class*="border-amber-"]) { border-color: #3a4d61; } html[data-kaidengs-theme="neon"].dark :is(.dark\:border-dark-700, .dark\:border-dark-700\/50, .dark\:border-dark-700\/60, .dark\:border-dark-700\/70, .dark\:border-dark-700\/80):not(.input-error, [aria-invalid="true"], [class*="border-red-"], [class*="border-rose-"], [class*="border-amber-"]) { border-color: var(--kd-border); } html[data-kaidengs-theme="neon"].dark :is(.dark\:border-dark-800, .dark\:border-dark-800\/50, .dark\:border-gray-800):not(.input-error, [aria-invalid="true"], [class*="border-red-"], [class*="border-rose-"], [class*="border-amber-"]) { border-color: var(--kd-border-soft); } html[data-kaidengs-theme="neon"].dark :is(.dark\:text-gray-100, .dark\:text-dark-100, .dark\:text-gray-200, .dark\:text-dark-200) { color: var(--kd-text); } html[data-kaidengs-theme="neon"].dark :is(.dark\:text-gray-300, .dark\:text-dark-300) { color: #c0cddd; } html[data-kaidengs-theme="neon"].dark :is(.dark\:text-gray-400, .dark\:text-dark-400) { color: var(--kd-muted); } html[data-kaidengs-theme="neon"].dark :is(.dark\:text-gray-500, .dark\:text-dark-500) { color: var(--kd-dim); } /* Grid is painted on the existing main surface, not an interaction overlay. */ html[data-kaidengs-theme="neon"].dark main { background-color: var(--kd-bg); background-image: radial-gradient(ellipse at 8% 0%, #93d06308 0%, transparent 42%), radial-gradient(ellipse at 100% 18%, #a185e409 0%, transparent 42%), linear-gradient(#7d9aad05 1px, transparent 1px), linear-gradient(90deg, #7d9aad05 1px, transparent 1px); background-size: auto, auto, 48px 48px, 48px 48px; } html[data-kaidengs-theme="neon"].dark .sidebar { background-color: #0b121b; background-image: radial-gradient(ellipse at 20% 0%, #b5f36b05, transparent 55%); border-color: #26343e; box-shadow: 8px 0 35px #00000012; } html[data-kaidengs-theme="neon"].dark .sidebar-header { background-image: linear-gradient(105deg, #b5f36b07, transparent 80%); border-color: #26343e; } html[data-kaidengs-theme="neon"].dark .sidebar-brand-title { color: #edf5e7; letter-spacing: -.045em; text-shadow: 0 0 24px #b5f36b10; } html[data-kaidengs-theme="neon"].dark .sidebar-section-title { color: #8193a4; font-size: .6875rem; letter-spacing: .1em; font-weight: 500; } html[data-kaidengs-theme="neon"].dark .sidebar-link { border-radius: .625rem; color: #a4b4c5; font-weight: 500; transition-property: color, background-color, box-shadow; } html[data-kaidengs-theme="neon"].dark .sidebar-link:hover { color: #e1efdd; background-color: #b5f36b08; } html[data-kaidengs-theme="neon"].dark .sidebar-link-active, html[data-kaidengs-theme="neon"].dark .sidebar-link-active:hover { color: var(--kd-lime); background-color: #b5f36b0c; background-image: linear-gradient(90deg, #b5f36b08, transparent); box-shadow: inset 2px 0 var(--kd-lime), inset 0 0 0 1px #b5f36b12; } html[data-kaidengs-theme="neon"].dark .sidebar-link-active .sidebar-label { color: var(--kd-lime); } html[data-kaidengs-theme="neon"].dark .sidebar-link-active > svg { filter: drop-shadow(0 0 5px #b5f36b20); } html[data-kaidengs-theme="neon"].dark .sidebar-link-active { animation: kaidengs-neon-breathe 5s ease-in-out infinite; } html[data-kaidengs-theme="neon"].dark main .card:hover { box-shadow: 0 8px 32px #02060d24, 0 0 20px #66dedb07, inset 0 1px #b5f36b12; } @keyframes kaidengs-neon-breathe { 0%, 100% { box-shadow: inset 2px 0 #b5f36b, inset 0 0 0 1px #b5f36b12, 0 0 12px #b5f36b00; } 50% { box-shadow: inset 2px 0 #b5f36b, inset 0 0 0 1px #b5f36b29, 0 0 16px #b5f36b0b; } } html[data-kaidengs-theme="neon"].dark :is(header.glass, .glass header, .glass) { background-color: #0d1520e8; border-color: #283543; box-shadow: 0 1px 0 #c2e2f004; } /* Cards remain the same size and retain original overflow and layout rules. */ html[data-kaidengs-theme="neon"].dark :is(.card, .card-glass):not([class*="bg-red-"], [class*="bg-rose-"], [class*="bg-amber-"], [class*="bg-yellow-"], [class*="bg-green-"], [class*="bg-emerald-"], [class*="bg-orange-"], [class*="bg-blue-"], [class*="bg-sky-"], [class*="bg-cyan-"], [class*="bg-purple-"], [class*="bg-violet-"], [class*="bg-primary-"], [class*="bg-gradient-"]) { background-color: var(--kd-panel); box-shadow: 0 6px 25px #02060d16, inset 0 1px #e8f3ff03; } html[data-kaidengs-theme="neon"].dark :is(.card, .card-glass):not([class*="border-red-"], [class*="border-rose-"], [class*="border-amber-"], [class*="border-yellow-"], [class*="border-green-"], [class*="border-emerald-"], [class*="border-orange-"], [class*="border-blue-"], [class*="border-sky-"], [class*="border-cyan-"], [class*="border-purple-"], [class*="border-violet-"], [class*="border-primary-"]) { border-color: var(--kd-border); } html[data-kaidengs-theme="neon"].dark :is(.card-header, .card-footer) { border-color: var(--kd-border-soft); } html[data-kaidengs-theme="neon"].dark .card-header { background-image: linear-gradient(90deg, #b5f36b03, transparent 50%); } html[data-kaidengs-theme="neon"].dark :is(h1, h2, h3):not([class*="text-red-"], [class*="text-rose-"], [class*="text-amber-"], [class*="text-yellow-"], [class*="text-green-"], [class*="text-emerald-"], [class*="text-orange-"], .text-gradient) { letter-spacing: -.025em; } html[data-kaidengs-theme="neon"].dark :is(code, pre, kbd, .font-mono) { font-family: "SFMono-Regular", Consolas, "Liberation Mono", "Microsoft YaHei", monospace; } /* Only neutral/primary actions are restyled; danger, warning, success and all named payment-provider button variants keep their original colors. */ html[data-kaidengs-theme="neon"].dark .btn-primary { color: #152010; background-color: var(--kd-lime); background-image: linear-gradient(115deg, #b5f36b, #a5e45e); border-color: #c4f493; box-shadow: 0 3px 15px #b5f36b14, inset 0 1px #ffffff2e; font-weight: 600; --tw-ring-color: #b5f36b66; } html[data-kaidengs-theme="neon"].dark .btn-primary:hover:not(:disabled) { color: #14210e; background-color: #c5fc86; background-image: linear-gradient(115deg, #c3fb82, #b1ec70); box-shadow: 0 5px 21px #b5f36b22, inset 0 1px #ffffff38; } html[data-kaidengs-theme="neon"].dark .btn-primary :is(.text-white, .dark\:text-white) { color: inherit; } html[data-kaidengs-theme="neon"].dark .btn-secondary { color: #c2cfdb; background-color: #17212d; border-color: #344455; box-shadow: inset 0 1px #ffffff03; } html[data-kaidengs-theme="neon"].dark .btn-secondary:hover:not(:disabled) { background-color: #1b2a35; border-color: #526d62; color: #e1efd6; } html[data-kaidengs-theme="neon"].dark .btn-ghost { color: #aec0ce; } html[data-kaidengs-theme="neon"].dark .btn-ghost:hover:not(:disabled) { color: var(--kd-lime); background-color: #b5f36b0b; } html[data-kaidengs-theme="neon"].dark :is(.btn-primary, .btn-secondary, .btn-ghost):focus-visible { outline: 2px solid #b5f36b99; outline-offset: 3px; } html[data-kaidengs-theme="neon"].dark :is(.text-primary-400, .text-primary-500, .text-primary-600, .dark\:text-primary-300, .dark\:text-primary-400, .dark\:text-primary-500) { color: var(--kd-lime); } html[data-kaidengs-theme="neon"].dark :is(.dark\:bg-primary-400\/10, .dark\:bg-primary-500\/10, .dark\:bg-primary-500\/15, .dark\:bg-primary-900\/10, .dark\:bg-primary-900\/20, .dark\:bg-primary-900\/25, .dark\:bg-primary-900\/30, .dark\:bg-primary-900\/40) { background-color: #b5f36b10; } html[data-kaidengs-theme="neon"].dark .text-gradient { background-image: linear-gradient(108deg, var(--kd-lime), var(--kd-cyan) 66%, #c1afed); } html[data-kaidengs-theme="neon"].dark :is(.border-primary-400, .border-primary-500, .dark\:border-primary-500) { border-color: #a7d97a; } html[data-kaidengs-theme="neon"].dark :is(.dark\:border-primary-700, .dark\:border-primary-800) { border-color: #b5f36b38; } /* Do not cover validation states with the neutral field skin. */ html[data-kaidengs-theme="neon"].dark :is(.input, .select):not(.input-error, [aria-invalid="true"], [class*="border-red-"], [class*="border-rose-"], [class*="border-amber-"]) { background-color: var(--kd-panel-inset); border-color: #344456; color: #dbe6f0; box-shadow: inset 0 1px 3px #00000014; } html[data-kaidengs-theme="neon"].dark :is(.input, .select):not(.input-error, [aria-invalid="true"], [class*="border-red-"], [class*="border-rose-"], [class*="border-amber-"]):focus { border-color: #9ccc70; box-shadow: 0 0 0 3px #b5f36b0d; --tw-ring-color: #b5f36b26; } html[data-kaidengs-theme="neon"].dark :is(.input, .select):disabled { opacity: .6; } html[data-kaidengs-theme="neon"].dark .input::placeholder { color: #7e92a6; } html[data-kaidengs-theme="neon"].dark .input-label { color: #b9c9d8; } html[data-kaidengs-theme="neon"].dark .input-hint { color: #8fa3b6; } html[data-kaidengs-theme="neon"].dark select option { color: #dce7ed; background-color: #14202d; } /* Opaque sticky surfaces preserve the real DataTable's z-index and scrolling. */ html[data-kaidengs-theme="neon"].dark :is(.table-container, .table-wrapper) { border-color: var(--kd-border); scrollbar-color: #4d655c #101924; } html[data-kaidengs-theme="neon"].dark :is(.table-container, .table-wrapper) thead, html[data-kaidengs-theme="neon"].dark .table-wrapper .table-header, html[data-kaidengs-theme="neon"].dark .sticky-header-cell { background-color: #101a26; border-color: var(--kd-border); } html[data-kaidengs-theme="neon"].dark :is(.table-container, .table-wrapper) thead th { color: #9eb4c7; border-color: var(--kd-border-soft); } html[data-kaidengs-theme="neon"].dark :is(.table-container, .table-wrapper) tbody td { border-color: #213040; } html[data-kaidengs-theme="neon"].dark tbody .sticky-col { background-color: #111a25; } html[data-kaidengs-theme="neon"].dark tbody tr:hover .sticky-col { background-color: #192630; } html[data-kaidengs-theme="neon"].dark :is(.dark\:hover\:bg-dark-700, .dark\:hover\:bg-dark-800, .dark\:hover\:bg-gray-800):hover { background-color: #192630; } html[data-kaidengs-theme="neon"].dark .table-wrapper::-webkit-scrollbar-thumb { background-color: #4c645dbf !important; } html[data-kaidengs-theme="neon"].dark .table-wrapper::-webkit-scrollbar-thumb:hover { background-color: #73917cd9 !important; } html[data-kaidengs-theme="neon"].dark .sidebar-nav { scrollbar-color: #364a49 transparent; } html[data-kaidengs-theme="neon"].dark .modal-overlay { background-color: #030810c7; } html[data-kaidengs-theme="neon"].dark .modal-content { background-color: #121d2a; border-color: #3b514f; box-shadow: 0 28px 100px #00000080, 0 0 50px #b5f36b04, inset 0 1px #dbeaff06; } html[data-kaidengs-theme="neon"].dark :is(.modal-header, .modal-footer) { border-color: #2a3a48; } html[data-kaidengs-theme="neon"].dark .modal-footer { background-color: #0d172233; } html[data-kaidengs-theme="neon"].dark .modal-title { color: #e2eedf; } /* Existing homepage terminal, with purely decorative and inert orbit rings. */ html[data-kaidengs-theme="neon"].dark .terminal-container { isolation: isolate; } html[data-kaidengs-theme="neon"].dark .terminal-container::before, html[data-kaidengs-theme="neon"].dark .terminal-container::after { content: ""; position: absolute; pointer-events: none; z-index: -1; border-radius: 50%; } html[data-kaidengs-theme="neon"].dark .terminal-container::before { inset: -24% -10%; border: 1px solid #b5f36b22; box-shadow: 0 0 0 22px #b5f36b03, 0 0 0 44px #66dedb03; transform: rotate(-22deg); background: radial-gradient(ellipse, #b5f36b08, transparent 68%); animation: kaidengs-neon-orbit 24s ease-in-out infinite alternate; } @keyframes kaidengs-neon-orbit { from { transform: rotate(-22deg); } to { transform: rotate(-4deg); } } html[data-kaidengs-theme="neon"].dark .terminal-container::after { inset: -12% -6%; border: 1px solid #aa8cef1a; transform: rotate(20deg); background: radial-gradient(ellipse at 85% 20%, #aa8cef10, transparent 60%); } html[data-kaidengs-theme="neon"].dark .terminal-window { background: linear-gradient(135deg, #14232a, #0b1420 60%); box-shadow: 0 24px 60px #00000055, 0 0 0 1px #b5f36b29, 0 0 50px #b5f36b07, inset 0 1px #ffffff0c; } html[data-kaidengs-theme="neon"].dark .terminal-header { background-color: #17232ddd; border-color: #b5f36b14; } html[data-kaidengs-theme="neon"].dark .terminal-title { color: #92a89f; } html[data-kaidengs-theme="neon"].dark :is(.code-prompt, .code-url) { color: var(--kd-lime); } html[data-kaidengs-theme="neon"].dark .code-cmd { color: var(--kd-cyan); } html[data-kaidengs-theme="neon"].dark .code-flag { color: var(--kd-purple); } html[data-kaidengs-theme="neon"].dark .code-comment { color: #8ea0b1; } @media (max-width: 767px) { html[data-kaidengs-theme="neon"].dark main { background-size: auto, auto, 36px 36px, 36px 36px; } html[data-kaidengs-theme="neon"].dark .terminal-container::before, html[data-kaidengs-theme="neon"].dark .terminal-container::after { content: none; } html[data-kaidengs-theme="neon"].dark .terminal-window { max-width: 100%; } } @media (prefers-reduced-motion: reduce) { html[data-kaidengs-theme="neon"].dark .sidebar-link-active, html[data-kaidengs-theme="neon"].dark .terminal-container::before { animation: none; } html[data-kaidengs-theme="neon"].dark .sidebar-link { transition-duration: 0ms; } html[data-kaidengs-theme="neon"].dark .terminal-window, html[data-kaidengs-theme="neon"].dark .terminal-window:hover { transition: none; transform: none; } html[data-kaidengs-theme="neon"].dark .code-line { animation: none; opacity: 1; } html[data-kaidengs-theme="neon"].dark .cursor { animation: none; } } @media print { html[data-kaidengs-theme="neon"].dark main { background-image: none; } html[data-kaidengs-theme="neon"].dark .terminal-container::before, html[data-kaidengs-theme="neon"].dark .terminal-container::after { content: none; } } /* Layout translated from the accepted local workspace design. */ html[data-kaidengs-edition=v2].dark .kd-console{padding:30px 34px 42px!important;min-width:0;max-width:1700px;margin-inline:auto;background-image:radial-gradient(ellipse at 7% 0%,#b5f36b08,transparent 40%),radial-gradient(ellipse at 90% 40%,#66dedb04,transparent 40%)} html[data-kaidengs-edition=v2].dark .kd-console-shell{min-width:0} html[data-kaidengs-edition=v2].dark .sidebar{background:#0b121b;border-right:1px solid #26333e} html[data-kaidengs-edition=v2] .sidebar-header{position:relative;min-height:116px;padding:25px 22px 33px!important;gap:12px} html[data-kaidengs-edition=v2] .sidebar-brand-title{font-size:23px!important;letter-spacing:-1px} html[data-kaidengs-edition=v2] .kd-brand-tag{position:absolute;left:72px;bottom:16px;font:8px ui-monospace,monospace;letter-spacing:2px;color:#759065} html[data-kaidengs-edition=v2] .sidebar-nav{padding:12px 15px!important} html[data-kaidengs-edition=v2].dark .sidebar-link{min-height:43px!important;border-radius:8px!important;padding:11px 13px!important;gap:12px!important;font-size:12px!important;border:1px solid transparent} html[data-kaidengs-edition=v2].dark .sidebar-link-active{background:linear-gradient(90deg,#b5f36b15,#b5f36b04)!important;border:1px solid #b5f36b22;color:#b5f36b!important;box-shadow:inset 3px 0 #b5f36b,0 0 24px #b5f36b04} html[data-kaidengs-edition=v2] .sidebar-link[href='/monitor'],html[data-kaidengs-edition=v2] [data-kaidengs-nav=status]{display:none!important} .kd-nav-feature{display:flex;align-items:center;gap:11px;padding:15px 11px;margin:0 0 22px;background:linear-gradient(120deg,#152521,#121e28);border:1px solid #406051;border-radius:10px;color:#d9ebd3;text-decoration:none} .kd-nav-feature>span:nth-child(2){flex:1;font-size:13px;font-weight:650}.kd-nav-feature small{display:block;font:7px ui-monospace,monospace;color:#7f9c8e;letter-spacing:1px;margin-top:5px}.kd-nav-feature-icon{color:#b5f36b;font-size:27px}.kd-nav-caption{font:9px ui-monospace,monospace;letter-spacing:1.4px;color:#6e8393;padding:0 13px 12px}.kd-guide-link{color:#a7c99c!important;background:#b5f36b08!important;border:1px solid #b5f36b20!important} html[data-kaidengs-edition=v2].dark header.glass{background:#0b121be8!important;backdrop-filter:blur(16px);border-color:#273441!important} html[data-kaidengs-edition=v2] header h1{font-size:17px!important;letter-spacing:.2px}html[data-kaidengs-edition=v2] header h1+p{font-size:10px!important;color:#73889a!important} .kd-workspace-intro{position:relative;isolation:isolate;overflow:hidden;min-height:285px;padding:32px 35px 80px;border:1px solid #3b4c40;border-radius:17px;margin-bottom:24px;background:radial-gradient(ellipse at 75% 60%,#b5f36b14,transparent 43%),linear-gradient(120deg,#15231d,#101d22 58%,#0d1721);box-shadow:inset 0 1px #cfffbc0c,0 14px 40px #0002} .kd-workspace-intro::before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#aec89a06 1px,transparent 1px),linear-gradient(90deg,#aec89a06 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent,#000)} .kd-intro-copy{position:relative;z-index:2;max-width:72%}.kd-eyebrow{font:9px ui-monospace,monospace;letter-spacing:2.5px;color:#aac28f}.kd-workspace-intro h2{font-size:clamp(23px,2.2vw,35px);font-weight:700;line-height:1.5;letter-spacing:-.5px;color:#e1eadb;margin:13px 0 7px}.kd-workspace-intro p{font-size:12px;line-height:1.9;color:#91a492;margin:0}.kd-intro-actions{display:flex;align-items:center;gap:22px;margin-top:21px}.kd-intro-actions a{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:11px;font-weight:600;white-space:nowrap}.kd-action-primary{padding:10px 14px;border-radius:6px;color:#18250f;background:#b5f36b;box-shadow:0 0 25px #b5f36b13}.kd-action-primary svg{width:15px;height:17px}.kd-action-primary:hover{background:#c5ff89;transform:translateY(-1px)}.kd-action-secondary{color:#c4d2bc}.kd-action-secondary:hover{color:#b5f36b} .kd-orbit{position:absolute;right:5%;top:3px;width:300px;height:245px;pointer-events:none}.kd-ring{position:absolute;left:0;top:24px;width:300px;height:175px;border:1px solid #a9dd8050;border-radius:50%;transform:rotate(-30deg);box-shadow:0 0 16px #b5f36b06}.kd-ring-two{transform:rotate(30deg);border-color:#66dedb45}.kd-ring-three{width:175px;height:225px;left:63px;top:0;transform:rotate(-20deg);border:1px dashed #b5f36b32}.kd-core{width:80px;height:89px;background:linear-gradient(150deg,#d8ffaf,#6eae57);border-radius:21px;position:absolute;left:110px;top:65px;display:grid;place-items:center;transform:rotate(-10deg);box-shadow:0 0 80px #b5f36b24,0 15px 35px #0004;animation:kd-orb-float 7s ease-in-out infinite;color:#243524}.kd-core svg{width:47px;height:47px}.kd-orbit-label{position:absolute;left:90px;top:176px;color:#708b71;letter-spacing:2px;font:7px ui-monospace,monospace}.kd-node{position:absolute;display:grid;place-items:center;width:37px;height:39px;border:1px solid #5c6b4d;background:#16231f;border-radius:10px;color:#d1d6aa;font-size:23px;box-shadow:0 7px 14px #0003}.kd-node-a{left:5px;top:105px;color:#c5a181;transform:rotate(-8deg)}.kd-node-b{right:3px;top:29px;color:#a5abd6;transform:rotate(8deg)}.kd-node-c{right:25px;bottom:20px;color:#86b6a2;transform:rotate(-5deg)} .kd-pulse-summary{position:absolute;bottom:0;left:0;right:0;min-height:61px;display:flex;align-items:center;gap:11px;padding:12px 34px;border-top:1px solid #52644838;background:#0c171ec9;color:#bcd2c5;text-decoration:none}.kd-pulse-summary>span:nth-child(2){flex:1}.kd-pulse-summary b{font-size:11px;font-weight:600}.kd-pulse-summary small{display:inline;margin-left:13px;font-size:10px;color:#819888}.kd-signal{font-size:21px;color:#9aac91}.kd-pulse-summary[data-state=live] .kd-signal{color:#b5f36b}.kd-pulse-summary[data-state=maintenance] .kd-signal{color:#dac18d}.kd-pulse-summary[data-state=down] .kd-signal{color:#e69a9a}.kd-intro-compact{min-height:242px;padding-top:26px;padding-bottom:75px}.kd-intro-compact h2{font-size:27px}.kd-intro-compact .kd-orbit{transform:scale(.8);transform-origin:right top;right:3%}.kd-intro-compact .kd-intro-actions{margin-top:16px} html[data-kaidengs-edition=v2].dark .kd-metrics{gap:18px!important;margin-top:20px!important}.kd-metrics>.card{min-height:140px;padding:22px!important;position:relative;overflow:hidden;background:linear-gradient(120deg,#151f29,#101923)!important;border-radius:13px!important}.kd-metrics>.card:after{content:'';position:absolute;top:0;right:0;width:90px;height:90px;background:radial-gradient(ellipse at right top,#b5f36b0c,transparent 70%);pointer-events:none}.kd-metrics>.card>.flex{align-items:flex-start!important;flex-direction:row-reverse;justify-content:space-between;gap:8px!important}.kd-metrics>.card>.flex>div:first-child{background:#b5f36b0a!important;border:1px solid #b5f36b1a;padding:9px;border-radius:10px}.kd-metrics>.card>.flex>div:first-child svg{color:#a2c58b!important}.kd-metrics p.text-xl{font:600 34px/1.4 ui-sans-serif,system-ui!important;letter-spacing:-1px;margin:5px 0 8px;color:#dfe9f0!important}.kd-metrics p:first-child{font-size:11px!important;letter-spacing:.6px}.kd-metrics p:last-child{font-size:10px!important} html[data-kaidengs-edition=v2].dark .kd-console .card{border-radius:13px;border-color:#2a3845;box-shadow:0 8px 25px #0001}html[data-kaidengs-edition=v2].dark .kd-console table thead{background:#0d1721}html[data-kaidengs-edition=v2] .kd-console table th{font-size:10px;letter-spacing:.7px;font-weight:500;padding-top:16px;padding-bottom:16px}html[data-kaidengs-edition=v2] .kd-console table td{padding-top:17px;padding-bottom:17px;font-size:12px}html[data-kaidengs-edition=v2].dark .kd-console table tbody tr:hover{background:#b5f36b05}html[data-kaidengs-edition=v2] .kd-console .input{min-height:39px;border-radius:8px} .kd-monitor-frame{border:1px solid #32454b;border-radius:15px;overflow:hidden;margin-bottom:28px;background:#0b111b}.kd-frame-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 24px;border-bottom:1px solid #2a3742;color:#dce6ed;font-size:14px}.kd-frame-heading i{display:inline-block;width:4px;height:13px;background:#66dedb;border-radius:3px;margin-right:9px;vertical-align:middle}.kd-frame-heading small{font:8px ui-monospace,monospace;color:#637c89;letter-spacing:1.5px;margin-left:13px}.kd-frame-heading a{font-size:11px;color:#a8dca8;white-space:nowrap}.kd-monitor-frame iframe{width:100%;height:1050px;display:block;border:0;background:#090f17;color-scheme:dark} html[data-kd-page='/monitor'] .kd-console>:not([data-kd-owned]){display:none!important} @keyframes kd-orb-float{0%,100%{translate:0 0}50%{translate:0 -9px}} @media(min-width:1500px){html[data-kaidengs-edition=v2].dark .kd-console{padding:34px 44px 45px!important}.kd-workspace-intro{min-height:303px;padding:35px 39px 82px}.kd-orbit{right:8%;transform:scale(1.1);transform-origin:center top}.kd-intro-compact{min-height:240px;padding-top:24px}.kd-intro-compact .kd-orbit{transform:scale(.8)}} @media(max-width:1100px){.kd-orbit{right:-25px;opacity:.6;transform:scale(.85);transform-origin:right top}.kd-intro-copy{max-width:85%}.kd-workspace-intro h2{font-size:26px}.kd-metrics>.card{padding:18px!important}.kd-metrics p.text-xl{font-size:29px!important}} @media(max-width:767px){html[data-kaidengs-edition=v2].dark .kd-console{padding:20px 16px 30px!important;overflow-x:clip}html[data-kaidengs-edition=v2] .kd-console-shell{max-width:100%}html[data-kaidengs-edition=v2] header h1{font-size:14px!important}html[data-kaidengs-edition=v2] header h1+p{max-width:110px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kd-workspace-intro,.kd-intro-compact{min-height:269px;padding:24px 21px 86px;border-radius:13px}.kd-intro-copy{max-width:100%}.kd-eyebrow{font-size:7px;letter-spacing:1.1px}.kd-workspace-intro h2,.kd-intro-compact h2{font-size:23px;max-width:290px}.kd-workspace-intro p{font-size:10px;max-width:260px}.kd-orbit,.kd-intro-compact .kd-orbit{right:-78px;top:45px;transform:scale(.6);opacity:.2}.kd-intro-actions{gap:14px;margin-top:17px}.kd-intro-actions a{font-size:10px}.kd-pulse-summary{padding:12px 20px}.kd-pulse-summary small{display:block;margin:4px 0 0;font-size:9px}.kd-pulse-summary b{font-size:11px}html[data-kaidengs-edition=v2].dark .kd-metrics{gap:11px!important}.kd-metrics>.card{padding:15px!important;min-height:136px}.kd-metrics>.card>.flex>div:first-child{padding:6px}.kd-metrics>.card>.flex>div:first-child svg{width:15px;height:15px}.kd-metrics p.text-xl{font-size:26px!important}.kd-metrics p:first-child{font-size:10px!important}.kd-metrics p:last-child{font-size:9px!important}.kd-frame-heading{padding:17px 15px;font-size:12px}.kd-frame-heading small{display:none}.kd-monitor-frame iframe{height:1050px}.kd-console .overflow-x-auto{max-width:100%}} @media(prefers-reduced-motion:reduce){.kd-core{animation:none}.kd-action-primary:hover{transform:none}} @media(max-width:767px){html[data-kaidengs-edition=v2].dark .kd-console{overflow-x:visible}html[data-kd-page='/keys'] .kd-console button[title='点击更换分组']{max-width:100%;margin-inline:0;flex-wrap:wrap;justify-content:flex-end}html[data-kd-page='/keys'] .kd-console button[title='点击更换分组']>span:first-child{max-width:100%;min-width:0;text-align:left}html[data-kd-page='/keys'] .kd-console button[title='点击更换分组'] .truncate{white-space:normal;overflow-wrap:anywhere}} .sidebar.w-20 .kd-nav-feature{padding:12px;justify-content:center}.sidebar.w-20 .kd-nav-feature>span:not(:first-child),.sidebar.w-20 .kd-nav-caption,.sidebar.w-20 .kd-brand-tag{display:none}