/* 静室 CSS：21-library-index-hall.css。首页是馆藏目录厅，同时以稳定入藏顺序形成头条—次条—简讯的版面层级。 */
@layer pages {
  .library-hall {
    max-width:1120px;
    margin-inline:auto;
    padding-block:var(--publication-space-5) var(--publication-space-7);
  }

  .library-hall-statement {
    display:grid;
    grid-template-columns:var(--publication-index-column) minmax(0,1fr) minmax(210px,auto);
    gap:var(--publication-space-3);
    align-items:baseline;
    margin:0;
    padding-block:var(--publication-space-2) var(--publication-space-3);
    border-bottom:var(--publication-rule) solid var(--publication-rule-color);
    text-align:left;
  }

  .library-hall-statement .section-kicker { grid-column:1; margin:0; }

  .library-hall-statement h1 {
    grid-column:2;
    margin:0;
    color:var(--publication-ink);
    font:600 clamp(24px,2vw,30px)/1.2 var(--font-ui);
    letter-spacing:-.025em;
  }

  .library-hall-statement>p:last-child {
    grid-column:3;
    max-width:30ch;
    margin:0;
    color:var(--text-secondary);
    font:400 var(--publication-meta)/var(--publication-leading-meta) var(--font-ui);
  }

  .library-hall-doors,
  .library-hall-category-list {
    margin:0;
    padding:0;
    border:0;
    list-style:none;
    background:transparent;
    box-shadow:none;
  }

  .library-hall-doors {
    display:flex;
    flex-wrap:wrap;
    gap:var(--publication-space-3);
    margin-block:var(--publication-space-2) var(--publication-space-3);
  }

  .library-hall-doors a {
    display:inline-flex;
    align-items:baseline;
    min-height:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    color:var(--publication-ink-muted);
    font:400 var(--publication-meta)/var(--publication-leading-meta) var(--font-ui);
    text-decoration:none;
    text-underline-offset:.2em;
    transition:color var(--publication-hover-duration) var(--motion-easing),text-decoration-color var(--publication-hover-duration) var(--motion-easing);
  }

  .library-hall-doors a+a::before {
    margin-right:var(--publication-space-3);
    color:var(--publication-ink-muted);
    content:"·";
  }

  .library-hall-doors a:hover,
  .library-hall-doors a:focus-visible { color:var(--publication-accent); text-decoration:underline; }

  .frontpage-edition {
    margin:0;
    padding:0;
    border-top:2px solid var(--publication-ink);
    background:transparent;
    box-shadow:none;
  }

  .frontpage-section-head {
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:var(--publication-space-3);
    margin:0;
    padding-block:var(--publication-space-2);
    border-bottom:var(--publication-rule) solid var(--publication-rule-color);
  }

  .frontpage-section-head .section-kicker,
  .frontpage-section-head>p:last-child { margin:0; }

  .frontpage-section-head>p:last-child {
    color:var(--publication-ink-muted);
    font:400 var(--publication-meta)/var(--publication-leading-meta) var(--font-ui);
  }

  .frontpage-record-number {
    margin:0;
    color:var(--publication-accent);
    font:500 var(--publication-meta)/var(--publication-leading-meta) var(--font-mono);
    font-variant-numeric:tabular-nums;
    letter-spacing:.025em;
  }

  .frontpage-headline {
    display:grid;
    grid-template-columns:var(--publication-index-column) minmax(0,1fr) var(--catalog-meta-width,150px);
    gap:var(--publication-space-3);
    align-items:start;
    margin:0;
    padding-block:var(--publication-space-4);
    border-bottom:var(--publication-rule) solid var(--publication-rule-color);
    background:transparent;
    box-shadow:none;
  }

  .frontpage-headline-content { min-width:0; }

  .frontpage-headline h2 {
    max-width:27ch;
    margin:0;
    color:var(--publication-ink);
    font:500 clamp(2.1rem,4.15vw,4.15rem)/1.1 var(--font-reading);
    letter-spacing:-.052em;
    text-wrap:balance;
  }

  .frontpage-headline h2 a,
  .frontpage-secondary h3 a,
  .frontpage-brief h3 a {
    color:inherit;
    text-decoration-color:transparent;
    text-underline-offset:.15em;
  }

  .frontpage-headline h2 a:hover,
  .frontpage-headline h2 a:focus-visible,
  .frontpage-secondary h3 a:hover,
  .frontpage-secondary h3 a:focus-visible,
  .frontpage-brief h3 a:hover,
  .frontpage-brief h3 a:focus-visible {
    color:var(--publication-accent);
    text-decoration-color:currentColor;
  }

  .frontpage-headline-summary {
    display:-webkit-box;
    overflow:hidden;
    max-width:58ch;
    margin:var(--publication-space-2) 0 0;
    color:var(--text-secondary);
    font:400 clamp(1rem,.94rem + .22vw,1.14rem)/1.62 var(--font-reading);
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
  }

  .frontpage-headline-meta,
  .frontpage-secondary-meta,
  .frontpage-brief-meta {
    display:flex;
    flex-wrap:wrap;
    gap:0 var(--publication-space-1);
    margin:0;
    color:var(--publication-ink-muted);
    font:400 var(--publication-meta)/var(--publication-leading-meta) var(--font-ui);
  }

  .frontpage-headline-meta {
    justify-content:flex-end;
    text-align:right;
  }

  .frontpage-headline-meta a,
  .frontpage-secondary-meta a,
  .frontpage-brief-meta a {
    color:inherit;
    text-decoration-color:transparent;
    text-underline-offset:.16em;
  }

  .frontpage-headline-meta a:hover,
  .frontpage-headline-meta a:focus-visible,
  .frontpage-secondary-meta a:hover,
  .frontpage-secondary-meta a:focus-visible,
  .frontpage-brief-meta a:hover,
  .frontpage-brief-meta a:focus-visible { color:var(--publication-accent); text-decoration-color:currentColor; }

  .frontpage-headline-meta time::before,
  .frontpage-secondary-meta time::before,
  .frontpage-brief-meta time::before {
    margin-right:var(--publication-space-1);
    content:"·";
  }

  .frontpage-secondary-grid {
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    column-gap:var(--publication-space-4);
    margin:0;
    border-bottom:var(--publication-rule) solid var(--publication-rule-color);
  }

  .frontpage-secondary {
    display:grid;
    grid-column:span 6;
    grid-template-columns:var(--publication-index-column) minmax(0,1fr);
    column-gap:var(--publication-space-3);
    align-content:start;
    margin:0;
    padding-block:var(--publication-space-3);
    background:transparent;
    box-shadow:none;
  }

  .frontpage-secondary+.frontpage-secondary { border-left:var(--publication-rule) solid var(--publication-rule-color); padding-left:var(--publication-space-4); }

  .frontpage-secondary-category,
  .frontpage-brief-category {
    margin:0 0 var(--publication-space-1);
    color:var(--publication-accent);
    font:500 var(--publication-meta)/var(--publication-leading-meta) var(--font-ui);
    letter-spacing:.02em;
  }

  .frontpage-secondary-category a,
  .frontpage-brief-category a {
    color:inherit;
    text-decoration-color:transparent;
    text-underline-offset:.18em;
  }

  .frontpage-secondary-category a:hover,
  .frontpage-secondary-category a:focus-visible,
  .frontpage-brief-category a:hover,
  .frontpage-brief-category a:focus-visible { text-decoration-color:currentColor; }

  .frontpage-secondary h3 {
    grid-column:2;
    max-width:29ch;
    margin:0;
    color:var(--publication-ink);
    font:600 clamp(1.18rem,1.22vw,1.48rem)/1.25 var(--font-ui);
    letter-spacing:-.025em;
    text-wrap:pretty;
  }

  .frontpage-secondary-category { grid-column:2; }

  .frontpage-secondary-summary {
    display:-webkit-box;
    overflow:hidden;
    grid-column:2;
    max-width:41ch;
    margin:var(--publication-space-1) 0 0;
    color:var(--text-secondary);
    font:400 .93rem/1.55 var(--font-reading);
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
  }

  .frontpage-secondary-meta {
    grid-column:2;
    margin-top:var(--publication-space-2);
  }

  .frontpage-briefs {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));
    gap:0 var(--publication-space-4);
    margin:0;
    border-bottom:var(--publication-rule) solid var(--publication-rule-color);
  }

  .frontpage-brief {
    display:grid;
    grid-template-columns:var(--publication-index-column) minmax(0,1fr);
    gap:var(--publication-space-2) var(--publication-space-3);
    align-items:start;
    min-height:0;
    margin:0;
    padding-block:var(--publication-space-3);
    border-bottom:var(--publication-rule) solid var(--publication-rule-color);
    background:transparent;
    box-shadow:none;
  }

  .frontpage-brief-content { min-width:0; }
  .frontpage-brief-category { margin-bottom:var(--space-optical-2); font-size:.69rem; }

  .frontpage-brief h3 {
    min-width:0;
    margin:0;
    color:var(--publication-ink);
    font:500 1rem/1.42 var(--font-ui);
    letter-spacing:-.012em;
    text-wrap:pretty;
  }

  .frontpage-brief-meta { grid-column:2; justify-content:flex-start; text-align:left; }

  .library-hall-categories {
    margin:0;
    padding-block:var(--publication-space-3);
    border:0;
    background:transparent;
    box-shadow:none;
  }

  .library-hall-section-head {
    margin:0;
    padding-block:var(--publication-space-2);
    border-bottom:var(--publication-rule) solid var(--publication-rule-color);
  }

  .library-hall-section-head.is-split { display:flex; align-items:baseline; justify-content:space-between; gap:var(--space-3); flex-wrap:wrap }
  .section-more { color:var(--text-secondary); text-decoration:none; border-bottom:1px dashed var(--border-subtle); padding-bottom:1px; font:500 13px/1 var(--font-ui); white-space:nowrap }
  .section-more:hover { color:var(--accent-warm); border-bottom-color:var(--accent-warm) }
  .section-nav { display:flex; flex-wrap:wrap; gap:var(--space-3) }
  .section-more--alt { color:#5e7a68; border-bottom-color:rgba(120, 150, 130, .4) }
  .section-more--alt:hover { color:#5e7a68; border-bottom-color:#5e7a68 }

  .library-hall-section-head .section-kicker { margin:0; }

  .library-hall-category-list { border-top:0; }

  .library-hall-category-list a {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:var(--publication-space-3);
    align-items:baseline;
    min-height:0;
    padding-block:var(--publication-space-2);
    border:0;
    border-bottom:var(--publication-rule) solid var(--publication-rule-color);
    border-radius:0;
    background:transparent;
    box-shadow:none;
    color:var(--publication-ink);
    transition:color var(--publication-hover-duration) var(--motion-easing);
  }

  .library-hall-category-list a:hover,
  .library-hall-category-list a:focus-visible { color:var(--publication-accent); }

  .library-hall-category-list strong { color:inherit; font:500 1rem/1.4 var(--font-ui); letter-spacing:-.01em; }
  .library-hall-category-list small { color:var(--publication-accent); font:500 var(--publication-meta)/var(--publication-leading-meta) var(--font-ui); }

  .library-hall-footer {
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    justify-content:space-between;
    gap:var(--publication-space-2) var(--publication-space-4);
    padding-top:var(--publication-space-3);
    color:var(--publication-ink-muted);
    font:400 var(--publication-meta)/var(--publication-leading-meta) var(--font-ui);
  }

  .library-hall-footer p { margin:0; }
  .library-hall-footer nav { display:flex; flex-wrap:wrap; gap:var(--publication-space-3); }
  .library-hall-footer a { color:inherit; text-decoration-color:transparent; text-underline-offset:.16em; }
  .library-hall-footer a:hover,.library-hall-footer a:focus-visible { color:var(--publication-accent); text-decoration-color:currentColor; }

  /* 文末只解释馆藏位置，不制造推荐面板或高亮表面。 */
  .reading-sheet .essay-turning,
  .reading-sheet .essay-exits,
  .reading-sheet .provenance-note,
  .reading-sheet .wander-arrival,
  .reading-sheet .article-body blockquote {
    background:transparent!important;
    box-shadow:none!important;
    border-radius:0!important;
  }

  .reading-sheet .essay-turning {
    max-width:var(--publication-reading-width);
    margin-top:var(--publication-space-7);
    padding-top:var(--publication-space-3);
    border-top:var(--publication-rule) solid var(--publication-rule-color);
  }

  .reading-sheet .turning-label { color:var(--publication-ink-muted); font:400 var(--publication-meta)/var(--publication-leading-meta) var(--font-ui); letter-spacing:.02em; }
  .reading-sheet .turning-links strong { font:400 var(--publication-body)/var(--publication-leading-body) var(--font-reading); }

  .reading-sheet .essay-exits {
    max-width:var(--publication-reading-width);
    margin-top:var(--publication-space-3);
    padding-top:var(--publication-space-2);
    border-top:var(--publication-rule) solid var(--publication-rule-color);
  }

  .reading-sheet .essay-exits a { color:var(--publication-ink-muted); font:400 var(--publication-meta)/var(--publication-leading-meta) var(--font-ui); }
  .reading-sheet .essay-exits a:hover { color:var(--publication-accent); }

  @media (max-width:760px) {
    .library-hall { padding-block:var(--publication-space-4) var(--publication-space-6); }

    .library-hall-statement { display:block; padding-block:var(--publication-space-2); }
    .library-hall-statement h1 { margin-top:var(--publication-space-1); font-size:26px; }
    .library-hall-statement>p:last-child { max-width:36ch; margin-top:var(--publication-space-1); }
    .library-hall-doors { margin-block:var(--publication-space-2) var(--publication-space-3); }

    .frontpage-section-head { align-items:flex-start; flex-direction:column; gap:var(--publication-space-1); }
    .frontpage-headline { grid-template-columns:64px minmax(0,1fr); gap:var(--publication-space-2); padding-block:var(--publication-space-3); }
    .frontpage-headline h2 { max-width:18ch; font-size:clamp(2rem,8vw,2.75rem); line-height:1.12; }
    .frontpage-headline-summary { margin-top:var(--publication-space-2); font-size:.98rem; -webkit-line-clamp:3; }
    .frontpage-headline-meta { grid-column:2; justify-content:flex-start; margin-top:var(--publication-space-2); text-align:left; }

    .frontpage-secondary-grid { display:block; border-bottom:0; }
    .frontpage-secondary { grid-template-columns:64px minmax(0,1fr); gap:var(--publication-space-2); padding-block:var(--publication-space-3); border-bottom:var(--publication-rule) solid var(--publication-rule-color); }
    .frontpage-secondary+.frontpage-secondary { border-left:0; padding-left:0; }
    .frontpage-secondary h3 { font-size:1.12rem; }
    .frontpage-secondary-summary { font-size:.88rem; -webkit-line-clamp:2; }

    .frontpage-briefs { display:block; border-bottom:0; }
    .frontpage-brief { grid-template-columns:64px minmax(0,1fr); gap:var(--publication-space-2); align-items:start; padding-block:var(--publication-space-3); }
    .frontpage-brief h3 { font-size:.98rem; }
    .frontpage-brief-meta { grid-column:2; justify-content:flex-start; margin-top:var(--publication-space-1); text-align:left; }

    .library-hall-category-list a { padding-block:var(--publication-space-3); }
    .library-hall-footer { align-items:flex-start; flex-direction:column; gap:var(--publication-space-2); }
  }

  @media (prefers-reduced-motion:reduce) {
    .library-hall-doors a,
    .library-hall-category-list a { transition-duration:1ms; }
  }
}

@layer library-index-hall {
  .library-hall-more-categories {
    margin-top:var(--publication-space-2);
    border-top:var(--publication-rule) solid var(--publication-rule-color);
  }

  .library-hall-more-categories summary {
    display:flex;
    justify-content:space-between;
    align-items:baseline;
    padding-block:var(--publication-space-3);
    color:var(--publication-ink-muted);
    cursor:pointer;
    font:500 var(--publication-meta)/var(--publication-leading-meta) var(--font-ui);
    list-style:none;
  }

  .library-hall-more-categories summary::-webkit-details-marker { display:none; }
  .library-hall-more-categories summary::after { content:'+'; margin-left:auto; color:var(--publication-accent); font-size:1rem; }
  .library-hall-more-categories[open] summary::after { content:'−'; }
  .library-hall-more-categories summary span { color:var(--publication-accent); }
  .library-hall-more-categories summary:hover,
  .library-hall-more-categories summary:focus-visible { color:var(--publication-accent); }
  .library-hall-more-categories .library-hall-category-list { margin-top:0; }
}