*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;padding:24px;background:#fff;color:#333;max-width:1100px;margin:0 auto}.bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eee}h2{font-size:18px;font-weight:600}.left{display:flex;align-items:center;gap:14px}.navlink{font-size:13px;color:#2f6fed;background:#fff;border:1px solid #2f6fed;border-radius:4px;padding:4px 14px;text-decoration:none;white-space:nowrap;transition:background .15s}.navlink:hover{background:#eef3fd}.tools{display:flex;align-items:center;gap:8px}input[type=search]{font-size:13px;color:#333;border:1px solid #ddd;border-radius:4px;padding:4px 10px;width:180px;outline:none}input[type=search]:focus{border-color:#999}input[type=search]::placeholder{color:#bbb}button{font-size:13px;color:#555;background:#fff;border:1px solid #ddd;border-radius:4px;padding:4px 14px;cursor:pointer;transition:background .15s}button:hover{background:#f5f5f5}button:disabled{opacity:.5;cursor:default}.msg{font-size:13px;color:#c0392b;margin-bottom:12px;display:none}.msg.show{display:block}.book-list{display:grid;grid-template-columns:repeat(3,1fr);column-gap:24px;row-gap:4px;list-style:none}.book-list li{display:flex;align-items:center;gap:8px;padding:6px 2px;cursor:pointer}.book-list .title{flex:1;min-width:0;font-size:14px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s}.book-list li:hover .title{color:#111}.book-list .star{flex:none;font-size:21px;line-height:1;color:#ccc;cursor:pointer;-webkit-user-select:none;user-select:none;padding:2px 4px;transition:color .15s,transform .1s}.book-list .star:hover{color:#999;transform:scale(1.15)}.book-list .star.on{color:#f5a623}.book-list .acts{flex:none;display:inline-flex;align-items:center;gap:6px;min-width:0}.book-list .convbtn{font-size:12px;color:#2f6fed;background:#fff;border:1px solid #2f6fed;border-radius:4px;padding:2px 10px;cursor:pointer;white-space:nowrap;transition:background .15s}.book-list .convbtn:hover:not(:disabled){background:#eef3fd}.book-list .convbtn.stalebtn{color:#e67e22;border-color:#e67e22}.book-list .convbtn.stalebtn:hover:not(:disabled){background:#fdf3ea}.book-list .convbtn.delbtn{color:#c0392b;border-color:#c0392b}.book-list .convbtn.delbtn:hover:not(:disabled){background:#fdf0ef}.book-list .chip{font-size:12px;color:#777;background:#f2f2f2;border-radius:10px;padding:1px 8px;white-space:nowrap}.book-list .chip.stale{color:#e67e22;background:#fdf3ea}.book-list .epublink{font-size:12px;color:#1a8f3c;border:1px solid #1a8f3c;border-radius:4px;padding:2px 8px;text-decoration:none;white-space:nowrap;transition:background .15s}.book-list .epublink:hover{background:#e9f6ee}.book-list .cnt{flex:none;display:inline-flex;align-items:center;line-height:1}.book-list .cnt svg{display:block}.book-list li.empty{display:block;grid-column:1 / -1;text-align:center;color:#bbb;cursor:default;padding:12px 0}@media(max-width:640px){.book-list{grid-template-columns:1fr}}