.ipa-test{margin-top:24px;padding:22px;border:1px solid #d8d1c6;background:#fff}.ipa-test h2{margin:4px 0 8px;font-size:21px;font-weight:700}.test-description{margin:0;color:#53606d;line-height:1.6}.test-button{margin-top:16px;padding:10px 14px;border:0;border-radius:5px;color:#fff;background:#0f766e}.ipa-sample{display:grid;gap:8px;margin-top:18px;padding:12px;background:#f0fdfa;border:1px solid #b8dfd8}.ipa-sample span,.test-status{color:#52616e;font-size:13px}.ipa-sample code{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:17px}.test-status{margin:14px 0 0}:root{font-family:Microsoft YaHei,system-ui,sans-serif;color:#17212b;background:#f7f5f0}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:0 auto;padding:48px 24px 72px}header{max-width:720px;margin-bottom:34px}.eyebrow{color:#b45309;font-weight:700}h1{margin:6px 0 12px;font-size:36px;letter-spacing:0}.lede{color:#53606d;line-height:1.7}.workbench{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(340px,1.15fr);gap:20px;align-items:start}.input-panel,.result-card,.empty{background:#fff;border:1px solid #e6dfd3;padding:22px;border-radius:8px}label,dt{display:block;color:#6b7280;font-size:13px;font-weight:700;margin-bottom:8px}textarea{width:100%;min-height:170px;padding:14px;border:1px solid #c9c1b5;border-radius:5px;font:inherit;resize:vertical}button{font:inherit;cursor:pointer}.submit{width:100%;margin-top:14px;padding:12px;color:#fff;background:#b45309;border:0;border-radius:5px}.submit:disabled{opacity:.45;cursor:not-allowed}.recorder{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:10px;margin-top:12px}.recorder p,.recorder-help{grid-column:1 / -1;margin:0;color:#667085;font-size:13px}.mic{width:38px;height:38px;border-radius:50%;border:1px solid #d3c7b8;color:#b45309;background:#fff7ed}.mic.active{color:#fff;background:#b45309}.stage{color:#0f766e;margin:14px 0 0}.error{color:#b42318}.card-title{display:flex;justify-content:space-between;align-items:center;font-weight:700}.badge{padding:3px 7px;color:#9a3412;background:#ffedd5;border-radius:4px;font-size:12px}.romanization{font-size:28px;margin:22px 0}dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}dl div{padding:12px;background:#f8fafc}dd{margin:0;font-family:ui-monospace,monospace;font-size:17px}.note{color:#53606d;line-height:1.6}audio{width:100%;margin:10px 0}.download{color:#0f766e;text-decoration:none;font-weight:700}.empty{color:#667085;line-height:1.6}@media(max-width:720px){main{padding:28px 16px}h1{font-size:28px}.workbench{grid-template-columns:1fr}}