diff --git a/assets/hanlinyuan.css b/assets/hanlinyuan.css index bee9c46..2a85748 100644 --- a/assets/hanlinyuan.css +++ b/assets/hanlinyuan.css @@ -1,11 +1,22 @@ +:root { + --amily2-bg-color: #2C2C2C; + --amily2-button-color: #4A4A4A; + --amily2-text-color: #E0E0E0; +} + +/* ===================================================================== + * =========== 【翰林院】御用样式 - 确保界面威严 v4.0 =========== + * =========== Amily 奉旨重铸,确保观感统一 ============= + * ===================================================================== */ + /* ------------------ 整体模态窗口布局 ------------------ */ #hly-modal-container { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; - color: #E0E0E0; - background-color: #2C2C2C; + color: var(--amily2-text-color); + background-color: transparent; padding: 15px; border-radius: 8px; - max-width: 90vw; + max-width: 90vw; /* 限制最大宽度 */ margin: auto; display: flex; flex-direction: column; @@ -14,15 +25,18 @@ /* ------------------ 滚动区域 ------------------ */ #hly-modal-container .hly-scroll { - max-height: 60vh; + max-height: 60vh; /* 限制最大高度 */ overflow-y: auto; - padding-right: 10px; + padding-right: 10px; /* 为滚动条留出空间 */ display: flex; flex-direction: column; gap: 15px; } /* ------------------ 滚动条美化 ------------------ */ +/* ST核心脚本 `dynamic-styles.js` 可能会尝试为此处的滚动条规则动态添加 `:focus-visible` 伪类, + * 但 `::-webkit-scrollbar-thumb` 伪元素不支持 `:focus-visible`,从而导致控制台出现CSS解析错误。 + * 这是一个已知的上游问题,需要等待ST方面修复。此问题不影响功能,仅为日志错误。*/ #hly-modal-container .hly-scroll::-webkit-scrollbar { width: 8px; } @@ -49,7 +63,7 @@ #hly-modal-container .additional-features-title { font-size: 1.5em; font-weight: bold; - color: #8A2BE2; + color: #8A2BE2; /* 紫罗兰色 */ } #hly-modal-container .header-divider { border: 0; @@ -60,7 +74,7 @@ /* ------------------ 状态诏书 (顶部信息面板) ------------------ */ #hly-modal-container .hly-imperial-edict { - background-color: rgba(0, 0, 0, 0.2); + background-color: transparent; border: 1px solid #444; border-radius: 6px; padding: 10px; @@ -102,7 +116,7 @@ /* ------------------ 司南 (导航栏) ------------------ */ #hly-modal-container .hly-navigation-deck { display: flex; - background-color: #333; + background-color: transparent; border-radius: 6px; overflow: hidden; border: 1px solid #444; @@ -146,7 +160,7 @@ border: 1px solid #4A4A4A; border-radius: 6px; padding: 15px; - background-color: rgba(255, 255, 255, 0.03); + background-color: transparent; display: flex; flex-direction: column; gap: 12px; @@ -173,7 +187,7 @@ } #hly-modal-container .hly-imperial-brush { /* 通用输入框/下拉框样式 */ width: 100%; - background-color: #252525; + background-color: transparent; color: #E0E0E0; border: 1px solid #555; border-radius: 4px; @@ -200,8 +214,8 @@ flex-wrap: wrap; } #hly-modal-container .hly-action-button { - background-color: #4A4A4A; - color: #E0E0E0; + background-color: var(--amily2-button-color); + color: var(--amily2-text-color); border: 1px solid #666; border-radius: 4px; padding: 8px 12px; @@ -295,7 +309,7 @@ /* ------------------ 结果显示区域 ------------------ */ #hly-modal-container .hly-results-display, #hly-modal-container .hly-log-display { - background-color: #1E1E1E; + background-color: transparent; border: 1px solid #444; border-radius: 4px; padding: 10px; @@ -432,17 +446,33 @@ align-items: center; gap: 15px; } -#hly-modal-container .hly-kb-delete-btn { - background: none; - border: none; - color: #aaa; - font-size: 20px; +#hly-modal-container .hly-kb-actions .hly-kb-move-btn, +#hly-modal-container .hly-kb-actions .hly-kb-delete-btn { + background-color: var(--amily2-button-color); + color: var(--amily2-text-color); + border: 1px solid #666; + border-radius: 4px; + padding: 4px 8px; cursor: pointer; - padding: 0 5px; + transition: background-color 0.2s, border-color 0.2s; + font-size: 1em; line-height: 1; } -#hly-modal-container .hly-kb-delete-btn:hover { - color: #f44336; + +#hly-modal-container .hly-kb-actions .hly-kb-move-btn:hover { + background-color: #5A5A5A; + border-color: #888; +} + +#hly-modal-container .hly-kb-actions .hly-kb-delete-btn { + background-color: #c94a4a; + font-size: 1.2em; + padding: 2px 8px; +} + +#hly-modal-container .hly-kb-actions .hly-kb-delete-btn:hover { + background-color: #e04f4f; + color: white; } /* 【修复】为知识库管理列表中的开关添加特定样式 */ @@ -502,8 +532,8 @@ margin-top: 5px; } #hly-modal-container .hly-multiselect-option { - display: flex; - align-items: center; + display: flex; /* 关键:使内部元素水平排列 */ + align-items: center; /* 关键:垂直居中对齐 */ padding: 8px 12px; cursor: pointer; transition: background-color 0.2s; @@ -512,7 +542,7 @@ background-color: #454545; } #hly-modal-container .hly-multiselect-option input[type="checkbox"] { - margin-right: 10px; + margin-right: 10px; /* 在复选框和文本之间添加间距 */ } #hly-modal-container #hly-hist-entry-multiselect-btn { display: flex;