:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;color:#17181a;background:#f5f5f7;--blue:#1677ff;--muted:#7d8088;--line:rgba(0,0,0,.08);--glass:rgba(255,255,255,.72);--shadow:0 12px 35px rgba(26,28,32,.08)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 80% 0,#e6f0ff 0,transparent 28%),#f5f5f7;color:#17181a}button,input,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);background:rgba(248,248,250,.72);backdrop-filter:blur(20px);position:sticky;top:0;z-index:3}.brand{display:flex;align-items:center;gap:11px}.brand-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#17181a;color:#fff;font-weight:800}.brand b,.brand small{display:block}.brand b{font-size:16px}.brand small{font-size:11px;color:var(--muted);margin-top:2px}.status{color:#5f636b;font-size:12px;display:flex;align-items:center;gap:7px}.status i{width:8px;height:8px;border-radius:50%;background:#30bf75}.shell{display:flex;max-width:1440px;margin:auto;min-height:calc(100vh - 72px)}.sidebar{width:220px;padding:28px 16px;border-right:1px solid var(--line)}nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#686b72;text-align:left;padding:12px 14px;border-radius:13px;font-size:14px}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.82);color:#111;box-shadow:0 3px 12px rgba(0,0,0,.05)}.nav-item.active{font-weight:700}.side-note{margin:42px 8px 0;padding:14px;border-radius:15px;background:rgba(225,237,255,.7);color:#476485;font-size:11px;line-height:1.6}.side-note strong,.side-note span{display:block}.side-note span{margin-top:5px}.content{flex:1;padding:50px clamp(22px,5vw,72px) 80px;min-width:0}.view{max-width:1050px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.kicker{margin:0 0 10px;color:var(--blue);font-size:12px;font-weight:700}.page-head h1{font-size:clamp(30px,4vw,48px);line-height:1.1;margin:0;letter-spacing:-1px}.page-head p:not(.kicker){margin:12px 0 0;color:var(--muted);font-size:14px}.glass-badge{padding:8px 12px;border-radius:20px;background:rgba(255,255,255,.8);font-size:12px;color:var(--muted)}.glass-badge b{color:#111}.grid-two{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(350px,1.2fr);gap:18px}.glass-card{background:var(--glass);border:1px solid rgba(255,255,255,.8);border-radius:22px;box-shadow:var(--shadow);backdrop-filter:blur(22px)}.form-card,.preview-card,.extract-card,.result,.settings-form{padding:25px}.form-card label,.extract-card label,.settings-form label{display:block;margin:0 0 8px;font-size:12px;font-weight:700;color:#565a62}.form-card label:not(:first-child),.settings-form label:not(:first-child){margin-top:19px}.form-card em{font-style:normal;font-weight:400;color:#a0a3aa}.form-card textarea,.form-card input,.settings-form input,.settings-form textarea,.extract-card input{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.75);border-radius:13px;outline:none;padding:12px 13px;color:#18191b}.form-card textarea{height:128px;resize:vertical}.settings-form textarea{min-height:70px;resize:vertical}.form-card textarea:focus,.form-card input:focus,.settings-form input:focus,.settings-form textarea:focus,.extract-card input:focus{border-color:#8cbaff;box-shadow:0 0 0 3px rgba(22,119,255,.1)}.segmented{display:flex;gap:4px;padding:4px;border-radius:13px;background:rgba(0,0,0,.045);overflow:auto}.segmented button{white-space:nowrap;border:0;border-radius:10px;padding:8px 10px;background:transparent;color:#737780;font-size:12px}.segmented button.selected{background:#fff;color:#1b1c1e;box-shadow:0 2px 7px rgba(0,0,0,.08);font-weight:700}.primary{width:100%;border:0;border-radius:13px;background:#17181a;color:#fff;padding:13px 16px;font-weight:700;margin-top:22px}.primary:hover{background:#303238}.primary:disabled{opacity:.55}.card-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-title>span{font-size:13px;color:var(--muted);font-weight:700}.round{border:0;border-radius:20px;background:rgba(0,0,0,.06);padding:7px 12px;font-size:12px;color:#5f636b}.round:disabled{opacity:.4}.placeholder{min-height:370px;display:grid;place-content:center;text-align:center;color:var(--muted)}.placeholder span{font-size:38px;color:var(--blue)}.placeholder p{margin:12px 0 5px;color:#3f4248;font-weight:700}.placeholder small{font-size:12px}.preview-card h2{font-size:21px;margin:20px 0 15px}.preview-card article{white-space:pre-wrap;font-size:15px;line-height:1.9;color:#34363b}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.chips span,.tag{padding:5px 9px;border-radius:9px;background:#e7f0ff;color:#3571bf;font-size:11px}.input-row{display:flex;gap:8px}.input-row input{flex:1}.extract-card form>.primary{max-width:220px}.notice{margin-top:15px;padding:11px 13px;border-radius:12px;background:#fff7db;color:#886321;font-size:12px}.notice.error{background:#fff0f0;color:#b43b3b}.loading{text-align:center;padding:38px 0 15px}.progress{height:7px;background:#e7e8eb;border-radius:7px;overflow:hidden;margin-bottom:15px}.progress i{display:block;height:100%;width:2%;background:var(--blue);transition:width .3s}.loading b,.loading span,.loading small{display:block}.loading b{font-size:14px}.loading span,.loading small{font-size:12px;color:var(--muted);margin-top:5px}.result{margin-top:18px}.result h2{font-size:21px;margin:12px 0 5px}.result small{color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0}.metrics div{padding:12px 10px;border-radius:13px;background:rgba(255,255,255,.68)}.metrics b,.metrics span{display:block}.metrics b{font-size:16px}.metrics span{font-size:11px;color:var(--muted);margin-top:4px}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--line)}.tab{border:0;border-bottom:2px solid transparent;background:transparent;padding:11px 0;color:var(--muted);font-size:13px}.tab.active{color:#111;border-color:#111;font-weight:700}.transcript,.timeline{white-space:pre-wrap;padding:22px 3px;font-size:15px;line-height:2;color:#303238;min-height:250px}.learn-list{display:grid;gap:14px}.learn-item{padding:20px;display:flex;justify-content:space-between;gap:20px}.learn-item h2{font-size:17px;margin:0}.learn-item p{color:#63666d;font-size:13px;line-height:1.7;margin:9px 0}.learn-metrics{min-width:80px;display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:5px 9px;text-align:right}.learn-metrics b{font-size:14px}.learn-metrics span{font-size:10px;color:var(--muted)}.saved{color:#2ba86b;font-size:12px}.settings-form{max-width:700px}.settings-form .primary{max-width:220px}
.saved{margin-top:8px}.saved.error{color:#c43838}.settings-form select{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.75);border-radius:13px;outline:none;padding:12px 13px;color:#18191b;font:inherit}.settings-form select:focus{border-color:#8cbaff;box-shadow:0 0 0 3px rgba(22,119,255,.1)}.model-help{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:6px}
.goal-hint{margin:7px 2px 0;color:var(--muted);font-size:11px;line-height:1.55}.generation-progress{margin-top:12px;padding:13px;border:1px solid rgba(22,119,255,.14);border-radius:13px;background:rgba(235,243,255,.7)}.generation-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.generation-progress-head b{font-size:12px}.generation-progress-head span{color:var(--blue);font-size:11px;font-weight:700}.generation-progress-track{height:6px;margin-top:10px;border-radius:6px;background:rgba(22,119,255,.12);overflow:hidden}.generation-progress-track i{position:relative;display:block;height:100%;width:5%;border-radius:6px;background:var(--blue);transition:width .35s}.generation-progress-track i.waiting::after{content:"";position:absolute;inset:0;width:45%;background:rgba(255,255,255,.58);animation:progress-wait 1.4s linear infinite}.generation-progress p{margin:8px 0 0;color:#5f6876;font-size:11px;line-height:1.5}.generation-progress.error{border-color:rgba(196,56,56,.2);background:#fff1f1}.generation-progress.error .generation-progress-track i{background:#c43838}.generation-progress.error p,.generation-progress.error .generation-progress-head b{color:#a52f2f}@keyframes progress-wait{from{transform:translateX(-110%)}to{transform:translateX(260%)}}
@media(max-width:800px){.topbar{padding:0 18px}.shell{display:block}.sidebar{width:auto;padding:10px 14px;border-right:0;border-bottom:1px solid var(--line);overflow:auto}.sidebar nav{display:flex;gap:4px}.nav-item{white-space:nowrap;padding:9px 11px}.nav-item span{display:inline}.side-note{display:none}.content{padding:32px 16px 60px}.grid-two{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column;gap:15px}.page-head h1{font-size:34px}.input-row{flex-wrap:wrap}.input-row input{flex-basis:100%}.input-row .round{flex:1}.metrics{grid-template-columns:repeat(2,1fr)}.learn-item{display:block}.learn-metrics{margin-top:15px;text-align:left;display:flex;gap:10px;align-items:baseline}.learn-metrics span{margin-right:8px}}
.script-sections{margin-top:22px;border-top:1px solid var(--line)}.script-block{padding:18px 0;border-bottom:1px solid var(--line)}.script-block h3{margin:0 0 15px;font-size:16px}.script-block h4{margin:18px 0 9px;font-size:12px;color:var(--muted)}.script-block b{font-size:12px}.script-block p{white-space:pre-wrap;margin:7px 0 15px;font-size:13px;line-height:1.8;color:#55585f}.shot{display:grid;grid-template-columns:58px 1fr;gap:10px;padding:11px 0;border-top:1px solid rgba(0,0,0,.05)}.shot time{font-size:11px;color:var(--blue);font-weight:700}.shot b,.shot span{display:block}.shot b{font-size:12px}.shot span{margin-top:5px;color:var(--muted);font-size:12px}.script-block .spoken{font-size:14px;line-height:2}
.result-section-title{margin:24px 0 0;padding-bottom:10px;border-bottom:1px solid var(--line);font-size:14px}.comments-section{border-top:1px solid var(--line);padding-top:20px}.comments-section h3{font-size:14px;margin:0 0 8px}.top-comment{padding:12px 0;border-bottom:1px solid rgba(0,0,0,.05)}.top-comment p{margin:0;font-size:13px;line-height:1.65;color:#34363b}.top-comment span{display:block;margin-top:5px;color:var(--muted);font-size:11px}