霓虹控制台 近黑色控制台表面，搭配青色焦点线和品红色警报提示。


/*
* Rainsee theme: Neon Console
* Near-black console surfaces with cyan focus lines and magenta alerts.
*/

:scope[data-rainsee-area='topbar'],
:scope[data-rainsee-area='sidebar'] {
--rs-bg: #080b0d;
--rs-panel: #10161a;
--rs-panel-2: #151e23;
--rs-text: #d9fbff;
--rs-muted: #9bcbd1;
--rs-line: #2b4a52;
--rs-cyan: #20e3f0;
--rs-cyan-soft: rgba(32, 227, 240, 0.12);
--rs-magenta: #ff4fb8;
color: var(--rs-text) !important;
background-color: var(--rs-bg) !important;
color-scheme: dark;
}

[data-rainsee-part='titlebar'],
[data-rainsee-part='toolbar'],
[data-rainsee-part='bookmark-bar'],
[data-rainsee-part='sidebar-header'] {
color: var(--rs-text) !important;
background-color: var(--rs-bg) !important;
border-color: var(--rs-line) !important;
}

[data-rainsee-part='toolbar'],
[data-rainsee-part='bookmark-bar'] {
box-shadow: inset 0 -1px 0 rgba(32, 227, 240, 0.08);
}

[data-rainsee-part='address-bar'] {
color: var(--rs-text) !important;
background-color: #050708 !important;
border: 1px solid #24505a !important;
border-radius: 0 !important;
box-shadow: none !important;
}

[data-rainsee-part='address-bar']:focus-within {
border-color: var(--rs-cyan) !important;
box-shadow: inset 3px 0 0 var(--rs-magenta) !important;
}

[data-rainsee-part='address-input'] {
caret-color: var(--rs-magenta);
font-family: Consolas, 'Courier New', monospace;
}

[data-rainsee-part='toolbar-button']:not([data-rainsee-action='new-tab-search']):not([data-rainsee-action='ai']):not([data-rainsee-action='update']) {
color: var(--rs-muted) !important;
border: 1px solid transparent;
border-radius: 0 !important;
}

[data-rainsee-part='toolbar-button']:not([data-rainsee-action='new-tab-search']):not([data-rainsee-action='ai']):not([data-rainsee-action='update']):hover {
color: var(--rs-cyan) !important;
background-color: var(--rs-cyan-soft) !important;
border-color: #27616b;
}

[data-rainsee-part='toolbar-button']:not([data-rainsee-action='new-tab-search']):not([data-rainsee-action='ai']):not([data-rainsee-action='update']):active {
color: #071012 !important;
background-color: var(--rs-cyan) !important;
}

[data-rainsee-part='button-icon'] {
filter: brightness(0) saturate(100%) invert(89%) sepia(36%) saturate(730%)
hue-rotate(130deg) brightness(98%) contrast(94%) !important;
opacity: 0.72 !important;
}

[data-rainsee-part='button-badge'] {
color: #17000e !important;
background-color: var(--rs-magenta) !important;
border-radius: 0 !important;
font-family: Consolas, 'Courier New', monospace;
font-weight: 800;
}

[data-rainsee-part='tab-surface'] {
color: var(--rs-muted) !important;
background-color: transparent !important;
border: 1px solid transparent !important;
border-radius: 0 !important;
box-shadow: none !important;
}

[data-rainsee-part='tab']:hover [data-rainsee-part='tab-surface'] {
color: var(--rs-text) !important;
background-color: var(--rs-panel) !important;
border-color: #294149 !important;
}

[data-rainsee-part='tab'][data-rainsee-selected='true']
[data-rainsee-part='tab-surface'] {
color: var(--rs-cyan) !important;
background-color: var(--rs-panel-2) !important;
border-color: var(--rs-cyan) !important;
box-shadow: inset 3px 0 0 var(--rs-magenta), 0 0 8px rgba(32, 227, 240, 0.12) !important;
}

