经典紧凑型 传统桌面浏览器风格，采用清晰的边框和密集的控件



/*
* Rainsee theme: Classic Compact
* Traditional desktop-browser treatment with crisp borders and dense controls.
*/

:scope[data-rainsee-area='topbar'],
:scope[data-rainsee-area='sidebar'] {
--rs-bg: #e9edf2;
--rs-panel: #ffffff;
--rs-panel-2: #dce2e9;
--rs-text: #20242a;
--rs-muted: #505861;
--rs-line: #aeb7c2;
--rs-dark-line: #828c98;
--rs-accent: #1b63b7;
--rs-accent-soft: #d7e8fb;
--rs-danger: #c42b1c;
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-bg) !important;
border-color: var(--rs-line) !important;
}

[data-rainsee-part='toolbar'] {
box-shadow: inset 0 1px 0 #ffffff, inset 0 -1px 0 #c4cbd3;
}

[data-rainsee-part='bookmark-bar'] {
background-color: #f3f5f7 !important;
}

[data-rainsee-part='address-bar'] {
height: 32px !important;
color: var(--rs-text) !important;
background-color: var(--rs-panel) !important;
border: 1px solid var(--rs-dark-line) !important;
border-radius: 2px !important;
box-shadow: inset 0 1px 2px rgba(35, 45, 58, 0.1) !important;
}

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

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

[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;
min-width: 32px !important;
border: 1px solid transparent;
border-radius: 2px !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-text) !important;
background-color: #f8f9fa !important;
border-color: var(--rs-line);
box-shadow: inset 0 1px 0 #ffffff;
}

[data-rainsee-part='toolbar-button']:not([data-rainsee-action='new-tab-search']):not([data-rainsee-action='ai']):not([data-rainsee-action='update']):active {
background-color: #d5dbe2 !important;
border-color: var(--rs-dark-line);
box-shadow: inset 0 1px 2px rgba(35, 45, 58, 0.18);
}

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

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

[data-rainsee-part='tab-surface'] {
color: var(--rs-muted) !important;
background-color: #dfe4ea !important;
border: 1px solid #bdc5ce !important;
border-radius: 3px 3px 0 0 !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

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

[data-rainsee-part='tab'][data-rainsee-selected='true']
[data-rainsee-part='tab-surface'] {
color: var(--rs-text) !important;
background-color: var(--rs-panel) !important;
border-color: var(--rs-dark-line) !important;
border-bottom-color: var(--rs-panel) !important;
box-shadow: inset 0 2px 0 var(--rs-accent) !important;
}

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

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

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

[data-rainsee-part='bookmark-item'] {
color: var(--rs-text) !important;
border: 1px solid transparent;
border-radius: 2px !important;
}

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

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

[data-rainsee-part='sidebar-new-tab'] {
color: #ffffff !important;
background: var(--rs-accent) !important;
border: 1px solid #0e4d94;
border-radius: 2px !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}

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

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

[data-rainsee-part='sidebar-tab'][data-rainsee-selected='true'] {
color: #ffffff !important;
background-color: var(--rs-accent) !important;
border-color: #0e4d94 !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

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

[data-rainsee-part='sidebar-group'] {
color: var(--rs-text) !important;
background-color: var(--rs-panel-2) !important;
border: 1px solid var(--rs-line);
border-radius: 2px !important;
}

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

[data-rainsee-action='window-minimize']:hover,
[data-rainsee-action='window-maximize']:hover {
background-color: #d5dbe2 !important;
}

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