/* 自动抽取自 red-literature.html — 勿手改，由 scripts/extract-inline-styles.py 生成 */
:root{
    --red:#C8102E; --red-deep:#8c1620; --red-soft:#fbe9ea;
    --gold:#86868B; --ink:#1D1D1F; --gray:#6E6E73; --line:#D2D2D7;
    --bg:#FFFFFF; --card:#ffffff;
  }
  *{box-sizing:border-box}
  body{margin:0;font-family:"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
    background:var(--bg);color:var(--ink);line-height:1.75;font-size:16px}

  .lit-head{background:var(--white);color:var(--ink);padding:120px 24px 44px;text-align:center}
  .lit-head h1{margin:0 0 8px;font-size:clamp(22px,5vw,32px);letter-spacing:3px}
  .lit-head p{margin:4px 0;opacity:.92;font-size:14px}

  .lit-wrap{max-width:1000px;margin:0 auto;padding:44px 24px 84px}
  .lit-intro{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px 24px;margin-bottom:34px;font-size:14.5px;color:var(--gray)}
  .lit-intro b{color:var(--red-deep)}

  .lit-books{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
  .lit-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px 28px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
  .lit-card h2{margin:0 0 4px;font-size:19px;color:var(--ink);letter-spacing:1px}
  .lit-meta{font-size:12.5px;color:var(--gray);font-weight:600;margin:0 0 8px}
  .lit-desc{font-size:14px;color:var(--gray);margin:0 0 14px}
  .lit-links{display:flex;flex-direction:column;gap:8px}
  .lit-links a{
    display:block;padding:10px 14px;border:1px solid var(--line);border-radius:10px;
    font-size:14.5px;color:var(--red-deep);text-decoration:none;background:#fffdfc;
    transition:background .15s ease,border-color .15s ease;
  }
  .lit-links a:hover{background:var(--red-soft);border-color:#e8b9bd}
  .lit-links a::after{content:" ›";color:var(--gray)}

  .lit-more{margin-top:26px;padding:18px;border:1px dashed var(--line);border-radius:12px;
    text-align:center;color:var(--gray);font-size:14px;background:#fff}
  .lit-note{margin-top:20px;font-size:13px;color:var(--gray);text-align:center;line-height:1.8}

  @media(max-width:560px){
    .lit-head{padding:50px 18px 36px}
    .lit-books{grid-template-columns:1fr}
  }