#book-identity{display:flex;align-items:center;gap:12px;flex:none;margin:8px 0;font-size:13px;min-width:0}.reader-jacket{width:48px;height:66px;flex:none;position:relative;overflow:hidden;border-radius:3px;background:#e6e4db;color:#34443b;border:1px solid var(--line);padding:5px;font:12px/1.4 var(--serif)}.reader-jacket img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff}.contributor-info{flex:1;min-width:0}.contributor-byline{margin:0;font-weight:600}.contributor-info details p{margin:6px 0;max-width:65ch;overflow-wrap:anywhere}.contributor-info summary{font-size:12px;min-height:0;padding:2px 0;font-weight:400}.contributor-info a{font-size:11px}.book-share{white-space:nowrap;font-size:12px;padding:7px 10px}.share-status{font-size:12px;max-width:150px;overflow-wrap:anywhere}.community{padding:20px 0;margin-top:24px;border-top:1px solid var(--line);font-family:var(--sans);color:var(--ink);background:var(--paper)}.community-bar{display:flex;gap:10px}.community-bar button{min-height:40px;padding:7px 16px;font-size:14px}.useful-button[aria-pressed=true]{color:#b8434d;border-color:#c77c83;background:#fff6f5}.community-status{font-size:13px;color:var(--soft);margin:8px 0!important}.comment-area{padding:12px 0}.comment-area form{display:grid;gap:10px;max-width:720px}.comment-area textarea{width:100%;resize:vertical;min-height:85px;font:14px/1.7 var(--sans);background:var(--bright);border:1px solid var(--line);border-radius:8px;padding:12px}.comment-area button{justify-self:start}.comment-area small{font-size:12px;color:var(--soft)}.comment{padding:18px 0;border-bottom:1px solid var(--line);max-width:76ch}.comment small{display:block}.comment p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.comment button{font-size:12px;padding:4px 8px}.book-page #graph-panel{height:auto;min-height:0}.book-page #graph-frame{height:620px;min-height:0}.book-page #graph-panel>.community{padding-left:12px;padding-right:12px}#book-comments{font-size:12px;padding:5px 10px}.contributor-fields{border:1px solid var(--line);border-radius:8px;padding:16px;margin:16px 0}.contributor-fields label{display:block}.contributor-fields textarea{width:100%}@media(max-width:640px){#book-identity{gap:8px;font-size:12px;margin:4px 0}.reader-jacket{width:38px;height:52px}.book-share{padding:6px}.contributor-info summary{font-size:11px}.book-page #graph-frame{height:500px;min-height:0}.share-status{max-width:80px}.community{margin-top:16px}}

#book-identity #book-comments{white-space:nowrap;flex:none;width:auto;align-self:center}#book-identity .share-status:empty{display:none}.contributor-info details{border:0;padding:0}.contributor-info summary{padding:2px 0}.book-page #book-identity{flex-wrap:wrap}.contributor-info{flex-basis:110px}.share-status{flex-basis:100%;max-width:none}

.contribution-help{margin:24px 0;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--bright)}.contribution-help li{margin:12px 0;line-height:1.8}.contribution-help textarea{width:100%;box-sizing:border-box;line-height:1.7;padding:14px;resize:vertical}.shelf-entry{min-width:0;display:flex;flex-direction:column;gap:12px}.shelf-entry .book{flex:1}.save-book{align-self:flex-start}#contribution:not([hidden]){position:relative;z-index:30;background:var(--bright);padding:24px;border-radius:16px}body:has(#contribution:not([hidden])) #reader{display:none}@media(max-width:600px){.contribution-help{padding:14px}#contribution:not([hidden]){padding:14px}}

#catalog-detail{padding:28px;background:var(--bright);border:1px solid var(--line);border-radius:18px;margin:20px 0;line-height:1.8}#catalog-detail h1{overflow-wrap:anywhere}#catalog-detail button{margin:8px 12px 8px 0}body:has(#contribution:not([hidden])) #catalog-detail{display:none}#more-books{display:block;margin:24px auto}#more-books[hidden]{display:none}.book-info{overflow-wrap:anywhere}

@media(max-width:600px){.sectionhead:has(#shelf-title){flex-wrap:wrap;gap:12px}#shelf-title{white-space:nowrap;font-size:24px}.sectionhead:has(#shelf-title) nav{order:3;flex-basis:100%;display:flex;gap:8px}.sectionhead:has(#shelf-title) #count{font-size:13px;margin-left:auto}}

/* 书架与筛选：视觉由 wiki.css 设计系统承载，此处仅保留检索结果的目录式排版与移动端横滑。 */
#category-nav{border:0;padding:0}
#category-nav button{min-height:0}
.shelf .book{text-decoration:none}
.shelf.search-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.search-results .shelf-entry{padding:22px 0;border-bottom:1px solid var(--line);gap:0}
.search-results .book{display:grid;grid-template-columns:72px minmax(0,1fr);gap:18px}
.search-results .cover{padding:10px 8px;border-radius:2px 5px 5px 2px}
.search-results .cover-title{font-size:12.5px;-webkit-line-clamp:4}
.search-results .cover-author{display:none}
.search-results .book-info{padding:0}
.search-results .book-title{font-size:16px}
.search-results .save-book{margin-left:90px}
@media(max-width:640px){
  #category-nav{flex-wrap:nowrap;overflow-x:auto;padding:7px 0;scrollbar-width:thin}
  #category-nav button{flex-shrink:0}
  .shelf.search-results{grid-template-columns:1fr}
  .search-results .cover{padding:9px 7px}
  .search-results .cover-title{font-size:12px}
}
