.comic{--c-radius:var(--radius);background:var(--surface);color:var(--text);border:1px solid var(--border);min-height:100vh;transition:background var(--t-base), color var(--t-base), border-color var(--t-base);border-radius:12px;padding:16px 20px 48px}.comic *{box-sizing:border-box}.comic :focus-visible{outline:3px solid var(--accent-2);outline-offset:2px}.comic .mode-tabs{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.comic .mode-tab{border-radius:var(--c-radius);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-dim);cursor:pointer;min-height:44px;transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast);align-items:center;padding:9px 22px;font-size:.95rem;text-decoration:none;display:inline-flex}.comic .mode-tab:hover{background:var(--surface-3);border-color:var(--accent-2)}.comic .mode-tab.active{background:var(--accent-2);border-color:var(--accent-2);color:#fff;font-weight:600}.comic .search-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.comic .search-bar input[type=text]{border-radius:var(--c-radius);border:1px solid var(--border-strong);background:var(--bg-elevated);min-height:44px;color:var(--text);min-width:200px;transition:border-color var(--t-fast), background var(--t-base);flex:200px;padding:8px 12px;font-size:.95rem}.comic .search-bar input[type=text]:focus{border-color:var(--accent-2);outline:none}.comic .search-bar select{border-radius:var(--c-radius);border:1px solid var(--border-strong);background:var(--bg-elevated);min-height:44px;color:var(--text);transition:border-color var(--t-fast), background var(--t-base);padding:8px}.comic .btn{cursor:pointer;border-radius:var(--c-radius);border:1px solid var(--border-strong);background:var(--bg-elevated);min-width:44px;min-height:44px;color:var(--text);transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast);padding:8px 16px;font-size:.9rem}.comic .btn:hover{background:var(--surface-2);border-color:var(--accent-2);color:var(--text-bright)}.comic .btn-primary{background:var(--accent-2);border-color:var(--accent-2);color:#fff}.comic .btn-primary:hover{background:var(--accent-2-hover);border-color:var(--accent-2-hover)}.comic .card-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;display:grid}.comic .card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--c-radius);cursor:pointer;transition:transform .12s ease, border-color var(--t-fast), box-shadow var(--t-fast);color:var(--text);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.comic .card:hover{border-color:var(--accent-2);box-shadow:var(--shadow-md);transform:translateY(-2px)}.comic .card .thumb{aspect-ratio:3/4;background:var(--surface-3);object-fit:cover;width:100%;display:block}.comic .card .body{padding:10px 12px 12px}.comic .card .title{color:var(--text-bright);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;font-size:.85rem;font-weight:600;display:-webkit-box;overflow:hidden}.comic .card .tags{color:var(--text-dim);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:.72rem;display:-webkit-box;overflow:hidden}.comic .card .meta-line{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:.72rem;display:flex}.comic .section-title{color:var(--text-bright);border-left:4px solid var(--accent-2);margin:0 0 12px;padding-left:10px;font-size:1.05rem;font-weight:600}.comic .empty{color:var(--text-dim);padding:8px 0;font-size:.9rem}.comic .badge{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);border-radius:6px;padding:2px 10px;font-family:ui-monospace,monospace;font-size:.75rem;display:inline-block}.comic .badge-offline{color:var(--success,#2e7d32);background:0 0;border-color:currentColor;margin-top:6px}.comic .badge-missing{color:var(--warn,#b26a00);background:0 0;border-color:currentColor;margin-top:6px}.comic .chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text);transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast);border-radius:999px;margin:2px;padding:4px 12px;font-size:.82rem;text-decoration:none;display:inline-block}.comic .chip:hover{background:var(--accent-2-soft);border-color:var(--accent-2);color:var(--accent-2)}.comic .status-msg{text-align:center;color:var(--text-dim);padding:60px 0}.comic .status-msg.error{color:var(--danger)}.comic .error-box{background:var(--accent-soft);border:1px solid var(--danger);border-radius:var(--c-radius);color:var(--danger);white-space:pre-wrap;word-break:break-all;margin:12px 0;padding:12px 16px}.comic .pagination{justify-content:center;align-items:center;gap:10px;margin:24px 0;display:flex}.comic .stat-bar{flex-wrap:wrap;gap:8px 18px;display:flex}.comic .stat{align-items:center;gap:6px;font-size:.9rem;display:flex}.comic .stat .k{color:var(--text-dim);font-size:.78rem}.comic .detail-toolbar{border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:18px;padding-bottom:12px;display:flex}.comic .detail-toolbar>.btn:first-child{flex:none}.comic .detail-toolbar>.btn:last-child{flex:none;margin-left:auto}.comic .btn.btn-fav[aria-pressed=true]{background:var(--accent-2);border-color:var(--accent-2);color:#fff;font-weight:600}.comic .btn.btn-fav[aria-pressed=true]:hover{background:var(--accent-2-hover);border-color:var(--accent-2-hover)}.comic .detail-head{flex-wrap:wrap;gap:20px;display:flex}.comic .detail-cover{width:220px;max-width:100%}.comic .detail-cover img{aspect-ratio:3/4;object-fit:cover;border-radius:var(--c-radius);border:1px solid var(--border);background:var(--surface-3);width:100%}.comic .detail-info{flex:1;min-width:260px}.comic .detail-info h1{color:var(--text-bright);margin:0 0 6px;font-size:1.3rem;line-height:1.35}.comic .episode-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.comic .episode-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--c-radius);cursor:pointer;color:var(--text);text-align:left;width:100%;min-height:44px;transition:border-color var(--t-fast), background var(--t-fast);align-items:center;gap:12px;padding:10px 14px;font-size:.9rem;text-decoration:none;display:flex}.comic .episode-item:hover{border-color:var(--accent-2);background:var(--surface-2)}.comic .episode-item .idx{text-align:center;background:var(--surface-3);min-width:36px;color:var(--accent-2);border-radius:6px;padding:4px 8px;font-size:.8rem;font-weight:700}.comic .image-grid{flex-direction:column;align-items:center;gap:14px;display:flex}.comic .image-grid img{border:1px solid var(--border);background:var(--surface-2);cursor:zoom-in;border-radius:6px;max-width:100%}.comic .reader-stream{width:100%;display:block}.comic .reader-stream img{cursor:zoom-in;background:#000;border:none;border-radius:0;width:100%;max-width:100%;margin:0;padding:0;display:block}.comic .pager{justify-content:center;gap:10px;margin:20px 0;display:flex}.comic .scramble-wrap{display:block;position:relative}.comic .scramble-wrap img,.comic .scramble-wrap canvas{border:none;width:100%;max-width:100%;margin:0;padding:0;display:block}.comic .scramble-wrap canvas{height:100%;position:absolute;inset:0}.comic .viewer{z-index:100;background:#000000eb;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.comic .viewer[hidden]{display:none}.comic .viewer img{object-fit:contain;border-radius:6px;max-width:92vw;max-height:82vh}.comic .viewer .v-bar{color:#f4f4f5;align-items:center;gap:12px;margin-top:14px;display:flex}.comic .viewer .v-bar .btn{color:#f4f4f5;background:#ffffff1a;border-color:#fff3}.comic .viewer .v-bar .btn:hover{background:#fff3}.comic .viewer .close{color:#f4f4f5;cursor:pointer;background:0 0;border:none;min-width:44px;min-height:44px;font-size:1.6rem;position:absolute;top:16px;right:20px}@media (width<=640px){.comic .search-bar input[type=text]{flex:100%;width:100%}.comic .detail-cover{width:160px}}:root,:root[data-theme=light]{--bg:#fafaf7;--bg-elevated:#fff;--surface:#fff;--surface-2:#f5f4f0;--surface-3:#ece9e2;--text:#1f1d1a;--text-dim:#6b6b6b;--text-bright:#000;--text-on-accent:#fff;--border:#e2e2e0;--border-strong:#c8c8c8;--accent:#c0392b;--accent-soft:#c0392b1a;--accent-hover:#a02d20;--accent-2:#3b82f6;--accent-2-soft:#3b82f61a;--accent-2-hover:#2563eb;--success:#16a34a;--danger:#ef4444;--warning:#f59e0b;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 10px 30px #0000001a;--radius:10px;--radius-sm:6px;--radius-lg:16px;--t-fast:.15s ease;--t-base:.2s ease}:root[data-theme=dark]{--bg:#18181b;--bg-elevated:#1f1f23;--surface:#202024;--surface-2:#2a2a30;--surface-3:#34343a;--text:#e4e4e7;--text-dim:#a1a1aa;--text-bright:#fff;--text-on-accent:#fff;--border:#3f3f46;--border-strong:#52525b;--accent:#ef6c5a;--accent-soft:#ef6c5a29;--accent-hover:#f8816f;--accent-2:#60a5fa;--accent-2-soft:#60a5fa29;--accent-2-hover:#7eb3fb;--success:#22c55e;--danger:#f87171;--warning:#fbbf24;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 10px 30px #00000080}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);transition:background var(--t-base), color var(--t-base)}body{max-width:880px;margin:0 auto;padding:1.5rem 1.25rem 4rem;font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.7}a{color:var(--accent);transition:color var(--t-fast);text-decoration:none}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}header.site{border-bottom:1px solid var(--border);transition:border-color var(--t-base);align-items:baseline;gap:1rem;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}header.site h1{margin:0;font-size:1.4rem}header.site h1 a{color:var(--text-bright);text-decoration:none}header.site .brand{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}header.site .brand-sub{color:var(--text-dim);margin:0;font-size:.78rem;font-weight:400}header.site nav{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}header.site nav a{color:var(--text-dim);text-decoration:none}header.site nav a:hover{color:var(--text-bright)}header.site nav a.active{color:var(--text-bright);font-weight:600}header.site nav .nav-group{border-left:1px solid var(--border);align-items:center;gap:6px;margin-left:2px;padding:0 4px;display:inline-flex}header.site nav .nav-group:first-of-type{border-left:0;padding-left:0}header.site nav .nav-group-label{border-radius:var(--radius-sm);letter-spacing:.05em;transition:background var(--t-base);padding:2px 8px;font-size:.8rem;font-weight:700}header.site nav .nav-group[data-group=novel] .nav-group-label{color:var(--accent);background:var(--accent-soft)}header.site nav .nav-group[data-group=comic] .nav-group-label{color:var(--accent-2);background:var(--accent-2-soft)}header.site nav .nav-group-items{flex-wrap:wrap;align-items:center;gap:.85rem;display:inline-flex}header.site nav .nav-group-items a{font-size:.92rem}header.site nav .nav-actions{align-items:center;gap:6px;margin-left:auto;display:inline-flex}header.site nav button.theme-toggle,header.site nav button.cn-toggle{border:1px solid var(--border-strong);background:var(--surface);min-height:32px;color:var(--text-dim);cursor:pointer;transition:background var(--t-fast), color var(--t-fast), border-color var(--t-fast);border-radius:14px;padding:.35rem .8rem;font-size:.85rem}header.site nav button.theme-toggle:hover,header.site nav button.cn-toggle:hover{background:var(--surface-2);color:var(--text-bright)}header.site nav button.theme-toggle[aria-pressed=true]{background:var(--accent-2-soft);border-color:var(--accent-2);color:var(--accent-2)}header.site nav button.cn-toggle[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}header.site nav button.theme-toggle:disabled,header.site nav button.cn-toggle:disabled{opacity:.45;cursor:wait}small.meta{color:var(--text-dim);margin-top:.25rem;font-size:.85rem;display:block}ul.work-list{grid-template-columns:1fr;gap:.5rem;padding:0;list-style:none;display:grid}ul.work-list li{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);transition:border-color var(--t-fast), background var(--t-base), box-shadow var(--t-fast);padding:.75rem 1rem}ul.work-list li:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}ul.work-list li a{color:var(--text);font-weight:600}.search{flex-wrap:wrap;gap:8px;margin-bottom:1rem;display:flex}.search input[type=text]{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);min-height:44px;color:var(--text);min-width:200px;transition:border-color var(--t-fast), background var(--t-base);flex:220px;padding:8px 12px;font-size:.95rem}.search input[type=text]:focus{border-color:var(--accent);outline:none}.search button{border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);min-height:44px;color:var(--text-on-accent);cursor:pointer;transition:background var(--t-fast);padding:8px 18px;font-size:.92rem}.search button:hover{background:var(--accent-hover)}.pager{flex-wrap:wrap;align-items:center;gap:10px;margin-top:1rem;display:flex}.pager a,.pager button{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);min-height:36px;color:var(--text);cursor:pointer;transition:background var(--t-fast), border-color var(--t-fast);padding:6px 14px;text-decoration:none}.pager a:hover,.pager button:hover{background:var(--surface-2);border-color:var(--accent)}.pager .muted{color:var(--text-dim);padding:6px 10px}.pager .current{color:var(--text-bright);padding:6px 10px;font-weight:600}.status-msg{color:var(--text-dim);text-align:center;padding:30px 0}.status-msg.error{color:var(--danger)}footer.site{border-top:1px solid var(--border);color:var(--text-dim);transition:border-color var(--t-base);margin-top:3rem;padding-top:1rem;font-size:.85rem}