:root{--bg-primary:#f4f2e9;--bg-secondary:transparent;--surface:#fff6;--surface-border:#8f9e824d;--text:#4a4f44;--muted:#7a8173;--accent:#8f9e82;--accent-strong:#768767;--accent-light:#c2ccb7;--danger:#b4655f;--shadow:0 12px 36px #76876714;--gold:#d4b27b;--pink-glow:#eadbbb4d}*{box-sizing:border-box}body{min-width:320px;color:var(--text);background-color:var(--bg-primary);background-image:radial-gradient(circle at 50% 0,#faf8f2 0%,#f4f2e9 100%);margin:0;font-family:PingFang SC,Microsoft YaHei,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2{color:var(--text);letter-spacing:.05em;margin:0;font-family:Noto Serif SC,serif;font-weight:700}h1{align-items:baseline;gap:12px;font-size:1.8rem;display:flex}.sub-title{color:#b5bcae;font-family:sans-serif;font-size:.95rem;font-style:italic;font-weight:400}h2{padding-left:20px;font-size:1.25rem;position:relative}h2:before{content:"✦";color:var(--gold);font-size:.9rem;position:absolute;top:2px;left:0}#app{z-index:1;min-height:100vh;padding:40px 24px;transition:opacity .35s;position:relative}#app.auth-mode{justify-content:center;align-items:center;display:flex}.layout{background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--surface-border);max-width:1000px;box-shadow:var(--shadow);border-radius:24px;grid-template-columns:1fr;gap:32px;margin:0 auto;padding:36px;display:grid;position:relative;overflow:hidden}.bg-decoration.circle-light{background:radial-gradient(circle, var(--pink-glow) 0%, #fff0 70%);pointer-events:none;z-index:0;border-radius:50%;width:400px;height:400px;position:absolute;top:-100px;right:-50px}.bg-decoration.star-1{color:var(--gold);opacity:.6;pointer-events:none;font-size:24px;position:absolute;top:40px;right:120px}.bg-decoration.star-2{color:var(--accent);opacity:.5;pointer-events:none;font-size:18px;position:absolute;bottom:80px;left:30px}.left-panel,.right-panel,.divider{z-index:1;position:relative}.left-panel{gap:16px;display:grid}.right-panel{align-content:start;gap:20px;display:grid}.divider{display:none}.hint{color:var(--text);margin:4px 0 16px;font-size:.95rem;line-height:1.6}.sub-hint{color:var(--muted);font-size:.85rem}button{border:1px solid var(--surface-border);color:#fff;background:var(--accent);cursor:pointer;letter-spacing:.05em;border-radius:12px;padding:12px 20px;font-family:Noto Serif SC,serif;font-size:.95rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #8f9e8240}button:not(.uid-item):hover:enabled{background:var(--accent-strong);transform:translateY(-1px);box-shadow:0 6px 16px #8f9e8259}button:not(.uid-item):active:enabled{transform:translateY(1px);box-shadow:0 2px 8px #8f9e8233}button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.folder-text{color:var(--muted);margin:-8px 0 8px;font-size:.9rem;font-style:italic}.uid-list{gap:10px;max-height:45vh;margin:-4px;padding:4px 8px 4px 4px;display:grid;overflow:auto}.uid-list::-webkit-scrollbar{width:6px}.saved-list::-webkit-scrollbar{width:6px}.uid-list::-webkit-scrollbar-thumb{background:var(--accent-light);border-radius:3px}.saved-list::-webkit-scrollbar-thumb{background:var(--accent-light);border-radius:3px}.uid-list.empty{color:var(--muted);margin:0;padding:0;font-size:.92rem;font-style:italic}.uid-item{text-align:left;border:1px solid var(--surface-border);width:100%;color:var(--text);box-shadow:none;background:#fff9;border-radius:12px;padding:12px 16px;font-family:inherit;font-weight:400;transition:all .2s}.uid-item:hover{border-color:var(--accent-light);color:var(--accent-strong);background:#fffffff2;transform:translateY(-1px);box-shadow:0 4px 12px #76876714}.uid-item.active{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:600;transform:none;box-shadow:0 4px 12px #8f9e8240}.status{color:var(--accent-strong);background:#8f9e820d;border-radius:8px;min-height:1.2em;margin:0;padding:12px;font-size:.9rem}.status.error{color:var(--danger);background:#b4655f0d}.upload-zone{border:2px dashed var(--accent-light);cursor:pointer;background:#ffffff80;border-radius:16px;place-items:center;min-height:280px;padding:24px;transition:all .3s;display:grid;position:relative;overflow:hidden}.upload-zone-inner{pointer-events:none;flex-direction:column;align-items:center;gap:16px;display:flex}.momo-icon{width:48px;height:48px;color:var(--accent-light);transition:color .3s}.upload-zone:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.upload-zone:hover:not(.disabled){border-color:var(--accent);background:#fffc}.upload-zone:hover:not(.disabled) .momo-icon{color:var(--accent)}.upload-zone.dragover{border-color:var(--gold);background:var(--pink-glow);border-style:solid}.upload-zone.dragover .momo-icon{color:var(--gold);transform:scale(1.1)}.upload-zone.disabled{opacity:.6;cursor:not-allowed}.upload-text{text-align:center;color:var(--text);margin:0;font-family:inherit;font-size:1rem}.saved-list{gap:8px;max-height:35vh;padding-right:8px;display:grid;overflow:auto}.saved-list.empty{color:var(--muted);font-size:.9rem;font-style:italic}.saved-row{border:1px solid var(--surface-border);word-break:break-all;color:var(--text);background:#ffffff80;border-radius:10px;padding:10px 12px;font-family:Courier New,monospace;font-size:.82rem;line-height:1.4}@media (width>=860px){.layout{grid-template-columns:1fr 1px 1.2fr;align-items:stretch;gap:0;padding:0}.left-panel,.right-panel{padding:40px}.divider{background:linear-gradient(#8f9e8200 0%,#8f9e8233 20% 80%,#8f9e8200 100%);width:1px;height:100%;display:block}.auth-layout{align-items:initial;grid-template-columns:1fr;padding:48px 40px}}.auth-layout{max-width:480px}.auth-panel{z-index:1;gap:20px;display:grid;position:relative}.auth-form{gap:12px;display:grid}@media (width>=540px){.auth-form{grid-template-columns:1fr auto}}.password-input{border:1px solid var(--surface-border);color:var(--text);letter-spacing:.02em;background:#fff9;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:.95rem;transition:border-color .2s,background .2s,box-shadow .2s}.password-input:focus{border-color:var(--accent);background:#ffffffe6;box-shadow:0 0 0 3px #8f9e8226}.password-input::placeholder{color:var(--muted);font-style:italic}