@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap);.page[data-v-b96e9a84]{position:relative;min-height:100vh;padding:2rem 1rem 3rem;overflow-x:hidden;font-family:DM Sans,SF Pro Display,system-ui,-apple-system,Segoe UI,sans-serif;color:#e8f7ef;background:linear-gradient(135deg,#0f172a,#1e1b4b 30%,#0f172a 60%,#1a1a2e)}.bg-image-layer[data-v-b96e9a84]{position:fixed;inset:0;background:url(/background/pc-background.png) 50%/cover no-repeat fixed;opacity:.35;pointer-events:none;z-index:0}@media (max-width:768px){.bg-image-layer[data-v-b96e9a84]{background:url(/background/sj-background.png) 50%/cover no-repeat fixed}}.bg-grid[data-v-b96e9a84]{position:fixed;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0,#000,transparent);mask-image:radial-gradient(ellipse 80% 60% at 50% 0,#000,transparent);pointer-events:none;z-index:0}.bg-blob[data-v-b96e9a84]{position:fixed;border-radius:50%;filter:blur(100px);opacity:.4;pointer-events:none;z-index:0}.blob-a[data-v-b96e9a84]{width:500px;height:500px;background:radial-gradient(circle at 30% 30%,#818cf8,#4f46e5 50%,transparent 70%);top:-150px;right:-100px;-webkit-animation:float-data-v-b96e9a84 8s ease-in-out infinite;animation:float-data-v-b96e9a84 8s ease-in-out infinite}.blob-b[data-v-b96e9a84]{width:450px;height:450px;background:radial-gradient(circle at 50% 50%,#f472b6,#ec4899 50%,transparent 70%);bottom:-150px;left:-100px;animation:float-data-v-b96e9a84 10s ease-in-out infinite reverse}.blob-c[data-v-b96e9a84]{width:350px;height:350px;background:radial-gradient(circle at 50% 50%,#34d399,#10b981 50%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);-webkit-animation:float-data-v-b96e9a84 12s ease-in-out infinite;animation:float-data-v-b96e9a84 12s ease-in-out infinite}@-webkit-keyframes float-data-v-b96e9a84{0%,to{transform:translate(0)}25%{transform:translate(20px,-20px)}50%{transform:translate(-10px,15px)}75%{transform:translate(15px,10px)}}@keyframes float-data-v-b96e9a84{0%,to{transform:translate(0)}25%{transform:translate(20px,-20px)}50%{transform:translate(-10px,15px)}75%{transform:translate(15px,10px)}}@-webkit-keyframes rise-data-v-b96e9a84{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes rise-data-v-b96e9a84{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.layout[data-v-b96e9a84]{position:relative;z-index:1;display:grid;grid-template-columns:260px 1fr 260px;gap:1.5rem;max-width:1400px;margin:0 auto;align-items:start}.sidebar[data-v-b96e9a84]{position:sticky;top:2rem;max-height:calc(100vh - 4rem);overflow-y:auto}.sidebar-inner[data-v-b96e9a84]{padding:1.25rem;background:rgba(15,23,42,.6);border:1px solid rgba(129,140,248,.2);border-radius:16px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.stats-header[data-v-b96e9a84]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(129,140,248,.15)}.stats-title[data-v-b96e9a84]{margin:0;font-size:1rem;font-weight:700;color:#c7d2fe}.stats-group[data-v-b96e9a84]{margin-bottom:1rem}.group-title[data-v-b96e9a84]{margin:0 0 .5rem;font-size:.8rem;font-weight:600;color:rgba(199,210,254,.6);text-transform:uppercase;letter-spacing:.05em}.stat-card[data-v-b96e9a84]{position:relative;display:flex;align-items:center;gap:.75rem;padding:.85rem .85rem;border-radius:14px;background:linear-gradient(135deg,rgba(30,27,75,.6),rgba(15,23,42,.4));border:1px solid rgba(129,140,248,.15);margin-bottom:.6rem;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.stat-card[data-v-b96e9a84]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(129,140,248,.5),transparent);opacity:0;transition:opacity .3s ease}.stat-card[data-v-b96e9a84]:hover{border-color:rgba(129,140,248,.35);transform:translateY(-2px);box-shadow:0 8px 24px rgba(129,140,248,.15)}.stat-card[data-v-b96e9a84]:hover:before{opacity:1}.stat-icon-wrap[data-v-b96e9a84]{flex-shrink:0}.stat-icon-bg[data-v-b96e9a84]{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.icon-bg-blue[data-v-b96e9a84]{background:linear-gradient(135deg,#3b82f6,#2563eb)}.icon-bg-purple[data-v-b96e9a84]{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.icon-bg-orange[data-v-b96e9a84]{background:linear-gradient(135deg,#f97316,#ea580c)}.icon-bg-indigo[data-v-b96e9a84]{background:linear-gradient(135deg,#6366f1,#4f46e5)}.icon-bg-pink[data-v-b96e9a84]{background:linear-gradient(135deg,#ec4899,#db2777)}.icon-bg-green[data-v-b96e9a84]{background:linear-gradient(135deg,#22c55e,#16a34a)}.icon-bg-cyan[data-v-b96e9a84]{background:linear-gradient(135deg,#06b6d4,#0891b2)}.icon-bg-rose[data-v-b96e9a84]{background:linear-gradient(135deg,#f43f5e,#e11d48)}.stat-info[data-v-b96e9a84]{flex:1;display:flex;flex-direction:column;gap:2px}.stat-label[data-v-b96e9a84]{font-size:.75rem;color:rgba(199,210,254,.6)}.stat-value[data-v-b96e9a84]{font-size:1.25rem;font-weight:700;color:#e8f7ef}.stat-trend[data-v-b96e9a84]{display:flex;flex-direction:column;align-items:flex-end;font-size:.75rem}.trend-up[data-v-b96e9a84]{color:#34d399}.trend-down[data-v-b96e9a84]{color:#f87171}.trend-flat[data-v-b96e9a84]{color:rgba(199,210,254,.5)}.hero[data-v-b96e9a84]{text-align:center;margin-bottom:2rem;-webkit-animation:rise-data-v-b96e9a84 .6s ease-out;animation:rise-data-v-b96e9a84 .6s ease-out}.hero-badge[data-v-b96e9a84]{display:inline-block;padding:.35rem 1rem;border-radius:999px;background:linear-gradient(135deg,rgba(129,140,248,.2),rgba(236,72,153,.2));border:1px solid rgba(129,140,248,.3);font-size:.8rem;color:#c7d2fe;margin-bottom:1rem}.hero-title[data-v-b96e9a84]{margin:0 0 .5rem;font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#818cf8,#f472b6,#34d399);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.hero-sub[data-v-b96e9a84]{margin:0;font-size:1rem;color:rgba(199,210,254,.7)}.panel[data-v-b96e9a84]{border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;-webkit-animation:rise-data-v-b96e9a84 .6s ease-out;animation:rise-data-v-b96e9a84 .6s ease-out}.glass[data-v-b96e9a84]{background:rgba(15,23,42,.6);border:1px solid rgba(129,140,248,.15);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.main-panel[data-v-b96e9a84]{background:linear-gradient(135deg,rgba(30,27,75,.8),rgba(15,23,42,.6));border-color:rgba(129,140,248,.3);box-shadow:0 8px 32px rgba(129,140,248,.1)}.panel-inner[data-v-b96e9a84]{display:flex;flex-direction:column;gap:.75rem}.input-row[data-v-b96e9a84]{display:flex;gap:.75rem}.input-row .url-input[data-v-b96e9a84]{flex:1}.parse-btn[data-v-b96e9a84]{min-width:120px}.panel-hint[data-v-b96e9a84]{margin:0;font-size:.8rem;color:rgba(199,210,254,.5);text-align:center}.section-title[data-v-b96e9a84]{margin:0 0 1.5rem;font-size:1.1rem;font-weight:600;color:#c7d2fe}.link-pill[data-v-b96e9a84]{display:inline-block;padding:.5rem 1.25rem;border-radius:999px;background:linear-gradient(135deg,rgba(129,140,248,.15),rgba(236,72,153,.15));border:1px solid rgba(129,140,248,.3);color:#c7d2fe;text-decoration:none;font-size:.9rem;transition:all .3s ease}.link-pill[data-v-b96e9a84]:hover{background:linear-gradient(135deg,rgba(129,140,248,.25),rgba(236,72,153,.25));transform:translateY(-1px)}.media-panel[data-v-b96e9a84]{-webkit-animation:rise-data-v-b96e9a84 .6s ease-out;animation:rise-data-v-b96e9a84 .6s ease-out}.video-frame[data-v-b96e9a84]{width:100%;border-radius:12px;overflow:hidden;background:#000;margin-bottom:.75rem}.video-grid[data-v-b96e9a84]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.video-card[data-v-b96e9a84]{background:rgba(15,23,42,.4);border-radius:12px;padding:.75rem;border:1px solid hsla(0,0%,100%,.05);display:flex;flex-direction:column;height:100%}.video-card .video-frame[data-v-b96e9a84]{width:100%;height:480px;border-radius:8px;overflow:hidden;background:#000;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center}.video-card .preview-video[data-v-b96e9a84]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.video-card .btn-row[data-v-b96e9a84]{margin-top:auto;display:flex;justify-content:center;padding-top:.5rem}.preview-video[data-v-b96e9a84]{width:100%;max-height:500px;display:block}.video-hint[data-v-b96e9a84]{margin:0 0 1rem;padding:.75rem 1rem;border-radius:8px;background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.3);color:#fca5a5;font-size:.85rem}.btn-row[data-v-b96e9a84]{display:flex;gap:.75rem;justify-content:center;margin-top:1rem}.btn-row.tight[data-v-b96e9a84]{margin-top:.5rem}.image-grid[data-v-b96e9a84]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.image-card[data-v-b96e9a84]{border-radius:12px;overflow:hidden;background:rgba(15,23,42,.4);border:1px solid rgba(129,140,248,.1);transition:all .3s ease}.image-card[data-v-b96e9a84]:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.3)}.thumb-wrap[data-v-b96e9a84]{aspect-ratio:3/4;overflow:hidden;cursor:pointer;position:relative}.thumb-wrap[data-v-b96e9a84]:after{content:"🔍";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);font-size:2rem;transition:transform .2s ease;pointer-events:none;z-index:1}.thumb-wrap[data-v-b96e9a84]:hover:after{transform:translate(-50%,-50%) scale(1)}.thumb-wrap:hover .preview-img[data-v-b96e9a84]{transform:scale(1.05)}.preview-img[data-v-b96e9a84]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.image-card:hover .preview-img[data-v-b96e9a84]{transform:scale(1.05)}.cover-wrap[data-v-b96e9a84]{border-radius:12px;overflow:hidden;margin-bottom:1rem;cursor:pointer;position:relative}.cover-wrap[data-v-b96e9a84]:after{content:"🔍";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);font-size:2rem;transition:transform .2s ease;pointer-events:none;z-index:1}.cover-wrap[data-v-b96e9a84]:hover:after{transform:translate(-50%,-50%) scale(1)}.cover-wrap:hover .preview-cover[data-v-b96e9a84]{transform:scale(1.05)}.preview-cover[data-v-b96e9a84]{width:100%;max-height:400px;-o-object-fit:contain;object-fit:contain;display:block;background:#000;transition:transform .3s ease}.preview-audio[data-v-b96e9a84]{width:100%;margin-bottom:1rem}.site-footer[data-v-b96e9a84]{position:relative;z-index:1;text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(129,140,248,.1)}.footer-brand[data-v-b96e9a84]{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#c7d2fe}.footer-note[data-v-b96e9a84]{margin:0;font-size:.8rem;color:rgba(199,210,254,.5)}.tutorial-link[data-v-b96e9a84]{position:absolute;top:1.25rem;right:1.5rem;z-index:100;font-size:.9rem;font-weight:500;color:rgba(199,210,254,.7);text-decoration:none;padding:.4rem 1rem;border-radius:8px;border:1px solid rgba(96,165,250,.2);background:rgba(15,23,42,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease;cursor:pointer}.tutorial-link[data-v-b96e9a84]:hover{color:#c7d2fe;border-color:rgba(96,165,250,.4);background:rgba(15,23,42,.7)}.tutorial-content[data-v-b96e9a84]{padding:.5rem 0}.tutorial-section[data-v-b96e9a84]{margin-bottom:2rem}.mobile-section[data-v-b96e9a84]{padding-top:1.5rem;border-top:2px dashed rgba(129,140,248,.2)}.section-header[data-v-b96e9a84]{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgba(129,140,248,.15)}.section-icon[data-v-b96e9a84]{font-size:1.5rem}.tutorial-section .section-title[data-v-b96e9a84]{margin:0;font-size:1.2rem;font-weight:700;color:#000}.steps-grid[data-v-b96e9a84]{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.tutorial-step[data-v-b96e9a84]{padding:1rem;background:rgba(15,23,42,.85);border:1px solid rgba(129,140,248,.2);border-radius:12px;transition:all .3s ease}.tutorial-step[data-v-b96e9a84]:hover{border-color:rgba(129,140,248,.3);background:rgba(15,23,42,.6);transform:translateY(-2px);box-shadow:0 8px 24px rgba(129,140,248,.1)}.step-header[data-v-b96e9a84]{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.step-number[data-v-b96e9a84]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#818cf8,#4f46e5);color:#fff;font-size:.75rem;font-weight:700;flex-shrink:0}.step-title[data-v-b96e9a84]{margin:0;font-size:.95rem;font-weight:600;color:#c7d2fe}.step-desc[data-v-b96e9a84]{margin:0 0 .75rem;font-size:.8rem;color:rgba(199,210,254,.65);line-height:1.5}.step-image[data-v-b96e9a84]{width:100%;max-height:200px;border-radius:8px;overflow:hidden;background:rgba(15,23,42,.8);border:1px solid rgba(129,140,248,.1);display:flex;align-items:center;justify-content:center}.step-image img[data-v-b96e9a84]{max-width:100%;max-height:200px;height:auto;display:block;-o-object-fit:contain;object-fit:contain}.tutorial-tips[data-v-b96e9a84]{padding:1rem 1.25rem;background:rgba(15,23,42,.6);border:1px solid rgba(129,140,248,.15);border-radius:12px}.tutorial-tips h4[data-v-b96e9a84]{margin:0 0 .75rem;font-size:.95rem;font-weight:600;color:#c7d2fe}.tutorial-tips ul[data-v-b96e9a84]{margin:0;padding:0 0 0 1.25rem;list-style:none}.tutorial-tips li[data-v-b96e9a84]{position:relative;margin-bottom:.5rem;font-size:.85rem;color:rgba(199,210,254,.6);line-height:1.5}.tutorial-tips li[data-v-b96e9a84]:last-child{margin-bottom:0}.tutorial-tips li[data-v-b96e9a84]:before{content:"•";position:absolute;left:-1.25rem;color:#818cf8;font-weight:700}@media (max-width:1024px){.layout[data-v-b96e9a84]{grid-template-columns:1fr;gap:1rem}.sidebar[data-v-b96e9a84]{position:static;max-height:none}.left-sidebar[data-v-b96e9a84]{order:2}.main-content[data-v-b96e9a84]{order:1}.right-sidebar[data-v-b96e9a84]{order:3}.hero-title[data-v-b96e9a84]{font-size:2rem}.image-grid[data-v-b96e9a84]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.steps-grid[data-v-b96e9a84]{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.page[data-v-b96e9a84]{padding:1rem .75rem 2rem}.video-grid[data-v-b96e9a84]{grid-template-columns:1fr;gap:1rem}.video-card .video-frame[data-v-b96e9a84]{height:360px}.input-row[data-v-b96e9a84]{flex-direction:column}.parse-btn[data-v-b96e9a84]{width:100%}.hero-title[data-v-b96e9a84]{font-size:1.75rem}.hero-sub[data-v-b96e9a84]{font-size:.85rem}.panel[data-v-b96e9a84]{padding:1rem}.image-grid[data-v-b96e9a84]{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card[data-v-b96e9a84]{padding:.7rem}.stat-icon-bg[data-v-b96e9a84]{width:36px;height:36px;font-size:1rem}.stat-value[data-v-b96e9a84]{font-size:1.1rem}.tutorial-link[data-v-b96e9a84]{top:.75rem;right:.75rem;font-size:.8rem;padding:.3rem .75rem}.steps-grid[data-v-b96e9a84]{grid-template-columns:1fr;gap:.75rem}.tutorial-step[data-v-b96e9a84]{padding:.75rem}.step-title[data-v-b96e9a84]{font-size:.85rem}.step-desc[data-v-b96e9a84]{font-size:.75rem}.step-image[data-v-b96e9a84],.step-image img[data-v-b96e9a84]{max-height:150px}.section-icon[data-v-b96e9a84]{font-size:1.2rem}.tutorial-section .section-title[data-v-b96e9a84]{font-size:1rem}}.t-dialog__wrap{display:flex!important;align-items:center!important;justify-content:center!important;padding:1rem!important}.t-dialog{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;right:auto!important;bottom:auto!important}@media (max-width:768px){.t-dialog__wrap{padding:.5rem!important}.t-dialog{width:92vw!important;max-width:92vw!important;max-height:85vh!important}.t-dialog__body{padding:0!important;max-height:none!important;overflow:hidden!important}.tutorial-content{max-height:75vh!important;overflow-y:auto!important;overflow-x:hidden!important;padding:1rem!important}.tutorial-content::-webkit-scrollbar{width:5px}.tutorial-content::-webkit-scrollbar-track{background:rgba(15,23,42,.3)}.tutorial-content::-webkit-scrollbar-thumb{background:rgba(96,165,250,.4);border-radius:3px}.steps-grid{grid-template-columns:1fr!important;gap:.75rem!important}.tutorial-step{padding:.75rem!important}.step-title{font-size:.85rem!important}.step-desc{font-size:.75rem!important}.step-image,.step-image img{max-height:150px!important}.section-icon{font-size:1.2rem!important}.tutorial-section .section-title{font-size:1rem!important}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:rgba(0,0,0,.4);border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#818cf8,#6366f1);border-radius:5px;border:2px solid rgba(0,0,0,.3);-webkit-transition:background .2s;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a5b4fc,#818cf8)}*{scrollbar-width:thin;scrollbar-color:#818cf8 rgba(0,0,0,.4)}.image-preview-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:9999;cursor:pointer;-webkit-animation:fadeIn .2s ease;animation:fadeIn .2s ease}.preview-container{position:relative;max-width:90vw;max-height:90vh;-webkit-animation:zoomIn .3s ease;animation:zoomIn .3s ease}.preview-container img{max-width:90vw;max-height:90vh;-o-object-fit:contain;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.5)}.preview-close-btn{position:absolute;top:-40px;right:0;width:36px;height:36px;border-radius:50%;background:hsla(0,0%,100%,.15);border:none;color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.preview-close-btn:hover{background:hsla(0,0%,100%,.3)}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}*{margin:0;padding:0;box-sizing:border-box}body,html{margin:0;min-height:100%;background:linear-gradient(165deg,#022c22,#064e3b 35%,#0f172a 75%,#1e1b4b);background-attachment:fixed;background-size:400% 400%;-webkit-animation:backgroundShift 15s ease infinite;animation:backgroundShift 15s ease infinite}@-webkit-keyframes backgroundShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes backgroundShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}#app{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05)}::-webkit-scrollbar-thumb{background:rgba(167,243,208,.3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(167,243,208,.5)}::-moz-selection{background:rgba(52,211,153,.3);color:#ecfdf5}::selection{background:rgba(52,211,153,.3);color:#ecfdf5}