/* 书籍目录页：从 book_directory.template.html 内联样式拆出 */
    header { width: 100%; padding: 5px 0; background: #1C2327; height: 60px; position: unset; }
    #app { min-height: 150px; }
    .app-wrapper { padding-top: 16px; padding-bottom: 40px; background: var(--background-primary); }
    .app-container { max-width: 1200px; margin: 0 auto; padding: 0 16px; box-sizing: border-box; }
    .main-grid a.desc,
    .main-grid a.asc,
    .main-grid button.desc,
    .main-grid button.asc {
      display: inline-block; color: #000; width: 68px; height: 30px; line-height: 30px; border-radius: 2px;
      text-align: center; background: #f1f1f1; margin-left: 3px; text-decoration: none; font-style: normal; font-size: 13px;
      border: 0; cursor: pointer; padding: 0;
    }
    .main-grid a.desc_on,
    .main-grid a.asc_on,
    .main-grid button.desc_on,
    .main-grid button.asc_on {
      display: inline-block; color: #fff; width: 68px; height: 30px; line-height: 30px; border-radius: 2px;
      text-align: center; background: #999; margin-left: 3px; text-decoration: none; font-style: normal; font-size: 13px;
      border: 0; cursor: pointer; padding: 0;
    }
    .main-grid .order { display: inline-flex; align-items: center; flex: 0 0 auto; white-space: nowrap; }
    .badge { display: inline-block; padding: 3px 10px; min-width: 10px; line-height: 2; text-align: center;
      white-space: nowrap; vertical-align: middle; border-radius: 10px; font-size: 12px; font-weight: 600;
      text-shadow: none; margin-left: 15px; }
    .badge-success { color: #fff; background-color: #11c26d; }
    .badge-warning { color: #fff; background-color: #eb6709; }
    .article_list { background: linear-gradient(130deg, #24c6dc, #5433ff 41.07%, #ff0099 76.05%); }
    .chapter-empty { padding: 40px 0; text-align: center; color: #999; font-size: 15px; }
    .chapter-loading { padding: 28px 0; text-align: center; color: #999; font-size: 14px; }
    .book-pager { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; margin-top: 20px; }
    .book-pager a, .book-pager span, .book-pager button {
      display: inline-block; min-width: 32px; height: 32px; line-height: 32px; padding: 0 8px;
      text-align: center; border-radius: 4px; background: #f1f1f1; color: #333; text-decoration: none; font-size: 13px;
      box-sizing: border-box; border: 0; cursor: pointer;
    }
    .book-pager a.on, .book-pager a:hover, .book-pager button.on, .book-pager button:hover { background: #999; color: #fff; }
    .book-pager .disabled { color: #bbb; cursor: default; }
    .book-pager .pager-jump {
      display: inline-flex; align-items: center; gap: 6px; margin-left: 8px;
      height: 32px; padding: 0 4px 0 10px; background: #f7f7f7; border-radius: 4px;
      color: #666; font-size: 13px; white-space: nowrap;
    }
    .book-pager .pager-jump input {
      width: 52px; height: 26px; margin: 0; padding: 0 6px;
      border: 1px solid #ddd; border-radius: 3px; text-align: center;
      font-size: 13px; color: #333; background: #fff; outline: none;
      box-sizing: border-box;
    }
    .book-pager .pager-jump input:focus { border-color: #999; }
    .book-pager .pager-jump .go {
      min-width: 40px; height: 26px; line-height: 26px; padding: 0 8px;
      background: #e8e8e8; color: #333; border-radius: 3px; cursor: pointer;
    }
    .book-pager .pager-jump .go:hover { background: #999; color: #fff; }
    #chapterGrid.chapter-list {
      display: block;
      list-style: none;
      margin: 0;
      padding: 0;
      width: 100%;
    }
    #chapterGrid .article-container { display: none; width: 100%; margin: 0; padding: 0; }
    #chapterGrid .article-container.is-show { display: block; }
    #chapterGrid .chapter-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 14px 2px;
      border-bottom: 1px dashed #eee;
      text-decoration: none;
      color: #333;
      box-sizing: border-box;
    }
    #chapterGrid .chapter-row:hover { color: #ff0099; }
    #chapterGrid .chapter-row h4 {
      margin: 0;
      flex: 1 1 auto;
      min-width: 0;
      font-size: 15px;
      font-weight: 500;
      line-height: 1.5;
      color: inherit;
    }
    #chapterGrid .chapter-date {
      flex: 0 0 auto;
      color: #999;
      font-size: 13px;
      line-height: 1.5;
      white-space: nowrap;
    }
    .feature-content ul { list-style: none; margin: 0; padding-left: 1rem; display: inline-flex; }
    .feature-content ul li em { font-style: normal; color: var(--text-dim); }