新拟态主题


复制下方全部内容

/* Neumorphism Modern Theme | 精致新拟态立体流光主题 | Refined Tactile UI Design v2 */

:scope[data-rainsee-area="topbar"],
:scope[data-rainsee-area="sidebar"] {
--rs-bg: #e0e5ec;
--rs-panel: #e0e5ec;
--rs-panel-2: #e8ecf3;
--rs-text: #2d3748;
--rs-muted: #718096;
--rs-line: rgba(163, 177, 198, 0.3);
--rs-accent: #3182ce;
--rs-shadow-out: 4px 4px 8px #babecc, -4px -4px 8px #ffffff;
--rs-shadow-out-sm: 2px 2px 5px #babecc, -2px -2px 5px #ffffff;
--rs-shadow-in: inset 2px 2px 5px #babecc, inset -2px -2px 5px #ffffff;

color: var(--rs-text) !important;
background-color: var(--rs-bg) !important;
color-scheme: light;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* ===== 区域与背景修正 ===== */
:scope[data-rainsee-area="sidebar"] {
background-color: var(--rs-bg) !important;
border-right: 1px solid rgba(163, 177, 198, 0.4) !important;
}

:scope[data-rainsee-area="topbar"] {
background-color: var(--rs-bg) !important;
}

[data-rainsee-part="titlebar"],
[data-rainsee-part="toolbar"],
[data-rainsee-part="tab-bar"],
[data-rainsee-part="bookmark-bar"] {
background-color: transparent !important;
}

/* ===== 精致工具栏按钮（非品牌按钮） ===== */
[data-rainsee-part="toolbar-button"]:not([data-rainsee-action="new-tab-search"]):not([data-rainsee-action="ai"]):not([data-rainsee-action="update"]) {
background-color: var(--rs-bg) !important;
border-radius: 8px !important;
box-shadow: var(--rs-shadow-out-sm) !important;
border: 1px solid rgba(255, 255, 255, 0.7) !important;
color: var(--rs-text) !important;
transition: all 0.15s ease !important;
margin: 0 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 {
box-shadow: 3px 3px 6px #babecc, -3px -3px 6px #ffffff !important;
color: var(--rs-accent) !important;
transform: translateY(-1px);
}

[data-rainsee-part="toolbar-button"]:not([data-rainsee-action="new-tab-search"]):not([data-rainsee-action="ai"]):not([data-rainsee-action="update"]):active {
box-shadow: var(--rs-shadow-in) !important;
border-color: transparent !important;
transform: translateY(0);
}

[data-rainsee-part="button-icon"] {
opacity: 0.8 !important;
color: var(--rs-text) !important;
}

[data-rainsee-part="button-badge"] {
background-color: var(--rs-accent) !important;
color: #ffffff !important;
box-shadow: 1px 1px 3px rgba(0,0,0,0.2) !important;
}

/* ===== 品牌胶囊按钮保持原生并修饰阴影 ===== */
[data-rainsee-part="brand-action"] {
border-radius: 18px !important;
box-shadow: var(--rs-shadow-out-sm) !important;
transition: all 0.2s ease !important;
}

[data-rainsee-part="brand-action"]:hover {
box-shadow: 3px 3px 7px #babecc, -3px -3px 7px #ffffff !important;
filter: brightness(1.03) !important;
}

[data-rainsee-part="brand-action"]:active {
box-shadow: var(--rs-shadow-in) !important;
filter: brightness(0.97) !important;
}

/* ===== 地址栏优化（去除厚重边框，平滑内嵌） ===== */
[data-rainsee-part="address-bar"] {
background-color: var(--rs-bg) !important;
border-radius: 12px !important;
box-shadow: var(--rs-shadow-in) !important;
border: 1px solid rgba(255, 255, 255, 0.5) !important;
color: var(--rs-text) !important;
transition: all 0.2s ease !important;
}

[data-rainsee-part="address-bar"]:focus-within {
box-shadow: inset 3px 3px 6px #babecc, inset -3px -3px 6px #ffffff, 0 0 0 2px rgba(49, 130, 206, 0.3) !important;
border-color: var(--rs-accent) !important;
}

/* 地址栏防重影 */
[data-rainsee-part="address-input"][data-rainsee-input-visible="true"] {
color: var(--rs-text) !important;
}

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

/* 地址栏内图标微调 */
[data-rainsee-part="address-bar"] [data-rainsee-part="toolbar-button"] {
box-shadow: none !important;
border: none !important;
background: transparent !important;
}

[data-rainsee-part="address-bar"] [data-rainsee-part="toolbar-button"]:hover {
box-shadow: var(--rs-shadow-out-sm) !important;
background-color: var(--rs-bg) !important;
}

/* ===== 顶部标签页重构（自然融合与选中层次） ===== */
[data-rainsee-part="tab-surface"] {
background-color: var(--rs-bg) !important;
border-radius: 8px 8px 0 0 !important;
box-shadow: 2px -2px 5px rgba(186, 190, 204, 0.4), -2px -2px 5px rgba(255, 255, 255, 0.8) !important;
border: 1px solid rgba(255, 255, 255, 0.6) !important;
border-bottom: none !important;
transition: all 0.2s ease !important;
opacity: 0.85 !important;
}

[data-rainsee-part="tab"]:hover [data-rainsee-part="tab-surface"] {
opacity: 1 !important;
box-shadow: var(--rs-shadow-out-sm) !important;
}

[data-rainsee-part="tab"][data-rainsee-selected="true"] [data-rainsee-part="tab-surface"] {
background-color: #e6ebf2 !important;
box-shadow: var(--rs-shadow-in) !important;
border-color: rgba(163, 177, 198, 0.4) !important;
opacity: 1 !important;
}

[data-rainsee-part="tab-title"] {
color: var(--rs-muted) !important;
font-weight: 500 !important;
transition: color 0.15s ease !important;
}

[data-rainsee-part="tab"]:hover [data-rainsee-part="tab-title"] {
color: var(--rs-text) !important;
}

[data-rainsee-part="tab"][data-rainsee-selected="true"] [data-rainsee-part="tab-title"] {
color: var(--rs-accent) !important;
font-weight: 600 !important;
}

[data-rainsee-part="tab-close"] {
color: var(--rs-muted) !important;
border-radius: 50% !important;
transition: all 0.15s ease !important;
}

[data-rainsee-part="tab-close"]:hover {
background-color: var(--rs-bg) !important;
color: #e53e3e !important;
box-shadow: var(--rs-shadow-out-sm) !important;
}

/* ===== 书签栏轻量化 ===== */
[data-rainsee-part="bookmark-item"] {
border-radius: 6px !important;
color: var(--rs-text) !important;
padding: 3px 8px !important;
transition: all 0.15s ease !important;
}

[data-rainsee-part="bookmark-item"]:hover {
background-color: var(--rs-bg) !important;
box-shadow: var(--rs-shadow-out-sm) !important;
}

[data-rainsee-part="bookmark-title"] {
color: var(--rs-text) !important;
font-size: 12px !important;
}

/* ===== 垂直侧边栏（统一柔和风格） ===== */
[data-rainsee-part="sidebar-header"] {
background-color: var(--rs-bg) !important;
}

[data-rainsee-part="sidebar-brand-title"] {
color: var(--rs-text) !important;
font-weight: 700 !important;
}

[data-rainsee-part="sidebar-new-tab"] {
background-color: var(--rs-bg) !important;
color: var(--rs-accent) !important;
border-radius: 10px !important;
box-shadow: var(--rs-shadow-out-sm) !important;
border: 1px solid rgba(255, 255, 255, 0.8) !important;
font-weight: 600 !important;
transition: all 0.2s ease !important;
}

[data-rainsee-part="sidebar-new-tab"]:hover {
box-shadow: 3px 3px 6px #babecc, -3px -3px 6px #ffffff !important;
transform: translateY(-1px);
}

[data-rainsee-part="sidebar-new-tab"]:active {
box-shadow: var(--rs-shadow-in) !important;
transform: translateY(0);
}

[data-rainsee-part="sidebar-tab"] {
border-radius: 8px !important;
margin: 2px 4px !important;
color: var(--rs-text) !important;
transition: all 0.15s ease !important;
background-color: transparent !important;
}

[data-rainsee-part="sidebar-tab"]:hover {
background-color: var(--rs-bg) !important;
box-shadow: var(--rs-shadow-out-sm) !important;
}

[data-rainsee-part="sidebar-tab"][data-rainsee-selected="true"] {
background-color: var(--rs-bg) !important;
box-shadow: var(--rs-shadow-in) !important;
border: 1px solid rgba(163, 177, 198, 0.3) !important;
}

[data-rainsee-part="sidebar-tab-title"] {
color: var(--rs-text) !important;
}

[data-rainsee-part="sidebar-tab"][data-rainsee-selected="true"] [data-rainsee-part="sidebar-tab-title"] {
color: var(--rs-accent) !important;
font-weight: 600 !important;
}

/* 侧边栏分组容器 */
[data-rainsee-part="sidebar-group-section"] {
background-color: var(--rs-bg) !important;
border-radius: 12px !important;
box-shadow: var(--rs-shadow-in) !important;
border: 1px solid rgba(255, 255, 255, 0.5) !important;
padding: 4px !important;
margin: 6px 4px !important;
}

[data-rainsee-part="sidebar-group"] {
color: var(--rs-text) !important;
}

[data-rainsee-part="sidebar-group-title"] {
color: var(--rs-text) !important;
font-weight: 600 !important;
}

[data-rainsee-part="sidebar-group-count"] {
background-color: var(--rs-bg) !important;
color: var(--rs-muted) !important;
box-shadow: var(--rs-shadow-out-sm) !important;
border-radius: 6px !important;
padding: 1px 5px !important;
font-size: 11px !important;
}

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

/* ===== 窗口控制区 ===== */
data-rainsee-action="window-minimize",
[data-rainsee-action="window-maximize"] {
color: var(--rs-text) !important;
border-radius: 6px !important;
transition: all 0.15s ease !important;
}

[data-rainsee-action="window-maximize"]:hover {
background-color: var(--rs-bg) !important;
box-shadow: var(--rs-shadow-out-sm) !important;
}

[data-rainsee-action="window-close"] {
color: var(--rs-text) !important;
border-radius: 6px !important;
transition: all 0.15s ease !important;
}

[data-rainsee-action="window-close"]:hover {
background-color: #e53e3e !important;
color: #ffffff !important;
box-shadow: 2px 2px 5px rgba(229, 62, 62, 0.4) !important;
}