style: refine mobile admin navigation

index.html

@@ -4,9 +4,9 @@
 <meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover"><title>AM Downloader</title>
 <style>
 *{box-sizing:border-box}body{margin:0;background:#0b1220;color:#e7edf7;font:14px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.wrap{max-width:1100px;margin:auto;padding:20px 16px 80px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.brand{font-size:24px;font-weight:850}.brand b{color:#10b981}.sub,.muted{color:#8492a7}.sub{margin-top:4px;font-size:12px}.nav{display:flex;gap:6px;background:#101a2b;border:1px solid #22304a;border-radius:14px;padding:5px}.nav button{border:0;background:transparent;color:#9aa8bb;padding:9px 13px;border-radius:10px;cursor:pointer;font-weight:650}.nav button.active{background:#1c2b42;color:#fff}.badge{display:inline-flex;min-width:19px;height:19px;align-items:center;justify-content:center;border-radius:10px;background:#10b981;color:#06251b;font-size:11px;margin-left:5px}.view{display:none}.view.active{display:block}.hero{padding:44px 8px 34px;text-align:center}.hero h1{font-size:34px;margin:0 0 10px}.hero p{color:#8492a7;margin:0 0 24px}.searchbar{display:flex;max-width:720px;margin:auto;gap:8px}.input{width:100%;padding:12px 13px;border-radius:11px;border:1px solid #2a3852;background:#0c1525;color:#fff;outline:none}.input:focus{border-color:#10b981}.btn{border:0;border-radius:11px;padding:11px 16px;background:#10b981;color:#06251b;font-weight:750;cursor:pointer;white-space:nowrap}.btn.alt{background:#1b2940;color:#dbe5f2}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:#111b2c;border:1px solid #22304a;border-radius:17px;padding:18px;margin-bottom:15px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.title{font-size:17px;font-weight:780}.toolbar{display:flex;gap:8px;align-items:center}.result{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border-radius:12px}.result:hover{background:#162238}.cover{width:50px;height:50px;border-radius:10px;object-fit:cover;background:#1b2638}.name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{font-size:12px;color:#8492a7;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.results{display:grid;gap:3px}.empty{text-align:center;padding:42px 12px;color:#8492a7}.loadmore{width:100%;margin-top:12px}.task-tabs{display:flex;gap:6px;overflow:auto;margin-bottom:14px}.task-tabs button{border:1px solid #283750;background:#0e1829;color:#aab6c7;border-radius:10px;padding:8px 12px;white-space:nowrap}.task-tabs button.active{background:#1c2b42;color:#fff}.status{font-size:12px;padding:5px 8px;border-radius:8px;background:#1c2a40}.done{color:#34d399}.error{color:#fb7185}.progress{height:5px;background:#1b2940;border-radius:4px;margin-top:8px;overflow:hidden}.progress i{display:block;height:100%;background:#10b981}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.setting-card h3{margin:0 0 5px;font-size:15px}.setting-card p{margin:0 0 15px;color:#8492a7;font-size:12px}.field{margin-top:12px}.field label{display:block;color:#9aa8bb;font-size:12px;margin-bottom:6px}.row{display:flex;gap:9px}.row>*{min-width:0;flex:1}.notice{padding:10px 12px;background:#0d1728;border:1px solid #23314a;border-radius:10px;color:#9eacc0;font-size:12px;margin-top:12px}.recent{margin-top:4px}.mobile-nav{display:none}.quality-select{max-width:132px}.file-info{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.chip{display:inline-flex;align-items:center;padding:3px 7px;border-radius:7px;background:#17243a;color:#b9c6d8;font-size:11px}.chip.actual{color:#d9fbe9;background:#123126}.chip.warn{color:#fde7b0;background:#352b16}
-@media(max-width:720px){.wrap{padding:14px 12px 132px}.top{align-items:flex-start}.top .nav{display:none}.hero{padding:35px 4px 25px}.hero h1{font-size:28px}.searchbar{flex-wrap:wrap}.searchbar .input{flex-basis:100%}.searchbar select,.searchbar button{flex:1}.settings-grid{grid-template-columns:1fr}.result{grid-template-columns:42px minmax(0,1fr);gap:10px;padding:10px 6px}.cover{width:42px;height:42px}.result .toolbar{grid-column:2;display:flex;width:100%;gap:7px;margin-top:4px}.result .quality-select{max-width:none;min-width:0;flex:1}.result .toolbar .btn{padding:9px 14px;min-width:76px}.mobile-nav{position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;padding:5px;background:#111b2c;border:1px solid #2a3852;border-radius:16px;z-index:10}.mobile-nav button{border:0;background:transparent;color:#8492a7;padding:9px 4px;border-radius:11px;font-size:12px}.mobile-nav button.active{background:#1c2b42;color:#fff}.row{flex-wrap:wrap}.row>*{flex-basis:100%}}
+@media(max-width:720px){.wrap{padding:14px 12px 110px}.top{align-items:flex-start}.top .nav{display:none}.hero{padding:35px 4px 25px}.hero h1{font-size:28px}.searchbar{flex-wrap:wrap}.searchbar .input{flex-basis:100%}.searchbar select,.searchbar button{flex:1}.settings-grid{grid-template-columns:1fr}.result{grid-template-columns:42px minmax(0,1fr);gap:10px;padding:10px 6px}.cover{width:42px;height:42px}.result .toolbar{grid-column:2;display:flex;width:100%;gap:7px;margin-top:4px}.result .quality-select{max-width:none;min-width:0;flex:1}.result .toolbar .btn{padding:9px 14px;min-width:76px}.mobile-nav{position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:5px;background:#111b2c;border:1px solid #2a3852;border-radius:16px;z-index:10;box-shadow:0 10px 30px rgba(0,0,0,.3)}.mobile-nav button{border:0;background:transparent;color:#8492a7;padding:8px 4px;border-radius:12px;font-size:11px;line-height:1.35}.mobile-nav button.active{background:#1c2b42;color:#fff}.mobile-nav button[data-view=admin],.mobile-nav button[data-view=settings]{display:none!important}.row{flex-wrap:wrap}.row>*{flex-basis:100%}}
 .authbar{display:flex;align-items:center;gap:8px;justify-content:flex-end;margin:-8px 0 14px}.userpill{padding:7px 10px;border:1px solid #22304a;border-radius:10px;background:#111b2c;color:#b9c6d8}.login-overlay{position:fixed;inset:0;background:#0b1220;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.login-box{width:min(390px,100%);background:#111b2c;border:1px solid #22304a;border-radius:18px;padding:24px}.login-box h2{margin:0 0 6px}.login-box p{color:#8492a7;font-size:12px;margin:0 0 18px}.login-box .field{margin-top:12px}.login-error{color:#fb7185;font-size:12px;margin-top:10px;min-height:16px}
-.user-groups{display:grid;gap:16px}.user-group{border:1px solid var(--line);border-radius:14px;padding:14px;background:rgba(255,255,255,.02)}.group-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.group-list{display:grid;gap:8px}.user-row{align-items:center}.user-row .toolbar{display:flex;gap:6px;flex-wrap:wrap}.user-row .meta{line-height:1.55}.admin-shell{display:grid;gap:16px}.admin-header{padding:6px 2px}.admin-header h2{margin:4px 0;font-size:27px}.eyebrow{font-size:11px;letter-spacing:1.5px;color:#10b981;font-weight:800}.admin-header p{margin:0;color:#8492a7}.admin-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-tile{border:1px solid #22304a;background:#111b2c;color:#e7edf7;border-radius:16px;padding:20px;text-align:left;display:grid;gap:6px;cursor:pointer}.admin-tile:hover{background:#162238;border-color:#30435f}.admin-tile span{font-size:22px}.admin-tile strong{font-size:16px}.admin-tile small{color:#8492a7}.admin-panel{background:#111b2c;border:1px solid #22304a;border-radius:17px;padding:16px}.panel-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.panel-head>div:nth-child(2){flex:1}.user-filters{display:flex;gap:7px;overflow:auto;margin:14px 0}.user-filters button{border:1px solid #283750;background:#0e1829;color:#aab6c7;border-radius:10px;padding:8px 13px;white-space:nowrap}.user-filters button.active{background:#1c2b42;color:#fff}.user-group{margin-top:14px}.group-head{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 8px}.group-list{display:grid;gap:7px}.user-row{grid-template-columns:minmax(0,1fr) auto}.user-card{background:#0d1728;border:1px solid #23314a;border-radius:13px;padding:13px}.user-main{display:flex;justify-content:space-between;gap:12px;align-items:center}.user-stats{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.stat-chip{background:#17243a;color:#b9c6d8;padding:4px 8px;border-radius:8px;font-size:11px}.user-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.admin-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.summary-card{background:#0d1728;border:1px solid #23314a;border-radius:11px;padding:12px}.summary-card strong{display:block;font-size:18px;margin-top:4px}.ledger{display:grid;gap:7px;margin-top:12px}.ledger-item{padding:11px 12px;border:1px solid #23314a;background:#0d1728;border-radius:10px}.positive{color:#34d399}.negative{color:#fb7185}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-card{background:#0d1728;border:1px solid #23314a;border-radius:13px;padding:14px}.detail-card h4{margin:0 0 10px}.detail-value{font-size:24px;font-weight:800}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}@media(max-width:720px){.admin-dashboard{grid-template-columns:1fr}.admin-panel{padding:12px}.admin-create>*{flex-basis:100%}.user-main{align-items:flex-start;flex-direction:column}.user-actions .btn{flex:1;min-width:100px}.admin-summary{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}}</style>
+.user-groups{display:grid;gap:16px}.user-group{border:1px solid #22304a;border-radius:14px;padding:14px;background:rgba(255,255,255,.02)}.group-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.group-list{display:grid;gap:8px}.user-row{align-items:center}.user-row .toolbar{display:flex;gap:6px;flex-wrap:wrap}.user-row .meta{line-height:1.55}.admin-shell{display:grid;gap:16px}.admin-header{padding:6px 2px}.admin-header h2{margin:4px 0;font-size:27px}.eyebrow{font-size:11px;letter-spacing:1.5px;color:#10b981;font-weight:800}.admin-header p{margin:0;color:#8492a7}.admin-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-tile{border:1px solid #22304a;background:#111b2c;color:#e7edf7;border-radius:16px;padding:20px;text-align:left;display:grid;gap:6px;cursor:pointer}.admin-tile:hover{background:#162238;border-color:#30435f}.admin-tile span{font-size:22px}.admin-tile strong{font-size:16px}.admin-tile small{color:#8492a7}.admin-panel{background:#111b2c;border:1px solid #22304a;border-radius:17px;padding:16px}.panel-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.panel-head>div:nth-child(2){flex:1}.user-filters{display:flex;gap:7px;overflow:auto;margin:14px 0}.user-filters button{border:1px solid #283750;background:#0e1829;color:#aab6c7;border-radius:10px;padding:8px 13px;white-space:nowrap}.user-filters button.active{background:#1c2b42;color:#fff}.user-group{margin-top:14px}.group-head{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 8px}.group-list{display:grid;gap:7px}.user-row{grid-template-columns:minmax(0,1fr) auto}.user-card{background:#0d1728;border:1px solid #23314a;border-radius:13px;padding:13px}.user-main{display:flex;justify-content:space-between;gap:12px;align-items:center}.user-stats{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.stat-chip{background:#17243a;color:#b9c6d8;padding:4px 8px;border-radius:8px;font-size:11px}.user-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.admin-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.summary-card{background:#0d1728;border:1px solid #23314a;border-radius:11px;padding:12px}.summary-card strong{display:block;font-size:18px;margin-top:4px}.ledger{display:grid;gap:7px;margin-top:12px}.ledger-item{padding:11px 12px;border:1px solid #23314a;background:#0d1728;border-radius:10px}.positive{color:#34d399}.negative{color:#fb7185}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-card{background:#0d1728;border:1px solid #23314a;border-radius:13px;padding:14px}.detail-card h4{margin:0 0 10px}.detail-value{font-size:24px;font-weight:800}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}@media(max-width:720px){.admin-dashboard{grid-template-columns:1fr}.admin-panel{padding:12px}.admin-create>*{flex-basis:100%}.user-main{align-items:flex-start;flex-direction:column}.user-actions .btn{flex:1;min-width:100px}.admin-summary{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}}</style>
 </head>
 <body><div id="loginOverlay" class="login-overlay"><form id="loginForm" class="login-box"><h2>AM Downloader</h2><p>登录后管理你的下载任务、积分和同步设置。</p><div class="field"><label>用户名</label><input id="loginUser" class="input" autocomplete="username"></div><div class="field"><label>密码</label><input id="loginPass" type="password" class="input" autocomplete="current-password"></div><div id="loginError" class="login-error"></div><button class="btn" style="width:100%;margin-top:10px">登录</button></form></div><div class="wrap">
 <header class="top"><div><div class="brand">AM <b>Downloader</b></div><div class="sub">搜索 · 下载 · WebDAV 同步</div></div><nav class="nav" id="topNav"><button data-view="home">首页</button><button data-view="search">搜索</button><button data-view="queue">下载<span id="navBadge" class="badge">0</span></button><button data-view="account">账户</button><button id="adminNav" data-view="admin">管理</button><button data-view="settings">设置</button></nav></header><div class="authbar"><span id="userPill" class="userpill"></span><button id="logoutBtn" class="btn alt">退出</button></div>
@@ -38,7 +38,7 @@ async function toggleUser(id,status){const u=adminUsersCache.find(x=>x.id===id);
 async function revokeBatch(id){try{await api('/admin/redeem/'+id+'/revoke',{method:'POST'});loadRedeemAdmin()}catch(e){alert('撤销失败：'+e.message)}}
 
 function hideLogin(){document.getElementById('loginOverlay').style.display='none'}
-async function initAuth(){try{const x=await api('/auth/me');const u=x.user;window.currentUser=u;window.isAdmin=u.role==='admin';document.getElementById('userPill').textContent=u.username+' · '+u.role;document.getElementById('settings').style.display=u.role==='admin'?'':'none';document.getElementById('adminNav').style.display=u.role==='admin'?'':'none';document.getElementById('mobileAdminNav').style.display=u.role==='admin'?'':'none';document.querySelectorAll('[data-view=\"settings\"]').forEach(x=>x.style.display=u.role==='admin'?'':'none');const c=await api('/credits');document.getElementById('userPill').textContent=u.username+' · '+u.role+' · 积分 '+c.balance+' / 可用 '+c.available;hideLogin();return true}catch(e){showLogin();return false}}
+async function initAuth(){try{const x=await api('/auth/me');const u=x.user;window.currentUser=u;window.isAdmin=u.role==='admin';document.getElementById('userPill').textContent=u.username+' · '+u.role;document.getElementById('settings').style.display=u.role==='admin'?'':'none';document.getElementById('adminNav').style.display=u.role==='admin'?'':'none';document.getElementById('mobileAdminNav').style.display=u.role==='admin'?'':'none';document.getElementById('accountAdminEntry').style.display=u.role==='admin'?'':'none';document.querySelectorAll('[data-view=\"settings\"]').forEach(x=>x.style.display=u.role==='admin'?'':'none');const c=await api('/credits');document.getElementById('userPill').textContent=u.username+' · '+u.role+' · 积分 '+c.balance+' / 可用 '+c.available;hideLogin();return true}catch(e){showLogin();return false}}
 document.querySelectorAll('[data-admin-view]').forEach(b=>b.addEventListener('click',()=>showAdminPanel('admin'+b.dataset.adminView.charAt(0).toUpperCase()+b.dataset.adminView.slice(1)+'Panel')));document.querySelectorAll('.admin-back').forEach(b=>b.addEventListener('click',()=>showAdminPanel('adminDashboard')));document.querySelectorAll('[data-role-filter]').forEach(b=>b.addEventListener('click',()=>{document.querySelectorAll('[data-role-filter]').forEach(x=>x.classList.remove('active'));b.classList.add('active');adminRoleFilter=b.dataset.roleFilter;renderAdminUsers()}));$('backToUsers').addEventListener('click',()=>showAdminPanel('adminUsersPanel'));
 $('loginForm').addEventListener('submit',async e=>{e.preventDefault();$('loginError').textContent='登录中…';try{const x=await fetch('/api/auth/login',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({username:$('loginUser').value.trim(),password:$('loginPass').value})});if(!x.ok)throw new Error('用户名或密码错误');await initAuth();go(location.hash.slice(1)||'home');loadRecent();loadAccount()}catch(e){$('loginError').textContent=e.message}});
 $('logoutBtn').addEventListener('click',async()=>{try{await api('/auth/logout',{method:'POST'})}finally{showLogin()}});