mirror of
https://github.com/SilenceLurker/ST-Amily2-Chat-Optimisation.git
synced 2026-06-06 15:55:50 +00:00
119 lines
2.9 KiB
CSS
119 lines
2.9 KiB
CSS
/* --- 术语表 (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;
|
|
}
|