/* ============================================
   AI学习工具 — 三合一页面样式
   覆盖冲突样式 + 面板布局
   ============================================ */

/* === 导航栏内的 tab 链接 === */
.ai-tab-link {
    padding: 8px 12px !important;
    font-size: 0.85rem !important;
    border-radius: 8px !important;
    transition: all 0.2s !important;
}

.ai-tab-link.active {
    background: #f0f9ff !important;
    color: #0284c7 !important;
    font-weight: 600 !important;
}

.ai-tab-link:hover {
    background: #f0f9ff !important;
    color: #0ea5e9 !important;
}

/* === 固定导航占位 === */
.header-placeholder {
    height: 70px;
}

/* === 面板容器 === */
.ai-panel {
    display: none;
    min-height: calc(100vh - 70px);
}

.ai-panel.active {
    display: block;
}

/* ====== 覆盖挑战赛面板的间距 ====== */
.ai-panel .challenge-page {
    padding-top: 20px;
    min-height: auto;
}

/* ====== 覆盖大赛面板的间距 ====== */
.ai-panel .comp-layout {
    min-height: calc(100vh - 60px);
}

/* ====== 覆盖工具箱面板的间距 ====== */
.ai-panel .tb-app {
    padding-top: 20px;
}