/* 艺术文献详情页视觉层：复用作品详情页的全屏比例、关闭按钮与外层箭头。数据和阅读逻辑仍由 JS/SSR 原文件负责。 */
:root { --literature-master-dark:#0d0e0c; --literature-master-light:#f3eee5; --literature-master-muted:rgba(243,238,229,.72); --literature-master-accent:#c49072; --literature-master-line:rgba(243,238,229,.2); --literature-title-size:30px; --literature-meta-label-size:14px; --literature-meta-value-size:16px; --literature-body-size:17px; --literature-line-height:1.82; }
html, body { min-width:320px; min-height:100%; margin:0; background:var(--literature-master-dark); }
body.literature-overview-page { color:var(--literature-master-light); overflow-x:hidden; }
.v12-main { width:100%; min-height:100vh; margin:0; padding:0; background:var(--literature-master-dark); }
.v12-master { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(340px,31vw); min-height:100vh; background:var(--literature-master-dark); }
.v12-detail-close { position:absolute; top:clamp(16px,2vw,30px); right:clamp(16px,2vw,30px); z-index:8; width:40px; height:40px; display:grid; place-items:center; color:rgba(243,238,229,.78); font-family:Arial,sans-serif; font-size:30px; font-weight:200; line-height:1; text-decoration:none; background:rgba(13,14,12,.42); border:1px solid rgba(243,238,229,.3); border-radius:50%; }
.v12-detail-close:hover, .v12-detail-close:focus-visible { color:#fff; background:rgba(13,14,12,.7); border-color:var(--literature-master-accent); outline:none; }
.v12-viewer { position:relative; height:100vh; min-height:100vh; min-width:0; overflow:hidden; background:var(--literature-master-dark); }
.v12-viewer-scroll { width:100%; height:100%; overflow:auto; scrollbar-color:rgba(196,144,114,.65) transparent; }
.v12-viewer > .v12-viewer-scroll > .v12-viewer-scroll { display:flex; flex-direction:column; height:100%; }
.v12-viewer-media { display:grid; place-items:center; width:100%; min-height:100%; box-sizing:border-box; padding:clamp(18px,2.8vw,48px); background:var(--literature-master-dark); }
.v12-viewer-media img { display:block; width:100%; max-width:100%; max-height:calc(100vh - clamp(36px,5.6vw,96px)); object-fit:contain; }
.v12-viewer-cover { background:var(--literature-master-dark); }
.v12-viewer-cover img { max-height:calc(100vh - clamp(36px,5.6vw,96px)); }
.v12-viewer-paper { min-height:100%; box-sizing:border-box; padding:clamp(42px,6vw,90px) clamp(42px,7vw,120px); background:var(--literature-master-dark); color:var(--literature-master-light); }
.v12-viewer-paper-head { display:flex; align-items:baseline; justify-content:space-between; gap:16px; padding-bottom:13px; border-bottom:1px solid var(--literature-master-line); }
.v12-viewer-paper-head h2 { margin:0; color:var(--literature-master-light); font-family:var(--serif,"Songti SC",serif); font-size:18px; font-weight:400; }
.v12-viewer-paper-head span { color:var(--literature-master-muted); font-size:13px; }
.v12-article-body { max-width:860px; margin:28px auto 0; color:var(--literature-master-muted); font-family:var(--serif,"Songti SC",serif); font-size:var(--literature-body-size); line-height:var(--literature-line-height); }
.v12-article-body p { margin:0 0 1.05em; text-indent:2em; }
.v12-article-body h2, .v12-article-body h3, .v12-article-body h4 { color:var(--literature-master-light); font-size:21px; line-height:1.45; text-indent:0; }
.v12-article-body img { display:block; max-width:100%; height:auto; margin:28px auto; }
.v12-article-body figure { margin:28px auto; }
.v12-article-body figcaption { color:var(--literature-master-muted); font-size:13px; text-align:center; text-indent:0; }
.v12-original-stage { display:grid; place-items:center; min-height:0; flex:1 1 auto; padding:clamp(18px,2.8vw,48px); background:var(--literature-master-dark); }
.v12-original-pages { display:flex; align-items:center; justify-content:center; gap:0; width:min(100%,1040px); max-width:100%; }
.v12-original-stage button { flex:0 1 auto; min-width:0; width:auto; padding:0; border:0; background:none; cursor:zoom-in; }
.v12-original-stage img { display:block; width:100%; max-height:calc(100vh - clamp(90px,10vw,160px)); object-fit:contain; }
.v12-original-controls { display:flex; align-items:center; justify-content:center; gap:20px; padding:14px 20px 18px; color:var(--literature-master-muted); font-size:13px; background:var(--literature-master-dark); }
.v12-original-controls button { padding:0 0 5px; border:0; border-bottom:1px solid currentColor; background:none; color:inherit; font:inherit; cursor:pointer; }
.v12-original-controls button:disabled { color:rgba(243,238,229,.28); cursor:default; }
.v12-viewer-scroll .reader-scan-caption { max-width:min(100%,1040px); margin:0 auto; padding:0 20px 18px; color:var(--literature-master-muted); font-size:13px; line-height:1.65; background:var(--literature-master-dark); overflow-wrap:anywhere; }
.v12-pdf-frame { display:block; width:100%; height:100vh; border:0; background:var(--literature-master-dark); }
.v12-empty-viewer { display:grid; place-items:center; min-height:100%; padding:32px; color:rgba(243,238,229,.48); font-size:14px; text-align:center; }
.v12-archive { min-width:0; min-height:100vh; box-sizing:border-box; padding:clamp(86px,10vw,144px) clamp(26px,4vw,64px) clamp(30px,4vw,58px); color:var(--literature-master-light); background:var(--literature-master-dark); border-left:1px solid rgba(243,238,229,.12); }
.v12-archive-head { display:flex; align-items:baseline; justify-content:space-between; gap:18px; padding-bottom:16px; }
.v12-archive-kicker { margin:0; color:var(--literature-master-accent); font-size:var(--literature-meta-label-size); letter-spacing:.12em; }
.v12-archive-kicker a { color:inherit; text-decoration:none; }
.v12-index { flex:0 0 auto; margin:0; color:var(--literature-master-muted); font-size:13px; white-space:nowrap; }
.v12-archive h1 { display:flex; flex-direction:column; max-width:10em; margin:clamp(28px,4vw,54px) 0; color:#f8f2e9; font-family:var(--serif,"Songti SC",serif); font-size:var(--literature-title-size); font-weight:400; line-height:1.12; letter-spacing:.06em; }
.v12-title-main, .v12-title-sub { display:block; }
.v12-title-sub { margin-top:10px; color:rgba(243,238,229,.72); font-size:.72em; letter-spacing:.025em; }
.v12-facts { display:grid; grid-template-columns:max-content minmax(0,1fr); gap:0 18px; margin:0; padding:16px 0; border-top:1px solid var(--literature-master-line); }
.v12-facts > div { display:contents; }
.v12-facts dt, .v12-facts dd { margin:0; padding:6px 0; font-size:var(--literature-meta-value-size); line-height:1.5; }
.v12-facts dt { color:var(--literature-master-accent); font-size:var(--literature-meta-label-size); }
.v12-facts dd { color:var(--literature-master-muted); overflow-wrap:anywhere; }
.v12-mode-tabs { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; padding-top:20px; border-top:1px solid var(--literature-master-line); }
.v12-mode-tab { padding:8px 0 6px; color:var(--literature-master-muted); font:inherit; font-size:14px; background:none; border:0; border-bottom:1px solid transparent; cursor:pointer; }
.v12-mode-tab:hover, .v12-mode-tab:focus-visible { color:var(--literature-master-light); outline:none; }
.v12-mode-tab[aria-selected="true"] { color:var(--literature-master-accent); border-bottom-color:currentColor; }
.v12-document-nav { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:12px; margin-top:32px; padding-top:20px; }
.v12-document-nav a { color:var(--literature-master-muted); font-size:13px; text-decoration:none; }
.v12-document-nav a:last-child { justify-self:end; }
.v12-document-nav a:hover, .v12-document-nav a:focus-visible { color:var(--literature-master-accent); outline:none; }
@media (min-width:901px) {
  /* 档案栏采用稳定的上下两段布局，文献导航固定在栏底，不随字段数量移动。 */
  .v12-archive { display:flex; flex-direction:column; }
  .v12-document-nav { width:100%; margin-top:auto; }
}
.v12-outer-nav { position:absolute; inset:0; z-index:4; pointer-events:none; }
.v12-outer-arrow { position:absolute; top:50%; width:auto; height:auto; padding:8px; margin-top:-20px; display:block; color:rgba(243,238,229,.78); font-family:var(--serif,"Songti SC",serif); font-size:23px; font-weight:400; line-height:1; text-decoration:none; background:none; border:0; border-radius:0; box-shadow:none; pointer-events:auto; cursor:pointer; }
.v12-outer-arrow:hover, .v12-outer-arrow:focus-visible { color:#fff; background:none; border:0; outline:none; box-shadow:none; }
.v12-outer-arrow:disabled { color:rgba(243,238,229,.28); background:none; border:0; cursor:default; }
.v12-outer-arrow--previous { left:16px; }
.v12-outer-arrow--next { right:16px; }
.v12-empty { padding:60px 0; color:var(--literature-master-muted); }
@media (max-width:900px) {
  :root { --literature-title-size:24px; --literature-meta-label-size:13px; --literature-meta-value-size:15px; --literature-body-size:17px; }
  .v12-master { grid-template-columns:1fr; min-height:100vh; }
  .v12-archive { display:block; order:1; min-height:auto; padding:38px 24px 42px; border-left:0; }
  .v12-viewer { order:2; height:auto; min-height:58vh; }
  .v12-viewer-media img, .v12-viewer-cover img, .v12-original-stage img { max-height:52vh; }
  .v12-original-pages { display:block; width:min(100%,520px); }
  [data-original-page-secondary] { display:none; }
  .v12-pdf-frame { height:58vh; }
  .v12-archive-head { padding-right:52px; }
  .v12-archive h1 { max-width:none; margin:28px 0; }
  .v12-outer-arrow--previous { left:8px; }
  .v12-outer-arrow--next { right:8px; }
}
@media (max-width:520px) {
  .v12-detail-close { top:12px; right:12px; width:36px; height:36px; font-size:27px; }
  .v12-archive { padding:30px 18px 34px; }
  .v12-viewer { min-height:50vh; }
  .v12-viewer-paper { padding:36px 24px 48px; }
  .v12-viewer-media, .v12-original-stage { padding:16px 36px 68px; }
  .v12-viewer-media img, .v12-viewer-cover img, .v12-original-stage img { max-height:30vh; }
  .v12-pdf-frame { height:50vh; }
  .v12-facts { grid-template-columns:1fr; gap:0; }
  .v12-facts dt { padding-bottom:0; }
  .v12-mode-tabs { margin-top:18px; }
  .v12-archive h1 { font-size:24px; }
}