:root{--bg: #101317;--bg-elevated: #181d23;--bg-card: #1c222a;--border: #2a323c;--text: #e8ecf1;--text-muted: #9aa4b2;--accent: #d8f36a;--accent-ink: #111318;--danger: #e06c75;--radius: 12px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;min-height:100%}#root{min-height:100dvh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:var(--text);background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:10px 12px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}img{display:block}.page{max-width:720px;width:100%;margin:0 auto;padding:16px 14px calc(84px + var(--safe-bottom))}.page-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.page-header h1{font-size:20px;margin:0}.page-header .sub{color:var(--text-muted);font-size:13px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#101317eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);display:flex;justify-content:space-around;padding-bottom:var(--safe-bottom)}.bottom-nav a{flex:1;text-align:center;padding:9px 0 8px;font-size:12px;color:var(--text-muted);border-bottom:2px solid transparent}.bottom-nav a.active{color:var(--accent);border-bottom-color:var(--accent)}.bottom-nav .nav-icon{display:block;font-size:18px;margin-bottom:2px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.comic-card:active{transform:scale(.97)}.comic-card .cover{aspect-ratio:3 / 4;width:100%;object-fit:cover;background:var(--bg-elevated)}.comic-card .title{padding:8px 10px 10px;font-size:13px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:44px}.btn{background:var(--accent);color:var(--accent-ink);border:0;border-radius:10px;padding:10px 16px;font-weight:700;font-size:14px}.btn:disabled{opacity:.5;cursor:default}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border);font-weight:500}.btn-danger{background:transparent;color:var(--danger);border:1px solid var(--danger);font-weight:500}.field{display:grid;gap:6px;margin-bottom:12px}.field label{font-size:13px;color:var(--text-muted)}.muted{color:var(--text-muted)}.section-title{font-size:15px;font-weight:700;margin:22px 0 10px}.empty{text-align:center;color:var(--text-muted);padding:48px 0;font-size:14px}.row{display:flex;align-items:center;gap:12px;background:var(--bg-card);border-radius:var(--radius);padding:10px;margin-bottom:8px}.row .thumb{width:52px;height:70px;object-fit:cover;border-radius:8px;background:var(--bg-elevated);flex-shrink:0}.row .row-body{flex:1;min-width:0}.row .row-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .row-sub{font-size:12px;color:var(--text-muted);margin-top:3px}.badge{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted)}.badge.on{color:var(--accent);border-color:var(--accent)}.chip{background:var(--bg-card);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:6px 14px;font-size:13px}.chip:disabled{opacity:.45;cursor:default}.chip:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.danger-link{background:none;border:0;color:var(--danger);font-size:12px;padding:4px 8px;border-radius:6px}.danger-link:hover{background:#e06c751f}.seg{display:inline-flex;background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;padding:3px;gap:2px}.seg-btn{background:none;border:0;color:var(--text-muted);font-size:12px;padding:4px 12px;border-radius:999px;cursor:pointer;transition:background .12s ease,color .12s ease}.seg-btn:hover{color:var(--text)}.seg-btn.active{background:var(--accent);color:var(--accent-ink)}.comic-card{background:var(--bg-card);border-radius:var(--radius);overflow:hidden;transition:transform .12s ease}.rec-reason{font-size:11px;color:var(--text-muted);padding:6px 8px;background:var(--bg-elevated);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}