.operation-title { margin: 0; color: #222; font-size: 24px; line-height: 1.6; text-align: center; }
.operation-date { color: #888; text-align: center; margin: 16px 0 24px; font-size: 14px; }
.operation-pages { width: 800px; max-width: 100%; margin: 0 auto; }
.operation-pages img { display: block; width: 100%; height: auto; }
.operation-dialog { width: 900px; max-width: calc(100vw - 32px); max-height: 90vh; padding: 0; border: 0; border-radius: 8px; box-sizing: border-box; overflow: hidden; color: #222; }
.operation-dialog::backdrop { background: rgba(0, 0, 0, .6); }
.operation-dialog-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 24px; border-bottom: 1px solid #eee; }
.operation-dialog-header h2 { font-size: 18px; line-height: 1.6; margin: 0; }
.operation-dialog-close { flex-shrink: 0; cursor: pointer; border: 1px solid #ddd; background: #fff; color: #333; border-radius: 4px; padding: 8px 16px; }
.operation-dialog-body { max-height: calc(90vh - 110px); overflow-y: auto; overscroll-behavior: contain; padding: 0 16px 16px; }