diff --git a/assets/hanlinyuan.css b/assets/hanlinyuan.css index ba1c94f..fb7483d 100644 --- a/assets/hanlinyuan.css +++ b/assets/hanlinyuan.css @@ -1,148 +1,380 @@ -.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; -} - -#amily2_manual_historiography_bureau .mhb-controls-wrapper { - display: flex; - flex-direction: column; - gap: 15px; - border: 1px solid rgba(255, 255, 255, 0.1); - border-radius: 6px; - padding: 12px; - 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; +#hly-modal-container { width: 100%; -} - - -#amily2_manual_historiography_bureau .mhb-selector-group { + height: 100%; display: flex; flex-direction: column; - flex-grow: 1; - min-width: 0; - gap: 5px; -} -#amily2_manual_historiography_bureau .mhb-selector-group > label { - width: auto; - margin-top: 0; -} - - -#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; + padding: 10px 5px; + box-sizing: border-box; +} + +.hly-scroll { + overflow-y: auto; + padding-right: 10px; } -#amily2_manual_historiography_bureau .auto-control-pair { +.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; - 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; -} -#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); + +.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); } -#amily2_manual_historiography_bureau #amily2_mhb_small_manual_execute { - background: linear-gradient(135deg, #ff8a65, #ff5722); - border: 1px solid #e64a19; +.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); } -#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; +.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; } - -#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); +.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; } - -#amily2_manual_historiography_bureau .success:hover { - background: linear-gradient(135deg, #58d68d, #2ecc71); - box-shadow: 0 0 10px rgba(46, 204, 113, 0.7); +.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; + padding: 12px; + border: 1px solid #444; + max-height: 200px; /* 固定最大高度 */ + overflow-y: auto; /* 内容超出时显示滚动条 */ + font-size: 0.9em; + color: #ccc; + display: flex; + flex-direction: column; + 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); +} + +.hly-log-entry .fa-solid { + margin-right: 8px; + width: 16px; /* 固定图标宽度,使文本对齐 */ + text-align: center; +} + +.log-info { + color: #a0c4ff; /* 淡蓝色 */ + border-left: 3px solid #6b9eff; +} + +.log-success { + color: #a8d8b4; /* 淡绿色 */ + border-left: 3px solid #5cb85c; +} + +.log-error { + color: #ffadad; /* 淡红色 */ + border-left: 3px solid #d9534f; +} + +.log-warn { + color: #ffd6a5; /* 淡黄色 */ + border-left: 3px solid #f0ad4e; } diff --git a/assets/hanlinyuan.html b/assets/hanlinyuan.html index 06148f5..572f3f8 100644 --- a/assets/hanlinyuan.html +++ b/assets/hanlinyuan.html @@ -360,4 +360,5 @@
+