:root{--accent: #22d3ee;--accent2: #e879f9;--ui-opacity: .96;--glass: rgba(18, 26, 36, .55);--glass-strong: rgba(16, 24, 34, .78);--stroke: rgba(255, 255, 255, .14);--text: #f2f6fa;--muted: #9fb0c0;--danger: #f87171;--gold: #fbbf24;--radius: 16px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:transparent;color:var(--text);font-family:Segoe UI Variable,Segoe UI,Microsoft YaHei,system-ui,sans-serif;font-size:14px;overflow:hidden;user-select:none}#root{height:100vh}.app{height:100vh;display:flex;flex-direction:column;padding:10px 12px 6px;gap:10px;border-radius:20px;border:1.5px solid transparent;background:linear-gradient(var(--glass),var(--glass)) padding-box,linear-gradient(135deg,var(--accent),var(--accent2)) border-box;opacity:var(--ui-opacity)}.glass{background:var(--glass);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:0 8px 32px #00000059}.titlebar{display:flex;align-items:center;gap:12px;padding:6px 8px;cursor:default}.titlebar-left{display:flex;align-items:center;gap:8px}.app-logo{color:var(--accent);font-size:20px}.app-name{font-weight:700;font-size:16px}.app-sub{color:var(--muted);font-size:12px}.titlebar-search{flex:1;display:flex;justify-content:center}.titlebar-right{display:flex;gap:4px;-webkit-app-region:no-drag}.search-input{width:min(380px,40vw);padding:8px 14px;border-radius:12px;border:1px solid var(--stroke);background:#ffffff12;color:var(--text);outline:none}.search-input:focus{border-color:var(--accent)}.search-input.sm{width:200px}.icon-btn{background:transparent;border:none;color:var(--text);font-size:15px;padding:6px 9px;border-radius:9px;cursor:pointer}.icon-btn:hover{background:#ffffff1a}.icon-btn.danger:hover{background:#f8717140}.catbar{display:flex;gap:8px;padding:8px 12px;overflow-x:auto;border-radius:12px}.chip{white-space:nowrap;background:#ffffff0f;border:1px solid var(--stroke);color:var(--text);border-radius:10px;padding:6px 12px;cursor:pointer;font-size:13px}.chip.active{border-color:var(--accent);background:#22d3ee29;box-shadow:0 0 12px #22d3ee59}.grid{flex:1;overflow-y:auto;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-content:start;padding:2px}.card{position:relative;display:flex;gap:12px;align-items:center;padding:14px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease;overflow:hidden}.card:hover{transform:translateY(-2px);box-shadow:0 12px 36px #22d3ee2e;border-color:#22d3ee80}.card-icon{font-size:40px}.card-main{flex:1;min-width:0}.card-title-row{display:flex;align-items:center;gap:8px}.card-name{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-meta{color:var(--muted);font-size:11px;margin-top:2px}.card-desc{font-size:12px;color:#cfd9e2;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-dl{flex-shrink:0}.card-progress{position:absolute;left:0;bottom:0;height:3px;width:100%;background:#ffffff14}.bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .2s}.badge{font-size:11px;padding:2px 8px;border-radius:8px;border:1px solid var(--stroke);white-space:nowrap}.level-normal{color:#b8c4cf}.level-recommended{color:var(--accent);border-color:#22d3ee80}.level-featured{color:var(--gold);border-color:#fbbf2480}.status-draft{color:#b8c4cf}.status-uploaded{color:#7dd3fc;border-color:#7dd3fc80}.status-published{color:#4ade80;border-color:#4ade8080}.status-unpublished{color:var(--gold)}.status-failed{color:var(--danger);border-color:#f8717180}.btn{background:#ffffff14;border:1px solid var(--stroke);color:var(--text);border-radius:10px;padding:8px 16px;cursor:pointer;font-size:13px}.btn:hover{background:#ffffff24}.btn.primary{background:linear-gradient(135deg,#22d3eed9,#22d3ee8c);border-color:transparent;color:#062a30;font-weight:600}.btn.danger{color:var(--danger)}.btn.sm{padding:5px 10px;font-size:12px}.btn.block{width:100%;margin-top:10px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-row{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.text-input,select.text-input,textarea.text-input{width:100%;padding:9px 12px;border-radius:10px;border:1px solid var(--stroke);background:#ffffff0f;color:var(--text);outline:none;font-size:13px;user-select:text}.text-input:focus{border-color:var(--accent)}select.text-input option{background:#1a2530}textarea.text-input{resize:vertical}.field{display:block;margin:10px 0}.field>span{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pwd-row{display:flex;gap:8px}.pwd-row .text-input{flex:1}.modal-mask{position:fixed;inset:0;z-index:50;background:#04080c8c;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.modal{width:min(520px,92vw);max-height:88vh;display:flex;flex-direction:column}.modal.wide{width:min(720px,94vw)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--stroke)}.modal-title{font-weight:700;font-size:15px}.modal-body{padding:16px 18px;overflow-y:auto;user-select:text}.detail-row{display:flex;gap:10px;align-items:center;margin-bottom:8px}.detail-desc{line-height:1.6;color:#dbe4ec}.kv{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed rgba(255,255,255,.08);font-size:13px}.kv span{color:var(--muted);flex-shrink:0}.hash{font-family:Consolas,monospace;font-size:11px;word-break:break-all;color:#a5f3fc}.muted{color:var(--muted);font-size:12px}.hint{color:var(--muted);font-size:12px;line-height:1.6}.warn{color:var(--gold);font-size:13px}.preview-card{padding:14px;margin-bottom:12px}.admin{flex:1;display:flex;flex-direction:column;gap:10px;min-height:0}.admin-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;border-color:#fbbf2473}.admin-tag{font-size:12px;font-weight:700;color:var(--gold);border:1px solid rgba(251,191,36,.5);border-radius:8px;padding:3px 10px;white-space:nowrap}.spacer{flex:1}.admin-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.admin-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px}.admin-row-main{flex:1;min-width:0}.admin-row-actions{display:flex;gap:6px;flex-shrink:0}.dropzone{border:2px dashed rgba(34,211,238,.4);border-radius:14px;padding:34px 18px;text-align:center;cursor:pointer;color:var(--muted);margin:8px 0;transition:all .15s ease}.dropzone.drag,.dropzone:hover{border-color:var(--accent);background:#22d3ee12;color:var(--text)}.dz-progress{display:flex;flex-direction:column;gap:8px}.dz-progress .bar{height:8px;border-radius:4px;background:linear-gradient(90deg,var(--accent),var(--accent2))}.empty{padding:40px 20px;text-align:center;color:var(--muted);grid-column:1 / -1}.toasts{position:fixed;right:18px;bottom:44px;z-index:99;display:flex;flex-direction:column;gap:8px;max-width:380px}.toast{padding:10px 16px;border-radius:12px;font-size:13px;background:var(--glass-strong);border:1px solid var(--stroke);backdrop-filter:blur(12px);box-shadow:0 8px 24px #0006}.toast.ok{border-color:#4ade8080}.toast.err{border-color:#f871718c}.group-title{font-size:13px;color:var(--accent);margin:16px 0 4px}input[type=range]{width:100%;accent-color:var(--accent)}.statusbar{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);padding:2px 6px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-track{background:transparent}