/* 仅修正高级编辑页布局，沿用原版颜色、图标、圆角与阴影。 */
.edit-page-body {
    --editor-header-height: 64px;
    padding-top: var(--editor-header-height);
}

.edit-page-body .header-inner { gap: 20px; }
.edit-page-body .header-inner .logo,
.edit-page-body .header-inner .nav-right {
    position: static;
    transform: none;
    flex-shrink: 0;
}
.edit-page-body .edit-toolbar {
    position: fixed;
    top: 0;
    left: 50%;
    width: max-content;
    transform: translateX(-50%);
    min-width: 0;
    height: 64px;
    padding: 0;
}
.edit-page-body .tool-group { flex-shrink: 0; margin: 0 10px; }

.edit-page-body .edit-container {
    display: grid;
    grid-template-columns: clamp(260px, 26vw, 400px) minmax(0, 600px) clamp(220px, 21.5vw, 330px);
    gap: 20px;
    justify-content: center;
    align-items: start;
    max-width: 1450px;
    overflow: visible;
}
.edit-page-body .edit-panel-left {
    grid-column: 1;
    grid-row: 1;
    position: sticky;
    left: auto;
    top: calc(var(--editor-header-height) + 20px);
    bottom: auto;
    width: 100%;
    height: calc(100vh - var(--editor-header-height) - 40px);
}
.edit-page-body .edit-center {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    min-width: 0;
    min-height: max(480px, calc(100vh - var(--editor-header-height) - 40px));
    margin: 0;
}
.edit-page-body .edit-panel-right {
    grid-column: 3;
    grid-row: 1;
    position: sticky;
    left: auto;
    top: calc(var(--editor-header-height) + 20px);
    width: 100%;
    min-width: 0;
}
.edit-page-body .edit-top-bar,
.edit-page-body .edit-upgrade-tip { flex-wrap: wrap; }

/* 隐藏提示与弹窗不参与页面尺寸计算，避免窄窗口被撑宽。 */
.edit-page-body .qr-watermark-info-popover,
.edit-page-body .print-modal-mask:not(.show),
.edit-page-body .dl-modal-mask:not(.show) { display: none; }
.edit-page-body .qr-watermark-info-tip:hover .qr-watermark-info-popover,
.edit-page-body .qr-watermark-info-tip:focus .qr-watermark-info-popover { display: block; }

/* 导航和工具栏分别占一行，避免在普通窗口内相互遮挡。 */
@media (max-width: 1899px) {
    .edit-page-body { --editor-header-height: 136px; }
    .edit-page-body .edit-toolbar {
        position: fixed;
        top: 64px;
        left: 0;
        right: 0;
        width: auto;
        transform: none;
        height: 72px;
        padding: 0 20px;
        overflow-x: auto;
        justify-content: flex-start;
        background: #fff;
        border-bottom: 1px solid #eee;
    }
    /* 余量平均留在按钮组两侧；窄屏余量归零，仍可从首个按钮开始滚动。 */
    .edit-page-body .tool-group:first-child { margin-left: auto; }
    .edit-page-body .tool-group:last-child { margin-right: auto; }
}
@media (max-width: 1400px) {
    .edit-page-body .panel-tab { padding-inline: 8px; }
    .edit-page-body .edit-panel-right .preview-card { padding: 30px 24px; }
}

/* 较窄窗口将二维码预览放到编辑区下方，保留样式库与正文的操作空间。 */
@media (max-width: 1000px) {
    .edit-page-body .edit-container { grid-template-columns: 260px minmax(0, 600px); }
    .edit-page-body .edit-panel-right {
        grid-column: 2;
        grid-row: 2;
        position: static;
        max-width: 330px;
        justify-self: center;
    }
    .edit-page-body .qr-watermark-info-popover {
        position: fixed;
        left: 50%;
        bottom: 24px;
        width: min(560px, calc(100vw - 32px));
        transform: translateX(-50%);
    }
    .edit-page-body .qr-watermark-info-tip:hover .qr-watermark-info-popover,
    .edit-page-body .qr-watermark-info-tip:focus .qr-watermark-info-popover { transform: translateX(-50%); }
    .edit-page-body .qr-watermark-info-popover::after { display: none; }
}
@media (max-width: 760px) {
    .edit-page-body .edit-container { grid-template-columns: minmax(0, 1fr); padding: 16px; }
    .edit-page-body .edit-center { grid-column: 1; grid-row: 1; }
    .edit-page-body .edit-panel-left {
        grid-column: 1;
        grid-row: 2;
        position: static;
        height: 360px;
    }
    .edit-page-body .edit-panel-right { grid-column: 1; grid-row: 3; }
}
@media (max-width: 760px) {
    .edit-page-body { --editor-header-height: 184px; }
    .edit-page-body .header { height: 112px; }
    .edit-page-body .header-inner {
        height: 112px;
        padding: 12px 16px;
        flex-wrap: wrap;
        align-content: space-between;
        gap: 8px;
    }
    .edit-page-body .header-inner .nav-right { width: 100%; justify-content: space-between; }
    .edit-page-body .nav-link { padding: 6px 4px; font-size: 12px; white-space: nowrap; }
    .edit-page-body .user-phone { display: none; }
    .edit-page-body .user-static-info { padding: 4px 0; margin-right: 0; gap: 4px; }
    .edit-page-body .user-info-popup {
        position: fixed;
        top: 112px;
        right: 16px;
        width: min(340px, calc(100vw - 32px));
    }
    .edit-page-body .edit-toolbar { top: 112px; padding: 0 16px; }
}