@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#080f10;--surface:#111b1c;--surface2:#172224;--line:#283536;--text:#edf3ef;--muted:#a0b2ac;--lime:#baff80;--mint:#66dfbe;--violet:#b7a6ed;--amber:#f0cc92;--radius:22px;font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:#040809;color:var(--text);line-height:1.65}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button{touch-action:manipulation}button,input,select{min-height:44px}svg{display:block;max-width:100%;overflow:visible}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.9rem,7.4vw,2.4rem);line-height:1.27;font-weight:500;letter-spacing:-.035em}h2{font-size:1.36rem;line-height:1.45;font-weight:500}h3{font-size:1rem;font-weight:500}p{color:var(--muted)}small{font-size:.75rem}strong{font-weight:600}.phone-shell{max-width:480px;min-height:100dvh;margin:auto;background:var(--bg);border-inline:1px solid #192324;position:relative;overflow-x:clip}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:12px}.brand{font-family:'Space Grotesk',sans-serif;letter-spacing:.08em;display:flex;align-items:center;gap:8px;font-size:.85rem;white-space:nowrap}.brand b{font-weight:500;color:var(--lime);font-size:1.1rem}.brand-symbol{font-size:2.2rem;color:var(--lime);line-height:1}.edition{font-size:.75rem;color:var(--muted);text-align:right}.beta{font-family:'Space Grotesk',sans-serif;display:block;letter-spacing:.16em;font-size:.625rem;color:var(--lime)}main{padding:0 24px 28px;min-height:65vh}.footer{border-top:1px solid var(--line);margin:0 24px;padding:24px 0 32px;font-family:'Space Grotesk',sans-serif;font-size:.7rem;color:var(--muted);display:flex;justify-content:space-between;gap:16px;letter-spacing:.06em}.footer span{letter-spacing:0;font-family:inherit}.eyebrow{font-family:'Space Grotesk',sans-serif;font-size:.75rem;letter-spacing:.15em;color:var(--mint);text-transform:uppercase;display:flex;align-items:center;gap:8px;margin-bottom:12px}.eyebrow:before{content:'';height:1px;width:22px;background:currentColor}.intro{padding-top:18px;margin-bottom:26px}.intro p{margin-top:14px;font-size:.94rem}.accent{color:var(--lime)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-block:16px}.panel.flat{background:transparent}.notice{border:1px solid #395146;background:#14211c;border-radius:12px;padding:12px 14px;color:#c0d8c7;font-size:.8125rem;line-height:1.7;margin:16px 0}.notice.amber{background:#241f16;border-color:#514431;color:#ead5b5}.notice strong{display:block;color:inherit;margin-bottom:2px}.small{font-size:.8125rem;line-height:1.65}.muted{color:var(--muted)}.mono,.number{font-family:'Space Grotesk',sans-serif;font-variant-numeric:tabular-nums}.number{font-size:2.7rem;line-height:1.15;letter-spacing:-.045em}.number small{font-size:.875rem;letter-spacing:0;margin-left:6px;color:var(--muted)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.section-title{display:flex;justify-content:space-between;align-items:baseline;margin:28px 0 14px;gap:10px}.section-title span{font-family:'Space Grotesk';color:var(--muted);font-size:.75rem;letter-spacing:.08em}.btn{border:1px solid var(--line);background:var(--surface2);border-radius:14px;padding:12px 18px;text-align:center;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;font-size:.94rem}.btn.primary{background:var(--lime);color:#102016;border-color:transparent}.btn.ghost{background:transparent;color:var(--muted);border-color:transparent}.btn.wide{width:100%;margin-top:12px}.btn.small-btn{font-size:.8125rem;min-height:44px;padding:8px 12px}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--mint);background:none;border:0;padding:8px 0;font-size:.875rem}.segmented{display:flex;gap:4px;background:#050c0d;padding:5px;border-radius:14px;margin:20px 0}.segmented button{flex:1;border:0;border-radius:10px;background:transparent;color:var(--muted);padding:10px 6px;font-size:.875rem}.segmented button[aria-pressed=true]{background:#233230;color:var(--lime);box-shadow:0 1px 4px #0004}.task-label{color:var(--muted);font-size:.75rem;letter-spacing:.08em;margin-bottom:10px}.passage{font-size:1rem;color:#d1ded6;line-height:1.95}.vowels{display:flex;align-items:center;justify-content:space-around;padding:18px 0 0;margin-top:18px;border-top:1px solid var(--line)}.vowels div{text-align:center}.vowels b{font-size:1.4rem;font-weight:500}.vowels small{display:block;color:var(--muted)}.mic-area{text-align:center;padding:16px 0}.record-btn{width:78px;height:78px;border:1px solid #47613e;border-radius:50%;background:#213320;color:var(--lime);margin:10px auto 12px;display:grid;place-items:center;box-shadow:0 0 0 9px #baff8005,0 0 50px #baff800a}.record-btn.recording{color:#f2a9a0;border-color:#865149;background:#452523;animation:breathe 1.5s ease-in-out infinite}.record-btn svg{width:26px;height:26px}.record-caption{font-size:.875rem;color:var(--text)}.record-time{font-family:'Space Grotesk';font-size:1.5rem;letter-spacing:.05em}.wave-bars{height:54px;display:flex;align-items:center;justify-content:center;gap:4px;margin:10px 0 15px}.wave-bars i{width:3px;background:var(--mint);border-radius:3px;opacity:.6;transform-origin:center}.wave-bars.live i{animation:wave 1s ease-in-out infinite alternate;animation-delay:var(--delay)}.upload-box{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed #46605a;border-radius:18px;background:#0b1414;min-height:190px;padding:26px 18px;gap:14px;cursor:pointer}.upload-box .upload-icon{width:44px;height:44px;color:var(--lime)}.upload-box input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.upload-box:focus-within{outline:2px solid var(--lime);outline-offset:4px}.file-row{display:flex;gap:12px;align-items:center;margin:18px 0;padding:14px;background:var(--surface2);border-radius:14px}.file-row>div{flex:1;min-width:0}.file-name{overflow-wrap:anywhere;font-size:.875rem;color:var(--text)}audio{display:block;width:100%;height:42px;margin-top:12px}.error{color:#ffc1b6;font-size:.875rem;margin:12px 0}.tips{list-style:none;padding:0;margin:12px 0;display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:.8125rem}.tips li{display:flex;gap:10px}.tips li:before{content:'✓';color:var(--mint)}.back{background:none;border:none;color:var(--muted);display:flex;align-items:center;gap:8px;padding:8px 0;margin:4px 0 18px;font-size:.875rem}.back svg{width:18px}.pill{display:inline-flex;align-items:center;border:1px solid #35483d;background:#1a2b20;color:#c0e7ac;border-radius:100px;font-size:.75rem;padding:4px 10px;gap:6px;line-height:1.5}.pill.neutral{color:var(--muted);border-color:var(--line);background:#132021}.pill.amber{color:var(--amber);border-color:#514431;background:#241f16}.report-title{padding-top:12px}.report-title h1{margin:13px 0;font-size:2.1rem}.report-title p{font-size:.94rem}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.radar-stage{position:relative;margin:16px -8px 0;background:radial-gradient(ellipse at center,#baff8009,transparent 68%)}.chart{width:100%;height:auto}.chart text{font-family:'Space Grotesk','Microsoft YaHei',sans-serif;font-size:12px;fill:var(--muted)}.chart .label{font-family:inherit;fill:var(--text);font-size:14px}.chart .grid{stroke:#2a3a38;stroke-width:1;fill:none}.chart .lime{stroke:var(--lime);fill:none;stroke-width:2}.chart .ref{stroke:var(--violet);fill:none;stroke-width:2;stroke-dasharray:5 4}.chart .tick{fill:#9bb0a7}.chart-foot{font-size:.75rem;color:var(--muted);text-align:center;margin:6px 0 18px}.legend{display:flex;gap:18px;flex-wrap:wrap;align-items:center;font-size:.75rem;color:var(--muted);margin:12px 0}.legend span{display:flex;align-items:center;gap:7px}.legend i{display:inline-block;width:15px;height:3px;background:var(--lime);border-radius:2px}.legend i.ref{background:var(--violet)}.dimension-list{border-top:1px solid var(--line)}.dimension-item{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:22px 0;position:relative}.dim-top{display:flex;align-items:center;gap:12px;margin-bottom:6px}.dim-index{font-family:'Space Grotesk';font-size:.75rem;color:var(--muted)}.dim-name{font-size:1rem}.dim-value{margin-left:auto;font-family:'Space Grotesk';font-size:1rem;color:var(--lime)}.dim-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center}.dim-bottom p{font-size:.8125rem;max-width:90%;padding-left:29px}.arrow{font-size:1.4rem;color:#8fa49a}.explore-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.explore{display:flex;flex-direction:column;position:relative;align-items:flex-start;text-align:left;min-width:0;min-height:215px;padding:18px 16px;border:1px solid var(--line);background:linear-gradient(155deg,#1a2927,#101a1a 70%);border-radius:20px}.explore-icon{color:var(--mint);height:38px;margin-bottom:18px}.explore-icon svg{width:30px;height:30px}.explore h3{font-size:.94rem;margin-bottom:7px}.explore p{font-size:.75rem;line-height:1.65}.explore .pill{margin-top:auto;font-size:.65rem;padding:3px 8px}.explore .arrow{position:absolute;right:15px;top:16px;font-size:1.1rem}.explore.violet{background:linear-gradient(155deg,#232530,#101a1a 75%)}.explore.violet .explore-icon{color:var(--violet)}.explore.amber{background:linear-gradient(155deg,#2c2c21,#101a1a 75%)}.explore.amber .explore-icon{color:var(--amber)}.detail-head h1{font-size:1.9rem;margin:12px 0}.detail-head p{font-size:.9375rem;margin-bottom:20px}.metric-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.metric-pair>div{border-top:1px solid var(--line);padding-top:14px;min-width:0}.metric-pair .number{font-size:2rem;margin-top:8px}.metric-pair p{font-size:.75rem}.caption{font-size:.8125rem;margin-top:12px}.plot-panel{padding:20px 16px}.reference-select{display:flex;flex-direction:column;gap:6px;margin:18px 0}.reference-select label{font-size:.75rem;color:var(--muted)}select{width:100%;background:var(--surface2);color:var(--text);border:1px solid #3b4c48;padding:10px 12px;border-radius:10px;font-size:1rem}.distribution{width:100%;border-collapse:collapse;font-size:.8125rem}.distribution th,.distribution td{text-align:left;padding:11px 5px;border-bottom:1px solid var(--line)}.distribution th{color:var(--muted);font-weight:400}.distribution td{font-family:'Space Grotesk'}.distribution td:last-child{color:var(--violet)}.art-stage{height:250px;overflow:hidden;position:relative;border-radius:18px;background:#080f10;isolation:isolate}.art-stage img{position:absolute;width:100%;height:100%;object-fit:cover;transition:opacity .65s ease,transform .65s ease;mix-blend-mode:screen}.art-stage .bird{opacity:var(--bird,1);transform:scale(calc(.88 + var(--bird,1)*.12))}.art-stage .elephant{opacity:calc(1 - var(--bird,1));transform:scale(calc(1 - var(--bird,1)*.1))}.art-label{position:absolute;bottom:14px;left:16px;z-index:2;font-family:'Space Grotesk';font-size:.7rem;letter-spacing:.14em;color:var(--mint);padding:3px 8px;background:#080f10cc;border-radius:4px}.art-controls{margin:20px 0}.range-label{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;gap:12px}.range-label output{color:var(--lime);font-family:'Space Grotesk'}.range-input{width:100%;accent-color:var(--lime);margin:8px 0}.range-ends{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted)}.data-bars{display:flex;flex-direction:column;gap:16px;margin:22px 0}.data-bar .row{font-size:.8125rem;margin-bottom:6px}.track{height:5px;background:#253432;border-radius:8px;overflow:hidden}.track>span{display:block;background:var(--mint);height:100%;border-radius:8px}.axis-track{position:relative;margin:36px 2px 16px;height:5px;background:linear-gradient(90deg,#536962,var(--lime));border-radius:6px}.axis-marker{position:absolute;left:0;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;background:var(--lime);border:4px solid #14211c;border-radius:50%;box-shadow:0 0 0 1px var(--lime)}.axis-marker:before{content:'本次录音';white-space:nowrap;position:absolute;bottom:21px;left:50%;transform:translateX(-50%);font-size:.75rem;color:var(--lime)}.quality-note{font-size:.875rem;color:#d7e8dc;line-height:1.85;border-left:3px solid var(--mint);padding:14px 16px;background:#192a23;border-radius:0 12px 12px 0}.quality-note strong{display:block;margin-bottom:4px}.progress-page{text-align:center;padding-top:40px}.progress-orbit{width:250px;height:250px;margin:26px auto;position:relative;display:grid;place-items:center}.progress-orbit svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.progress-orbit:before,.progress-orbit:after{content:'';position:absolute;inset:22px;border:1px solid #2b3d35;border-radius:50%}.progress-orbit:after{inset:43px;border-style:dashed;animation:rotate 30s linear infinite}.progress-ring{stroke:var(--lime);fill:none;stroke-width:2;stroke-linecap:round;transition:stroke-dashoffset .2s linear}.progress-value .number{font-size:3.7rem;color:var(--lime)}.progress-value p{font-size:.75rem;letter-spacing:.13em;margin-top:6px}.progress-steps{text-align:left;padding:14px 4px}.progress-step{display:flex;align-items:center;gap:12px;padding:14px 0;color:#70847b;font-size:.875rem;border-bottom:1px solid #1e2c28}.step-icon{width:22px;height:22px;display:grid;place-items:center;font-family:'Space Grotesk';font-size:.75rem;border:1px solid #3b5146;border-radius:50%}.progress-step.active{color:var(--text)}.progress-step.done{color:var(--lime)}.progress-step.done .step-icon{border-color:transparent;background:#283e23}.metric-group{margin:26px 0}.metric-group h2{font-size:1.125rem;margin:20px 0 12px}.metric-entry{border-top:1px solid var(--line);padding:0}.metric-entry:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;min-height:60px;padding:16px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.875rem}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:1.1rem;color:var(--muted)}details[open]>summary:after{content:'−'}summary .metric-value{margin-left:auto;color:var(--lime);font-family:'Space Grotesk';font-size:.8125rem;white-space:nowrap}.metric-definition{padding:0 0 18px;font-size:.8125rem;color:var(--muted);line-height:1.85}.metric-definition b{color:var(--text);font-weight:500}.metric-definition p{margin:6px 0}.mini-nav{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.mini-nav a{border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:.75rem;color:var(--muted);min-height:40px;display:flex;align-items:center}.source-links{font-size:.8125rem;display:flex;flex-direction:column;gap:12px;margin-top:16px}.source-links a{color:var(--mint);text-decoration:underline;text-underline-offset:3px}.spectrogram{width:100%;height:180px;border-radius:10px;background:#09141b}.spectro-key{display:flex;justify-content:space-between;margin:8px 0;font-size:.75rem;color:var(--muted)}.step-list{counter-reset:training;list-style:none;margin:22px 0;padding:0}.step-list li{position:relative;padding:0 0 24px 42px;counter-increment:training}.step-list li:before{content:counter(training,decimal-leading-zero);position:absolute;left:0;top:1px;font-family:'Space Grotesk';color:var(--lime);font-size:.8125rem}.step-list li:not(:last-child):after{content:'';position:absolute;left:10px;top:28px;bottom:7px;width:1px;background:var(--line)}.step-list h3{margin-bottom:5px}.step-list p{font-size:.875rem}.compare-line{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);font-size:.8125rem}.compare-line span:nth-child(2){font-family:'Space Grotesk';color:var(--lime)}.compare-line span:nth-child(3){font-family:'Space Grotesk';color:var(--violet)}.scenario-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.scenario-list button{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:12px;color:var(--muted);font-size:.875rem}.scenario-list button[aria-pressed=true]{border-color:#6c9060;background:#243b24;color:var(--lime)}.score-face{text-align:center;margin:24px 0;padding:24px 0;background:radial-gradient(ellipse,#baff800c,transparent 70%)}.score-face .number{font-size:5rem;color:var(--lime);margin:12px 0}.value-number{font-family:'Space Grotesk';font-size:2.6rem;line-height:1.4;letter-spacing:-.04em;margin:12px 0;color:var(--amber)}.formula{font-family:'Space Grotesk';background:#090f10;border-radius:10px;padding:14px;font-size:.875rem;overflow-wrap:anywhere}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 40px);width:390px;background:#294333;border:1px solid #6c9060;color:var(--text);padding:14px 18px;border-radius:14px;box-shadow:0 10px 35px #0009;z-index:30;font-size:.875rem}.demo-foot{text-align:center;margin:20px 0;color:var(--muted);font-size:.75rem}.fact-box{padding:18px;border-left:2px solid var(--mint);background:#10201c;margin:20px 0;border-radius:0 12px 12px 0}.fact-box h3{margin-bottom:7px}.fact-box p{font-size:.875rem}.source-playback{margin:18px 0}.source-playback summary{color:var(--muted);font-size:.8125rem;padding:10px 0;min-height:44px}.source-playback audio{margin:0 0 10px}.end-return{margin-top:32px}.check-row{display:flex;align-items:flex-start;gap:10px;font-size:.8125rem;color:var(--muted);margin:12px 0}.check-row input{min-height:18px;width:18px;height:18px;flex-shrink:0;accent-color:var(--lime);margin-top:4px}.chart-mode{margin:14px 0}.chart-mode button{font-size:.8125rem}.empty-note{padding:24px;text-align:center;color:var(--muted);font-size:.875rem}.source-name{overflow-wrap:anywhere}.sample-badge{margin:12px 0 18px;font-size:.75rem;color:var(--amber)}.recording-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f2a9a0;margin-right:8px}.quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:.8125rem}.quality-grid div{display:flex;flex-direction:column;gap:5px}.quality-grid span{color:var(--muted)}.quality-grid b{font-weight:400}.compact-hr{border:0;border-top:1px solid var(--line);margin:20px 0}
@keyframes breathe{50%{box-shadow:0 0 0 13px #f2a9a008,0 0 30px #f2a9a00a}}@keyframes wave{to{transform:scaleY(.25)}}@keyframes rotate{to{transform:rotate(360deg)}}
.chart text{font-size:14px}.chart .label{font-size:16px}.segmented button svg{display:inline-block;vertical-align:middle;width:18px;height:18px;margin-right:5px}.metric-entry summary{flex-wrap:wrap}.metric-entry summary>span:first-child{flex:1;min-width:95px;overflow-wrap:anywhere}.metric-entry summary .metric-value{max-width:55%;white-space:normal;text-align:right}.number small{display:inline-block}.compare-line>span:first-child{min-width:0;overflow-wrap:anywhere}.section-title{flex-wrap:wrap}.source-playback>summary{flex-wrap:nowrap}
@media(min-width:700px){.phone-shell{margin:28px auto;border-radius:28px;border:1px solid #263431;box-shadow:0 20px 100px #0008;min-height:calc(100dvh - 56px)}body{background:radial-gradient(ellipse at 50% 0,#152521,#040809 70%);background-attachment:fixed}.topbar{height:86px}}
@media(max-width:360px){main{padding-inline:18px}.topbar{padding-inline:18px;gap:6px}.edition{font-size:.65rem}.brand{font-size:.75rem}.explore-grid{grid-template-columns:1fr}.explore{min-height:175px}.footer{font-size:.625rem}.panel{padding:18px}.art-stage{height:210px}.number{font-size:2.2rem}.report-title h1{font-size:1.9rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.task-tabs{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:6px;margin:20px 0}.task-tabs button{padding:12px 4px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:.8rem}.task-tabs button[aria-pressed=true]{color:var(--lime);border-color:var(--lime)}.task-tabs span{color:var(--mint)}.intro h1{font-size:2rem}.passage{font-size:.9rem;line-height:2;text-align:justify}.vowel-prompt{text-align:center;padding:30px 0}.vowel-prompt b{font-size:3.5rem;color:var(--lime)}.advanced-inputs label{display:block;color:var(--muted);font-size:.8rem;margin:14px 0}.advanced-inputs input{display:block;width:100%;padding:10px 0;font-size:.8rem;color:var(--text)}.raw-data{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.72rem;line-height:1.8;padding:12px;background:#090f10;border-radius:10px;max-height:500px;overflow:auto}.metric-pair .number{font-size:1.65rem;overflow-wrap:anywhere}.metric-pair .number small{font-size:.7rem;margin-left:5px}.explore-grid .explore:last-child:nth-child(odd){grid-column:1/-1;min-height:160px}.distribution caption{text-align:left;color:var(--muted);font-size:.75rem;padding:10px 0}.dim-value small{font-size:.62rem}.spectrogram{height:auto;aspect-ratio:2/1}.dim-top{gap:8px}.axis-marker:before{font-size:.7rem}.quality-note{margin:18px 0}button:disabled{opacity:.4;cursor:not-allowed}

.metric-source{display:inline-block;color:var(--mint);font-size:.75rem;margin-top:8px;text-decoration:underline;text-underline-offset:3px}.metric-definition p{margin:10px 0;line-height:1.9}.metric-definition b{color:var(--text)}