*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17201d;background:linear-gradient(180deg,#f7fbfa,#eef5f2 48%,#f8faf9)}button{min-height:44px;border:0;border-radius:8px;padding:0 20px;color:#fff;background:#16675d;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 10px 22px #16675d2e;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}button:hover:not(:disabled){background:#0f5a51;box-shadow:0 14px 28px #16675d38;transform:translateY(-1px)}button:focus-visible{outline:3px solid #9ed8e7;outline-offset:3px}button:disabled{cursor:not-allowed;background:#94a39f;box-shadow:none}.login-page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px}.login-panel{width:min(100%,440px);padding:40px;border:1px solid #d7e2de;border-radius:8px;background:#fffffff5;box-shadow:0 24px 60px #2137311a,0 1px #fffc inset}.app-shell{min-height:100vh;min-height:100dvh}.topbar{position:sticky;top:0;z-index:20;height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 28px;border-bottom:1px solid #d7e2de;background:#ffffffeb;box-shadow:0 10px 28px #21373114;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{color:#113c37;font-size:18px;font-weight:800}.user-menu{position:relative}.user-trigger{min-height:40px;display:inline-flex;align-items:center;gap:10px;padding:0 12px;color:#17201d;background:#eef7f4;box-shadow:none}.user-trigger:hover:not(:disabled){color:#0f5a51;background:#e3f1ed;box-shadow:none}.avatar{width:28px;height:28px;display:inline-grid;place-items:center;border-radius:8px;color:#fff;background:#16675d;font-size:14px}.dropdown{position:absolute;top:calc(100% + 10px);right:0;width:160px;padding:8px;border:1px solid #d7e2de;border-radius:8px;background:#fff;box-shadow:0 18px 36px #21373124}.dropdown button{width:100%;min-height:40px;justify-content:flex-start;padding:0 12px;color:#17201d;background:transparent;box-shadow:none;text-align:left}.dropdown button:hover:not(:disabled){color:#0f5a51;background:#eef7f4;box-shadow:none;transform:none}.page{min-height:calc(100vh - 64px);min-height:calc(100dvh - 64px);display:grid;place-items:center;padding:32px}.panel{width:min(100%,760px);padding:40px;border:1px solid #d7e2de;border-radius:8px;background:#fffffff0;box-shadow:0 24px 60px #2137311a,0 1px #fffc inset}.wide{width:min(100%,1080px)}.center{text-align:center}.eyebrow{margin:0 0 8px;color:#2f766e;font-weight:700;letter-spacing:0}h1,h2{margin:0}h1{margin-bottom:24px;font-size:32px;line-height:1.2;color:#111c19}h2{margin-bottom:10px;font-size:22px;line-height:1.3}.copy,.test-item p,.steps{color:#42514d;line-height:1.7}.test-item{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:20px;border-left:5px solid #2d8a80;border-radius:0 8px 8px 0;background:#f6faf8}.test-list{display:grid;gap:14px;max-height:min(62vh,720px);overflow:auto;padding-right:6px}.test-item.disabled{border-left-color:#aebbb7;background:#fbfdfc}.test-item.disabled h2{color:#42514d}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:8px;color:#42514d;background:#e6eeeb;font-weight:700;white-space:nowrap}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.feature-card{min-height:220px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;padding:22px;border:1px solid #d7e2de;border-radius:8px;background:#f6faf8}.feature-card p{margin:0;color:#42514d;line-height:1.7}.training-list{display:grid;gap:12px;margin:24px 0}.training-list article{display:flex;justify-content:space-between;gap:16px;padding:16px;border-radius:8px;background:#f6faf8}.training-list span{color:#2f766e;font-weight:700}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.actions.left{justify-content:flex-start}.secondary{color:#16675d;background:#e8f5f1;box-shadow:none}.secondary:hover:not(:disabled){color:#0f5a51;background:#dbeee8;box-shadow:none}.wechat-button{color:#fff;background:#1aad19;box-shadow:0 10px 22px #1aad192e}.wechat-button:hover:not(:disabled){background:#159a15;box-shadow:0 14px 28px #1aad1938}.qr-box{width:220px;height:220px;display:grid;place-items:center;margin:8px auto 20px;border:1px solid #cfdcd7;border-radius:8px;background:#fff}.qr-grid{width:168px;height:168px;background:linear-gradient(90deg,#17201d 10px,transparent 10px) 0 0 / 24px 24px,linear-gradient(#17201d 10px,transparent 10px) 0 0 / 24px 24px,linear-gradient(90deg,transparent 14px,#17201d 14px 18px,transparent 18px) 0 0 / 28px 28px,linear-gradient(transparent 14px,#17201d 14px 18px,transparent 18px) 0 0 / 28px 28px;border:12px solid #fff;box-shadow:0 0 0 8px #17201d inset}.form{display:grid;gap:18px}.form label{display:grid;gap:8px;color:#42514d;font-weight:700}.form input,.form select{width:100%;min-height:44px;border:1px solid #cfdcd7;border-radius:8px;padding:0 14px;color:#17201d;background:#fbfdfc;font:inherit}.form input:focus,.form select:focus{border-color:#36a7b2;outline:3px solid #c6edf4}.info-list{display:grid;gap:12px;margin-bottom:24px}.info-list p{display:flex;justify-content:space-between;gap:16px;margin:0;padding:14px 16px;border-radius:8px;background:#f6faf8}.info-list span{color:#42514d}.info-list strong{color:#17201d}.steps{margin:0 0 24px;padding-left:22px}.steps li{padding-left:6px;margin-bottom:10px}.steps li::marker{color:#2d8a80;font-weight:800}.meter{height:96px;display:flex;align-items:center;justify-content:center;gap:4px;margin:24px 0;padding:18px 12px;border-radius:8px;background:#f7fbfa;box-shadow:inset 0 0 0 1px #e2ebe7}.meter span{width:4px;min-height:10px;max-height:52px;border-radius:999px;background:#cad2d4;transition:height 80ms linear}.meter span.active{background:linear-gradient(180deg,#2a8bd7,#41bfdd)}.ambient-box{display:grid;gap:10px;place-items:center;margin:24px 0;padding:28px;border:1px solid #d7e2de;border-radius:8px;background:#f6faf8;text-align:center}.ambient-box strong{color:#16675d;font-size:42px;line-height:1}.ambient-box span{color:#42514d;line-height:1.6}.ambient-box.noisy{border-color:#f0b8b4;background:#fff4f3}.ambient-box.noisy strong{color:#b3261e}.meter.compact{width:220px;height:48px;margin:0;padding:0;gap:3px}.meter.compact span{width:4px;max-height:42px}.session-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.session-head strong{min-width:110px;padding:8px 12px;border-radius:8px;color:#155d54;background:#e8f5f1;text-align:center;font-size:22px}.picture-wrap{overflow:hidden;border:1px solid #d7e2de;border-radius:8px;background:#f9fcfb;box-shadow:inset 0 0 0 1px #fffc}.picture-wrap img{display:block;width:100%;height:min(58vh,560px);object-fit:contain}.recording-panel{margin-top:18px;padding:18px;border:1px solid #d7e2de;border-radius:8px;background:#f9fcfb}.session-actions{display:flex;justify-content:center;margin-top:18px}.recording-row,.progress-label{display:flex;justify-content:space-between;align-items:center;gap:16px}.recording-row{margin-bottom:14px;color:#233b36;font-weight:700}.progress-label{margin-bottom:8px;color:#42514d}.progress{overflow:hidden;height:12px;border-radius:8px;background:#dfe7e4}.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1a756b,#36a7b2);transition:width .3s linear}.count-in{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;background:#111c19b8;font-size:96px;font-weight:800;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.result{margin:20px 0 0;padding:14px 16px;border-radius:8px;background:#eef7f4;line-height:1.6}.error{color:#b3261e}@media(max-width:680px){button{width:100%}.login-page{padding:12px}.login-panel{padding:24px}.topbar{height:auto;min-height:60px;padding:10px 12px}.brand{font-size:16px}.user-trigger,.dropdown button{width:auto}.user-trigger span:last-child{display:none}.dropdown{right:0}.page{place-items:start center;padding:12px}.panel{padding:22px}h1{margin-bottom:18px;font-size:26px}h2{font-size:20px}.copy,.test-item p,.steps{font-size:15px}.test-item{grid-template-columns:1fr;gap:18px;padding:16px}.test-list{max-height:none;overflow:visible;padding-right:0}.status-badge{width:fit-content}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:auto;padding:18px}.training-list article{flex-direction:column;gap:6px}.actions{width:100%}.actions.left{justify-content:stretch}.info-list p{flex-direction:column;gap:6px}.session-head{align-items:flex-start;flex-direction:column;gap:8px}.recording-row,.progress-label{align-items:stretch;flex-direction:column;gap:8px}.meter{height:80px;gap:3px;padding:12px 6px}.meter span{width:3px}.meter.compact{width:100%;justify-content:center}.picture-wrap img{height:min(46vh,360px)}.recording-panel{padding:14px}.count-in{font-size:76px}}@media(min-width:681px)and (max-width:1024px){.page{padding:24px}.panel{padding:32px}.picture-wrap img{height:min(52vh,480px)}}@media(min-width:1025px){.center{min-height:320px;display:grid;align-content:center;justify-items:center}}