/* 模拟 PDF 页面的版式（PDF 内容本身，不属于 Trace UI）。
   单位：1px = 1pt（PDF 页坐标），由 .pg 的 transform: scale() 放大到视图。 */

/* ---------- 杂志风：Northlight Weekly（虚构刊物） ---------- */
.pg-magazine { font-family: "Source Serif 4", Georgia, serif; }
.mag { position: absolute; inset: 0; padding: 26px 42px 0; }
.mag-folio { display: flex; justify-content: space-between; font: 700 6.6px/1 "Libre Franklin", sans-serif; letter-spacing: .16em; color: #3c5a66; padding-bottom: 7px; border-bottom: .6px solid #3c5a66; }
.mag-folio span:nth-child(2) { color: #b0582f; }
.mag-kicker { margin-top: 18px; font: 700 7.4px/1 "Libre Franklin", sans-serif; letter-spacing: .2em; text-transform: uppercase; color: #b0582f; }
.mag-h1 { margin: 6px 0 0; font: 800 50px/0.96 "Fraunces", Georgia, serif; letter-spacing: -.02em; color: #14232a; font-variation-settings: "opsz" 144; }
.mag-deck { margin-top: 9px; width: 420px; font: 400 12.4px/16px "Source Serif 4", serif; font-style: italic; color: #32434a; }
.mag-by { margin-top: 8px; font: 600 6.8px/1 "Libre Franklin", sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #6a767a; }
.mag-fig { margin: 12px 0 0; }
.mag-fig svg { display: block; width: 528px; height: 148px; }
.mag-cap { margin-top: 4px; font: italic 6.8px/9px "Source Serif 4", serif; color: #6a767a; display: flex; justify-content: space-between; }
.mag-cols { margin-top: 12px; column-count: 2; column-gap: 20px; column-fill: auto; height: 356px; font-size: 9.3px; line-height: 13px; color: #1f2426; text-align: justify; hyphens: auto; -webkit-hyphens: auto; }
.mag-cols p + p { text-indent: 11px; }
.mag-cols p.q { font-style: italic; }
.mag-cols p.dropcap::first-letter { float: left; font: 800 35px/28px "Fraunces", serif; margin: 2px 4px 0 0; color: #14232a; }
.mag-foot { position: absolute; left: 42px; right: 42px; bottom: 22px; display: flex; justify-content: space-between; font: 600 6.4px/1 "Libre Franklin", sans-serif; letter-spacing: .12em; color: #7b8588; text-transform: uppercase; }

/* ---------- 书籍风：《物种起源》（公版） ---------- */
.pg-book { font-family: "EB Garamond", Garamond, Georgia, serif; }
.bk { position: absolute; inset: 0; padding: 40px 66px 0 54px; }
.bk-rh { display: flex; justify-content: space-between; align-items: baseline; font-size: 9.6px; color: #3a3530; letter-spacing: .02em; }
.bk-rh .sc { font-variant: small-caps; letter-spacing: .08em; font-size: 10.4px; }
.bk-text { margin-top: 20px; font-size: 12.3px; line-height: 16.3px; color: #221f1b; text-align: justify; hyphens: auto; -webkit-hyphens: auto; }
.bk-text p { text-indent: 15px; }
.bk-text p.noindent { text-indent: 0; }
.bk-sig { position: absolute; left: 54px; bottom: 30px; font-size: 8.6px; color: #6d655b; letter-spacing: .06em; }

/* ---------- 论文风（虚构论文） ---------- */
.pg-paper { font-family: "STIX Two Text", "Times New Roman", serif; }
.pp { position: absolute; inset: 0; padding: 34px 54px 0; color: #111; }
.pp-head { display: flex; justify-content: space-between; font-size: 7.2px; color: #555; font-style: italic; border-bottom: .5px solid #999; padding-bottom: 4px; }
.pp h1 { margin: 16px 20px 0; font-size: 15.6px; line-height: 19px; text-align: center; font-weight: 600; }
.pp-au { text-align: center; margin-top: 8px; font-size: 9.4px; }
.pp-af { text-align: center; margin-top: 2px; font-size: 7.6px; font-style: italic; color: #333; }
.pp-abs { margin: 12px 34px 0; font-size: 8.4px; line-height: 10.6px; text-align: justify; hyphens: auto; }
.pp-abs b { font-weight: 600; }
.pp-abs p { display: inline; }
.pp-cols { margin-top: 12px; column-count: 2; column-gap: 18px; column-fill: auto; height: 548px; font-size: 9.2px; line-height: 11.4px; text-align: justify; hyphens: auto; -webkit-hyphens: auto; }
.pp-cols h2 { font-size: 9.8px; font-weight: 600; margin: 8px 0 4px; }
.pp-cols h2:first-child { margin-top: 0; }
.pp-cols p + p { text-indent: 10px; }
.pp-eq { display: block; text-align: center; margin: 6px 0; font-style: italic; font-size: 10px; position: relative; }
.pp-eq .no { position: absolute; right: 0; font-style: normal; }
.pp-eq sub, .pp-eq sup { font-size: 6.6px; }
.pp-fig { margin: 8px 0 8px; break-inside: avoid; }
.pp-fig svg { display: block; width: 100%; height: 132px; }
.pp-fig figcaption { font-size: 7.6px; line-height: 9.4px; margin-top: 3px; text-align: justify; }
.pp-refs { font-size: 7.6px; line-height: 9.4px; }
.pp-refs div { padding-left: 14px; text-indent: -14px; margin-bottom: 2px; }
.pp-foot { position: absolute; left: 0; right: 0; bottom: 26px; text-align: center; font-size: 8.6px; }

/* ---------- 扫描信件（OCR） ---------- */
.pg-scan { font-family: "Special Elite", "Courier Prime", "Courier New", monospace; }
.sc-sheet { position: absolute; inset: 0; }
.sc-body { position: absolute; left: 70px; top: 86px; width: 452px; transform: rotate(-.55deg); transform-origin: 0 0; color: #2a2621; font-size: 11.4px; line-height: 19px; }
.sc-body p { margin: 0 0 12px; }
.sc-body p.dateline { text-align: right; margin-bottom: 22px; }
.sc-body p + p:not(.dateline) { text-indent: 28px; }
.sc-stamp { position: absolute; right: 64px; bottom: 90px; font: 600 9px/1.2 "Special Elite", monospace; color: rgba(140, 50, 40, .55); border: 1.4px solid rgba(140, 50, 40, .45); padding: 6px 10px; transform: rotate(-7deg); letter-spacing: .1em; }
.sc-no { position: absolute; left: 0; right: 0; bottom: 34px; text-align: center; font-size: 10px; color: #6e665a; }

/* ---------- 引导示例页 ---------- */
.pg-sample { font-family: "Newsreader", Georgia, serif; }
.smp { position: absolute; inset: 0; padding: 70px 76px; color: #1e1d1b; }
.smp .kick { font: 600 8px/1 var(--trace-font-ui); letter-spacing: .14em; color: #8a857c; }
.smp h1 { font: 500 30px/1.1 "Newsreader", serif; margin: 12px 0 18px; }
.smp .txt { font-size: 13.4px; line-height: 21px; text-align: justify; hyphens: auto; }
.smp .zh { margin-top: 26px; padding-top: 14px; border-top: .6px solid #d9d4ca; font: 10px/1.7 var(--trace-font-zh); color: #7b766d; }