html[data-theme-preview-template="cipher-dark-pro"] {
color-scheme: dark;
--background: oklch(0.017 0.012 145);
--foreground: oklch(0.965 0.014 150);
--card: oklch(0.036 0.02 145);
--card-foreground: oklch(0.965 0.014 150);
--popover: oklch(0.03 0.02 145);
--popover-foreground: oklch(0.965 0.014 150);
--primary: oklch(0.82 0.245 140);
--primary-foreground: oklch(0.055 0.026 145);
--secondary: oklch(0.12 0.035 145);
--secondary-foreground: oklch(0.92 0.018 150);
--muted: oklch(0.105 0.03 145);
--muted-foreground: oklch(0.7 0.032 150);
--accent: oklch(0.15 0.07 142);
--accent-foreground: oklch(0.95 0.025 145);
--border: oklch(0.75 0.235 140 / 20%);
--input: oklch(0.75 0.235 140 / 24%);
--ring: oklch(0.82 0.245 140);
--sidebar: oklch(0.012 0.012 145);
--sidebar-foreground: oklch(0.9 0.018 150);
--sidebar-primary: oklch(0.82 0.245 140);
--sidebar-primary-foreground: oklch(0.055 0.026 145);
--sidebar-accent: oklch(0.13 0.055 142);
--sidebar-accent-foreground: oklch(0.96 0.02 145);
--sidebar-border: oklch(0.75 0.235 140 / 14%);
--sidebar-ring: oklch(0.82 0.245 140);
--cipher-green: #54ff39;
--cipher-vector: #71f200;
--cipher-line: rgba(84, 255, 57, 0.24);
--cipher-panel: rgba(0, 10, 3, 0.68);
--cipher-icon-frame: rgba(84, 255, 57, 0.22);
--cipher-icon-fill: rgba(84, 255, 57, 0.08);
--cipher-icon-glow: rgba(84, 255, 57, 0.24);
--cipher-danger: #ff4d5e;
--cipher-danger-glow: rgba(255, 77, 94, 0.42);
--cipher-warning: #ffd166;
--cipher-warning-glow: rgba(255, 209, 102, 0.38);
--app-header-height: 4rem;
--sidebar-width: 17.5rem;
}
html[data-theme-preview-template="cipher-dark-pro"] body {
background:
radial-gradient(circle at 50% 72%, rgba(84, 255, 57, 0.1), transparent 14rem),
radial-gradient(circle at 50% 39%, rgba(255, 255, 255, 0.045), transparent 18rem),
#000;
color: rgba(238, 248, 242, 0.94);
font-family:
Orbitron,
"JetBrains Mono",
"SFMono-Regular",
"Cascadia Mono",
"Microsoft YaHei",
monospace;
font-variant-numeric: tabular-nums;
letter-spacing: 0;
}
html[data-theme-preview-template="cipher-dark-pro"] #cipher-preview-matrix {
pointer-events: none;
position: fixed;
inset: 0;
z-index: 0;
width: 100%;
height: 100%;
opacity: 0.64;
}
html[data-theme-preview-template="cipher-dark-pro"] body::before {
pointer-events: none;
position: fixed;
inset: 0;
z-index: 0;
background:
linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px) 0 0 / 100% 4px,
linear-gradient(90deg, rgba(84, 255, 57, 0.05), transparent 16%, transparent 84%, rgba(84, 255, 57, 0.05));
content: "";
mix-blend-mode: screen;
opacity: 0.12;
}
html[data-theme-preview-template="cipher-dark-pro"] body::after {
pointer-events: none;
position: fixed;
inset: 0;
z-index: 0;
background:
linear-gradient(90deg, rgba(84, 255, 57, 0.035), transparent 11%, transparent 89%, rgba(84, 255, 57, 0.035)),
radial-gradient(circle at center, rgba(0, 0, 0, 0.08) 0, rgba(0, 0, 0, 0.18) 54%, rgba(0, 0, 0, 0.72) 100%);
content: "";
opacity: 1;
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="sidebar-wrapper"] {
position: relative;
z-index: 1;
background: transparent;
}
html[data-theme-preview-template="cipher-dark-pro"] #root,
html[data-theme-preview-template="cipher-dark-pro"] #root > *,
html[data-theme-preview-template="cipher-dark-pro"] .min-h-svh,
html[data-theme-preview-template="cipher-dark-pro"] .min-h-screen,
html[data-theme-preview-template="cipher-dark-pro"] .h-screen,
html[data-theme-preview-template="cipher-dark-pro"] .app-layout {
background: transparent !important;
}
html[data-theme-preview-template="cipher-dark-pro"] header {
border-bottom: 1px solid rgba(84, 255, 57, 0.14);
background:
linear-gradient(90deg, rgba(0, 0, 0, 0.98), rgba(2, 10, 3, 0.94)),
rgba(0, 0, 0, 0.9);
box-shadow:
inset 0 -1px 0 rgba(84, 255, 57, 0.05),
0 18px 42px rgba(0, 0, 0, 0.45);
backdrop-filter: blur(18px);
}
html[data-theme-preview-template="cipher-dark-pro"] header > div {
gap: 1rem;
padding-inline: 1.5rem;
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="sidebar-container"] > div {
border-right: 1px solid rgba(84, 255, 57, 0.16);
background:
linear-gradient(180deg, rgba(84, 255, 57, 0.03), transparent 18rem),
#020302;
box-shadow:
inset -1px 0 0 rgba(84, 255, 57, 0.05),
18px 0 42px rgba(0, 0, 0, 0.48);
backdrop-filter: blur(6px);
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="sidebar-inset"] {
background: transparent !important;
}
html[data-theme-preview-template="cipher-dark-pro"] main,
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="sidebar-gap"],
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="sidebar-container"],
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-content,
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-has-sider,
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-sider-children {
background: transparent !important;
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="sidebar-inner"] {
background: transparent !important;
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="sidebar-content"] {
gap: 0.4rem;
padding: 1rem 0.75rem;
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="sidebar-group"] {
padding-block: 0.35rem;
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="sidebar-group-label"] {
height: 1.65rem;
color: rgba(151, 176, 160, 0.52);
font-size: 0.62rem;
letter-spacing: 0.16em;
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="sidebar-menu-button"] {
border: 1px solid transparent;
border-radius: 0.45rem;
color: rgba(226, 236, 230, 0.72);
font-size: 0.76rem;
letter-spacing: 0.04em;
min-height: 2.7rem;
padding-inline: 0.85rem;
transition:
background-color 160ms ease,
border-color 160ms ease,
color 160ms ease,
box-shadow 160ms ease;
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="sidebar-menu-button"][data-active="true"],
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="sidebar-menu-button"]:hover {
border-color: rgba(84, 255, 57, 0.52);
color: #f7fff5 !important;
background: linear-gradient(90deg, rgba(84, 255, 57, 0.14), rgba(84, 255, 57, 0.04));
box-shadow:
inset 0 0 24px rgba(84, 255, 57, 0.08),
0 0 22px rgba(84, 255, 57, 0.12);
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="sidebar-menu-button"] svg,
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="sidebar-menu-sub-button"] svg {
color: rgba(230, 244, 236, 0.72);
filter: drop-shadow(0 0 5px rgba(84, 255, 57, 0.12));
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="sidebar-menu-button"][data-active="true"] svg,
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="sidebar-menu-button"]:hover svg {
color: var(--cipher-vector);
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="sidebar-menu-sub"] {
border-color: rgba(84, 255, 57, 0.14);
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="sidebar-menu-sub-button"] {
color: rgba(211, 226, 217, 0.66);
font-size: 0.72rem;
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="sidebar-menu-sub-button"][data-active="true"],
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="sidebar-menu-sub-button"]:hover {
color: var(--cipher-green);
background: rgba(84, 255, 57, 0.07);
}
html[data-theme-preview-template="cipher-dark-pro"] main,
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="sidebar-inset"] > * {
position: relative;
z-index: 1;
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="sidebar-inset"] {
overflow: auto;
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="sidebar-inset"] > * {
padding: 3.1rem 3rem 4rem;
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="card"],
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="table-container"],
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="dialog-content"],
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="dropdown-menu-content"],
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="select-content"] {
border: 1px solid rgba(84, 255, 57, 0.18);
border-radius: 1.05rem;
background:
linear-gradient(145deg, rgba(84, 255, 57, 0.055), transparent 38%),
linear-gradient(180deg, rgba(255, 255, 255, 0.012), transparent),
rgba(0, 7, 3, 0.76);
box-shadow:
inset 0 0 0 1px rgba(255, 255, 255, 0.018),
inset 0 0 34px rgba(84, 255, 57, 0.04),
0 0 0 1px rgba(84, 255, 57, 0.035),
0 24px 54px rgba(0, 0, 0, 0.36);
backdrop-filter: blur(12px);
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="card"].bg-card,
html[data-theme-preview-template="cipher-dark-pro"] .bg-card {
background:
linear-gradient(145deg, rgba(84, 255, 57, 0.035), transparent 36%),
rgba(0, 8, 3, 0.76) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="card"][class*="bg-gradient"],
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="card"]:has([data-slot="button"]) {
border-color: rgba(84, 255, 57, 0.26);
}
html[data-theme-preview-template="cipher-dark-pro"] [class*="oklch(0.97_0.04_250"],
html[data-theme-preview-template="cipher-dark-pro"] [class*="bg-[linear-gradient(112deg"] {
background:
linear-gradient(112deg, rgba(84, 255, 57, 0.14), rgba(84, 255, 57, 0.025) 48%, transparent 78%),
repeating-linear-gradient(90deg, rgba(84, 255, 57, 0.1) 0 1px, transparent 1px 42px) !important;
opacity: 0.5 !important;
}
html[data-theme-preview-template="cipher-dark-pro"] [class*="bg-linear-to-b"],
html[data-theme-preview-template="cipher-dark-pro"] [class*="bg-linear-to-r"] {
--tw-gradient-from: rgba(84, 255, 57, 0.2) !important;
--tw-gradient-via: rgba(84, 255, 57, 0.08) !important;
--tw-gradient-to: transparent !important;
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="card-title"],
html[data-theme-preview-template="cipher-dark-pro"] h1,
html[data-theme-preview-template="cipher-dark-pro"] h2,
html[data-theme-preview-template="cipher-dark-pro"] h3 {
color: #f8fff5;
letter-spacing: 0.04em;
text-shadow:
0 0 14px rgba(84, 255, 57, 0.14),
0 0 2px rgba(255, 255, 255, 0.34);
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="card-description"],
html[data-theme-preview-template="cipher-dark-pro"] .text-muted-foreground {
color: rgba(195, 219, 207, 0.7) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="card-header"],
html[data-theme-preview-template="cipher-dark-pro"] [class*="border-b"] {
border-color: rgba(84, 255, 57, 0.14) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="button"] {
border-color: rgba(84, 255, 57, 0.22);
border-radius: 0.45rem;
letter-spacing: 0.08em;
text-transform: uppercase;
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="button"]:not([data-variant="ghost"]):hover,
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="button"]:hover {
box-shadow:
0 0 20px rgba(84, 255, 57, 0.18),
inset 0 0 14px rgba(84, 255, 57, 0.09);
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="button"].bg-primary,
html[data-theme-preview-template="cipher-dark-pro"] button.bg-primary,
html[data-theme-preview-template="cipher-dark-pro"] a.bg-primary {
background: linear-gradient(90deg, #54ff39, #74ff47) !important;
color: #031006 !important;
box-shadow:
0 0 22px rgba(84, 255, 57, 0.34),
inset 0 0 14px rgba(255, 255, 255, 0.16);
}
html[data-theme-preview-template="cipher-dark-pro"] .bg-warning\/10,
html[data-theme-preview-template="cipher-dark-pro"] [class*="bg-warning"] {
background-color: rgba(84, 255, 57, 0.07) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] [class*="bg-destructive"],
html[data-theme-preview-template="cipher-dark-pro"] [class*="bg-red"],
html[data-theme-preview-template="cipher-dark-pro"] [class*="bg-rose"] {
background-color: rgba(84, 255, 57, 0.07) !important;
background-image: none !important;
}
html[data-theme-preview-template="cipher-dark-pro"] [class*="from-rose"],
html[data-theme-preview-template="cipher-dark-pro"] [class*="via-rose"],
html[data-theme-preview-template="cipher-dark-pro"] [class*="to-rose"],
html[data-theme-preview-template="cipher-dark-pro"] [class*="from-red"],
html[data-theme-preview-template="cipher-dark-pro"] [class*="via-red"],
html[data-theme-preview-template="cipher-dark-pro"] [class*="to-red"] {
--tw-gradient-from: rgba(116, 255, 71, 0.78) !important;
--tw-gradient-via: rgba(84, 255, 57, 0.4) !important;
--tw-gradient-to: rgba(84, 255, 57, 0.08) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] [class*="text-destructive"],
html[data-theme-preview-template="cipher-dark-pro"] [class*="text-red"],
html[data-theme-preview-template="cipher-dark-pro"] [class*="text-rose"] {
color: #74ff47 !important;
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="button"][class*="bg-destructive"],
html[data-theme-preview-template="cipher-dark-pro"] button[class*="bg-destructive"],
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="alert-dialog-action"][class*="bg-destructive"] {
border: 1px solid rgba(84, 255, 57, 0.58) !important;
background:
linear-gradient(90deg, rgba(84, 255, 57, 0.08), rgba(84, 255, 57, 0.025)),
rgba(0, 0, 0, 0.36) !important;
color: #74ff47 !important;
text-shadow: 0 0 10px rgba(84, 255, 57, 0.28);
box-shadow:
inset 0 0 18px rgba(84, 255, 57, 0.08),
0 0 18px rgba(84, 255, 57, 0.1) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="button"][class*="bg-destructive"]:hover,
html[data-theme-preview-template="cipher-dark-pro"] button[class*="bg-destructive"]:hover,
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="alert-dialog-action"][class*="bg-destructive"]:hover {
border-color: rgba(116, 255, 71, 0.82) !important;
background:
linear-gradient(90deg, rgba(84, 255, 57, 0.16), rgba(84, 255, 57, 0.05)),
rgba(0, 0, 0, 0.46) !important;
color: #eaffdf !important;
}
html[data-theme-preview-template="cipher-dark-pro"] button[class*="border-destructive"] {
border-color: rgba(84, 255, 57, 0.48) !important;
background:
linear-gradient(145deg, rgba(84, 255, 57, 0.07), transparent 52%),
rgba(0, 0, 0, 0.22) !important;
color: rgba(235, 250, 240, 0.9) !important;
box-shadow:
inset 0 0 22px rgba(84, 255, 57, 0.06),
0 0 18px rgba(84, 255, 57, 0.08);
}
html[data-theme-preview-template="cipher-dark-pro"] button[class*="border-destructive"]:hover {
border-color: rgba(116, 255, 71, 0.74) !important;
background:
linear-gradient(145deg, rgba(84, 255, 57, 0.11), transparent 52%),
rgba(0, 0, 0, 0.34) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] button[class*="border-destructive"] [class*="bg-destructive"] {
border: 1px solid rgba(84, 255, 57, 0.42);
background: rgba(0, 0, 0, 0.28) !important;
color: #74ff47 !important;
box-shadow:
inset 0 0 14px rgba(84, 255, 57, 0.08),
0 0 14px rgba(84, 255, 57, 0.12);
}
html[data-theme-preview-template="cipher-dark-pro"] input,
html[data-theme-preview-template="cipher-dark-pro"] textarea,
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="select-trigger"],
html[data-theme-preview-template="cipher-dark-pro"] [cmdk-input] {
border-color: rgba(84, 255, 57, 0.22);
border-radius: 0.5rem;
background: rgba(0, 0, 0, 0.56);
color: rgba(240, 250, 244, 0.92);
box-shadow:
inset 0 0 18px rgba(84, 255, 57, 0.045),
0 0 0 1px rgba(0, 0, 0, 0.35);
}
html[data-theme-preview-template="cipher-dark-pro"] input:focus,
html[data-theme-preview-template="cipher-dark-pro"] textarea:focus,
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="select-trigger"]:focus {
border-color: rgba(84, 255, 57, 0.58);
box-shadow:
0 0 0 3px rgba(84, 255, 57, 0.12),
inset 0 0 14px rgba(84, 255, 57, 0.05);
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="table"] thead {
background: rgba(84, 255, 57, 0.055);
color: rgba(220, 244, 232, 0.84);
text-transform: uppercase;
letter-spacing: 0.08em;
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="table"] tbody tr {
border-color: rgba(84, 255, 57, 0.11);
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="table"] tbody tr:hover {
background: rgba(84, 255, 57, 0.06);
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="badge"] {
border-color: rgba(84, 255, 57, 0.24);
border-radius: 0.4rem;
background: rgba(84, 255, 57, 0.08);
color: var(--cipher-green);
letter-spacing: 0.08em;
text-transform: uppercase;
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="tabs-list"] {
border: 1px solid rgba(84, 255, 57, 0.18);
border-radius: 0.65rem;
background: rgba(0, 0, 0, 0.48);
box-shadow: inset 0 0 18px rgba(84, 255, 57, 0.035);
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="tabs-trigger"] {
border-radius: 0.45rem;
color: rgba(210, 228, 218, 0.68);
letter-spacing: 0.05em;
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="tabs-trigger"][data-state="active"] {
color: #041006;
background: linear-gradient(90deg, #54ff39, #76ff4f);
box-shadow: 0 0 18px rgba(84, 255, 57, 0.22);
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="avatar"],
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="avatar-fallback"] {
border: 1px solid rgba(84, 255, 57, 0.58);
background: rgba(84, 255, 57, 0.09) !important;
color: var(--cipher-green) !important;
box-shadow:
inset 0 0 16px rgba(84, 255, 57, 0.08),
0 0 20px rgba(84, 255, 57, 0.14);
}
html[data-theme-preview-template="cipher-dark-pro"] [data-slot="separator"],
html[data-theme-preview-template="cipher-dark-pro"] [class*="divide-"] > :not([hidden]) ~ :not([hidden]) {
border-color: rgba(84, 255, 57, 0.13) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .bg-muted,
html[data-theme-preview-template="cipher-dark-pro"] .bg-muted\/30,
html[data-theme-preview-template="cipher-dark-pro"] .bg-muted\/40,
html[data-theme-preview-template="cipher-dark-pro"] .bg-muted\/50,
html[data-theme-preview-template="cipher-dark-pro"] .bg-muted\/60 {
background-color: rgba(84, 255, 57, 0.065) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .rounded-2xl {
border-radius: 1rem !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .rounded-xl {
border-radius: 0.7rem !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .shadow-xs,
html[data-theme-preview-template="cipher-dark-pro"] .shadow-sm {
box-shadow:
inset 0 0 18px rgba(84, 255, 57, 0.025),
0 20px 38px rgba(0, 0, 0, 0.28) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] ::selection {
color: #031006;
background: #54ff39;
}
html[data-theme-preview-template="cipher-dark-pro"] ::-webkit-scrollbar-thumb {
background: rgba(84, 255, 57, 0.38);
}
html[data-theme-preview-template="cipher-dark-pro"] body[theme-mode],
html[data-theme-preview-template="cipher-dark-pro"] body {
--semi-color-primary: #54ff39;
--semi-color-primary-hover: #74ff47;
--semi-color-primary-active: #3dd62a;
--semi-color-primary-light-default: rgba(84, 255, 57, 0.12);
--semi-color-primary-light-hover: rgba(84, 255, 57, 0.2);
--semi-color-bg-0: rgba(0, 7, 3, 0.86);
--semi-color-bg-1: rgba(0, 10, 4, 0.82);
--semi-color-bg-2: rgba(3, 17, 7, 0.88);
--semi-color-bg-3: rgba(5, 21, 9, 0.9);
--semi-color-nav-bg: rgba(1, 8, 3, 0.94);
--semi-color-border: rgba(84, 255, 57, 0.18);
--semi-color-fill-0: rgba(84, 255, 57, 0.06);
--semi-color-fill-1: rgba(84, 255, 57, 0.1);
--semi-color-fill-2: rgba(84, 255, 57, 0.16);
--semi-color-text-0: rgba(246, 255, 242, 0.96);
--semi-color-text-1: rgba(226, 244, 232, 0.82);
--semi-color-text-2: rgba(190, 216, 199, 0.68);
--semi-color-text-3: rgba(151, 176, 160, 0.52);
--semi-shadow-elevated:
inset 0 0 0 1px rgba(84, 255, 57, 0.18),
0 24px 54px rgba(0, 0, 0, 0.42);
}
html[data-theme-preview-template="cipher-dark-pro"] .app-layout,
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout,
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-content,
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-footer {
background: transparent !important;
color: rgba(238, 248, 242, 0.94);
}
html[data-theme-preview-template="cipher-dark-pro"] .app-layout > .semi-layout-header,
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-header {
border-bottom: 1px solid rgba(84, 255, 57, 0.14) !important;
background:
linear-gradient(90deg, rgba(0, 0, 0, 0.98), rgba(2, 10, 3, 0.94)),
rgba(0, 0, 0, 0.9) !important;
box-shadow:
inset 0 -1px 0 rgba(84, 255, 57, 0.05),
0 18px 42px rgba(0, 0, 0, 0.45);
backdrop-filter: blur(18px);
}
html[data-theme-preview-template="cipher-dark-pro"] .app-sider,
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-sider,
html[data-theme-preview-template="cipher-dark-pro"] .semi-navigation {
border-right: 1px solid rgba(84, 255, 57, 0.16) !important;
background:
linear-gradient(180deg, rgba(84, 255, 57, 0.035), transparent 18rem),
rgba(2, 5, 2, 0.96) !important;
box-shadow:
inset -1px 0 0 rgba(84, 255, 57, 0.05),
18px 0 42px rgba(0, 0, 0, 0.42);
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-navigation-item,
html[data-theme-preview-template="cipher-dark-pro"] .semi-navigation-sub-title {
position: relative;
overflow: hidden;
border: 1px solid transparent;
border-radius: 0.45rem;
color: rgba(226, 236, 230, 0.72) !important;
letter-spacing: 0.03em;
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-navigation-item-selected,
html[data-theme-preview-template="cipher-dark-pro"] .semi-navigation-item:hover,
html[data-theme-preview-template="cipher-dark-pro"] .semi-navigation-sub-title:hover {
border-color: rgba(84, 255, 57, 0.46) !important;
background: linear-gradient(90deg, rgba(84, 255, 57, 0.14), rgba(84, 255, 57, 0.04)) !important;
color: #f7fff5 !important;
box-shadow:
inset 0 0 24px rgba(84, 255, 57, 0.08),
0 0 22px rgba(84, 255, 57, 0.1);
}
html[data-theme-preview-template="cipher-dark-pro"] .sidebar-icon-container,
html[data-theme-preview-template="cipher-dark-pro"] .sidebar-sub-icon-container {
width: 28px !important;
height: 28px !important;
margin-right: 9px !important;
border: 1px solid var(--cipher-icon-frame);
border-radius: 8px;
background:
linear-gradient(135deg, rgba(84, 255, 57, 0.12), rgba(84, 255, 57, 0.02)),
rgba(0, 0, 0, 0.38);
color: rgba(224, 244, 232, 0.78) !important;
box-shadow:
inset 0 0 14px rgba(84, 255, 57, 0.04),
0 0 14px rgba(84, 255, 57, 0.1);
transition:
border-color 180ms ease,
box-shadow 180ms ease,
color 180ms ease,
transform 180ms ease;
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-navigation-item-selected .sidebar-icon-container,
html[data-theme-preview-template="cipher-dark-pro"] .semi-navigation-item:hover .sidebar-icon-container,
html[data-theme-preview-template="cipher-dark-pro"] .semi-navigation-sub-title:hover .sidebar-icon-container {
border-color: rgba(84, 255, 57, 0.5);
background:
linear-gradient(135deg, rgba(84, 255, 57, 0.18), rgba(84, 255, 57, 0.04)),
rgba(0, 0, 0, 0.5);
color: var(--cipher-vector) !important;
box-shadow:
inset 0 0 18px rgba(84, 255, 57, 0.08),
0 0 18px rgba(84, 255, 57, 0.2);
transform: translateY(-1px) scale(1.04);
}
html[data-theme-preview-template="cipher-dark-pro"] .sidebar-icon-container svg,
html[data-theme-preview-template="cipher-dark-pro"] .sidebar-sub-icon-container svg,
html[data-theme-preview-template="cipher-dark-pro"] .sidebar-icon-container svg *,
html[data-theme-preview-template="cipher-dark-pro"] .sidebar-sub-icon-container svg * {
color: currentColor !important;
stroke: currentColor !important;
fill: none !important;
filter: drop-shadow(0 0 7px rgba(84, 255, 57, 0.18));
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-navigation-item-selected .sidebar-icon-container svg,
html[data-theme-preview-template="cipher-dark-pro"] .semi-navigation-item:hover .sidebar-icon-container svg,
html[data-theme-preview-template="cipher-dark-pro"] .semi-navigation-sub-title:hover .sidebar-icon-container svg,
html[data-theme-preview-template="cipher-dark-pro"] .semi-navigation-item-selected .sidebar-icon-container svg *,
html[data-theme-preview-template="cipher-dark-pro"] .semi-navigation-item:hover .sidebar-icon-container svg *,
html[data-theme-preview-template="cipher-dark-pro"] .semi-navigation-sub-title:hover .sidebar-icon-container svg * {
color: var(--cipher-vector) !important;
stroke: var(--cipher-vector) !important;
filter:
drop-shadow(0 0 5px rgba(113, 242, 0, 0.6))
drop-shadow(0 0 12px rgba(84, 255, 57, 0.3));
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-card,
html[data-theme-preview-template="cipher-dark-pro"] .semi-table,
html[data-theme-preview-template="cipher-dark-pro"] .semi-modal-content,
html[data-theme-preview-template="cipher-dark-pro"] .semi-dropdown,
html[data-theme-preview-template="cipher-dark-pro"] .semi-popover-wrapper,
html[data-theme-preview-template="cipher-dark-pro"] .semi-select-option-list,
html[data-theme-preview-template="cipher-dark-pro"] .semi-tabs-bar {
border-color: rgba(84, 255, 57, 0.18) !important;
background:
linear-gradient(145deg, rgba(84, 255, 57, 0.055), transparent 38%),
linear-gradient(180deg, rgba(255, 255, 255, 0.012), transparent),
rgba(0, 7, 3, 0.78) !important;
box-shadow:
inset 0 0 0 1px rgba(255, 255, 255, 0.018),
inset 0 0 34px rgba(84, 255, 57, 0.04),
0 24px 54px rgba(0, 0, 0, 0.34) !important;
backdrop-filter: blur(12px);
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-table-thead > .semi-table-row > .semi-table-row-head,
html[data-theme-preview-template="cipher-dark-pro"] .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
border-color: rgba(84, 255, 57, 0.12) !important;
background: transparent !important;
color: rgba(226, 244, 232, 0.82);
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell {
background: rgba(84, 255, 57, 0.06) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-button,
html[data-theme-preview-template="cipher-dark-pro"] .semi-tag,
html[data-theme-preview-template="cipher-dark-pro"] .semi-input-wrapper,
html[data-theme-preview-template="cipher-dark-pro"] .semi-select,
html[data-theme-preview-template="cipher-dark-pro"] .semi-select-selection,
html[data-theme-preview-template="cipher-dark-pro"] .semi-datepicker,
html[data-theme-preview-template="cipher-dark-pro"] .semi-pagination-item {
border-color: rgba(84, 255, 57, 0.22) !important;
border-radius: 0.5rem !important;
background-color: rgba(0, 0, 0, 0.42) !important;
color: rgba(240, 250, 244, 0.92) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] :is(.semi-button, .semi-tabs-tab, .semi-input-prefix, .semi-input-suffix, .semi-select-arrow, .semi-pagination) :is(.semi-icon, svg) {
color: currentColor !important;
filter: drop-shadow(0 0 6px rgba(84, 255, 57, 0.16));
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-tabs-tab-active :is(.semi-icon, svg),
html[data-theme-preview-template="cipher-dark-pro"] .semi-tabs-tab:hover :is(.semi-icon, svg),
html[data-theme-preview-template="cipher-dark-pro"] .semi-button-primary :is(.semi-icon, svg) {
color: var(--cipher-vector) !important;
filter: drop-shadow(0 0 9px rgba(84, 255, 57, 0.26));
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-button-primary :is(.semi-icon, svg) {
color: #031006 !important;
filter: none;
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-card :is(.semi-avatar-small, .semi-avatar-extra-small) {
border: 1px solid var(--cipher-icon-frame) !important;
border-radius: 8px !important;
background:
linear-gradient(135deg, rgba(84, 255, 57, 0.14), rgba(84, 255, 57, 0.03)),
rgba(0, 0, 0, 0.42) !important;
color: var(--cipher-vector) !important;
box-shadow:
inset 0 0 14px rgba(84, 255, 57, 0.05),
0 0 16px rgba(84, 255, 57, 0.14) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-avatar {
border: 1px solid rgba(84, 255, 57, 0.32) !important;
background:
linear-gradient(135deg, rgba(84, 255, 57, 0.16), rgba(84, 255, 57, 0.035)),
rgba(0, 0, 0, 0.48) !important;
color: #f6fff3 !important;
box-shadow:
inset 0 0 16px rgba(84, 255, 57, 0.08),
0 0 18px rgba(84, 255, 57, 0.16) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-avatar-content {
color: #f6fff3 !important;
font-family: var(--cipher-display-font);
font-weight: 800;
letter-spacing: 0.06em;
text-shadow: 0 0 10px rgba(84, 255, 57, 0.28);
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-card :is(.w-8.h-8, .w-10.h-10, .w-12.h-12).rounded-full {
border: 1px solid var(--cipher-icon-frame) !important;
border-radius: 8px !important;
background:
linear-gradient(135deg, rgba(84, 255, 57, 0.12), rgba(84, 255, 57, 0.025)),
rgba(0, 0, 0, 0.42) !important;
color: rgba(224, 244, 232, 0.82) !important;
box-shadow:
inset 0 0 14px rgba(84, 255, 57, 0.04),
0 0 14px rgba(84, 255, 57, 0.12) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-card :is(.w-8.h-8, .w-10.h-10, .w-12.h-12).rounded-full :is(.semi-icon, svg) {
color: currentColor !important;
filter: drop-shadow(0 0 7px rgba(84, 255, 57, 0.16));
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-card :is(.semi-card-header, .semi-card-body) > :first-child :is(.semi-icon, svg):not([class*="lobehub"]) {
filter: drop-shadow(0 0 7px rgba(84, 255, 57, 0.16));
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-button-primary,
html[data-theme-preview-template="cipher-dark-pro"] .semi-button-light.semi-button-primary {
border-color: rgba(84, 255, 57, 0.58) !important;
background: linear-gradient(90deg, #54ff39, #74ff47) !important;
color: #031006 !important;
box-shadow:
0 0 22px rgba(84, 255, 57, 0.28),
inset 0 0 14px rgba(255, 255, 255, 0.16);
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-typography,
html[data-theme-preview-template="cipher-dark-pro"] .semi-card-header-title,
html[data-theme-preview-template="cipher-dark-pro"] .semi-form-field-label {
color: rgba(246, 255, 242, 0.94) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-typography-tertiary,
html[data-theme-preview-template="cipher-dark-pro"] .semi-card-header-meta,
html[data-theme-preview-template="cipher-dark-pro"] .semi-form-field-extra {
color: rgba(190, 216, 199, 0.68) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .bg-white,
html[data-theme-preview-template="cipher-dark-pro"] .bg-gray-50,
html[data-theme-preview-template="cipher-dark-pro"] .bg-gray-100,
html[data-theme-preview-template="cipher-dark-pro"] .bg-slate-50,
html[data-theme-preview-template="cipher-dark-pro"] .bg-slate-100,
html[data-theme-preview-template="cipher-dark-pro"] .bg-zinc-50,
html[data-theme-preview-template="cipher-dark-pro"] .bg-zinc-100,
html[data-theme-preview-template="cipher-dark-pro"] .bg-blue-50,
html[data-theme-preview-template="cipher-dark-pro"] .bg-blue-100,
html[data-theme-preview-template="cipher-dark-pro"] .dark\:bg-blue-900,
html[data-theme-preview-template="cipher-dark-pro"] .dark\:bg-zinc-900,
html[data-theme-preview-template="cipher-dark-pro"] .dark\:bg-gray-700 {
background:
linear-gradient(145deg, rgba(84, 255, 57, 0.06), transparent 42%),
rgba(0, 8, 3, 0.78) !important;
color: rgba(238, 248, 242, 0.94) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] main > .relative.overflow-hidden.bg-gray-100.flex.items-center.justify-center {
background: transparent !important;
color: inherit !important;
}
html[data-theme-preview-template="cipher-dark-pro"] main > .relative.overflow-hidden.bg-gray-100.flex.items-center.justify-center > .blur-ball {
display: none !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .bg-blue-500,
html[data-theme-preview-template="cipher-dark-pro"] .bg-blue-600,
html[data-theme-preview-template="cipher-dark-pro"] .hover\:bg-blue-500:hover,
html[data-theme-preview-template="cipher-dark-pro"] .hover\:bg-blue-600:hover,
html[data-theme-preview-template="cipher-dark-pro"] .hover\:bg-blue-700:hover,
html[data-theme-preview-template="cipher-dark-pro"] .hover\:bg-blue-50:hover {
background: linear-gradient(90deg, #54ff39, #74ff47) !important;
color: #031006 !important;
box-shadow:
0 0 22px rgba(84, 255, 57, 0.28),
inset 0 0 14px rgba(255, 255, 255, 0.16) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .text-gray-400,
html[data-theme-preview-template="cipher-dark-pro"] .text-gray-500,
html[data-theme-preview-template="cipher-dark-pro"] .text-gray-600,
html[data-theme-preview-template="cipher-dark-pro"] .text-gray-700,
html[data-theme-preview-template="cipher-dark-pro"] .text-gray-800,
html[data-theme-preview-template="cipher-dark-pro"] .text-gray-900,
html[data-theme-preview-template="cipher-dark-pro"] .text-slate-400,
html[data-theme-preview-template="cipher-dark-pro"] .text-slate-500,
html[data-theme-preview-template="cipher-dark-pro"] .text-slate-600,
html[data-theme-preview-template="cipher-dark-pro"] .text-zinc-400,
html[data-theme-preview-template="cipher-dark-pro"] .text-zinc-500,
html[data-theme-preview-template="cipher-dark-pro"] .text-zinc-600 {
color: rgba(205, 225, 214, 0.76) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .border-gray-100,
html[data-theme-preview-template="cipher-dark-pro"] .border-gray-200,
html[data-theme-preview-template="cipher-dark-pro"] .border-gray-300,
html[data-theme-preview-template="cipher-dark-pro"] .border-slate-200,
html[data-theme-preview-template="cipher-dark-pro"] .border-zinc-200,
html[data-theme-preview-template="cipher-dark-pro"] .border-blue-300,
html[data-theme-preview-template="cipher-dark-pro"] .border-blue-500,
html[data-theme-preview-template="cipher-dark-pro"] .dark\:border-gray-700 {
border-color: rgba(84, 255, 57, 0.2) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] [style*="cover-4.webp"] {
background-image:
linear-gradient(118deg, rgba(84, 255, 57, 0.2), rgba(0, 8, 3, 0.84) 46%, rgba(0, 0, 0, 0.96)),
repeating-linear-gradient(90deg, rgba(84, 255, 57, 0.16) 0 1px, transparent 1px 44px) !important;
background-color: rgba(0, 7, 3, 0.94) !important;
border-bottom: 1px solid rgba(84, 255, 57, 0.2);
}
html[data-theme-preview-template="cipher-dark-pro"] .pricing-layout,
html[data-theme-preview-template="cipher-dark-pro"] .pricing-content,
html[data-theme-preview-template="cipher-dark-pro"] .pricing-scroll-hide,
html[data-theme-preview-template="cipher-dark-pro"] .pricing-view-container,
html[data-theme-preview-template="cipher-dark-pro"] .pricing-view-container-mobile,
html[data-theme-preview-template="cipher-dark-pro"] .pricing-content-mobile {
background: transparent !important;
color: rgba(238, 248, 242, 0.94);
}
html[data-theme-preview-template="cipher-dark-pro"] .pricing-search-header {
border: 1px solid rgba(84, 255, 57, 0.18);
border-radius: 0.75rem;
overflow: hidden;
background:
linear-gradient(145deg, rgba(84, 255, 57, 0.055), transparent 38%),
rgba(0, 7, 3, 0.78);
box-shadow:
inset 0 0 0 1px rgba(255, 255, 255, 0.018),
inset 0 0 34px rgba(84, 255, 57, 0.04),
0 24px 54px rgba(0, 0, 0, 0.34);
}
html[data-theme-preview-template="cipher-dark-pro"] .pricing-search-header > *,
html[data-theme-preview-template="cipher-dark-pro"] .pricing-view-container > *,
html[data-theme-preview-template="cipher-dark-pro"] .pricing-view-container-mobile > * {
position: relative;
z-index: 1;
}
html[data-theme-preview-template="cipher-dark-pro"] .pricing-sidebar {
border-right: 1px solid rgba(84, 255, 57, 0.18) !important;
background:
linear-gradient(180deg, rgba(84, 255, 57, 0.06), transparent 22rem),
rgba(0, 5, 2, 0.96) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .pricing-sidebar button,
html[data-theme-preview-template="cipher-dark-pro"] .pricing-sidebar [role="button"] {
border-color: rgba(84, 255, 57, 0.2) !important;
background-color: rgba(0, 0, 0, 0.42) !important;
color: rgba(240, 250, 244, 0.9) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .pricing-sidebar button[class*="bg"],
html[data-theme-preview-template="cipher-dark-pro"] .pricing-sidebar [role="button"][class*="bg"] {
background: linear-gradient(90deg, #54ff39, #74ff47) !important;
color: #031006 !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .pricing-sidebar .semi-button-outline.sbg-button,
html[data-theme-preview-template="cipher-dark-pro"] .pricing-sidebar .semi-button-tertiary.sbg-button {
border-color: rgba(84, 255, 57, 0.2) !important;
background:
linear-gradient(90deg, rgba(84, 255, 57, 0.05), transparent),
rgba(0, 0, 0, 0.42) !important;
color: rgba(235, 250, 240, 0.88) !important;
box-shadow: inset 0 0 14px rgba(84, 255, 57, 0.04) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .pricing-sidebar .semi-button-primary.sbg-button {
border-color: rgba(84, 255, 57, 0.58) !important;
background: linear-gradient(90deg, #54ff39, #74ff47) !important;
color: #031006 !important;
box-shadow:
0 0 22px rgba(84, 255, 57, 0.26),
inset 0 0 14px rgba(255, 255, 255, 0.16) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-empty {
width: min(42rem, 92%);
margin-inline: auto;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-empty-image {
position: relative;
display: grid !important;
width: 74px !important;
height: 74px !important;
margin: 0 auto 1rem !important;
place-items: center;
opacity: 1 !important;
filter: none !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-empty-image > img,
html[data-theme-preview-template="cipher-dark-pro"] .semi-empty-image > svg {
display: none !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-empty-image::before {
position: absolute;
inset: 8px;
content: "";
background:
radial-gradient(circle, rgba(84, 255, 57, 0.2), transparent 64%),
linear-gradient(90deg, transparent 48%, rgba(84, 255, 57, 0.18) 49%, rgba(84, 255, 57, 0.18) 51%, transparent 52%),
linear-gradient(0deg, transparent 48%, rgba(84, 255, 57, 0.16) 49%, rgba(84, 255, 57, 0.16) 51%, transparent 52%);
border-radius: 999px;
opacity: 0.72;
filter: blur(0.2px);
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-empty-image::after {
position: absolute;
width: 54px;
height: 54px;
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='54' viewBox='0 0 24 24' fill='none' stroke='%2354ff39' stroke-width='1.55' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M4 8.5h16'/%3E%3Cpath d='M6.5 5h11L20 8.5v9.5H4V8.5L6.5 5Z'/%3E%3Cpath d='M8 12h3l1 2h4'/%3E%3Cpath d='M7 18h10'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.96;
filter:
drop-shadow(0 0 4px rgba(84, 255, 57, 0.66))
drop-shadow(0 0 14px rgba(84, 255, 57, 0.24));
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-empty-description {
color: rgba(235, 250, 240, 0.86) !important;
letter-spacing: 0.03em;
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-banner,
html[data-theme-preview-template="cipher-dark-pro"] .semi-alert {
border-color: rgba(84, 255, 57, 0.22) !important;
background:
linear-gradient(90deg, rgba(84, 255, 57, 0.08), transparent),
rgba(0, 8, 3, 0.82) !important;
color: rgba(238, 248, 242, 0.94) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-toast-wrapper,
html[data-theme-preview-template="cipher-dark-pro"] .semi-notification-wrapper {
position: fixed !important;
top: calc(var(--app-header-height) + 18px) !important;
right: 24px !important;
left: auto !important;
z-index: 2147483000 !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-end !important;
gap: 12px !important;
width: min(380px, calc(100vw - 48px)) !important;
height: auto !important;
pointer-events: none;
color: rgba(238, 248, 242, 0.94) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-toast-innerWrapper {
position: static !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-end !important;
gap: 12px !important;
width: 100% !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-toast,
html[data-theme-preview-template="cipher-dark-pro"] .semi-notification-notice {
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
display: block !important;
width: fit-content !important;
max-width: 100% !important;
min-height: 0;
overflow: hidden;
padding: 0 !important;
border: 1px solid rgba(84, 255, 57, 0.24) !important;
border-radius: 8px !important;
background:
linear-gradient(135deg, rgba(84, 255, 57, 0.1), rgba(84, 255, 57, 0.025)),
rgba(0, 8, 3, 0.92) !important;
color: rgba(238, 248, 242, 0.94) !important;
box-shadow:
inset 0 0 18px rgba(84, 255, 57, 0.05),
0 18px 42px rgba(0, 0, 0, 0.42),
0 0 18px rgba(84, 255, 57, 0.14) !important;
pointer-events: auto;
backdrop-filter: blur(12px);
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-toast:not(:last-child),
html[data-theme-preview-template="cipher-dark-pro"] .semi-notification-notice:not(:last-child) {
margin-bottom: 0 !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-toast-content,
html[data-theme-preview-template="cipher-dark-pro"] .semi-notification-notice-content {
display: flex !important;
align-items: center !important;
gap: 12px !important;
width: auto !important;
max-width: 100% !important;
min-height: 52px;
margin: 0 !important;
padding: 12px 14px !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-toast-icon,
html[data-theme-preview-template="cipher-dark-pro"] .semi-notification-notice-icon {
flex: 0 0 auto;
margin: 0 !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-toast-content-text,
html[data-theme-preview-template="cipher-dark-pro"] .semi-notification-notice-content,
html[data-theme-preview-template="cipher-dark-pro"] .semi-notification-notice-title {
flex: 1 1 auto;
min-width: 0;
max-width: 280px !important;
white-space: normal !important;
overflow-wrap: anywhere;
line-height: 1.45 !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-toast-close,
html[data-theme-preview-template="cipher-dark-pro"] .semi-toast-close-button,
html[data-theme-preview-template="cipher-dark-pro"] .semi-notification-notice-close {
flex: 0 0 auto;
align-self: center;
color: var(--cipher-vector) !important;
margin: 0 0 0 4px !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-toast-close-button :is(.semi-button, .semi-icon, svg, svg *) {
color: var(--cipher-vector) !important;
stroke: var(--cipher-vector) !important;
fill: var(--cipher-vector) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] :is(.semi-toast, .semi-notification-notice, .semi-alert, .semi-banner) :is(.semi-icon, svg) {
color: var(--cipher-vector) !important;
fill: currentColor !important;
stroke: currentColor !important;
filter:
drop-shadow(0 0 5px rgba(113, 242, 0, 0.52))
drop-shadow(0 0 10px rgba(84, 255, 57, 0.24));
}
html[data-theme-preview-template="cipher-dark-pro"] :is(.semi-toast, .semi-notification-notice, .semi-alert, .semi-banner) :is(.semi-toast-icon-error, .semi-notification-notice-icon-error, .semi-alert-icon-error, .semi-banner-icon-error),
html[data-theme-preview-template="cipher-dark-pro"] :is(.semi-toast, .semi-notification-notice, .semi-alert, .semi-banner) :is(.semi-toast-icon-error, .semi-notification-notice-icon-error, .semi-alert-icon-error, .semi-banner-icon-error) :is(.semi-icon, svg, svg *) {
color: var(--cipher-danger) !important;
fill: currentColor !important;
stroke: currentColor !important;
filter:
drop-shadow(0 0 5px var(--cipher-danger-glow))
drop-shadow(0 0 10px rgba(255, 77, 94, 0.22));
}
html[data-theme-preview-template="cipher-dark-pro"] :is(.semi-toast, .semi-notification-notice, .semi-alert, .semi-banner) :is(.semi-toast-icon-warning, .semi-toast-icon-warn, .semi-notification-notice-icon-warning, .semi-notification-notice-icon-warn, .semi-alert-icon-warning, .semi-alert-icon-warn, .semi-banner-icon-warning, .semi-banner-icon-warn),
html[data-theme-preview-template="cipher-dark-pro"] :is(.semi-toast, .semi-notification-notice, .semi-alert, .semi-banner) :is(.semi-toast-icon-warning, .semi-toast-icon-warn, .semi-notification-notice-icon-warning, .semi-notification-notice-icon-warn, .semi-alert-icon-warning, .semi-alert-icon-warn, .semi-banner-icon-warning, .semi-banner-icon-warn) :is(.semi-icon, svg, svg *) {
color: var(--cipher-warning) !important;
fill: currentColor !important;
stroke: currentColor !important;
filter:
drop-shadow(0 0 5px var(--cipher-warning-glow))
drop-shadow(0 0 10px rgba(255, 209, 102, 0.2));
}
html[data-theme-preview-template="cipher-dark-pro"] :is(.semi-toast, .semi-notification-notice) :is(.semi-toast-content, .semi-notification-notice-content, .semi-notification-notice-title) {
color: rgba(238, 248, 242, 0.94) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .theme-manager-bridge-mark,
html[data-theme-preview-template="cipher-dark-pro"] .theme-manager-bridge-tab :is(svg, svg *) {
color: var(--cipher-vector) !important;
stroke: var(--cipher-vector) !important;
fill: none !important;
filter:
drop-shadow(0 0 5px rgba(113, 242, 0, 0.48))
drop-shadow(0 0 12px rgba(84, 255, 57, 0.22));
}
html[data-theme-preview-template="cipher-dark-pro"] .theme-manager-bridge-tab {
font-size: 0.75rem !important;
line-height: 1.35;
letter-spacing: 0.095em;
}
html[data-theme-preview-template="cipher-dark-pro"] .theme-manager-bridge-tabs .semi-tabs-tab,
html[data-theme-preview-template="cipher-dark-pro"] .theme-manager-bridge-tabs .semi-tabs-tab span {
font-size: 0.75rem !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .theme-manager-bridge-tabs .semi-tabs-tab-active .theme-manager-bridge-tab :is(svg, svg *),
html[data-theme-preview-template="cipher-dark-pro"] .theme-manager-bridge-tab:hover :is(svg, svg *) {
color: var(--cipher-green) !important;
stroke: var(--cipher-green) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-switch-checked {
background: linear-gradient(90deg, #54ff39, #74ff47) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-radio-inner-display {
border-color: rgba(84, 255, 57, 0.42) !important;
background-color: rgba(0, 0, 0, 0.42) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-radio-checked .semi-radio-inner-display {
border-color: #54ff39 !important;
background-color: #54ff39 !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-input,
html[data-theme-preview-template="cipher-dark-pro"] .semi-input-textarea,
html[data-theme-preview-template="cipher-dark-pro"] .semi-select-selection-text,
html[data-theme-preview-template="cipher-dark-pro"] .semi-select-selection-placeholder,
html[data-theme-preview-template="cipher-dark-pro"] .semi-datepicker-input {
color: rgba(240, 250, 244, 0.92) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-table-placeholder,
html[data-theme-preview-template="cipher-dark-pro"] .semi-table-empty,
html[data-theme-preview-template="cipher-dark-pro"] .semi-spin-children {
color: rgba(205, 225, 214, 0.76) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] {
--cipher-page-x: clamp(44px, 4.6vw, 74px);
--cipher-header-max-width: 1370px;
--cipher-header-width: min(var(--cipher-header-max-width), calc(100% - (var(--cipher-page-x) * 2)));
--cipher-display-font:
Orbitron,
"Bahnschrift SemiCondensed",
"Arial Narrow",
"Microsoft YaHei",
sans-serif;
--cipher-mark-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 36' fill='none'%3E%3Cpath d='M20 22.3077L16 25.3077L9.14151 21.3898V14.7033L15.2547 11.36L20 13.8077L25.5 9.30774L14.7453 1.80774L1.5 10.4048V26.1659L15.2547 33.8077L27 27.3077' stroke='%2371f200' stroke-width='3' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E");
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-header > header {
background: transparent !important;
width: 100%;
margin-left: 0;
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-header > header.app-header-console {
width: calc(100% - var(--sidebar-current-width, 0px)) !important;
margin-left: var(--sidebar-current-width, 0px) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .app-header > .app-header-inner,
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-header > header > .w-full {
width: var(--cipher-header-width) !important;
margin-inline: auto !important;
padding-inline: 0 !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-header > header.app-header-console > .app-header-inner {
width: 100% !important;
margin-inline: 0 !important;
padding-inline: var(--cipher-page-x) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .app-header > .app-header-inner > .app-header-row,
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-header > header > .w-full > .flex {
display: grid !important;
grid-template-columns: minmax(130px, 1fr) minmax(0, auto) minmax(130px, 1fr);
align-items: center;
gap: 20px;
height: 64px !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .app-header-brand,
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-header > header > .w-full > .flex > :first-child {
justify-self: start;
min-width: 0;
}
html[data-theme-preview-template="cipher-dark-pro"] .app-header-brand a.group {
flex: 0 1 auto;
min-width: 0;
}
html[data-theme-preview-template="cipher-dark-pro"] .app-header-actions,
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-header > header > .w-full > .flex > :last-child {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: flex-end;
justify-self: end;
min-width: max-content;
}
html[data-theme-preview-template="cipher-dark-pro"] .app-header-nav,
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-header > header > .w-full > .flex > nav {
flex: initial !important;
justify-self: center;
gap: clamp(16px, 3.2vw, 68px) !important;
min-width: 0;
margin-inline: 0 !important;
max-width: 100%;
overflow-x: auto !important;
overflow-y: hidden !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-header > header > .w-full > .flex > nav a,
html[data-theme-preview-template="cipher-dark-pro"] header > div > .ms-auto nav.hidden a {
position: relative;
border-radius: 0 !important;
padding: 9px 0 !important;
color: rgba(220, 230, 226, 0.84) !important;
font-family: var(--cipher-display-font);
font-size: 0.75rem !important;
font-weight: 700 !important;
letter-spacing: 0.095em;
text-transform: uppercase;
text-shadow: none;
transition:
color 160ms ease,
text-shadow 160ms ease;
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-header > header > .w-full > .flex > nav a:hover,
html[data-theme-preview-template="cipher-dark-pro"] header > div > .ms-auto nav.hidden a:hover {
color: var(--cipher-green) !important;
background: transparent !important;
text-shadow: 0 0 12px rgba(84, 255, 57, 0.72);
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-header > header > .w-full > .flex > nav a[data-active="true"],
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-header > header > .w-full > .flex > nav a.header-nav-link-active,
html[data-theme-preview-template="cipher-dark-pro"] header > div > .ms-auto nav.hidden a[data-active="true"],
html[data-theme-preview-template="cipher-dark-pro"] header > div > .ms-auto nav.hidden a.header-nav-link-active {
color: var(--cipher-green) !important;
background: transparent !important;
text-shadow:
0 0 10px rgba(84, 255, 57, 0.72),
0 0 22px rgba(84, 255, 57, 0.2);
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-header > header > .w-full > .flex > nav a::after,
html[data-theme-preview-template="cipher-dark-pro"] header > div > .ms-auto nav.hidden a::after {
position: absolute;
right: 0;
bottom: -7px;
left: 0;
height: 2px;
background: var(--cipher-green);
box-shadow: 0 0 18px var(--cipher-green);
content: "";
opacity: 0;
transform: scaleX(0.54);
transition:
opacity 160ms ease,
transform 160ms ease;
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-header > header > .w-full > .flex > nav a:hover::after,
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-header > header > .w-full > .flex > nav a[data-active="true"]::after,
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-header > header > .w-full > .flex > nav a.header-nav-link-active::after,
html[data-theme-preview-template="cipher-dark-pro"] header > div > .ms-auto nav.hidden a:hover::after,
html[data-theme-preview-template="cipher-dark-pro"] header > div > .ms-auto nav.hidden a[data-active="true"]::after,
html[data-theme-preview-template="cipher-dark-pro"] header > div > .ms-auto nav.hidden a.header-nav-link-active::after {
opacity: 1;
transform: scaleX(1);
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-header a.group {
gap: 12px !important;
min-width: 0;
max-width: 100%;
color: #f6fff3 !important;
font-family: var(--cipher-display-font);
letter-spacing: 0.15em;
text-transform: uppercase;
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-header a.group > div:first-child {
position: relative;
width: 38px !important;
height: 44px !important;
overflow: visible !important;
border-radius: 0 !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-header a.group > div:first-child img,
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-header a.group > div:first-child .semi-skeleton {
opacity: 0 !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-header a.group > div:first-child::before {
position: absolute;
inset: 0;
background: var(--cipher-mark-svg) center / contain no-repeat;
content: "";
filter:
drop-shadow(0 0 3px rgba(113, 242, 0, 0.86))
drop-shadow(0 0 11px rgba(113, 242, 0, 0.36));
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-header a.group :is(.semi-typography, h1, h2, h3, h4) {
max-width: min(220px, 22vw);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #f6fff3 !important;
font-family: var(--cipher-display-font) !important;
font-size: clamp(0.72rem, 0.74vw, 0.82rem) !important;
font-weight: 700 !important;
letter-spacing: 0.15em !important;
line-height: 1 !important;
text-transform: uppercase;
text-shadow: 0 0 12px rgba(84, 255, 57, 0.2);
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-header .semi-button,
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-header button {
border-color: rgba(84, 255, 57, 0.22) !important;
background-color: rgba(0, 0, 0, 0.32) !important;
color: rgba(239, 249, 242, 0.88) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-header a[href="/register"] .semi-button,
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-header a[href="/register"] .semi-button span,
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-header .semi-button-primary,
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-header .semi-button-primary span {
color: #031006 !important;
}
html[data-theme-preview-template="cipher-dark-pro"] main .semi-card a[href="/register"].text-blue-600,
html[data-theme-preview-template="cipher-dark-pro"] main .semi-card a[href="/register"].text-blue-600:hover {
color: var(--cipher-green) !important;
text-shadow: 0 0 10px rgba(84, 255, 57, 0.38);
}
html[data-theme-preview-template="cipher-dark-pro"] header > div {
position: relative;
width: var(--cipher-header-width);
margin-inline: auto;
padding-inline: 0 !important;
}
html[data-theme-preview-template="cipher-dark-pro"] header [data-slot="sidebar-trigger"] {
order: 0;
border-color: rgba(84, 255, 57, 0.2) !important;
background-color: rgba(0, 0, 0, 0.32) !important;
color: rgba(239, 249, 242, 0.82) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] header > div > a:first-of-type {
order: -1;
height: 44px !important;
gap: 12px !important;
border-radius: 0 !important;
padding-inline: 0 !important;
color: #f6fff3 !important;
font-family: var(--cipher-display-font);
font-size: clamp(0.72rem, 0.74vw, 0.82rem) !important;
font-weight: 700;
letter-spacing: 0.15em;
text-transform: uppercase;
}
html[data-theme-preview-template="cipher-dark-pro"] header > div > a:first-of-type:hover {
background: transparent !important;
}
html[data-theme-preview-template="cipher-dark-pro"] header > div > a:first-of-type > div:first-child {
position: relative;
width: 38px !important;
height: 44px !important;
overflow: visible !important;
border-radius: 0 !important;
}
html[data-theme-preview-template="cipher-dark-pro"] header > div > a:first-of-type > div:first-child img,
html[data-theme-preview-template="cipher-dark-pro"] header > div > a:first-of-type > div:first-child .semi-skeleton {
opacity: 0 !important;
}
html[data-theme-preview-template="cipher-dark-pro"] header > div > a:first-of-type > div:first-child::before {
position: absolute;
inset: 0;
background: var(--cipher-mark-svg) center / contain no-repeat;
content: "";
filter:
drop-shadow(0 0 3px rgba(113, 242, 0, 0.86))
drop-shadow(0 0 11px rgba(113, 242, 0, 0.36));
}
html[data-theme-preview-template="cipher-dark-pro"] header > div > a:first-of-type svg {
width: 38px !important;
height: 44px !important;
color: var(--cipher-vector) !important;
filter:
drop-shadow(0 0 3px rgba(113, 242, 0, 0.86))
drop-shadow(0 0 11px rgba(113, 242, 0, 0.36));
}
html[data-theme-preview-template="cipher-dark-pro"] main .w-full.max-w-md > .flex.items-center.justify-center.mb-6.gap-2 {
gap: 12px !important;
margin-bottom: 28px !important;
}
html[data-theme-preview-template="cipher-dark-pro"] main .w-full.max-w-md > .flex.items-center.justify-center.mb-6.gap-2 img[alt="Logo"] {
width: 34px !important;
height: 40px !important;
border-radius: 0 !important;
content: var(--cipher-mark-svg);
filter:
drop-shadow(0 0 3px rgba(113, 242, 0, 0.82))
drop-shadow(0 0 12px rgba(113, 242, 0, 0.34));
}
html[data-theme-preview-template="cipher-dark-pro"] main .w-full.max-w-md > .flex.items-center.justify-center.mb-6.gap-2 :is(.semi-typography, h1, h2, h3, h4) {
color: #f6fff3 !important;
font-family: var(--cipher-display-font) !important;
font-size: clamp(1.25rem, 2.1vw, 1.65rem) !important;
font-weight: 800 !important;
letter-spacing: 0.06em !important;
line-height: 1 !important;
text-shadow: 0 0 16px rgba(84, 255, 57, 0.24);
}
@media (min-width: 1024px) {
html[data-theme-preview-template="cipher-dark-pro"] header > div > .ms-auto nav.hidden {
position: absolute;
top: 50%;
left: 50%;
display: flex !important;
gap: clamp(36px, 3.7vw, 68px) !important;
margin: 0 !important;
transform: translate(-50%, -50%);
}
html[data-theme-preview-template="cipher-dark-pro"] header > div > .ms-auto nav.hidden > :not([hidden]) ~ :not([hidden]) {
margin-inline-start: 0 !important;
margin-inline-end: 0 !important;
}
}
@media (max-width: 1023px) {
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-header > header.app-header-console {
width: 100% !important;
margin-left: 0 !important;
}
html[data-theme-preview-template="cipher-dark-pro"] header > div,
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-header > header > .w-full {
width: min(100% - 36px, 760px) !important;
}
html[data-theme-preview-template="cipher-dark-pro"] .app-header > .app-header-inner > .app-header-row,
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-header > header > .w-full > .flex {
display: flex !important;
gap: 12px;
}
html[data-theme-preview-template="cipher-dark-pro"] .app-header-nav,
html[data-theme-preview-template="cipher-dark-pro"] .semi-layout-header > header > .w-full > .flex > nav {
gap: 12px !important;
overflow-x: auto !important;
}
}