.side-nav{display:block;width:260px;background:#fff;border-radius:12px;padding:1.5rem;height:fit-content;position:sticky;top:1.5rem;margin:1.5rem 0;box-shadow:0 4px 20px #0000001a}.nav-item{display:flex;align-items:center;padding:.75rem 1rem;border-radius:8px;color:#666;text-decoration:none;transition:all .2s ease;margin-bottom:.5rem}.nav-item-icon{width:20px;height:20px;margin-right:12px}.mobile-nav-toggle{display:none;position:fixed;top:1rem;right:1rem;z-index:1000;width:40px;height:40px;border:none;background:#fff;border-radius:8px;padding:8px;box-shadow:0 2px 8px #0000001a}.hamburger-line{display:block;width:24px;height:2px;background:#333;margin:5px 0;transition:.2s}.mobile-nav-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-nav-toggle.active .hamburger-line:nth-child(2){opacity:0}.mobile-nav-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.nav-float{display:none;position:fixed;top:4rem;right:1rem;z-index:999;background:#fff;border-radius:12px;padding:.5rem;width:200px;opacity:0;transform:translateY(-10px);transition:all .2s ease;pointer-events:none;box-shadow:0 4px 20px #00000026}.nav-float.nav-open{opacity:1;transform:translateY(0);pointer-events:auto}.nav-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:90;opacity:0;transition:opacity .2s ease}.nav-overlay{opacity:1}@media (max-width: 768px){.side-nav{display:none}.mobile-nav-toggle,.nav-float,.nav-overlay{display:block}.main-content{width:100%;padding:4rem 1rem 1rem}}.instant-enter-active,.instant-leave-active{transition:opacity .08s linear}.instant-enter-from,.instant-leave-to{opacity:0}.app-wrapper{display:flex;min-height:100vh;gap:1.5rem;padding:1.5rem;max-width:1600px;margin:0 auto;background:linear-gradient(135deg,#e6f0ff,#f5f0ff)}.main-content{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;padding:1.5rem}@media (max-width: 768px){.app-wrapper{padding:1rem}.side-nav{display:none}.mobile-nav-toggle,.nav-float,.nav-overlay{display:block}.nav-overlay{opacity:1}.main-content{width:100%;padding:4rem 1rem 1rem}.nav-float .nav-list{background:#fff;border-radius:12px}.nav-float .nav-item{margin-bottom:.25rem}}.nav-float,.nav-item,.hamburger-line{will-change:transform,opacity;-webkit-font-smoothing:antialiased}@media (max-width: 768px){.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:90}}.main-content{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}@media (hover: none){.nav-item{-webkit-tap-highlight-color:transparent}.nav-item:active{background:#e6f7ff}}.result-card[data-v-ebcfd170]{width:100%;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #0000001a}.video-container[data-v-ebcfd170]{position:relative;width:100%;padding-top:56.25%}.video-container iframe[data-v-ebcfd170]{position:absolute;top:0;left:0;width:100%;height:100%}.button-group[data-v-ebcfd170]{padding:16px;display:flex;justify-content:center}.download-container[data-v-ebcfd170]{position:relative;display:flex;justify-content:center;align-items:center}.download-btn[data-v-ebcfd170]{position:relative;min-width:160px;height:48px;padding:12px 32px;background:#1890ff;color:#fff;border:none;border-radius:24px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;overflow:hidden}.download-btn[data-v-ebcfd170]:hover{background:#40a9ff;transform:translateY(-1px);box-shadow:0 2px 8px #1890ff59}.download-btn[data-v-ebcfd170]:disabled{cursor:not-allowed;opacity:.7}.downloading[data-v-ebcfd170]{width:64px!important;height:64px!important;min-width:unset!important;padding:0!important;border-radius:50%!important}.btn-text[data-v-ebcfd170]{display:inline-block;transition:opacity .3s ease}.btn-text.fade-out[data-v-ebcfd170]{opacity:0;position:absolute}.progress-ring[data-v-ebcfd170]{position:absolute;width:36px;height:36px;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;visibility:hidden;transition:all .3s ease}.progress-ring.fade-in[data-v-ebcfd170]{opacity:1;visibility:visible}.progress-ring svg[data-v-ebcfd170]{transform:rotate(-90deg);width:100%;height:100%}.progress-ring-circle[data-v-ebcfd170]{fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:62.8;transition:stroke-dashoffset .3s ease}.progress-text[data-v-ebcfd170]{position:absolute;font-size:12px;color:#fff;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:500}@keyframes spin-ebcfd170{to{transform:rotate(360deg)}}.image-grid[data-v-6cb560ce]{-webkit-user-select:none;user-select:none}.image-item[data-v-6cb560ce]{cursor:pointer;position:relative}.image-item img[data-v-6cb560ce]{width:100%;height:100%}.preview-overlay[data-v-6cb560ce]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;cursor:zoom-out;display:flex;align-items:center;justify-content:center}.preview-image[data-v-6cb560ce]{max-width:50vw;max-height:50vh;object-fit:contain}.preview-nav[data-v-6cb560ce]{position:fixed;top:50%;transform:translateY(-50%);background:#fff3;border:none;color:#fff;font-size:24px;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s;z-index:1002}.preview-nav[data-v-6cb560ce]:hover{background:#ffffff4d}.prev[data-v-6cb560ce]{left:20px}.next[data-v-6cb560ce]{right:20px}.preview-nav.prev[data-v-6cb560ce]:after{content:"";position:absolute;top:0;left:-20px;right:-20px;bottom:0}.preview-nav.next[data-v-6cb560ce]:after{content:"";position:absolute;top:0;left:-20px;right:-20px;bottom:0}*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh;background:linear-gradient(135deg,#e6f0ff,#f5f0ff);margin:0;padding:0;overflow-x:hidden}.container{flex:1;min-width:0;height:fit-content;margin:clamp(1.5rem,3vw,2.5rem) 0;text-align:center}.title{font-size:clamp(2rem,6vw,3.5rem);color:#333;margin-bottom:clamp(.5rem,2vw,1rem);text-align:center;position:relative;display:inline-block}.title:after{content:"";position:absolute;bottom:-10px;left:0;width:0;height:3px;background:linear-gradient(90deg,#1890ff,#40a9ff);animation:lineGrow .6s .6s ease forwards}.subtitle{color:#666;margin-bottom:clamp(2rem,5vw,4rem);font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.6;opacity:0;transform:translateY(20px);animation:slideUp .6s .3s ease forwards}.input-wrapper{position:relative;margin:clamp(1.5rem,4vw,3rem) auto;width:100%;opacity:0;transform:translateY(20px);animation:slideUp .6s .6s ease forwards}.input-container{position:relative;background:#fff;border-radius:clamp(8px,2vw,12px);padding:clamp(.5rem,1.5vw,1rem);box-shadow:0 4px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease;display:flex;gap:clamp(8px,1.5vw,16px)}.input-container:hover{transform:translateY(-2px);box-shadow:0 6px 25px #00000026}.url-input{flex:1;padding:clamp(.8rem,2vw,1.2rem) clamp(1.2rem,2.5vw,1.8rem);border:none;border-radius:clamp(6px,1.5vw,10px);font-size:clamp(1rem,2vw,1.2rem);background:#f5f7fa;transition:all .3s ease;min-width:clamp(280px,50vw,500px)}.url-input:focus{outline:none;background:#f5f7fa}.btn{padding:clamp(.8rem,2vw,1.2rem) clamp(1.2rem,2.5vw,1.8rem);border:none;border-radius:clamp(6px,1.5vw,10px);color:#fff;font-weight:500;font-size:clamp(.9rem,1.8vw,1.1rem);cursor:pointer;transition:all .3s ease;overflow:hidden;white-space:nowrap;text-align:center;display:flex;align-items:center;justify-content:center}.parse-btn{background:#1890ff}.paste-btn{background:#40a9ff}.btn:hover{transform:scale(1.05)}.parse-btn:hover{background:#40a9ff}.paste-btn:hover{background:#69c0ff}.result-card{background:#fff;border-radius:12px;padding:20px;margin-top:20px}.video-container{position:relative;width:100%;padding-top:56.25%;margin-bottom:20px}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:8px}.button-group{display:flex;justify-content:center;align-items:center}.button-group a{text-decoration:none}.download-btn{padding:16px 32px;border:none;border-radius:8px;background:#1890ff;color:#fff;font-weight:500;font-size:16px;cursor:pointer;min-width:260px;text-align:center;transition:all .3s ease;box-shadow:0 2px #0000000b}.download-btn:hover{background:#40a9ff;transform:translateY(-2px);box-shadow:0 4px 12px #1890ff4d}.play-btn{background:#52c41a}.play-btn:hover{background:#73d13d;transform:translateY(-2px);box-shadow:0 4px 12px #52c41a4d}.image-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0;padding:0 16px}.image-item{position:relative;padding-top:100%;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;background-color:#f5f5f5;box-shadow:0 4px 12px #0003}.image-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.image-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:8px}.select-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;opacity:0;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center;border-radius:8px}.image-item:hover .select-overlay{opacity:1}.select-overlay.selected{opacity:1;background:#1890ff4d}.checkbox{width:24px;height:24px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:transparent;transition:all .3s ease}.selected .checkbox{background:#1890ff;color:#fff}.button-group{display:flex;gap:12px;justify-content:center;margin-top:20px}.select-all-btn{background:#40a9ff;min-width:100px}.download-selected-btn{background:#52c41a;min-width:200px}.btn:disabled{background:#ccc;cursor:not-allowed;transform:none}@media (max-width: 1024px){.image-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.image-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 12px}.button-group{flex-direction:column}.select-all-btn,.download-selected-btn{width:100%}}@media (max-width: 480px){.image-grid{grid-template-columns:1fr;gap:12px;padding:0 12px}}.image-preview-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.image-preview-content{position:relative;width:min(95%,1000px);max-height:90vh;border-radius:clamp(12px,2vw,16px);overflow:hidden}.image-preview-content img{width:100%;max-height:90vh;object-fit:contain;border-radius:clamp(12px,2vw,16px)}.close-preview{position:absolute;top:clamp(-40px,-6vw,-60px);right:0;color:#fff;font-size:clamp(24px,5vw,36px);cursor:pointer;background:none;border:none;padding:clamp(8px,1.5vw,12px);transition:transform .3s ease}.close-preview:hover{transform:rotate(90deg)}.download-all-btn{margin-right:clamp(.5rem,2vw,1rem);background:#52c41a;font-size:clamp(.9rem,1.8vw,1.1rem)}.download-all-btn:hover{background:#73d13d}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}@keyframes lineGrow{to{width:100%}}@keyframes rotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes shine{0%{transform:rotate(45deg) translate(-150%)}to{transform:rotate(45deg) translate(150%)}}@keyframes scaleIn{to{transform:scale(1);opacity:1}}@media (max-width: 1024px){.container{width:min(95%,900px)}.image-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.input-container{flex-direction:column}.url-input,.btn{width:100%;min-width:100%}.image-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.image-grid{grid-template-columns:1fr}.title{font-size:clamp(1.5rem,8vw,2rem)}.subtitle{font-size:clamp(.9rem,4vw,1rem)}}.app-wrapper{display:flex;min-height:100vh;gap:clamp(1.5rem,3vw,2.5rem);padding:clamp(1.5rem,3vw,2.5rem);max-width:1600px;margin:0 auto}.side-nav{flex-shrink:0;width:260px;background:#fff;border-radius:clamp(8px,2vw,12px);padding:clamp(1.2rem,2vw,1.5rem);height:fit-content;position:sticky;top:clamp(1.5rem,3vw,2.5rem);margin:clamp(1.5rem,3vw,2.5rem) 0;box-shadow:0 4px 20px #0000001a;transition:all .3s ease}.side-nav:hover{transform:translateY(-2px);box-shadow:0 6px 25px #00000026}.nav-header{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid #eee}.nav-title{font-size:1.25rem;color:#333;font-weight:600;margin-bottom:.5rem}.nav-desc{font-size:.875rem;color:#666;line-height:1.5}.nav-list{display:flex;flex-direction:column;gap:.5rem}.nav-item{display:flex;align-items:center;padding:.75rem 1rem;border-radius:8px;color:#666;text-decoration:none;transition:all .3s ease}.nav-item:hover{background:#f5f7fa;color:#1890ff}.nav-item.active{background:#e6f7ff;color:#1890ff}.nav-item-icon{margin-right:.75rem;width:20px;height:20px}@media (max-width: 768px){.app-wrapper{flex-direction:column;padding:1rem}.side-nav{width:100%;position:static;margin-bottom:1rem}.nav-list{flex-direction:row;flex-wrap:wrap;gap:.5rem}.nav-item{flex:1;min-width:140px;justify-content:center}}@media (max-width: 480px){.nav-item{min-width:100%}}