/*
 * 响应式布局 — 与 memos.css / number-editor.css 统一使用 768px 断点
 * 主页面在 768px 以下切换为单列堆叠布局
 */

@media (max-width: 768px) {
    /* 主体容器 */
    .primary-container {
        flex-direction: column;
        width: 95%;
    }

    .primary-container > .left-area,
    .primary-container > .right-area {
        max-width: unset;
        width: 100%;
    }

    .primary-container > .left-area {
        margin-right: 0;
    }

    /* 内容版块 */
    .primary-container > .right-area > .content-page {
        padding: 20px 20px 46px 20px;
    }

    /* 图片自适应 */
    img {
        max-width: 100%;
    }
}

/* 中屏：允许额外调整（可按需在此处追加规则） */
@media (min-width: 769px) and (max-width: 1024px) {
}

/* 大屏：保持最大宽度 80% */
@media (min-width: 1025px) {
}