body{font-family:"Roboto",Arial,"Noto Sans TC";margin:0;padding-top:env(safe-area-inset-top, 0px);padding-bottom:env(safe-area-inset-bottom, 0px);padding-left:env(safe-area-inset-left, 0px);padding-right:env(safe-area-inset-right, 0px);color:#ececec;background-color:#000;font-size:clamp(12px,1.7vw,16px)}@media (max-height: 730px){body{font-size:clamp(12px,1.6vw,16px)}}.background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(135deg, #1a1a1a, #111)}.header{position:fixed;top:0;left:0;right:0;height:47px;z-index:2;display:flex;align-items:center;justify-content:center;font-size:16px;background:rgba(0,0,0,.8);border-bottom:1px solid #444}.header h2{color:#ff8c00;font-size:1.5rem;margin:0 auto;letter-spacing:1px;}.header i{position:absolute;padding:10px;color:#ececec;background-color:inherit;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.header i:hover{color:#000;background-color:#ff8c00}#backButton{left:15px}.bookshelf{position:relative;margin-top:47px;top:30px;padding:10px;display:flex;flex-wrap:wrap;justify-content:center;gap:25px}.book{color:inherit;background-color:#333;text-decoration:none;border-radius:5px;border:1px solid #444;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.2);transition:transform .3s,box-shadow .3s}.book:hover{transform:scale(1.05);box-shadow:0 8px 16px rgba(0,0,0,.3)}.cover{width:240px;height:150px;overflow:hidden;transition:width .3s,height .3s}@media (max-width: 730px){.cover{width:120px;height:75px}}@media (max-height: 730px){.cover{width:120px;height:75px}}.cover img{width:100%;height:100%;object-fit:cover}.book-title{padding:10px;text-align:center;background-color:#222;color:#ff8c00}