From 230e345a46628c8d6d958b23baa62d856ccec03a Mon Sep 17 00:00:00 2001 From: Wx-2025 <351320169@qq.com> Date: Fri, 12 Sep 2025 14:30:27 +0800 Subject: [PATCH] Update style.css --- assets/style.css | 112 +++++++++++++++++++++++------------------------ 1 file changed, 56 insertions(+), 56 deletions(-) diff --git a/assets/style.css b/assets/style.css index 371cd70..0934f28 100644 --- a/assets/style.css +++ b/assets/style.css @@ -34,7 +34,7 @@ pointer-events: none; } -#auth_panel { +#amily2_chat_optimiser #auth_panel { position: relative; background: transparent !important; z-index: 0; @@ -72,7 +72,7 @@ .auth-status.valid { background-color: rgba(76, 175, 80, 0.2); border: 1px solid #4CAF50; } .auth-status.expired { background-color: rgba(244, 67, 54, 0.2); border: 1px solid #f44336; } -.amily2_settings_block { +#amily2_chat_optimiser .amily2_settings_block { position: relative; background: transparent !important; z-index: 0; @@ -110,10 +110,10 @@ border-color: rgba(255, 255, 255, 0.4) !important; } -.main-toggle { margin: 0; } -.main-toggle label { font-size: 1.2em; color: var(--amily2-text-color) !important; } +#amily2_chat_optimiser .main-toggle { margin: 0; } +#amily2_chat_optimiser .main-toggle label { font-size: 1.2em; color: var(--amily2-text-color) !important; } -.update-section { +#amily2_chat_optimiser .update-section { position: relative; display: flex; align-items: center; @@ -141,7 +141,7 @@ hr.header-divider { margin: 0 0 10px 0; } -.settings-group { +#amily2_chat_optimiser .settings-group { position: relative; background: transparent !important; z-index: 0; @@ -173,7 +173,7 @@ hr.header-divider { } -.color-controls-container { +#amily2_chat_optimiser .color-controls-container { flex-direction: row !important; align-items: center !important; justify-content: space-between !important; @@ -181,7 +181,7 @@ hr.header-divider { flex-wrap: wrap; } -.color-picker-group { +#amily2_chat_optimiser .color-picker-group { display: flex; align-items: center; gap: 15px; @@ -189,19 +189,19 @@ hr.header-divider { flex-wrap: wrap; } -.color-picker-item { +#amily2_chat_optimiser .color-picker-item { display: flex; align-items: center; gap: 5px; } /* === 可变透明度容器背景 === */ -.settings-group::before, -.amily2_settings_block::before, -#auth_panel::before, -.extension_block::before, -.plugin-features::before, -.amily2_extension_frame::before { +#amily2_chat_optimiser .settings-group::before, +#amily2_chat_optimiser .amily2_settings_block::before, +#amily2_chat_optimiser #auth_panel::before, +#amily2_chat_optimiser .extension_block::before, +#amily2_chat_optimiser .plugin-features::before, +#amily2_chat_optimiser .amily2_extension_frame::before { content: ''; position: absolute; top: 0; @@ -214,15 +214,15 @@ hr.header-divider { pointer-events: none; } -.settings-group::before, -.amily2_settings_block::before, -.extension_block::before, -.plugin-features::before, -.amily2_extension_frame::before { +#amily2_chat_optimiser .settings-group::before, +#amily2_chat_optimiser .amily2_settings_block::before, +#amily2_chat_optimiser .extension_block::before, +#amily2_chat_optimiser .plugin-features::before, +#amily2_chat_optimiser .amily2_extension_frame::before { border-radius: 8px; } -#auth_panel::before { +#amily2_chat_optimiser #auth_panel::before { border-radius: 12px; } @@ -235,15 +235,15 @@ hr.header-divider { } /* === 扩展卡片和面板样式 === */ -.extension_settings { +#amily2_chat_optimiser .extension_settings { background: var(--amily2-bg-color) !important; color: var(--amily2-text-color) !important; } -#extensions_settings2, -.extension_block, -.plugin-features, -.amily2_extension_frame { +#amily2_chat_optimiser #extensions_settings2, +#amily2_chat_optimiser .extension_block, +#amily2_chat_optimiser .plugin-features, +#amily2_chat_optimiser .amily2_extension_frame { position: relative; background: transparent !important; z-index: 0; @@ -251,28 +251,28 @@ hr.header-divider { } /* === 按钮统一样式 (已限定作用域) === */ -.amily2_extension_frame .menu_button, -.extension_block .menu_button, -#amily2_drawer_content .menu_button { +#amily2_chat_optimiser .amily2_extension_frame .menu_button, +#amily2_chat_optimiser .extension_block .menu_button, +#amily2_chat_optimiser #amily2_drawer_content .menu_button { background: var(--amily2-button-color) !important; color: var(--amily2-text-color) !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; } -.amily2_extension_frame .menu_button:hover, -.extension_block .menu_button:hover, -#amily2_drawer_content .menu_button:hover { +#amily2_chat_optimiser .amily2_extension_frame .menu_button:hover, +#amily2_chat_optimiser .extension_block .menu_button:hover, +#amily2_chat_optimiser #amily2_drawer_content .menu_button:hover { background: rgba(74, 74, 74, 0.8) !important; border-color: rgba(255, 255, 255, 0.4) !important; } /* === 输入框样式 (已限定作用域) === */ -.amily2_extension_frame input, -.amily2_extension_frame textarea, -.amily2_extension_frame select, -#amily2_drawer_content input, -#amily2_drawer_content textarea, -#amily2_drawer_content select { +#amily2_chat_optimiser .amily2_extension_frame input, +#amily2_chat_optimiser .amily2_extension_frame textarea, +#amily2_chat_optimiser .amily2_extension_frame select, +#amily2_chat_optimiser #amily2_drawer_content input, +#amily2_chat_optimiser #amily2_drawer_content textarea, +#amily2_chat_optimiser #amily2_drawer_content select { background: rgba(74, 74, 74, 0.6) !important; color: var(--amily2-text-color) !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; @@ -292,7 +292,7 @@ hr.header-divider { } /* === 开关样式 === */ -.toggle-switch { +#amily2_chat_optimiser .toggle-switch { position: relative; display: inline-block; width: 50px; @@ -336,7 +336,7 @@ hr.header-divider { } /* === 单选按钮组样式 === */ -.radio-toggle-group { +#amily2_chat_optimiser .radio-toggle-group { display: flex; border: 1px solid #555; border-radius: 8px; @@ -366,7 +366,7 @@ hr.header-divider { } /* === 控制对容器样式 === */ -.control-pair-container { +#amily2_chat_optimiser .control-pair-container { display: flex; justify-content: space-around; align-items: center; @@ -384,7 +384,7 @@ hr.header-divider { margin-bottom: 0; } -.amily2_settings_block { display: flex; flex-direction: column; gap: 8px; } +#amily2_chat_optimiser .amily2_settings_block { display: flex; flex-direction: column; gap: 8px; } .amily2_settings_block label { font-weight: bold; color: var(--amily2-text-color) !important; @@ -407,7 +407,7 @@ hr.header-divider { } /* === Lore配置样式 === */ -.amily2_lore_config_wrapper { +#amily2_chat_optimiser .amily2_lore_config_wrapper { display: flex; gap: 15px; } @@ -445,17 +445,17 @@ hr.header-divider { } /* === 通用样式 === */ -hr { +#amily2_chat_optimiser hr { border: none; border-top: 1px solid rgba(255,255,255,0.1); margin: 0; } -.text_pole, select { +#amily2_chat_optimiser .text_pole, #amily2_chat_optimiser select { width: 100%; box-sizing: border-box; } -.button-pair { +#amily2_chat_optimiser .button-pair { flex-direction: row; justify-content: space-between; gap: 15px; @@ -463,10 +463,10 @@ hr { .button-pair .menu_button { flex-grow: 1; } -.flex-container .primary { +#amily2_chat_optimiser .flex-container .primary { background-color: #2196F3 !important; } -.flex-container .accent { +#amily2_chat_optimiser .flex-container .accent { background-color: #FF5722 !important; } @@ -557,7 +557,7 @@ hr { } /* === 头部动作组 === */ -.header-actions-group { +#amily2_chat_optimiser .header-actions-group { display: flex; flex-direction: column; align-items: flex-end; @@ -565,7 +565,7 @@ hr { } /* === 密室按钮 === */ -.secret-chamber-button { +#amily2_chat_optimiser .secret-chamber-button { display: flex; align-items: center; justify-content: center; @@ -592,7 +592,7 @@ hr { } /* === 响应式按钮组 === */ -.button-group { +#amily2_chat_optimiser .button-group { display: flex; gap: 8px; } @@ -640,29 +640,29 @@ hr { } /* === 面板可见性 === */ -.amily2-panel-visible { +#amily2_chat_optimiser .amily2-panel-visible { display: flex !important; flex-direction: column; flex-grow: 1; gap: 15px; } -.header-left-panel { +#amily2_chat_optimiser .header-left-panel { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; } -.rag-palace-entry-container { +#amily2_chat_optimiser .rag-palace-entry-container { width: auto; } -#rag_palace_panel { +#amily2_chat_optimiser #rag_palace_panel { display: none; } -.amily2-panel-visible { +#amily2_chat_optimiser .amily2-panel-visible { display: flex; flex-direction: column; flex-grow: 1;