.nav[data-v-40a85a20]{width:min(100%,430px);padding:8px 5px max(10px, env(safe-area-inset-bottom));z-index:9;background:#f7f8fa;border-top:1px solid #fff;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav a[data-v-40a85a20]{color:#9aa3ae;border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-height:44px;padding:6px;font-size:10px;text-decoration:none;display:flex}.nav a.active[data-v-40a85a20]{color:var(--brand-primary);background:#f6e7ea;font-weight:800}.glyph[data-v-40a85a20]{font-size:22px}:root{--brand-primary:#b52d41;--brand-gradient:linear-gradient(130deg, #d4485d, #a51d34);--canvas:#e9edf2;--canvas-outer:#dce2e9;--card:#f3f6f9;--text-primary:#28313d;--text-secondary:#7b8795;--success:#238469;--success-soft:#e0f1e9;--danger-soft:#fce9ed;--shadow-raised:6px 7px 16px #cbd2dc, -6px -6px 16px #fff;--shadow-inset:inset 3px 3px 7px #cbd2dc, inset -3px -3px 7px #fff;--radius-card:19px;--radius-control:14px;--font-family:-apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}body{background:var(--canvas-outer);color:var(--text-primary);font-family:var(--font-family);margin:0}button,input,textarea{font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}#app{background:var(--canvas);width:min(100%,430px);min-height:100dvh;margin:auto;position:relative;box-shadow:0 12px 55px #66738336}.view{min-height:100dvh;padding:18px 16px 105px}.bar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.brand{align-items:center;gap:8px;font-size:14px;font-weight:850;display:flex}.brand-logo{border-radius:50%;width:38px;height:38px}.iconbtn{color:var(--brand-primary);background:#f6f8fb;border:1px solid #fff;border-radius:13px;place-items:center;min-width:44px;min-height:44px;padding:10px 12px;text-decoration:none;display:inline-grid}.hero{background:linear-gradient(160deg,#f7e1e4,#f6f0e9 55%,#d9e4ec);flex-direction:column;align-items:center;min-height:100dvh;padding:24px 20px 32px;display:flex}.card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-raised);border:1px solid #fff;padding:15px}.btn{border-radius:var(--radius-control);background:var(--brand-gradient);color:#fff;border:0;min-height:44px;padding:14px 16px;font-weight:750;box-shadow:0 7px 14px #b52d4140}.btn:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.btn.secondary{color:#a9283d;box-shadow:none;background:#e7ecf2;border:1px solid #fff}.wide{width:100%}.row{align-items:center;gap:12px;display:flex}.sub{color:var(--text-secondary);font-size:11px;line-height:1.7}.page-title{margin:5px 0 8px;font-size:25px}.note{color:#697584;background:#e3e8ef;border-radius:14px;padding:13px;font-size:11px;line-height:1.8}.pill{color:#687583;background:#e7ecf2;border-radius:99px;padding:6px 10px;font-size:10px;font-weight:750;display:inline-block}.tabs2{background:#e7ecf2;border-radius:14px;grid-template-columns:1fr 1fr;margin-bottom:16px;padding:4px;display:grid}.tabs2 button{color:#6b7684;background:0 0;border:0;border-radius:11px;padding:10px;font-size:13px;font-weight:700}.tabs2 button.on{color:var(--brand-primary);background:#f7f8fa;box-shadow:3px 3px 8px #cbd2dc,-3px -3px 8px #fff}.fld{border-radius:var(--radius-control);background:var(--canvas);width:100%;box-shadow:var(--shadow-inset);border:0;outline:0;margin-bottom:12px;padding:13px 14px}.linkbtn{color:var(--brand-primary);font-weight:700;font-size:inherit;background:0 0;border:0;padding:0;text-decoration:none}.error{background:var(--danger-soft);color:var(--brand-primary);border-radius:14px;margin-bottom:12px;padding:12px;font-size:12px;line-height:1.8}.back{color:#43505d;background:#f7f8fa;border:0;border-radius:11px;padding:9px 12px;text-decoration:none}.eyebrow{letter-spacing:2px;color:#ae7b87;font-size:10px}.welcome-title{text-align:center;letter-spacing:-.7px;margin:70px 0 0;font-size:30px;line-height:1.5}.welcome-title span{color:var(--brand-primary)}.subtitle{color:#8a7f88;text-align:center;font-size:12px;line-height:1.8}.welcome-bottom{width:100%;margin-top:auto}.section{justify-content:space-between;align-items:center;margin:20px 0 12px;display:flex}.section strong{font-size:16px}.muted{color:var(--text-secondary);font-size:11px}.small{font-size:12px}.item{text-align:left;background:var(--card);width:100%;color:var(--text-primary);border:1px solid #fff;border-radius:15px;align-items:center;gap:12px;min-height:44px;margin-bottom:10px;padding:12px;text-decoration:none;display:flex}.item strong{font-size:13px}.grow{flex:1;min-width:0}.result{text-align:center;padding:30px 0}.pill.good{background:var(--success-soft);color:var(--success)}.pill.warn{background:var(--danger-soft);color:var(--brand-primary)}.check{align-items:center;gap:8px;margin:4px 0 16px;display:flex}.center{text-align:center}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tile{aspect-ratio:1;background:var(--card);box-shadow:var(--shadow-raised);text-align:left;color:var(--text-primary);border:1px solid #fff;border-radius:20px;flex-direction:column;justify-content:space-between;padding:12px;text-decoration:none;display:flex}.tile-top{justify-content:space-between;align-items:center;gap:2px;display:flex}.course-icon{background:linear-gradient(145deg,#fff,#dce2e9);border-radius:16px;flex-shrink:0;place-items:center;width:54px;height:54px;font-size:27px;display:grid;box-shadow:3px 4px 9px #c7ced8,-3px -3px 8px #fff}.item .course-icon{width:46px;height:46px;font-size:22px}.tile strong{font-size:15px}.tile .sub{font-size:10px}.red{color:var(--brand-primary)}.green{color:var(--success)}.tiny{font-size:10px}.progresspair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.progressbox{text-align:center;flex-direction:column;align-items:center;gap:7px;padding:15px 6px;display:flex}.video-frame{aspect-ratio:16/9;color:#fff;background:linear-gradient(140deg,#414b5a,#1f2732);border-radius:18px;place-items:center;display:grid;overflow:hidden}.video-frame video{background:#000;width:100%;height:100%}.options{gap:10px;margin:20px 0;display:grid}.option{background:var(--card);text-align:left;color:var(--text-primary);border:1px solid #fff;border-radius:15px;align-items:center;gap:12px;width:100%;min-height:44px;padding:13px;font-size:13px;display:flex}.option.sel{border:2px solid var(--brand-primary);background:#fae7ea}.option.ok{background:var(--success-soft);border:2px solid var(--success)}.option.bad{background:var(--danger-soft);border:2px solid var(--brand-primary)}.letter{background:#e2e7ee;border-radius:10px;flex-shrink:0;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.option.sel .letter{background:var(--brand-primary);color:#fff}.fb{border-radius:14px;margin-bottom:8px;padding:12px;font-size:12px;line-height:1.8}.fb.ok{background:var(--success-soft);color:var(--success)}.fb.bad{background:var(--danger-soft);color:var(--brand-primary)}.fb.info{color:#4b5866;background:#e3e8ef}.essay{resize:vertical;background:#fafbfc;border:1px solid #d5dce5;border-radius:14px;width:100%;min-height:135px;padding:12px;font-size:13px}.chips{gap:7px;margin:15px 0;display:flex;overflow-x:auto}.chip{color:#697584;white-space:nowrap;background:#f6f7f9;border:1px solid #fff;border-radius:11px;padding:9px 12px;font-size:11px}.chip.active{background:var(--brand-primary);color:#fff}
