body{background:#f8fafc;font-family:Segoe UI,Roboto,Arial,sans-serif;margin:0}.container{align-items:center;background:linear-gradient(120deg,#e0e7ff,#f0fdfa);display:flex;justify-content:center;min-height:100vh;min-width:100vw;overflow:hidden;position:relative}.bg-illustration{background:url(https://images.unsplash.com/photo-1506744038136-46273834b3fb?auto=format&fit=crop&w=1200&q=80) 50%/cover no-repeat;bottom:0;filter:blur(2px);left:0;opacity:.18;position:absolute;right:0;top:0;z-index:1}.main-content{align-items:center;animation:fadeInUp .8s cubic-bezier(.39,.575,.56,1);background:#ffffffeb;border-radius:24px;box-shadow:0 8px 32px #5050a021;display:flex;flex-direction:column;max-width:480px;padding:40px 32px 32px;width:100%;z-index:2}.logo-img{border-radius:16px;box-shadow:0 2px 12px #00000014;height:64px;margin-bottom:16px;width:64px}.logo-img,.title{animation:fadeIn 1.2s}.title{color:#2d3a4a;font-size:2.1rem;font-weight:700;letter-spacing:1px;margin-bottom:18px;text-shadow:0 2px 8px #e0e7ff}.url-input{background:#fff;border:1.5px solid #b6c6e3;border-radius:8px;box-shadow:0 1px 4px #00000008;flex:1;font-size:1.08rem;outline:none;padding:12px 14px;transition:border .2s,box-shadow .2s}.url-input:focus{border:1.5px solid #6366f1;box-shadow:0 2px 8px #e0e7ff}.submit-btn{animation:fadeIn 1.2s;background:linear-gradient(90deg,#6366f1,#38bdf8);border:none;border-radius:8px;box-shadow:0 2px 8px #6366f114;color:#fff;cursor:pointer;font-size:1.08rem;font-weight:600;margin-left:2px;margin-right:2px;outline:none;padding:12px 18px;transition:background .2s,transform .15s,box-shadow .2s}.submit-btn:hover{background:linear-gradient(90deg,#38bdf8,#6366f1);box-shadow:0 4px 16px #6366f1aa;transform:translateY(-2px) scale(1.04)}.stop-btn{background:linear-gradient(90deg,#d32f2f,#f87171)}.stop-btn:hover{background:linear-gradient(90deg,#f87171,#d32f2f)}.result{animation:fadeIn 1.2s;background:#f4f4f4;border-radius:10px;box-shadow:0 1px 6px #0000000a;font-size:1rem;margin-top:18px;max-width:420px;overflow-x:auto;padding:12px;word-break:break-all}.result.loading{color:#6366f1}.result.error{background:#fff0f0;color:#d32f2f}.result.batch-message{background:#ecfdf5;color:#059669}.fadein{animation:fadeIn 1.2s}.animated{animation:fadeInUp 1s}.batch-input-group{align-items:flex-start;background:#f4f7ff;border-radius:12px;box-shadow:0 1px 6px #6366f112;display:flex;flex-direction:column;margin-bottom:18px;max-width:340px;padding:12px 16px;width:100%}.batch-label{align-items:center;color:#2d3a4a;display:flex;font-size:1.08rem;font-weight:600;margin-bottom:4px}.batch-icon{font-size:1.2em;margin-right:6px}.batch-input{background:#fff;border:1.5px solid #b6c6e3;border-radius:8px;font-size:1.08rem;margin-top:2px;padding:10px 12px;transition:border .2s;width:100%}.batch-input:focus{border:1.5px solid #6366f1}.last-url-group{background:#f4f7ff;border-radius:12px;box-shadow:0 1px 6px #6366f112;margin-top:22px;max-width:540px;padding:14px 16px;width:100%}.last-url-label{align-items:center;color:#2d3a4a;display:flex;font-size:1.08rem;font-weight:600;margin-bottom:6px}.last-url-icon{font-size:1.2em;margin-right:6px}.last-url-row{align-items:center;display:flex;gap:8px;margin-top:4px}.last-url-input{background:#fff;border:1.5px solid #b6c6e3;border-radius:8px;color:#222;flex:1;font-size:1.02rem;padding:10px 12px}.last-url-copy{background:linear-gradient(90deg,#6366f1,#38bdf8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.02rem;font-weight:600;padding:10px 18px;transition:background .2s,transform .15s}.last-url-copy:hover{background:linear-gradient(90deg,#38bdf8,#6366f1);transform:translateY(-2px) scale(1.04)}.last-url-clear{background:linear-gradient(90deg,#d32f2f,#f87171);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.02rem;font-weight:600;padding:10px 18px;transition:background .2s,transform .15s}.last-url-clear:hover{background:linear-gradient(90deg,#f87171,#d32f2f);transform:translateY(-2px) scale(1.04)}@media (max-width:600px){.main-content{max-width:98vw;padding:18px 4px 16px}.url-input{width:100%}.submit-btn{margin:0;width:100%}.result{max-width:98vw}.batch-input-group,.last-url-group{max-width:98vw;padding:10px 4px}.last-url-row{flex-direction:column;gap:6px}.last-url-copy{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}.status-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #6366f114;margin-top:12px;max-width:540px;padding:16px;width:100%}.status-section{align-items:flex-start;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;margin-bottom:8px;padding:12px;transition:all .2s ease}.status-section:last-child{margin-bottom:0}.status-section:hover{box-shadow:0 2px 6px #6366f11f;transform:translateY(-1px)}.status-icon{font-size:1.4em;margin-right:12px;min-width:24px;text-align:center}.status-content{display:flex;flex:1;flex-direction:column}.status-title{color:#2d3a4a;font-size:.95rem;font-weight:600;margin-bottom:4px}.status-detail{color:#4a5568;font-size:1rem;line-height:1.4}.url-text{background:#f1f5f9;border-radius:4px;color:#2563eb;font-family:monospace;font-size:.95rem;margin-top:2px;padding:4px 8px;word-break:break-all}@media (max-width:600px){.status-panel{margin:12px 8px;padding:12px}.status-section{padding:10px}.status-icon{font-size:1.2em;margin-right:10px}.status-title{font-size:.9rem}.status-detail{font-size:.95rem}.url-text{font-size:.9rem;padding:3px 6px}}.page-input-group{align-items:flex-start;background:#f4f7ff;border-radius:12px;box-shadow:0 1px 6px #6366f112;display:flex;flex-direction:column;margin-bottom:18px;max-width:340px;padding:12px 16px;width:100%}.page-label{align-items:center;color:#2d3a4a;display:flex;font-family:monospace;font-size:1.08rem;font-weight:600;margin-bottom:4px}.page-input{background:#fff;border:1.5px solid #b6c6e3;border-radius:8px;font-size:1.08rem;margin-top:2px;padding:10px 12px;transition:border .2s;width:100%}.page-input:focus{border:1.5px solid #6366f1}