/* --- 术语表 (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; }