[data-rainsee-part='tab-title'] {
color: inherit !important;
font-family: Consolas, 'Courier New', monospace;
}

[data-rainsee-part='tab'][data-rainsee-pinned='true']
[data-rainsee-part='tab-surface'] {
border-top-color: var(--rs-magenta) !important;
}

[data-rainsee-part='tab-close'],
[data-rainsee-action='close-tab'] {
border-radius: 0 !important;
}

[data-rainsee-part='bookmark-item'] {
color: var(--rs-muted) !important;
border-radius: 0 !important;
font-family: Consolas, 'Courier New', monospace;
}

[data-rainsee-part='bookmark-item']:hover {
color: var(--rs-cyan) !important;
background-color: var(--rs-cyan-soft) !important;
}

:scope[data-rainsee-area='sidebar'] {
border-color: var(--rs-cyan) !important;
box-shadow: inset -1px 0 0 rgba(32, 227, 240, 0.25);
}

[data-rainsee-part='sidebar-brand-title'] {
color: var(--rs-text) !important;
text-shadow: 0 0 7px rgba(32, 227, 240, 0.22);
}

[data-rainsee-part='sidebar-new-tab'] {
color: #001316 !important;
background: var(--rs-cyan) !important;
border: 1px solid #a2f8ff;
border-radius: 0 !important;
box-shadow: 4px 4px 0 rgba(255, 79, 184, 0.55) !important;
font-family: Consolas, 'Courier New', monospace;
text-transform: uppercase;
}

[data-rainsee-part='sidebar-tab'] {
color: var(--rs-muted) !important;
border: 1px solid transparent !important;
border-radius: 0 !important;
}

[data-rainsee-part='sidebar-tab']:hover {
color: var(--rs-text) !important;
background-color: var(--rs-panel) !important;
border-color: #294149 !important;
}

[data-rainsee-part='sidebar-tab'][data-rainsee-selected='true'] {
color: var(--rs-cyan) !important;
background-color: var(--rs-panel-2) !important;
border-color: var(--rs-cyan) !important;
box-shadow: inset 3px 0 0 var(--rs-magenta) !important;
}

[data-rainsee-part='sidebar-tab-title'],
[data-rainsee-part='sidebar-group-title'] {
color: inherit !important;
font-family: Consolas, 'Courier New', monospace;
}

[data-rainsee-part='sidebar-group-section'] {
color: var(--rs-text) !important;
background-color: #0d1215 !important;
border-color: #28525c !important;
box-shadow: inset 0 0 0 1px rgba(32, 227, 240, 0.035) !important;
}

[data-rainsee-part='sidebar-group'] {
color: var(--rs-magenta) !important;
background-color: transparent !important;
border-radius: 0 !important;
text-transform: uppercase;
}

[data-rainsee-part='sidebar-group'][data-rainsee-pinned='true'] {
background-color: rgba(255, 79, 184, 0.11) !important;
}

[data-rainsee-part='sidebar-group']:hover {
background-color: rgba(255, 79, 184, 0.16) !important;
}

[data-rainsee-part='sidebar-group-title-input'] {
color: var(--rs-text) !important;
background-color: #111b20 !important;
border: 1px solid var(--rs-cyan) !important;
}

[data-rainsee-part='sidebar-group-count'] {
color: var(--rs-cyan) !important;
background-color: #142329 !important;
border: 1px solid #28525c;
}

[data-rainsee-part='sidebar-group-pin'],
[data-rainsee-part='sidebar-group-chevron'] {
color: var(--rs-magenta) !important;
}

[data-rainsee-part='tab-close'],
[data-rainsee-part='tab-audio'],
[data-rainsee-action='close-tab'] {
filter: invert(1) brightness(1.45) !important;
}

[data-rainsee-action='window-minimize']:hover,
[data-rainsee-action='window-maximize']:hover {
color: #001316 !important;
background-color: var(--rs-cyan) !important;
}

[data-rainsee-action='window-close']:hover {
color: #17000e !important;
background-color: var(--rs-magenta) !important;
}