From d807ac65e367b45303e61a3cdc8ba0bb76ef5098 Mon Sep 17 00:00:00 2001 From: Wx-2025 <351320169@qq.com> Date: Sun, 12 Oct 2025 16:06:16 +0800 Subject: [PATCH] Create amily2-glossary.css --- assets/amily2-glossary.css | 118 +++++++++++++++++++++++++++++++++++++ 1 file changed, 118 insertions(+) create mode 100644 assets/amily2-glossary.css diff --git a/assets/amily2-glossary.css b/assets/amily2-glossary.css new file mode 100644 index 0000000..453a6c8 --- /dev/null +++ b/assets/amily2-glossary.css @@ -0,0 +1,118 @@ +/* --- 术语表 (Glossary) 专属样式 --- */ +/* 所有样式均已限定在 #amily2_glossary_panel 范围内,防止全局污染 */ + +/* 标签页导航容器 */ +#amily2_glossary_panel .glossary-tabs { + display: flex; + border-bottom: 1px solid rgba(255, 255, 255, 0.2); + margin-bottom: 15px; +} + +/* 单个标签页按钮 */ +#amily2_glossary_panel .glossary-tab { + background: none; + border: none; + color: var(--text-color-secondary); + padding: 10px 15px; + cursor: pointer; + font-size: 1em; + transition: color 0.2s, border-bottom 0.2s; + border-bottom: 2px solid transparent; + margin-bottom: -1px; /* 让下边框与容器边框重合 */ +} + +#amily2_glossary_panel .glossary-tab:hover { + color: var(--text-color-light); +} + +/* 激活状态的标签页 */ +#amily2_glossary_panel .glossary-tab.active { + color: var(--text-color-accent); + border-bottom: 2px solid var(--text-color-accent); +} + +#amily2_glossary_panel .glossary-tab i { + margin-right: 8px; +} + +/* 标签页内容面板 */ +#amily2_glossary_panel .glossary-content { + display: none; /* 默认隐藏 */ +} + +/* 激活状态的内容面板 */ +#amily2_glossary_panel .glossary-content.active { + display: block; /* 显示激活的面板 */ +} + +/* 隐藏内容的辅助类 */ +#amily2_glossary_panel .amily2-content-hidden { + display: none !important; +} + +/* 通用设置组样式 */ +#amily2_glossary_panel .settings-group { + background-color: rgba(0, 0, 0, 0.15); + border: 1px solid rgba(255, 255, 255, 0.1); + border-radius: 10px; + padding: 15px; + margin-bottom: 15px; +} + +#amily2_glossary_panel .settings-group .legend { + font-size: 1.1em; + font-weight: bold; + color: var(--text-color-light); + margin-bottom: 10px; + padding-bottom: 5px; + border-bottom: 1px solid rgba(255, 255, 255, 0.15); +} + +#amily2_glossary_panel .settings-group .legend i { + margin-right: 8px; + color: var(--text-color-accent); +} + +/* 设置块 */ +#amily2_glossary_panel .amily2_settings_block { + display: flex; + justify-content: space-between; + align-items: center; + padding: 10px 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} +#amily2_glossary_panel .amily2_settings_block:last-child { + border-bottom: none; +} + +/* 控制组(标签和输入框) */ +#amily2_glossary_panel .control-group { + display: flex; + align-items: center; + margin-bottom: 12px; +} + +#amily2_glossary_panel .control-group label { + flex-basis: 150px; /* 固定标签宽度 */ + flex-shrink: 0; + margin-right: 10px; +} + +#amily2_glossary_panel .control-group .text_pole, +#amily2_glossary_panel .control-group .select-with-refresh { + flex-grow: 1; +} + +/* 带刷新按钮的选择器 */ +#amily2_glossary_panel .select-with-refresh { + display: flex; + align-items: center; +} + +/* 按钮行 */ +#amily2_glossary_panel .sybd-button-row { + display: flex; + gap: 10px; + justify-content: center; + margin-top: 20px; +}