.exam-client{--exam-nav-w:232px;--exam-nav-btn-font:16px;--exam-side-w:220px;--exam-judgment-icon-size:21px;--exam-judgment-icon-stroke:2;--exam-ui-text-size:16px;--exam-text-size-medium:20px;--exam-text-size-large:24px;--exam-text-size-xlarge:28px;--exam-text-size:var(--exam-text-size-medium);--exam-image-max-h:min(44vh,440px);position:fixed;inset:0;z-index:12000;display:flex;flex-direction:column;min-width:1037px;background:var(--surface-3,#f3f4f6);color:var(--ink);font-family:var(--font,var(--sans));}
.exam-client.font-large{--exam-text-size:var(--exam-text-size-large);}
.exam-client.font-xlarge{--exam-text-size:var(--exam-text-size-xlarge);}
.exam-client[hidden]{display:none!important;}
.exam-client *{box-sizing:border-box;}
.exam-client button,.exam-client input,.exam-client textarea{font:inherit;}
.exam-client-header{height:58px;flex:0 0 58px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:10px 10px 0;padding:0 24px;border:0;border-radius:6px;background:#fff;}
.exam-client-brand{display:flex;align-items:center;gap:13px;flex:1 1 0;min-width:0;max-width:100%;}
.exam-client-brand img{width:38px;height:38px;flex:0 0 44px;object-fit:contain;}
.exam-client-brand strong{display:block;min-width:0;flex:1 1 auto;max-width:100%;max-height:56px;overflow:hidden;font-family:inherit;font-size:20px;font-weight:700;line-height:28px;color:var(--ink);white-space:normal;overflow-wrap:anywhere;}
.exam-client-status{flex:0 0 auto;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:24px;}
.exam-stage-action{min-width:124px;min-height:48px;padding:0 14px;border:1px solid rgba(229,41,74,.5);border-radius:6px;background:transparent;color:var(--red);font-size:var(--exam-ui-text-size);font-weight:700;line-height:1.4;white-space:nowrap;cursor:pointer;}
.exam-stage-action:hover:not(:disabled){border-color:var(--red);background:var(--red-light);color:var(--red);}
.exam-stage-action:focus-visible{outline:2px solid color-mix(in srgb,var(--red) 32%,transparent);outline-offset:2px;}
.exam-stage-action:disabled{border-color:#d7dadd;background:#eef0f2;color:#9299a2;cursor:not-allowed;}
.exam-stage-action[hidden]{display:none;}
.exam-client-time{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap;color:#0a1a38;}
.exam-client-time-phase{display:inline-flex;align-items:center;gap:4px;}
.exam-client-time-icon{width:28px;height:28px;flex:0 0 28px;display:block;object-fit:contain;}
.exam-client-time span{color:#0a1a38;font-size:20px;font-weight:700;line-height:26px;letter-spacing:0;}
.exam-client-time-label:empty{display:none;}
.exam-client-time strong{display:inline-flex;align-items:center;font-family:inherit;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;}
.exam-time-cell{display:inline-flex;align-items:center;justify-content:center;width:35px;min-width:35px;height:34px;padding:0;border-radius:3px;background:#0a1a38;color:#fff;font-size:20px;font-weight:700;line-height:26px;}
.exam-time-sep{padding:0;color:var(--ink,#111827);font-size:20px;font-style:normal;font-weight:700;line-height:20px;}
.exam-client-body{flex:1;min-height:0;display:grid;grid-template-columns:var(--exam-nav-w) minmax(0,1fr) var(--exam-side-w);gap:10px;padding:10px;}
.exam-nav,.exam-stage,.exam-candidate{min-height:0;border:0;border-radius:6px;background:#fff;}
.exam-nav{display:flex;flex-direction:column;background:#fff;overflow:hidden;}
.exam-nav-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0 -12px 6px;padding:10px 12px;border-bottom:0;color:var(--ink-2);font-size:12px;line-height:1.5;}
.exam-nav-legend span{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;white-space:nowrap;}
.exam-nav-legend i{position:relative;width:14px;height:14px;flex:0 0 14px;border:1px solid var(--red);border-radius:2px;background:#fff;}
.exam-nav-legend .answered i{border-color:#FAD4DB;background:rgba(229,41,74,.2);}
.exam-nav-legend .partial i{border-color:var(--red);background:linear-gradient(90deg,#fad4db 0 50%,#fff 50% 100%);}
.exam-nav-legend .empty i{border-color:#f1f2f4;background:#fff;}
.exam-nav-legend .current i{border-color:var(--red);background:#fff;box-shadow:0 0 0 1px var(--red);}
.exam-nav-scroll{flex:1;min-height:0;overflow:auto;padding:13px 12px 22px;scrollbar-width:thin;}
.exam-nav-tabs{position:sticky;top:-13px;z-index:2;display:flex;align-items:stretch;margin:-13px -12px 12px;border-bottom:0;background:#f3f4f6;}
.exam-nav-tab{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;padding:10px 4px;border:0;background:#f3f4f6;color:var(--ink-2);text-align:center;font-family:inherit;font-size:var(--exam-ui-text-size);font-weight:500;line-height:1.25;cursor:pointer;overflow:visible;white-space:nowrap;}
.exam-nav-tab:disabled{cursor:not-allowed;opacity:.55;}
.exam-nav-tab.active{background:#fff;border-radius:6px 6px 0 0;color:#0a1a38;font-weight:700;}
.exam-nav-tab.complete{background:#f3f4f6;color:var(--ink-3);}
.exam-nav-tab.active.complete{background:#fff;color:#0a1a38;}
.exam-nav-module{padding-bottom:0;margin-bottom:0;border-bottom:0;}
.exam-nav-module:last-child{border-bottom:0;margin-bottom:0;}
.exam-nav-module-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;color:var(--seal);font-size:var(--exam-nav-btn-font);font-weight:750;}
.exam-nav-module.locked .exam-nav-module-title{color:var(--ink-3);}
.exam-nav-section{margin-top:10px;}
.exam-nav-section:first-child{margin-top:0;}
.exam-nav-section-title{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:12px 0;color:var(--ink-2);font-size:var(--exam-nav-btn-font);line-height:1.5;text-align:center;}
.exam-nav-section-title::before,.exam-nav-section-title::after{content:'';flex:1;height:1px;background:var(--border);}
.exam-nav-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
.exam-nav-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-width:0;height:36px;padding:0 4px;border:1px solid #f1f2f4;border-radius:3px;overflow:hidden;background:#fff;color:#0a1a38;font-size:var(--exam-nav-btn-font);font-weight:400;line-height:1.5;white-space:nowrap;}
.exam-nav-button.partial{border-color:var(--red);background:linear-gradient(90deg,#fad4db 0 var(--answer-progress,50%),#fff var(--answer-progress,50%) 100%);}
.exam-nav-button:hover:not(:disabled){border-color:var(--red);}
.exam-nav-button.answered{border-color:#FAD4DB;background:rgba(229,41,74,.2);}
.exam-nav-button.current{border-color:var(--red);box-shadow:0 0 0 1px var(--red);}
.exam-nav-button.marked::after{content:'';position:absolute;right:2px;top:-4px;width:11px;height:16px;background:#ffbf65;clip-path:polygon(0 0,100% 0,100% 100%,50% 76%,0 100%);}
.exam-nav-button.example{color:#0a1a38;background:#f3f4f6;border-color:#f3f4f6;}
.exam-nav-button.range{grid-column:span 2;}
.exam-nav-label{display:block;line-height:24px;}
.exam-nav-audio-wave{position:absolute;right:0;bottom:1px;left:0;display:flex;align-items:flex-end;justify-content:center;gap:2px;height:10px;color:var(--red);pointer-events:none;}
.exam-nav-audio-wave i{display:block;width:3px;height:4px;border-radius:20px 20px 0 0;background:currentColor;transform-origin:center bottom;animation:exam-nav-audio-wave .72s ease-in-out infinite alternate;}
.exam-nav-audio-wave i:nth-child(2),.exam-nav-audio-wave i:nth-child(4){height:9px;animation-delay:.16s;}
.exam-nav-audio-wave i:nth-child(3){height:7px;animation-delay:.32s;}
@keyframes exam-nav-audio-wave{to{transform:scaleY(.38);}}
@media (prefers-reduced-motion:reduce){.exam-nav-audio-wave i{animation:none;}}
.exam-nav-button:disabled{opacity:.42;cursor:not-allowed;}
.exam-stage{position:relative;display:flex;flex-direction:column;overflow:hidden;}
.exam-question-head-tools{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:0 13px;}
.exam-stage-countdown{display:flex;align-items:center;min-width:max-content;color:#f07818;font-size:13px;font-weight:750;white-space:nowrap;}
.exam-stage-countdown:empty{display:none;}
.exam-stage-countdown:not(:empty){margin-right:8px;}
.exam-head-tool{width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;color:#c7cbd3;cursor:pointer;transition:color .15s;}
.exam-head-tool:hover:not(:disabled){background:transparent;box-shadow:none;color:var(--ink-3);}
.exam-head-tool:focus-visible{outline:1px solid var(--border-2);outline-offset:1px;background:transparent;box-shadow:none;color:var(--ink-3);}
.exam-head-tool:disabled{opacity:.32;cursor:not-allowed;}
.exam-mark-icon{width:var(--exam-mark-icon-size,24px);height:var(--exam-mark-icon-size,24px);fill:transparent;stroke:currentColor;stroke-width:1.96;stroke-linecap:round;stroke-linejoin:round;transition:fill .15s,color .15s;}
.exam-mark-button.marked{color:#ffbf65;}
.exam-mark-button.marked .exam-mark-icon{fill:currentColor;stroke:currentColor;stroke-width:1.4;}
.exam-feedback-icon{width:var(--exam-feedback-icon-size,23px);height:var(--exam-feedback-icon-size,23px);stroke-width:1.96;}
.exam-question-scroll{flex:1;min-height:0;overflow:auto;padding:16px;background:#fff;font-size:var(--exam-text-size);}
.exam-question-scroll.is-load-failed{display:grid;place-items:center;overflow:hidden;}
.exam-question-shell{position:relative;min-height:100%;border:1px solid var(--line);padding:72px 26px 22px;background:#fff;}
.exam-question-heading{position:absolute;top:-1px;left:-1px;right:-1px;min-height:48px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;border-bottom:1px solid var(--line);background:#fff;}
.exam-question-tab{position:static;min-width:42px;width:auto;height:42px;margin:3px 0;padding:0 12px;white-space:nowrap;display:flex;align-items:center;justify-content:center;border-radius:6.5px;background:#f3f4f6;color:#0a1a38;font-size:var(--exam-ui-text-size);font-weight:600;line-height:1.5;}
.exam-question-guide{display:flex;align-items:center;min-width:0;padding:8px 15px;color:var(--ink);font-size:var(--exam-ui-text-size);font-weight:400;line-height:1.5;}
.exam-question-guide strong{white-space:nowrap;}
.exam-question-instruction{margin-bottom:18px;font-family:inherit;font-size:var(--exam-text-size);font-weight:650;line-height:1.55;}
.exam-question-note{margin:-8px 0 18px;color:var(--ink-3);font-size:var(--exam-text-size);}
.exam-group-item{position:relative;padding:17px 0;border-top:1px solid var(--line-soft);}
.exam-group-item:first-of-type{padding-top:0;border-top:0;}
.exam-client.preview-readonly .exam-option:disabled:not(.example-option){opacity:1;cursor:not-allowed;}
.exam-item-prompt{font-size:var(--exam-text-size);line-height:2;color:var(--ink);}
.exam-item-prompt.listening-number{margin-bottom:4px;line-height:1;}
.exam-item-serial{display:inline-flex;min-width:2em;color:var(--seal);font-weight:750;}
.exam-options.exam-inline-choice, .exam-options.exam-image-options.exam-inline-choice{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;}
.exam-options.exam-inline-choice .exam-option{flex:1 1 auto;width:auto;min-width:0;min-height:44px;padding:8px 10px;white-space:nowrap;}
.exam-options.exam-inline-choice .exam-option>span:last-child{min-width:0;white-space:normal;overflow-wrap:anywhere;}
.exam-options.exam-image-options.exam-inline-choice .exam-option{flex:1 1 170px;min-width:150px;}
.exam-options{display:grid;gap:9px;width:100%;margin-top:14px;}
.exam-option{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid transparent;border-radius:3px;background:#fff;color:var(--ink);text-align:left;font-size:var(--exam-text-size);transition:border-color .15s,background .15s;}
.exam-option:hover:not(:disabled){border-color:color-mix(in srgb,var(--seal) 45%,var(--line));background:var(--seal-tint);}
.exam-option.selected{border-color:var(--seal);background:var(--seal-tint);color:var(--seal);}
.exam-option-dot{width:15px;height:15px;flex:0 0 15px;border:1px solid #a6adb5;border-radius:50%;background:#fff;}
.exam-option.selected .exam-option-dot{border:4px solid var(--seal);}
.exam-judgment-icon{display:block;width:var(--exam-judgment-icon-size);height:var(--exam-judgment-icon-size);flex:0 0 var(--exam-judgment-icon-size);stroke-width:var(--exam-judgment-icon-stroke);}
.exam-option.example-option{cursor:default;}
.exam-option.example-option:disabled{opacity:1;color:var(--ink);}
.exam-image-options{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;}
.exam-image-option{min-height:0;flex-direction:column;justify-content:center;padding:8px;border-color:var(--line);background:#fafbfb;text-align:center;}
.exam-image-symbol{display:block;width:42px;height:42px;color:var(--ink-2);}
.exam-scene-visual{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;}
.exam-scene-image{display:block;width:100%;height:auto;max-width:100%;max-height:var(--exam-image-max-h);object-fit:contain;border:0;background:transparent;}
.exam-richtext-image{display:block;max-width:min(100%,480px);height:auto;margin:10px 0;}
.exam-image-option .exam-scene-visual{width:100%;max-width:170px;margin:0 auto;}
.exam-image-option .exam-scene-image{border:1px solid var(--line);background:#f7f4ed;}
.exam-image-option-label{color:var(--ink);display:block;margin-top:6px;line-height:2;}
.exam-image-option-label ruby{ruby-align:center;ruby-position:over;}
.exam-image-option-label rt{color:var(--ink-3);font-size:.58em;font-weight:400;}
.exam-scene-material{display:flex;align-items:center;justify-content:center;min-height:118px;margin:10px 0 16px;color:var(--ink-2);}
.exam-scene-material .exam-scene-visual{width:min(100%,520px);max-width:100%;}
.exam-scene-material .exam-image-symbol{width:72px;height:72px;}
.exam-item-material{margin:10px 0 16px;padding:0;border:0;background:transparent;color:var(--ink);font-size:var(--exam-text-size);line-height:2;}
.exam-material-first>.exam-item-material{margin:0 0 18px;padding:0 72px 0 0;border-left:0;background:transparent;color:var(--ink);font-size:var(--exam-text-size);line-height:2;text-indent:0;}
.exam-material-first>.exam-item-prompt{margin:0;font-size:var(--exam-text-size);font-weight:400;line-height:2;text-indent:0;}
.exam-question-prefix{display:inline-block;margin-right:4px;color:var(--seal);font-size:var(--exam-text-size);font-weight:650;line-height:inherit;}
.exam-image-option .exam-option-dot{position:absolute;opacity:0;}
.exam-container-question{display:grid;gap:16px;}
.exam-container-material{padding:0;border:0;background:transparent;color:var(--ink);font-size:var(--exam-text-size);line-height:2.5;}
.exam-container-children{display:grid;gap:14px;}
.exam-container-child{position:relative;padding:14px 0;border-top:1px solid var(--line);}
.exam-container-child:first-child{border-top:0;}
.exam-container-child.is-listening-focus{margin:0 -10px;padding:14px 10px;box-shadow:inset 1px 0 0 var(--red);}
.exam-option.shared-ref{min-height:38px;justify-content:center;padding:7px;}
.exam-option.shared-ref .exam-option-dot{display:none;}
.exam-sentence-order{display:grid;gap:16px;width:100%;margin-top:18px;}
.exam-sentence-order-head{display:flex;align-items:flex-start;justify-content:center;gap:18px;position:relative;min-height:48px;}
.exam-sentence-order-slots{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;}
.exam-sentence-order-slot{width:48px;height:48px;padding:0;border:1px solid var(--seal);border-radius:4px;background:#fff;color:var(--ink);font-size:var(--exam-text-size);font-weight:650;text-align:center;}
.exam-sentence-order-slot:hover:not(:disabled),.exam-sentence-order-slot:focus-visible{background:var(--seal-tint);outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--seal) 14%,transparent);}
.exam-sentence-order-slot.empty{border-color:var(--line-strong);background:#fff;}
.exam-sentence-order-clear{position:absolute;right:0;min-height:34px;padding:6px 10px;border:1px solid var(--line-strong);border-radius:3px;background:#fff;color:var(--ink-2);font-size:14px;}
.exam-sentence-order-clear:hover:not(:disabled),.exam-sentence-order-clear:focus-visible{border-color:var(--seal);color:var(--seal);outline:none;}
.exam-sentence-order-clear:disabled{color:var(--ink-4);cursor:not-allowed;}
.exam-sentence-order-list{display:grid;gap:10px;padding-top:16px;border-top:1px solid var(--line);}
.exam-sentence-order-item{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;padding:11px 14px;border:1px solid color-mix(in srgb,var(--seal) 24%,var(--line));border-radius:4px;background:var(--paper);color:var(--ink);font-size:var(--exam-text-size);line-height:1.55;text-align:left;}
.exam-sentence-order-item:hover:not(:disabled),.exam-sentence-order-item:focus-visible{border-color:var(--seal);background:var(--seal-tint);outline:none;}
.exam-sentence-order-item.is-selected{border-color:var(--seal);background:var(--seal-tint);box-shadow:inset 3px 0 0 var(--seal);}
.exam-sentence-order-label{flex:0 0 auto;color:var(--seal);font-weight:700;}
.exam-sentence-order-text{min-width:0;}
.exam-sentence-order-item:disabled{opacity:1;cursor:default;}
.exam-order-area{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding:13px;border:1px dashed var(--line-strong);background:#fafafa;}
.exam-token{padding:8px 12px;border:1px solid #c5ccd3;border-radius:3px;background:#fff;color:var(--ink);font-size:var(--exam-text-size);}
.exam-token.active{border-color:var(--seal);background:var(--seal-tint);}
.exam-word-composer{display:grid;gap:16px;width:100%;min-width:0;max-width:100%;margin-top:18px;touch-action:none;}
.exam-word-bank{display:flex;flex-wrap:wrap;gap:10px;width:100%;min-width:0;max-width:100%;min-height:44px;align-items:flex-start;}
.exam-word-chip,.exam-sentence-chip{flex:0 0 auto;min-width:0;max-width:100%;min-height:38px;padding:8px 16px;border:1px solid #c9ced3;border-radius:4px;background:#fff;color:var(--ink);font-size:var(--exam-text-size);line-height:1.3;text-align:left;white-space:normal;overflow-wrap:anywhere;cursor:grab;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease,opacity .15s ease;}
.exam-word-chip:hover,.exam-word-chip:focus-visible,.exam-sentence-chip:hover,.exam-sentence-chip:focus-visible{border-color:var(--seal);box-shadow:0 3px 10px rgba(27,36,48,.08);outline:none;}
.exam-word-chip{border-color:color-mix(in srgb,var(--seal) 38%,var(--line));background:var(--paper);}
.exam-sentence-chip{border-color:color-mix(in srgb,var(--seal) 50%,var(--line));background:var(--seal-tint);}
.exam-word-chip.dragging,.exam-sentence-chip.dragging{opacity:.42;transform:scale(.97);cursor:grabbing;}
.exam-word-chip:disabled,.exam-sentence-chip:disabled{opacity:1;cursor:default;}
.exam-sentence-chip.drag-over, .exam-word-chip[data-sort-zone="answer"].drag-over{border-color:var(--seal);box-shadow:-3px 0 0 var(--seal);}
.exam-sentence-chip.drag-over-after, .exam-word-chip[data-sort-zone="answer"].drag-over-after{box-shadow:3px 0 0 var(--seal);}
.exam-sentence-dropzone{display:flex;align-items:center;flex-wrap:wrap;gap:10px;width:100%;min-height:58px;padding:9px 12px;border:1px dashed color-mix(in srgb,var(--seal) 58%,var(--line));border-radius:3px;background:#fff;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;}
.exam-sentence-dropzone.empty{background:linear-gradient(90deg,#fff,#fbfbfa);}
.exam-sentence-dropzone.drag-over{border-color:var(--seal);background:var(--seal-tint);box-shadow:0 0 0 2px color-mix(in srgb,var(--seal) 12%,transparent);}
.exam-text-input{width:100%;min-height:46px;margin-top:13px;padding:10px 12px;border:1px solid #bbc5ce;border-radius:3px;background:#fff;color:var(--ink);font-size:var(--exam-text-size);outline:none;}
textarea.exam-text-input{min-height:112px;resize:vertical;line-height:1.7;}
.exam-text-input:focus{border-color:var(--seal);box-shadow:0 0 0 2px rgba(201,44,78,.1);}
.exam-fill-sentence{display:inline-flex;align-items:flex-end;flex-wrap:wrap;gap:5px;font-size:var(--exam-text-size);line-height:2.4;}
.exam-blank-slot{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:4px;min-width:56px;max-width:16em;margin:0 4px;padding:0 6px 1px;border-bottom:1.5px solid var(--seal);vertical-align:baseline;overflow-wrap:anywhere;}
.exam-blank-index{color:var(--seal);font-weight:750;}
.exam-blank-hint{color:var(--ink-3);font-size:.82em;}
.exam-blank-fields{display:grid;gap:10px;margin-top:16px;}
.exam-blank-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;}
.exam-blank-row-index{color:var(--seal);font-size:var(--exam-text-size);font-weight:750;}
.exam-blank-input{width:100%;max-width:420px;min-height:46px;padding:10px 12px;border:1px solid #bbc5ce;border-radius:3px;background:#fff;color:var(--ink);font-family:inherit;font-size:var(--exam-text-size);line-height:1.6;text-align:left;outline:none;}
.exam-blank-input:focus{border-color:var(--seal);box-shadow:0 0 0 2px rgba(201,44,78,.1);}
.exam-picture-prompt{display:grid;grid-template-columns:minmax(240px,340px) minmax(170px,1fr);align-items:center;gap:28px;margin-top:14px;padding:20px;border:1px solid var(--line);background:#fafafa;}
.exam-picture-frame{width:clamp(240px,30vw,340px);max-width:100%;margin:0;border:1px solid var(--line-strong);background:#fff;overflow:hidden;}
.exam-picture-image{display:block;width:100%;height:auto;max-width:100%;max-height:var(--exam-image-max-h);object-fit:contain;border:0;background:transparent;}
.exam-picture-word{display:flex;flex-direction:column;gap:10px;}
.exam-picture-word strong{color:var(--seal);font-family:inherit;font-size:var(--exam-text-size);font-weight:700;line-height:1.3;}
.exam-example-answer{margin-top:12px;padding:12px 14px;border:1px solid var(--line);border-radius:4px;background:#fafafa;}
.exam-example-answer strong{display:block;margin-bottom:6px;color:var(--ink-3);font-size:13px;font-weight:650;}
.exam-example-answer p{margin:0;font-size:var(--exam-text-size);line-height:1.7;}
.exam-question-presentation{width:100%;min-width:0;}
.exam-question-presentation[data-media-layout="split"]{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:stretch;gap:0;min-height:0;border:0;border-radius:0;background:#fff;overflow:hidden;}
.exam-question-scroll.has-split{overflow:hidden;}
.exam-question-scroll.has-split>.exam-question-shell{height:100%;min-height:0;display:flex;flex-direction:column;padding:54px 0 0;}
.exam-question-scroll.has-split>.exam-question-shell>.exam-group-item{flex:1;min-height:0;display:flex;flex-direction:column;padding:0;}
.exam-question-scroll.has-split .exam-question-presentation[data-media-layout="split"]{flex:1;min-height:0;}
.exam-question-presentation[data-media-layout="split"]>.exam-material-pane, .exam-question-presentation[data-media-layout="split"]>.exam-answer-pane{min-height:0;overflow-y:auto;overscroll-behavior:contain;}
.exam-material-pane,.exam-answer-pane{min-width:0;}
.exam-stacked-material{margin:0 0 16px;}
.exam-stacked-material .exam-material-image{width:min(100%,520px);margin-inline:auto;}
.exam-stacked-material .exam-material-video{width:min(100%,720px);margin-inline:auto;}
.exam-material-pane{display:grid;align-content:start;gap:14px;padding:16px;border:0;background:transparent;}
.exam-question-presentation[data-media-layout="split"]>.exam-material-pane{border-right:1px solid var(--line);}
.exam-question-presentation[data-media-layout="split"] .exam-material-pane{--exam-image-max-h:min(52vh,520px);}
.exam-question-presentation[data-media-layout="split"]>.exam-answer-pane{padding:16px;}
.exam-presentation-stem{margin:14px 0 14px;color:var(--ink);font-size:var(--exam-text-size);line-height:2;}
.exam-presentation-stem:empty{display:none;}
.exam-presentation-stem .exam-item-prompt{margin:0;}
.exam-question-presentation[data-media-layout="stacked-text"]>.exam-material-text, .exam-question-presentation[data-media-layout="audio-only"]>.exam-material-audio{margin:0 0 18px;}
.exam-question-presentation[data-media-layout="stacked-text"]>.exam-material-text{padding:0;border:0;background:transparent;color:var(--ink);}
.exam-material-first .exam-question-presentation[data-media-layout="stacked-text"]>.exam-material-text{padding:0 72px 0 0;border:0;background:transparent;color:var(--ink);}
.exam-material-first .exam-presentation-stem{margin-bottom:0;}
.exam-material-audio{display:grid;grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;gap:12px;min-height:46px;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink-2);font-size:12px;}
.exam-material-audio-state{display:inline-flex;align-items:center;color:var(--seal);font-weight:700;white-space:nowrap;}
.exam-material-audio-state.is-icon-only{width:18px;justify-content:center;}
.exam-material-audio-state.is-icon-only svg{display:block;width:18px;height:18px;}
.exam-material-audio-track{height:4px;border-radius:999px;background:#e4e7e9;overflow:hidden;}
.exam-material-audio-track i{display:block;width:42%;height:100%;background:var(--seal);}
.exam-material-audio-track.is-playing i{width:var(--audio-progress,0%);background:var(--red);}
.exam-material-audio-track.is-complete i{width:100%;background:var(--red);}
.exam-material-audio-track.is-pending i{width:0%;}
.exam-material-audio-time{font-variant-numeric:tabular-nums;white-space:nowrap;}
.exam-material-audio.is-failed .exam-material-audio-track, .exam-material-audio.is-retrying .exam-material-audio-track{background:#d9dde1;}
.exam-material-audio.is-failed .exam-material-audio-track i, .exam-material-audio.is-retrying .exam-material-audio-track i{width:0;background:#aeb5bc;}
.exam-material-audio-retry{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;background:transparent;color:var(--seal);cursor:pointer;}
.exam-material-audio-retry:hover{background:transparent;color:var(--red-dark);}
.exam-material-audio-retry:focus-visible{outline:2px solid var(--seal);outline-offset:2px;}
.exam-material-audio-retry svg{width:18px;height:18px;}
.exam-material-audio-retrying{display:grid;place-items:center;width:30px;height:30px;}
.exam-material-audio-retrying i{width:17px;height:17px;border:2px solid #c9ced4;border-top-color:var(--seal);border-radius:50%;animation:exam-audio-retry-spin .8s linear infinite;}
@keyframes exam-audio-retry-spin{to{transform:rotate(360deg);}}
.exam-material-audio-source{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none;}
.exam-material-text{margin:0;padding:0;border:0;background:transparent;color:var(--ink-2);font-size:var(--exam-text-size);line-height:2;}
.exam-material-media-row{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;}
.exam-material-image.exam-scene-material{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;max-width:min(100%,520px);margin:0 auto;border:0;background:transparent;overflow:hidden;}
.exam-material-image .exam-scene-visual{width:min(100%,520px);max-width:100%;margin:0 auto;}
.exam-material-image .exam-scene-image{border:0;background:transparent;}
.exam-material-image .exam-picture-image{border:0;background:transparent;}
.exam-material-video{position:relative;margin:0;border:1px solid var(--line);background:#111;overflow:hidden;}
.exam-material-video video{display:block;width:100%;max-height:360px;aspect-ratio:16/9;background:#111;}
.exam-material-video figcaption{position:absolute;right:8px;bottom:8px;padding:3px 7px;border-radius:2px;background:rgba(17,24,39,.72);color:#fff;font-size:12px;font-variant-numeric:tabular-nums;}
.exam-stem-image{width:min(100%,400px);margin:12px auto 16px;border:0;background:transparent;}
.exam-stem-image .exam-picture-image{width:100%;max-height:var(--exam-image-max-h);object-fit:contain;}
.exam-annotated-text{display:inline;}
.exam-pinyin-line{display:block;margin-top:5px;color:var(--ink-3);font-size:.78em;letter-spacing:.02em;}
.exam-question-presentation ruby{ruby-align:center;ruby-position:over;margin-right:4px;}
.exam-question-presentation rt{color:var(--ink-3);font-size:.58em;font-weight:400;}
.exam-question-error{display:grid;gap:7px;padding:20px;border:1px solid #efb5c1;border-left:4px solid var(--seal);background:var(--seal-tint);color:var(--ink-2);}
.exam-question-error strong{color:var(--seal);font-size:17px;}
.exam-question-load-failure{display:grid;justify-items:center;gap:12px;color:var(--ink-3);font-size:14px;font-weight:400;line-height:1.5;text-align:center;}
.exam-question-load-failure.is-loading{display:inline-flex;align-items:center;gap:6px;color:var(--seal);font-size:var(--exam-ui-text-size);font-weight:700;}
.exam-question-load-message{margin:0;color:var(--ink-3);font-weight:400;}
.exam-question-retry{display:inline-flex;align-items:center;gap:6px;width:auto;height:auto;padding:2px 0;border:0;border-radius:0;background:transparent;color:var(--seal);font:inherit;font-weight:600;cursor:pointer;}
.exam-question-retry:hover{background:transparent;text-decoration:underline;text-underline-offset:3px;}
.exam-question-retry:focus-visible{outline:2px solid var(--seal);outline-offset:2px;}
.exam-question-retry svg{width:17px;height:17px;}
.exam-question-loading-spinner{width:18px;height:18px;border:2px solid transparent;border-top-color:var(--seal);border-right-color:var(--seal);border-radius:50%;animation:exam-question-loading-spin .72s linear infinite;}
@keyframes exam-question-loading-spin{to{transform:rotate(360deg);}}
.exam-given-words{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0;}
.exam-given-words span{padding:6px 10px;border:1px solid var(--line);border-radius:3px;background:#fafafa;}
.exam-writing-response,.exam-essay-response{display:grid;gap:10px;margin-top:16px;}
.exam-writing-response label,.exam-essay-response label{display:grid;gap:7px;color:var(--ink-2);font-weight:650;}
.exam-writing-response footer,.exam-essay-response footer{color:var(--ink-3);font-size:12px;text-align:right;}
.exam-essay-response input{width:100%;min-height:42px;padding:8px 11px;border:1px solid var(--line-strong);border-radius:3px;}
.exam-essay-response textarea{min-height:220px;}
.exam-reading-phase{padding:10px 12px;border-left:3px solid var(--gold);background:#fff9ea;color:#8a6519;font-size:12px;font-weight:650;}
.exam-word-composer section h4{margin:0 0 8px;color:var(--ink-2);font-size:12px;}
.exam-stage-foot{height:64px;flex:0 0 64px;display:flex;align-items:flex-start;justify-content:center;gap:10px;border-top:0;background:transparent;}
.exam-btn{min-width:86px;height:36px;padding:0 16px;border:1px solid var(--line-strong);border-radius:3px;background:#fff;color:var(--ink);font-size:13px;font-weight:650;}
.exam-btn:hover:not(:disabled){border-color:var(--seal);color:var(--seal);}
.exam-btn.primary{border-color:var(--seal);background:var(--seal);color:#fff;}
.exam-btn.primary:hover:not(:disabled){border-color:color-mix(in srgb,var(--seal) 82%,#000);background:color-mix(in srgb,var(--seal) 82%,#000);color:#fff;}
.exam-btn.seal{border-color:var(--seal);background:var(--seal);color:#fff;}
.exam-btn.danger{border-color:var(--seal);background:var(--seal);color:#fff;}
.exam-btn.danger:hover:not(:disabled){border-color:color-mix(in srgb,var(--seal) 82%,#000);background:color-mix(in srgb,var(--seal) 82%,#000);color:#fff;}
.exam-btn.ghost{border:1px solid #6b7280;background:#fff;color:#0c1320;}
.exam-btn.ghost:hover:not(:disabled){border-color:var(--ink);color:var(--ink);background:#fff;}
.exam-btn.ink{border-color:var(--ink);background:var(--ink);color:#fff;}
.exam-btn.ink:hover:not(:disabled){border-color:var(--ink-2);background:var(--ink-2);color:#fff;}
.exam-btn:disabled{opacity:.42;cursor:not-allowed;}
.exam-stage-foot .exam-btn{width:300px;max-width:calc((100% - 10px) / 2);height:48px;min-width:0;padding:0 17px;border-color:var(--ink-3,#6b7280);border-radius:6px;background:#fff;color:var(--ink-2,#374151);font-size:var(--exam-ui-text-size);font-weight:600;line-height:24px;white-space:nowrap;cursor:pointer;}
.exam-stage-foot .exam-btn.primary{border-color:var(--ink-3,#6b7280);background:#fff;color:var(--ink,#111827);font-weight:600;}
.exam-stage-foot .exam-btn:hover:not(:disabled),.exam-stage-foot .exam-btn:active:not(:disabled){border-color:var(--red,#e5294a);background:#fff;color:var(--red,#e5294a);font-weight:600;}
.exam-stage-foot .exam-btn.primary:hover:not(:disabled),.exam-stage-foot .exam-btn.primary:active:not(:disabled){border-color:var(--red,#e5294a);background:#fff;color:var(--red,#e5294a);font-weight:600;}
.exam-stage-foot .exam-btn:disabled{opacity:.4;cursor:not-allowed;background:#fff;}
.exam-candidate{display:flex;flex-direction:column;gap:30px;overflow:auto;padding:24px 12px;background:#fff;}
.exam-candidate-card{padding:0 2px;background:#fff;color:var(--ink);}
.exam-candidate-avatar{width:70px;height:70px;margin:0 auto 16px;padding:2px;display:flex;align-items:flex-end;justify-content:center;border:2px solid rgba(255,255,255,.65);border-radius:0;overflow:hidden;background:#f3f4f6;}
.exam-candidate-avatar img{width:59px;height:59px;flex:0 0 59px;object-fit:contain;}
.exam-candidate-info{display:grid;justify-content:center;gap:4px;font-size:var(--exam-ui-text-size);line-height:1.45;}
.exam-candidate-info div{display:flex;justify-content:flex-start;gap:16px;align-items:baseline;padding:0;}
.exam-candidate-info span{width:90px;color:var(--ink-2);font-weight:400;}
.exam-candidate-info strong{color:var(--ink);font-weight:400;word-break:break-word;}
.exam-candidate-actions{display:grid;grid-template-columns:1fr;gap:16px;padding:0;background:#fff;}
.exam-candidate-actions h2{display:flex;align-items:center;gap:10px;margin:0;color:var(--ink-2);font-size:var(--exam-ui-text-size);font-weight:400;line-height:1.45;letter-spacing:-.48px;text-align:center;white-space:nowrap;}
.exam-candidate-actions h2::before,.exam-candidate-actions h2::after{content:'';flex:1;height:1px;background:var(--border);}
.exam-candidate-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;padding:0 10px;justify-content:center;}
.exam-side-btn{min-height:38px;padding:7px;border:1px solid var(--line);border-radius:3px;background:#fff;color:var(--ink);font-size:var(--exam-ui-text-size);font-weight:650;}
.exam-side-btn:hover:not(:disabled){border-color:var(--seal);color:var(--seal);background:var(--seal-tint);}
.exam-side-btn.exam-candidate-tool{min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;padding:0;border-color:transparent;background:transparent;color:var(--ink-2);font-size:14px;font-weight:400;line-height:20px;}
.exam-side-btn.exam-candidate-tool:hover:not(:disabled){border-color:transparent;background:transparent;color:var(--ink);}
.exam-candidate-tool-ring{box-sizing:border-box;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:.75px solid var(--border);border-radius:18px;transition:border-color .15s;}
.exam-side-btn.exam-candidate-tool:hover:not(:disabled) .exam-candidate-tool-ring{border-color:var(--ink-3);}
.exam-candidate-tool-icon{width:20px;height:20px;}
.exam-side-btn.wide{grid-column:1/-1;}
.exam-side-btn.submit{min-height:56px;margin-top:3px;border:0;border-radius:3px;background:var(--ink);color:#fff;font-size:16px;font-weight:600;line-height:24px;}
.exam-side-btn.submit:hover:not(:disabled){background:var(--ink-2);color:#fff;}
.exam-side-btn.exit{min-height:50px;border-color:transparent;border-radius:3px;background:#fff;color:var(--ink);font-size:16px;font-weight:400;line-height:24px;}
.exam-side-btn.exit:hover:not(:disabled){border-color:transparent;background:var(--surface-2);color:var(--ink);}
.exam-side-btn:disabled{border-color:#d7dadd;background:#eef0f2;color:#9299a2;cursor:not-allowed;}
.exam-screen-keyboard{position:absolute;left:0;top:0;z-index:8;width:760px;min-width:0;padding:.714em .857em .857em;transform:none;border:1px solid var(--line-strong);border-radius:4px;background:#fff;box-shadow:0 14px 34px rgba(17,24,39,.12);font-size:14px;overflow:hidden;will-change:left,top,width,font-size;}
.exam-screen-keyboard[hidden]{display:none;}
.exam-screen-keyboard.is-dragging,.exam-screen-keyboard.is-resizing{user-select:none;}
.exam-screen-keyboard-close{position:absolute;top:.24em;right:.96em;z-index:2;width:1.2em;height:1.2em;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:3px;background:transparent;color:var(--ink-3);font-family:Arial,sans-serif;font-size:1.786em;font-weight:300;line-height:1;cursor:pointer;}
.exam-screen-keyboard-close:hover{background:#f0f1f2;color:var(--ink);}
.exam-screen-keyboard-close:focus-visible{outline:2px solid color-mix(in srgb,var(--seal) 28%,transparent);outline-offset:1px;}
.exam-screen-keyboard-composition{min-height:1.8em;padding:.133em 3.2em .333em .267em;color:var(--ink);font-size:1.071em;font-weight:600;line-height:1.333em;letter-spacing:.03em;word-break:break-all;cursor:grab;touch-action:none;}
.exam-screen-keyboard.is-dragging .exam-screen-keyboard-composition{cursor:grabbing;}
.exam-screen-keyboard-composition:empty::before{content:"\00a0";}
.exam-screen-keyboard-candidates{height:3em;display:flex;align-items:center;gap:.143em;margin-bottom:.714em;padding:.286em .5em;border:1px solid var(--line-strong);border-radius:3px;background:#fff;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin;}
.exam-screen-keyboard-candidate{flex:0 0 auto;min-width:2.625em;height:2em;padding:.188em .625em;border:0;border-radius:2px;background:#fff;color:var(--ink);font-size:1.143em;font-weight:500;cursor:pointer;}
.exam-screen-keyboard-candidate:hover{background:var(--seal-tint);color:var(--seal);}
.exam-screen-keyboard-candidate-pager{position:sticky;right:0;flex:0 0 auto;display:flex;align-items:center;gap:.143em;margin-left:auto;padding-left:.429em;background:#fff;box-shadow:-.571em 0 .429em -.286em rgba(255,255,255,.95);}
.exam-screen-keyboard-candidate-page{flex:0 0 auto;width:1.714em;height:2em;padding:0;border:1px solid var(--line-strong);border-radius:2px;background:#fff;color:var(--ink);font-size:1.143em;line-height:1;cursor:pointer;}
.exam-screen-keyboard-candidate-page:hover:not(:disabled){background:var(--seal-tint);color:var(--seal);border-color:var(--seal);}
.exam-screen-keyboard-candidate-page:disabled{color:#b6bcc4;cursor:default;}
.exam-screen-keyboard-candidate-page:focus-visible{outline:2px solid color-mix(in srgb,var(--seal) 28%,transparent);outline-offset:1px;}
.exam-screen-keyboard-candidate-count{flex:0 0 auto;min-width:2.4em;color:var(--ink-2);font-size:.857em;font-variant-numeric:tabular-nums;text-align:center;}
.exam-screen-keyboard-rows{display:grid;gap:.429em;padding:0;background:#fff;}
.exam-screen-keyboard-row{display:flex;justify-content:center;gap:.429em;min-width:0;}
.exam-screen-keyboard-key,.exam-screen-keyboard-controls button{min-width:0;height:2.857em;padding:.214em .571em;border:1px solid #cfd4d9;border-radius:3px;background:#fff;color:var(--ink);font-size:1em;font-weight:600;box-shadow:0 1px 1px rgba(17,24,39,.04);cursor:pointer;}
.exam-screen-keyboard-key{flex:0 1 3.286em;width:3.286em;white-space:nowrap;}
.exam-screen-keyboard-key-wide{flex:0 0 5.571em;flex-basis:5.571em;width:5.571em;min-width:5.571em;}
.exam-screen-keyboard-key-backspace{flex:0 0 8.2em;flex-basis:8.2em;width:8.2em;min-width:8.2em;padding-inline:.45em;}
.exam-screen-keyboard-key-modifier{flex:0 0 4.615em;flex-basis:4.615em;width:4.615em;min-width:4.615em;font-size:.929em;}
.exam-screen-keyboard-key.is-active{border-color:var(--seal);background:var(--seal-tint);color:var(--seal);}
.exam-screen-keyboard-key:hover,.exam-screen-keyboard-controls button:hover{border-color:var(--seal);background:var(--seal-tint);color:var(--seal);}
.exam-screen-keyboard-key:focus-visible,.exam-screen-keyboard-controls button:focus-visible,.exam-screen-keyboard-candidate:focus-visible{outline:2px solid color-mix(in srgb,var(--seal) 28%,transparent);outline-offset:1px;}
.exam-screen-keyboard-controls{display:grid;grid-template-columns:minmax(15.714em,24.286em) repeat(4,3em);justify-content:center;gap:.429em;padding:.429em 0 0;background:#fff;}
.exam-screen-keyboard-resize{position:absolute;z-index:3;width:1.286em;height:1.286em;border:0;background:none;touch-action:none;}
.exam-screen-keyboard-resize.is-nw{left:0;top:0;cursor:nwse-resize;}
.exam-screen-keyboard-resize.is-ne{right:0;top:0;cursor:nesw-resize;}
.exam-screen-keyboard-resize.is-sw{left:0;bottom:0;cursor:nesw-resize;}
.exam-screen-keyboard-resize.is-se{right:0;bottom:0;cursor:nwse-resize;}
.exam-modal-layer{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:28px;background:rgba(28,36,52,.56);}
.exam-modal-layer[hidden]{display:none;}
.exam-modal{position:relative;overflow:hidden;width:min(760px,calc(100vw - 70px));max-height:min(720px,calc(100vh - 70px));display:flex;flex-direction:column;border:1px solid var(--border,#e5e7eb);border-radius:8px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.05);}
.exam-modal.small{width:min(430px,calc(100vw - 70px));}
.exam-modal-head{min-height:72px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:#fff;}
.exam-modal-head strong{font-family:inherit;font-size:22px;font-weight:700;line-height:26px;}
.exam-modal-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--line);border-radius:6px;background:#fff;box-shadow:none;color:var(--ink-2);cursor:pointer;-webkit-tap-highlight-color:transparent;}
.exam-modal-close[hidden]{display:none;}
.exam-modal-close:hover,.exam-modal-close:active{border-color:var(--line-strong);background:#fff;box-shadow:none;color:var(--ink);}
.exam-modal-close:focus{outline:none;background:#fff;box-shadow:none;}
.exam-modal-close:focus-visible{outline:2px solid var(--seal);outline-offset:2px;border-radius:6px;background:#fff;box-shadow:none;color:var(--ink);}
.exam-modal-close-icon{width:24px;height:24px;flex:0 0 auto;}
.exam-modal-body{flex:1;min-height:0;overflow:auto;padding:8px 24px 12px;}
.exam-modal-foot{display:flex;justify-content:flex-end;gap:9px;padding:16px;background:#fff;}
.exam-btn.primary.exam-btn-wide{width:200px;max-width:100%;height:48px;border-color:var(--ink);background:var(--ink);color:#fff;font-size:16px;font-weight:600;}
.exam-btn.primary.exam-btn-wide:hover:not(:disabled){border-color:var(--ink-2);background:var(--ink-2);color:#fff;}
.exam-modal-foot[hidden]{display:none;}
.exam-submission-failure-actions{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:12px;width:100%;}
.exam-submission-failure-actions .exam-btn{display:inline-flex;align-items:center;justify-content:center;width:184px;max-width:calc((100% - 12px) / 2);min-height:48px;height:auto;padding:8px 12px;border-radius:3px;font-size:16px;font-weight:600;line-height:24px;white-space:normal;text-align:center;overflow:visible;overflow-wrap:anywhere;}
.exam-modal.notice-tabs{width:min(750px,calc(100vw - 70px));padding:24px;gap:24px;}
.exam-modal.notice-tabs:has(.exam-modal-tip-content) .exam-modal-body{padding:0;}
.exam-modal.notice-tabs:has(.exam-modal-tip-content) .exam-modal-foot{padding:0;justify-content:flex-end;align-items:center;gap:16px;}
.exam-modal.notice-tabs .exam-modal-head{position:absolute;z-index:2;right:24px;top:24px;width:32px;height:32px;min-height:0;padding:0;background:transparent;}
.exam-modal.notice-tabs .exam-modal-head strong{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.exam-modal.notice-tabs .exam-modal-close{width:32px;height:32px;border:0;border-radius:4.8px;background:transparent;}
.exam-modal.notice-tabs .exam-modal-close:hover,.exam-modal.notice-tabs .exam-modal-close:active,.exam-modal.notice-tabs .exam-modal-close:focus{border:0;background:var(--surface-2,#f9fafb);color:var(--ink);}
.exam-modal.notice-tabs .exam-modal-close:focus-visible{border-radius:4.8px;}
.exam-modal.notice-tabs .exam-modal-close-icon{width:32px;height:32px;}
.exam-modal.notice-tabs .exam-modal-body{padding:0;overflow:auto;flex:1 1 auto;min-height:0;}
.exam-modal.notice-tabs .exam-modal-foot{padding:0;justify-content:flex-end;align-items:center;gap:16px;flex:0 0 auto;}
.exam-modal-tabs{display:flex;align-items:center;gap:24px;padding-right:48px;}
.exam-modal-tab{position:relative;min-height:40px;padding:0 0 8px;border:0;background:#fff;color:var(--ink-2);font-size:22px;font-weight:400;line-height:26px;cursor:pointer;white-space:nowrap;}
.exam-modal-tab:hover,.exam-modal-tab:focus-visible{color:var(--ink);outline:none;}
.exam-modal-tab:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--seal) 28%,transparent);border-radius:3px;}
.exam-modal-tab.is-active{color:var(--ink);font-weight:600;}
.exam-modal-tab.is-active::after{content:'';position:absolute;left:0;bottom:0;width:60px;max-width:100%;height:2px;border-radius:24px;background:var(--seal);}
.exam-notice-tab-panel{padding-top:24px;}
.exam-modal.notice-tabs:has(.exam-modal-tip-content) .exam-notice-tab-panel{padding-top:24px;}
.exam-feedback-dialog{display:grid;gap:24px;width:100%;}
.exam-feedback-helper{margin:0;color:var(--ink-2);font-size:15px;line-height:21px;}
.exam-feedback-tags{display:flex;flex-wrap:wrap;align-items:center;gap:4px;width:100%;}
.exam-feedback-tag{min-height:38px;padding:8px 13px;border:1px solid var(--border,#e5e7eb);border-radius:3px;background:#fff;color:var(--ink-2);font-size:16px;line-height:26px;}
.exam-feedback-tag:hover,.exam-feedback-tag:focus-visible{border-color:var(--seal);color:var(--seal);outline:none;}
.exam-feedback-tag.selected{border-color:var(--seal);background:var(--seal-tint);color:var(--seal);}
.exam-modal.feedback{width:min(430px,calc(100vw - 70px));padding:24px;gap:24px;}
.exam-modal.feedback .exam-modal-head{min-height:0;padding:0;gap:16px;width:100%;}
.exam-modal.feedback .exam-modal-head strong{color:var(--ink);}
.exam-modal.feedback .exam-modal-close{width:32px;height:32px;border:0;border-radius:4.8px;background:transparent;}
.exam-modal.feedback .exam-modal-close:hover,.exam-modal.feedback .exam-modal-close:active,.exam-modal.feedback .exam-modal-close:focus{border:0;background:var(--surface-2,#f9fafb);color:var(--ink);}
.exam-modal.feedback .exam-modal-close:focus-visible{border-radius:4.8px;}
.exam-modal.feedback .exam-modal-close-icon{width:32px;height:32px;}
.exam-modal.feedback .exam-modal-body{padding:0;overflow:visible;flex:0 0 auto;}
.exam-modal.feedback .exam-modal-foot{padding:0;justify-content:stretch;flex:0 0 auto;width:100%;}
.exam-modal.feedback .exam-modal-foot .exam-btn.primary.exam-btn-wide{width:100%;max-width:none;border-radius:3px;}
.exam-modal.tools{width:min(430px,calc(100vw - 70px));padding:24px;gap:24px;}
.exam-modal.tools .exam-modal-head{min-height:0;padding:0;gap:16px;width:100%;}
.exam-modal.tools .exam-modal-head strong{color:var(--ink);}
.exam-modal.tools .exam-modal-close{width:32px;height:32px;border:0;border-radius:4.8px;background:transparent;}
.exam-modal.tools .exam-modal-close:hover,.exam-modal.tools .exam-modal-close:active,.exam-modal.tools .exam-modal-close:focus{border:0;background:var(--surface-2,#f9fafb);color:var(--ink);}
.exam-modal.tools .exam-modal-close:focus-visible{border-radius:4.8px;}
.exam-modal.tools .exam-modal-close-icon{width:32px;height:32px;}
.exam-modal.tools .exam-modal-body{padding:0;overflow:visible;flex:0 0 auto;}
.exam-modal.tools .exam-modal-foot{padding:0;justify-content:flex-end;flex:0 0 auto;width:100%;}
.exam-modal.tools .exam-modal-foot .exam-btn{width:184px;max-width:100%;height:48px;border-radius:3px;font-size:16px;font-weight:600;line-height:24px;}
.exam-modal.illustrated{width:min(430px,calc(100vw - 70px));padding:24px;gap:24px;}
.exam-modal.illustrated .exam-modal-head{min-height:0;padding:0;gap:16px;width:100%;}
.exam-modal.illustrated .exam-modal-head strong{color:var(--ink);}
.exam-modal.illustrated .exam-modal-close{width:32px;height:32px;border:0;border-radius:4.8px;background:transparent;}
.exam-modal.illustrated .exam-modal-close:hover,.exam-modal.illustrated .exam-modal-close:active,.exam-modal.illustrated .exam-modal-close:focus{border:0;background:var(--surface-2,#f9fafb);color:var(--ink);}
.exam-modal.illustrated .exam-modal-close:focus-visible{border-radius:4.8px;}
.exam-modal.illustrated .exam-modal-close-icon{width:32px;height:32px;}
.exam-modal.illustrated .exam-modal-body{padding:0;overflow:visible;flex:0 0 auto;}
.exam-modal.illustrated .exam-modal-foot{padding:0;justify-content:center;align-items:stretch;flex:0 0 auto;width:100%;gap:12px;}
.exam-modal.illustrated .exam-modal-foot .exam-btn{display:inline-flex;align-items:center;justify-content:center;width:184px;max-width:calc((100% - 12px) / 2);min-height:48px;height:auto;padding:8px 12px;border-radius:3px;font-size:16px;font-weight:600;line-height:24px;white-space:normal;text-align:center;overflow:visible;overflow-wrap:anywhere;}
.exam-modal.illustrated .exam-modal-foot .exam-btn:only-child{width:100%;max-width:none;}
.exam-modal.illustrated .exam-modal-foot .exam-btn.ghost{border:1px solid #6b7280;background:#fff;color:#0c1320;}
.exam-modal.illustrated .exam-modal-foot .exam-btn.ghost:hover:not(:disabled){border-color:var(--ink);color:var(--ink);background:#fff;}
.exam-modal.illustrated .exam-modal-foot .exam-btn.ink{border-color:var(--ink,#111827);background:var(--ink,#111827);color:#fff;}
.exam-modal.illustrated .exam-modal-foot .exam-btn.ink:hover:not(:disabled){border-color:var(--ink-2);background:var(--ink-2);color:#fff;}
.exam-dialog-figure{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;text-align:center;}
.exam-dialog-art{display:block;width:90px;height:90px;flex:0 0 90px;overflow:hidden;}
.exam-dialog-art img{display:block;width:90px;height:90px;object-fit:contain;}
.exam-dialog-figure p{margin:0;color:var(--ink-2,#374151);font-size:15px;line-height:21px;}
.exam-modal.illustrated .exam-dialog-copy{margin:0;width:100%;color:var(--ink-2,#374151);font-size:16px;line-height:24px;text-align:left;}
.exam-modal.confirm-submit .exam-dialog-figure p{font-size:16px;line-height:24px;text-align:left;}
.exam-modal.auth-expired{width:min(430px,calc(100vw - 70px));padding:24px;gap:24px;}
.exam-modal.auth-expired .exam-modal-head{min-height:0;padding:0;gap:16px;width:100%;}
.exam-modal.auth-expired .exam-modal-head strong{color:var(--ink);}
.exam-modal.auth-expired .exam-modal-body{display:flex;align-items:center;justify-content:center;padding:0;overflow:visible;flex:0 0 auto;text-align:center;}
.exam-modal.auth-expired .exam-modal-body p{margin:0;color:var(--ink-2,#374151);font-size:16px;line-height:24px;}
.exam-modal.auth-expired .exam-modal-foot{padding:0;justify-content:center;align-items:stretch;flex:0 0 auto;width:100%;}
.exam-modal.auth-expired .exam-modal-foot .exam-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:48px;height:auto;padding:8px 12px;border-radius:3px;font-size:16px;font-weight:600;line-height:24px;white-space:normal;text-align:center;overflow-wrap:anywhere;}
body.exam-client-open .login-overlay{z-index:12100;}
.exam-feedback-error{margin:0;color:var(--seal);font-size:12px;}
.exam-feedback-toast{position:absolute;z-index:30;left:50%;bottom:24px;transform:translateX(-50%);max-width:min(520px,calc(100vw - 48px));padding:11px 18px;border:1px solid var(--line-strong);border-radius:3px;background:var(--ink);box-shadow:0 8px 28px rgba(0,0,0,.18);color:#fff;font-size:13px;text-align:center;}
.exam-feedback-toast[hidden]{display:none;}
.exam-notice-content{display:grid;gap:0;color:var(--ink-2);}
.exam-notice-sections{display:grid;}
.exam-notice-section{padding:8px 0;}
.exam-notice-section h3{margin:0 0 8px;display:flex;align-items:center;gap:8px;font-family:inherit;font-size:16px;font-weight:600;line-height:24px;color:var(--ink);}
.exam-notice-icon{width:24px;height:24px;flex:0 0 auto;}
.exam-notice-section p,.exam-notice-list{margin:0;font-size:13px;line-height:21px;color:var(--ink-2);}
.exam-notice-list{list-style:none;padding-left:21px;}
.exam-notice-list li{position:relative;}
.exam-notice-list li::before{content:'';position:absolute;left:-15px;top:9px;width:6px;height:6px;border-radius:50%;background:var(--ink-2);}
.exam-notice-list li+li{margin-top:5px;}
.exam-modal-tip-content{display:flex;flex-direction:column;gap:24px;width:100%;color:var(--ink);}
.exam-modal-tip-heading{margin:0;font-family:inherit;font-size:18px;font-weight:700;line-height:24px;}
.exam-modal-tip-rows{display:flex;align-items:stretch;width:100%;background:var(--surface-2,#f9fafb);border-radius:6px;overflow:hidden;}
.exam-modal-tip-row{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px 12px;}
.exam-modal-tip-row + .exam-modal-tip-row::before{content:'';position:absolute;left:0;top:50%;width:0;height:120px;border-left:1px solid #d1d5db;transform:translateY(-50%);}
.exam-modal-tip-figure{display:flex;flex-direction:column;align-items:center;gap:4px;}
.exam-modal-tip-identity{display:flex;flex-direction:column;align-items:center;gap:8px;}
.exam-modal-tip-index{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--ink);font-size:13px;font-weight:600;line-height:19px;}
.exam-modal-tip-icon{display:block;width:48px;height:48px;flex:0 0 48px;overflow:hidden;border-radius:24px;}
.exam-modal-tip-icon img{display:block;width:48px;height:48px;}
.exam-modal-tip-module-name{font-family:inherit;font-size:16px;font-weight:600;line-height:24px;color:var(--ink);}
.exam-modal-tip-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:0;color:var(--ink-2,#374151);font-size:14px;line-height:20px;text-align:center;}
.exam-modal-tip-count,.exam-modal-tip-value{color:var(--ink-2,#374151);font-size:14px;line-height:20px;white-space:nowrap;}
.exam-modal-tip-total{display:flex;align-items:center;gap:4px;flex:0 0 auto;}
.exam-modal-tip-total-icon{display:block;width:28px;height:28px;flex:0 0 28px;object-fit:contain;}
.exam-modal-tip-total .exam-modal-tip-value{color:var(--ink,#111827);font-size:16px;font-weight:600;line-height:24px;}
.exam-answer-sections{display:grid;gap:24px;}
.exam-answer-section h3{display:flex;align-items:center;gap:12px;margin:0 0 12px;color:var(--ink-2);font-family:inherit;font-size:14px;font-weight:400;line-height:20px;}
.exam-answer-section h3::before,.exam-answer-section h3::after{content:'';flex:1;height:1px;background:var(--line);}
.exam-answer-section h3>span{flex:0 0 auto;}
.exam-answer-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;}
.exam-answer-cell{position:relative;height:40px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:14px;cursor:pointer;}
.exam-answer-cell:hover{border-color:var(--seal);}
.exam-answer-cell.answered{border-color:color-mix(in srgb,var(--seal) 48%,var(--line));background:var(--seal-tint);color:var(--seal);}
.exam-answer-cell.partial{border-color:color-mix(in srgb,var(--seal) 48%,var(--line));color:var(--seal);background:linear-gradient(90deg,var(--seal-tint) 0 50%,#fff 50% 100%);}
.exam-answer-cell.marked::after{content:"";position:absolute;right:2px;top:2px;width:8px;height:8px;background:var(--gold);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 56%,79% 94%,50% 72%,21% 94%,32% 56%,2% 35%,39% 35%);}
.exam-tools{display:grid;gap:24px;}
.exam-tools-section{display:grid;gap:8px;}
.exam-tools-label{color:var(--ink);font-size:var(--exam-ui-text-size);font-weight:600;line-height:24px;}
.exam-tools-fonts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;}
.exam-tools-font{min-width:0;height:62px;min-height:42px;padding:8px 11px;border:1px solid var(--line);border-radius:3px;background:#fff;color:var(--ink);font-size:var(--exam-ui-text-size);font-weight:500;display:flex;align-items:center;justify-content:center;line-height:1;}
.exam-tools-font[data-tool-font="medium"]{font-size:var(--exam-text-size-medium);}
.exam-tools-font[data-tool-font="large"]{font-size:var(--exam-text-size-large);}
.exam-tools-font[data-tool-font="xlarge"]{font-size:var(--exam-text-size-xlarge);}
.exam-tools-font:hover{border-color:var(--seal);background:var(--seal-tint);color:var(--ink);}
.exam-tools-font.is-active{border-color:var(--seal);background:var(--seal-tint);color:var(--ink);}
.exam-tools-volume-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;}
.exam-tools-volume-icon{width:24px;height:24px;display:block;object-fit:contain;}
.exam-tools-volume-value{min-width:32px;color:var(--ink);font-size:var(--exam-ui-text-size);font-weight:650;font-variant-numeric:tabular-nums;line-height:24px;text-align:right;}
.exam-tools-volume{--exam-volume-pct:50%;display:block;width:100%;height:22px;margin:0;padding:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none;}
.exam-tools-volume:focus{outline:none;}
.exam-tools-volume:focus-visible{outline:2px solid var(--seal);outline-offset:3px;}
.exam-tools-volume::-webkit-slider-runnable-track{height:8px;border:0;border-radius:4px;background:linear-gradient(to right,var(--ink) var(--exam-volume-pct),var(--line) var(--exam-volume-pct));}
.exam-tools-volume::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:22px;margin-top:-7px;border:1.5px solid var(--ink);border-radius:999px;background:#fff;box-shadow:0 1px 2px rgba(17,24,39,.12);}
.exam-tools-volume::-moz-range-track{height:8px;border:0;border-radius:4px;background:var(--line);}
.exam-tools-volume::-moz-range-progress{height:8px;border:0;border-radius:4px;background:var(--ink);}
.exam-tools-volume::-moz-range-thumb{width:12px;height:22px;border:1.5px solid var(--ink);border-radius:999px;background:#fff;box-shadow:0 1px 2px rgba(17,24,39,.12);}
.exam-submit-summary{padding:0;border:0;background:transparent;color:var(--ink-2);font-size:14px;line-height:1.75;}
.exam-modal.processing,.exam-modal.small.processing{width:min(430px,calc(100vw - 32px));height:245px;min-height:245px;padding:24px;justify-content:center;box-sizing:border-box;}
.exam-modal.processing .exam-modal-head{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;flex:none;min-height:0;}
.exam-modal.processing .exam-modal-body{display:flex;align-items:center;justify-content:center;flex:1 1 auto;padding:0;overflow:visible;text-align:center;}
.exam-submit-processing{display:grid;justify-items:center;align-content:center;gap:24px;padding:0;text-align:center;}
.exam-submit-summary.exam-submit-processing .exam-submit-processing-title{margin:0;font-family:inherit;font-size:22px;font-weight:700;line-height:1.4;color:var(--ink);}
.exam-submit-spinner{width:48px;height:48px;border:3px solid color-mix(in srgb,var(--seal) 22%,transparent);border-top-color:var(--seal);border-radius:50%;animation:exam-submit-spin .8s linear infinite;}
@keyframes exam-submit-spin{to{transform:rotate(360deg);}}
.exam-finish{height:100%;display:flex;align-items:center;justify-content:center;padding:32px;background:#f5f6f7;}
.exam-finish-card{width:min(620px,100%);padding:48px;border:1px solid var(--line);background:#fff;text-align:center;}
.exam-finish-mark{width:70px;height:70px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--seal-tint);color:var(--seal);font-size:32px;}
.exam-finish-icon{width:36px;height:36px;}
.exam-finish-card h2{font-family:inherit;font-size:27px;}
.exam-finish-card p{margin:12px auto 24px;max-width:430px;color:var(--ink-3);}
.exam-finish-card .exam-dialog-figure p{margin:0;max-width:none;color:var(--ink-2,#374151);font-size:15px;line-height:21px;}
.exam-finish-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;}
.exam-finish-actions.exam-submission-failure-actions{gap:12px;margin-top:24px;}
.exam-preview{min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.exam-preview-icon{width:72px;height:72px;margin-bottom:18px;border:1px solid color-mix(in srgb,var(--seal) 40%,var(--line));border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--seal-tint);color:var(--seal);font-size:28px;}
.exam-preview h2{font-family:inherit;font-size:24px;}
.exam-preview p{margin-top:10px;color:var(--ink-3);}
.exam-preview-progress{width:min(520px,80%);height:7px;margin-top:24px;background:#dfe8d8;overflow:hidden;}
.exam-preview-progress span{display:block;height:100%;background:var(--seal);transition:width .3s linear;}
@media(max-width:1180px){.exam-client{--exam-nav-w:208px;--exam-side-w:220px;}
.exam-client-status{gap:12px;}
.exam-nav-groups{grid-template-columns:repeat(4,minmax(0,1fr));}
.exam-question-shell{padding:72px 19px 19px;}
.exam-picture-prompt{grid-template-columns:1fr;gap:16px;}
}
@media(max-height:760px){.exam-client{--exam-image-max-h:min(38vh,320px);}
}
@media(max-width:1023px){.exam-client{--exam-image-max-h:min(34vh,300px);}
.exam-question-presentation[data-media-layout="split"]{grid-template-columns:minmax(0,1fr);}
.exam-question-scroll.has-split{overflow:auto;}
.exam-question-scroll.has-split>.exam-question-shell{height:auto;min-height:100%;display:block;}
.exam-question-scroll.has-split>.exam-question-shell>.exam-group-item{flex:none;display:block;}
.exam-question-presentation[data-media-layout="split"]>.exam-material-pane, .exam-question-presentation[data-media-layout="split"]>.exam-answer-pane{overflow-y:visible;}
.exam-question-presentation[data-media-layout="split"]>.exam-material-pane{padding:14px;border-right:0;border-bottom:1px solid var(--line);}
.exam-question-presentation[data-media-layout="split"]>.exam-answer-pane{padding:14px;}
}
@media(max-width:720px){.exam-material-audio{grid-template-columns:minmax(0,1fr) auto;}
.exam-material-audio-track{grid-column:1/-1;grid-row:2;}
.exam-question-guide{align-items:flex-start;flex-direction:column;}
.exam-modal.notice-tabs{width:calc(100vw - 28px);padding:14px;gap:16px;}
.exam-modal.notice-tabs .exam-modal-head{right:14px;top:14px;}
.exam-modal.notice-tabs .exam-modal-body{padding:0;}
.exam-modal.notice-tabs:has(.exam-modal-tip-content) .exam-modal-body{padding:0;}
.exam-modal.notice-tabs:has(.exam-modal-tip-content) .exam-modal-foot{padding:0;}
.exam-modal.notice-tabs .exam-modal-foot{padding:0;}
.exam-modal-tab{min-height:52px;padding:0 11px;font-size:15px;}
.exam-modal-tab.is-active::after{right:11px;left:11px;}
.exam-modal-tip-row{padding:16px 8px;}
.exam-modal-tip-row + .exam-modal-tip-row::before{height:96px;}
.exam-modal-tip-total{flex-wrap:wrap;}
}
