:root{--bg:#f4f6f8;--surface:#fff;--surface-2:#fafbfc;--surface-3:#f0f3f6;--border:#e4e8ec;--border-strong:#d2d8df;--text:#18212f;--text-2:#57616f;--text-3:#8893a1;--accent:#2563eb;--accent-press:#1d4fd7;--accent-soft:#e8f0fe;--accent-soft-border:#c9dbfb;--ok:#1e9e6a;--ok-soft:#e6f6ee;--ok-border:#bfe7d2;--warn:#c77700;--warn-soft:#fbf1de;--warn-border:#f0dcb3;--bad:#d64545;--bad-soft:#fbeaea;--bad-border:#f2c9c9;--info:#2563eb;--info-soft:#e8f0fe;--info-border:#c9dbfb;--flag:#b7791f;--flag-soft:#fcf4e1;--flag-border:#eeddb0;--radius:8px;--radius-sm:6px;--radius-lg:12px;--radius-xl:18px;--shadow-sm:0 1px 2px rgba(20,30,45,.06),0 1px 1px rgba(20,30,45,.04);--shadow-md:0 4px 14px rgba(20,30,45,.08),0 1px 3px rgba(20,30,45,.05);--shadow-lg:0 12px 40px rgba(20,30,45,.16),0 2px 8px rgba(20,30,45,.08);--sans:-apple-system,"PingFang SC","Noto Sans SC","Noto Sans CJK SC","Microsoft YaHei",system-ui,sans-serif;--tabbar-h:58px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}html{-webkit-text-size-adjust:100%}body{font-family:var(--sans);background:var(--bg);color:var(--text);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}input:focus,select:focus,textarea:focus{outline:none}a{color:inherit;text-decoration:none}::selection{background:var(--accent-soft)}img{max-width:100%;display:block}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.fade-in{animation:fadeIn .22s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulseRing{0%{box-shadow:0 0 0 0 rgba(37,99,235,.35)}to{box-shadow:0 0 0 14px rgba(37,99,235,0)}}.app-shell{max-width:480px;margin:0 auto;min-height:100dvh;background:var(--bg);position:relative;padding-left:var(--safe-left);padding-right:var(--safe-right)}.page{padding:16px 16px calc(var(--tabbar-h) + 28px + var(--safe-bottom));padding-top:calc(16px + var(--safe-top))}.page-nofocus{padding:16px 16px calc(24px + var(--safe-bottom));padding-top:calc(16px + var(--safe-top))}.tabbar{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:480px;height:calc(var(--tabbar-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:hsla(0,0%,100%,.92);-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);border-top:1px solid var(--border);display:flex;z-index:40}.tabbar-item{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:44px;color:var(--text-3);background:none;border:none;font-size:11px}.tabbar-item.active{color:var(--accent)}.tabbar-item span{font-size:11px}.focus-header{position:-webkit-sticky;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;padding:calc(10px + var(--safe-top)) 16px 10px;margin:calc(-16px - var(--safe-top)) -16px 8px;background:rgba(244,246,248,.92);-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px)}.focus-header button.back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--text-2);box-shadow:var(--shadow-sm)}.focus-title{font-size:15px;font-weight:600;color:var(--text-2)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:16px}a.card{display:block}a.card.row{display:flex}.section-title{font-size:13px;font-weight:600;color:var(--text-2);margin:0 0 10px 2px;letter-spacing:.02em}.section{margin-top:22px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:var(--radius);min-height:44px;padding:0 20px;font-size:16px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .08s ease,background .15s ease,opacity .15s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;pointer-events:none}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:active{background:var(--accent-press)}.btn-block{width:100%}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border-strong)}.btn-ghost{background:transparent;color:var(--accent)}.btn-soft{background:var(--accent-soft);color:var(--accent)}.btn-danger-soft{background:var(--bad-soft);color:var(--bad)}.btn-sm{min-height:36px;padding:0 14px;font-size:14px;border-radius:var(--radius-sm)}.btn-lg{min-height:52px;font-size:17px;border-radius:var(--radius-lg)}.btn-round{width:88px;height:88px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;box-shadow:var(--shadow-lg);border:none}.btn-circle{width:48px;height:48px;min-height:48px;padding:0;border-radius:999px}.btn-circle-lg{width:64px;height:64px;min-height:64px}.btn-row{display:flex;gap:10px}.btn-row>.btn{flex:1 1;min-width:0}.btn-round.recording{background:var(--bad);animation:pulseRing 1.6s ease-out infinite}.badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;border:1px solid transparent}.badge-ok{background:var(--ok-soft);color:var(--ok);border-color:var(--ok-border)}.badge-warn{background:var(--warn-soft);color:var(--warn);border-color:var(--warn-border)}.badge-bad{background:var(--bad-soft);color:var(--bad);border-color:var(--bad-border)}.badge-info{background:var(--info-soft);color:var(--info);border-color:var(--info-border)}.badge-flag{background:var(--flag-soft);color:var(--flag);border-color:var(--flag-border)}.chip{border-radius:var(--radius);max-width:100%;line-height:1.45}.badge-neutral{background:var(--surface-3);color:var(--text-2);border-color:var(--border)}.ring{--pct:0;--size:56px;width:var(--size);height:var(--size);display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--accent) calc(var(--pct) * 1%),var(--surface-3) 0);position:relative;flex-shrink:0}.ring,.ring:before{border-radius:999px}.ring:before{content:"";position:absolute;inset:5px;background:var(--surface)}.ring-label{position:relative;font-size:13px;font-weight:700;color:var(--text)}.bar{height:8px;background:var(--surface-3);overflow:hidden}.bar,.bar>i{border-radius:999px}.bar>i{display:block;height:100%;background:var(--accent);transition:width .25s ease}.img-ph{background:repeating-linear-gradient(135deg,#eef1f4 0 14px,#e7ebef 14px 28px);border:1px solid var(--border);color:var(--text-3);display:flex;align-items:center;justify-content:center;position:relative}.login-header{text-align:center;padding:calc(28px + var(--safe-top)) 0 20px}.login-brand-mark{width:56px;height:56px;margin:0 auto 14px;border-radius:var(--radius-lg);background:var(--accent);color:#fff;justify-content:center;font-weight:700;font-size:20px;box-shadow:var(--shadow-md)}.login-brand-mark,.user-card{display:flex;align-items:center}.user-card{gap:12px;width:100%;text-align:left;padding:14px;margin-bottom:10px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);min-height:44px}.user-card.selected{border-color:var(--accent)}.avatar,.user-card.selected{background:var(--accent-soft)}.avatar{width:44px;height:44px;border-radius:999px;color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;border:1px solid var(--accent-soft-border)}.avatar-lg{width:60px;height:60px;font-size:18px}.field-label{font-size:13px;color:var(--text-2);margin:0 0 6px 2px;font-weight:600}.text-input{width:100%;min-height:48px;border:1.5px solid var(--border-strong);border-radius:var(--radius);padding:0 14px;font-size:16px;background:var(--surface)}.text-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.row{align-items:center}.col,.row{display:flex}.col{flex-direction:column}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.between{justify-content:space-between}.center{justify-content:center;align-items:center}.text-2{color:var(--text-2)}.text-3{color:var(--text-3)}.text-ok{color:var(--ok)}.text-warn{color:var(--warn)}.text-bad{color:var(--bad)}.text-accent{color:var(--accent)}.text-sm{font-size:13px}.text-xs{font-size:12px}.text-lg{font-size:18px}.text-xl{font-size:22px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.mt-0{margin-top:0}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-0{margin-bottom:0}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.stack>*+*{margin-top:10px}.center-text{text-align:center}.full-w{width:100%}.touch-target{min-height:44px;min-width:44px}.no-scrollbar::-webkit-scrollbar{display:none}.locked-overlay{opacity:.55;filter:grayscale(.4)}.skeleton{background:linear-gradient(90deg,var(--surface-3) 25%,var(--border) 37%,var(--surface-3) 63%);background-size:400% 100%;animation:skeleton 1.4s ease infinite;border-radius:var(--radius)}@keyframes skeleton{0%{background-position:100% 50%}to{background-position:0 50%}}.icon-tile{width:40px;height:40px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent)}.icon-tile-lg{width:60px;height:60px;border-radius:999px}.icon-tile-ok{background:var(--ok-soft);color:var(--ok)}.hint-box{font-size:13px;background:var(--warn-soft);border:1px solid var(--warn-border);border-radius:var(--radius);padding:10px 12px;color:var(--warn);text-align:left}.spinner{width:24px;height:24px;display:inline-block;flex-shrink:0;border:3px solid var(--border-strong);border-top-color:var(--accent);border-radius:999px;animation:spin .9s linear infinite}.spinner-sm{width:14px;height:14px;border-width:2px}.error-box{font-size:13px;background:var(--bad-soft);border:1px solid var(--bad-border);color:var(--bad)}.caption-box,.error-box{border-radius:var(--radius);padding:10px 12px}.caption-box{font-size:14px;line-height:1.7;color:var(--text-3);background:var(--surface-3)}.caption-current{color:var(--text);font-weight:600}.caption-done{color:var(--text-2)}.choice{display:flex;align-items:flex-start;gap:12px;width:100%;min-height:52px;padding:12px 14px;text-align:left;font-size:15px;line-height:1.55;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.choice:disabled{cursor:default}.choice-letter{width:26px;height:26px;flex-shrink:0;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--text-2);background:var(--surface-3);border:1px solid var(--border)}.choice-text{flex:1 1;min-width:0;padding-top:1px;overflow-wrap:anywhere}.choice-icon{flex-shrink:0;margin-top:3px}.choice.selected{background:var(--accent-soft);border-color:var(--accent-soft-border)}.choice.selected .choice-letter{background:var(--accent);border-color:var(--accent);color:#fff}.choice.correct{background:var(--ok-soft);border-color:var(--ok-border)}.choice.correct .choice-letter{background:var(--ok);border-color:var(--ok);color:#fff}.choice.wrong{background:var(--bad-soft);border-color:var(--bad-border)}.choice.wrong .choice-letter{background:var(--bad);border-color:var(--bad);color:#fff}.grow{flex:1 1;min-width:0}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.divider-top{border-top:1px solid var(--border)}.feedback-list{margin:0;padding-left:18px;font-size:13px;line-height:1.6}.feedback-list li+li{margin-top:8px}.manual-ref{display:flex;align-items:flex-start;gap:4px;margin-top:3px;font-size:12px;line-height:1.5;color:var(--text-3);font-weight:400}.manual-ref-icon{flex-shrink:0;margin-top:2px}.wrap{flex-wrap:wrap}.center-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}