*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f8f4;color:#20342b;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.6}button,input,select{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #9bca59;outline-offset:4px}[hidden]{display:none!important}.header{height:88px;max-width:1160px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3e8de}.brand{display:flex;gap:11px;align-items:center}.brand-icon{height:38px;width:38px;background:#126849;border-radius:12px;display:flex;gap:3px;align-items:center;justify-content:center}.brand-icon i{display:block;width:3px;height:12px;background:white;border-radius:3px}.brand-icon i:nth-child(2){height:22px}.brand-icon i:nth-child(3){height:28px}.brand-icon i:nth-child(4){height:17px}.brand strong{font-size:23px;letter-spacing:2px}.brand strong span{display:block;font-size:8px;letter-spacing:2px;color:#718178;line-height:1.3}.header nav{display:flex;align-items:center;gap:28px;font-size:12px}.private{border:1px solid #dce5d8;padding:7px 12px;border-radius:30px;color:#5d7365}.private b,.eyebrow>span{display:inline-block;width:6px;height:6px;background:#5f9c60;border-radius:50%;margin-right:6px}main{max-width:1080px;margin:auto}.intro{text-align:center;padding:49px 0 35px}.eyebrow{font-size:11px;letter-spacing:2px;color:#738373;font-weight:600}.intro .eyebrow{letter-spacing:1.5px}h1{font-size:46px;font-weight:750;line-height:1.25;letter-spacing:-1.6px;margin:15px 0}h1 em{font-style:normal;color:#126849}.intro>p{color:#7a857c;font-size:14px;line-height:1.9;margin:0}.mobile{display:none}.format-line{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:22px}.format-line span{font-size:10px;letter-spacing:1px;border:1px solid #dfe6dc;padding:3px 10px;border-radius:5px;background:#fff;color:#778477;font-weight:600}.format-line .arrow{background:none;border:0;font-size:20px;padding:0 4px}.format-line .mp3{background:#e1eedb;color:#27673d;border-color:#d7e6ce}.converter{display:grid;grid-template-columns:minmax(0,1fr) 310px;background:white;border:1px solid #e0e6dc;border-radius:20px;box-shadow:0 18px 60px #253a2b06;overflow:hidden}.workspace{padding:28px;min-width:0}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-title h2{font-size:15px;margin:0;display:flex;gap:10px;align-items:center}.section-title>span{font-size:11px;color:#8a968b}.step{font-size:10px;font-weight:500;color:#71957b;border:1px solid #d9e7d8;border-radius:6px;padding:1px 5px;line-height:20px}.dropzone{border:1.5px dashed #ccd9c5;border-radius:12px;min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at center,#fbfcf7 0%,#f9fbf6 100%);padding:24px 12px;transition:background .2s,border-color .2s}.dropzone.drag{background:#e5f0df;border-color:#126849}.upload-icon{width:66px;height:66px;background:#edf2e7;border-radius:20px;display:grid;place-items:center;transform:rotate(-5deg);margin-bottom:13px;color:#447e51}.upload-icon svg{width:34px;height:34px;transform:rotate(5deg)}.dropzone h3{font-size:18px;margin:3px 0 4px}.dropzone p{font-size:12px;color:#8a9687;margin:0 0 20px}.primary{background:#126849;border:0;border-radius:8px;color:white;font-weight:600;padding:11px 23px;box-shadow:0 3px 7px #1c63451a;transition:background .2s}.primary:hover:not(:disabled){background:#0b5238}.demo-line{margin-top:16px;font-size:11px;color:#939c8f}.text-button{padding:0;background:none;border:0;color:#397953;font-size:12px}.demo-line .text-button{font-size:11px;margin-left:4px}.privacy-note{display:flex;align-items:center;gap:8px;font-size:11px;color:#859381;margin:17px 0 0}.privacy-note svg{width:16px;height:16px;flex-shrink:0}.settings{padding:28px;background:#fafbf7;border-left:1px solid #e9ede3}.field-label{display:block;font-size:11px;font-weight:600;color:#667762;margin:19px 0 8px}.output{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #dae4d4;border-radius:8px;padding:11px 13px}.file-symbol{display:grid;place-items:center;background:#edf3e6;border:1px solid #dee8d4;border-radius:6px;font-size:25px;color:#548348;width:36px;height:39px}.output strong{display:block;font-size:15px;letter-spacing:.5px}.output div>span{display:block;font-size:10px;color:#8d9987}.check{margin-left:auto;color:#4e8251}.settings fieldset{border:0;margin:19px 0 0;padding:0}.settings legend{padding:0;font-size:11px;font-weight:600;color:#667762;display:block;width:100%;margin-bottom:10px}.settings legend>span{float:right;font-size:9px;font-weight:400;color:#98a18e}.quality-options{display:flex;gap:6px}.quality-options label{flex:1;position:relative}.quality-options input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.quality-options label>span{display:block;border:1px solid #dfe5d9;background:white;border-radius:7px;padding:9px 2px;text-align:center}.quality-options strong{font-size:11px;display:block;font-weight:500;position:relative}.quality-options small{display:block;font-size:9px;color:#8d9987}.quality-options b{position:absolute;top:-17px;right:-4px;border-radius:3px;background:#d7e9b8;font-size:8px;font-weight:400;white-space:nowrap;padding:0 3px}.quality-options input:checked+span{background:#eaf2e2;border-color:#81a66d;color:#356439}.quality-options input:focus-visible+span{outline:3px solid #9bca59}.settings select{width:100%;border:1px solid #dfe5d9;border-radius:7px;padding:9px;background:white;color:#52604c;font-size:12px}.setting-hint{font-size:10px;color:#929c88;line-height:1.8;margin:12px 0 19px}.convert{width:100%;display:flex;justify-content:center;gap:38px}.status{font-size:11px;color:#7e8d76;text-align:center;margin-top:10px;overflow-wrap:anywhere}.engine-note{font-size:9px;color:#9da695;text-align:center;line-height:1.8;margin-top:15px}.cancel,.download-all{width:100%;border:1px solid #cddcc2;background:white;color:#32613c;border-radius:7px;padding:9px;margin-top:8px;font-size:12px}.cancel{color:#8b5c49;border-color:#e2d7cc}.queue-head{display:flex;justify-content:space-between;color:#83917a;font-size:12px;margin:22px 0 10px}.queue{padding:0;margin:0;list-style:none;max-height:370px;overflow:auto}.queue li{border:1px solid #e4e9e0;border-radius:9px;margin-bottom:10px;padding:12px;display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:10px;align-items:start}.queue li>.file-symbol{width:34px;height:38px;font-size:22px}.file-name{font-size:12px;font-weight:600;word-break:break-all}.file-meta{font-size:10px;color:#8e9987;margin-top:3px}.file-state{color:#66845a}.row-action{color:#86927e;border:0;background:none;padding:0 2px;font-size:18px}.download-link{font-size:11px;color:#126849;white-space:nowrap;display:inline-block;border:1px solid #cbdcc3;border-radius:5px;padding:3px 8px}.progress{height:3px;background:#e7edde;border-radius:3px;margin-top:8px;overflow:hidden}.progress>i{display:block;background:#6b9a4b;height:100%;width:0;transition:width .2s}.queue audio{width:100%;height:28px;margin-top:8px}.add-more{width:100%;border:1px dashed #cdd9c5;background:#fbfcf8;color:#588049;border-radius:7px;font-size:12px;padding:10px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:30px 0 55px}.benefits article{display:flex;gap:12px}.benefit-icon{background:#eaf0e3;border-radius:9px;width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;font-size:23px;color:#5d814d}.benefits h3{font-size:12px;font-weight:600;margin:0 0 3px}.benefits p{font-size:11px;color:#8a9583;margin:0;line-height:1.9}.guide{border-top:1px solid #e1e7da;padding:38px 0;display:grid;grid-template-columns:1fr 1fr;gap:40px}.guide h2{font-size:24px;letter-spacing:-.5px;margin:9px 0 12px}.guide>div>p{font-size:12px;color:#8d9986;line-height:1.9}.guide ol{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:19px}.guide li{display:flex;gap:15px;align-items:center}.guide li>b{background:#edf1e7;color:#6f8a59;width:28px;height:28px;text-align:center;font-size:11px;border-radius:50%;line-height:28px}.guide li strong{font-size:12px}.guide li p{font-size:11px;color:#8d9986;margin:2px 0 0}.faq{border-top:1px solid #e1e7da;padding:28px 0 40px}.faq h2{font-size:16px;margin:0 0 15px}.faq details{border-bottom:1px solid #e3e8dc}.faq summary{cursor:pointer;font-size:12px;padding:15px 0;list-style:none}.faq summary:after{content:'＋';float:right;color:#799168}.faq details[open] summary:after{content:'－'}.faq details p{color:#819075;font-size:12px;line-height:1.9;max-width:850px;margin:0 0 18px}.notice{background:#fff3e8;border:1px solid #ecd8c4;color:#94613d;padding:12px 16px;border-radius:9px;font-size:12px;margin-top:15px}footer{border-top:1px solid #e1e7da;max-width:1160px;margin:0 auto;padding:24px 0 30px;display:flex;align-items:center;justify-content:space-between;color:#96a08c;font-size:10px}.footer-brand{font-weight:600;font-size:16px;color:#668057}.footer-brand span{font-weight:400;color:#98a18e;font-size:10px;margin-left:14px}@media(min-width:1000px){.converter:has(#queue-area:not([hidden])) .dropzone{min-height:165px}.converter:has(#queue-area:not([hidden])) .upload-icon{display:none}.converter:has(#queue-area:not([hidden])) .dropzone h3{font-size:15px}}@media(max-width:1200px){.header,footer{margin-left:30px;margin-right:30px}main{margin:0 40px}}@media(max-width:760px){.header{height:74px;margin:0 20px}.brand strong{font-size:20px}.header nav{gap:12px}.header nav>a{display:none}.private{font-size:9px;padding:5px 8px}main{margin:0 18px}.intro{padding:35px 0 28px}h1{font-size:32px;letter-spacing:-1px}.intro>p{font-size:12px}.mobile{display:initial}.format-line{gap:5px}.format-line span{font-size:9px;padding:3px 7px}.converter{grid-template-columns:1fr;border-radius:15px}.workspace{padding:20px}.settings{border-left:0;border-top:1px solid #e4e9dd;padding:22px}.dropzone{min-height:270px}.dropzone h3{font-size:16px}.dropzone p{font-size:10px}.settings legend>span{font-size:10px}.quality-options label>span{padding:11px 4px}.quality-options strong{font-size:12px}.quality-options small{font-size:10px}.quality-options b{top:-16px;right:4px}.benefits{grid-template-columns:1fr;gap:20px;margin:27px 0 32px}.benefits p{font-size:11px}.guide{grid-template-columns:1fr;gap:20px;padding:30px 0}.guide h2{font-size:22px}.guide>div>p{margin-bottom:0}footer{margin:0 20px;align-items:flex-start;gap:15px}.footer-brand span{display:block;margin:2px 0 0}.queue li{padding:10px;gap:8px}}
@media(max-width:760px){.header nav>a.qr-nav{display:block;font-size:11px}.header nav .private{display:none}}