/* 皮膚:木質書架。深色木紋頁首、米色紙張底、書籍站在木頭層板上、側欄在右側。 */
body.skin-shelf {
  --wood: #4a2c17; --wood2: #6b4423; --plank: #a8773f; --gold: #e8c26a; --paper: #f4ead6; --paper2: #fbf5e8;
  --bg: #eadfc6; --surface: #fbf5e8; --ink: #3a2a1a; --mute: #8a7456; --line: #d9c7a3; --accent: #6b4423; --accent2: #8a5a2b; --accent-ink: #e8c26a; --accent-soft: #f1e3c3;
  --hdr-bg: repeating-linear-gradient(90deg, #4a2c17 0 38px, #51311a 38px 40px); --hdr-ink: #f4e3bf; --ftr-bg: #4a2c17; --ftr-ink: #dcc9a3; --radius: 6px; --shadow: 0 2px 8px rgba(74, 44, 23, .12); --hdr-h: 74px;
  background: linear-gradient(180deg, #efe3ca, #e6d6b6) fixed; font-family: "Noto Serif TC", "PMingLiU", "Songti TC", "Noto Sans TC", serif;
}
body.skin-shelf a { color: #8a4b16; }
body.skin-shelf .hdr { border-bottom: 3px solid var(--gold); box-shadow: 0 4px 14px rgba(0, 0, 0, .35); }
body.skin-shelf .nav-list > li > a { letter-spacing: 1px; }
body.skin-shelf .nav-list > li > a:hover, body.skin-shelf .nav-list > li.on > a { background: var(--gold); color: #3b2414; }
body.skin-shelf .hsearch { background: var(--paper); color: var(--ink); border: 1px solid var(--gold); border-radius: 4px; }
body.skin-shelf .acct-btn { background: linear-gradient(#8a4b16, #5e3512); color: #f4e3bf; border-radius: 4px; box-shadow: 0 2px 6px rgba(0, 0, 0, .4); }
body.skin-shelf .acct-btn:hover { background: var(--gold); color: #3b2414; filter: none; }
body.skin-shelf .acct-pop { border-radius: 4px; }
body.skin-shelf .content { background: var(--paper2); border: 1px solid var(--line); border-radius: 6px; padding: 24px 28px; box-shadow: 0 3px 14px rgba(74, 44, 23, .14); min-width: 0; }
body.skin-shelf .side-card { border-radius: 4px; }
body.skin-shelf .sec-hd { border-bottom: 2px solid var(--wood2); margin-bottom: 18px; }
body.skin-shelf .sec-hd h2 { background: linear-gradient(var(--wood2), var(--wood)); color: var(--gold); padding: 6px 22px; font-size: 21px; letter-spacing: 2px; text-shadow: 0 1px 0 #0006; border-radius: 4px 4px 0 0; margin-bottom: -2px; }
body.skin-shelf .sec-more { background: none; border: 1px solid var(--wood2); color: var(--wood2); border-radius: 3px; }
body.skin-shelf .hero { border: 8px solid var(--wood); outline: 1px solid var(--gold); border-radius: 4px; box-shadow: 0 6px 18px rgba(0, 0, 0, .3); }
body.skin-shelf .btn { border-radius: 3px; } body.skin-shelf .btn.primary { background: linear-gradient(#7b4f24, #5e3512); color: var(--gold); }
body.skin-shelf .fld input, body.skin-shelf .fld textarea, body.skin-shelf .fld select { background: #fffaf0; border-radius: 3px; }
/* 書架:每一排書下面一片層板 */
body.skin-shelf .shelf { gap: 0; }
body.skin-shelf .bk { position: relative; padding: 0; }
body.skin-shelf .bk-cover { margin: 18px 14px 0; border-radius: 2px; box-shadow: 3px 3px 8px rgba(0, 0, 0, .45); z-index: 1; background: #ddd; }
body.skin-shelf .bk:hover .bk-cover { transform: translateY(-8px) rotate(-1.2deg); box-shadow: 6px 10px 18px rgba(0, 0, 0, .45); }
body.skin-shelf .bk-meta { position: relative; padding: 26px 8px 16px; margin-top: -4px; }
body.skin-shelf .bk-meta::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 18px; background: linear-gradient(#b98650 0, #a8773f 35%, #7b4f24 100%); box-shadow: 0 7px 8px rgba(0, 0, 0, .3), inset 0 2px 0 #d3a56d; }
body.skin-shelf .bk-title { color: var(--wood); font-weight: 700; } 
body.skin-shelf .desc { background: #fffaf0; border-left: 6px solid #8a5a2b; border-radius: 3px; }
body.skin-shelf .book-hero, body.skin-shelf .tabs { background: var(--paper2); border-radius: 4px; }
body.skin-shelf .tab-list { background: #efe0bf; } body.skin-shelf .tab-list button[aria-selected="true"] { background: var(--paper2); color: var(--wood); }
body.skin-shelf .pager a, body.skin-shelf .pager span { border-radius: 3px; background: #fffaf0; } body.skin-shelf .pager .cur { background: var(--wood2); color: var(--gold); border-color: var(--wood2); }
body.skin-shelf .ftr { border-top: 3px solid var(--gold); }
@media (max-width: 1100px) { body.skin-shelf .content { padding: 16px; } body.skin-shelf { --hdr-h: 64px; } }
@media (max-width: 640px) { body.skin-shelf .bk-cover { margin: 14px 10px 0; } }
body.skin-shelf .hdr a:not(.brand) { color: var(--hdr-ink); }
body.skin-shelf .hdr .sub a, body.skin-shelf .hdr .acct-pop a, body.skin-shelf .hdr .acct-pop h3 { color: var(--ink); }
body.skin-shelf .hdr .acct-list a:hover { color: var(--accent-ink); }
body.skin-shelf .hdr .acct-btn, body.skin-shelf .hdr .btn.primary { color: #f4e3bf; }
body.skin-shelf .hdr .nav-list > li > a:hover, body.skin-shelf .hdr .nav-list > li.on > a { color: #3b2414; }
body.skin-shelf .ftr a { color: var(--gold); } body.skin-shelf .btn.primary, body.skin-shelf .btn.primary:hover { color: var(--gold); } body.skin-shelf .btn:not(.primary) { color: var(--wood); }
body.skin-shelf .sec-more:hover { background: var(--wood2); color: var(--gold); }
body.skin-shelf .drawer a { color: var(--ink); }
@media (max-width: 800px) {
  body.skin-shelf .content { padding: 12px; }
  body.skin-shelf .book-hero { border: 0; box-shadow: none; background: transparent; padding: 0; }
  body.skin-shelf .tabs { box-shadow: none; }
}