*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Be Vietnam Pro,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.hidden{display:none}.w-full{width:100%}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.text-muted{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-primary{--tw-text-opacity: 1;color:rgb(61 170 53 / var(--tw-text-opacity, 1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{font-family:Be Vietnam Pro,sans-serif;color:#1f2937;background:#eefbef;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}img{display:block;max-width:100%}.hanzi{font-family:Noto Sans SC,sans-serif}.image-fallback{display:flex;align-items:center;justify-content:center;background:#e5f7e6;color:#57965b;font-size:10px;text-align:center;border-radius:14px;padding:8px;overflow:hidden}.rotate-180{transform:rotate(180deg)}.text-muted{color:#6b7280}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:11px 16px;font-size:13px;font-weight:700;line-height:1.2;white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 14px #1f29371a}.btn-primary{background:#3daa35;color:#fff}.btn-yellow{background:#facc15;color:#634710}.btn-blue{background:#3b82f6;color:#fff}.btn-pink{background:#f06292;color:#fff}.btn-indigo{background:#4338ca;color:#fff}.btn-outline{background:#fff;border:1px solid #DCE8DE;color:#4b5563}.icon-button{border:0;background:transparent;color:#64716a;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px}.icon-button:hover{background:#f1f7f2}.text-input{width:100%;border:1px solid #D5E3D6;border-radius:12px;padding:13px 15px;outline:none;background:#fff;color:#1f2937}.text-input:focus{border-color:#3daa35;box-shadow:0 0 0 3px #3daa3520}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr) 350px;gap:24px;max-width:1760px;min-height:100vh;margin:0 auto;padding:22px 26px}.sidebar{height:calc(100vh - 44px);min-height:700px;position:sticky;top:22px;background:#fff;border-radius:20px;box-shadow:0 2px 12px #1f29370a;padding:28px 18px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 24px;border-bottom:1px solid #EDF3EE}.brand-mark{width:56px;height:56px;-o-object-fit:contain;object-fit:contain}.brand-name{font-weight:800;color:#238a33;font-size:18px;white-space:nowrap}.brand-hsk{font-size:27px;font-weight:800;line-height:1.05;color:#3daa35;letter-spacing:2px}.nav-caption{font-size:10px;letter-spacing:1.8px;color:#a5b1a8;font-weight:800;margin:28px 15px 10px}.side-nav{display:grid;gap:8px}.nav-item{height:48px;display:flex;align-items:center;gap:13px;border-radius:13px;padding:0 17px;color:#43864d;text-decoration:none;font-weight:700;font-size:14px;transition:.2s}.nav-item:hover{background:#edf9ee}.nav-item.active{background:#3daa35;color:#fff;box-shadow:0 7px 14px #3daa3530}.sidebar-spacer{flex:1}.activation-card{border-radius:16px;background:linear-gradient(160deg,#e8f9ec,#f4fbea);text-align:center;padding:13px 12px 12px;overflow:hidden}.activation-panda{height:103px;margin:0 auto -2px;-o-object-fit:contain;object-fit:contain}.activation-card p{font-size:11px;line-height:1.55;color:#4c6b53;margin:2px 0 12px;font-weight:600}.activation-card .btn{font-size:11px;padding:10px 6px}.main-column{min-width:0}.search-bar{height:52px;border:1.5px solid #9BD69A;background:#ffffffb8;border-radius:100px;display:flex;align-items:center;gap:11px;padding:5px 6px 5px 18px;color:#3daa35;box-shadow:0 1px 6px #3daa3512}.search-bar input{border:0;outline:0;background:transparent;flex:1;min-width:0;color:#334155;font-size:12px}.search-bar input::-moz-placeholder{color:#86a58c}.search-bar input::placeholder{color:#86a58c}.search-bar button{border:0;width:37px;height:37px;border-radius:50%;background:#3daa35;color:#fff;display:grid;place-items:center}.page-content{padding:34px 0 60px}.page-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-weight:800;letter-spacing:1.8px;color:#3daa35;font-size:10px}.page-title-row h1,.lesson-heading h1{font-size:30px;line-height:1.35;letter-spacing:-.04em;margin:8px 0 7px;color:#1c2c21;font-weight:800}.page-title-row p,.lesson-heading p{color:#7b8980;font-size:12px;line-height:1.7;margin:0}.title-badge{display:flex;align-items:center;gap:8px;background:#ddf5df;color:#338b36;border:1px solid #BEE6C2;padding:10px 13px;border-radius:100px;font-size:11px;font-weight:800}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 17px}.section-heading h2{font-size:18px;letter-spacing:-.025em;display:flex;align-items:center;gap:9px;margin:0 0 6px;font-weight:800}.section-heading p{font-size:11px;color:#96a29a;margin:0}.section-heading>span{font-size:11px;font-weight:700;color:#5b9d63;background:#dff4e1;border-radius:100px;padding:7px 11px;white-space:nowrap}.back-link,.lesson-bottom-link{border:0;background:transparent;color:#3daa35;display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:12px;padding:0;margin-bottom:22px}.unit-list{display:grid;gap:12px}.unit-card{background:#fff;border:1px solid #EDF2EC;border-radius:16px;box-shadow:0 2px 10px #1f293709;overflow:hidden;transition:.2s}.unit-card:hover{box-shadow:0 8px 20px #1f293712;transform:translateY(-1px)}.unit-head{width:100%;display:flex;align-items:center;gap:18px;text-align:left;border:0;background:none;padding:15px 18px;color:#263729}.unit-head>svg{color:#9bafa0;transition:transform .2s}.unit-image{width:75px;height:75px;-o-object-fit:contain;object-fit:contain;flex:none;background:#f7faf4;border-radius:13px;padding:4px}.unit-info{flex:1;min-width:0;display:block}.unit-info>strong{display:block;font-size:15px;font-weight:800;margin-bottom:3px}.unit-info>small{font-size:11px;color:#8d9990}.progress-row{display:flex;align-items:center;gap:12px;margin-top:12px}.progress-row b{font-size:10px;color:#7b8a7c;width:32px}.progress-track{display:block;height:7px;flex:1;background:#ebf0eb;border-radius:100px;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:100px}.progress-track .complete{background:#4ade80}.progress-track .ongoing{background:#f06292}.unit-lessons{padding:0 18px 14px 111px;display:grid;gap:4px}.unit-lesson{width:100%;border:0;background:#fbfdfc;border-radius:9px;display:flex;align-items:center;gap:8px;text-align:left;color:#76837b;padding:10px 9px;font-size:11px}.unit-lesson:hover{background:#f0f9f1;color:#3daa35}.unit-lesson span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unit-lesson.done{color:#3daa35}.unit-lesson small{font-size:9px;color:#a0aba3}.unit-lesson>svg:last-child{color:#bdcabe}.progress-circle{width:18px;height:18px;border:3px solid #CDE8CE;border-top-color:#3daa35;border-radius:50%;flex:none}.right-panel{position:sticky;top:22px;height:calc(100vh - 44px);overflow-y:auto;scrollbar-width:thin;padding:0 2px 15px 0}.user-row{display:flex;align-items:center;justify-content:space-between;margin:4px 0 16px;padding:0 3px}.user-row small,.user-row strong{display:block}.user-row small{font-size:10px;color:#91a097;margin-bottom:4px}.user-row strong{font-size:14px;font-weight:800}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#17565c;color:#fff;font-size:17px;font-weight:800;box-shadow:0 3px 10px #17565c33}.course-switcher{position:relative;margin-bottom:16px;z-index:10}.course-current{width:100%;border:1px solid #E7EFE7;background:#fff;border-radius:16px;box-shadow:0 2px 9px #1f29370a;display:flex;align-items:center;gap:12px;text-align:left;padding:11px 13px}.course-current-icon{width:50px;height:50px;-o-object-fit:contain;object-fit:contain;background:#f6faf3;border-radius:11px}.course-current>span{flex:1;min-width:0}.course-current small,.course-current strong{display:block}.course-current small{font-size:9px;color:#9aaa9d;margin-bottom:4px}.course-current strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-current>svg{color:#8a9f90;transition:.2s}.course-list{position:absolute;top:calc(100% + 7px);left:0;right:0;background:#fff;border:1px solid #E8F0E9;border-radius:16px;padding:7px;box-shadow:0 16px 35px #24442a25}.course-option{width:100%;border:0;background:#fff;border-radius:11px;padding:7px;display:flex;align-items:center;gap:10px;text-align:left;font-size:11px;font-weight:700;color:#465347}.course-option:hover,.course-option.selected{background:#eff9ee}.course-option-icon{width:37px;height:37px;-o-object-fit:contain;object-fit:contain}.course-option>span:nth-child(2){flex:1}.course-play{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#3b82f6;color:#fff}.course-play.playing{background:#3daa35}.continue-widget{width:100%;display:flex;align-items:center;gap:12px;border:0;border-radius:16px;background:linear-gradient(115deg,#37a733,#51be49);color:#fff;padding:17px 16px;text-align:left;margin-bottom:13px;box-shadow:0 8px 20px #3daa3528}.continue-icon{height:43px;width:43px;display:grid;place-items:center;background:#ffffff2c;border-radius:12px}.continue-widget span{flex:1}.continue-widget small,.continue-widget strong{display:block}.continue-widget small{font-size:10px;opacity:.82;margin-bottom:4px}.continue-widget strong{font-size:12px}.widget-card{background:#fff;border:1px solid #EDF2EC;border-radius:16px;padding:17px;margin-bottom:13px;box-shadow:0 2px 10px #1f293709}.widget-heading{font-size:13px;font-weight:800;margin-bottom:16px}.streak-head{display:flex;align-items:center;gap:11px}.streak-head img{width:58px;height:58px;-o-object-fit:contain;object-fit:contain}.streak-head small,.streak-head strong{display:block}.streak-head small{font-size:8px;color:#a0aea2;letter-spacing:1.4px;font-weight:800;margin-bottom:5px}.streak-head strong{font-size:13px}.streak-head em{font-style:normal;color:#3daa35}.streak-card p{font-size:10px;line-height:1.6;color:#89968c;margin:10px 0 12px}.week-pills{display:flex;gap:6px}.week-pills span{display:grid;place-items:center;flex:1;min-width:0;height:27px;border-radius:7px;background:#f1f5f1;color:#a0ada2;font-weight:800;font-size:9px}.week-pills span.is-active{background:#3daa35;color:#fff}.donut-row{display:flex;align-items:center;gap:18px}.donut{width:74px;height:74px;display:grid;place-items:center;border-radius:50%;flex:none}.donut span{width:55px;height:55px;background:#fff;border-radius:50%;display:grid;place-items:center;color:#3daa35;font-size:13px;font-weight:800}.donut-row strong,.donut-row small{display:block}.donut-row strong{font-size:15px;margin-bottom:4px}.donut-row small{font-size:10px;color:#9aaa9d;line-height:1.5}.stats-list{display:grid;gap:3px}.stats-list>div{display:flex;align-items:center;gap:10px;padding:7px;border-bottom:1px solid #F1F4F1;font-size:11px;color:#6b7280}.stats-list>div:last-child{border:0}.stats-list img{width:31px;height:31px;-o-object-fit:contain;object-fit:contain}.stats-list strong{margin-left:auto;color:#1f2937}.standard-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.standard-grid>div{background:#f8faf8;border-radius:12px;padding:13px;text-align:center}.standard-grid img{width:47px;height:47px;-o-object-fit:contain;object-fit:contain;margin:0 auto 6px}.standard-grid small,.standard-grid strong{display:block}.standard-grid small{font-size:9px;color:#8c9b8e}.standard-grid strong{font-size:16px;margin-top:3px}.right-tip{font-size:10px;color:#7a9980;display:flex;align-items:center;gap:6px;justify-content:center;margin-top:15px}.modal-backdrop,.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#13241988;display:grid;place-items:center;z-index:100;padding:20px}.modal-card{position:relative;background:#fff;border-radius:20px;width:min(100%,430px);padding:30px;box-shadow:0 25px 70px #10201644}.modal-card h2{font-size:20px;margin:0;font-weight:800}.modal-card p{font-size:12px;line-height:1.7}.modal-close{position:absolute;right:15px;top:15px}.form-error{color:#e24a4a;margin:8px 0 0}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}.skill-grid,.exam-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.skill-card{border:1px solid #ECF2ED;background:#fff;border-radius:18px;padding:13px;text-align:left;box-shadow:0 3px 11px #1f293709;transition:.2s}.skill-card:hover,.exam-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #1f293714}.skill-art{height:155px;background:linear-gradient(145deg,#f1faee,#fff8ed);border-radius:13px;display:grid;place-items:center}.skill-art img{height:143px;width:90%;-o-object-fit:contain;object-fit:contain}.skill-info{display:flex;align-items:center;justify-content:space-between;padding:14px 5px 2px}.skill-info strong,.skill-info small{display:block}.skill-info strong{font-size:16px;font-weight:800;margin-bottom:5px}.skill-info small{font-size:10px;color:#96a69b}.round-arrow{width:32px;height:32px;border-radius:50%;background:#e9f7ea;color:#3daa35;display:grid;place-items:center}.topic-header-art{width:90px;height:90px;-o-object-fit:contain;object-fit:contain}.topic-list{display:grid;gap:11px}.topic-row{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #EDF2EC;border-radius:16px;padding:11px 15px;box-shadow:0 2px 8px #1f293708}.topic-row>img{width:59px;height:59px;-o-object-fit:contain;object-fit:contain;background:#f6faf5;border-radius:10px}.topic-info{flex:1;min-width:0}.topic-info strong,.topic-info small{display:block}.topic-info strong{font-size:12px;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-info small{font-size:9px;color:#9aaa9d}.topic-info .progress-track{margin-top:9px;max-width:400px}.topic-row>b{font-size:10px;color:#8b998e}.topic-row .btn{font-size:11px;padding:9px 11px}.lesson-layout{display:flex;height:100vh;background:#f4faf4}.lesson-sidebar{width:305px;flex:none;display:flex;flex-direction:column;background:#fff;border-right:1px solid #E6EFE7;transition:width .25s;overflow:hidden}.lesson-sidebar.hidden{width:0}.lesson-sidebar-title{height:75px;display:flex;align-items:center;gap:10px;padding:13px 20px;border-bottom:1px solid #EEF2EE;min-width:305px}.lesson-sidebar-title img{width:43px;height:43px}.lesson-sidebar-title strong,.lesson-sidebar-title small{display:block}.lesson-sidebar-title strong{font-size:15px;color:#2e9c36}.lesson-sidebar-title small{font-size:9px;color:#a0aca1}.lesson-unit-list{padding:15px 12px;overflow:auto;min-width:305px}.lesson-unit-group{margin-bottom:7px}.lesson-unit-button{width:100%;display:flex;align-items:center;gap:10px;background:#fff;border:0;border-radius:10px;padding:9px;text-align:left;color:#58665b;font-size:11px;font-weight:700}.lesson-unit-button.active,.lesson-unit-button:hover{background:#f0faf1;color:#268c31}.lesson-unit-button img{height:35px;width:35px;-o-object-fit:contain;object-fit:contain}.lesson-unit-button span{flex:1}.lesson-unit-button svg{transition:.2s}.lesson-sublist{display:grid;gap:2px;padding:3px 0 6px 38px}.lesson-subitem{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:0;background:#fff;border-radius:8px;padding:9px;color:#89968c;font-size:10px}.lesson-subitem span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lesson-subitem.active{background:#e7f8e9;color:#2c9636;font-weight:700}.lesson-subitem.done{color:#3daa35}.lesson-main{flex:1;min-width:0;display:flex;flex-direction:column}.lesson-toolbar{height:75px;background:#fff;border-bottom:1px solid #E6EFE7;padding:0 28px;display:flex;align-items:center;gap:13px}.menu-toggle{display:flex;align-items:center;gap:7px;border:1px solid #E1ECE2;background:#fff;border-radius:9px;padding:8px 11px;color:#66786a;font-size:11px;font-weight:700}.lesson-toolbar-spacer{flex:1}.lesson-type{border-radius:100px;padding:7px 12px;background:#eaf7ec;color:#3daa35;font-size:10px;font-weight:800}.lesson-scroll{overflow:auto;padding:35px max(32px,calc((100% - 1000px)/2)) 70px}.lesson-heading{margin-bottom:25px}.lesson-heading h1{font-size:25px}.pdf-panel{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #E4EDE5;box-shadow:0 3px 16px #1f29370b}.pdf-toolbar{display:flex;justify-content:space-between;padding:15px 19px;background:#fafcfa;border-bottom:1px solid #E4EDE5;color:#66766a;font-size:11px;font-weight:700}.pdf-frame{height:68vh;width:100%;border:0}.lesson-bottom-link{margin-top:30px}.flashcards-list{display:grid;justify-items:center;gap:28px}.flashcard-wrap{width:min(100%,520px)}.flashcard-index{font-size:10px;font-weight:800;color:#90a095;letter-spacing:1.4px;margin:0 0 8px 8px}.flashcard-body{position:relative;height:565px;width:100%}.flash-face{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;border:1px solid #E8EEE8;border-radius:22px;box-shadow:0 8px 24px #1f29370d;backface-visibility:hidden;padding:20px;display:flex;flex-direction:column;align-items:center}.flash-art{height:215px;width:100%;border-radius:17px;background:linear-gradient(145deg,#fff8ee,#f1faed);display:grid;place-items:center}.flash-art img{height:205px;-o-object-fit:contain;object-fit:contain}.character-row{display:flex;align-items:center;gap:20px;margin-top:11px}.character-row>strong{font-size:73px;color:#b83f37;font-weight:700}.stroke-box{border:1px solid #E8D7D4;background:linear-gradient(90deg,transparent 49%,#F4E3E1 49%,#F4E3E1 51%,transparent 51%),linear-gradient(transparent 49%,#F4E3E1 49%,#F4E3E1 51%,transparent 51%),#fffcfb;width:108px;height:108px}.flash-labels{display:flex;align-items:center;gap:12px;width:100%;margin:13px 0 19px}.speak-button{height:42px;width:42px;border-radius:50%;border:0;background:#3daa35;color:#fff;display:grid;place-items:center}.flash-labels div{flex:1}.flash-labels strong,.flash-labels span{display:block}.flash-labels strong{font-size:23px}.flash-labels span{font-size:14px;color:#8d9a8e}.flash-labels small{font-size:10px;color:#a0aca2}.flip-btn{width:100%;margin-top:auto}.flash-back{transform:rotateY(180deg);justify-content:center;text-align:center}.flash-back-top{font-size:10px;letter-spacing:1.8px;color:#3daa35;font-weight:800}.flash-back h3{font-size:35px;color:#253b28;margin:12px 0 25px}.flash-example{background:#f5faf3;border-radius:15px;padding:22px;width:100%;text-align:left}.flash-example small{font-size:9px;font-weight:800;color:#84a68a}.flash-example p{margin:9px 0;font-size:12px;color:#59675b}.flash-example p.hanzi{font-size:25px;color:#263b29}.flash-example p.pinyin{color:#3daa35}.video-area{max-width:980px}.grammar-video{width:100%;aspect-ratio:16/9;background:#eee;-o-object-fit:cover;object-fit:cover;border-radius:16px;box-shadow:0 10px 22px #1f293718}.video-note{display:flex;align-items:center;gap:15px;background:#fff;border-radius:15px;padding:12px 20px;margin-top:18px;border:1px solid #E8F0E8}.video-note img{height:74px;width:74px;-o-object-fit:contain;object-fit:contain}.video-note strong{font-size:13px}.video-note p{font-size:21px;margin:3px 0}.video-note small{font-size:10px;color:#87958a}.fullscreen-practice,.exam-fullscreen{min-height:100vh;background:#f4faf4}.practice-header,.exam-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#fff;border-bottom:1px solid #E7EFE7}.practice-header button,.exam-header button{border:0;background:transparent;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:#5c6e61}.practice-header-title,.practice-header-right{display:flex;align-items:center;gap:8px;font-size:13px;color:#3daa35;font-weight:800}.practice-header-right{font-size:11px;color:#8a9d8e}.practice-run-body{max-width:900px;margin:0 auto;padding:30px 25px}.quiz-shell{width:100%;max-width:900px;margin:auto}.quiz-progress-label{display:flex;justify-content:space-between;color:#63786a;font-size:11px;font-weight:800;margin-bottom:8px}.quiz-progress-label strong{color:#3daa35}.quiz-progress-track{height:8px;background:#e1ebe1;border-radius:100px;overflow:hidden;margin-bottom:24px}.quiz-progress-track span{display:block;background:#4ade80;height:100%;border-radius:100px;transition:width .2s}.quiz-card{background:#fff;border:1px solid #EBF0EB;border-radius:18px;padding:30px 34px;box-shadow:0 5px 16px #1f293709;min-height:420px}.question-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#a0aca2}.question-heading>span{display:flex;align-items:center;gap:10px}.question-heading strong{font-size:18px;color:#3daa35}.question-divider{height:17px;width:1px;background:#ccd9ce}.question-heading button{border:0;background:none;color:#a0aca2;display:flex;align-items:center;gap:5px;font-size:10px}.question-prompt{font-size:18px;line-height:1.6;margin:23px 0 28px;font-weight:800}.question-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.choice-list{display:grid;gap:9px}.choice-button{border:1px solid #E5EDE6;border-radius:10px;background:#fff;padding:10px 12px;text-align:left;display:flex;align-items:center;gap:10px;min-height:46px;color:#38483d}.choice-button:hover,.choice-button.selected{border-color:#3daa35;background:#f0faf0}.choice-button.large{padding:14px}.choice-button>span:nth-child(2){display:block}.choice-button .hanzi{font-size:17px}.choice-button small{display:block;color:#8b998e;font-size:10px;margin-top:4px}.choice-letter{width:27px;height:27px;flex:none;border-radius:7px;display:grid;place-items:center;background:#f1f5f1;font-size:11px;font-weight:800;color:#719175}.choice-button.selected .choice-letter{background:#3daa35;color:#fff}.question-stem-card{border:1px dashed #BFD8C1;background:#fafdfa;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px}.stem-caption{font-size:9px;letter-spacing:1.4px;font-weight:800;color:#94aa97}.stem-large{font-size:38px;line-height:1.5;margin:9px 0}.question-stem-card p{color:#819183;font-size:12px}.letter-buttons{display:flex;gap:6px;margin-top:20px}.letter-buttons button{border:1px solid #CBDCCA;background:#fff;border-radius:7px;width:31px;height:31px;color:#537b58;font-size:11px;font-weight:800}.letter-buttons button.active{background:#3daa35;color:#fff;border-color:#3daa35}.question-center{text-align:center;padding:30px 10px}.audio-pill{border:0;background:#e9f8eb;color:#2c9c3a;border-radius:100px;padding:12px 18px;font-size:11px;font-weight:800;display:inline-flex;align-items:center;gap:8px}.audio-pill:hover{background:#d9f1dc}.hanzi-answer{display:block;margin:20px auto 0;width:min(100%,250px);text-align:center;border:2px solid #E5C5CF;border-radius:12px;background:#fff8fa;padding:12px;font-family:Noto Sans SC,sans-serif;font-size:25px;outline:0}.hanzi-answer:focus{border-color:#f06292}.match-area{display:grid;grid-template-columns:1fr 120px 1fr;min-height:380px;align-items:stretch}.match-column{display:flex;flex-direction:column;justify-content:space-around;gap:7px}.match-chip{border:1px solid #F2D5B5;border-radius:11px;background:#fff5e9;padding:13px;font-size:15px;text-align:center;min-height:52px}.match-chip:hover,.match-chip.active{background:#ffe0b9;border-color:#edae69}.match-chip.paired{border-color:#80bfa3}.match-lines{height:100%;width:100%;overflow:visible}.reorder-instructions{color:#9aaa9d;font-size:11px;margin-bottom:14px}.word-bank,.answer-zone{display:flex;flex-wrap:wrap;gap:9px;min-height:80px;padding:15px;border-radius:12px}.word-bank{background:#fff8ee;border:1px dashed #EAC9A0}.answer-zone{margin-top:22px;background:#f3fbf4;border:1px dashed #9CCCA0;align-items:center}.answer-zone>span{color:#a0b5a4;font-size:12px}.answer-zone.drag-over,.word-bank.drag-over{outline:2px solid #3DAA35}.word-chip{background:#fff;border:1px solid #E3D7CA;border-radius:8px;padding:8px 13px;font-size:21px;touch-action:none;box-shadow:0 2px 3px #1f29370a}.option-bank{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.option-bank span{border-radius:8px;background:#fff6e9;border:1px solid #F2D8B5;padding:9px 12px;font-family:Noto Sans SC;font-size:16px}.option-bank b{font:700 11px Be Vietnam Pro;color:#be8745}.multi-stems{display:grid;gap:14px}.multi-stems>div{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f9fcf9;border-radius:10px;padding:14px}.multi-stems p{font-size:19px;margin:0}.select-answer{border:1px solid #BCD8BF;padding:8px;border-radius:8px;background:#fff;min-width:140px}.binary-choices{display:flex;justify-content:center;gap:12px;margin-top:26px}.binary-choices button{border:1px solid #D9E5DA;background:#fff;border-radius:12px;padding:13px 20px;min-width:80px;display:flex;justify-content:center;align-items:center;gap:8px;font-weight:800}.binary-choices button.selected{background:#3daa35;color:#fff;border-color:#3daa35}.picture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:19px}.picture-option{position:relative;border:2px solid #E9EEE9;background:#fff;border-radius:12px;padding:5px;overflow:hidden}.picture-option.selected{border-color:#3daa35;box-shadow:0 0 0 3px #3daa3520}.picture-option img{width:100%;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;border-radius:8px}.picture-option span{position:absolute;top:10px;left:10px;width:27px;height:27px;background:#fff;border-radius:7px;display:grid;place-items:center;font-size:11px;font-weight:800}.answer-feedback{margin-top:28px;padding-top:18px;border-top:1px solid #E8EEE8;font-size:12px}.answer-feedback>div:first-child span{color:#3daa35;font-weight:800}.explanation{background:#f4faf5;border-radius:12px;padding:16px;margin-top:12px;line-height:1.7}.explanation p{margin:6px 0 0}.quiz-footer{display:flex;align-items:center;gap:10px;background:#fff;margin-top:14px;padding:12px;border-radius:14px;border:1px solid #E6EDE6}.quiz-footer .btn:first-of-type{margin-left:auto}.quiz-footer-icon{height:35px;width:35px;border-radius:50%;display:grid;place-items:center;background:#fff1e2;color:#ed9c4c}.quiz-footer.correct{background:#dcfce7;color:#219044}.quiz-footer.wrong{background:#fff0f4;color:#d24773}.quiz-footer img{width:60px;height:55px;-o-object-fit:contain;object-fit:contain}.quiz-footer strong{font-size:15px;flex:1}.exam-card{border:1px solid #EDF1EB;background:#fff;border-radius:17px;box-shadow:0 2px 10px #1f293709;display:flex;align-items:center;gap:15px;text-align:left;padding:18px;transition:.2s}.exam-card>img{height:63px;width:63px;-o-object-fit:contain;object-fit:contain;background:#f6faf4;border-radius:12px}.exam-card>div{flex:1}.exam-card strong,.exam-card small{display:block}.exam-card strong{font-size:14px;margin-bottom:6px}.exam-card small{font-size:10px;color:#9aaa9d}.exam-card-arrow{width:34px;height:34px;border-radius:50%;background:#ecf8ee;color:#3daa35;display:grid;place-items:center}.exam-sections{background:#fff;border:1px solid #EAF0E9;border-radius:18px;padding:8px 20px;box-shadow:0 3px 12px #1f293709}.exam-section-overview{display:flex;justify-content:space-between;align-items:center;padding:21px 8px;border-bottom:1px solid #EEF2ED}.exam-section-overview span{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800;color:#3daa35}.exam-section-overview strong{font-size:11px;color:#8b9b8c}.exam-section-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #EEF2ED;padding:15px 7px}.exam-section-row:last-child{border:0}.exam-section-icon{height:44px;width:44px;border-radius:11px;background:#eaf7eb;color:#3daa35;display:grid;place-items:center}.exam-section-name{flex:1}.exam-section-name strong,.exam-section-name small{display:block}.exam-section-name strong{font-size:12px;margin-bottom:5px}.exam-section-name small{font-size:10px;color:#9aaa9d}.exam-section-row .btn{font-size:11px}.exam-header{background:#3daa35;border:0;color:#fff}.exam-header button{color:#fff}.exam-header>div{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:800}.exam-header img{height:39px;width:39px;-o-object-fit:contain;object-fit:contain}.exam-header>span{display:flex;align-items:center;gap:19px}.exam-intro-card,.result-card{max-width:800px;margin:48px auto;background:#fff;border-radius:22px;padding:32px 44px;box-shadow:0 15px 35px #1f293713;text-align:center}.exam-intro-icon img{width:92px;height:92px;-o-object-fit:contain;object-fit:contain;margin:auto}.exam-intro-card h1,.result-card h1{font-size:27px;margin:10px 0}.exam-intro-card>p,.result-card>p{font-size:12px;color:#8d9b90;line-height:1.6}.exam-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}.exam-info-grid>div{display:flex;align-items:center;flex-direction:column;gap:8px;padding:20px 10px;background:#f5faf5;border-radius:13px;color:#3daa35}.exam-info-grid small{font-size:10px;color:#95a496}.exam-info-grid strong{font-size:14px;color:#263629}.exam-instructions{text-align:left;background:#f8fbf8;border-radius:15px;padding:20px 25px}.exam-instructions h2{font-size:15px;margin:0 0 10px}.exam-instructions ul{padding-left:20px;margin:0;color:#738076;font-size:11px;line-height:2}.exam-instructions button{border:0;background:none;color:#3daa35;font-size:11px;font-weight:800;display:flex;align-items:center;gap:7px;margin-top:10px}.intro-start{margin-top:23px;min-width:180px}.exam-timer{font-size:18px;font-weight:800;display:inline-flex;align-items:center;gap:7px;color:#fff}.exam-timer.urgent{color:#ffe9a2}.exam-submit{border:1px solid #FFFFFF88!important;border-radius:9px!important;padding:9px 12px;color:#fff!important}.exam-run-content{max-width:900px;margin:28px auto;padding:0 25px 110px}.exam-run-top{display:flex;justify-content:space-between;font-size:11px;color:#7d9182;margin-bottom:14px}.exam-run-top strong{color:#3daa35}.exam-question{min-height:510px}.exam-footer{position:fixed;bottom:0;left:0;right:0;height:72px;background:#fff;border-top:1px solid #E9EEE9;display:flex;justify-content:space-between;align-items:center;padding:0 max(35px,calc((100vw - 950px)/2));gap:15px;z-index:5}.exam-footer>span{font-size:11px;color:#8c9b8e}.drawer-backdrop{place-items:stretch end;padding:0}.question-drawer{height:100%;width:min(380px,100%);background:#fff;padding:28px;box-shadow:-10px 0 30px #16251a22}.question-drawer>div:first-child{display:flex;align-items:center;justify-content:space-between}.question-drawer h2{font-size:17px;margin:0}.question-drawer p{font-size:11px;color:#8f9c91}.question-number-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:30px}.question-number-grid button{height:44px;border-radius:9px;border:1px solid #D9E5DA;background:#fff;font-weight:800}.question-number-grid button.answered{background:#d9f5dd;color:#2d9d38}.question-number-grid button.current{outline:2px solid #3DAA35}.result-icon{width:90px;height:90px;border-radius:50%;background:#e4f9e7;color:#3daa35;display:grid;place-items:center;margin:0 auto 15px}.score-ring{margin:26px auto 16px;border-radius:50%;height:160px;width:160px;border:13px solid #4ADE80;display:flex;align-items:center;justify-content:center;flex-direction:column}.score-ring strong{font-size:47px;line-height:1}.score-ring span{font-size:11px;color:#96a39a}.result-stats{display:flex;gap:25px;justify-content:center;font-size:12px;color:#829187}.result-stats b{color:#3daa35}.result-actions{display:flex;justify-content:center;gap:10px;margin-top:26px}.review-list{text-align:left;margin-top:25px;max-height:400px;overflow:auto}.review-list>div{padding:14px;border-top:1px solid #EAF1EA}.review-list strong{font-size:11px}.review-list p,.review-list small{font-size:10px;color:#718075}.report-hero{height:170px;border-radius:18px;background:linear-gradient(110deg,#2d9d32,#6bc85a);color:#fff;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:20px 35px;margin-bottom:15px}.report-hero span{font-size:9px;font-weight:800;letter-spacing:1.6px;opacity:.8}.report-hero h2{font-size:46px;margin:1px 0;letter-spacing:.08em}.report-hero p{font-size:11px;margin:0;opacity:.86}.report-hero img{height:180px;-o-object-fit:contain;object-fit:contain;align-self:end}.report-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:17px}.report-overview>div{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #EDF2EC;border-radius:13px;padding:11px}.report-overview img{height:44px;width:44px;-o-object-fit:contain;object-fit:contain}.report-overview small,.report-overview strong{display:block}.report-overview small{font-size:9px;color:#97a499}.report-overview strong{font-size:12px;margin-top:4px}.report-card{background:#fff;border:1px solid #ECF1EB;border-radius:17px;padding:22px;margin-bottom:16px;box-shadow:0 2px 10px #1f293709}.report-card .section-heading{margin-bottom:18px}.history-group{border:1px solid #E8F0E9;border-radius:12px;overflow:hidden;margin-bottom:12px}.history-date{display:flex;align-items:center;gap:8px;background:#eaf8eb;color:#3d9250;padding:12px 15px;font-size:11px;font-weight:800}.history-date span{font-size:9px;font-weight:600;margin-left:auto;color:#8ca993}.history-item{display:flex;align-items:center;gap:12px;padding:13px 15px;border-top:1px solid #EEF2EE}.history-time{display:flex;align-items:center;gap:5px;color:#99a69b;font-size:10px;width:80px}.history-name{flex:1}.history-name strong,.history-name small{display:block}.history-name strong{font-size:11px}.history-name small{font-size:9px;color:#9caa9e;margin-top:3px}.history-score{font-size:12px;font-weight:800;color:#3daa35}.history-item .btn{font-size:10px;padding:8px 9px}.empty-state,.not-found{background:#fff;border-radius:15px;padding:45px;text-align:center;color:#758478;font-size:13px}.pdf-toolbar>span:last-child{display:flex;align-items:center;gap:13px}.pdf-toolbar button,.pdf-toolbar a{border:0;background:transparent;color:#3daa35;text-decoration:none;font-size:11px;font-weight:800}.pdf-pages{display:grid;gap:20px;padding:20px;background:#f2f4f2}.pdf-pages>div{background:#fff;box-shadow:0 3px 12px #1f29371b}.pdf-pages>div>span{display:block;font-size:10px;color:#84938a;padding:10px 13px}.pdf-pages img{width:100%;height:auto}@media(max-width:1300px){.app-shell{grid-template-columns:225px minmax(0,1fr) 300px;gap:16px;padding:18px}.sidebar{padding-left:13px;padding-right:13px}.brand-name{font-size:15px}.right-panel{top:18px}.unit-head{gap:12px}.skill-art{height:135px}.skill-art img{height:125px}}@media(max-width:1100px){.app-shell{grid-template-columns:80px minmax(0,1fr);gap:18px}.sidebar{padding:18px 9px;align-items:center}.brand{padding:0 0 16px}.brand-mark{width:45px;height:45px}.brand>div,.nav-caption,.nav-item span,.activation-card{display:none}.side-nav{margin-top:18px}.nav-item{width:52px;padding:0;justify-content:center}.right-panel{position:static;height:auto;grid-column:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0}.right-panel .user-row,.right-panel .course-switcher{grid-column:span 1}.right-panel .widget-card,.right-panel .continue-widget{margin:0}.right-tip{display:none}.main-column{grid-column:2}}@media(max-width:768px){.app-shell{grid-template-columns:64px minmax(0,1fr);gap:10px;padding:10px}.sidebar{height:calc(100vh - 20px);min-height:0;top:10px;border-radius:13px}.brand-mark{width:38px;height:38px}.nav-item{width:43px;height:43px}.main-column{min-width:0}.right-panel{grid-template-columns:1fr}.right-panel .widget-card,.right-panel .continue-widget,.right-panel .course-switcher,.right-panel .user-row{grid-column:1}.page-content{padding-top:25px}.page-title-row h1{font-size:23px}.page-title-row p{font-size:10px}.skill-grid,.exam-grid,.question-columns{grid-template-columns:1fr}.unit-head{padding:10px;gap:10px}.unit-image{width:58px;height:58px}.unit-info>strong{font-size:12px}.unit-lessons{padding-left:78px}.skill-art{height:120px}.skill-art img{height:115px}.topic-row{gap:8px;padding:9px}.topic-row>img{width:45px;height:45px}.topic-row .btn{font-size:9px}.lesson-sidebar{width:235px}.lesson-sidebar-title,.lesson-unit-list{min-width:235px}.lesson-toolbar{padding:0 10px}.lesson-type{display:none}.lesson-scroll{padding:25px 15px}.lesson-heading h1{font-size:20px}.flashcard-body{height:535px}.flash-art{height:190px}.flash-art img{height:180px}.quiz-card{padding:20px 15px}.question-prompt{font-size:15px}.match-area{grid-template-columns:1fr 75px 1fr}.picture-grid{grid-template-columns:repeat(2,1fr)}.practice-header,.exam-header{padding:0 15px}.practice-header-right{display:none}.exam-intro-card,.result-card{margin:20px 10px;padding:25px 16px}.exam-footer{padding:0 10px}.exam-footer>span{display:none}.exam-info-grid{gap:5px}.exam-info-grid>div{padding:15px 4px}.exam-section-row{flex-wrap:wrap}.report-overview{grid-template-columns:1fr}.report-hero h2{font-size:34px}.report-hero img{height:140px}.history-item{flex-wrap:wrap}.history-name{min-width:120px}}.practice-restart{display:flex;align-items:center;gap:7px;margin:0 0 14px auto;border:1px solid #C9DECB;border-radius:9px;background:#fff;color:#347f40;padding:8px 12px;font-size:11px;font-weight:800}.unit-sample-note{margin:5px 0 4px;color:#809183;font-size:10px;font-style:italic}.stroke-order{width:108px;flex:none;text-align:center}.stroke-order small{display:block;font:700 9px Be Vietnam Pro,sans-serif;color:#9a6a64;margin-top:3px}.exam-section-overview{gap:15px}.exam-section-overview strong{flex:1}.exam-section-overview .btn{font-size:11px}.exam-navigation{display:flex;align-items:center;gap:8px}.exam-navigation .btn{white-space:nowrap}.picture-exam-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:26px}.picture-exam-layout h3{font-size:13px;margin:0 0 12px;color:#3d6f47}.picture-exam-layout .picture-grid{grid-template-columns:repeat(2,1fr);margin-top:0}.picture-exam-layout .picture-option img{aspect-ratio:4/3}.picture-exam-row{border:1px solid #E4EEE6;border-radius:11px;padding:12px;margin-bottom:10px;opacity:.58}.picture-exam-row.active{border-color:#3daa35;background:#f5fbf5;opacity:1}.picture-exam-row>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:12px}.picture-exam-row>div:first-child button{display:flex;align-items:center;gap:6px;border:0;border-radius:20px;background:#e4f6e8;color:#2e943a;padding:7px 10px;font-size:10px;font-weight:800}.picture-exam-row .letter-buttons{margin-top:11px}.picture-exam-row .letter-buttons button:disabled{opacity:.65;cursor:not-allowed}.overall-breakdown{margin:25px auto;max-width:480px;text-align:left}.overall-breakdown>div{display:flex;justify-content:space-between;padding:14px 18px;margin-bottom:8px;background:#f5faf5;border-radius:10px;font-size:13px}.overall-breakdown strong{color:#3daa35}.video-stage{position:relative}.video-character-overlay{position:absolute;right:22px;bottom:65px;display:flex;align-items:end;gap:4px;pointer-events:none}.video-character-overlay img{height:115px;max-width:105px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 5px 8px #1F293744)}.video-character-overlay strong{font:800 25px Noto Sans SC,sans-serif;color:#3daa35;background:#fffaf0e8;border-radius:13px;padding:12px}.video-audio-note{margin:8px 0 0;color:#7d8e80;font-size:10px}@media(max-width:768px){.picture-exam-layout{grid-template-columns:1fr}.picture-exam-layout .picture-grid{grid-template-columns:repeat(3,1fr)}.exam-section-overview{flex-wrap:wrap}.exam-section-overview strong{min-width:100%}.exam-navigation .btn{padding:8px;font-size:10px}.video-character-overlay img{height:75px}}