紧凑控制台



/*
* Rainsee theme: Compact Cyan
* Dense classic desktop-browser chrome with restrained cyan selection states.
*/

:scope[data-rainsee-area='topbar'],
:scope[data-rainsee-area='sidebar'] {
--rs-bg: #e8ecec;
--rs-panel: #f7f8f7;
--rs-panel-2: #dce3e3;
--rs-text: #20282b;
--rs-muted: #586569;
--rs-line: #b1bdbd;
--rs-dark-line: #879899;
--rs-accent: #087d98;
--rs-accent-strong: #05677e;
--rs-accent-soft: #c8e7ec;
--rs-danger: #c63e35;
color: var(--rs-text) !important;
background-color: var(--rs-bg) !important;
color-scheme: light;
}

[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-panel) !important;
border-color: var(--rs-line) !important;
}

/* The frame defaults are intentionally spacious. This theme gives every
chrome row an explicit compact metric so the saved vertical space is real. */
[data-rainsee-part='titlebar'] {
height: 42px !important;
min-height: 42px !important;
padding: 0 2px !important;
}

/* Collapse the left product group to its logo. The brand container clips the
name block while retaining the existing interactive logo and drag behavior. */
[data-rainsee-part='brand'] {
width: 40px !important;
min-width: 40px !important;
max-width: 40px !important;
height: 42px !important;
padding: 0 4px !important;
overflow: hidden !important;
}

[data-rainsee-part='tab-bar'] {
height: 42px !important;
min-height: 42px !important;
background-color: var(--rs-panel-2) !important;
border-bottom: 1px solid var(--rs-dark-line) !important;
gap: 1px !important;
padding-inline: 2px !important;
}

[data-rainsee-part='tab-surface'] {
color: var(--rs-muted) !important;
background-color: #d7dddd !important;
border: 1px solid transparent !important;
border-radius: 3px 3px 0 0 !important;
box-shadow: none !important;
padding-inline: 7px !important;
min-height: 32px !important;
}

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

[data-rainsee-part='tab'][data-rainsee-selected='true'] [data-rainsee-part='tab-surface'] {
color: #ffffff !important;
background-color: var(--rs-accent) !important;
border-color: var(--rs-accent-strong) !important;
box-shadow: inset 0 2px 0 #48b6c7 !important;
}

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

/* Compact tab-group chip: the outer tab-group keeps layout coordinates while
this public surface controls the visible group card. */
[data-rainsee-part='tab-group'] {
height: 100% !important;
min-width: 0 !important;
}

[data-rainsee-part='tab-group-surface'] {
height: 28px !important;
min-height: 28px !important;
margin: 6px 0 0 !important;
padding: 0 4px !important;
border: 1px solid #9ab5b8 !important;
border-radius: 4px !important;
background: #d8e8e8 !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65) !important;
}

[data-rainsee-part='tab-group-surface']:hover {
background: #c9e1e4 !important;
border-color: #72a9b1 !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;
}

[data-rainsee-part='tab-group'][data-rainsee-selected='true'] [data-rainsee-part='tab-group-surface'] {
color: #123238 !important;
background: #c8e2df !important;
border-color: #73b39d !important;
box-shadow: inset 0 2px 0 #83c9ae, inset 0 0 0 1px rgba(255, 255, 255, 0.38) !important;
}

[data-rainsee-part='tab-group'][data-rainsee-pinned='true'] [data-rainsee-part='tab-group-surface'] {
color: #ffffff !important;
background: var(--rs-accent) !important;
border-color: var(--rs-accent-strong) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

[data-rainsee-part='tab-title'] {
color: inherit !important;
font-size: 13px !important;
font-weight: 600;
}

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

[data-rainsee-part='toolbar'] {
height: 36px !important;
min-height: 36px !important;
gap: 1px !important;
padding-inline: 3px !important;
box-shadow: inset 0 1px 0 #ffffff, inset 0 -1px 0 #c6cece !important;
}

[data-rainsee-part='toolbar-button']:not([data-rainsee-action='new-tab-search']):not([data-rainsee-action='ai']):not([data-rainsee-action='update']) {
color: #344247 !important;
width: 26px !important;
min-width: 26px !important;
height: 26px !important;
min-height: 26px !important;
padding: 2px !important;
background-color: transparent !important;
border: 1px solid transparent !important;
border-radius: 3px !important;
box-shadow: none !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-accent-strong) !important;
background-color: #dceef0 !important;
border-color: #b5d4d9 !important;
}

[data-rainsee-part='toolbar-button']:not([data-rainsee-action='new-tab-search']):not([data-rainsee-action='ai']):not([data-rainsee-action='update']):active {
color: #034e61 !important;
background-color: #bddde3 !important;
border-color: #85b4bd !important;
}

[data-rainsee-part='button-icon'] {
opacity: 1 !important;
}

[data-rainsee-part='button-badge'] {
color: #ffffff !important;
background-color: var(--rs-danger) !important;
border: 1px solid #ffffff !important;
border-radius: 2px !important;
}

[data-rainsee-part='address-bar'] {
height: 26px !important;
min-height: 26px !important;
color: #263337 !important;
background-color: #ffffff !important;
border: 1px solid #aab8b9 !important;
border-radius: 3px !important;
box-shadow: inset 0 1px 1px rgba(31, 52, 56, 0.07) !important;
}

