/* ============================================
   青云教师平台 - 面板 / 标题区 公共样式
   与「教师平台.html」内联的 .tp-panel 系列保持一致
   （教师平台是 iframe 宿主，无法把样式表直接注入子页面，
     故在此抽出同一套 token，供 iframe 子页面复用，避免重复实现）
   token 来源：教师平台.html 第 201-221 行
   ============================================ */

/* ===== 面板：白色圆角卡片 ===== */
.tp-panel {
    background: #fff;
    border: none;
    border-radius: 18px;
    box-shadow: 0 12px 32px rgba(30, 50, 90, 0.07);
    padding: 28px 28px 32px;
    margin-bottom: 18px;
    box-sizing: border-box;
}

/* ===== 面板标题区：标题 + 右侧副标题同一基线 ===== */
.tp-panel-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 12px;
}
.tp-panel-head h2 {
    margin: 0;
    font-size: 22px;
    line-height: 1.35;
    font-weight: 700;
    color: #1e3a8a;
}
.tp-panel-head .sub {
    font-size: 13px;
    color: #8a97a8;
    font-weight: 400;
    line-height: 1.6;
}

/* 标题下方整块说明文字（非右侧副标题时用） */
.tp-panel-desc {
    font-size: 13px;
    color: #8a97a8;
    line-height: 1.7;
    margin: -8px 0 20px;
}

/* ===== 窄屏适配：与教师平台 tp-main 的可用宽度保持一致 ===== */
@media (max-width: 720px) {
    .tp-panel { padding: 20px 18px 22px; border-radius: 14px; }
    .tp-panel-head h2 { font-size: 19px; }
}