:root{font-family:"Microsoft YaHei",system-ui,sans-serif;color:#173349;background:#f7f5ef;font-size:14px}*{box-sizing:border-box}body{margin:0}header{height:76px;border-bottom:1px solid #e3e4df;background:#fffdf9;display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;font-size:20px}.brand span{font-size:11px;background:#e4efea;color:#217d88;padding:5px 9px;border-radius:20px}main{max-width:1320px;margin:auto;padding:38px 32px}.hero{display:flex;align-items:center;justify-content:space-between;gap:24px}.eyebrow{color:#217d88;font-size:13px;letter-spacing:2px}h1{font-size:32px;line-height:1.5;margin:10px 0}p{line-height:1.8;color:#627782}.hero p{margin:0}.tag{border:1px solid #dfded4;border-radius:24px;padding:12px 18px;font-size:12px;white-space:nowrap}.steps{display:flex;gap:42px;padding:28px 0;color:#627782;font-size:13px}.steps span:first-child{color:#217d88}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px}article{background:#fffdf9;border:1px solid #e5e2d8;border-radius:18px;padding:25px;margin-bottom:20px}.sectionTitle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}h2{font-size:19px;margin:0}h3{font-size:14px;margin:22px 0 12px}.sectionTitle span{color:#82918f;font-size:11px}label{display:block;margin:13px 0 7px;font-size:13px}small{font-size:11px;color:#82918f}label small{display:block;margin:6px 0}input,select,textarea{width:100%;border:1px solid #dedfd5;background:#fff;border-radius:9px;color:#173349;padding:11px;font:inherit;margin-top:6px}textarea{resize:vertical;line-height:1.8}input:focus,select:focus,textarea:focus{outline:2px solid #8bc0ba;outline-offset:1px}button,.download{border:0;border-radius:9px;padding:12px 17px;background:#217d88;color:white;cursor:pointer;font:inherit;font-weight:600}button:disabled{background:#aabdb8;cursor:not-allowed}button.quiet{background:#edf2eb;color:#365b5e;padding:9px 13px;font-size:12px}.action{display:flex;align-items:center;gap:14px;margin:17px 0 10px}.action span{font-size:12px;color:#627782}.hint{font-size:12px;color:#82918f;line-height:1.8}.notice{background:#fff1d7;padding:12px;border-radius:8px;line-height:1.8;font-size:12px;color:#8a602f}.pageEdit{border:1px solid #e5e2d8;border-radius:12px;padding:17px;margin:16px 0;background:#f9faf5}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.cardEdit{border-top:1px dashed #dedfd5;margin-top:15px;padding-top:6px}.check{display:flex;align-items:flex-start;gap:10px;line-height:1.8;margin:20px 0}.check input{width:auto;margin:6px 0}progress{width:100%;height:7px;accent-color:#217d88;margin:18px 0}#status{line-height:1.8}#error,#configError{color:#a33d39;font-size:13px;line-height:1.8;white-space:pre-wrap}#error{background:#fff0ea;padding:14px;border-radius:9px;margin-top:12px}.history{display:grid;gap:8px}.history button{text-align:left;font-size:12px;font-weight:400;background:#f0f3ed;color:#456665}aside{position:sticky;top:24px;align-self:start}.previewTop{display:flex;justify-content:space-between;align-items:center;margin:8px 0 18px}.previewTop span{font-size:11px;color:#82918f}.phone{background:#173349;border-radius:27px;padding:9px;box-shadow:0 18px 36px #17334914;width:300px;margin:auto}.phone video,.phone img{display:block;width:100%;aspect-ratio:9/16;border-radius:19px;background:#fffaf2}.phone [hidden]{display:none}.previewNav{display:flex;justify-content:center;gap:6px;margin-top:14px}.previewNav button{padding:7px 12px;font-size:12px}#previewHint{font-size:12px;max-width:300px;margin:15px auto}.download{display:block;text-align:center;text-decoration:none;margin:16px auto;max-width:300px}.styleCard{background:#ecefe5;border-radius:13px;padding:18px;margin-top:22px}.styleCard p{font-size:12px;margin:6px 0}.styleCard b{font-size:13px}dialog{border:1px solid #d5dfd8;border-radius:18px;padding:26px;width:520px;max-width:95vw;max-height:90vh;color:#173349}dialog::backdrop{background:#17334966}[hidden]{display:none!important}@media(max-width:1000px){.hero{display:block}.tag{display:inline-block;margin-top:18px}.workspace{grid-template-columns:minmax(0,1fr) 320px}main{padding:28px 20px}}@media(max-width:760px){header{padding:0 16px}.brand{font-size:15px;gap:6px}h1{font-size:25px}.workspace{display:flex;flex-direction:column}.steps{gap:18px;font-size:11px}aside{position:static;order:-1}.phone{width:220px}.styleCard{display:none}.sectionTitle span{display:none}.grid{grid-template-columns:1fr}article{padding:19px}main{padding:24px 14px}.action{flex-wrap:wrap}}

.voiceFilters{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.voiceCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:420px;overflow:auto;padding:3px}.voiceCard{border:1px solid #dedfd5;border-radius:12px;padding:15px;background:white}.voiceCard.selected{border:2px solid #217d88;background:#edf5f0;padding:14px}.voiceCard b{font-size:14px;overflow-wrap:anywhere}.voiceCard p{margin:7px 0}.voiceActions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.selectedVoice{color:#217d88;font-weight:600}.voiceAdvanced{margin:18px 0}.voiceAdvanced summary{cursor:pointer;color:#365b5e}#voicePlayer{width:100%;margin-top:12px}@media(max-width:760px){.voiceCards{grid-template-columns:1fr}.voiceFilters{gap:8px}}