*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#0b1220;--panel:#141d31;--border:#24304d;--text:#e8edf7;--muted:#8ea0c0;--accent:#4f8cff}body,html{height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}a{color:var(--accent)}button{cursor:pointer}button,input{font:inherit}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:32px}.login-card h1{font-size:20px;margin-bottom:4px}.login-card p.sub{color:var(--muted);font-size:13px;margin-bottom:24px}.login-card label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.login-card input{width:100%;padding:10px 12px;margin-bottom:16px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.login-card input:focus{outline:none;border-color:var(--accent)}.login-card button{width:100%;padding:11px;border:none;border-radius:8px;background:var(--accent);color:#fff;font-weight:600}.login-card button:disabled{opacity:.6}.login-error{color:#ff7a7a;font-size:13px;margin-bottom:12px}.viewer{height:100vh;height:100dvh;display:flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.viewer-top{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--panel);flex-shrink:0}.viewer-top .brand{font-weight:600;font-size:14px}.viewer-top .meta{color:var(--muted);font-size:13px;display:flex;gap:14px;align-items:center}.viewer-top button.linkish{background:none;border:none;color:var(--muted);font-size:13px;text-decoration:underline}.stage{flex:1 1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-y}.stage img.slide{max-width:100%;max-height:100%;object-fit:contain;display:block;-webkit-user-drag:none}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:rgba(20,29,49,.85);color:var(--text);font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;z-index:2}.nav-btn:hover{border-color:var(--accent)}.nav-btn.prev{left:12px}.nav-btn.next{right:12px}.nav-btn:disabled{opacity:.3;cursor:default}.thumbs{flex-shrink:0;display:flex;gap:8px;padding:10px 16px;overflow-x:auto;background:var(--panel);border-top:1px solid var(--border)}.thumbs button{flex-shrink:0;padding:0;border:2px solid transparent;border-radius:6px;background:none;position:relative}.thumbs button.active{border-color:var(--accent)}.thumbs img{display:block;height:56px;border-radius:4px}.thumbs .num{position:absolute;bottom:3px;right:5px;font-size:10px;background:rgba(0,0,0,.65);color:#fff;padding:1px 5px;border-radius:4px}.admin{max-width:1000px;margin:0 auto;padding:32px 20px 60px}.admin h1{font-size:22px;margin-bottom:24px}.admin h2{font-size:16px;margin:32px 0 12px}.admin table{width:100%;border-collapse:collapse;font-size:13px}.admin td,.admin th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}.admin th{color:var(--muted);font-weight:500}.bar-cell{width:40%}.bar{background:var(--accent);height:10px;border-radius:5px;min-width:2px}