styles/pdf-styles.css

/* 此文件由脚本自动生成，请勿手动修改 */
:root {
    --a4-width: 210mm;
    --a4-height: 297mm;
    --page-margin: 10mm;
    --header-height: 25mm;
    --content-height: calc(var(--a4-height) - 2 * var(--page-margin) - var(--header-height));
    --section-height: calc(var(--content-height) / 4);
    --logo-size: 32px;
}

.print-page {
    width: var(--a4-width);
    height: var(--a4-height);
    margin: 0 auto;
    margin-left: 0;
    background: white;
    position: relative;
    box-sizing: border-box;
    padding: var(--page-margin);
    page-break-after: avoid;
}

.page-header {
    height: var(--header-height);
    position: absolute;
    top: var(--page-margin);
    left: var(--page-margin);
    right: var(--page-margin);
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 2mm;
}

.header-top {
    display: flex;
    align-items: center;
    gap: 10mm;
}

.header-image {
    width: var(--logo-size);
    height: var(--logo-size);
}

.header-title {
    color: #333;
    font-size: 24px;
    font-weight: bold;
}

.header-info {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5mm;
    padding: 8px 0;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
}

.content-area {
    position: absolute;
    top: calc(var(--page-margin) + var(--header-height));
    left: var(--page-margin);
    right: var(--page-margin);
    height: var(--content-height);
    display: flex;
    flex-direction: column;
}

.content-section {
    height: var(--section-height);
    min-height: var(--section-height);
    max-height: var(--section-height);
    padding: 5mm;
    border-bottom: 1px dashed #ccc;
    overflow: hidden;
    box-sizing: border-box;
}

.content-section:last-child {
    border-bottom: none;
}

.vertical-calc {
    display: inline-block;
    text-align: right;
    margin: 0 10mm;
}

.word-problem {
    margin-bottom: 8mm;
    line-height: 1.5;
}

.print-page {
        margin: 0;
        padding: var(--page-margin);
        box-shadow: none;
        page-break-after: avoid;
    }

.content-section {
        page-break-inside: avoid;
    }

.grid-2-cols { grid-template-columns: repeat(2, 1fr); }

.grid-3-cols { grid-template-columns: repeat(3, 1fr); }

.grid-4-cols { grid-template-columns: repeat(4, 1fr); }

.grid-5-cols { grid-template-columns: repeat(5, 1fr); }

.question-number {
    color: #666;
    font-size: 0.9em;
    margin-right: 3mm;
}

.print-page {
        page-break-after: always;
    }

.print-page:last-child {
        page-break-after: avoid;
    }