:root{--bg:#f5f6f8;--text-primary:#1f2329;--text-secondary:#4b5563;--text-muted:#64748b;--accent:#6366f1;--accent-hover:#4f46e5;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--card-bg:#fff;--card-border:#e8eaee}*{box-sizing:border-box}body,html{margin:0;padding:0}body{min-height:100vh;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background-color:#eef1f7;background-image:linear-gradient(hsla(0,0%,100%,.16),hsla(0,0%,100%,.16)),url(/picture.jpg);background-size:cover;background-position:50%;background-attachment:fixed;-webkit-font-smoothing:antialiased}button,input{font-family:inherit}.container{max-width:760px;margin:0 auto;padding:48px 24px 64px}.glass{background:hsla(0,0%,100%,.24);border:1px solid hsla(0,0%,100%,.65);border-radius:16px;backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);box-shadow:0 8px 32px rgba(0,0,0,.06)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:28px}h1{margin:0;font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.subtitle{margin:6px 0 0;font-size:14px;color:var(--text-secondary)}.page-head .subtitle,.page-head h1{text-shadow:0 1px 4px hsla(0,0%,100%,.7)}.icon-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;font-size:13px;color:var(--text-secondary);background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;cursor:pointer;text-decoration:none;flex-shrink:0;transition:color .15s,border-color .15s,background .15s}.icon-btn:hover{color:var(--text-primary);border-color:var(--accent);background:#eef0ff}.btn-danger{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;font-size:13px;color:var(--error);background:#fff;border:1px solid #f6c7c7;border-radius:10px;cursor:pointer;flex-shrink:0;transition:background .15s,border-color .15s}.btn-danger:hover{background:#fef0f0;border-color:var(--error)}.tabs{gap:4px;padding:4px;background:hsla(0,0%,100%,.24);border:1px solid hsla(0,0%,100%,.65);border-radius:16px;margin-bottom:20px}.tab,.tabs{display:inline-flex}.tab{align-items:center;gap:7px;padding:8px 16px;font-size:14px;color:var(--text-secondary);background:transparent;border:none;border-radius:10px;cursor:pointer;transition:color .15s,background .15s}.tab:hover{color:var(--text-primary)}.tab.active{color:#fff;background:var(--accent)}.drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:56px 24px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.drop-zone:hover{border-color:var(--accent);background:hsla(0,0%,100%,.34)}.drop-zone.dragging{border-color:var(--accent);background:rgba(99,102,241,.14)}.drop-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:#eef0ff;color:var(--accent);margin-bottom:8px}.drop-title{margin:0;font-size:16px;color:var(--text-primary)}.drop-hint{font-size:13px;color:var(--text-muted)}.status{display:flex;align-items:center;gap:8px;margin-top:20px;font-size:13px;color:var(--text-secondary)}.spinner{width:14px;height:14px;flex-shrink:0;border:2px solid var(--accent);border-top:2px solid transparent;border-radius:50%}.spin,.spinner{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.results{margin-top:24px;display:flex;flex-direction:column;gap:12px}.result-item{padding:16px 18px}.result-item.error-card{border-color:#f6c7c7}.result-name{font-size:14px;font-weight:600;color:var(--text-primary);word-break:break-all;margin-bottom:8px}.result-url{color:var(--accent);margin-bottom:12px}.result-error,.result-url{font-size:13px;word-break:break-all}.result-error{color:var(--error)}.result-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.banner{padding:12px 16px;border-radius:12px;font-size:13px;margin-bottom:16px;word-break:break-all}.banner-error{background:#fef0f0;border:1px solid #f6c7c7;color:var(--error)}.empty{align-items:center;padding:40px;color:var(--text-muted);font-size:14px}.empty,.file-list{display:flex;flex-direction:column;gap:10px}.file-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px}.file-info{min-width:0;flex:1 1}.file-name{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--text-primary);word-break:break-all;margin-bottom:4px}.file-name svg{color:var(--accent);flex-shrink:0}.file-path{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted);text-decoration:none;word-break:break-all}.file-path:hover{color:var(--accent)}.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;overflow:hidden}.login-left{flex-direction:column;justify-content:space-between;background:linear-gradient(to bottom right,#9ca3af,#6b7280,#4b5563);padding:3rem;color:#fff;overflow:hidden}.login-left,.login-logo{position:relative;display:flex}.login-logo{z-index:20;align-items:center;gap:.6rem;font-size:1.1rem;font-weight:600}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:#6c3ff5;font-weight:700}.login-characters{position:relative;z-index:20;display:flex;align-items:flex-end;justify-content:center}.login-footer{position:relative;z-index:20;font-size:.85rem;color:hsla(0,0%,100%,.7)}.login-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.05) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.05) 1px,transparent 0);background-size:20px 20px}.login-blur{position:absolute;border-radius:50%;filter:blur(96px)}.login-blur-1{top:25%;right:25%;width:16rem;height:16rem;background:rgba(156,163,175,.2)}.login-blur-2{bottom:25%;left:25%;width:24rem;height:24rem;background:rgba(209,213,219,.2)}.login-right{display:flex;align-items:center;justify-content:center;padding:2rem;background:#fff;color:#111827}.login-form-wrap{width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:2.5rem}.login-header h1{font-size:1.85rem;font-weight:700;letter-spacing:-.025em;color:#111827}.login-header p{margin:.5rem 0 0;font-size:.875rem;color:#6b7280}.login-form{gap:1.25rem}.login-field,.login-form{display:flex;flex-direction:column}.login-field{gap:.5rem}.login-field label{font-size:.875rem;font-weight:500;color:#374151}.login-field input{width:100%;height:3rem;padding:0 1rem;font-size:1rem;color:#111827;background:#fff;border:1.5px solid rgba(229,231,235,.9);border-radius:.5rem;outline:none;transition:border-color .2s}.login-field input::placeholder{color:#9ca3af}.login-field input:focus{border-color:#6366f1}.password-wrap{position:relative}.password-wrap input{padding-right:2.5rem}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;padding:0;display:flex;transition:color .2s}.password-toggle:hover{color:#111827}.login-alert{padding:.75rem;font-size:.875rem;color:#dc2626;background:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.3);border-radius:.5rem}.login-submit{position:relative;width:100%;height:3rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;font-weight:500;font-family:inherit;background:#111827;color:#fff;border:none;border-radius:.5rem;cursor:pointer;overflow:hidden;transition:all .3s}.login-submit span,.login-submit svg{transition:transform .3s}.login-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.2)}.login-submit:hover:not(:disabled) span{transform:translateX(-8px)}.login-submit:hover:not(:disabled) svg{transform:translateX(8px)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.animated-characters{position:relative;width:550px;height:400px}.character{bottom:0;transform-origin:bottom center;will-change:transform}.character,.eyes{position:absolute;transition:all .7s cubic-bezier(.4,0,.2,1)}.eyes{display:flex;will-change:left,top}.purple-eyes{gap:32px}.black-eyes{gap:24px}.orange-eyes{gap:32px}.yellow-eyes{gap:24px}.eyeball{display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;will-change:height,border-radius,transform}.eyeball,.pupil{border-radius:50%}.pupil{transition:transform .1s ease-out,height .15s ease-out;will-change:transform,height}.purple-character{animation:ch-purple 1.2s cubic-bezier(.34,1.56,.64,1) forwards}.black-character{animation:ch-black 1s cubic-bezier(.34,1.56,.64,1) .2s backwards}.orange-character{animation:ch-orange 1.1s cubic-bezier(.34,1.56,.64,1) .1s backwards}.yellow-character{animation:ch-yellow 1s cubic-bezier(.34,1.56,.64,1) .3s backwards}.black-character.entrance-complete,.orange-character.entrance-complete,.purple-character.entrance-complete,.yellow-character.entrance-complete{animation:none}@keyframes ch-purple{0%{transform:translateX(-150px) translateY(50px) rotate(-15deg) scale(.3);opacity:0}60%{transform:translateX(10px) translateY(-10px) rotate(3deg) scale(1.05)}to{transform:translateX(0) translateY(0) rotate(0deg) scale(1);opacity:1}}@keyframes ch-black{0%{transform:translateY(-100px) scale(.5);opacity:0}70%{transform:translateY(10px) scale(1.08)}to{transform:translateY(0) scale(1);opacity:1}}@keyframes ch-orange{0%{transform:translateX(-200px) translateY(80px) rotate(-25deg) scale(.2);opacity:0}65%{transform:translateX(15px) translateY(-8px) rotate(5deg) scale(1.1)}to{transform:translateX(0) translateY(0) rotate(0deg) scale(1);opacity:1}}@keyframes ch-yellow{0%{transform:translateX(200px) translateY(60px) rotate(20deg) scale(.3);opacity:0}65%{transform:translateX(-12px) translateY(-5px) rotate(-4deg) scale(1.06)}to{transform:translateX(0) translateY(0) rotate(0deg) scale(1);opacity:1}}.purple-mouth{width:24px;height:8px;border-radius:0 0 12px 12px}.orange-mouth,.purple-mouth{position:absolute;background-color:#2d2d2d;transition:all .5s cubic-bezier(.4,0,.2,1)}.orange-mouth{width:26px;height:13px;border-radius:0 0 13px 13px}.purple-mouth.mouth-typing{width:7px;height:32px;border-radius:0;transform:translateX(13.5px) translateY(-28px)}.orange-mouth.mouth-typing{width:14px;height:14px;border-radius:50%}.purple-mouth.mouth-sad{border-radius:12px 12px 0 0}.orange-mouth.mouth-sad{border-radius:13px 13px 0 0}.purple-mouth.mouth-happy{width:30px;height:16px;border-radius:0 0 15px 15px}.orange-mouth.mouth-happy{width:32px;height:18px;border-radius:0 0 16px 16px}.yellow-mouth{position:absolute;transition:all .2s cubic-bezier(0,0,.2,1)}.yellow-mouth-path{transition:d .5s cubic-bezier(.4,0,.2,1)}.confetti-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;pointer-events:none;z-index:10}.confetti-piece{position:absolute;border-radius:2px;animation:confetti-fall linear forwards}@keyframes confetti-fall{0%{translate:0 0;opacity:1;rotate:0deg}to{translate:30px 200vh;opacity:1;rotate:2turn}}@media (max-width:520px){.container{padding:32px 16px 48px}.page-head{flex-direction:column}.animated-characters{transform:scale(.7);transform-origin:bottom center}}@media (max-width:1024px){.login-page{grid-template-columns:1fr}.login-left{display:none}}