:root{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#19354b;background:#f4f7fa;font-synthesis:none;--muted:#738493;--line:#dfe7ee;--blue:#155eef}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a,input,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #93b6ff;outline-offset:4px}button:disabled{opacity:.65;cursor:wait}button:active{transform:translateY(1px)}
.site-header{height:80px;max-width:1440px;padding:0 48px;margin:auto;display:flex;align-items:center;gap:54px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:23px;letter-spacing:-.6px;font-weight:550}.brand img{width:33px;height:33px}.brand b{font-weight:450;color:#67829a}.site-header nav{display:flex;gap:30px;font-size:13px;color:#5a7287}.site-header nav a:hover{color:var(--blue)}.header-caption{margin-left:auto;font-size:12px;color:#8497a5}
main{max-width:1440px;margin:auto;padding:0 48px}.intro{display:flex;justify-content:space-between;align-items:center;gap:26px;padding:38px 0 30px}.intro h1{font-size:39px;line-height:1.35;font-weight:620;letter-spacing:-1.5px;margin:0 0 12px}.intro p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}.intro-fact{border-left:2px solid #a9c2e8;padding:2px 0 2px 18px;display:grid;gap:7px;font-size:11px;color:var(--muted)}.intro-fact strong{font-weight:550;font-size:15px;color:#3d5d76}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:28px;align-items:start}.comparison{background:#fff;border:1px solid var(--line);border-radius:12px;padding:25px;min-width:0;scroll-margin-top:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.section-heading h2{font-size:19px;font-weight:580;margin:0 0 8px;letter-spacing:-.4px}.section-heading p{margin:0;font-size:12px;color:#8394a1}.case-tag{font-size:11px;color:#587f70;background:#eff6f1;border-radius:30px;padding:7px 11px;white-space:nowrap}
.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}figure{margin:0;min-width:0}.video-label{display:flex;justify-content:space-between;gap:10px;margin-bottom:11px;font-size:10px;color:#90a1ae}.video-label strong{font-size:12px;font-weight:550;color:#54738a}video{display:block;width:100%;aspect-ratio:16/9;background:#061725;object-fit:contain;border-radius:6px}.comparison-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:20px;border-top:1px solid #e8eef3}.comparison-facts strong{font-size:12px;font-weight:550;color:#54738a}.comparison-facts p{font-size:11px;line-height:1.8;color:#8b9ba8;margin:8px 0 0}
.playback-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:20px}.button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;border:1px solid transparent;border-radius:6px;font-size:12px;line-height:1.3;font-weight:500}.button-primary{background:#155eef;color:#fff}.button-primary:hover{background:#114fc9}.button-quiet{background:transparent;color:#6a8195;padding-inline:10px}.button-quiet:hover{background:#f0f4f8}.audio-choice{display:flex;gap:3px;padding:3px;background:#f0f4f8;border-radius:6px;margin-left:auto}.audio-choice button{background:transparent;border:0;color:#8294a3;font-size:11px;min-height:36px;padding:7px 12px;border-radius:4px}.audio-choice button[aria-pressed=true]{background:#fff;color:#254c6a;box-shadow:0 1px 3px #27466612}.playback-status{font-size:11px;line-height:1.8;min-height:20px;margin:12px 0 20px;color:#8293a1}.transcript{border-top:1px solid #e8eef3;padding-top:17px}.transcript-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.transcript-heading h3{font-size:12px;font-weight:550;margin:0;color:#54738a}.transcript-heading span{font-size:10px;color:#90a1ae}.script-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:10px;border-radius:6px}.script-row p{margin:0;font-size:12px;line-height:1.8;color:#6b8191}.script-row p[lang=en]{color:#8899a6}.script-row.active{background:#f2f7fd}.script-row.active p{color:#315f91}.reference-note{border-top:1px solid #e8eef3;padding-top:16px;margin:14px 0 0;font-size:10px;line-height:1.9;color:#8b9ba8}
.plan{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;scroll-margin-top:20px}.plan-header{padding:24px 24px 19px;border-bottom:1px solid #edf1f5}.plan-header h2{font-size:18px;letter-spacing:-.5px;font-weight:580;margin:0 0 8px}.plan-header p{font-size:11px;color:#8597a4;margin:0}form{padding:21px 24px 0}.field-label{display:block;font-size:11px;color:#697f90;margin-bottom:8px}.language-route{display:flex;align-items:center;justify-content:space-between;background:#f6f8fa;border-radius:5px;margin:0 0 22px;padding:12px;font-size:12px;color:#668097}.language-route strong{color:#315773;font-weight:550}.mode-options{margin:0;padding:0;border:0}.mode-options legend{font-size:11px;color:#697f90;margin-bottom:11px;padding:0}.mode-options label{display:flex;align-items:center;gap:10px;margin-bottom:9px;border:1px solid #e4ebf1;border-radius:6px;padding:11px 10px;cursor:pointer;min-height:62px}.mode-options label:has(input:checked){border-color:#8cafec;background:#f7faff}.mode-options input{width:15px;height:15px;margin:0;accent-color:#155eef;flex:none}.mode-options span{display:grid;gap:6px}.mode-options strong{font-size:12px;font-weight:550;color:#456581}.mode-options small{font-size:10px;color:#8a9dab}.mode-note{color:#7c8f9f;font-size:11px;line-height:1.8;min-height:36px;margin:11px 0 20px}.hours-field>div{display:flex;align-items:center;gap:10px}.hours-field input{width:100%;min-width:0;height:40px;border:1px solid #d8e3ec;border-radius:6px;padding:8px 11px;color:#375975;font-size:13px}.hours-field span{font-size:11px;color:#8397a7;white-space:nowrap}.plan-summary{border-top:1px solid var(--line);margin:22px 0;padding-top:20px;display:grid;gap:9px}.plan-summary>span{font-size:10px;color:#8397a7}.plan-summary>strong{font-size:13px;font-weight:550;color:#456581}.plan-summary p{margin:0;font-size:10px;color:#8a9dab}.button-outline{width:100%;background:#fff;color:#365e83;border-color:#b8cce0;min-height:42px}.button-outline:hover{background:#f6f9fc;border-color:#799fc6}.export-status{font-size:10px;line-height:1.8;color:#91a0ab;min-height:36px;margin:12px 0 20px}.setup-details{margin:0 24px 24px;border-top:1px solid #e4ebf1;padding-top:18px}.setup-details summary{font-size:11px;color:#617e96;cursor:pointer;line-height:1.8}.setup-details ol{padding-left:19px;line-height:2;font-size:11px;color:#6d879d;margin:13px 0}
.planning-notes{display:grid;grid-template-columns:1fr 1fr;gap:42px;margin:32px 0 36px;padding-right:334px}.planning-notes h3{font-size:12px;font-weight:550;color:#5e7b93;margin:0 0 9px}.planning-notes p{font-size:11px;line-height:1.9;color:#8b9ba8;margin:0}footer{max-width:1440px;margin:auto;display:flex;align-items:center;gap:25px;padding:23px 48px;border-top:1px solid var(--line);font-size:10px;color:#9aa8b3}footer>span{color:#688399;font-weight:500}footer p{margin:0}
@media(max-width:1100px){.site-header{padding-inline:28px;gap:36px}main{padding-inline:28px}.workspace{grid-template-columns:minmax(0,1fr) 286px;gap:18px}.comparison{padding:20px}.video-grid{grid-template-columns:1fr}.planning-notes{padding-right:304px;gap:24px}footer{padding-inline:28px}.intro h1{font-size:34px}}
@media(max-width:760px){.site-header{height:68px;padding:0 20px;gap:20px}.brand{font-size:21px}.brand img{width:30px;height:30px}.header-caption{display:none}.site-header nav{margin-left:auto;gap:19px;font-size:11px}main{padding:0 20px}.intro{padding:30px 0 26px;align-items:flex-start;gap:16px}.intro h1{font-size:29px;letter-spacing:-1px;line-height:1.4;margin-bottom:11px}.intro p{font-size:12px;line-height:1.9}.intro-fact{display:none}.workspace{grid-template-columns:1fr;gap:24px}.comparison{padding:20px 16px;border-radius:9px}.section-heading{gap:10px;margin-bottom:20px}.section-heading h2{font-size:17px}.section-heading p{font-size:10px}.case-tag{font-size:9px;padding:6px 9px}.video-grid{grid-template-columns:1fr;gap:22px}.comparison-facts{grid-template-columns:1fr;gap:12px}.comparison-facts p{margin-top:4px}.playback-toolbar{gap:4px}.button{font-size:11px;min-height:44px;padding-inline:12px}.button-quiet{padding-inline:9px}.audio-choice{margin-left:auto}.audio-choice button{font-size:10px;padding-inline:10px;min-height:38px}.playback-status{font-size:10px}.script-row{grid-template-columns:1fr;gap:5px;padding:10px 0}.script-row p{font-size:11px}.script-row.active{padding-inline:9px}.plan{border-radius:9px}.plan-header{padding:22px 22px 18px}form{padding:20px 22px 0}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-options legend{grid-column:1/-1;margin-bottom:10px}.mode-options label{min-height:66px}.mode-note{min-height:18px}.export-status{font-size:11px;min-height:20px}.setup-details{margin-inline:22px}.planning-notes{padding-right:0;grid-template-columns:1fr;gap:23px;margin:30px 0}footer{padding:23px 20px;gap:20px}}
@media(max-width:380px){main{padding-inline:14px}.site-header{padding-inline:14px}.audio-choice{margin-left:0}.mode-options{grid-template-columns:1fr}.playback-toolbar{row-gap:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.speaking .voice-bars i{animation:none;height:10px}}
[hidden]{display:none!important}.site-header .button{margin-left:10px}.login-panel{max-width:560px;margin:12px 0 60px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px}.login-panel h2{font-size:20px;margin:0 0 12px}.login-panel>p{color:var(--muted);font-size:13px;line-height:1.8}.login-panel form{padding:0;display:grid;gap:12px}.login-panel label{font-size:12px;color:#697f90}.login-panel input,.plan input[type=url],.plan input[type=password],.plan select{width:100%;height:42px;min-width:0;border:1px solid #d8e3ec;border-radius:6px;padding:9px 11px;font-size:12px;color:#375975;background:#fff}.plan input[type=url]{font-size:11px}.plan input::placeholder{color:#9aa8b3}.field-hint{font-size:10px;color:#8a9dab;line-height:1.8;margin:7px 0 17px}.plan form .button{width:100%;margin-top:13px}.plan .mode-options{margin-top:20px;margin-bottom:20px}.status{color:#7c8f9f;font-size:11px;line-height:1.8;min-height:20px;margin:12px 0}.consent{display:flex;gap:9px;align-items:flex-start;margin:18px 0 0;line-height:1.8;font-size:11px;color:#697f90}.consent input{margin:3px 0 0;accent-color:#155eef;flex:none;width:15px;height:15px}.button-danger{background:#fff;border-color:#ead8d5;color:#ac5548}.button-danger:hover{background:#fff8f6}.button:disabled{opacity:.45;cursor:not-allowed}.video-shell{position:relative;aspect-ratio:16/9;background:#0d2232;border-radius:7px;overflow:hidden}.video-shell video{height:100%;object-fit:contain}.video-shell>p{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;text-align:center;padding:20px;color:#8ba0af;font-size:12px;line-height:1.8;pointer-events:none}.run-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.run-summary>div{display:grid;gap:10px}.run-summary span{font-size:10px;color:#8a9dab}.run-summary strong{font-size:14px;font-weight:550;color:#456581;font-variant-numeric:tabular-nums}.setup-details p{font-size:10px;line-height:1.8;color:#8a9dab}.comparison .button-outline{width:auto}.comparison .playback-toolbar{gap:9px}.workspace{margin-bottom:40px}.plan .setup-details{margin-top:25px}.comparison .section-heading p{line-height:1.8;max-width:550px}.plan form .field-label:not(:first-child){margin-top:18px}
@media(max-width:760px){.login-panel{margin:8px 0 35px;padding:22px}.header-caption{display:none}.site-header .button{margin-left:auto}.intro h1{font-size:27px}.run-summary{gap:10px}.run-summary strong{font-size:12px}.video-shell>p{font-size:11px}.plan .mode-options{margin-top:18px}.plan input[type=url]{font-size:12px}}

.obs-settings{background:#f6f9fd;border:1px solid #dfe7ee;border-radius:8px;padding:18px;margin-bottom:24px}.obs-settings h3{font-size:14px;margin:0 0 9px;font-weight:550}.obs-settings p,.obs-settings summary{font-size:11px;line-height:1.9;color:#697f90;margin:8px 0}.obs-settings label{display:block;font-size:11px;color:#697f90;margin-top:12px;margin-bottom:5px}.copy-field{display:flex;gap:8px}.copy-field input{flex:1;min-width:0;width:100%;font:inherit;font-size:12px;color:#375975;border:1px solid #d8e3ec;background:#fff;border-radius:5px;padding:9px}.copy-field .button{flex:none}.obs-settings details{border-top:1px solid #dfe7ee;margin-top:12px;padding-top:8px}.obs-settings summary{cursor:pointer}