:root{--bg:#F3EEFA;--bg-alt:#EBE4F6;--bg-radial-1:#F9F5FF;--bg-radial-2:#FFF0F5;--bg-radial-3:#F0F9FF;--surface:#FFFFFF;--surface-alt:#FAF7FD;--text:#2D2A3C;--text-muted:#7B7794;--text-dim:#B8B4CD;--pri:#7C5CFC;--pri-hover:#6A48E0;--pri-light:#F3F0FF;--pri-glow:rgba(124,92,252,.12);--pri-gradient:linear-gradient(135deg, #7C5CFC, #A78BFA);--rose:#FF6B9D;--rose-light:#FFF0F5;--rose-gradient:linear-gradient(135deg, #FF6B9D, #FF8FB3);--teal:#4ECDC4;--teal-light:#F0FDFA;--teal-gradient:linear-gradient(135deg, #4ECDC4, #6EE7DD);--amber:#FFD166;--amber-light:#FFFCF0;--amber-gradient:linear-gradient(135deg, #FFD166, #FFE599);--green:#7BED9F;--green-light:#F0FFF4;--green-gradient:linear-gradient(135deg, #7BED9F, #A3F7BF);--purple:#A78BFA;--purple-light:#F5F3FF;--clay-inset-sm:inset 1px 1px 2px rgba(255,255,255,.9),inset -1px -1px 2px rgba(174,174,192,.08);--clay-inset:inset 2px 2px 5px rgba(255,255,255,.9),inset -2px -2px 5px rgba(174,174,192,.1);--clay-sm:3px 3px 8px rgba(174,174,192,.15),-3px -3px 8px rgba(255,255,255,.9);--clay:6px 6px 16px rgba(174,174,192,.15),-6px -6px 16px rgba(255,255,255,.9);--clay-lg:10px 10px 24px rgba(174,174,192,.18),-10px -10px 24px rgba(255,255,255,.95);--clay-pressed:inset 3px 3px 8px rgba(174,174,192,.12),inset -3px -3px 8px rgba(255,255,255,.6),2px 2px 4px rgba(174,174,192,.05);--clay-floating:0 20px 40px rgba(124,92,252,.1),0 8px 20px rgba(174,174,192,.12),-8px -8px 24px rgba(255,255,255,.8);--clay-pri:6px 6px 16px rgba(124,92,252,.2),-6px -6px 16px rgba(255,255,255,.9);--clay-pri-pressed:inset 3px 3px 8px rgba(124,92,252,.15),2px 2px 4px rgba(124,92,252,.1);--radius-sm:14px;--radius:22px;--radius-lg:30px;--radius-xl:40px;--radius-full:9999px;--font:'Nunito','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-mono:'JetBrains Mono','SF Mono','Cascadia Code',monospace;--t-fast:.2s cubic-bezier(.34,1.56,.64,1);--t:.3s cubic-bezier(.34,1.56,.64,1);--t-slow:.5s cubic-bezier(.34,1.56,.64,1);--container:1200px;--section-gap:56px}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:76px;-webkit-font-smoothing:antialiased}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.7;font-size:16px;overflow-x:hidden;min-height:100vh;position:relative}body::before{content:'';position:fixed;top:-15%;right:-10%;width:55vw;height:55vw;background:radial-gradient(ellipse,var(--bg-radial-2) 0,transparent 70%);border-radius:50%;z-index:0;pointer-events:none;opacity:.7}body::after{content:'';position:fixed;bottom:-20%;left:-15%;width:50vw;height:50vw;background:radial-gradient(ellipse,var(--bg-radial-3) 0,transparent 70%);border-radius:50%;z-index:0;pointer-events:none;opacity:.6}a{color:var(--pri);text-decoration:none;transition:all var(--t-fast);font-weight:700}a:hover{color:var(--pri-hover)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--pri);outline-offset:2px;border-radius:4px}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}.skip-link{position:absolute;top:-100px;left:12px;background:var(--pri);color:#fff;padding:12px 20px;border-radius:var(--radius);font-weight:900;font-size:15px;z-index:9999;transition:top .2s;text-decoration:none}.skip-link:focus{top:12px;color:#fff;outline-offset:0}h1,h2,h3,h4{font-weight:900;line-height:1.2;letter-spacing:-.02em;color:var(--text)}h1{font-size:clamp(38px,5.5vw,58px)}h2{font-size:clamp(30px,4.5vw,44px)}h3{font-size:19px;font-weight:800;letter-spacing:-.01em}h4{font-size:17px;font-weight:800}.section-title{font-size:clamp(28px,4vw,40px);font-weight:900;letter-spacing:-.03em;margin-bottom:10px;line-height:1.15;text-align:center;background:linear-gradient(135deg,var(--text),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-desc{color:var(--text-muted);font-size:17px;max-width:560px;margin:0 auto 36px;line-height:1.55;text-align:center}#skeletonHero{position:fixed;inset:0;z-index:9999;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center}#skeletonHero.show{display:flex}.skeleton-nav{width:100%;height:60px;background:var(--surface);opacity:.5;margin-bottom:20px}.skeleton-hero{width:90%;max-width:600px;height:280px;background:var(--surface);border-radius:var(--radius-xl);animation:skeletonPulse 1.8s ease-in-out infinite}@keyframes skeletonPulse{0%,100%{opacity:.4}50%{opacity:.7}}.container{max-width:var(--container);margin:0 auto;padding:0 24px;position:relative;z-index:1}.section{padding:var(--section-gap) 0;position:relative;z-index:1}.text-center{text-align:center}.text-right{text-align:right}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:var(--radius-full);font-weight:800;font-size:15px;letter-spacing:-.01em;border:none;transition:all var(--t);white-space:nowrap;position:relative;text-decoration:none;line-height:1.2;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--pri-gradient);color:#fff;box-shadow:var(--clay-pri)}.btn-primary:hover{color:#fff;box-shadow:0 8px 24px rgba(124,92,252,.25),-6px -6px 16px rgba(255,255,255,.9);transform:translateY(-3px)}.btn-primary:active{box-shadow:var(--clay-pri-pressed);transform:translateY(1px)}.btn-outline{background:var(--surface);color:var(--pri);box-shadow:var(--clay)}.btn-outline:hover{color:var(--pri-hover);box-shadow:var(--clay-lg);transform:translateY(-2px)}.btn-outline:active{box-shadow:var(--clay-pressed);transform:translateY(1px)}.btn-ghost{background:0 0;color:var(--text-muted);box-shadow:none}.btn-ghost:hover{color:var(--text);background:var(--bg-alt);box-shadow:var(--clay-sm)}.btn-lg{padding:18px 36px;font-size:17px;font-weight:900;border-radius:var(--radius-full)}.btn-sm{padding:10px 20px;font-size:13px;font-weight:700}.navbar{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.8);backdrop-filter:blur(24px) saturate(1.8);border-bottom:1px solid rgba(124,92,252,.08);padding:0 24px;height:60px;display:flex;align-items:center;box-shadow:0 2px 20px rgba(124,92,252,.04)}.nav-inner{max-width:var(--container);width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.nav-brand{font-size:22px;font-weight:900;letter-spacing:-.03em;color:var(--text);display:flex;align-items:center;gap:8px;transition:all var(--t-fast)}.nav-brand:hover{color:var(--pri)}.nav-brand span{font-size:12px;font-weight:700;color:var(--pri);background:var(--pri-light);padding:5px 12px;border-radius:var(--radius-full);box-shadow:var(--clay-sm)}.nav-links{display:flex;align-items:center;gap:4px}.nav-links a{padding:10px 18px;border-radius:var(--radius-full);font-size:15px;font-weight:700;color:var(--text);transition:all var(--t-fast)}.nav-links a.active,.nav-links a:hover{color:var(--pri-hover);background:var(--pri-light);box-shadow:var(--clay-sm)}.nav-links .btn{margin-left:8px;padding:10px 22px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25)}.nav-links .btn-primary{background:linear-gradient(135deg,#5a3fd9,#7c5cfc)}.nav-links .btn-primary:hover{background:linear-gradient(135deg,#4f35c7,#6a48e0);color:#fff}.nav-hamburger{display:none;background:0 0;border:none;padding:8px;cursor:pointer;flex-direction:column;gap:5px;z-index:110}.hamburger-line{display:block;width:24px;height:2.5px;background:var(--text);border-radius:2px;transition:all var(--t)}.nav-hamburger[aria-expanded=true] .hamburger-line:first-child{transform:translateY(7.5px) rotate(45deg)}.nav-hamburger[aria-expanded=true] .hamburger-line:nth-child(2){opacity:0}.nav-hamburger[aria-expanded=true] .hamburger-line:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}.hero{padding:44px 0 64px;position:relative;z-index:1;overflow:hidden}.hero-inner{max-width:var(--container);margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.hero-left{display:flex;flex-direction:column;gap:22px}.hero-title{font-size:clamp(40px,6vw,64px);font-weight:900;line-height:1.08;letter-spacing:-.04em;color:var(--text)}.hero-title em{font-style:normal;background:var(--pri-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.hero-subtitle{font-size:18px;color:var(--text-muted);line-height:1.6;max-width:460px}.hero-badge{display:inline-flex;margin-bottom:4px}.hero-badge span{padding:7px 18px;font-size:13px;font-weight:800;border-radius:var(--radius-full);background:var(--pri-light);color:var(--pri);box-shadow:var(--clay-sm)}.hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.hero-actions-hint{font-size:13px;color:var(--text-dim);font-weight:600}.hero-actions-secondary{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-muted);margin-top:0}.hero-link-pricing{color:var(--pri);font-weight:700;text-decoration:underline;text-underline-offset:3px;transition:all var(--t-fast)}.hero-link-pricing:hover{color:var(--pri-hover)}.hero-trust{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:2px}.trust-item{font-size:14px;color:var(--text-dim);font-weight:600}.trust-item strong{color:var(--pri);font-weight:900}.trust-dot{color:var(--text-dim)}.hero-security{display:flex;gap:10px;margin-top:4px}.security-badge{font-size:12px;font-weight:700;color:var(--text-dim);padding:6px 14px;border-radius:var(--radius-full);background:var(--surface);box-shadow:var(--clay-sm)}.hero-right{display:flex;flex-direction:column;gap:22px}.hero-visual{background:var(--surface);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--clay-floating);position:relative;transform-style:preserve-3d;transition:transform .4s var(--t)}.hero-visual:hover{transform:perspective(1000px) rotateX(3deg) rotateY(-3deg) scale(1.01)}.hero-visual::before{content:'';display:block;padding-top:56.25%}.hero-visual-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(-45deg,var(--pri-light),var(--rose-light),var(--teal-light),var(--purple-light),var(--pri-light));background-size:400% 400%;animation:heroGradient 8s ease infinite;overflow:hidden}.hero-visual-inner::after,.hero-visual-inner::before{content:'';position:absolute;border-radius:50%;filter:blur(50px);opacity:.55;animation:blobMove 10s ease-in-out infinite alternate}.hero-visual-inner::before{width:220px;height:220px;background:var(--pri);top:-60px;left:-60px;animation-delay:0s}.hero-visual-inner::after{width:180px;height:180px;background:var(--rose);bottom:-40px;right:-40px;animation-delay:-5s}.hero-visual-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:10;display:block;transform:translateZ(0);filter:brightness(1.1) saturate(1.15)}@keyframes heroGradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes blobMove{0%{transform:translate(0,0) scale(1)}100%{transform:translate(40px,30px) scale(1.15)}}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hero-stat{background:var(--surface);border-radius:var(--radius);padding:18px 14px;text-align:center;box-shadow:var(--clay);transition:all var(--t)}.hero-stat:hover{transform:translateY(-3px);box-shadow:var(--clay-lg)}.hero-stat-num{font-size:26px;font-weight:900;color:var(--pri);letter-spacing:-.02em;display:block}.hero-stat-label{font-size:12px;color:var(--text-muted);font-weight:700;margin-top:4px;display:block}.hero-url{background:var(--surface);border-radius:var(--radius-full);display:flex;align-items:center;padding:4px 4px 4px 22px;box-shadow:var(--clay-inset),4px 4px 12px rgba(174,174,192,.08);transition:all var(--t);margin-bottom:4px;border:2px solid transparent}.hero-url:focus-within{box-shadow:var(--clay-inset),0 0 0 3px rgba(124,92,252,.15),4px 4px 16px rgba(124,92,252,.08)}.hero-url input{flex:1;border:none;outline:0;font-size:16px;color:var(--text);background:0 0;padding:12px 0;min-width:0;font-family:var(--font)}.hero-url input::placeholder{color:var(--text-dim)}.hero-url .btn{padding:14px 30px;border-radius:var(--radius-full);flex-shrink:0;background:var(--pri-gradient);color:#fff;box-shadow:var(--clay-pri)}.hero-example{flex-shrink:0;padding:8px 16px;border-radius:var(--radius-full);font-size:13px;font-weight:700;color:var(--pri);background:var(--pri-light);border:none;cursor:pointer;transition:all var(--t-fast);margin-right:8px;white-space:nowrap}.hero-example:hover{background:var(--pri);color:#fff;box-shadow:var(--clay-pri)}.hero-samples{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-muted);flex-wrap:wrap}.hero-samples a{color:var(--pri);font-weight:700;padding:6px 14px;border-radius:var(--radius-full);background:var(--pri-light);box-shadow:var(--clay-sm);transition:all var(--t-fast)}.hero-samples a:hover{background:var(--pri);color:#fff;box-shadow:var(--clay-pri)}.hero-samples .sep{color:var(--text-dim)}.bento{max-width:var(--container);margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(130px,auto);gap:18px}.bento-2{grid-template-columns:repeat(2,1fr)}.bento-4{grid-template-columns:repeat(4,1fr)}.platforms-section .bento{grid-auto-rows:minmax(110px,auto)}.platform-card{background:var(--surface);border-radius:var(--radius-lg);padding:18px 22px;display:flex;align-items:center;gap:16px;transition:all var(--t);cursor:pointer;position:relative;overflow:hidden;box-shadow:var(--clay);text-decoration:none;color:var(--text)}.platform-card:hover{transform:translateY(-4px);box-shadow:var(--clay-floating)}.platform-card:active{transform:translateY(-1px);box-shadow:var(--clay-pressed)}.platform-card.span-2{grid-column:span 2}.platform-card.span-row{grid-row:span 2;flex-direction:column;align-items:flex-start;gap:10px;padding:28px}.platform-logo{width:48px;height:48px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;box-shadow:var(--clay-sm)}.platform-logo svg{width:100%;height:100%}.platform-info{display:flex;flex-direction:column;gap:3px}.platform-name{font-weight:900;font-size:15px;letter-spacing:-.01em}.platform-desc{font-size:12px;color:var(--text-muted);font-weight:600}.platform-card.span-row .platform-logo{width:62px;height:62px;border-radius:var(--radius)}.platform-card.span-row .platform-name{font-size:18px}.platform-card.span-row .platform-desc{font-size:13px}.steps{max-width:var(--container);margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative}.steps::before{content:'';position:absolute;top:46px;left:calc(16.67% + 24px);right:calc(16.67% + 24px);height:3px;background:var(--pri-light);z-index:0;border-radius:2px}.step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;position:relative;z-index:1;padding:0 24px}.step-num{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;flex-shrink:0;transition:all var(--t);position:relative}.step:first-child .step-num{background:var(--pri-gradient);color:#fff;box-shadow:6px 6px 14px rgba(124,92,252,.25),-4px -4px 10px rgba(255,255,255,.8)}.step:nth-child(2) .step-num{background:var(--teal-gradient);color:#fff;box-shadow:6px 6px 14px rgba(78,205,196,.2),-4px -4px 10px rgba(255,255,255,.8)}.step:nth-child(3) .step-num{background:var(--rose-gradient);color:#fff;box-shadow:6px 6px 14px rgba(255,107,157,.2),-4px -4px 10px rgba(255,255,255,.8)}.step h3{font-size:18px;font-weight:900;margin:0;text-align:center}.step p{font-size:14px;color:var(--text-muted);line-height:1.55;margin:0;text-align:center}.demo-wrap{max-width:var(--container);margin:0 auto;padding:0 24px}.demo-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:start}.demo-media{background:var(--surface);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--clay-floating);position:sticky;top:84px}.demo-media-img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.demo-media-badge{position:absolute;top:18px;left:18px;background:var(--pri-gradient);color:#fff;padding:7px 16px;border-radius:var(--radius-full);font-size:13px;font-weight:800;display:flex;align-items:center;gap:8px;box-shadow:4px 4px 12px rgba(124,92,252,.25)}.demo-media-badge::before{content:'';width:8px;height:8px;background:#fff;border-radius:50%;animation:pulse 2s infinite}.demo-media-duration{position:absolute;bottom:18px;right:18px;background:rgba(0,0,0,.7);color:#fff;padding:5px 12px;border-radius:var(--radius-full);font-size:13px;font-weight:800}.demo-info-card{background:var(--surface);border-radius:var(--radius-xl);padding:28px;box-shadow:var(--clay);display:flex;flex-direction:column;gap:18px}.demo-title{font-size:19px;font-weight:900;line-height:1.4;letter-spacing:-.02em;color:var(--text)}.demo-meta{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--text-muted);flex-wrap:wrap}.demo-meta-dot{width:4px;height:4px;background:var(--text-dim);border-radius:50%;flex-shrink:0}.demo-quality-tag{background:var(--teal-light);color:var(--teal);padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:800;box-shadow:var(--clay-sm)}.demo-formats{border-radius:var(--radius);overflow:hidden;box-shadow:var(--clay-inset);background:var(--surface-alt)}.demo-format-hd{display:flex;justify-content:space-between;padding:12px 18px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim);background:var(--bg-alt);border-bottom:1px solid rgba(174,174,192,.1)}.demo-format-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;padding:10px 18px;font-size:14px;transition:all var(--t-fast);gap:14px;border-bottom:1px solid rgba(174,174,192,.06)}.demo-format-row:last-child{border-bottom:none}.demo-format-row:hover{background:var(--pri-light);box-shadow:var(--clay-inset-sm)}.demo-format-row.pick{background:linear-gradient(90deg,var(--pri-light),var(--purple-light));font-weight:800;border-left:4px solid var(--pri)}.demo-fmt-name{display:flex;align-items:center;gap:10px;font-weight:700}.demo-fmt-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 2px 4px rgba(0,0,0,.1)}.demo-fmt-dot.d4k{background:var(--pri)}.demo-fmt-dot.d2k{background:var(--purple)}.demo-fmt-dot.d1080{background:var(--teal)}.demo-fmt-dot.d720{background:var(--amber)}.demo-fmt-dot.d480{background:#94a3b8}.demo-fmt-dot.d360{background:#cbd5e1}.demo-fmt-dot.daudio{background:linear-gradient(135deg,var(--amber),var(--rose))}.demo-fmt-size{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);text-align:right;font-weight:700;min-width:64px}.demo-fmt-tag{padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:800;white-space:nowrap;box-shadow:var(--clay-sm)}.demo-fmt-tag.rec{background:var(--green-light);color:var(--green)}.demo-fmt-tag.hq{background:var(--amber-light);color:var(--amber)}.demo-cta-btn{width:100%;padding:16px;text-align:center;font-size:16px;font-weight:900;border-radius:var(--radius-full);background:var(--pri-gradient);color:#fff;border:none;transition:all var(--t);cursor:pointer;box-shadow:var(--clay-pri);text-decoration:none;display:block}.demo-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(124,92,252,.25)}.demo-cta-btn:active{transform:translateY(1px);box-shadow:var(--clay-pri-pressed)}.features .bento{grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;gap:18px}.feature-card{background:var(--surface);border-radius:var(--radius-lg);padding:24px;transition:all var(--t);box-shadow:var(--clay);display:flex;flex-direction:column;gap:10px}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--clay-floating)}.feature-card:active{transform:translateY(1px);box-shadow:var(--clay-pressed)}.feature-card .feat-icon{font-size:32px;line-height:1}.feature-card h4{font-size:17px;font-weight:900;margin:0}.feature-card p{font-size:14px;color:var(--text-muted);line-height:1.55;margin:0}.testimonials .bento{grid-template-columns:repeat(3,1fr)}.testimonial-card{background:var(--surface);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--clay);display:flex;flex-direction:column;gap:12px;transition:all var(--t)}.testimonial-card:hover{transform:translateY(-3px);box-shadow:var(--clay-floating)}.testimonial-rating{font-size:16px;color:var(--amber);letter-spacing:2px}.testimonial-text{font-size:15px;color:var(--text);line-height:1.65;position:relative;padding-left:22px}.testimonial-text::before{content:'"';position:absolute;left:0;top:-6px;font-size:36px;color:var(--pri);font-weight:900;line-height:1;opacity:.25}.testimonial-author{display:flex;align-items:center;gap:14px}.testimonial-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px;color:#fff;flex-shrink:0;box-shadow:4px 4px 8px rgba(0,0,0,.1),-2px -2px 4px rgba(255,255,255,.5)}.ta-purple{background:var(--pri-gradient)}.ta-teal{background:var(--teal-gradient)}.ta-rose{background:var(--rose-gradient)}.testimonial-name{font-size:15px;font-weight:800}.testimonial-role{font-size:12px;color:var(--text-muted);font-weight:600}.compare-table-wrap{max-width:700px;margin:0 auto;padding:0 24px;overflow-x:auto}.compare-table{width:100%;border-collapse:collapse;font-size:15px;background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--clay)}.compare-table thead th{padding:16px 20px;font-weight:900;font-size:14px;text-align:center;background:var(--bg-alt)}.compare-table td{padding:12px 20px;text-align:center;border-bottom:1px solid rgba(174,174,192,.06);font-weight:600}.compare-table tr:last-child td{border-bottom:none}.ct-vid{color:var(--pri);font-weight:900!important}.ct-other{color:var(--text-dim)}.compare-note{font-size:12px;color:var(--text-dim);text-align:center;margin-top:10px;font-style:italic}.miniapp-card{max-width:var(--container);margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 320px;gap:36px;background:linear-gradient(135deg,var(--surface),var(--pri-light));border-radius:var(--radius-xl);padding:36px;box-shadow:var(--clay-floating);align-items:center}.miniapp-left h2{font-size:24px;margin-bottom:10px;background:linear-gradient(135deg,var(--text),var(--pri));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.miniapp-left>p{color:var(--text-muted);font-size:15px;margin-bottom:18px}.miniapp-features{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.miniapp-features li{font-size:14px;color:var(--text);display:flex;align-items:flex-start;gap:8px;font-weight:600}.miniapp-tip{display:inline-block;background:var(--green-light);color:var(--green);padding:10px 20px;border-radius:var(--radius-full);font-size:14px;font-weight:800;box-shadow:var(--clay-sm)}.miniapp-mock{display:flex;justify-content:center}.miniapp-phone{width:210px;background:#1a1a2e;border-radius:36px;padding:14px;box-shadow:0 20px 40px rgba(0,0,0,.15)}.miniapp-screen{background:#fff;border-radius:24px;overflow:hidden;padding:18px}.miniapp-h{font-size:13px;font-weight:900;text-align:center;padding-bottom:14px;border-bottom:1px solid #eee;margin-bottom:14px}.miniapp-step{font-size:12px;padding:8px 12px;margin-bottom:8px;border-radius:10px;background:#f5f5f5;color:#666;font-weight:600;box-shadow:var(--clay-inset-sm)}.miniapp-step.done{background:var(--green-light);color:var(--green);box-shadow:var(--clay-sm)}.miniapp-step.active{background:var(--pri-light);color:var(--pri);font-weight:800;box-shadow:var(--clay-sm)}.miniapp-bar{height:5px;background:#eee;border-radius:3px;margin:10px 0;overflow:hidden}.miniapp-fill{width:60%;height:100%;background:var(--pri-gradient);border-radius:3px}.pricing-grid{max-width:var(--container);margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:14px}.pricing-card{background:var(--surface);border-radius:var(--radius-lg);padding:24px;text-align:center;transition:all var(--t);position:relative;box-shadow:var(--clay);display:flex;flex-direction:column;align-items:center;gap:12px}.pricing-card.featured{box-shadow:var(--clay-floating);transform:scale(1.04);background:linear-gradient(180deg,var(--pri-light),var(--surface) 40%)}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--clay-floating)}.pricing-card.featured:hover{transform:scale(1.04) translateY(-4px)}.pricing-card:active{transform:translateY(1px);box-shadow:var(--clay-pressed)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:6px 16px;border-radius:var(--radius-full);font-size:12px;font-weight:900;white-space:nowrap;box-shadow:4px 4px 12px rgba(124,92,252,.2)}.pricing-badge.hot{background:var(--pri-gradient);color:#fff}.pricing-card-name{font-size:16px;font-weight:900}.pricing-card-price{font-size:36px;font-weight:900;letter-spacing:-.04em;background:linear-gradient(135deg,var(--pri),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-card-price span{font-size:15px;font-weight:700;color:var(--text-muted);-webkit-text-fill-color:var(--text-muted)}.pricing-features{list-style:none;font-size:13px;color:var(--text-muted);display:flex;flex-direction:column;gap:7px}.pricing-card-btn{width:100%;padding:12px;border-radius:var(--radius-full);font-weight:800;font-size:14px;border:none;cursor:pointer;transition:all var(--t);text-align:center;display:block;text-decoration:none}.pricing-card-btn:not(.outline){background:var(--pri-gradient);color:#fff;box-shadow:var(--clay-pri)}.pricing-card-btn:not(.outline):hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(124,92,252,.25);color:#fff}.pricing-card-btn.outline{background:var(--surface);color:var(--pri);box-shadow:var(--clay)}.pricing-card-btn.outline:hover{background:var(--pri-light);color:var(--pri-hover);box-shadow:var(--clay-lg)}.faq-list{max-width:760px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;gap:10px}.faq-item{background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--clay-sm);transition:all var(--t)}.faq-item:hover{box-shadow:var(--clay)}.faq-q{padding:18px 24px;font-weight:800;font-size:16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all var(--t-fast);user-select:none;letter-spacing:-.01em}.faq-q:hover{background:var(--bg-alt)}.faq-q::after{content:'+';font-size:22px;font-weight:400;color:var(--pri);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:var(--clay-sm);transition:all var(--t)}.faq-item.open .faq-q::after{content:'−';transform:rotate(180deg);background:var(--pri-light);color:var(--pri)}.faq-a{padding:0 24px 18px;font-size:15px;color:var(--text-muted);line-height:1.65;display:none}.faq-item.open .faq-a{display:block}.cta{text-align:center;padding:64px 0;background:linear-gradient(135deg,var(--pri-light),var(--rose-light),var(--teal-light))}.cta h2{font-size:clamp(30px,4.5vw,44px);margin-bottom:10px}.cta p{color:var(--text-muted);font-size:17px;margin-bottom:28px}.cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.cta-guarantee{display:flex;justify-content:center;gap:24px;margin-top:20px;font-size:13px;color:var(--text-muted);font-weight:700;flex-wrap:wrap}.footer{background:linear-gradient(180deg,var(--text),#1a1728);color:#fff;padding:52px 0 36px}.footer-inner{max-width:var(--container);margin:0 auto;padding:0 24px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:44px}.footer-brand h3{font-size:20px;color:#fff;margin-bottom:10px;font-weight:900}.footer-brand p{color:rgba(255,255,255,.78);font-size:14px;line-height:1.65}.footer-badges{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.footer-badge{font-size:11px;font-weight:800;padding:5px 12px;border-radius:var(--radius-full);background:rgba(255,255,255,.12);color:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.1)}.footer-col h4{color:#fff;font-size:14px;margin-bottom:14px;text-transform:uppercase;letter-spacing:.8px;font-weight:800}.footer-col a{display:block;color:rgba(255,255,255,.75);font-size:14px;padding:5px 0;transition:all var(--t-fast);font-weight:600}.footer-col a:hover{color:#fff;transform:translateX(4px)}.footer-bottom{max-width:var(--container);margin:36px auto 0;padding:28px 24px 0;border-top:1px solid rgba(255,255,255,.08);text-align:center;font-size:13px;color:rgba(255,255,255,.65);font-weight:600}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--text);color:#fff;padding:14px 28px;border-radius:var(--radius-full);font-size:14px;font-weight:700;z-index:2000;box-shadow:0 8px 24px rgba(0,0,0,.15);animation:toastIn .3s ease}.theme-toggle{position:fixed;bottom:24px;right:24px;z-index:300;width:44px;height:44px;border-radius:50%;border:none;background:var(--surface);font-size:20px;cursor:pointer;box-shadow:var(--clay);transition:all var(--t);display:flex;align-items:center;justify-content:center;bottom:max(24px,calc(24px + env(safe-area-inset-bottom)))}.theme-toggle:hover{transform:scale(1.1);box-shadow:var(--clay-lg)}.theme-toggle:active{transform:scale(.95);box-shadow:var(--clay-pressed)}@keyframes toastIn{from{opacity:0;transform:translateX(-50%) translateY(14px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.5)}70%{box-shadow:0 0 0 8px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}.scroll-to-top{position:fixed;bottom:78px;right:24px;z-index:290;width:44px;height:44px;border-radius:50%;border:none;background:var(--pri-gradient);color:#fff;font-size:22px;font-weight:900;cursor:pointer;opacity:0;pointer-events:none;box-shadow:var(--clay-pri);transition:opacity .3s ease,transform var(--t);display:flex;align-items:center;justify-content:center;bottom:max(78px,calc(78px + env(safe-area-inset-bottom)))}.scroll-to-top:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(124,92,252,.3)}.scroll-to-top:active{transform:translateY(1px);box-shadow:var(--clay-pri-pressed)}.exit-intent-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:3000;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .3s ease;backdrop-filter:blur(4px)}.exit-intent-modal{background:var(--surface);border-radius:var(--radius-xl);padding:36px 32px;max-width:420px;width:100%;text-align:center;position:relative;box-shadow:var(--clay-floating);animation:slideUp .3s var(--t)}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.exit-intent-close{position:absolute;top:14px;right:14px;background:var(--surface);border:none;width:32px;height:32px;border-radius:50%;font-size:20px;color:var(--text-dim);cursor:pointer;box-shadow:var(--clay-sm);transition:all var(--t-fast);display:flex;align-items:center;justify-content:center}.exit-intent-close:hover{box-shadow:var(--clay);color:var(--text)}.exit-intent-icon{font-size:48px;margin-bottom:10px}.exit-intent-modal h3{font-size:22px;margin-bottom:8px}.exit-intent-modal>p{font-size:15px;color:var(--text-muted);margin-bottom:20px;line-height:1.6}.exit-intent-actions{display:flex;flex-direction:column;gap:10px;align-items:center}.exit-intent-actions .btn{width:100%;max-width:280px}.exit-intent-guarantee{font-size:12px;color:var(--text-dim);margin-top:14px;font-weight:600}.onboarding-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:2500;pointer-events:none}.onboarding-tooltip{position:absolute;z-index:2501;width:320px;background:var(--surface);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--clay-floating);pointer-events:auto;animation:slideUp .3s var(--t)}.onboarding-step{font-size:12px;color:var(--pri);font-weight:900;margin-bottom:8px;letter-spacing:.5px}.onboarding-tooltip h4{font-size:18px;font-weight:900;margin-bottom:6px}.onboarding-tooltip p{font-size:14px;color:var(--text-muted);line-height:1.55;margin-bottom:16px}.onboarding-actions{display:flex;gap:8px;flex-wrap:wrap}.onboarding-btn{padding:8px 18px;border-radius:var(--radius-full);font-weight:800;font-size:14px;border:none;cursor:pointer;transition:all var(--t-fast)}.onboarding-btn.next{background:var(--pri-gradient);color:#fff;box-shadow:var(--clay-pri);flex:1}.onboarding-btn.next:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(124,92,252,.25)}.onboarding-btn.prev{background:var(--surface);color:var(--text-muted);box-shadow:var(--clay-sm)}.onboarding-btn.skip{background:0 0;color:var(--text-dim)}.onboarding-highlight{position:relative;z-index:2501;box-shadow:0 0 0 9999px rgba(0,0,0,.35),0 0 20px rgba(124,92,252,.3)!important;border-radius:var(--radius)!important}.faq-q{width:100%;text-align:left;font-family:inherit;background:0 0;padding:18px 24px;font-weight:800;font-size:16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all var(--t-fast);user-select:none;letter-spacing:-.01em;color:var(--text);line-height:1.4}.faq-q:hover{background:var(--bg-alt)}.faq-q::after{content:'+';font-size:22px;font-weight:400;color:var(--pri);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;box-shadow:var(--clay-sm);transition:transform .3s var(--t),background .3s var(--t)}.faq-item.open .faq-q::after{content:'−';transform:rotate(180deg);background:var(--pri-light);color:var(--pri)}.faq-a{padding:0 24px;font-size:15px;color:var(--text-muted);line-height:1.65;max-height:0;overflow:hidden;transition:max-height .3s ease,padding-bottom .3s ease}.faq-item.open .faq-a{max-height:500px;padding-bottom:18px}.compare-section,.demo-section,.faq,.features,.miniapp-section,.platforms-section,.pricing-horizontal,.testimonials{content-visibility:auto;contain-intrinsic-size:auto 500px}.section-highlight{animation:sectionGlow 1s ease}@keyframes sectionGlow{0%{box-shadow:0 0 0 0 rgba(124,92,252,.15)}50%{box-shadow:0 0 40px 8px rgba(124,92,252,.08)}100%{box-shadow:0 0 0 0 rgba(124,92,252,0)}}.ta-amber{background:var(--amber-gradient);color:#6b4d00}html[data-theme] *,html[data-theme] ::after,html[data-theme] ::before{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}.download-section{padding:28px 0 52px}.dl-container{max-width:760px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;gap:22px}.dl-container h1{font-size:30px;text-align:center;margin-bottom:6px}.dl-container .subtitle{text-align:center;color:var(--text-muted);font-size:15px;margin-bottom:8px}.login-prompt{background:linear-gradient(135deg,var(--amber-light),#fef3c7);border-radius:var(--radius-lg);padding:18px 24px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;box-shadow:var(--clay-sm)}.login-prompt-title{font-weight:900;font-size:15px}.login-prompt-desc{font-size:14px;color:var(--text-muted);flex:1;min-width:180px}.quota-info{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--pri-light);border-radius:var(--radius-full);font-size:14px;font-weight:800;color:var(--pri);box-shadow:var(--clay-inset)}.quota-info .label{font-weight:700}.quota-info .count{font-size:20px;font-weight:900}.quota-info.quota-warning{background:var(--amber-light);color:var(--amber)}.url-input-group{display:flex;gap:0;background:var(--surface);border-radius:var(--radius-full);overflow:hidden;box-shadow:var(--clay-inset),4px 4px 12px rgba(174,174,192,.08);transition:all var(--t);border:2px solid transparent}.url-input-group:focus-within{box-shadow:var(--clay-inset),0 0 0 3px rgba(124,92,252,.15)}.url-input-group input{flex:1;border:none;outline:0;padding:16px 22px;font-size:16px;color:var(--text);background:0 0;min-width:0;font-family:var(--font)}.url-input-group input::placeholder{color:var(--text-dim)}.url-input-group button{padding:16px 32px;background:var(--pri-gradient);color:#fff;border:none;font-weight:900;font-size:16px;cursor:pointer;transition:all var(--t-fast);white-space:nowrap;box-shadow:-4px 0 12px rgba(124,92,252,.1)}.url-input-group button:hover{background:var(--pri-hover)}.url-input-group button:disabled{opacity:.5;cursor:not-allowed}.url-hint{font-size:13px;color:var(--text-dim);text-align:center;margin-top:4px}.progress-bar{height:6px;background:var(--bg-alt);border-radius:3px;overflow:hidden;display:none;box-shadow:var(--clay-inset)}.progress-bar.show{display:block}.progress-bar .fill{height:100%;background:var(--pri-gradient);border-radius:3px;transition:width .3s ease;width:0}.result-area{display:none;flex-direction:column;gap:18px}.result-area.show{display:flex}.video-info{display:flex;gap:18px;align-items:center;background:var(--surface);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--clay)}.video-thumb{width:150px;height:84px;object-fit:cover;border-radius:var(--radius);flex-shrink:0;box-shadow:var(--clay-sm)}.video-detail{flex:1;min-width:0}.video-detail h3{font-size:16px;line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-detail .meta{font-size:13px;color:var(--text-muted)}.quality-select-label{font-size:14px;font-weight:800;margin-bottom:-8px}.quality-options{display:flex;flex-wrap:wrap;gap:10px}.quality-btn{padding:10px 20px;border:none;border-radius:var(--radius-full);font-size:14px;font-weight:800;background:var(--surface);color:var(--text);cursor:pointer;transition:all var(--t-fast);box-shadow:var(--clay-sm)}.quality-btn:hover{box-shadow:var(--clay);transform:translateY(-1px)}.quality-btn.selected{background:var(--pri-gradient);color:#fff;box-shadow:var(--clay-pri)}.quality-btn.vip-lock{opacity:.45;cursor:not-allowed;position:relative}.quality-btn.vip-lock::after{content:'🔒';font-size:11px;margin-left:4px}.download-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-audio,.btn-download{padding:14px 28px;border-radius:var(--radius-full);font-weight:900;font-size:15px;border:none;cursor:pointer;transition:all var(--t)}.btn-download{background:var(--pri-gradient);color:#fff;box-shadow:var(--clay-pri)}.btn-download:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(124,92,252,.25)}.btn-download:active{transform:translateY(1px);box-shadow:var(--clay-pri-pressed)}.btn-audio{background:var(--purple);color:#fff;box-shadow:6px 6px 14px rgba(167,139,250,.2),-4px -4px 10px rgba(255,255,255,.8)}.btn-audio:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(167,139,250,.3)}.btn-audio:active{transform:translateY(1px)}.btn-audio:disabled,.btn-download:disabled{opacity:.4;cursor:not-allowed}.cancel-download-btn{padding:14px 22px;border-radius:var(--radius-full);font-weight:800;font-size:14px;border:none;background:var(--rose-light);color:var(--rose);cursor:pointer;transition:all var(--t);box-shadow:var(--clay-sm)}.cancel-download-btn:hover{box-shadow:var(--clay);transform:translateY(-1px)}.status-msg{padding:14px 18px;border-radius:var(--radius);font-size:14px;font-weight:700;display:none}.status-msg.show{display:block}.status-msg.error{background:var(--rose-light);color:var(--rose);box-shadow:var(--clay-inset-sm)}.status-msg.success{background:var(--green-light);color:var(--green);box-shadow:var(--clay-inset-sm)}.status-msg.loading{background:var(--pri-light);color:var(--pri);box-shadow:var(--clay-inset-sm)}.status-msg.info{background:var(--amber-light);color:var(--amber);box-shadow:var(--clay-inset-sm)}.dl-guide-panel{background:var(--surface);border-radius:var(--radius);padding:24px;text-align:center;box-shadow:var(--clay)}.dl-guide-title{font-size:20px;font-weight:900;margin-bottom:6px}.dl-guide-desc{color:var(--text-muted);font-size:15px;margin-bottom:14px}.dl-guide-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.dash-container{max-width:var(--container);margin:0 auto;padding:36px 24px}.dash-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:14px}.dash-user{display:flex;align-items:center;gap:14px}.dash-avatar{width:50px;height:50px;border-radius:50%;background:var(--pri-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;box-shadow:6px 6px 14px rgba(124,92,252,.25),-3px -3px 8px rgba(255,255,255,.7)}.dash-greeting{font-size:22px;font-weight:900;margin:0}.dash-email{font-size:14px;color:var(--text-muted);font-weight:600}.dash-header-right{display:flex;align-items:center;gap:14px}.dash-points-badge{background:var(--amber-light);color:var(--amber);padding:8px 18px;border-radius:var(--radius-full);font-weight:900;font-size:15px;display:flex;align-items:center;gap:6px;box-shadow:var(--clay-sm)}.dash-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-bottom:28px}.dash-stat-card{background:var(--surface);border-radius:var(--radius);padding:18px;text-align:center;box-shadow:var(--clay);transition:all var(--t)}.dash-stat-card:hover{transform:translateY(-2px);box-shadow:var(--clay-lg)}.dash-stat-label{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim);font-weight:800;margin-bottom:6px}.dash-stat-val{font-size:24px;font-weight:900;letter-spacing:-.03em}.dash-stat-val.stat-primary{color:var(--pri)}.dash-stat-val.stat-accent{color:var(--purple)}.dash-stat-val.stat-warning{color:var(--amber)}.dash-stat-val.stat-success{color:var(--green)}.dash-stat-val.stat-muted{color:var(--text-dim)}.dash-stat-val.stat-danger{color:var(--rose)}.dash-stat-card.vip-active{box-shadow:0 0 0 2px var(--teal),var(--clay);background:var(--teal-light)}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dash-panel{background:var(--surface);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--clay);transition:all var(--t)}.dash-panel:hover{box-shadow:var(--clay-lg)}.dash-panel h3{font-size:16px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.dash-download-form{display:flex;gap:0;margin-bottom:14px}.dash-download-form input{flex:1;border:none;border-radius:var(--radius-full) 0 0 var(--radius-full);padding:12px 18px;font-size:14px;outline:0;min-width:0;background:var(--surface);box-shadow:var(--clay-inset)}.dash-download-form input:focus{box-shadow:var(--clay-inset),0 0 0 2px var(--pri)}.dash-download-form button{padding:12px 24px;background:var(--pri-gradient);color:#fff;border:none;border-radius:0 var(--radius-full) var(--radius-full) 0;font-weight:900;font-size:14px;cursor:pointer;white-space:nowrap;box-shadow:4px 4px 12px rgba(124,92,252,.15)}.dash-download-form button:hover{background:var(--pri-hover)}.dash-parse-result{display:none;margin-top:14px;padding:14px;background:var(--bg-alt);border-radius:var(--radius);box-shadow:var(--clay-inset)}.dash-parse-result.show{display:block}.dash-parse-result h4{font-size:15px;margin-bottom:6px}.dash-video-meta{font-size:13px;color:var(--text-muted);margin-bottom:10px}.dash-parse-formats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.dash-format-btn{padding:8px 16px;border:none;border-radius:var(--radius-full);font-size:13px;font-weight:800;background:var(--surface);cursor:pointer;transition:all var(--t-fast);box-shadow:var(--clay-sm)}.dash-format-btn:hover{box-shadow:var(--clay);transform:translateY(-1px)}.dash-format-btn.selected{background:var(--pri-gradient);color:#fff;box-shadow:var(--clay-pri)}.dash-btn{padding:10px 22px;border-radius:var(--radius-full);font-weight:800;font-size:14px;border:none;cursor:pointer;transition:all var(--t);display:inline-flex;align-items:center;gap:8px}.dash-btn-primary{background:var(--pri-gradient);color:#fff;box-shadow:var(--clay-pri)}.dash-btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(124,92,252,.25)}.dash-btn-outline{background:var(--surface);color:var(--pri);box-shadow:var(--clay)}.dash-btn-outline:hover{box-shadow:var(--clay-lg);transform:translateY(-1px)}.dash-btn-sm{padding:8px 16px;font-size:13px}.dash-btn-block{display:block;width:100%;text-align:center}.dash-parse-btn,.dash-save-btn{margin-top:12px}.dash-pwd-btn{margin-top:10px}.dash-profile-form{display:flex;flex-direction:column;gap:10px}.dash-profile-form label{font-size:13px;font-weight:800;color:var(--text-muted)}.dash-profile-form input{padding:12px 16px;border:none;border-radius:var(--radius);font-size:15px;outline:0;transition:all var(--t-fast);background:var(--surface);box-shadow:var(--clay-inset)}.dash-profile-form input:focus{box-shadow:var(--clay-inset),0 0 0 2px var(--pri)}.dash-profile-form .input-readonly{background:var(--bg-alt);color:var(--text-muted);cursor:not-allowed}.dash-history-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(174,174,192,.08)}.dash-history-item:last-child{border-bottom:none}.dash-history-icon{font-size:20px;flex-shrink:0}.dash-history-info{flex:1;min-width:0}.dash-history-title{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-history-meta{font-size:12px;color:var(--text-muted)}.dash-history-status{padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:800;box-shadow:var(--clay-sm)}.status-success{background:var(--green-light);color:var(--green)}.status-pending{background:var(--amber-light);color:var(--amber)}.status-error{background:var(--rose-light);color:var(--rose)}.dash-empty{text-align:center;padding:36px 0;color:var(--text-muted)}.dash-empty-icon{font-size:40px;margin-bottom:10px}.dash-empty-hint{font-size:13px;color:var(--text-dim);margin-top:6px}.dash-vip-info-positive{font-weight:900;color:var(--teal);font-size:16px}.dash-vip-info-none{font-weight:900;color:var(--text-muted);font-size:16px}.dash-vip-info-sub{font-size:13px;color:var(--text-dim);margin-top:6px}.dash-vip-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.dash-vip-compare-free,.dash-vip-compare-vip{padding:12px;border-radius:var(--radius);text-align:center;font-size:13px}.dash-vip-compare-free{background:var(--bg-alt);box-shadow:var(--clay-inset-sm)}.dash-vip-compare-vip{background:var(--pri-light);box-shadow:var(--clay-sm);font-weight:700}.dash-vip-remaining{font-size:13px;color:var(--text-muted);margin-bottom:10px}.dash-vip-remaining b{color:var(--rose)}.dash-vip-progress-bg{height:8px;background:var(--bg-alt);border-radius:4px;overflow:hidden;margin-bottom:14px;box-shadow:var(--clay-inset)}.dash-vip-progress-fill{height:100%;background:var(--pri-gradient);border-radius:4px;transition:width .3s}.dash-vip-upgrade-btn{display:block;text-align:center;padding:12px;background:var(--pri-gradient);color:#fff;border-radius:var(--radius-full);font-weight:900;font-size:14px;margin-top:14px;text-decoration:none;box-shadow:var(--clay-pri)}.dash-vip-upgrade-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(124,92,252,.25)}.streak-dots{display:flex;gap:8px;justify-content:center;margin:14px 0}.streak-dot{width:36px;height:36px;border-radius:50%;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;background:var(--surface);color:var(--text-dim);box-shadow:var(--clay)}.streak-dot.done{background:var(--green-light);color:var(--green);box-shadow:4px 4px 8px rgba(123,237,159,.2)}.streak-dot.active{background:var(--pri-light);color:var(--pri);box-shadow:4px 4px 8px rgba(124,92,252,.2)}.dash-checkin-btn{display:block;width:100%;padding:14px;border:none;border-radius:var(--radius-full);font-weight:900;font-size:15px;cursor:pointer;transition:all var(--t);background:var(--amber-gradient);color:var(--text);box-shadow:6px 6px 14px rgba(255,209,102,.25),-4px -4px 10px rgba(255,255,255,.8)}.dash-checkin-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,209,102,.3)}.dash-checkin-btn.checked{background:var(--green-gradient);opacity:.8;cursor:not-allowed;box-shadow:var(--clay-sm)}.dash-checkin-status{font-size:13px;color:var(--text-muted);text-align:center;margin-top:10px;font-weight:600}.dash-invite-desc{font-size:14px;color:var(--text-muted);margin-bottom:12px;font-weight:600}.dash-invite-code{background:var(--bg-alt);border-radius:var(--radius);padding:14px;text-align:center;font-family:var(--font-mono);font-size:15px;font-weight:800;cursor:pointer;transition:all var(--t);margin-bottom:14px;box-shadow:var(--clay-inset)}.dash-invite-code:hover{box-shadow:var(--clay-inset),0 0 0 2px var(--pri)}.dash-invite-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.dash-invite-stat{text-align:center}.dash-invite-stat-val{font-size:24px;font-weight:900;color:var(--pri)}.dash-invite-stat-lbl{font-size:12px;color:var(--text-dim);font-weight:600}.dash-copy-btn{display:block;width:100%;padding:12px;border:none;border-radius:var(--radius-full);font-weight:800;font-size:14px;background:var(--surface);color:var(--pri);cursor:pointer;transition:all var(--t);box-shadow:var(--clay)}.dash-copy-btn.copied,.dash-copy-btn:hover{background:var(--pri-gradient);color:#fff;box-shadow:var(--clay-pri)}.pricing-page{max-width:var(--container);margin:0 auto;padding:36px 24px}.pricing-page h1{text-align:center;font-size:34px;margin-bottom:6px}.pricing-page .subtitle{text-align:center;color:var(--text-muted);margin-bottom:28px;font-size:16px}.pricing-free-cta{text-align:center;margin-bottom:28px}.pricing-free-cta a{display:inline-block;background:var(--green-light);color:var(--green);padding:12px 28px;border-radius:var(--radius-full);font-weight:900;font-size:15px;text-decoration:none;box-shadow:var(--clay-sm)}.pricing-free-cta a:hover{box-shadow:var(--clay)}.pricing-tabs{display:flex;justify-content:center;gap:10px;margin-bottom:28px}.pricing-tab{padding:12px 28px;border-radius:var(--radius-full);font-weight:900;font-size:15px;border:none;background:var(--surface);cursor:pointer;transition:all var(--t);box-shadow:var(--clay)}.pricing-tab.active{background:var(--pri-gradient);color:#fff;box-shadow:var(--clay-pri)}.pricing-grid-full{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:16px;margin-bottom:44px}.pricing-compare{margin-bottom:36px}.pricing-compare .section-title{text-align:center;margin-bottom:18px}.pricing-compare table{width:100%;border-collapse:collapse;font-size:14px;background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--clay)}.pricing-compare td,.pricing-compare th{padding:14px 16px;text-align:center;border-bottom:1px solid rgba(174,174,192,.06)}.pricing-compare th{background:var(--bg-alt);font-weight:900;font-size:13px}.pricing-compare tr:last-child td{border-bottom:none}.pricing-compare .check{color:var(--green);font-weight:900}.pricing-compare .cross{color:var(--text-dim)}.pricing-guarantee{text-align:center;padding:28px;background:var(--green-light);border-radius:var(--radius-lg);margin-bottom:36px;box-shadow:var(--clay-sm)}.pricing-guarantee h3{color:var(--green);margin-bottom:6px}.pricing-guarantee p{font-size:14px;color:var(--text-muted)}.pricing-faq-section{margin-top:36px}.pricing-faq-section h2{text-align:center;margin-bottom:18px}.pricing-faq-item{background:var(--surface);border-radius:var(--radius);overflow:hidden;margin-bottom:10px;box-shadow:var(--clay-sm);transition:all var(--t)}.pricing-faq-item:hover{box-shadow:var(--clay)}.pricing-faq-q{padding:16px 20px;font-weight:800;font-size:15px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.pricing-faq-q::marker{display:none}.pricing-faq-q::-webkit-details-marker{display:none}.pricing-faq-a{padding:0 20px 16px;font-size:14px;color:var(--text-muted);line-height:1.65}.pay-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(6px);animation:fadeIn .2s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.pay-modal{background:var(--surface);border-radius:var(--radius-xl);padding:36px;max-width:440px;width:100%;box-shadow:var(--clay-floating);position:relative;max-height:90vh;overflow-y:auto}.pay-modal-close{position:absolute;top:16px;right:16px;background:0 0;border:none;font-size:22px;color:var(--text-dim);cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--clay-sm);transition:all var(--t-fast)}.pay-modal-close:hover{box-shadow:var(--clay);color:var(--text)}.pay-modal-close:active{box-shadow:var(--clay-pressed)}.pay-modal-plan{font-size:16px;font-weight:900;text-align:center;margin-bottom:8px}.pay-modal-amount{font-size:46px;font-weight:900;text-align:center;letter-spacing:-.04em;margin-bottom:22px;background:var(--pri-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pay-modal-amount .yen{font-size:22px;vertical-align:super;margin-right:2px}.pay-method-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.pay-method-tab{padding:16px;border:none;border-radius:var(--radius);text-align:center;cursor:pointer;transition:all var(--t);display:flex;flex-direction:column;gap:6px;background:var(--surface);box-shadow:var(--clay-sm)}.pay-method-tab:hover{box-shadow:var(--clay)}.pay-method-tab.selected{background:var(--pri-light);box-shadow:var(--clay-inset),0 0 0 2px var(--pri)}.pay-method-tab .method-icon{font-size:28px}.pay-method-tab .method-name{font-weight:900;font-size:15px}.pay-method-tab .method-hint{font-size:12px;color:var(--text-dim)}.pay-modal-body{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center}.pay-modal-loading{text-align:center}.pay-modal-spinner{width:40px;height:40px;border:4px solid var(--bg-alt);border-top-color:var(--pri);border-radius:50%;margin:0 auto 14px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pay-modal-loading-text{font-size:14px;color:var(--text-muted);font-weight:600}.pay-modal-qr{text-align:center;margin-bottom:18px}.pay-qrcode-img{width:210px;height:210px;object-fit:contain;margin:0 auto;border-radius:var(--radius);box-shadow:var(--clay)}.qr-label{font-size:14px;color:var(--text-muted);margin-top:10px;font-weight:600}.pay-amount-reminder{text-align:center;margin-bottom:14px}.pay-amount-reminder .amount-label{font-size:13px;color:var(--text-dim)}.pay-amount-reminder .amount-big{font-size:30px;font-weight:900;color:var(--pri)}.pay-modal-tip{font-size:13px;color:var(--text-dim);text-align:center;margin-bottom:18px}.pay-amount-highlight{color:var(--pri);font-weight:900}.pay-confirm-btn{width:100%;padding:14px;background:var(--green-gradient);color:#fff;border:none;border-radius:var(--radius-full);font-weight:900;font-size:15px;cursor:pointer;transition:all var(--t);box-shadow:6px 6px 14px rgba(123,237,159,.2),-4px -4px 10px rgba(255,255,255,.7)}.pay-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(123,237,159,.3)}.pay-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.pay-modal-order-no{text-align:center;font-size:12px;color:var(--text-dim);margin-top:10px}.pay-modal-actions{display:flex;gap:10px;justify-content:center;margin-top:18px}.pay-modal-btn{padding:10px 24px;border-radius:var(--radius-full);font-weight:800;font-size:14px;cursor:pointer;border:none;transition:all var(--t);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.pay-modal-btn.primary{background:var(--pri-gradient);color:#fff;box-shadow:var(--clay-pri)}.pay-modal-btn.secondary{background:var(--surface);color:var(--text);box-shadow:var(--clay-sm)}.pay-modal-btn:hover{transform:translateY(-1px)}.pay-modal-success{text-align:center;padding:24px 0}.pay-modal-success .icon{font-size:52px;margin-bottom:10px}.pay-modal-success h3{color:var(--green);margin-bottom:6px}.pay-modal-success p{color:var(--text-muted);font-size:15px}.pay-modal-error{text-align:center;padding:20px 0}.pay-modal-error .icon{font-size:40px;margin-bottom:10px}.pay-modal-error h3{color:var(--rose);margin-bottom:6px}.pay-modal-error p{color:var(--text-muted);font-size:15px}.pay-modal-redirect{text-align:center;padding:20px 0}.pay-modal-redirect .icon{font-size:40px;margin-bottom:10px}.pay-modal-countdown{font-size:14px;color:var(--text-dim);margin-top:10px;text-align:center;font-weight:600}.pay-modal-link{color:var(--pri);font-weight:900;text-decoration:underline}.auth-section{padding:48px 0 72px}.auth-card{max-width:480px;margin:0 auto;background:var(--surface);border-radius:var(--radius-xl);padding:44px;box-shadow:var(--clay-floating)}.auth-brand{text-align:center;margin-bottom:28px}.auth-brand .logo{font-size:42px;margin-bottom:10px}.auth-brand h1{font-size:26px;margin-bottom:4px}.auth-brand p{font-size:14px;color:var(--text-muted);font-weight:600}.auth-card h2{font-size:24px;text-align:center;margin-bottom:6px}.auth-subtitle{text-align:center;color:var(--text-muted);font-size:14px;margin-bottom:24px}.auth-success-banner{background:var(--green-light);color:var(--green);padding:12px 18px;border-radius:var(--radius);font-size:14px;font-weight:800;text-align:center;margin-bottom:18px;display:none;box-shadow:var(--clay-sm)}.form-group{margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:800;color:var(--text-muted)}.form-group input{padding:14px 16px;border:none;border-radius:var(--radius);font-size:16px;outline:0;transition:all var(--t-fast);background:var(--surface);box-shadow:var(--clay-inset)}.form-group input:focus{box-shadow:var(--clay-inset),0 0 0 3px var(--pri-glow)}.pwd-group{position:relative}.pwd-toggle-btn{position:absolute;right:12px;top:38px;background:0 0;border:none;font-size:18px;cursor:pointer;opacity:.5;padding:6px;transition:all var(--t-fast);box-shadow:none}.pwd-toggle-btn:hover{opacity:1}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:14px}.remember-me{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--text-muted);font-weight:600}.remember-me input{accent-color:var(--pri)}.login-error{background:var(--rose-light);color:var(--rose);padding:12px 16px;border-radius:var(--radius);font-size:14px;font-weight:700;margin-bottom:16px;display:none;box-shadow:var(--clay-inset-sm)}.auth-success-text{background:var(--green-light);color:var(--green)}.login-submit-btn,.reg-submit-btn{width:100%;padding:16px;border:none;border-radius:var(--radius-full);font-weight:900;font-size:16px;cursor:pointer;transition:all var(--t);background:var(--pri-gradient);color:#fff;box-shadow:var(--clay-pri)}.login-submit-btn:hover,.reg-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(124,92,252,.25)}.login-submit-btn:active,.reg-submit-btn:active{transform:translateY(1px);box-shadow:var(--clay-pri-pressed)}.auth-divider{display:flex;align-items:center;gap:14px;margin:22px 0;color:var(--text-dim);font-size:13px}.auth-divider::after,.auth-divider::before{content:'';flex:1;height:1px;background:rgba(174,174,192,.2)}.miniapp-login-hint{text-align:center;padding:20px;background:var(--bg-alt);border-radius:var(--radius);box-shadow:var(--clay-inset)}.miniapp-login-hint p{font-size:14px;color:var(--text-muted);margin-bottom:6px;font-weight:600}.auth-footer{text-align:center;font-size:15px;color:var(--text-muted);margin-top:24px;font-weight:600}.auth-inline-link{color:var(--pri);font-weight:900;text-decoration:none}.auth-features{display:flex;justify-content:center;gap:18px;margin-top:18px}.auth-feature{font-size:12px;color:var(--text-dim);display:flex;align-items:center;gap:6px;font-weight:600}.auth-feature::before{content:'✓';color:var(--green);font-weight:900}.email-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin-bottom:16px}.email-row .form-group{margin-bottom:0}.send-code-btn{padding:14px 20px;border:none;border-radius:var(--radius);font-weight:900;font-size:14px;color:var(--pri);cursor:pointer;transition:all var(--t);white-space:nowrap;background:var(--surface);box-shadow:var(--clay)}.send-code-btn:hover:not(:disabled){background:var(--pri-gradient);color:#fff;box-shadow:var(--clay-pri)}.send-code-btn:disabled{opacity:.4;cursor:not-allowed}.code-input{font-family:var(--font-mono);letter-spacing:.3em;font-size:22px!important;text-align:center}.reg-benefits{background:var(--pri-light);border-radius:var(--radius);padding:18px;margin-bottom:18px;box-shadow:var(--clay-inset)}.reg-benefits h4{font-size:15px;margin-bottom:10px}.reg-benefits ul{list-style:none;font-size:14px;display:flex;flex-direction:column;gap:6px}.reg-benefits li{color:var(--text-muted);font-weight:600}.reg-benefits li::before{content:'✅ '}.vip-reg-banner{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:12px 18px;border-radius:var(--radius);font-size:14px;color:#92400e;text-align:center;margin-bottom:18px;box-shadow:var(--clay-sm);font-weight:700}.pwd-strength{height:6px;background:var(--bg-alt);border-radius:3px;margin-top:8px;overflow:hidden;box-shadow:var(--clay-inset)}.pwd-strength-bar{height:100%;border-radius:3px;transition:all .3s;width:0}.pwd-strength-text{font-size:12px;font-weight:700;margin-top:4px;transition:color .3s}.help-page{max-width:var(--container);margin:0 auto;padding:36px 24px}.help-page h1{text-align:center;font-size:34px;margin-bottom:6px}.help-page .subtitle{text-align:center;color:var(--text-muted);margin-bottom:28px;font-size:16px}.help-search{position:relative;max-width:540px;margin:0 auto 36px}.help-search input{width:100%;padding:16px 22px 16px 54px;border:none;border-radius:var(--radius-full);font-size:16px;outline:0;transition:all var(--t-fast);background:var(--surface);box-shadow:var(--clay-inset)}.help-search input:focus{box-shadow:var(--clay-inset),0 0 0 3px var(--pri-glow)}.help-search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:20px;pointer-events:none}.help-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:36px}.help-cat-card{background:var(--surface);border-radius:var(--radius);padding:24px;text-align:center;cursor:pointer;transition:all var(--t);box-shadow:var(--clay)}.help-cat-card:hover{transform:translateY(-3px);box-shadow:var(--clay-floating)}.help-cat-icon{font-size:32px;margin-bottom:10px}.help-cat-title{font-weight:900;font-size:15px;margin-bottom:4px}.help-cat-count{font-size:12px;color:var(--text-dim);font-weight:600}.help-section{margin-bottom:36px}.help-section h2{font-size:24px;margin-bottom:18px}.help-faq-item{background:var(--surface);border-radius:var(--radius);overflow:hidden;margin-bottom:10px;box-shadow:var(--clay-sm)}.help-faq-q{padding:16px 20px;font-weight:800;font-size:15px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none}.help-faq-q:hover{background:var(--bg-alt)}.help-faq-q .arrow{font-size:12px;color:var(--text-dim);transition:transform var(--t)}.help-faq-q.open .arrow{transform:rotate(180deg)}.help-faq-a{display:none;padding:0 20px 16px;font-size:14px;color:var(--text-muted);line-height:1.65}.help-faq-a.open{display:block}.help-steps{list-style:none;counter-reset:step;padding:0}.help-steps li{counter-increment:step;padding:8px 0;display:flex;align-items:center;gap:10px;font-weight:600}.help-steps li::before{content:counter(step);width:26px;height:26px;border-radius:50%;background:var(--pri-gradient);color:#fff;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:4px 4px 8px rgba(124,92,252,.2)}.help-contact{text-align:center;padding:28px;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--clay)}.help-contact h3{margin-bottom:6px}.help-contact p{color:var(--text-muted);font-size:15px;margin-bottom:18px}.help-contact-btn{display:inline-block;padding:14px 28px;background:var(--pri-gradient);color:#fff;border-radius:var(--radius-full);font-weight:900;font-size:15px;text-decoration:none;box-shadow:var(--clay-pri)}.help-contact-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(124,92,252,.25)}.help-no-result{text-align:center;padding:44px;color:var(--text-muted);font-weight:600}.mobile-sticky-bar{position:fixed;bottom:0;left:0;right:0;z-index:200;padding:12px 24px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-top:1px solid rgba(124,92,252,.1);display:flex;justify-content:center;transform:translateY(100%);transition:transform .3s ease;box-shadow:0 -2px 16px rgba(0,0,0,.06)}.mobile-sticky-bar.show{transform:translateY(0)}.mobile-sticky-bar .btn{width:100%;max-width:400px;padding:16px;font-size:16px;font-weight:900}@media(max-width:1024px){.hero-inner{grid-template-columns:1fr;gap:36px}.hero-right{order:-1}.hero-stats{grid-template-columns:repeat(4,1fr);gap:8px}.hero-stat{padding:14px 10px}.hero-stat-num{font-size:22px}.bento{grid-template-columns:repeat(2,1fr)}.bento-4{grid-template-columns:repeat(2,1fr)}.features .bento{grid-template-columns:repeat(2,1fr)}.demo-layout{grid-template-columns:1fr}.demo-media{position:static;max-width:100%}.miniapp-card{grid-template-columns:1fr}.miniapp-mock{display:none}.footer-inner{grid-template-columns:1fr 1fr}.dash-grid{grid-template-columns:1fr}.help-categories{grid-template-columns:repeat(2,1fr)}.platform-card.span-2{grid-column:span 1}.platform-card.span-row{flex-direction:row;grid-row:span 1;padding:18px 22px}}@media(max-width:640px){:root{--section-gap:40px}body{font-size:15px}/* Mobile nav */ .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:rgba(255,255,255,.98);backdrop-filter:blur(24px);padding:24px;gap:4px;flex-direction:column;align-items:stretch;z-index:200;overflow-y:auto}.nav-links.open{display:flex}.nav-links a{padding:14px 20px;font-size:17px;border-radius:var(--radius)}.nav-links .btn{margin-left:0;text-align:center;margin-top:8px}.nav-hamburger{display:flex}.hero{padding:28px 0 40px}.hero-title{font-size:34px}.hero-trust{justify-content:center}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-security{justify-content:center}.bento,.features .bento,.testimonials .bento{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:24px}.steps::before{display:none}.pricing-grid,.pricing-grid-full{grid-template-columns:1fr}.pricing-card.featured{transform:none}.pricing-card.featured:hover{transform:translateY(-4px)}.auth-card{padding:28px}.footer-inner{grid-template-columns:1fr;gap:28px}.dl-container h1{font-size:24px}.video-info{flex-direction:column}.video-thumb{width:100%;height:auto;aspect-ratio:16/9}.dash-header{flex-direction:column;align-items:flex-start}.dash-stats{grid-template-columns:repeat(2,1fr)}.dash-vip-compare{grid-template-columns:1fr}.help-categories{grid-template-columns:1fr 1fr}.pricing-compare{overflow-x:auto}.pricing-compare table{min-width:620px}.cta-guarantee{flex-direction:column;align-items:center;gap:10px}.compare-table{font-size:13px}.compare-table td{padding:10px 12px}.hero-url{display:flex;flex-wrap:nowrap;gap:0;padding:4px 4px 4px 18px}.hero-url input{min-width:0;order:0;font-size:14px}.hero-example{display:none}}@media(prefers-reduced-motion:reduce){*,::after,::before{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media print{.cta,.footer,.hero-url,.mobile-sticky-bar,.nav-hamburger,.navbar{display:none!important}body{background:#fff!important;color:#000!important;font-size:14px}.section{padding:20px 0}.compare-table-wrap{overflow:visible}.demo-layout{grid-template-columns:1fr}}@media (prefers-color-scheme:dark),[data-theme=dark]{}.search-highlight{background:var(--amber-light);color:var(--pri);font-weight:800;border-radius:3px;padding:0 2px}.user-status-banner{background:linear-gradient(135deg,var(--pri-light),#EDE9FE);border-radius:var(--radius-lg);padding:18px 24px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;box-shadow:var(--clay-sm);justify-content:space-between}.user-status-left{display:flex;align-items:center;gap:14px}.user-status-avatar{width:44px;height:44px;border-radius:50%;background:var(--pri-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;flex-shrink:0;box-shadow:4px 4px 10px rgba(124,92,252,.25)}.user-status-greeting{font-weight:900;font-size:15px;color:var(--text)}.user-status-info{font-size:13px;color:var(--pri);font-weight:700}.user-status-right{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:640px){.user-status-banner{flex-direction:column;align-items:flex-start}.user-status-right{width:100%}.user-status-right .btn{flex:1;text-align:center}}
[hidden]{display:none!important}

/* ========== 下载进度面板 (全新设计) ========== */
.download-progress-panel {
  background: var(--surface);
  border-radius: var(--radius-lg);
  padding: 24px;
  margin-top: 20px;
  box-shadow: var(--clay-lg);
  animation: dlPanelIn .4s ease;
}

.hero-clear,.url-clear-btn{flex:0 0 36px!important;width:36px!important;height:36px!important;min-height:36px!important;margin:0 6px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;color:var(--text-muted)!important;font-size:28px!important;font-weight:400!important;line-height:32px!important;text-align:center!important;cursor:pointer;white-space:nowrap}.hero-clear:hover,.url-clear-btn:hover{color:var(--pri)!important;background:var(--pri-light)!important}.hero-url .hero-clear{background:transparent!important;color:var(--text-muted)!important}

/* 手机端统一自适应：避免横向溢出、输入框与按钮挤压，并为刘海屏/底部手势留出安全区。 */
@media (max-width: 640px) {
  html { -webkit-text-size-adjust: 100%; }
  body { width: 100%; min-width: 0; overflow-x: hidden; }
  .navbar { padding-left: 16px; padding-right: 16px; }
  .nav-brand { min-width: 0; font-size: 20px; white-space: nowrap; }
  .nav-brand span { padding: 4px 9px; font-size: 11px; }
  .container, .hero-inner, .bento, .steps, .demo-wrap { padding-left: 16px; padding-right: 16px; }
  .hero { padding: 26px 0 38px; }
  .hero-left { gap: 16px; }
  .hero-title { font-size: clamp(32px, 10vw, 40px); overflow-wrap: anywhere; }
  .hero-subtitle { font-size: 16px; }
  .hero-url { width: 100%; min-width: 0; padding: 4px 4px 4px 14px; }
  .hero-url input { width: 0; min-width: 0; font-size: 16px; }
  .hero-url .btn { flex: 0 0 96px; min-height: 48px; padding: 12px 10px; }
  .hero-samples { gap: 6px; font-size: 13px; }
  .hero-samples a { padding: 5px 10px; }
  .download-section { padding: 24px 0 calc(32px + env(safe-area-inset-bottom)); }
  .dl-container, .pricing-page, .help-page, .auth-section { width: 100%; padding-left: 16px; padding-right: 16px; }
  .url-input-group { display: flex; width: 100%; min-width: 0; }
  .url-input-group input { min-width: 0; width: 0; font-size: 16px; }
  .url-input-group button { flex: 0 0 auto; min-height: 48px; padding-left: 16px; padding-right: 16px; }
  .result-area, .video-info, .browser-download-guide { max-width: 100%; overflow-wrap: anywhere; }
  .quality-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer { padding-bottom: calc(28px + env(safe-area-inset-bottom)); }
}

/* 下载结果页手机端：封面必须保留稳定区域，画质改为两列卡片，避免时长与按钮被压缩错位。 */
@media (max-width: 640px) {
  .result-area { min-width: 0; }
  .video-info { display: block; min-width: 0; }
  .video-thumb-wrap {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    margin: 0 0 14px;
    overflow: hidden;
    border-radius: 16px;
    background: var(--surface-alt);
  }
  .video-thumb-wrap .video-thumb {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 100%;
    object-fit: cover;
  }
  .video-thumb-wrap.video-thumb-unavailable::after {
    content: '封面暂时不可用';
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    inset: 0;
    color: var(--text-muted);
    font-size: 14px;
    background: var(--surface-alt);
  }
  .video-duration-badge {
    z-index: 2;
    white-space: nowrap;
    line-height: 1.35;
  }
  .video-detail { min-width: 0; }
  .video-detail h3 { overflow-wrap: anywhere; }
  .quality-options {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100%;
  }
  .quality-options .quality-btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 76px;
    border-radius: 16px;
    padding: 10px 8px;
  }
  .delivery-mode-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .delivery-mode-btn { min-width: 0; padding: 10px 6px; font-size: 12px; white-space: nowrap; }
}

