.annotationSection{margin:22px 0}.annotatedEssay{white-space:pre-wrap;line-height:2.05;background:#fff;border:1px solid #dde5e1;border-radius:12px;padding:22px}.essayMark{display:inline;border:0;border-radius:3px;padding:1px 2px;color:inherit;background:transparent;text-decoration-thickness:2px;text-underline-offset:3px}.markSpelling{background:#ffe4e2;text-decoration:underline wavy #c63832}.markGrammar{background:#fff0d6;text-decoration:underline wavy #c67b19}.markLexical{background:#e1efff;text-decoration:underline #3175ad}.markCohesion{background:#eee5ff;text-decoration:underline #7450a7}.markTask{background:#fff3a9;text-decoration:underline #9a7b00}.annotationLegend{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.annotationLegend span{padding:5px 9px;border-radius:5px}.annotationList{display:grid;grid-template-columns:1fr 1fr;gap:12px}.annotationCard{background:#fff;border:1px solid #dde5e1;border-radius:12px;padding:17px;scroll-margin-top:30px}.annotationCard:target{outline:3px solid #9dcbbb}.annotationCard textarea{min-height:86px}.feedbackOptions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:14px;background:#eaf5f1;border:1px solid #c8e1d8;border-radius:12px;padding:16px}.feedbackOptions button{margin-left:auto}.studentWritingFeedback{line-height:1.65}.studentWritingFeedback>ol>li{margin-bottom:18px}.ieltsStudentHistory{margin-top:18px}.ieltsStudentHistory>details{border-top:1px solid #dde5e1;padding:14px 0}.ieltsStudentHistory summary{cursor:pointer;font-weight:700}@media(max-width:760px){.annotationList{grid-template-columns:1fr}.feedbackOptions{align-items:stretch;flex-direction:column}.feedbackOptions button{margin-left:0;width:100%}}
.modal{overflow-y:auto;overscroll-behavior:contain}.modalbox{max-height:calc(100vh - 36px);overflow-y:auto;overscroll-behavior:contain}body.modalOpen{overflow:hidden}
.feedbackCategoryTools,.studentAttemptReview{margin-top:16px;padding:16px;border:1px solid #c8e1d8;border-radius:12px;background:#f7fbf9}.feedbackCategoryTools>div{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.studentAttemptReview article{padding:12px 0;border-top:1px solid #dce7e2}.studentAttemptReview p{margin:7px 0}.selfCorrection .annotatedEssay{margin:16px 0}.studentCorrectionForm{display:grid;gap:12px;margin-top:18px}.studentCorrectionForm .field{padding:14px;border:1px solid #dde5e1;border-radius:10px;background:#fafcfb}.studentCorrectionForm .field span{display:block;margin:8px 0;color:#50635d}.studentCorrectionForm textarea{min-height:76px}.successNote{color:#176b54;text-align:center}
.selfHintEditor{display:grid;gap:12px;margin:16px 0}.selfHintEditor .field{padding:14px;border:1px solid #dde5e1;border-radius:10px;background:#fafcfb}.selfHintEditor span{display:block;margin:8px 0;color:#50635d}.selfHintEditor textarea{min-height:72px}.correctionHint{padding:9px 11px;border-left:3px solid #d4a737;background:#fff8dd;color:#6f5718;border-radius:5px}
.feedbackCategoryTools button.categoryOn{background:#16745d;border-color:#16745d;color:#fff;box-shadow:0 2px 7px #145b4933}.feedbackCategoryTools button.categoryOff{background:#fff4e8;border-color:#e0b982;color:#8a5618}.newWritingFeedback{width:100%;display:flex;align-items:flex-start;flex-direction:column;gap:5px;margin-bottom:16px;padding:17px 20px;border:1px solid #8bc5b3;border-radius:12px;background:#e8f6f1;color:#135f4b;text-align:left}.newWritingFeedback b{font-size:17px}.newWritingFeedback span{color:#4f7067}
.annotationCard>label:first-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.severity{font-size:12px;font-weight:700;padding:3px 7px;border-radius:999px}.severity.高{color:#9f2d27;background:#ffe7e4}.severity.中{color:#8a5a17;background:#fff1d8}.severity.低{color:#49615a;background:#edf3f0}.diagnosticGuide{margin:8px 0 12px;border:1px solid #dce7e2;border-radius:9px;background:#fff}.diagnosticGuide summary{padding:10px 12px;cursor:pointer;color:#5c427f;font-weight:700}.diagnosticGroups{display:grid;gap:8px;padding:0 12px 12px;color:#596962;font-size:14px}.diagnosticGroups span{display:flex;gap:10px;flex-wrap:wrap}.diagnosticGroups b{color:#392957;min-width:72px}.teachingNotes{margin:16px 0;padding:16px;border-radius:12px;border:1px solid #ded3f0;background:#fbf9ff}.teachingNotes h4{margin:0 0 12px;color:#503a75}.teachingNotes article{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:12px 0;border-top:1px solid #e8e0f4}.teachingNotes article:first-of-type{border-top:0}.teachingNotes p,.teachingNotes blockquote{margin:7px 0}.teachingNotes blockquote{padding-left:11px;border-left:3px solid #9e82c7;color:#495851}.teachingNoteNumber{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#7554a6;color:#fff;font-weight:700;font-size:12px}@media(max-width:760px){.diagnosticGroups span{display:block}.diagnosticGroups b{display:block;margin-bottom:4px}.teachingNotes{padding:13px}}
.annotationCoverage{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 8px;padding:10px 12px;border-radius:9px;background:#f3f7f5;color:#50635d;font-size:14px}.annotationCoverage b{color:#183f35}.layeredMark{position:relative;border-radius:2px}.layeredMark.markCohesion{background:#eee5ff}.layeredMark.markTask{box-shadow:inset 0 -7px #fff3a9}.layeredMark.markLexical{text-decoration:underline solid #3175ad;text-decoration-thickness:2px}.layeredMark.markGrammar{text-decoration:underline wavy #c67b19;text-decoration-thickness:2px}.layeredMark.markSpelling{text-decoration:underline wavy #c63832;text-decoration-thickness:2px}.layeredMark.markCohesion.markTask{background:linear-gradient(180deg,#eee5ff 0 68%,#fff3a9 68%)}.multiIssueCount{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:3px;padding:0 4px;border-radius:9px;background:#374c46;color:#fff;font:700 11px/1 Arial;vertical-align:super;text-decoration:none}.layeredMark.filterMuted{opacity:.2}.annotationCard.relatedMark{outline:3px solid #7654a6;box-shadow:0 5px 18px #65458d20}.diagnosticFilterActions{padding:0 12px 8px}.diagnosticGroups section{display:grid;grid-template-columns:86px 1fr;align-items:start;gap:10px}.diagnosticGroups section>div{display:flex;flex-wrap:wrap;gap:7px}.diagnosticFilter{display:inline-flex;align-items:center;gap:7px;border:1px solid #d9cbea;border-radius:999px;padding:6px 10px;background:#fff;color:#5c427f;font:inherit;cursor:pointer}.diagnosticFilter small{display:grid;place-items:center;min-width:20px;height:20px;border-radius:10px;background:#eee5f8;color:#553c79}.diagnosticFilter:hover,.diagnosticFilter.active{border-color:#7654a6;background:#7654a6;color:#fff}.diagnosticFilter.active small{background:#fff;color:#5c427f}.diagnosticFilter:disabled{cursor:not-allowed;opacity:.42;background:#f4f4f4;color:#7c8581;border-color:#dde2df}.annotationCard[hidden]{display:none}@media(max-width:760px){.diagnosticGroups section{grid-template-columns:1fr}.annotationCoverage{align-items:flex-start;flex-direction:column;gap:4px}}
