:root{--nav:#343a40;--side:#222d32;--accent:#dc3545;--bg:#f4f6f9;--text:#343a40;--muted:#6c757d;--card:#fff;--line:#dee2e6}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,"Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.source-navbar{position:sticky;top:0;z-index:50;height:57px;display:flex;align-items:center;padding:0 18px;background:var(--nav);color:#fff;box-shadow:0 1px 3px #0005}.source-brand{font-size:22px;font-weight:700;margin-right:28px}.source-navbar nav{display:flex;gap:7px}.source-navbar nav a{padding:8px 13px;border:1px solid #6c757d;border-radius:4px;font-size:14px}.source-navbar nav a:hover{background:#fff;color:#222}.source-layout{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 57px)}.source-sidebar{background:var(--side);color:#c2c7d0;padding:20px 12px}.source-sidebar strong{display:block;color:#fff;padding:8px 12px 14px;font-size:15px}.source-sidebar a{display:block;padding:11px 13px;border-radius:4px;font-size:14px}.source-sidebar a:hover,.source-sidebar a.active{color:#fff;background:#dc3545}.source-content{min-width:0}.comic-main{max-width:1480px;margin:auto;padding:22px}.comic-title{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;margin-bottom:18px;background:#fff;border:1px solid var(--line);border-radius:4px}.comic-title h1{font-size:22px;margin:0}.comic-title span{color:var(--muted)}.comic-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}.comic-card{position:relative;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:4px;overflow:hidden;box-shadow:0 1px 2px #00000012;transition:.18s}.comic-card:hover{transform:translateY(-3px);box-shadow:0 5px 14px #0002;border-color:#adb5bd}.comic-card img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;background:#e3e6e8}.comic-card h2{height:42px;margin:10px 10px 4px;font-size:14px;line-height:21px;overflow:hidden}.comic-card p{height:18px;margin:0 10px 11px;color:var(--accent);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comic-info{display:grid;grid-template-columns:240px 1fr;gap:26px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:4px}.comic-info>img{width:100%;border-radius:3px}.comic-info h1{margin:0 0 15px;font-size:27px}.comic-info p{line-height:1.8;color:#555}.chapter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.chapter-grid a{padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:4px}.chapter-grid a:hover{color:var(--accent);border-color:var(--accent)}.chapter-grid small{float:right;color:#888}.reader-main{max-width:1120px;margin:auto;background:#111}.reader-main nav{position:sticky;top:57px;z-index:20;display:flex;justify-content:space-between;gap:18px;padding:13px 18px;background:#343a40;color:#fff}.reader-main nav a{color:#ffc107}.comic-pages img{display:block;max-width:100%;width:auto;margin:0 auto;background:#111}.source-footer{text-align:center;padding:28px;color:#777;background:#fff;border-top:1px solid var(--line)}.pagination,.pager{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:25px 0}.pagination a,.pager a{padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:3px}.pagination a:hover,.pager a:hover{color:#fff;background:var(--accent)}@media(max-width:1180px){.comic-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:780px){.source-navbar{padding:0 12px}.source-brand{font-size:19px;margin-right:auto}.source-navbar nav a:nth-child(n+3){display:none}.source-layout{display:block}.source-sidebar{display:flex;overflow-x:auto;padding:8px}.source-sidebar strong{display:none}.source-sidebar a{white-space:nowrap;padding:8px 12px}.comic-main{padding:12px}.comic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.comic-info{grid-template-columns:110px 1fr;gap:13px;padding:12px}.comic-info h1{font-size:19px}.comic-info p{font-size:13px}.chapter-grid{grid-template-columns:repeat(2,1fr)}.reader-main nav strong{max-width:62%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}