
:root{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#183337;background:#f7f9f8;font-synthesis:none;--green:#0b806b;--muted:#788789;--line:#e5ece9}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.page{max-width:1120px;margin:auto;padding:0 48px}header{height:104px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:23px;letter-spacing:2px;font-weight:750;display:flex;align-items:center;gap:12px}.brand-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:var(--green);color:white;font-size:28px;font-weight:400}.brand-en{font-size:9px;letter-spacing:1.6px;color:#839291;padding-left:12px;border-left:1px solid #d6dfdc;font-weight:600}.free-label{font-size:12px;color:#6d7e79;display:flex;align-items:center;gap:8px}i{display:inline-block;border-radius:50%;width:6px;height:6px;background:#46a88b}.intro{text-align:center;padding:48px 0 34px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#59776e;letter-spacing:1.5px}.eyebrow span{width:16px;height:1px;background:#85a99a}h1{margin:18px 0 16px;font-size:52px;line-height:1.35;letter-spacing:-2px;font-weight:750}.accent{color:var(--green)}.intro p{color:#7b8a86;font-size:15px;margin:0}.mobile-break{display:none}.workspace{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 14px 48px #193c2c06;padding:27px 30px 0;max-width:840px;margin:0 auto}.panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:650}.mini-icon{font-size:20px;color:#75958b}.status{display:flex;align-items:center;gap:6px;font-size:11px;color:#729386}.status.off{color:#a57945}.status.off i{background:#ce9957}.input-row{display:flex;gap:10px}input{font:14px inherit;font-family:inherit;min-width:0;flex:1;border:1px solid #dbe5e0;border-radius:11px;background:#fafcfb;padding:17px 18px;color:#254039;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}input:focus{border-color:#3e9a80;box-shadow:0 0 0 3px #0b806b10}input::placeholder{color:#a3afa9}.input-row>button{background:var(--green);color:white;border:0;border-radius:11px;padding:0 24px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:22px;transition:background .2s}.input-row>button:hover,.download-button:hover{background:#076956}button:disabled{opacity:.6;cursor:wait}.input-row>button span{font-size:20px;font-weight:400}.input-hint{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:8px;font-size:11px;color:#8c9994}.input-hint button{border:0;background:none;color:#718b80;padding:4px 0;font-size:11px}#empty{padding:34px 0 38px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:9px}.empty-mark{color:#95b3a8;width:64px;height:64px;border-radius:18px;background:#f2f7f4;display:grid;place-items:center;margin-bottom:5px}.empty-mark svg{width:47px;height:47px}#empty strong{font-size:13px;font-weight:500;color:#6f8379}#empty p{font-size:11px;color:#a0ada7;margin:0}.panel-bottom{border-top:1px solid #eef2ef;margin:0 -30px;padding:16px 30px;display:flex;justify-content:space-between;color:#91a198;font-size:10px}.panel-bottom span:first-child{display:flex;align-items:center;gap:7px}.panel-bottom i{width:5px;height:5px;background:#99b4a6}.steps{max-width:780px;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:39px auto 0}.steps>div{position:relative;padding-left:32px}.step-num{position:absolute;left:0;top:0;color:#a0b6ab;font-size:12px;line-height:24px;font-weight:600}h3{font-size:13px;line-height:24px;font-weight:600;margin:0 0 5px}.steps p{font-size:11px;color:#8e9c95;line-height:1.8;margin:0}.usage-note{max-width:780px;margin:33px auto 0;padding-top:20px;border-top:1px solid var(--line);display:flex;gap:18px;font-size:10px;color:#99a69f;line-height:1.9}.usage-note>span{white-space:nowrap;color:#7d9185}.usage-note p{margin:0}footer{max-width:840px;display:flex;justify-content:space-between;gap:12px;margin:52px auto 24px;font-size:10px;color:#9aa89f;line-height:1.8}footer a:hover{color:var(--green)}#notice{margin:20px 0;background:#fff7ed;border:1px solid #f2dfc7;border-radius:10px;padding:13px 16px;color:#9a6331;font-size:13px;line-height:1.7}#progress{padding:32px 4px}.progress-header{display:flex;align-items:center;gap:10px;font-size:13px}.progress-header strong{font-weight:500}.progress-header>span:last-child{margin-left:auto;color:var(--green);font-size:12px}.spinner{width:15px;height:15px;border:2px solid #cfe5da;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.track{height:5px;background:#edf3ef;border-radius:10px;overflow:hidden;margin:18px 0}.track>div{height:100%;background:#50a189;width:5%;transition:width .4s}.progress-header+p,#progress p{font-size:11px;color:#8a9c92}#result{border-top:1px solid var(--line);padding:26px 0;margin-top:22px}.result-layout{display:grid;grid-template-columns:210px 1fr;gap:27px;align-items:center}.video-wrap{background:#102b25;border-radius:13px;overflow:hidden;display:flex;align-items:center;justify-content:center}video{display:block;width:100%;height:240px;object-fit:contain}.success-badge{color:var(--green);font-size:11px;background:#edf8f1;display:inline-block;padding:5px 9px;border-radius:6px}.result-info h2{font-size:17px;line-height:1.8;font-weight:650;margin:11px 0 8px;overflow-wrap:anywhere}.result-info>p{font-size:12px;color:#7f9487;margin:8px 0}.file-meta{display:flex;gap:12px;color:#869b8e;font-size:11px;margin:18px 0}.file-meta span+span{border-left:1px solid var(--line);padding-left:12px}.download-button{display:flex;align-items:center;justify-content:space-between;max-width:230px;padding:13px 17px;background:var(--green);border-radius:10px;color:#fff;font-size:13px}.result-info .expiry{font-size:10px;margin-top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:2px solid #17866f;outline-offset:4px}@media(max-width:650px){.page{padding:0 20px}header{height:78px}.brand{font-size:20px;gap:8px}.brand-en{display:none}.free-label{font-size:10px}.intro{padding:36px 0 30px}h1{font-size:40px;letter-spacing:-1.5px;margin:17px 0 15px}.intro p{font-size:12px}.eyebrow{font-size:11px}.workspace{padding:20px 18px 0;border-radius:18px}.input-row{flex-direction:column}.input-row>button{padding:14px 18px;justify-content:center}.input-row>button span{font-size:17px}input{padding:15px;font-size:13px}.input-hint{font-size:10px;line-height:1.7}.panel-bottom{margin:0 -18px;padding:14px 18px;font-size:9px}.steps{gap:19px;margin:27px auto 0}.steps>div{padding-left:0;padding-top:27px}.steps h3{font-size:12px}.steps p{font-size:10px}.step-num{top:0}.usage-note{margin-top:25px;gap:10px;font-size:9px}footer{margin-top:32px;display:block;font-size:9px}footer>span{display:block;margin:6px 0}.result-layout{grid-template-columns:1fr}.video-wrap{max-width:280px;width:100%;margin:auto}video{height:280px}.download-button{max-width:none}.result-info h2{font-size:15px}.status{font-size:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.platforms{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 17px}.platforms span{font-size:10px;line-height:1.7;padding:4px 9px;background:#edf6f1;border:1px solid #e0ede6;color:#508373;border-radius:6px}.platforms span.inactive{background:#f7f8f7;border-color:#ecefeb;color:#98a49c}.platform-help{max-width:780px;margin:25px auto 0;color:#80968a;font-size:11px;line-height:1.9}.platform-help summary{cursor:pointer;color:#628372}.platform-help p{margin:9px 0}.platform-help+.usage-note{margin-top:20px}
.platforms span.trial{background:#faf7f0;border-color:#eee6d5;color:#9a8359}
