/* 青苗计划 登录/注册/找回密码弹窗样式 - 游戏立体风(薄荷蓝主题) */

/* 弹窗容器立体边框 */
.cc-pop { box-shadow: 0 8px 30px rgba(0,0,0,.25), inset 0 2px 0 rgba(255,255,255,.6), inset 0 -4px 0 rgba(0,0,0,.08) !important; border: none !important; border-radius: 14px !important; overflow: hidden; }
.cc-pop .layui-layer-title { background: var(--cc-grad-bar) !important; color: #fff !important; border: none !important; height: 44px !important; line-height: 44px !important; font-size: 16px !important; font-weight: bold !important; box-shadow: inset 0 2px 0 rgba(255,255,255,.25), inset 0 -3px 0 rgba(0,0,0,.18) !important; }
.cc-pop .layui-layer-close { color: #fff !important; }
.cc-pop .layui-layer-content { padding: 0 !important; }

.cc-form { padding: 22px 20px 8px; }
.cc-form .layui-form-item { margin-bottom: 14px; position: relative; }
.cc-form .layui-input {
    height: 42px;
    line-height: 42px;
    border: none !important;
    border-radius: 10px !important;
    background: #f0f6fa !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.6), inset 0 -3px 0 rgba(0,0,0,.08) !important;
    padding: 0 14px;
    transition: all .15s;
}
.cc-form .layui-input:focus {
    background: #e8ecf0 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -3px 0 var(--cc-main-25) !important;
}

/* 密码显示切换眼睛图标 */
.cc-pwd-item .cc-toggle-pwd {
    position: absolute;
    right: 12px;
    top: 12px;
    cursor: pointer;
    color: #999;
    font-size: 18px;
    z-index: 2;
}
.cc-pwd-item .cc-toggle-pwd:hover { color: var(--cc-main); }

/* 验证码行 */
.cc-captcha-item { display: flex; align-items: center; gap: 10px; }
.cc-captcha-item input { flex: 1; }
.cc-captcha-img {
    height: 40px;
    width: 120px;
    cursor: pointer;
    border: none !important;
    border-radius: 10px !important;
    flex: none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -3px 0 rgba(0,0,0,.12);
}

/* 主按钮 - 游戏立体风(薄荷蓝) */
.cc-form .layui-btn-fluid {
    height: 44px;
    line-height: 24px;
    font-size: 16px;
    font-weight: bold;
    border: none;
    border-radius: 12px;
    background-color: var(--cc-main) !important;
    color: #fff;
    box-shadow: inset 0 2px 0 rgba(255,255,255,.45), inset 0 -5px 0 rgba(0,0,0,.35);
    transition: all .08s ease;
}
.cc-form .layui-btn-fluid:active {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), inset 0 -2px 0 rgba(0,0,0,.25);
    transform: translateY(2px);
}

/* 添加学生按钮 - 立体小按钮 */
.cc-add-student {
    border: none !important;
    border-radius: 8px !important;
    background: #f0f6fa !important;
    color: var(--cc-main) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -3px 0 rgba(0,0,0,.12) !important;
}
.cc-add-student:active { transform: translateY(1px) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.2), inset 0 -1px 0 rgba(0,0,0,.1) !important; }

/* 删除学生小按钮 */
.cc-student-row .cc-del-student {
    border: none !important;
    border-radius: 10px !important;
    background: #ff5722 !important;
    color: #fff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.3), inset 0 -3px 0 rgba(0,0,0,.25) !important;
}
.cc-student-row .cc-del-student:active { transform: translateY(1px) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.15), inset 0 -1px 0 rgba(0,0,0,.2) !important; }

/* 弹窗底部切换链接 */
.cc-links { text-align: center; margin-top: 14px; font-size: 13px; }
.cc-links a { margin: 0 8px; color: var(--cc-tag-text); cursor: pointer; }
.cc-links a:hover { text-decoration: underline; }

/* 注册-学生列表 */
.cc-students .cc-student-row { display: flex; gap: 8px; margin-bottom: 8px; }
.cc-students .cc-student-row input { flex: 1; min-width: 0; }
.cc-student-row .cc-del-student { flex: none; width: 42px; padding: 0; height: 42px; }
.cc-add-student { margin: -2px 0 14px; }

/* 请假弹窗-日期选项 */
.cc-leave-opt label { transition: all .12s; border: 2px solid transparent; }
.cc-leave-opt label:hover { background: #e8f4ff !important; }
.cc-leave-opt input[type=radio]:checked + span { color: var(--cc-main); font-weight: bold; }
.cc-leave-opt label:has(input:checked) { border-color: var(--cc-main); background: var(--cc-main-light) !important; }
.cc-leave-prompt strong { color: #ff9800; font-size: 15px; }