:root{--ink:#171a21;--muted:#69707d;--line:#e6e8eb;--soft:#f6f7f8;--surface:#fff;--accent:#ff6846;--accent-dark:#e94e2c;--green:#14866d;--shadow:0 18px 50px #181c2417}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--surface);letter-spacing:0;margin:0;font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;overflow-x:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.site-header{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border-bottom:1px solid #e6e8ebcc;justify-content:space-between;align-items:center;height:72px;padding:0 max(24px,50vw - 590px);display:flex;position:sticky;top:0}.brand{direction:ltr;align-items:center;gap:11px;font-size:22px;font-weight:800;display:inline-flex}.brand>span:last-child>span{color:var(--accent)}.brand-mark{background:var(--ink);color:#fff;border-radius:7px;place-items:center;width:38px;height:38px;display:grid;transform:rotate(-4deg)}.brand-mark svg{transform:rotate(-41deg)}nav{color:#4e5560;gap:34px;font-size:14px;display:flex}nav a:hover{color:var(--ink)}.header-actions{align-items:center;gap:7px;display:flex}.language-select{border:1px solid var(--line);color:#606872;background:#fff;border-radius:7px;align-items:center;gap:6px;min-width:132px;height:38px;padding:0 9px;display:flex}.language-select select{appearance:none;min-width:0;color:var(--ink);cursor:pointer;background:0 0;border:0;outline:0;flex:1;font-size:12px}.language-select svg:last-child{pointer-events:none;flex:none}.icon-button{color:#68707c;background:0 0;border:0;border-radius:7px;place-items:center;width:38px;height:38px;display:grid}.icon-button:hover{background:var(--soft);color:var(--ink)}.icon-button:disabled{opacity:.45;cursor:not-allowed}.icon-button.favorited{color:var(--accent);background:#fff0ec}.login{border:1px solid var(--line);background:#fff;border-radius:7px;height:38px;padding:0 17px;font-weight:600}.menu{background:0 0;border:0;display:none}.mobile-nav{display:none}.hero{background:linear-gradient(#fff 0%,#f9fafb 100%);min-height:500px;padding:50px 24px 62px;position:relative;overflow:hidden}.hero:before{content:"";opacity:.2;pointer-events:none;background-image:radial-gradient(#aeb3ba 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 74%);mask-image:linear-gradient(#000,#0000 74%)}.hero-copy{text-align:center;position:relative}.eyebrow{color:#287965;background:#f4fbf8;border:1px solid #dce9e5;border-radius:6px;align-items:center;gap:8px;padding:8px 13px;font-size:14px;font-weight:700;display:inline-flex}h1{letter-spacing:0;margin:18px 0 8px;font-size:clamp(42px,5vw,62px);line-height:1.08}h1 span{color:var(--accent)}.hero-copy>p{color:var(--muted);margin:0;font-size:17px}.drop-zone{width:min(760px,100vw - 32px);min-height:255px;box-shadow:var(--shadow);cursor:pointer;background:#fffffff5;border:1.5px dashed #bdc2c9;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;margin:28px auto 0;transition:all .2s;display:flex;position:relative}.drop-zone.dragging{border-color:var(--accent);background:snow;transform:translateY(-2px)}.drop-zone:focus-within{outline-offset:3px;outline:3px solid #ff684633}.drop-zone.disabled{opacity:.7;cursor:not-allowed}.drop-zone>input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.drop-zone h2{margin:10px 0 5px;font-size:20px}.drop-zone>p{color:var(--muted);margin:0 0 17px;font-size:13px}.upload-visual{width:90px;height:58px;position:relative}.sheet{border-radius:7px;place-items:center;display:grid;position:absolute}.sheet-back{width:45px;height:52px;color:var(--accent);background:#ffe5dd;top:4px;left:8px;transform:rotate(-9deg)}.sheet-front{background:var(--ink);color:#fff;width:56px;height:51px;top:0;right:7px;box-shadow:0 8px 20px #16191f2e}.spark{background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute}.spark.one{top:3px;right:-4px}.spark.two{width:4px;height:4px;bottom:5px;left:-3px}.spark.three{background:#e7b432;width:4px;height:4px;bottom:0;right:1px}.primary,.secondary{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 19px;font-weight:700;display:inline-flex}.primary{color:#fff;background:var(--accent);box-shadow:0 7px 16px #ff684633}.primary:hover{background:var(--accent-dark)}.primary:disabled,.secondary:disabled{opacity:.6;cursor:not-allowed}.primary.choose{min-width:142px}.secondary{color:var(--ink);background:#fff;border-color:#d9dce1}.privacy-strip{color:#78808a;background:#fafbfb;border-top:1px solid #eff0f2;border-radius:0 0 8px 8px;justify-content:center;align-items:center;gap:6px;height:36px;font-size:11px;display:flex;position:absolute;bottom:0;left:0;right:0}.toast{z-index:40;background:var(--ink);color:#fff;width:max-content;max-width:calc(100vw - 32px);box-shadow:var(--shadow);border-radius:7px;align-items:center;gap:8px;padding:10px 15px;font-size:13px;display:flex;position:fixed;top:82px;left:50%;transform:translate(-50%)}.workspace{max-width:1180px;margin:42px auto 8px;padding:0 24px;scroll-margin-top:84px}.workspace-head,.section-title{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.section-kicker{color:var(--accent);text-transform:uppercase;font-size:13px;font-weight:800}.workspace h2,.section-title h2{margin:5px 0 0;font-size:28px}.text-button{color:#747b85;background:0 0;border:0;align-items:center;gap:6px;display:flex}.text-button:disabled{color:#b4b8be;cursor:default}.file-list{border:1px solid var(--line);border-radius:8px 8px 0 0;overflow:hidden}.queue-empty{background:#fff;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:96px;padding:16px;display:grid}.queue-empty-icon{width:42px;height:42px;color:var(--accent);background:#fff1ed;border-radius:7px;place-items:center;display:grid}.queue-empty strong{font-size:16px;display:block}.queue-empty p{color:var(--muted);margin:5px 0 0;font-size:13px;line-height:1.5}.queue-empty .secondary{min-height:40px}.file-row{border-bottom:1px solid var(--line);grid-template-columns:44px minmax(180px,1fr) 22px minmax(190px,220px) 84px 42px;align-items:center;gap:12px;min-height:88px;padding:12px 16px;display:grid}.file-row:last-child{border-bottom:0}.file-icon{width:42px;height:42px;color:var(--accent);background:#fff1ed;border-radius:7px;place-items:center;display:grid}.file-meta{min-width:0}.file-meta strong,.file-meta span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.file-meta strong{font-size:14px}.file-meta span{color:var(--muted);margin-top:4px;font-size:11px}.file-meta .error-text{color:#bb392e}.file-progress-line{align-items:center;gap:8px;width:min(260px,100%);margin-top:7px;display:flex}.file-progress-line .progress{background:#eceef0;flex:1;height:4px;overflow:hidden}.file-progress-line .progress i{background:var(--accent);height:100%;transition:width .2s;display:block}.file-progress-line>b{color:var(--accent);text-align:right;flex:0 0 28px;font-size:10px}.row-arrow{color:#b8bdc4}.target-select{min-width:0;height:46px;color:var(--muted);background:#fff;border:1px solid #d8dce2;border-radius:7px;align-items:center;gap:9px;padding:0 12px;font-size:12px;display:flex;position:relative}.target-select span{flex:none;font-weight:500}.target-select select{appearance:none;min-width:0;color:var(--ink);cursor:pointer;background:0 0;border:0;outline:0;flex:1;font-size:15px;font-weight:800}.target-select svg{pointer-events:none;flex:none}.status{color:#747b84;justify-content:center;align-items:center;gap:4px;font-size:13px;display:flex}.status.done{color:var(--green)}.status.error{color:#bb392e}.icon-button.download{color:var(--green);background:#ecf8f4}.icon-button.download span{display:none}.settings-bar{border:1px solid var(--line);background:#fafafa;border-top:0;border-radius:0 0 8px 8px;align-items:center;gap:28px;min-height:74px;padding:12px 17px;display:flex}.settings-bar label{color:var(--muted);font-size:12px}.settings-bar label>span{margin-bottom:7px;display:block}.settings-bar b{color:var(--ink)}.settings-bar input[type=range]{width:170px;accent-color:var(--accent)}.width-input{position:relative}.width-input input{border:1px solid var(--line);border-radius:6px;outline:0;width:135px;height:35px;padding:0 32px 0 9px}.width-input em{color:#9ba1a9;font-style:normal;position:absolute;bottom:9px;right:9px}.conversion-actions{gap:8px;margin-left:auto;display:flex}.conversion-progress-panel{background:#fff8f5;border:1px solid #ffd7cd;border-radius:8px;margin-bottom:10px;padding:14px 16px}.progress-summary{grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;display:grid}.progress-status-icon{width:38px;height:38px;color:var(--accent);background:#ffe8e1;border-radius:7px;place-items:center;display:grid}.progress-summary strong,.progress-summary span{display:block}.progress-summary strong{font-size:14px}.progress-summary div>span{color:var(--muted);margin-top:3px;font-size:11px}.progress-summary>b{color:var(--accent);font-size:17px}.overall-progress{background:#f0dfda;border-radius:4px;height:7px;margin-top:12px;overflow:hidden}.overall-progress i{border-radius:inherit;background:var(--accent);height:100%;transition:width .25s;display:block}.completion-notice{color:#126f5b;background:#f2fbf7;border:1px solid #bfe2d6;border-radius:8px;align-items:flex-start;gap:12px;margin-top:12px;padding:15px 16px;display:flex}.completion-icon{background:#dff4eb;border-radius:7px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.completion-notice strong{margin-top:1px;font-size:15px;display:block}.completion-notice p{color:#4b7368;margin:4px 0 0;font-size:12px;line-height:1.6}.completion-notice.has-errors{color:#8b5d0b;background:#fffaf0;border-color:#f0d39b}.completion-notice.has-errors .completion-icon{background:#f9ebca}.completion-notice.has-errors p{color:#79684b}.tools-section{max-width:1180px;margin:0 auto;padding:64px 24px}.search{border:1px solid var(--line);color:#999fa7;border-radius:7px;align-items:center;gap:9px;width:285px;height:40px;padding:0 11px;display:flex}.search input{border:0;outline:0;width:100%;font-size:12px}.category-tabs{border-bottom:1px solid var(--line);gap:5px;padding-bottom:16px;display:flex;overflow-x:auto}.category-tabs button{white-space:nowrap;color:#6b727d;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;height:36px;padding:0 13px;font-size:13px;display:flex}.category-tabs button.active{color:#fff;background:var(--ink)}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.tool-card{border:1px solid var(--line);border-radius:8px;align-items:flex-start;gap:15px;min-width:0;min-height:132px;padding:19px;transition:all .18s;display:flex;position:relative}.tool-card:hover{border-color:#ccd0d5;transform:translateY(-2px);box-shadow:0 10px 28px #181c240f}.tool-icon{border-radius:7px;flex:0 0 44px;place-items:center;height:44px;display:grid}.tool-icon.coral,.tool-icon.red,.tool-icon.rose{color:#ed5b3a;background:#fff0ec}.tool-icon.blue{color:#4275cf;background:#edf3ff}.tool-icon.green{color:#22866a;background:#eaf7f1}.tool-icon.amber{color:#a77616;background:#fff6df}.tool-icon.violet{color:#7654bf;background:#f2edff}.tool-icon.slate{color:#58616c;background:#edf0f2}.tool-copy{width:100%;min-width:0;padding-right:42px}.tool-copy h3{margin:1px 0 5px;font-size:15px}.tool-copy p{color:var(--muted);margin:0 0 13px;font-size:12px}.format-path{color:#7f8791;align-items:flex-start;gap:7px;min-width:0;font-size:13px;line-height:1.45;display:flex}.format-path b,.format-path span{text-overflow:ellipsis;min-width:0;overflow:hidden}.format-path b{color:#3d4550;white-space:nowrap;flex:0 auto}.format-path span{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;flex:auto;display:-webkit-box}.round-action{border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:17px;right:17px}.round-action:hover{color:#fff;background:var(--accent);border-color:var(--accent)}.engine-badge{color:#858c95;background:#f0f1f3;border-radius:5px;padding:5px 7px;font-size:9px;font-weight:700;position:absolute;top:17px;right:15px}.empty{text-align:center;color:var(--muted);padding:60px 10px}.empty h3{color:var(--ink);margin:12px 0 5px}.empty p{margin:0;font-size:13px}.trust-band{color:#fff;background:#18201e;grid-template-columns:repeat(3,1fr);gap:52px;padding:44px max(24px,50vw - 560px);display:grid}.trust-band div{padding-left:52px;position:relative}.trust-band svg{color:#68c7aa;position:absolute;top:1px;left:0}.trust-band h3{margin:0 0 7px;font-size:15px}.trust-band p{color:#aebbb7;margin:0;font-size:12px;line-height:1.6}footer{background:#f6f7f7;padding:32px max(24px,50vw - 560px)}.footer-main{justify-content:space-between;align-items:center;gap:40px;display:flex}.footer-identity{min-width:0}.footer-brand{font-size:20px}.footer-brand .brand-mark{width:34px;height:34px}.footer-main p{color:#555e6a;margin:9px 0 0;font-size:14px;line-height:1.55}.footer-links{color:#525b67;justify-content:flex-end;gap:18px;margin-left:auto;font-size:13px;display:flex}.footer-links button{color:inherit;background:0 0;border:0;padding:0}.copyright{color:#747d88;margin-top:5px;font-size:13px;line-height:1.55}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f11158c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:8px;width:min(480px,100%);padding:30px;position:relative;box-shadow:0 24px 80px #00000038}.modal-close{background:var(--soft);border:0;border-radius:6px;width:34px;height:34px;position:absolute;top:13px;right:13px}.modal-icon{width:50px;height:50px;color:var(--green);background:#eaf7f1;border-radius:8px;place-items:center;display:grid}.modal h2{margin:17px 0 10px;font-size:23px}.modal p{color:var(--muted);font-size:13px;line-height:1.75}.primary.full{width:100%;margin-top:10px}.share-modal{width:min(620px,100%)}.share-modal-icon{color:var(--accent);background:#fff0ec}.share-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:18px;display:grid}.share-option{border:1px solid var(--line);min-width:0;min-height:52px;color:var(--ink);text-align:start;background:#fff;border-radius:7px;align-items:center;gap:11px;padding:7px 11px;font-weight:700;display:flex}.share-option:hover{background:#fafbfb;border-color:#c8ccd2}.share-option-icon{border-radius:7px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid}.share-option>span:last-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.copy-link{width:100%;margin-top:12px}.wechat-modal{text-align:center;width:min(440px,100%)}.wechat-modal-icon{color:#fff;background:#07c160;margin:0 auto}.wechat-qr{border:1px solid var(--line);background:#fff;border-radius:8px;width:252px;max-width:100%;margin:19px auto 4px;padding:16px}.wechat-qr svg{width:100%;height:auto;display:block}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}[dir=rtl] .row-arrow,[dir=rtl] .format-path svg,[dir=rtl] .round-action svg{transform:rotate(180deg)}[dir=rtl] .width-input input{padding:0 9px 0 32px}[dir=rtl] .width-input em{left:9px;right:auto}[dir=rtl] .tool-copy{padding-left:42px;padding-right:0}[dir=rtl] .round-action,[dir=rtl] .engine-badge{left:17px;right:auto}[dir=rtl] .trust-band div{padding-left:0;padding-right:52px}[dir=rtl] .trust-band svg{left:auto;right:0}@media (max-width:760px){.site-header{height:62px;padding:0 16px}.site-header nav,.login,.header-actions>.icon-button{display:none}.header-actions>.share-trigger,.menu{display:grid}.brand{gap:8px;font-size:19px}.brand-mark{width:34px;height:34px}.language-select{width:108px;min-width:0;padding:0 7px}.language-select select{font-size:11px}.mobile-nav{z-index:29;border-bottom:1px solid var(--line);background:#fff;flex-direction:column;gap:0;padding:8px 16px 16px;display:flex;position:fixed;top:60px;left:0;right:0;box-shadow:0 14px 30px #181c241a}.mobile-nav a{border-bottom:1px solid var(--line);padding:13px 4px;font-size:14px}.mobile-nav a:last-child{border-bottom:0}.hero{min-height:470px;padding:36px 16px 48px}h1{font-size:40px}.hero-copy>p{font-size:14px;line-height:1.5}.drop-zone{min-height:270px;margin-top:24px;padding:20px 16px 43px}.drop-zone>p{text-align:center;max-width:290px;line-height:1.5}.privacy-strip{text-align:center;padding:0 12px;line-height:1.3}.workspace{margin-top:34px;padding:0 16px}.workspace-head{align-items:flex-start}.workspace h2,.section-title h2{font-size:23px}.queue-empty{grid-template-columns:42px minmax(0,1fr)}.queue-empty .secondary{grid-column:1/-1;width:100%}.file-row{grid-template-columns:42px minmax(0,1fr) 112px 68px;gap:9px;padding:12px 10px}.row-arrow{display:none}.file-row .status{grid-column:2/4;justify-content:flex-start}.target-select{height:44px;padding:0 10px}.target-select span{display:none}.target-select select{font-size:14px}.file-row .icon-button.download{gap:5px;width:68px;padding:0 8px;font-size:11px;display:flex}.icon-button.download span{display:inline}.settings-bar{flex-wrap:wrap;align-items:stretch;gap:15px}.settings-bar input[type=range]{width:140px}.conversion-actions{width:100%;margin:0}.conversion-actions button,.conversion-actions a{flex:1}.conversion-progress-panel{padding:12px}.progress-summary{grid-template-columns:34px minmax(0,1fr) auto;gap:9px}.progress-status-icon{width:34px;height:34px}.completion-notice{padding:13px}.completion-notice p{font-size:11px}.tools-section{padding:50px 16px}.section-title{flex-direction:column;align-items:flex-start;gap:17px}.search{width:100%}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:136px}.format-path{flex-wrap:wrap;align-items:flex-start}.format-path span{white-space:normal}.engine-badge{top:auto;bottom:14px}.trust-band{grid-template-columns:1fr;gap:26px;padding:36px 24px}.footer-main{flex-direction:column;align-items:flex-start;gap:22px}.footer-main p,.copyright{font-size:13px}.footer-links{flex-wrap:wrap;align-self:stretch;gap:16px;margin-left:0}.share-modal,.wechat-modal{padding:24px 18px 18px}.share-grid{gap:7px}.share-option{gap:8px;padding:6px 8px;font-size:12px}.share-option-icon{flex-basis:33px;width:33px;height:33px}.wechat-qr{width:230px;padding:14px}}@media (max-width:360px){.site-header{padding:0 10px}.brand{gap:7px;font-size:18px}.brand-mark{width:32px;height:32px}.language-select{width:94px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