[data-rainsee-part='address-bar']:hover {
border-color: #809ca1 !important;
}

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

[data-rainsee-part='address-input'] {
caret-color: var(--rs-accent-strong);
font-size: 13px !important;
}

[data-rainsee-part='address-input'][data-rainsee-input-visible='true'] {
color: #263337 !important;
}

[data-rainsee-part='address-input'][data-rainsee-input-visible='false'] {
color: transparent !important;
}

[data-rainsee-part='bookmark-bar'] {
min-height: 22px !important;
height: 22px !important;
padding: 0 2px !important;
background-color: #eef1f1 !important;
}

[data-rainsee-part='bookmark-item'] {
color: #293438 !important;
border-radius: 2px !important;
font-size: 12px !important;
line-height: 20px !important;
padding: 0 3px !important;
}

[data-rainsee-part='bookmark-item']:hover {
background-color: #d4e8eb !important;
}

[data-rainsee-part='bookmark-item'][data-rainsee-kind='folder'] {
font-weight: 600;
}

[data-rainsee-part='window-controls'] {
gap: 0 !important;
}

[data-rainsee-action='window-minimize'],
[data-rainsee-action='window-maximize'],
[data-rainsee-action='window-close'] {
color: #354348 !important;
border-radius: 0 !important;
}

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

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

:scope[data-rainsee-area='sidebar'] {
border-color: var(--rs-dark-line) !important;
box-shadow: inset -1px 0 0 #ffffff !important;
}

[data-rainsee-part='sidebar-header'] {
padding: 3px !important;
}

[data-rainsee-part='sidebar-brand-title'] {
color: #1f2b2e !important;
font-size: 14px !important;
font-weight: 700;
}

[data-rainsee-part='sidebar-new-tab'] {
color: #ffffff !important;
background-color: var(--rs-accent) !important;
border: 1px solid var(--rs-accent-strong) !important;
border-radius: 3px !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
font-size: 13px !important;
font-weight: 600;
min-height: 28px !important;
}

[data-rainsee-part='sidebar-new-tab']:hover {
background-color: #096f87 !important;
}

[data-rainsee-part='sidebar-new-tab']:active {
background-color: #055d73 !important;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.18) !important;
}

[data-rainsee-part='sidebar-tabs'] {
background-color: var(--rs-bg) !important;
padding: 2px !important;
gap: 1px !important;
}

[data-rainsee-part='sidebar-tab'] {
color: #2a3639 !important;
min-height: 25px !important;
background-color: transparent !important;
border: 1px solid transparent !important;
border-radius: 3px !important;
}

[data-rainsee-part='sidebar-tab']:hover {
background-color: #d9ebed !important;
border-color: #c1d7da !important;
}

[data-rainsee-part='sidebar-tab'][data-rainsee-selected='true'] {
color: #064f62 !important;
background-color: var(--rs-accent-soft) !important;
border-color: #8dbdc6 !important;
box-shadow: inset 3px 0 0 var(--rs-accent) !important;
}

[data-rainsee-part='sidebar-tab'][data-rainsee-pinned='true'] {
background-color: #e1eeee !important;
}

[data-rainsee-part='sidebar-tab-title'] {
color: inherit !important;
font-size: 13px !important;
}

[data-rainsee-part='sidebar-tab'][data-rainsee-selected='true'] [data-rainsee-part='sidebar-tab-title'] {
font-weight: 700;
}

[data-rainsee-part='sidebar-group-section'] {
color: #253236 !important;
background-color: #e2e7e7 !important;
border: 1px solid #bdc8c8 !important;
border-radius: 3px !important;
margin: 2px !important;
}

[data-rainsee-part='sidebar-group'] {
color: #253236 !important;
min-height: 24px !important;
background-color: #d3dddd !important;
border-bottom: 1px solid #bdc8c8 !important;
border-radius: 2px 2px 0 0 !important;
}

[data-rainsee-part='sidebar-group']:hover {
background-color: #c7e1e5 !important;
}

[data-rainsee-part='sidebar-group'][data-rainsee-pinned='true'] {
background-color: #b9dce1 !important;
box-shadow: inset 3px 0 0 var(--rs-accent) !important;
}

[data-rainsee-part='sidebar-group-title'],
[data-rainsee-part='sidebar-group-title-input'] {
color: #253236 !important;
font-size: 12px !important;
font-weight: 700;
}

[data-rainsee-part='sidebar-group-count'] {
color: #536266 !important;
background-color: #ffffff !important;
border: 1px solid #aebdbf !important;
border-radius: 2px !important;
font-size: 11px !important;
}

[data-rainsee-part='sidebar-group-pin'],
[data-rainsee-part='sidebar-group-chevron'] {
color: #517177 !important;
}

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

[data-rainsee-part='toolbar-button']:focus-visible,
[data-rainsee-part='bookmark-item']:focus-visible,
[data-rainsee-part='sidebar-tab']:focus-visible,
[data-rainsee-part='sidebar-new-tab']:focus-visible {
outline: 2px solid var(--rs-accent-strong) !important;
outline-offset: 1px !important;
}