:root{color-scheme:dark;--lg-scrim: .46;--lg-blur: 24px;--lg-sat: 175%;--lg-bright: 1.05;--lg-tint-top: rgba(255, 255, 255, .11);--lg-tint-bottom: rgba(10, 16, 24, .34);--lg-spec: rgba(255, 255, 255, .22);--lg-hairline: rgba(255, 255, 255, .28);--lg-inner-top: rgba(255, 255, 255, .36);--lg-inner-bottom: rgba(255, 255, 255, .07);--lg-shadow: 0 24px 50px -18px rgba(2, 6, 12, .62), 0 2px 8px rgba(2, 6, 12, .26);--lg-glow: rgba(124, 196, 255, .55);--lg-r: 20px;--lg-r-sm: 14px;--lg-r-pill: 999px;--lg-refract: ;--dur: .22s;--ease: cubic-bezier(.22, .61, .36, 1)}.glass{position:relative;border-radius:var(--lg-r);border:1px solid var(--lg-hairline);background:linear-gradient(180deg,var(--lg-tint-top),var(--lg-tint-bottom)),radial-gradient(130% 90% at 50% -30%,rgba(255,255,255,.16),transparent 62%);box-shadow:inset 0 1px 0 var(--lg-inner-top),inset 0 -1px 0 var(--lg-inner-bottom),inset 0 0 0 1px #ffffff0a,var(--lg-shadow);backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-sat)) brightness(var(--lg-bright)) var(--lg-refract, );-webkit-backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-sat)) brightness(var(--lg-bright));isolation:isolate}.glass:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}.glass>*{position:relative;z-index:1}.lg-sheen:after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;background:linear-gradient(168deg,var(--lg-spec),transparent 46%);opacity:.75}.lg-defs{position:absolute;width:0;height:0;overflow:hidden}body:not(.motion-off) .glass,body:not(.motion-off) .btn,body:not(.motion-off) .card,body:not(.motion-off) .folder,body:not(.motion-off) .bg-scrim,body:not(.motion-off) .bg img,body:not(.motion-off) .switch-track,body:not(.motion-off) .pager button,body:not(.motion-off) .crumbs button{transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background-color var(--dur) var(--ease),transform var(--dur) var(--ease),opacity var(--dur) var(--ease)}@media(prefers-reduced-motion:reduce){.glass,.btn,.card,.folder,.bg img,.switch-track,.pager button,.crumbs button{transition:none!important}}:root{--text: #f3f8ff;--muted: rgba(226, 238, 252, .82);--faint: rgba(226, 238, 252, .68);--accent: #7cc4ff;--danger: #ffa3a3;--ok: #93f0bb;--warn: #ffd7a5;--ink-shadow: 0 1px 2px rgba(2, 6, 12, .55), 0 0 12px rgba(2, 6, 12, .35)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:system-ui,Microsoft YaHei,sans-serif;color:var(--text);background:radial-gradient(130% 110% at 18% -10%,#1d2a3a,#0a1119 55%,#05080d) fixed;-webkit-font-smoothing:antialiased}.bg,.bg-scrim{position:fixed;inset:0;z-index:-2;pointer-events:none}.bg img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.02)}.bg img.ready{opacity:1}.bg:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 100% at 50% 0%,transparent 45%,rgba(3,7,12,calc(var(--lg-scrim) * .55)) 100%)}.bg-scrim{z-index:-1;background:linear-gradient(180deg,rgba(4,8,14,calc(var(--lg-scrim) * .9)),rgba(4,8,14,var(--lg-scrim)) 40%,rgba(4,8,14,calc(var(--lg-scrim) * 1.18))),radial-gradient(85% 65% at 50% 42%,rgba(4,8,14,calc(var(--lg-scrim) * .35)),rgba(4,8,14,calc(var(--lg-scrim) * .85)))}.app{display:flex;flex-direction:column;min-height:100vh}.shell{width:100%;max-width:1220px;margin-inline:auto;padding-inline:28px}main{flex:1;padding-bottom:44px}.masthead{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:22px 0 18px;padding:18px 24px}h1{margin:0;font-size:21px;letter-spacing:.2px;text-shadow:var(--ink-shadow)}.sub{margin:6px 0 0;color:var(--muted);font-size:13px;text-shadow:var(--ink-shadow)}.badge{margin:0;padding:6px 12px;border-radius:var(--lg-r-pill);font:600 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.12em;color:var(--text);background:#080d1480;border:1px solid var(--lg-hairline);box-shadow:inset 0 1px 0 var(--lg-inner-top)}.badge span{color:var(--accent)}.foot{text-align:center;color:var(--muted);font-size:12px;padding:18px 28px 22px;text-shadow:var(--ink-shadow)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:9px 18px;border-radius:var(--lg-r-pill);cursor:pointer;font-size:14px;color:var(--text);border:1px solid var(--lg-hairline);overflow:hidden;background:linear-gradient(180deg,#ffffff2b,#ffffff0a),#0e151f70;box-shadow:inset 0 1px 0 var(--lg-inner-top),0 8px 18px -10px #02060cb3;text-shadow:0 1px 2px rgba(2,6,12,.45)}.btn:hover{border-color:var(--accent);box-shadow:inset 0 1px 0 var(--lg-inner-top),0 0 0 3px #7cc4ff29,0 10px 22px -10px #02060cb3}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.5;cursor:default}.btn.primary{background:linear-gradient(180deg,#b6e2ff,#58a7ee);color:#05131f;border-color:#ffffff9e;font-weight:700;text-shadow:none}.btn.small{padding:5px 13px;font-size:12.5px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}select,input[type=url],input[type=text]{font:inherit;font-size:13px;color:var(--text);background:#060b1299;border:1px solid var(--lg-hairline);border-radius:10px;padding:6px 10px;max-width:100%}select{padding-right:26px}option{background:#121a25;color:var(--text)}.switch{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-size:13.5px;position:relative}.switch input{position:absolute;width:1px;height:1px;opacity:0}.switch-track{position:relative;flex:none;width:38px;height:22px;border-radius:999px;background:#060b129e;border:1px solid var(--lg-hairline);box-shadow:inset 0 1px 4px #02060c99}.switch-track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#e9f3ffe0;box-shadow:0 1px 3px #02060c99}.switch input:checked+.switch-track{background:linear-gradient(180deg,#93d3ff,#4b9ae2);border-color:#ffffff8c}.switch input:checked+.switch-track:after{transform:translate(16px);background:#fff}.switch input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:2px}.field{display:inline-flex;align-items:center;gap:8px}.field-label{font-size:12.5px;color:var(--muted)}.field-block{display:flex;flex-direction:column;align-items:stretch;gap:5px}.field-block input{width:100%}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:22px;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:#060b129e;border:1px solid var(--lg-hairline)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;margin-top:-6px;border-radius:50%;background:linear-gradient(180deg,#eaf5ff,#a8cdec);border:1px solid rgba(255,255,255,.7);box-shadow:0 1px 4px #02060c99}input[type=range]::-moz-range-track{height:5px;border-radius:999px;background:#060b129e}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#dceaf7;border:1px solid rgba(255,255,255,.7)}.dropzone{margin-top:4px;padding:40px 22px;text-align:center;border-style:dashed}.dropzone.over{border-color:var(--accent);background-color:#7cc4ff1f;box-shadow:0 0 0 4px #7cc4ff29,var(--lg-shadow)}.dz-lead{margin:0 0 14px;color:var(--muted);font-size:14px}.dz-inner code{padding:1px 6px;border-radius:6px;background:#060b128c;border:1px solid var(--lg-hairline);font-size:13px}.status{min-height:20px;margin:14px 0 0;font-size:13px;color:var(--muted);text-shadow:var(--ink-shadow)}.status.err{color:var(--danger)}.status.ok{color:var(--ok)}.progress{display:flex;align-items:center;gap:12px;margin:14px 0 0;padding:10px 16px;border-radius:var(--lg-r-pill);font-size:12.5px;color:var(--muted);background:#080d1470;border:1px solid var(--lg-hairline);backdrop-filter:blur(10px) saturate(150%)}.progress[hidden]{display:none}.progress-track{position:relative;flex:1;height:6px;border-radius:999px;overflow:hidden;background:#04080e99;box-shadow:inset 0 1px 2px #00000080}.progress-bar{position:absolute;inset:0 auto 0 0;width:0;border-radius:999px;background:linear-gradient(90deg,#7cc4ff,#b9e8ff);box-shadow:0 0 12px var(--lg-glow)}.progress.indeterminate .progress-bar{width:34%!important;animation:slide 1.25s var(--ease) infinite}.progress-text{flex:none;min-width:76px;text-align:right;font-variant-numeric:tabular-nums}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(320%)}}.meta-card{margin-top:16px;padding:15px 20px;font-size:14px}.meta-card h2{margin:0 0 7px;font-size:16.5px;text-shadow:var(--ink-shadow)}.meta-card .row{color:var(--muted);margin-top:5px;font-size:13px}.meta-card .tags{margin-top:8px}.meta-card .tags span{display:inline-block;margin:3px 6px 3px 0;padding:2px 9px;border-radius:var(--lg-r-pill);background:#7cc4ff29;border:1px solid rgba(124,196,255,.34);color:#cfeaff;font-size:12px}.options{margin-top:16px;display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:12px 20px}.options .btn{margin-left:auto}.crumbs{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:16px;padding:7px 12px;font-size:13px}.crumbs button{font:inherit;color:var(--muted);background:none;border:0;padding:4px 10px;border-radius:var(--lg-r-pill);cursor:pointer;text-shadow:var(--ink-shadow)}.crumbs button:hover{color:var(--text);background:#ffffff1a}.crumbs [aria-current=page]{color:var(--text);font-weight:600;background:#7cc4ff29;cursor:default}.crumbs .sep{color:var(--faint);padding:0 2px}.grid{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:16px}.grid--folders{grid-template-columns:repeat(auto-fill,minmax(266px,1fr));gap:18px;margin-bottom:4px}.card{overflow:hidden;display:flex;flex-direction:column}.card .thumb{height:136px;display:grid;place-items:center;cursor:zoom-in;overflow:hidden;background:#05090f8c;color:var(--faint);font-size:26px}.card .thumb img,.card .thumb video{width:100%;height:100%;object-fit:contain;display:block}.card .info{padding:11px 13px 13px;display:flex;flex-direction:column;gap:6px;flex:1;background:linear-gradient(180deg,#080d1594,#080d15bd)}.card .name{font-size:13px;line-height:1.45;word-break:break-all;text-shadow:0 1px 2px rgba(2,6,12,.7)}.card .meta{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:8px}.card .meta span:first-child{text-transform:uppercase;letter-spacing:.06em;font-size:11px}.card .warn{font-size:12px;color:var(--warn)}.card .actions{display:flex;gap:8px;margin-top:auto;padding-top:4px}.folder{overflow:hidden;display:flex;flex-direction:column;text-align:left;cursor:pointer;font:inherit;color:inherit;padding:0}.folder .folder-thumb{display:grid;place-items:center;height:122px;background:#05090f80;overflow:hidden;color:var(--faint);font-size:30px}.folder .folder-thumb img{width:100%;height:100%;object-fit:cover}.folder .folder-body{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px 15px;background:linear-gradient(180deg,#080d1599,#080d15c7)}.folder .folder-body>span:first-child{flex:1;min-width:0;display:block}.folder .folder-name{display:block;margin:0;font-size:15px;font-weight:650;text-shadow:0 1px 2px rgba(2,6,12,.7)}.folder .folder-meta{display:block;margin:4px 0 0;font-size:12px;color:var(--muted)}.folder .chev{flex:none;font-size:20px;color:var(--accent)}body:not(.motion-off) .folder:hover{transform:translateY(-2px)}.folder:hover{border-color:var(--accent)}.empty{margin-top:16px;padding:22px;text-align:center;color:var(--muted);font-size:13px;border-radius:var(--lg-r);border:1px dashed var(--lg-hairline);background:#080d1459}.pager{margin:20px auto 0;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;width:fit-content}.pager button{font:inherit;font-size:13px;min-width:32px;padding:5px 10px;cursor:pointer;color:var(--muted);background:#ffffff0f;border:1px solid transparent;border-radius:var(--lg-r-pill)}.pager button:hover:not([disabled]){color:var(--text);border-color:var(--lg-hairline)}.pager button[aria-current=page]{color:#05131f;background:linear-gradient(180deg,#b6e2ff,#58a7ee);font-weight:700}.pager button[disabled]{opacity:.4;cursor:default}.pager .gap{color:var(--faint);padding:0 2px}.modal{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:24px;background:#03070c8c;backdrop-filter:blur(14px) saturate(140%)}.modal[hidden]{display:none}.modal-body{position:relative;max-width:92vw;max-height:92vh;padding:10px}.modal-body img,.modal-body video{max-width:90vw;max-height:86vh;display:block;border-radius:var(--lg-r-sm)}.modal-body pre{max-width:80vw;max-height:80vh;overflow:auto;margin:0;padding:14px;font-size:12px;background:#060b12b8;border-radius:var(--lg-r-sm)}.modal-close{position:absolute;top:-13px;right:-13px;z-index:2;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.6);cursor:pointer;background:linear-gradient(180deg,#b6e2ff,#58a7ee);color:#05131f;font-size:18px;line-height:1;box-shadow:0 8px 20px -6px #02060cb3}.dock{position:fixed;left:20px;bottom:20px;z-index:15;width:292px;padding:0;overflow:hidden}.dock-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:11px 16px;cursor:pointer;font:inherit;font-size:13px;color:var(--text);background:none;border:0;text-align:left;text-shadow:var(--ink-shadow)}.dock-toggle-icon{width:12px;height:12px;border-radius:50%;background:linear-gradient(180deg,#d7ecff,#58a7ee);box-shadow:0 0 10px var(--lg-glow)}.dock-body{padding:2px 16px 16px;display:flex;flex-direction:column;gap:14px}.dock-body[hidden]{display:none}.dock-group{display:flex;flex-direction:column;gap:8px}.dock-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.dock-switches{flex-direction:column;align-items:flex-start;gap:9px}.dock-reset{font:inherit;font-size:11px;color:var(--accent);background:none;border:0;padding:0 4px;cursor:pointer;text-decoration:underline}.dock-reset[disabled]{opacity:.4;cursor:default;text-decoration:none}.dock-note{margin:0;font-size:11.5px;color:var(--faint)}.dock-slider{display:flex;flex-direction:column;gap:2px}.bg-nav{display:flex;align-items:stretch;gap:8px}.bg-arrows{display:flex;flex-direction:column;gap:6px;flex:none}.bg-arrow{flex:1;width:26px;font:inherit;font-size:15px;line-height:1;cursor:pointer;color:var(--text);background:#ffffff12;border:1px solid var(--lg-hairline);border-radius:9px;box-shadow:inset 0 1px 0 var(--lg-inner-top)}.bg-arrow:hover{border-color:var(--accent);background:#7cc4ff29}.bg-list{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:7px}.bg-list button{position:relative;aspect-ratio:1;padding:0;cursor:pointer;overflow:hidden;border-radius:11px;border:1px solid var(--lg-hairline);background:#060b1299}.bg-list img{width:100%;height:100%;object-fit:cover;display:block;opacity:.78}.bg-list button[aria-pressed=true]{border-color:#fff;box-shadow:0 0 0 2px var(--accent),0 6px 16px -6px #02060ccc}.bg-list button[aria-pressed=true] img{opacity:1}@media(max-width:700px){.shell{padding-inline:14px}main{padding-bottom:36px}.masthead{margin:14px 0;padding:14px 16px}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.options{gap:12px;padding:12px 14px}.options .btn{margin-left:0;width:100%}.dock{left:12px;right:12px;width:auto;bottom:12px}}