.help-icon { opacity: .7; cursor: help; } .edit-btn { border: none; background: transparent; cursor: pointer; padding: 4px; border-radius: 6px; } .edit-btn:focus-visible { outline: 2px solid #4c9ffe; } .edit-btn svg { width: 16px; height: 16px; display: block; } /* title_change_modal */ .title_change_modal-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.35); display: flex; align-items: center; justify-content: center; z-index: 9999; } .title_change_modal { width: min(520px, 92vw); background: #fff; border-radius: 12px; padding: 16px; box-shadow: 0 10px 30px rgba(0,0,0,.25); } .title_change_modal h3 { margin: 0 0 10px; font-size: 16px; } .title_change_modal .field { display: flex; flex-direction: column; gap: 6px; } .title_change_modal input[type="text"] { padding: 8px 10px; border: 1px solid #ccc; border-radius: 8px; font-size: 14px; } .title_change_modal .error { color: #c62828; font-size: 12px; min-height: 1.2em; /* 占位避免跳动 */ } .title_change_modal .actions { margin-top: 12px; display: flex; gap: 8px; justify-content: flex-end; } .btn { padding: 6px 12px; border-radius: 8px; border: 1px solid #d0d0d0; background: #f6f6f6; cursor: pointer; } .btn.primary { background: #2563eb; color: #fff; border-color: #2563eb; } .btn:focus-visible { outline: 2px solid #4c9ffe; } .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }