:root{color-scheme:light;--paper:#f5f4ef;--card:#fffefa;--ink:#283c32;--muted:#7d847b;--line:#e4e6dd;--green:#355a47;--pale:#edf1e7;--orange:#bc6c47;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-size:14px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9eae90;outline-offset:4px}[hidden]{display:none!important}.shell{max-width:1240px;margin:auto;padding:0 40px}.masthead{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700;letter-spacing:2px}.brand>span:last-child{display:flex;align-items:baseline;gap:17px}.brand small{font-size:12px;font-weight:400;letter-spacing:1px;color:var(--muted)}.brand-mark{width:38px;height:38px;display:flex;align-items:center;justify-content:center;gap:2px;border:1.7px solid var(--green);border-radius:50%;font-size:21px;letter-spacing:0}.brand-mark i{width:3px;height:16px;background:var(--green);border-radius:2px}.connection{display:flex;align-items:center;gap:8px;color:#76856c;font-size:12px}.connection i{width:6px;height:6px;background:#7e9565;border-radius:50%;box-shadow:0 0 0 4px #e9eddf}.connection.offline{color:#9b624c}.connection.offline i{background:#b57b65}.intro{display:flex;justify-content:space-between;align-items:center;padding:36px 0 30px}.eyebrow{font-size:11px;color:#788071;letter-spacing:3px}.intro h1{font-family:"Songti SC","SimSun",serif;font-size:38px;letter-spacing:2px;font-weight:500;margin:13px 0 13px;line-height:1.4}.intro h1 span{color:#6e8266}.intro p{color:#85887e;font-size:13px;letter-spacing:.5px;margin:0}.intro-note{border-left:1px solid #d9ddd0;padding-left:20px;line-height:2.2;font-size:11px;color:#858d7d;letter-spacing:1px}.intro-note strong{font-weight:400;color:#596653}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 332px;gap:22px;align-items:stretch}.panel{background:var(--card);border:1px solid var(--line);border-radius:14px}.editor{position:relative;padding:25px 28px 18px;display:flex;flex-direction:column;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px}h2{font-weight:600;font-size:14px;margin:0;letter-spacing:.5px;display:flex;align-items:center;gap:10px}.step{font-family:Georgia,serif;color:#939b89;font-weight:400;font-size:12px}.editor-actions{display:flex;gap:14px;align-items:center}.text-button{border:0;background:none;padding:3px 0;color:#7b8573;font-size:12px}.text-button:hover{color:var(--green)}.divider{height:12px;width:1px;background:var(--line)}.title-label{font-size:11px;color:#76826f;display:flex;gap:12px;align-items:center}.title-label span{font-size:10px;color:#9b9f95}.title-input{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;color:var(--ink);font-size:16px;padding:14px 0 17px;margin-bottom:15px;width:100%;outline-offset:1px!important}.title-input::placeholder{color:#a6aca0;font-size:14px}textarea{display:block;flex:1;min-height:358px;resize:vertical;border:0;background:transparent;color:#434e43;font-size:15px;line-height:2.1;letter-spacing:.3px;padding:4px 0 10px;width:100%}textarea::placeholder{font-size:14px;color:#a5aa9f;line-height:2.15}textarea:focus{outline:none}.editor:focus-within{border-color:#b8c4ae}.editor-bottom{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:14px;color:#9a9f93;font-size:10px}.drop-overlay{position:absolute;inset:8px;border:2px dashed #77946d;border-radius:12px;background:#edf2eaf5;display:grid;place-items:center;font-size:20px;color:var(--green);pointer-events:none}.side{display:grid;gap:16px;grid-template-rows:auto 1fr}.settings{padding:23px}.voice{display:flex;align-items:center;gap:12px;margin:22px 0}.voice-icon{height:39px;width:39px;display:flex;align-items:center;justify-content:center;gap:3px;background:#eff1e7;border-radius:50%}.voice-icon span{width:2px;height:11px;background:#889b79;border-radius:2px}.voice-icon span:nth-child(2),.voice-icon span:nth-child(4){height:19px}.voice-icon span:nth-child(3){height:26px}.voice strong{display:block;font-size:12px;font-weight:500;letter-spacing:.3px}.voice>div>span{display:block;font-size:10px;color:#9a9f93;margin-top:6px}.speed-label{display:flex;justify-content:space-between;font-size:11px;margin-bottom:9px;color:#67745f}.speed-label span{font-size:10px;color:#9aa190}select{width:100%;height:39px;border:1px solid var(--line);background:#fcfcf7;color:#4f6249;border-radius:7px;padding:0 10px;font-size:12px}.primary{margin-top:17px;width:100%;height:47px;border:0;border-radius:8px;color:#fff;background:var(--green);display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:13px;letter-spacing:2px;transition:background .15s,transform .15s}.primary:hover:not(:disabled){background:#254733;transform:translateY(-1px)}.primary:disabled{background:#9da996}.primary span:first-child{font-size:10px}.primary span:last-child{color:#c5d2bb;font-size:18px}.cost-note{text-align:center;font-size:10px;color:#9ca494;margin:11px 0 0;letter-spacing:.5px}.job-status{margin-top:17px;padding-top:12px;border-top:1px solid var(--line);font-size:11px;color:#627b55}.job-status>div{display:flex;justify-content:space-between;gap:8px}progress{width:100%;height:5px;border:0;display:block;margin-top:10px;border-radius:5px;overflow:hidden;background:#edf0e7}progress::-webkit-progress-bar{background:#edf0e7}progress::-webkit-progress-value{background:#81976c;transition:width .3s}.error{font-size:11px;line-height:1.8;background:#fbefe8;color:#9b6146;padding:10px;border-radius:6px;margin-bottom:0;overflow-wrap:anywhere}.player{padding:20px 23px;display:flex;flex-direction:column;justify-content:center}.player-top{display:flex;align-items:center;justify-content:space-between}.player-top h2{font-size:12px}.pill{font-size:9px;padding:4px 7px;border-radius:4px;background:#f0f1e9;color:#8a9380}.wave{height:48px;display:flex;gap:4px;align-items:center;justify-content:center;margin:18px 0 10px;opacity:.6}.wave i{background:#bec9ae;border-radius:2px;width:3px;height:var(--h,14px)}.wave.playing i{animation:wave 1s ease-in-out infinite alternate;animation-delay:var(--delay,0s);background:#789568}.track-title{font-size:12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 7px}.track-hint{font-size:10px;text-align:center;color:#979e90;margin:0 0 13px;line-height:1.5}.timeline input{width:100%;height:4px;accent-color:var(--green);display:block;margin:3px 0 8px;cursor:pointer}.timeline>div{display:flex;justify-content:space-between;font-size:9px;color:#9aa28f;font-variant-numeric:tabular-nums}.play-controls{display:flex;align-items:center;justify-content:center;gap:25px;margin:8px 0 12px}.play-button{border:0;border-radius:50%;height:43px;width:43px;background:var(--green);color:white;font-size:13px;display:grid;place-items:center}.play-button:disabled{background:#e8eddf;color:#a6b19a}.skip{position:relative;background:none;border:0;color:#718168;font-size:26px;line-height:1;padding:3px;width:32px;height:34px}.skip small{position:absolute;font-size:8px;left:12px;top:15px}.skip:disabled{color:#c2c8b9}.download{display:flex;justify-content:center;gap:12px;font-size:10px;color:#697f5b;cursor:pointer}.download[aria-disabled=true]{color:#b0b6a8;pointer-events:none}.recent{margin:30px 0 0}.recent-heading{display:flex;align-items:center;gap:18px;margin-bottom:14px}.recent-heading h2{font-size:12px}.recent-heading>span{font-size:10px;color:#979f8e}.history{border-top:1px solid var(--line)}.empty-history{padding:23px 0;color:#a0a796;font-size:11px}.history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 2px;border-bottom:1px solid var(--line)}.history-main{min-width:0;display:flex;align-items:center;gap:14px}.history-mark{font-size:12px;color:#96a088;background:#ecefe3;width:30px;height:30px;display:grid;place-items:center;border-radius:7px;flex-shrink:0}.history-title{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 5px}.history-meta{font-size:10px;color:#929b87}.history-details{min-width:0}.history-action{border:1px solid #dce2d1;background:transparent;color:#70845c;font-size:11px;padding:7px 12px;border-radius:5px;white-space:nowrap}.history-action:disabled{color:#9ba98e;border-color:#e1e5d9}footer{padding:25px 0 28px;margin-top:15px;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#a0a695;font-size:10px;line-height:1.8}.privacy{margin-left:12px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes wave{from{transform:scaleY(.45)}to{transform:scaleY(1.1)}}@media(min-width:1400px){.intro{padding:44px 0 34px}.intro h1{font-size:42px}textarea{min-height:400px}}@media(max-width:880px){.shell{padding:0 24px}.workspace{grid-template-columns:minmax(0,1fr) 300px;gap:15px}.editor{padding:22px 20px}.editor-actions{gap:9px}.panel-heading{flex-wrap:wrap;gap:15px}.intro h1{font-size:34px}.intro-note{display:none}.privacy{display:block;margin:0}.settings,.player{padding:20px}}@media(max-width:650px){.shell{padding:0 18px}.masthead{height:78px}.brand{font-size:19px}.brand small{display:none}.intro{padding:28px 0 24px}.intro h1{font-size:32px;margin-top:10px}.workspace{grid-template-columns:1fr}.editor{padding:20px}.panel-heading{margin-bottom:23px}textarea{min-height:240px}.side{grid-template-columns:1fr}.recent-heading{gap:12px}footer{align-items:flex-start}.connection{font-size:10px}.editor-bottom{font-size:9px}.history-meta{font-size:9px}.intro p{font-size:12px}.settings{padding:23px}.player{padding:23px}.wave{margin-top:23px}.privacy{max-width:235px}footer>button{white-space:nowrap}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
:root{scroll-behavior:smooth}
@media(min-width:651px) and (max-height:850px){.masthead{height:65px}.intro{padding:18px 0}.intro h1{font-size:31px;margin:7px 0}.intro p{font-size:12px}.workspace{gap:18px}.editor{padding:20px 24px 15px}.panel-heading{margin-bottom:18px}textarea{min-height:240px}.side{gap:12px}.settings{padding:17px 20px}.voice{margin:12px 0}.voice-icon{height:34px;width:34px}.speed-label{margin-bottom:7px}select{height:34px}.primary{height:40px;margin-top:12px}.cost-note{margin-top:8px;font-size:9px}.job-status{margin-top:10px;padding-top:8px}.player{padding:15px 20px}.wave{height:25px;margin:8px 0 5px}.wave i{max-height:25px}.track-title{margin-bottom:4px}.track-hint{margin-bottom:9px;font-size:9px}.play-controls{margin:5px 0 8px}.play-button{width:37px;height:37px}.recent{margin-top:23px}.recent-heading{margin-bottom:10px}}
.primary{background:#3d714d;box-shadow:0 3px 9px #36593b12}.primary:hover:not(:disabled){background:#2e603e}.primary:disabled{background:#91a18b;box-shadow:none;letter-spacing:.5px}
.launch-guide{margin:18px 0;padding:14px 18px;background:#f7edda;border:1px solid #e6d3a8;border-radius:9px;color:#7c602c;font-size:13px;line-height:1.8}.launch-guide a{font-weight:600;text-decoration:underline}.pause-label{margin-top:15px}
.issue-feedback-slot{min-height:48px;font-size:12px;color:#315e40;line-height:1.8}.issue-feedback-slot small{display:block;font-size:11px;color:#66715f}.issue-failure{color:#994c30}.sync-sentence.issue-location{outline:2px solid #b97e34;outline-offset:3px}.issues-panel{margin-top:24px;padding:20px 24px}.issues-heading,.issues-tools,.issue-pagination{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.issues-heading h2{flex:1}.issues-heading>span,.issue-document,.issue-storage-status{font-size:11px;color:#73806c}.issue-document{margin:10px 0}.issues-tools{font-size:11px;color:#73806c}.issues-tools select{width:100px;height:32px}.issue-list-frame{height:320px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;margin:14px 0;position:relative}.issue-list-frame>p{font-size:12px;color:#818a78}#issue-list{list-style:none;margin:0;padding:0}.issue-row{padding:12px 8px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.issue-meta{font-size:11px;color:#64745b}.issue-summary{font-size:13px;line-height:1.8;margin:7px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.issue-warning{display:block;color:#96612b;font-size:11px;margin:4px 0}.issue-actions{display:flex;gap:18px;flex-wrap:wrap}.issue-actions button:disabled{opacity:.45;cursor:default}.issue-pagination{justify-content:flex-end;font-size:11px}.issue-storage-status{margin-bottom:0;line-height:1.8}@media(max-width:650px){.issues-panel{padding:18px}.issues-tools>span{flex-basis:100%}.issue-feedback-slot{min-height:65px}.issue-actions{gap:14px}}
.sync-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 6px}.sync-toolbar>div{display:flex;gap:16px}.sync-toolbar [aria-pressed=true]{color:#315e40;text-decoration:underline;text-underline-offset:5px}.sync-toolbar button:disabled{opacity:.5;cursor:default}.sync-status{font-size:11px;color:#647167;margin:8px 0;min-height:18px;line-height:1.5}.reading-view{height:300px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;white-space:pre-wrap;overflow-wrap:anywhere;line-height:2;font-size:15px;padding:12px 8px;color:#343d35;border-radius:6px;position:relative}.sync-sentence{border-radius:3px}.sync-sentence.current-sentence{background:#dcebd5;color:#183923;box-shadow:0 0 0 2px #dcebd5}.reading-view:focus-visible{outline:2px solid #76986e;outline-offset:2px}#text[hidden],#reading-view[hidden],#resume-follow[hidden]{display:none}@media(min-width:651px) and (max-height:850px){.reading-view{height:240px}}@media(max-width:650px){.reading-view{height:280px}.sync-toolbar{gap:6px}}
:root .preview-panel { border:1px solid #cbd8cf; background:#f1f6f1; border-radius:12px; padding:14px; margin:12px 0; }
.preview-heading { display:flex; flex-wrap:wrap; gap:8px 16px; align-items:center; }
.preview-heading span { font-size:12px; color:#53655a; }
.preview-target { font-size:13px; color:#53655a; max-height:3.2em; overflow:auto; margin:8px 0; }
.preview-actions { display:flex; flex-wrap:wrap; gap:8px 14px; align-items:center; }
.preview-primary { background:#2e5647; color:white; border:0; border-radius:8px; padding:9px 12px; cursor:pointer; }
.preview-primary:disabled { opacity:.55; cursor:default; }
#preview-status { font-size:13px; min-height:1.5em; margin:10px 0 6px; }
#preview-status[data-state=failed], #preview-status[data-state=stale] { color:#973e26; }
.preview-panel details { font-size:12px; }
.preview-panel summary { cursor:pointer; color:#53655a; }
.preview-texts { display:grid; grid-template-columns:1fr 1fr; gap:14px; padding-top:12px; }
.preview-texts p { white-space:pre-wrap; overflow-wrap:anywhere; font-size:13px; line-height:1.8; margin:6px 0; }
@media(max-width:700px) { .preview-texts { grid-template-columns:1fr; } }
.preview-measure { position:fixed; left:-200000px; top:0; visibility:hidden; white-space:pre-wrap; overflow-wrap:break-word; box-sizing:border-box; }
.manuscript { position:relative; height:320px; margin:8px 0; }
.manuscript #text,.manuscript .reading-view { width:100%; height:100%; min-height:0; margin:0; border:0; padding:12px 8px; font:15px/2 "Microsoft YaHei","PingFang SC",system-ui,sans-serif; letter-spacing:normal; white-space:pre-wrap; overflow-wrap:break-word; word-break:normal; tab-size:8; border-radius:6px; overflow-y:scroll; scrollbar-gutter:stable; }
.manuscript #text { position:relative; z-index:1; display:block; resize:none; background:transparent; color:#343d35; caret-color:#183923; }
.manuscript .reading-view { position:absolute; inset:0; pointer-events:none; color:transparent; }
.manuscript .sync-sentence.current-sentence { color:transparent; }
.manuscript .reading-view::-webkit-scrollbar { visibility:hidden; }
.voice-demo-actions { display:flex; gap:20px; margin:10px 0 0; }
.sync-toolbar { flex-wrap:wrap; }
.sync-toolbar>span { font-size:12px; color:#53655a; }
@media(max-width:650px) { .manuscript { height:320px; } }

/* 站点导航：听稿 / 专业笔记。masthead 原本是两栏 space-between，
   加导航后让它在品牌右侧自动外推，账号区仍靠右。 */
.masthead>.site-nav{margin-right:auto;margin-left:34px}
.site-nav{display:flex;align-items:center;gap:26px;font-size:13px}
.site-nav a{color:#7b8573;padding:4px 0;border-bottom:2px solid transparent;transition:color .15s}
.site-nav a:hover{color:var(--green)}
.site-nav a.active{color:var(--green);font-weight:600;border-bottom-color:#9dba8c}
@media(max-width:880px){.masthead>.site-nav{margin-left:20px;gap:16px;font-size:12px}}

/* 选区试听：选中正文里的一段，就地念出来。
   刻意和"整章试听"在视觉上分开（浅绿底 + 独立播放器）——
   它是个旁路操作，不该让人以为整章音频被替换了。 */
.segment-bar {
  margin: 10px 0 4px;
  padding: 12px 14px;
  border: 1px solid #cbd8cf;
  border-radius: 10px;
  background: #f1f6f1;
}
.segment-head {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.segment-head strong {
  font-size: 13px;
  color: #2e5647;
  letter-spacing: .5px;
}
.segment-status {
  flex: 1;
  min-width: 0;
  font-size: 12px;
  line-height: 1.7;
  color: #53655a;
}
.segment-status[data-state="working"] { color: #7c602c; }
.segment-status[data-state="ready"] { color: #315e40; }
.segment-status[data-state="failed"] { color: #994c30; }
.segment-bar audio {
  display: block;
  width: 100%;
  margin-top: 10px;
}
@media(max-width:650px) {
  .sync-toolbar > div { width: 100%; flex-wrap: wrap; gap: 12px; }
}
/* 备案号：悬挂 ICP 备案号是法规要求（并需链接到工信部），别删。 */
.beian{display:inline-block;margin-left:14px;font-size:11px;color:#98a189}
.beian a{color:#98a189;text-decoration:none;border-bottom:1px solid #d9ddd0}
.beian a:hover{color:#6e8266}