diff --git a/assets/hanlinyuan.css b/assets/hanlinyuan.css index fb7483d..ba1c94f 100644 --- a/assets/hanlinyuan.css +++ b/assets/hanlinyuan.css @@ -1,380 +1,148 @@ +.manual-command-block { + flex-wrap: wrap; + justify-content: space-between; +} + + +.manual-command-block .manual-input { + flex: 1 1 60px; +} + +.manual-command-block .menu_button { + flex: 2 1 90px; +} + -#hly-modal-container { - width: 100%; - height: 100%; +#amily2_manual_historiography_bureau .mhb-controls-wrapper { display: flex; flex-direction: column; gap: 15px; - padding: 10px 5px; - box-sizing: border-box; -} - -.hly-scroll { - overflow-y: auto; - padding-right: 10px; -} - - -.hly-settings-group { - border: 1px solid rgba(255, 255, 255, 0.2); - border-radius: 12px; - padding: 15px; - margin: 0 0 20px 0; - display: flex; - flex-direction: column; - gap: 18px; - background: rgba(0,0,0,0.1); - box-shadow: inset 0 0 15px rgba(0,0,0,0.2); -} - -.hly-settings-group legend { - font-size: 1.2em; - font-weight: bold; - color: #e0e0e0; - padding: 0 10px; - margin-left: 10px; - background: linear-gradient(to right, #c0bde4, #dfdff0); - -webkit-background-clip: text; - background-clip: text; - color: transparent; - text-shadow: 0 0 5px rgba(200, 200, 255, 0.3); -} - -.hly-settings-group legend > i { - margin-right: 10px; - color: #9e8aff; -} - - -.hly-control-block { - display: flex; - flex-direction: column; - gap: 8px; -} - -.hly-control-block label, .hly-control-block .hly-label { - font-weight: bold; - color: #d1d1d1; - font-size: 1em; -} - -.hly-control-block .hly-notes { - font-size: 0.85em; - color: #b0b0b0; - opacity: 0.9; - font-style: italic; - padding-left: 5px; -} - - -.hly-imperial-brush { - width: 100%; - box-sizing: border-box; - background-color: rgba(0, 0, 0, 0.3); - border: 1px solid #555; - border-radius: 8px; - padding: 10px; - color: #f0f0f0; - transition: all 0.3s ease; -} -.hly-imperial-brush:focus { - background-color: rgba(0, 0, 0, 0.5); - border-color: #7e57c2; - box-shadow: 0 0 10px rgba(126, 87, 194, 0.5); - outline: none; -} - - -.hly-toggle-switch { - position: relative; - display: inline-block; - width: 50px; - height: 26px; - flex-shrink: 0; -} -.hly-toggle-switch input { opacity: 0; width: 0; height: 0; } -.hly-toggle-switch .slider { - position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; - background-color: #333; border-radius: 26px; transition: .4s; - border: 1px solid #555; -} -.hly-toggle-switch .slider:before { - position: absolute; content: ""; height: 20px; width: 20px; left: 2px; bottom: 2px; - background-color: white; border-radius: 50%; transition: .4s; -} -.hly-toggle-switch input:checked + .slider { - background: linear-gradient(to right, #7e57c2, #5e35b1); - box-shadow: 0 0 8px rgba(126, 87, 194, 0.7); -} -.hly-toggle-switch input:checked + .slider:before { transform: translateX(24px); } - -.hly-checkbox-group { - display: flex; - gap: 15px; - align-items: center; -} -.hly-checkbox-group label { - display: flex; - align-items: center; - gap: 8px; -} - - -.hly-navigation-deck { - display: flex; - border: 1px solid #555; - border-radius: 8px; - overflow: hidden; - background-color: #2a2a2e; -} -.hly-nav-item { - flex: 1; - text-align: center; - padding: 10px 12px; - cursor: pointer; - background-color: transparent; - color: #ccc; - transition: all 0.3s ease; - border: none; - border-left: 1px solid #555; - font-size: 1em; -} -.hly-nav-item:first-of-type { border-left: none; } -.hly-nav-item.active, .hly-nav-item:hover { - background: linear-gradient(135deg, #7e57c2, #5e35b1); - color: white; - font-weight: bold; - text-shadow: 0 0 5px rgba(0,0,0,0.5); - box-shadow: inset 0 0 10px rgba(0,0,0,0.3); -} - - -.hly-tab-pane { display: none; } -.hly-tab-pane.active { display: block; } - - -.hly-imperial-edict { - background: rgba(0,0,0,0.2); - border: 1px solid rgba(255,255,255,0.15); - border-radius: 10px; - padding: 15px; - display: flex; - flex-direction: column; - gap: 10px; -} -.hly-edict-row { display: flex; justify-content: space-between; align-items: center; } -.hly-edict-item { display: flex; align-items: center; gap: 8px; } -.hly-edict-label { color: #aaa; } -.hly-edict-value { color: #e0e0e0; font-weight: bold; } -.hly-memory-count { - font-size: 1.5em; - color: #ffc107; - text-shadow: 0 0 8px rgba(255, 193, 7, 0.5); -} - - -.hly-action-button { - padding: 8px 15px; - border-radius: 8px; - border: 1px solid transparent; - cursor: pointer; - font-weight: bold; - transition: all 0.3s ease; - background-color: #444; - color: #eee; - border-color: #666; -} -.hly-action-button:hover { - transform: translateY(-2px); - box-shadow: 0 4px 8px rgba(0,0,0,0.3); -} -.hly-action-button.accent { - background: linear-gradient(135deg, #7e57c2, #5e35b1); - border-color: #4527a0; - color: white; -} -.hly-action-button.accent:hover { box-shadow: 0 0 12px rgba(126, 87, 194, 0.7); } -.hly-action-button.secondary { - background: linear-gradient(135deg, #6c757d, #495057); - border-color: #343a40; - color: white; -} -.hly-action-button.secondary:hover { box-shadow: 0 0 12px rgba(108, 117, 125, 0.7); } -.hly-action-button.danger { - background: linear-gradient(135deg, #d32f2f, #b71c1c); - border-color: #8f1717; - color: white; -} -.hly-action-button.danger:hover { box-shadow: 0 0 12px rgba(211, 47, 47, 0.7); } -.hly-action-button.success { - background: linear-gradient(135deg, #28a745, #1e7e34); - border-color: #155d27; - color: white; -} -.hly-action-button.success:hover { box-shadow: 0 0 12px rgba(40, 167, 69, 0.7); } - -.hly-button-group { - display: flex; - gap: 12px; - flex-wrap: wrap; -} - - -.hly-footer { - display: flex; - justify-content: flex-end; - gap: 15px; - padding-top: 15px; - border-top: 1px solid rgba(255,255,255,0.1); -} - -.hly-results-display { - background: rgba(0,0,0,0.2); - border-radius: 8px; - padding: 10px; - min-height: 50px; - font-size: 0.9em; - color: #ccc; - border: 1px solid #444; -} - - -.hly-preview-container-v2 { - display: flex; - flex-direction: column; - gap: 10px; - max-height: 60vh; - overflow-y: auto; - padding-right: 5px; -} - -.hly-preview-item-v2 { - display: flex; - align-items: flex-start; - gap: 10px; - border: 1px solid #444; - border-radius: 8px; - padding: 10px; - background-color: rgba(255, 255, 255, 0.05); -} - -.hly-preview-details { - flex-grow: 1; -} - -.hly-preview-summary { - font-weight: bold; - cursor: pointer; - padding: 5px; - border-radius: 5px; - transition: background-color 0.2s ease; - list-style: none; -} - -.hly-preview-summary::-webkit-details-marker { - display: none; -} - -.hly-preview-summary:before { - content: '▶'; - margin-right: 8px; - font-size: 0.8em; - display: inline-block; - transition: transform 0.2s ease; -} - -.hly-preview-details[open] > .hly-preview-summary:before { - transform: rotate(90deg); -} - -.hly-preview-summary:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hly-preview-content { - padding-top: 10px; -} - -.hly-preview-textarea { - width: 100%; - min-height: 100px; - box-sizing: border-box; - background-color: rgba(0, 0, 0, 0.3); - border: 1px solid #555; - border-radius: 8px; - padding: 10px; - color: #f0f0f0; - resize: vertical; -} - -.hly-preview-delete-btn-v2 { - flex-shrink: 0; - background: transparent; - border: 1px solid #888; - color: #ccc; - width: 30px; - height: 30px; - border-radius: 50%; - cursor: pointer; - font-size: 1.2em; - line-height: 1; - transition: all 0.2s ease; -} - -.hly-preview-delete-btn-v2:hover { - background-color: #d32f2f; - border-color: #b71c1c; - color: white; - transform: scale(1.1); -} - -/* ================== 起居注 (日志) 样式 ================== */ -.hly-log-display { - background: rgba(0,0,0,0.25); - border-radius: 8px; + border: 1px solid rgba(255, 255, 255, 0.1); + border-radius: 6px; padding: 12px; - border: 1px solid #444; - max-height: 200px; /* 固定最大高度 */ - overflow-y: auto; /* 内容超出时显示滚动条 */ - font-size: 0.9em; - color: #ccc; + margin-top: 5px; +} + + +#amily2_manual_historiography_bureau .manual-command-block { + flex-wrap: wrap; + gap: 5px; /* 减小间距以适应换行 */ +} +#amily2_manual_historiography_bureau .manual-command-block .manual-input { + flex: 1 1 50px; /* 弹性伸缩 */ +} +#amily2_manual_historiography_bureau .manual-command-block .menu_button { + flex: 2 1 80px; /* 按钮占据更多空间 */ +} + + +#amily2_manual_historiography_bureau .editor-buttons-panel .accent { + background: linear-gradient(to right, #FF5722, #E64A19); + border: 1px solid #D84315; +} +#amily2_manual_historiography_bureau .editor-buttons-panel .accent:hover { + box-shadow: 0 0 8px rgba(255, 87, 34, 0.7); + transform: scale(1.03); +} +#amily2_manual_historiography_bureau .editor-buttons-panel .secondary { + background: linear-gradient(to right, #ffb300, #fb8c00); + border: 1px solid #f57c00; +} +#amily2_manual_historiography_bureau .editor-buttons-panel .secondary:hover { + box-shadow: 0 0 8px rgba(255, 179, 0, 0.7); + transform: scale(1.03); +} + + +#amily2_manual_historiography_bureau .mhb-selector-container { + display: flex; + flex-direction: row; + align-items: flex-start; + gap: 12px; + width: 100%; +} + + +#amily2_manual_historiography_bureau .mhb-selector-group { display: flex; flex-direction: column; + flex-grow: 1; + min-width: 0; gap: 5px; } - -.hly-log-entry { - margin: 0; - padding: 4px 8px; - border-radius: 4px; - line-height: 1.5; - text-shadow: 1px 1px 2px rgba(0,0,0,0.5); +#amily2_manual_historiography_bureau .mhb-selector-group > label { + width: auto; + margin-top: 0; } -.hly-log-entry .fa-solid { - margin-right: 8px; - width: 16px; /* 固定图标宽度,使文本对齐 */ - text-align: center; + +#amily2_manual_historiography_bureau .auto-command-block { + display: flex; + justify-content: space-around; + align-items: center; + flex-wrap: wrap; /* 允许换行 */ + gap: 15px; + margin-top: 15px; + padding: 10px; + border: 1px solid var(--secondary-border); + border-radius: 8px; } -.log-info { - color: #a0c4ff; /* 淡蓝色 */ - border-left: 3px solid #6b9eff; + +#amily2_manual_historiography_bureau .auto-control-pair { + display: flex; + flex-direction: row; + align-items: center; + gap: 8px; +} +#amily2_manual_historiography_bureau #amily2_mhb_small_expedition_execute { + width: auto; + flex-grow: 0; +} +#amily2_manual_historiography_bureau #amily2_mhb_small_expedition_execute { + background: linear-gradient(135deg, #8e44ad, #6a1b9a); + border: 1px solid #4a148c; + color: white; + text-shadow: 0 0 2px rgba(0,0,0,0.3); + transition: all 0.3s ease; } -.log-success { - color: #a8d8b4; /* 淡绿色 */ - border-left: 3px solid #5cb85c; +#amily2_manual_historiography_bureau #amily2_mhb_small_expedition_execute:hover { + background: linear-gradient(135deg, #9b59b6, #8e44ad); + box-shadow: 0 0 10px rgba(142, 68, 173, 0.7); + transform: translateY(-1px); } -.log-error { - color: #ffadad; /* 淡红色 */ - border-left: 3px solid #d9534f; + +#amily2_manual_historiography_bureau #amily2_mhb_small_manual_execute { + background: linear-gradient(135deg, #ff8a65, #ff5722); + border: 1px solid #e64a19; } -.log-warn { - color: #ffd6a5; /* 淡黄色 */ - border-left: 3px solid #f0ad4e; +#amily2_manual_historiography_bureau #amily2_mhb_small_manual_execute:hover { + background: linear-gradient(135deg, #ff7043, #f4511e); + box-shadow: 0 0 10px rgba(255, 87, 34, 0.6); +} + +#amily2_manual_historiography_bureau .danger { + background: linear-gradient(135deg, #e74c3c, #c0392b); + border: 1px solid #a93226; + color: white; +} + +#amily2_manual_historiography_bureau .danger:hover { + background: linear-gradient(135deg, #ec7063, #e74c3c); + box-shadow: 0 0 10px rgba(231, 76, 60, 0.7); +} + +#amily2_manual_historiography_bureau .success { + background: linear-gradient(135deg, #2ecc71, #27ae60); + color: white; +} + +#amily2_manual_historiography_bureau .success:hover { + background: linear-gradient(135deg, #58d68d, #2ecc71); + box-shadow: 0 0 10px rgba(46, 204, 113, 0.7); }