/* ==========================================
   导师端专属弹窗样式 (深度紫黑主题)
   ========================================== */

/* 1. 核心：替换弹窗底色为导师端专属的深紫黑，边框改为紫光 */
body.teacher-theme .tspcn-modal-content {
    background: #140d29; /* 深紫黑底色 */
    background: linear-gradient(180deg, #1a1133 0%, #110921 100%); /* 极微弱的紫黑渐变，增加高级质感 */
    border: 1px solid rgba(139, 92, 246, 0.5); /* 紫色边框 */
    box-shadow: 0 15px 50px rgba(0,0,0,.8), 0 0 30px rgba(139, 92, 246, 0.2);
}

/* 2. 分割线改成紫色调 */
body.teacher-theme .tspcn-modal-header {
    border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
body.teacher-theme .tspcn-modal-footer {
    border-top: 1px solid rgba(139, 92, 246, 0.2);
}

/* 3. 标题文字颜色 */
body.teacher-theme .tspcn-modal-title {
    color: #c4b5fd; /* 浅紫色 */
}

/* ==========================================
   状态颜色覆盖
   ========================================== */

/* 4. 成功状态 (Success) -> 强行改成紫金/紫青质感，拒绝绿油油 */
body.teacher-theme .tspcn-modal-content[data-type="success"] {
    border-color: rgba(167, 139, 250, 0.6);
    box-shadow: 0 15px 50px rgba(0,0,0,.8), 0 0 30px rgba(167, 139, 250, 0.3);
}
body.teacher-theme .tspcn-modal-content[data-type="success"] .tspcn-modal-title { 
    color: #a78bfa; /* 标题改紫色 */
}
/* 用 CSS 滤镜把绿色的 ✅ 强行扭转为紫色 */
body.teacher-theme .tspcn-modal-content[data-type="success"] .tspcn-modal-icon {
    filter: hue-rotate(60deg) saturate(1.5) brightness(1.2);
}

/* 5. 错误状态 (Error) -> 改用玫红色 */
body.teacher-theme .tspcn-modal-content[data-type="error"] {
    border-color: rgba(236, 72, 153, 0.6);
    box-shadow: 0 15px 50px rgba(0,0,0,.8), 0 0 30px rgba(236, 72, 153, 0.25);
}
body.teacher-theme .tspcn-modal-content[data-type="error"] .tspcn-modal-title { 
    color: #f472b6; 
}

/* 6. 警告状态 (Warning) -> 紫金色 */
body.teacher-theme .tspcn-modal-content[data-type="warning"] {
    border-color: rgba(217, 119, 6, 0.6);
    box-shadow: 0 15px 50px rgba(0,0,0,.8), 0 0 30px rgba(217, 119, 6, 0.2);
}
body.teacher-theme .tspcn-modal-content[data-type="warning"] .tspcn-modal-title { 
    color: #fbbf24; 
}

/* ==========================================
   按钮与品牌元素
   ========================================== */

/* 7. 按钮统一为紫色渐变 */
body.teacher-theme .tspcn-modal-btn.btn-primary {
    background: linear-gradient(135deg, #a78bfa, #7c3aed);
    box-shadow: 0 4px 15px rgba(124, 58, 237, 0.4);
    color: #fff;
}
body.teacher-theme .tspcn-modal-btn.btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(124, 58, 237, 0.6);
}

/* 8. 危险按钮(如撤销) 玫红色 */
body.teacher-theme .tspcn-modal-btn.btn-danger {
    background: linear-gradient(135deg, #ec4899, #be185d);
    box-shadow: 0 4px 15px rgba(236, 72, 153, 0.4);
}

/* 9. USPCY 品牌字标紫光增强 */
body.teacher-theme .tspcn-modal-brand {
    background: linear-gradient(90deg, #ffffff 0%, #d8b4fe 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 0 10px rgba(168, 85, 247, 0.8));
}

/* 10. 富文本内部提示框适配 */
body.teacher-theme .tspcn-modal-body .tips-box {
    background: rgba(139, 92, 246, 0.1);
    border-left-color: #a78bfa;
    color: #c4b5fd;
}
body.teacher-theme .tspcn-modal-body .highlight {
    color: #d8b4fe;
}