/* =====================================================================
   何炫萱 · 作品集 — A4 印刷 / PDF 版式
   打印设置：A4 · 边距无(默认) · 勾选「背景图形」· 缩放 100%
   ===================================================================== */
@page{ size:A4 portrait; margin:0; }

:root{
  --ink:#1a1d22;
  --ink-2:#3f454e;
  --ink-3:#767d87;
  --line:#e3e1db;
  --line-2:#f0eee8;
  --accent:#1f5f6b;
  --gold:#a9853f;
  --serif:"Noto Serif SC","Source Han Serif SC","Songti SC","SimSun",serif;
  --sans:"Noto Sans SC","PingFang SC","Microsoft YaHei","SimHei",sans-serif;
  --display:"Cormorant Garamond","Times New Roman",var(--serif);
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:var(--sans);color:var(--ink);font-size:10pt;line-height:1.7;
  background:#54585f;-webkit-print-color-adjust:exact;print-color-adjust:exact;
}
h1,h2,h3,h4,h5{margin:0;line-height:1.3}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
img{max-width:100%;display:block}
em{font-style:normal}

/* ---------------- 工具栏（仅屏幕） ---------------- */
.toolbar{position:sticky;top:0;z-index:50;background:#1a1d22;color:#fff;padding:16px 22px 14px}
.toolbar__inner{max-width:1000px;margin:0 auto;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.toolbar b{font-family:var(--serif);font-size:16px;letter-spacing:.06em}
.toolbar span{display:block;font-size:12px;color:rgba(255,255,255,.55);letter-spacing:.08em;margin-top:2px}
.toolbar__actions{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}
.tb-btn{font:inherit;font-size:13px;padding:9px 20px;border-radius:99px;border:1px solid rgba(255,255,255,.35);
  background:transparent;color:#fff;cursor:pointer;text-decoration:none;transition:.25s}
.tb-btn:hover{background:rgba(255,255,255,.14)}
.tb-btn--solid{background:#fff;color:#1a1d22;border-color:#fff}
.tb-btn--solid:hover{background:var(--gold);border-color:var(--gold);color:#fff}
.toolbar__hint{max-width:1000px;margin:10px auto 0;font-size:11.5px;color:rgba(255,255,255,.6);letter-spacing:.04em}
.toolbar__hint b{color:#fff;font-weight:500}

/* ---------------- 页面 ---------------- */
.page{
  position:relative;width:210mm;height:297mm;background:#fff;margin:20px auto;overflow:hidden;
  padding:15mm 14mm 13mm;box-shadow:0 12px 34px rgba(0,0,0,.35);
  display:flex;flex-direction:column;
}
.print-body{zoom:.68}

/* 页眉 */
.p-head{display:flex;align-items:flex-start;gap:16px;padding-bottom:5mm;border-bottom:.6pt solid var(--line);flex:0 0 auto}
.p-head h2{font-family:var(--serif);font-size:19pt;letter-spacing:.04em}
.p-head h2 em{display:block;font-family:var(--sans);font-size:8.5pt;color:var(--ink-3);letter-spacing:.14em;margin-top:2mm;font-weight:400}
.p-head__no{margin-left:auto;font-family:var(--display);font-size:30pt;line-height:.9;color:var(--line);letter-spacing:.02em}

/* ---------------- 封面 ---------------- */
.page--cover{padding:0;background:#12161b;color:#fff;justify-content:flex-end}
.p-cover{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end}
.p-cover__visual{position:absolute;inset:0}
.p-cover__visual img{width:100%;height:100%;object-fit:cover;object-position:52% 18%;opacity:.55}
.p-cover__visual::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(10,13,17,.55) 0%,rgba(10,13,17,.25) 32%,rgba(10,13,17,.92) 78%,#0c0f13 100%)}
.p-cover__text{position:relative;padding:0 16mm 18mm}
.p-cover__eyebrow{font-family:var(--display);letter-spacing:.34em;font-size:9pt;color:rgba(255,255,255,.6)}
.p-cover h1{font-family:var(--serif);font-size:52pt;letter-spacing:.08em;line-height:1.05;margin-top:6mm}
.p-cover__en{font-family:var(--display);font-size:14pt;letter-spacing:.42em;color:rgba(255,255,255,.62);margin-top:3mm}
.p-cover__title{font-size:11.5pt;letter-spacing:.06em;color:rgba(255,255,255,.92);margin-top:7mm}
.p-cover__slogan{font-family:var(--serif);font-size:12pt;letter-spacing:.12em;color:#c9a45c;margin-top:2.5mm}
.p-cover__contact{margin-top:9mm;padding-top:6mm;border-top:.6pt solid rgba(255,255,255,.22);
  display:flex;flex-wrap:wrap;gap:2mm 10mm;font-size:9.5pt;letter-spacing:.05em;color:rgba(255,255,255,.78)}

/* ---------------- 概要页 ---------------- */
.p-cols{display:grid;grid-template-columns:1fr 1fr;gap:6.5mm;margin-top:3.5mm;flex:0 0 auto}
.p-col h3,.p-toc h3{font-family:var(--serif);font-size:10.8pt;letter-spacing:.06em;color:var(--accent);
  padding-bottom:1.1mm;margin-bottom:2mm;border-bottom:.6pt solid var(--line-2)}
.p-col h3:not(:first-child){margin-top:3.4mm}
.p-para{font-size:9pt;line-height:1.78;color:var(--ink-2);text-align:justify}
.p-table{width:100%;border-collapse:collapse;font-size:8.6pt}
.p-table tr{border-bottom:.5pt solid var(--line-2)}
.p-table th{text-align:left;font-weight:400;color:var(--ink-3);white-space:nowrap;padding:1.2mm 4mm 1.2mm 0;vertical-align:top;width:22mm}
.p-table td{padding:1.2mm 0;color:var(--ink);vertical-align:top}
.p-table--tools th{width:24mm}
.p-chips{display:flex;flex-wrap:wrap;gap:1.4mm}
.p-chips span{font-size:8.2pt;border:.5pt solid var(--line);border-radius:99px;padding:.6mm 2.4mm;color:var(--ink-2)}
.p-chips--sm span{font-size:8pt;background:#f6f4ef;border-color:transparent}
.p-list li{font-size:8.6pt;color:var(--ink-2);padding-left:4.5mm;position:relative;margin-bottom:1.1mm}
.p-list li::before{content:"";position:absolute;left:0;top:1.7mm;width:2.6mm;height:.6pt;background:var(--gold)}
.p-adv{display:grid;gap:1.2mm;margin-top:1.2mm}
.p-adv li{font-size:8.3pt;color:var(--ink-3);line-height:1.62}
.p-adv b{display:block;font-size:8.7pt;color:var(--ink);margin-bottom:.3mm}

.p-toc{margin-top:4mm;padding-top:3.5mm;border-top:.6pt solid var(--line)}
.p-toc__grid{display:grid;grid-template-columns:1fr 1fr;gap:0 8mm}
.p-toc__item{display:flex;align-items:baseline;gap:3mm;font-size:8.4pt;padding:.75mm 0;border-bottom:.5pt dotted var(--line)}
.p-toc__item span{font-family:var(--display);color:var(--gold);font-size:10pt;min-width:6mm}
.p-toc__item b{font-weight:500;color:var(--ink)}
.p-toc__item em{margin-left:auto;color:var(--ink-3);font-size:8pt;letter-spacing:.06em;white-space:nowrap}

/* ---------------- 作品页 ---------------- */
.p-work{display:flex;flex-direction:column;gap:5mm;margin-top:6mm;flex:1 1 auto;min-height:0}
.p-work__media{flex:0 0 auto}
.p-fig{margin:0}
.p-fig img{width:100%;object-fit:contain;background:#f6f4ef;border:.5pt solid var(--line-2)}
.p-fig--hero img{height:148mm}
.p-fig--wide img{height:96mm;object-fit:cover}
/* 插画 / 角色页：没有说明文字，让作品图占满页面 */
.p-work--media{gap:5mm}
.p-work--media .p-fig--hero img{height:212mm;border:0}
.p-work--media .p-head{padding-bottom:4mm}
.p-fig figcaption{margin-top:2mm;font-size:8pt;color:var(--ink-3);letter-spacing:.04em}
.p-fig__link{color:var(--accent) !important}
.p-figs{display:grid;grid-template-columns:1fr 1fr;gap:4mm;align-items:start}
.p-figs .p-fig:first-child{grid-row:span 2}
.p-figs .p-fig img{height:60mm;object-fit:contain;background:#f6f4ef}
.p-figs .p-fig:first-child img{height:126mm}
.p-work__text{flex:0 0 auto}
.p-work__text h4{font-family:var(--serif);font-size:10.5pt;letter-spacing:.06em;margin:4mm 0 2.5mm;color:var(--accent)}
.p-points{display:grid;gap:1.4mm}
.p-points li{font-size:9pt;color:var(--ink-2);padding-left:5mm;position:relative;line-height:1.75}
.p-points li::before{content:"—";position:absolute;left:0;color:var(--gold)}
.p-table--specs{margin-top:1mm}
.p-table--specs th{width:20mm;padding:1.3mm 4mm 1.3mm 0}

/* ---------------- 打印 ---------------- */
@media print{
  body{background:#fff}
  .toolbar{display:none !important}
  .print-body{zoom:1}
  .page{margin:0;box-shadow:none;break-after:page;page-break-after:always;width:210mm;height:297mm}
  .page:last-child{break-after:auto;page-break-after:auto}
  .p-work,.p-figs,.p-fig,.p-adv li,.p-toc{break-inside:avoid;page-break-inside:avoid}
}