:root{--ink:#24352b;--muted:#6e786f;--green:#365d47;--green-dark:#294b38;--green-soft:#e8efe3;--blue:#6ea8d8;--blue-soft:#edf5fb;--cream:#f7f7ef;--paper:#fffefa;--line:#dfe5dc;--danger:#a7473f;--shadow:0 14px 35px rgba(54,93,71,.08)}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--cream);font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC","Noto Sans CJK SC",system-ui,-apple-system,"Segoe UI",sans-serif;font-synthesis:none;line-height:1.55}button,input,select,textarea{font:inherit;color:inherit}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,254,250,.94);border-bottom:1px solid rgba(54,93,71,.11);backdrop-filter:blur(12px)}.header-inner,.page-shell{width:min(1380px,calc(100% - 48px));margin:0 auto}.header-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{color:var(--green);font:700 24px Georgia,"Times New Roman",serif;letter-spacing:-.02em;text-decoration:none}nav{display:flex;gap:8px}nav a{color:#526158;padding:8px 13px;border-radius:999px;text-decoration:none;font-size:14px}nav a:hover,nav a.active{color:var(--green);background:var(--green-soft)}
.tool-hero{overflow:hidden;background:linear-gradient(135deg,#f4f3e7 0%,#f9f8f1 52%,#eaf2ed 100%);border-bottom:1px solid rgba(54,93,71,.08)}.hero-inner{min-height:210px;display:flex;align-items:center;justify-content:space-between;gap:48px;padding-top:36px;padding-bottom:38px}.eyebrow,.kicker{margin:0 0 7px;color:var(--green);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.hero-inner h1{max-width:760px;margin:0;font-family:Georgia,"Microsoft YaHei",serif;font-size:clamp(30px,4vw,48px);line-height:1.2;letter-spacing:-.035em}.hero-copy{margin:14px 0 0;color:var(--muted);font-size:17px}.privacy-note{flex:0 0 auto;display:flex;align-items:center;gap:13px;padding:15px 18px;background:rgba(255,255,255,.62);border:1px solid rgba(54,93,71,.14);border-radius:16px}.privacy-note>span{display:grid;width:34px;height:34px;place-items:center;color:#fff;background:var(--green);border-radius:50%}.privacy-note strong,.privacy-note small{display:block}.privacy-note strong{font-size:14px}.privacy-note small{color:var(--muted);font-size:12px}.notice{margin-top:22px;padding:13px 17px;color:#71581e;background:#fff7d9;border:1px solid #ecd893;border-radius:12px}
.workbench{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:24px;padding-top:30px;padding-bottom:70px;align-items:start}.panel{background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.settings-card{padding:24px}.workspace{display:grid;gap:24px;min-width:0}.preview-card,.editor{padding:26px}.section-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:24px}.section-heading h2{margin:0;font-size:21px;line-height:1.25}.section-heading p:not(.kicker){margin:5px 0 0;color:var(--muted);font-size:13px}.section-icon{flex:0 0 auto;display:grid;width:42px;height:42px;place-items:center;color:#fff;background:var(--green);border-radius:13px;font-weight:800}.section-icon.blue{color:#315b78;background:#dcecf7}.section-icon.green{color:var(--green);background:var(--green-soft)}
label{display:block;margin:15px 0;font-size:13px;font-weight:700}select,input[type=text],input:not([type]),textarea,#basename{width:100%;margin-top:7px;padding:11px 12px;background:#fff;border:1px solid #d5ded5;border-radius:10px;outline:none}select:focus,input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(110,168,216,.18)}.slider-grid label{position:relative;margin:16px 0}.slider-grid output{float:right;color:var(--green);font-size:12px}input[type=range]{width:100%;accent-color:var(--green)}.script-label{position:relative}.script-label span{float:right;color:var(--muted);font-size:12px;font-weight:500}#script{min-height:178px;resize:vertical}.actions{display:flex;flex-wrap:wrap;gap:9px}button{cursor:pointer;padding:10px 15px;background:#fff;border:1px solid #ccd6cd;border-radius:10px;font-weight:700;transition:transform .15s ease,background .15s ease,border-color .15s ease}button:hover:not(:disabled){transform:translateY(-1px);border-color:#9db4a4;background:#f8faf7}button:disabled{cursor:not-allowed;opacity:.5}button.primary{color:#fff;background:var(--green);border-color:var(--green)}button.primary:hover:not(:disabled){background:var(--green-dark);border-color:var(--green-dark)}.generation-actions button{flex:1}.status{min-height:21px;margin:10px 0 0;color:var(--muted);font-size:13px}.error{color:var(--danger)}
.preview-heading{align-items:center;margin-bottom:18px}.preview-heading>div{flex:1}.state-pill{margin-left:auto;padding:6px 11px;color:var(--green);background:var(--green-soft);border-radius:999px;font-size:12px;font-weight:700}.now-playing{padding:22px;background:linear-gradient(145deg,var(--blue-soft),#f7fbfd 62%,#f2f6ed);border:1px solid #d7e5ea;border-radius:18px}.track-meta{display:flex;align-items:center;gap:12px}.track-meta small,.track-meta strong{display:block}.track-meta small{color:var(--muted);font-size:11px}.track-meta strong{max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.audio-mark{display:flex;height:34px;align-items:center;gap:3px}.audio-mark i{display:block;width:4px;background:var(--blue);border-radius:4px}.audio-mark i:nth-child(1),.audio-mark i:nth-child(5){height:12px}.audio-mark i:nth-child(2),.audio-mark i:nth-child(4){height:23px}.audio-mark i:nth-child(3){height:32px}.subtitle-screen{min-height:150px;margin:20px 0;padding:26px 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(255,255,255,.78);border:1px solid rgba(110,168,216,.28);border-radius:14px}#current-subtitle{margin:0;font-size:clamp(20px,2.5vw,30px);font-weight:800;line-height:1.5}#next-subtitle{margin:12px 0 0;color:#8a958e;font-size:14px}.seek{display:block;margin:0}.time-row{display:flex;justify-content:space-between;margin-top:3px;color:#77847c;font-variant-numeric:tabular-nums;font-size:12px}.player-controls{display:flex;align-items:center;gap:10px;margin-top:15px}.play-button{min-width:92px}.volume-control{margin:0 0 0 auto;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.volume-control input{width:110px}
.compact-heading{margin-bottom:18px}.cue-list{max-height:280px;overflow:auto;background:#fafbf8;border:1px solid var(--line);border-radius:14px}.cue{display:grid;grid-template-columns:42px 140px 1fr;gap:11px;padding:12px 14px;border-bottom:1px solid #e8ece6;transition:background .15s ease,box-shadow .15s ease}.cue:last-child{border-bottom:0}.cue .number{color:#98a099}.cue .times{color:#6c7b72;font-size:12px;font-variant-numeric:tabular-nums}.cue .text{white-space:pre-wrap}.cue.active{background:#e8f2f8;box-shadow:inset 4px 0 var(--blue)}.srt-label{margin-top:18px}#srt-editor{min-height:220px;resize:vertical;font-family:Consolas,"Microsoft YaHei",monospace;line-height:1.65}
.versions{grid-column:1/-1;padding:28px}.versions-heading{margin-bottom:22px}.versions-layout{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(0,1.6fr);gap:18px;align-items:start}.version-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.version{padding:16px;background:#fbfcf9;border:1px solid var(--line);border-radius:14px}.version.current{border-color:var(--blue);background:var(--blue-soft);box-shadow:inset 4px 0 var(--blue)}.version h3{margin:0 0 4px;overflow-wrap:anywhere;font-size:15px}.version p{margin:0 0 11px;color:var(--muted);font-size:12px}.version .actions{gap:6px}.version button{padding:7px 9px;font-size:12px}.version button.danger{color:var(--danger)}.empty{margin:0;min-height:178px;padding:30px;display:grid;place-items:center;color:var(--muted);text-align:center;background:#fafbf8;border:1px dashed #cad5ca;border-radius:14px}.version-tools{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);gap:14px;align-items:start}.download-card,.compare-card{padding:18px;background:#f6f8f3;border:1px solid var(--line);border-radius:15px}.download-card h3,.compare-card h3{margin:0;font-size:15px}.download-card p,.compare-card p{margin:5px 0 14px;color:var(--muted);font-size:12px}.download-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.compare-card label{padding-top:12px;border-top:1px solid #dfe5dc}.compare-card strong{float:right;max-width:68%;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500}.compare-card audio{width:100%;height:38px;margin-top:8px}
@media(max-width:1180px){.versions-layout{grid-template-columns:1fr}.version-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.workbench{grid-template-columns:1fr}.versions{grid-column:auto}}@media(max-width:680px){.header-inner,.page-shell{width:min(100% - 28px,1380px)}.header-inner{min-height:60px}nav{gap:2px}nav a{padding:7px 8px;font-size:12px}.hero-inner{min-height:0;display:block;padding-top:28px;padding-bottom:28px}.privacy-note{margin-top:22px}.workbench{padding-top:18px;gap:16px}.settings-card,.preview-card,.editor,.versions{padding:19px;border-radius:17px}.preview-heading{flex-wrap:wrap}.state-pill{margin-left:55px}.now-playing{padding:15px}.subtitle-screen{min-height:130px;padding:20px 16px}.player-controls{flex-wrap:wrap}.volume-control{width:100%;margin:4px 0 0}.volume-control input{flex:1}.cue{grid-template-columns:30px 1fr}.cue .text{grid-column:2}.version-list,.version-tools{grid-template-columns:1fr}}
.toast{position:fixed;right:24px;bottom:24px;z-index:50;max-width:min(420px,calc(100% - 48px));padding:12px 16px;color:#fff;background:var(--green);border-radius:12px;box-shadow:0 12px 30px rgba(36,53,43,.2);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s ease}.toast.show{opacity:1;transform:none}.toast.error{background:var(--danger)}