/* ========== 实践笔记弹窗样式 ========== */

/* 弹窗遮罩层 */
.tbm-practice-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(0, 0, 0, 0.6) !important;
    z-index: 100001 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 弹窗内容区 */
.tbm-practice-modal > div {
    background: white !important;
    max-width: 500px !important;
    width: 90% !important;
    border-radius: 16px !important;
    padding: 24px !important;
    position: relative !important;
    box-shadow: 0 20px 35px rgba(0, 0, 0, 0.3) !important;
}

/* 标题 */
.tbm-practice-modal h3 {
    margin: 0 0 16px 0 !important;
    color: #333 !important;
    font-size: 18px !important;
    border-bottom: 2px solid #4caf50 !important;
    padding-bottom: 10px !important;
}

/* 书名 */
.tbm-practice-modal p {
    margin: 0 0 16px 0 !important;
    color: #666 !important;
}

.tbm-practice-modal p strong {
    color: #333 !important;
}

/* 文本框 */
.tbm-practice-modal textarea {
    width: 100% !important;
    margin: 10px 0 !important;
    padding: 10px !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    font-family: inherit !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
    resize: vertical !important;
}

.tbm-practice-modal textarea:focus {
    border-color: #4f46e5 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.1) !important;
}

/* 下拉选择框 */
.tbm-practice-modal select {
    width: 100% !important;
    margin: 10px 0 !important;
    padding: 10px !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    background: white !important;
    box-sizing: border-box !important;
}

/* 复选框标签 */
.tbm-practice-modal label {
    display: block !important;
    margin: 10px 0 !important;
    color: #666 !important;
}

/* 关闭按钮 */
.tbm-practice-modal .modal-close {
    position: absolute !important;
    top: 12px !important;
    right: 16px !important;
    font-size: 24px !important;
    cursor: pointer !important;
    color: #999 !important;
    transition: color 0.2s !important;
}

.tbm-practice-modal .modal-close:hover {
    color: #333 !important;
}

/* 取消按钮 */
.tbm-practice-modal .modal-cancel {
    margin-right: 10px !important;
    padding: 8px 20px !important;
    background: #f3f4f6 !important;
    border: none !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    font-size: 14px !important;
    transition: all 0.2s !important;
}

.tbm-practice-modal .modal-cancel:hover {
    background: #e5e7eb !important;
}

/* 保存按钮 */
.tbm-practice-modal .modal-save {
    padding: 8px 20px !important;
    background: #4f46e5 !important;
    color: white !important;
    border: none !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    font-size: 14px !important;
    transition: all 0.2s !important;
}

.tbm-practice-modal .modal-save:hover {
    background: #4338ca !important;
    transform: translateY(-1px) !important;
}

/* 按钮区域 */
.tbm-practice-modal .modal-buttons {
    margin-top: 20px !important;
    text-align: right !important;
}