.novel-tags{position:sticky;top:64px;z-index:20;display:flex;gap:8px;overflow-x:auto;padding:10px 0 14px;background:var(--bg);scrollbar-width:none}.novel-tags::-webkit-scrollbar{display:none}.novel-tags button{flex:none;min-height:36px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);-webkit-text-fill-color:var(--muted);padding:7px 13px;cursor:pointer}.novel-tags button.active,.novel-tags button.active:hover,.novel-tags button.active:focus{background:#f5f5f7!important;border-color:#fff!important;color:#17181b!important;-webkit-text-fill-color:#17181b!important;opacity:1!important}
.novel-list{display:grid;gap:12px;max-width:900px}.novel-card{width:100%;display:grid;grid-template-columns:82px 1fr;gap:14px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;padding:12px 0;cursor:pointer}.novel-cover{position:relative;width:82px;aspect-ratio:3/4;background:var(--panel2);overflow:hidden;border-radius:4px}.novel-cover img{display:block;width:100%;height:100%;object-fit:cover}.novel-cover.title-cover:before{position:absolute;inset:0;content:attr(data-title);display:grid;place-items:center;padding:10px;color:#f1f1f2;font-size:13px;line-height:1.5;text-align:center;word-break:break-all;background:#292c31}.novel-cover.has-common-cover:after{content:"";position:absolute;inset:0;border:1px solid #ffffff12}.novel-card h2{font-size:16px;margin:2px 0 7px}.novel-card p{margin:0;color:#b4b8c0;font-size:13px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.novel-card .novel-classes{color:var(--accent);font-size:11px;margin-bottom:6px;white-space:nowrap;display:block;text-overflow:ellipsis}
.novel-pagination{display:flex;align-items:center;gap:14px;margin:24px 0}.novel-pagination button{border:1px solid var(--line);background:var(--panel);color:#ddd;border-radius:4px;padding:8px 15px}.novel-pagination button:disabled{opacity:.35}.novel-reader{position:fixed;z-index:100;inset:0;background:#090a0c;overflow-y:auto}.novel-reader[hidden]{display:none}.novel-reader article{width:min(760px,100%);min-height:100vh;margin:auto;padding:55px 24px 100px}.reader-close{position:fixed;right:max(18px,calc((100vw - 760px)/2));top:16px;border:0;background:#24262b;color:#fff;width:38px;height:38px;border-radius:50%;font-size:25px}.novel-reader h1{font-size:24px;line-height:1.5;margin:0 50px 35px 0}.reader-content{color:#dedfe2;font-size:17px;line-height:2}.reader-content p{margin:0 0 1.5em}.reader-open{overflow:hidden}
.novel-load-error{padding:48px 16px;text-align:center;color:var(--muted)}.novel-load-error button{margin-top:10px;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:#fff;padding:9px 18px;cursor:pointer}
@media(max-width:600px){.novel-tags{top:56px}.novel-card{grid-template-columns:72px 1fr}.novel-cover{width:72px}.novel-card h2{font-size:15px}.novel-card p{-webkit-line-clamp:2}.novel-reader article{padding:55px 18px 90px}.reader-content{font-size:16px;line-height:1.9}.reader-close{right:14px}}