:root{color-scheme:dark;--bg:#0b0e14;--panel:#121722;--panel2:#181f2c;--line:#273144;--text:#eef3fb;--muted:#8b97aa;--blue:#4cc9f0;--danger:#fb7185;font-family:Inter,"Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% -10%,#17304a 0,transparent 36%),var(--bg);color:var(--text);min-height:100vh}button,input{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:rgba(12,16,24,.94);border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column;backdrop-filter:blur(20px)}.brand{display:flex;gap:12px;align-items:center;padding:0 10px 26px}.brand div{display:grid}.brand small{color:var(--muted);margin-top:3px}.brand-mark{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#22d3ee,#6366f1);font-weight:900;font-size:25px;box-shadow:0 12px 35px #2563eb55}.brand-mark.small{width:38px;height:38px;border-radius:12px;font-size:18px}.nav-item{display:flex;align-items:center;gap:11px;padding:12px;border-radius:12px;color:#aeb8c8;text-decoration:none;margin:3px 0}.nav-item:hover,.nav-item.active{background:#1a2230;color:white}.nav-item i{width:8px;height:8px;border-radius:50%;background:var(--accent)}.nav-item span{flex:1}.nav-item em{font-style:normal;font-size:12px;color:#708097}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:18px 10px 0;display:flex;justify-content:space-between;color:var(--muted)}.text-btn{border:0;background:none;color:var(--blue);padding:0;cursor:pointer}.content{margin-left:252px;padding:38px 46px 80px;max-width:1600px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.topbar h1{font-size:30px;margin:4px 0}.eyebrow{letter-spacing:.22em;font-size:11px;color:#5f7087;margin:0}.top-actions{display:flex;gap:10px}button,.secondary,.primary{border:1px solid var(--line);background:#192130;color:var(--text);border-radius:10px;padding:10px 15px;cursor:pointer}.primary{border-color:#0891b2;background:linear-gradient(135deg,#0891b2,#2563eb);color:white}.overview{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:14px;margin:20px 0}.overview div{background:linear-gradient(145deg,#151b26,#10151e);border:1px solid var(--line);border-radius:15px;padding:17px}.overview span{display:block;color:var(--muted);font-size:12px}.overview b{display:block;margin-top:8px;font-size:19px}.breadcrumb{display:flex;gap:8px;align-items:center;margin:26px 0 12px;color:#637086}.breadcrumb a,.back-link{color:#aeb9c9;text-decoration:none}.back-link{display:inline-block;margin-bottom:14px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.asset-card{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.2s}.asset-card:hover{transform:translateY(-2px);border-color:#3a4b65;box-shadow:0 14px 34px #0005}.image-cover,.folder-cover,.file-cover{height:170px;width:100%;padding:0;border:0;border-radius:0;background:#0d121a;display:grid;place-items:center;overflow:hidden}.image-cover img{width:100%;height:100%;object-fit:cover}.folder-cover{text-decoration:none;font-size:55px;background:linear-gradient(145deg,#18202d,#10151e)}.asset-info{padding:13px 14px 9px;display:grid;min-width:0}.asset-info b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-info small{color:var(--muted);margin-top:5px}.asset-actions{display:flex;gap:9px;padding:5px 14px 14px}.asset-actions a,.asset-actions button{border:0;background:none;padding:0;color:#7dd3fc;text-decoration:none;font-size:12px}.asset-actions .danger{color:var(--danger)}.empty{grid-column:1/-1;padding:80px;text-align:center;border:1px dashed #344156;border-radius:16px;color:var(--muted)}.empty span{font-size:48px}.alert{padding:13px 16px;border-radius:12px;margin:14px 0}.alert.warning{background:#3a2c1155;border:1px solid #a1620755;color:#fcd34d}.alert.error{background:#4c172055;border:1px solid #be123c;color:#fecdd3}.muted{color:var(--muted)}dialog{border:1px solid var(--line);background:#121823;color:var(--text);border-radius:16px;padding:24px;width:min(480px,calc(100vw - 32px));box-shadow:0 28px 80px #000b}dialog::backdrop{background:#05070bbf;backdrop-filter:blur(5px)}dialog h2{margin-top:0}label{display:grid;gap:7px;color:#abb7c8;font-size:13px;margin:14px 0}input{width:100%;border:1px solid #344156;background:#0d121a;color:white;border-radius:10px;padding:12px}.dropzone{border:1px dashed #40516b;border-radius:12px;padding:24px;text-align:center}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.preview-dialog{width:min(92vw,1100px);height:min(90vh,900px);padding:10px}.preview-dialog img{width:100%;height:100%;object-fit:contain}.preview-close{position:absolute;right:14px;top:14px;border-radius:50%;font-size:18px}.toast{position:fixed;right:28px;bottom:28px;padding:13px 18px;background:#1e293b;border:1px solid #475569;border-radius:10px;opacity:0;transform:translateY(15px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}.login-body{display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);background:#121722;border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:0 30px 90px #0009}.login-card h1{margin:18px 0 6px;font-size:32px}.stack{display:grid;gap:3px;margin-top:24px}@media(max-width:800px){.sidebar{position:static;width:auto;height:auto;padding:14px}.sidebar nav{display:flex;overflow:auto}.nav-item{min-width:max-content}.sidebar-foot{display:none}.content{margin:0;padding:24px 16px}.overview{grid-template-columns:1fr}.topbar{align-items:flex-end}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-cover,.folder-cover{height:135px}}@media(max-width:480px){.grid{grid-template-columns:1fr}.top-actions{flex-direction:column}.content{padding-top:20px}}