:root{font-family:'Songti TC','Songti SC','Noto Serif CJK TC',serif;color:#423c36;background:#f6f3ed}*{box-sizing:border-box}body{max-width:1080px;margin:0 auto;padding:60px 32px 32px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:60px}h1{font-size:30px;font-weight:400;letter-spacing:12px;margin:0}input{font:14px inherit;width:150px;padding:10px 0;border:0;border-bottom:1px solid #d7cec3;background:transparent;color:inherit;border-radius:0}input::placeholder{color:#a09488}input:focus{outline:none;border-color:#875769}h2{font-size:13px;font-weight:400;letter-spacing:3px;color:#948678;margin:0 0 22px}.shelf-section{margin-bottom:48px}.book-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.book{display:block;position:relative;height:220px;background:#fffcf7;color:inherit;text-decoration:none;border:1px solid #e8e0d5;transition:transform .15s,background .15s}.book::before{content:'';position:absolute;right:9px;top:0;bottom:0;border-right:1px solid #ece4da}.book:hover{background:#fff;transform:translateY(-3px)}.book:focus-visible{outline:2px solid #875769;outline-offset:4px}.book-name{position:absolute;top:23px;right:30px;writing-mode:vertical-rl;font-size:22px;letter-spacing:3px;max-height:150px}.book-author{position:absolute;bottom:16px;left:13px;right:16px;font-size:11px;line-height:1.6;color:#a18f80}footer{font-size:11px;line-height:2;color:#aa9c8d;border-top:1px solid #e5dcd0;padding-top:22px}#empty{color:#948678;padding:40px 0}[hidden]{display:none!important}@media(max-width:900px){.book-list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:560px){body{padding:32px 20px 22px}header{margin-bottom:36px}.book-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.book{height:210px}.book-name{right:24px;font-size:20px;max-height:140px}.book-author{font-size:10px}.shelf-section{margin-bottom:36px}input{width:100px}}@media(prefers-reduced-motion:reduce){.book{transition:none}.book:hover{transform:none}}