@import url('theme-active.css');
/* ========== 手机适配样式 ========== */
@media (max-width: 768px) {

    /* 全局间距和字号 */
body {
    padding: 10px !important;
    font-size: 14px;
}
/* 确保主题在手机端也生效 */
html, body {
    background: var(--nm-bg, #fdf6e3) !important;
    color: var(--nm-text, #3a2e1f) !important;
}
    .container {
        max-width: 100% !important;
        padding: 0 !important;
    }

    /* 卡片缩小内边距 */
    .card {
        padding: 15px !important;
        margin-bottom: 12px !important;
        border-radius: 8px !important;
    }

    /* 标题缩小 */
    h1 { font-size: 20px !important; }
    h2 { font-size: 18px !important; }
    h3 { font-size: 16px !important; }
    h4 { font-size: 15px !important; }

    /* 顶部导航：竖排 */
    .top-nav {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 10px;
        margin-bottom: 15px !important;
    }
    .top-nav h1, .top-nav h2 {
        font-size: 18px !important;
        margin: 0;
    }
    .top-nav > div:last-child {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
    }
    .top-nav a {
        margin-left: 0 !important;
        font-size: 14px;
    }

    /* 表格：横向滚动，不撑破页面 */
    table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        font-size: 13px;
    }
    th, td {
        padding: 8px 10px !important;
        font-size: 13px;
    }

    /* 按钮适合手指点 */
    .btn, button {
        padding: 10px 16px !important;
        font-size: 15px !important;
    }
    .btn-sm {
        padding: 6px 10px !important;
        font-size: 12px !important;
        margin-bottom: 4px;
    }

    /* 表单输入 */
    input, select, textarea {
        font-size: 16px !important; /* 防止 iOS 自动放大 */
        padding: 10px !important;
    }

    /* 卡片网格：手机单列 */
    .grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    /* 公开展示卡片 */
    .card-header {
        padding: 12px 14px 8px 14px !important;
    }
    .card-preview {
        padding: 10px 14px !important;
        font-size: 13px;
    }
    .card-footer {
        padding: 10px 14px 14px 14px !important;
    }

    /* 投票卡片 */
    .comp {
        padding: 12px !important;
    }
    .comp h3 {
        font-size: 15px !important;
    }

    /* 主题横幅 */
    .topic-banner {
        padding: 15px !important;
    }
    .topic-banner h2 {
        font-size: 17px !important;
    }

    /* 首页菜单按钮 */
    .menu a {
        padding: 14px !important;
        font-size: 15px !important;
    }

    /* 老师后台主题卡片 */
    .topic-card {
        padding: 14px !important;
    }
    /* 页脚 */
.site-footer details summary::-webkit-details-marker { display: none; }
.site-footer details summary::before { content: '▸ '; }
.site-footer details[open] summary::before { content: '▾ '; }
}