/* 全站手机端基础收口：为窄屏、刘海与底部手势区统一留出可用空间。 */
@media (max-width: 640px) {
  .navbar { min-height: 60px; padding-left: 16px; padding-right: 16px; }
  .nav-brand { max-width: calc(100% - 54px); overflow: hidden; text-overflow: ellipsis; }
  .nav-links.open { padding-bottom: calc(28px + env(safe-area-inset-bottom)); }
  .section, .download-section, .auth-section { scroll-margin-top: 72px; }
  .footer-inner { padding-left: 0; padding-right: 0; }
  .pricing-compare { margin-left: -16px; margin-right: -16px; padding: 0 16px 8px; }
  .pricing-compare::after { content: '左右滑动查看完整对比'; display: block; padding-top: 8px; color: var(--text-dim); font-size: 12px; text-align: center; }
}

/* 二级页面手机端收口。 */
@media (max-width: 640px) {
  .legal-content { margin-left: 0; margin-right: 0; padding: 22px 18px !important; border-radius: 20px !important; overflow-wrap: anywhere; }
  .legal-content h3 { font-size: 18px !important; }
  .api-container { padding: 24px 16px 40px !important; }
  .api-section { padding: 18px 16px !important; border-radius: 18px !important; overflow-x: auto; }
  .api-section pre, .api-section code { white-space: pre-wrap; overflow-wrap: anywhere; }
  .status-page { margin: 32px auto !important; padding: 0 16px !important; }
  .status-card { padding: 24px 18px !important; border-radius: 20px !important; }
  .component-list { grid-template-columns: 1fr !important; }
  .verify-page { min-height: auto !important; padding: 28px 16px !important; }
  .verify-card { padding: 28px 20px !important; border-radius: 22px !important; }
  .auth-section { min-height: auto !important; }
}
@keyframes dlPanelIn {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

/* 视频信息卡片 */
.dl-card {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.dl-card-thumb-wrap {
  position: relative;
  flex-shrink: 0;
  width: 140px;
  height: 79px;
  border-radius: var(--radius-sm);
  overflow: hidden;
  box-shadow: var(--clay-sm);
}
.dl-card-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dl-card-status-badge {
  position: absolute;
  bottom: 6px;
  right: 6px;
  padding: 2px 10px;
  border-radius: var(--radius-full);
  font-size: 11px;
  font-weight: 800;
  color: #fff;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  letter-spacing: .5px;
}
.badge-connecting { background: rgba(255,209,102,.85); color: #5C4200; }
.badge-downloading { background: rgba(124,92,252,.9); }
.badge-processing { background: rgba(78,205,196,.9); }
.badge-complete { background: rgba(123,237,159,.9); color: #1a5c2a; }
.badge-failed { background: rgba(255,107,157,.9); }

.dl-card-info {
  flex: 1;
  min-width: 0;
}
.dl-card-title {
  font-size: 15px;
  font-weight: 900;
  line-height: 1.4;
  color: var(--text);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 6px;
}
.dl-card-meta-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.dl-card-meta {
  font-size: 12px;
  color: var(--text-muted);
  font-weight: 600;
}
.dl-card-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.dl-stat-item {
  text-align: center;
}
.dl-stat-label {
  display: block;
  font-size: 10px;
  font-weight: 700;
  color: var(--text-dim);
  text-transform: uppercase;
  letter-spacing: .5px;
  margin-bottom: 2px;
}
.dl-stat-value {
  display: block;
  font-size: 14px;
  font-weight: 900;
  color: var(--text);
  font-variant-numeric: tabular-nums;
}

/* 进度条 */
.dl-progress-wrap {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 18px;
}
.dl-progress-track {
  flex: 1;
  height: 10px;
  background: var(--bg-alt);
  border-radius: var(--radius-full);
  position: relative;
  overflow: hidden;
  box-shadow: var(--clay-inset-sm);
}
.dl-progress-fill {
  height: 100%;
  background: var(--pri-gradient);
  border-radius: var(--radius-full);
  transition: width .5s ease;
  position: relative;
  z-index: 2;
}
.dl-progress-glow {
  position: absolute;
  top: 0; bottom: 0;
  width: 30px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.4), transparent);
  border-radius: var(--radius-full);
  z-index: 3;
  transition: left .5s ease;
  animation: dlGlowSweep 2s ease-in-out infinite;
}
@keyframes dlGlowSweep {
  0%,100% { opacity: .6; }
  50% { opacity: 1; }
}
.dl-progress-pct {
  font-size: 18px;
  font-weight: 900;
  color: var(--pri);
  min-width: 45px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

/* 阶段指示器 */
.dl-stages {
  display: flex;
  justify-content: space-between;
  margin-top: 18px;
  padding: 0 8px;
}
.dl-stage {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  color: var(--text-dim);
  position: relative;
  flex: 1;
}
.dl-stage::after {
  content: '';
  position: absolute;
  top: 8px;
  left: calc(50% + 12px);
  right: calc(-50% + 12px);
  height: 2px;
  background: var(--bg-alt);
  z-index: 0;
}
.dl-stage:last-child::after { display: none; }
.dl-stage.active::after,
.dl-stage.done::after {
  background: var(--pri);
}
.dl-stage-dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--bg-alt);
  border: 2px solid var(--text-dim);
  position: relative;
  z-index: 1;
  transition: all var(--t);
}
.dl-stage.active .dl-stage-dot {
  background: var(--pri);
  border-color: var(--pri);
  box-shadow: 0 0 0 4px var(--pri-glow);
  animation: dlDotPulse 1.5s ease-in-out infinite;
}
@keyframes dlDotPulse {
  0%,100% { box-shadow: 0 0 0 4px var(--pri-glow); }
  50% { box-shadow: 0 0 0 8px transparent; }
}
.dl-stage.done .dl-stage-dot {
  background: var(--pri);
  border-color: var(--pri);
}
.dl-stage.active span { color: var(--pri); }
.dl-stage.done span { color: var(--pri); }

/* 操作按钮行 */
.dl-actions-row {
  margin-top: 18px;
  display: flex;
  justify-content: center;
}
.dl-btn-cancel {
  padding: 10px 28px;
  border-radius: var(--radius-full);
  font-size: 14px;
  font-weight: 700;
  border: 2px solid rgba(239,68,68,.2);
  background: transparent;
  color: #EF4444;
  cursor: pointer;
  transition: all var(--t-fast);
}
.dl-btn-cancel:hover {
  background: rgba(239,68,68,.08);
  border-color: rgba(239,68,68,.4);
}
.dl-btn-cancel:disabled {
  opacity: .4;
  cursor: not-allowed;
}

/* 视频元数据标签 */
.video-extra-meta {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 6px;
}
.vmeta-tag {
  font-size: 11px;
  font-weight: 700;
  padding: 2px 10px;
  border-radius: var(--radius-full);
  background: var(--pri-light);
  color: var(--pri);
}
.video-thumb-wrap {
  position: relative;
  flex-shrink: 0;
}
.video-duration-badge {
  position: absolute;
  bottom: 6px;
  right: 6px;
  padding: 2px 8px;
  border-radius: var(--radius-full);
  background: rgba(0,0,0,.75);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  display: none;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

/* 移动端适配 */
@media (max-width: 640px) {
  .dl-card { flex-direction: column; }
  .dl-card-thumb-wrap { width: 100%; height: auto; aspect-ratio: 16/9; }
  .dl-card-stats { grid-template-columns: repeat(2, 1fr); }
  .dl-stages { padding: 0; }
  .dl-stage span { font-size: 10px; }
  .download-progress-panel { padding: 16px; }
}

/* 移动端导航兜底：菜单必须位于页面内容之上且链接完整可点。
   不依赖首屏其它模块的层级，避免 Safari 中菜单被首屏遮挡。 */
@media (max-width: 640px) {
  .navbar { z-index: 1100; }
  /* iOS Safari 会把带 backdrop-filter 的导航栏作为 fixed 子元素的定位容器，
     导致展开的菜单只有一条空白区域。菜单打开时关闭该滤镜，使抽屉相对视口定位。 */
  .navbar.menu-open { backdrop-filter: none; -webkit-backdrop-filter: none; }
  .nav-hamburger { position: relative; z-index: 1102; }
  .nav-links,
  .nav-links.open {
    position: fixed;
    top: 60px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1101;
    width: 100%;
    min-height: calc(100dvh - 60px);
    padding: 20px 16px calc(28px + env(safe-area-inset-bottom));
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    overflow-y: auto;
    background: #fff;
    box-shadow: 0 18px 30px rgba(45,42,60,.12);
    -webkit-overflow-scrolling: touch;
  }
  .nav-links { display: none; }
  .nav-links.open { display: flex; }
  .nav-links a,
  .nav-links .btn {
    display: flex;
    width: 100%;
    min-height: 50px;
    align-items: center;
    justify-content: flex-start;
    padding: 14px 18px;
    color: var(--text);
    font-size: 17px;
    line-height: 1.25;
    visibility: visible;
    opacity: 1;
  }
  .nav-links .btn {
    justify-content: center;
    margin: 8px 0 0;
    color: #fff;
  }
  /* iOS Safari repaints large fixed blurred layers while scrolling.  They were
     the source of the visible bottom jump on long download/result pages. */
  body::before,
  body::after { display: none; }
  .navbar { background: #fff; backdrop-filter: none; -webkit-backdrop-filter: none; }
  .nav-links,
  .nav-links.open { overscroll-behavior: contain; }
}

/* Global mobile navigation: reserve explicit space for brand, locale and menu. */
@media (max-width: 640px) {
  .navbar {
    padding-right: 12px;
    padding-left: 12px;
  }
  .nav-inner {
    justify-content: flex-start;
    gap: 6px;
    min-width: 0;
  }
  .nav-brand {
    order: 1;
    flex: 1 1 auto;
    min-width: 0;
    max-width: none;
    overflow: hidden;
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .nav-brand span {
    display: none;
  }
  .language-picker {
    order: 2;
    flex: 0 0 auto;
    margin: 0 !important;
  }
  .language-picker select {
    width: 110px !important;
    max-width: 110px !important;
    min-height: 38px !important;
    padding-right: 24px !important;
    padding-left: 8px !important;
  }
  .nav-hamburger {
    order: 3;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
  }
  .nav-links {
    order: 4;
  }
}

@media (max-width: 360px) {
  .language-picker select {
    width: 96px !important;
    max-width: 96px !important;
  }
  .nav-brand {
    font-size: 17px;
  }
}

/* International navigation needs more horizontal room than the Chinese copy.
   Keep labels intact on desktop, compact the spacing on scaled laptop displays,
   and switch to the existing menu before flexbox starts wrapping individual
   words such as "Log in". */
@media (min-width: 641px) {
  .nav-inner {
    max-width: 1480px;
    gap: 12px;
  }
  .nav-brand {
    flex: 0 0 auto;
    white-space: nowrap;
  }
  .nav-links {
    flex: 1 1 auto;
    min-width: 0;
    justify-content: flex-end;
  }
  .nav-links a {
    flex: 0 0 auto;
    white-space: nowrap;
  }
  .language-picker {
    flex: 0 0 auto;
  }
}

@media (min-width: 1181px) and (max-width: 1700px) {
  .navbar {
    padding-right: 16px;
    padding-left: 16px;
  }
  .nav-inner {
    gap: 6px;
  }
  .nav-brand {
    gap: 6px;
    font-size: 20px;
  }
  .nav-brand span {
    padding: 4px 9px;
    font-size: 11px;
  }
  .nav-links {
    gap: 0;
  }
  .nav-links a {
    padding: 9px 10px;
    font-size: 14px;
  }
  .nav-links .btn {
    margin-left: 3px;
    padding: 9px 14px;
  }
  .language-picker {
    margin-left: 3px !important;
  }
  .language-picker select {
    width: 132px !important;
    max-width: 132px !important;
    padding-right: 24px !important;
    padding-left: 8px !important;
  }
}

@media (min-width: 641px) and (max-width: 1180px) {
  .navbar {
    padding-right: 16px;
    padding-left: 16px;
  }
  .nav-inner {
    justify-content: flex-start;
    gap: 8px;
    min-width: 0;
  }
  .nav-brand {
    order: 1;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .nav-brand span {
    display: none;
  }
  .language-picker {
    order: 2;
    margin: 0 !important;
  }
  .language-picker select {
    width: 132px !important;
    max-width: 132px !important;
    min-height: 38px !important;
  }
  .nav-hamburger {
    order: 3;
    display: flex;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
  }
  .nav-links,
  .nav-links.open {
    position: fixed;
    top: 60px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1101;
    width: 100%;
    min-height: calc(100dvh - 60px);
    padding: 20px 16px calc(28px + env(safe-area-inset-bottom));
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 6px;
    overflow-y: auto;
    background: #fff;
    box-shadow: 0 18px 30px rgba(45,42,60,.12);
  }
  .nav-links {
    order: 4;
    display: none;
  }
  .nav-links.open {
    display: flex;
  }
  .nav-links a,
  .nav-links .btn {
    display: flex;
    width: 100%;
    min-height: 50px;
    align-items: center;
    justify-content: flex-start;
    margin-left: 0;
    padding: 14px 18px;
    font-size: 17px;
    line-height: 1.25;
  }
  .nav-links .btn {
    justify-content: center;
    margin-top: 8px;
  }
}