/* Reuse candy-journal paper, tape, journal and palette; dark text follows the teacher's explicit rule. */
.learning-showcase{--paper:#fbf6ea;--card:#fffdf7;--ink:#253f30;--ink-soft:#253f30;--yellow:#f6c945;--pink:#f5a3b7;--blue:#8ecae6;--green:#a3cf9b;--round:'Yuanti SC','PingFang SC','Microsoft YaHei',sans-serif;padding:4px 8px 26px;color:#253f30;font-family:var(--round)}
.learning-showcase h1,.learning-showcase h2,.learning-showcase h3{font-family:var(--round);color:#253f30;font-weight:700;letter-spacing:0;line-height:1.45}.learning-showcase h1{font-size:32px}.learning-showcase h2{font-size:23px}.learning-showcase h3{font-size:19px}.learning-showcase p{color:#253f30;line-height:1.85}.learning-showcase a,.learning-showcase button,.learning-showcase input,.learning-showcase textarea,.learning-showcase label,.learning-showcase small{color:#173f25}.learning-showcase .button{border-radius:11px;min-height:44px}.learning-showcase .button.primary{background:#285c36;color:#fff;border-color:#285c36}.learning-showcase input::placeholder,.learning-showcase textarea::placeholder{color:#355b3b;opacity:1}.learning-showcase [hidden]{display:none!important}
.learn-journey{display:flex;gap:9px;flex-wrap:wrap;padding:10px 0 0;margin:0 0 20px;border-bottom:1px solid #c6b597}.learn-journey a{position:relative;display:block;min-height:44px;padding:10px 18px;border:1px solid #c6b597;border-bottom:0;border-radius:12px 12px 0 0;background:var(--card);font-size:14px;font-weight:700}.learn-journey a:nth-child(2){background:#eaf2e1}.learn-journey a:nth-child(3){background:#e2f1f6}.learn-journey a[aria-current]{background:#fff0b9;border:2px solid #9a7729;border-bottom:0}.learn-journey a[aria-current]::before{content:'';position:absolute;top:-8px;left:35%;width:54px;height:15px;background:rgba(246,201,69,.5);transform:rotate(-4deg)}
.learn-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:5px 0 6px}.learn-hero h1{margin:9px 0 8px}.learn-hero p{font-size:15px;max-width:790px}.learn-hero img{width:108px;height:108px;object-fit:contain;flex-shrink:0}.learn-badge{display:inline-block;border:1px dashed #a78029;background:#fff0b9;border-radius:7px;padding:4px 10px;font-size:12px;color:#253f30;font-weight:700}.learn-eyebrow{display:block;font-size:13px;font-weight:700;color:#253f30;line-height:1.7}.learn-student{font-size:20px!important;color:#000!important}.learn-source{display:inline-block;font-size:13px;text-decoration:underline;line-height:1.8;text-underline-offset:4px;min-height:28px;margin-top:10px}.learn-caption{display:block;font-size:13px!important;color:#253f30!important;line-height:1.8}.learn-mini-note{font-size:12px;color:#253f30}.learning-showcase .tape{top:-10px;left:30px;transform:rotate(-4deg);width:64px;height:19px}.learn-card{position:relative;border:1.5px solid #c6b597;border-radius:18px;background:var(--card);padding:24px;margin:25px 0;box-shadow:0 6px 18px rgba(130,100,55,.1)}.learn-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.learn-section-head h2{margin-top:4px}.learning-showcase .view-tabs{margin:14px 0 20px}.learning-showcase .view-tabs .button:not(.primary){background:var(--card)}
.report-focus{display:grid;grid-template-columns:1.05fr 1fr;gap:22px;margin:12px 0 25px}.focus-note{position:relative;background:#fff0b9;border:1.5px solid #c6b597;border-radius:17px;padding:21px 24px;box-shadow:0 5px 15px rgba(130,100,55,.1)}.focus-note h2{margin:8px 0}.focus-note .focus-sentence{font-size:18px;font-weight:700;margin:9px 0}.focus-note>p:not(.focus-sentence){font-size:14px}.focus-note>a{display:inline-block;font-size:14px;font-weight:700;margin-top:13px;text-decoration:underline;text-underline-offset:4px}.score-record{padding:19px 23px;border:1.5px solid #c6b597;border-radius:17px;background:var(--card)}.score-top{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;border-bottom:1px dashed #c6b597;padding-bottom:10px}.score-top>span{font-size:12px;color:#253f30}.score-top strong{font-size:37px;line-height:1.25;color:#000}.score-top small{font-size:17px}.score-top>span:last-child{margin-left:auto}.dimension-list{margin-top:10px}.dimension-row{display:grid;grid-template-columns:80px 1fr 55px;align-items:center;gap:12px;padding:6px 0;font-size:13px}.dimension-row span{text-align:right;color:#000;font-weight:700}.dimension-row progress{width:100%;height:9px;appearance:none;border:none;border-radius:8px;overflow:hidden;background:#f3e8cf}.dimension-row progress::-webkit-progress-bar{background:#f3e8cf;border-radius:8px}.dimension-row progress::-webkit-progress-value{background:#a3cf9b;border-radius:8px}.dimension-row:last-child progress::-webkit-progress-value{background:#f5a3b7}.dimension-row progress::-moz-progress-bar{background:#a3cf9b}
.learning-showcase .audience-choices{margin:16px 0;gap:8px}.learning-showcase .value-choice{background:var(--card);color:#173f25;border-color:#b3a589;font-weight:700}.learning-showcase .value-choice.selected{background:#eaf2e1;border:2px solid #55724b;transform:rotate(-.4deg)}.lesson-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 18px}.lesson-steps button,.correction-choices button,.folder-tabs button{font:inherit;font-size:14px;min-height:44px;line-height:1.5;padding:9px 12px;background:var(--card);border:1px solid #b3a589;border-radius:10px;font-weight:700;cursor:pointer}.lesson-steps button[aria-pressed=true],.folder-tabs button[aria-pressed=true]{background:#fff0b9;border:2px solid #9a7729}.correction-choices{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.correction-choices button{font-size:13px;font-weight:400}.correction-choices button[aria-pressed=true]{background:#e2f1f6;border:2px solid #467080;font-weight:700}.learn-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.learn-before,.learn-after{padding:20px;border:1.5px dashed #b3a589;border-radius:14px;min-width:0}.learn-before{background:#fbf6ea}.learn-after{background:#eaf2e1}.learn-comparison blockquote{margin:12px 0 0;font-size:19px;line-height:1.9;color:#000;overflow-wrap:anywhere}.learn-comparison h3{margin:10px 0}.learn-comparison p{font-size:16px}.learn-reason{border-left:4px solid #a3cf9b;padding:11px 15px;margin:16px 0;background:#f4f8ee}.learn-reason b{font-size:14px}.learn-reason p{font-size:15px;margin-top:5px}.teacher-say{margin-top:17px;padding-top:15px;border-top:1.5px dashed #c6b597}.teacher-say b{font-size:15px}.teacher-say p{font-size:17px;line-height:1.9;margin:6px 0 10px}.audience-intro{margin-bottom:18px}.audience-intro p{font-size:14px;margin-top:8px}.learn-praise,.learn-next-action{position:relative;border:1.5px dashed #b3a589;border-radius:15px;padding:24px;background:#eaf2e1}.learn-praise blockquote{font-size:25px;line-height:1.7;margin:14px 0;color:#000}.learn-praise p{font-size:17px}.learn-next-action{background:#fff0b9}.learn-next-action h3{font-size:22px;margin:10px 0}.learn-next-action ol{list-style:none;padding:0;margin:18px 0}.learn-next-action li{padding:10px 0;border-top:1px dashed #b3a589}.learn-next-action li b,.learn-next-action li span{display:block}.learn-next-action li span{font-size:14px;line-height:1.8}.learn-next-action.compact{margin-top:20px;padding:18px}.learn-next-action.compact p{margin:7px 0 10px}.structure-record ol{list-style:none;margin:18px 0;padding:0}.structure-record li{display:grid;grid-template-columns:75px 1fr;gap:15px;padding:13px 0;border-top:1px dashed #c6b597;font-size:15px;line-height:1.8}.structure-record li b{color:#173f25}.structure-record li span{color:#253f30}.report-original p{font-size:15px;margin:9px 0 16px;max-width:850px}.report-original .actions{flex-wrap:wrap}.learn-link-note{padding:22px;background:#e2f1f6;border:1.5px dashed #9dafad;border-radius:15px}.learn-link-note b{font-size:20px}.learn-link-note p{font-size:15px;margin:8px 0}.learn-link-note a{font-size:15px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.archive-facts{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0 25px}.archive-facts span{font-size:12px;color:#253f30;padding:6px 10px;border:1px dashed #b3a589;border-radius:8px;background:var(--card)}.archive-desk{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;align-items:start}.folder-rail{position:sticky;top:90px;background:var(--card);border:1.5px solid #c6b597;border-radius:16px;padding:18px 14px}.folder-rail h2{font-size:21px;margin-bottom:12px}.folder-rail label{display:block;font-size:13px;font-weight:700;margin-bottom:5px}.folder-rail input{width:100%;border:1px solid #b3a589;background:white;border-radius:9px;min-height:42px;padding:9px;font:inherit;font-size:13px}.folder-rail #archive-count{font-size:12px;margin:7px 0 12px}.folder-list{display:grid;gap:9px}.folder-link{display:flex;gap:10px;align-items:flex-start;padding:11px;border:1px solid #c6b597;border-radius:10px;background:#fbf6ea;min-width:0}.folder-link[aria-current]{border:2px solid #9a7729;background:#fff0b9;padding:10px;transform:rotate(-.4deg)}.folder-number{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:30px;border-radius:7px;background:#e2f1f6;color:#000;font-size:17px;font-weight:700}.folder-link>div{min-width:0}.folder-link b{display:block;color:#000;font-size:19px}.folder-link>div>span{display:block;font-size:13px;line-height:1.65;overflow-wrap:anywhere}.folder-link small{display:block;font-size:11px;margin-top:4px}.folder-rail>.learn-caption{margin-top:14px;font-size:12px!important}.learning-showcase .student-folder{padding:27px 27px 29px 34px}.folder-id{display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative;margin-bottom:22px;padding-bottom:18px;border-bottom:2px dashed #c6b597}.folder-id>.tape{top:-34px;left:8px}.folder-id h2{font-size:30px!important;color:#000!important;margin:7px 0}.folder-id p{font-size:16px}.folder-record-tag{border:1.5px solid #9bad8e;border-radius:12px;background:#eaf2e1;text-align:center;padding:12px 14px;flex-shrink:0;transform:rotate(1deg)}.folder-record-tag b{display:block;font-size:22px;color:#000}.folder-record-tag span{display:block;font-size:12px;margin-top:4px}.folder-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.folder-tabs button{font-size:14px;flex:1;white-space:nowrap;padding:9px}.guidance-overview{margin:0 0 24px}.guidance-overview h2{font-size:25px;margin:8px 0}.guidance-overview p{font-size:16px}.guidance-pair{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:27px}.keep-note,.next-note{position:relative;min-width:0;border:1.5px solid #b3a589;border-radius:14px;padding:20px 18px;background:#eaf2e1}.next-note{background:#fff0b9}.keep-note blockquote{font-size:19px;line-height:1.9;margin:12px 0;color:#000;overflow-wrap:anywhere}.keep-note p,.next-note p{font-size:15px;margin:10px 0}.keep-note .learn-caption,.next-note .learn-caption{font-size:12px!important}.next-note h3{margin:13px 0}.text-button{font:inherit;font-size:14px;font-weight:700;background:none;border:0;padding:12px 0;text-align:left;text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:44px}.pending-tag{display:inline-block;background:var(--card);border:1.5px dashed #9a7729;color:#253f30;padding:6px 12px;border-radius:7px;font-size:13px;font-weight:700;margin-top:12px}.guidance-memo{margin-top:24px;border-top:2px dashed #c6b597;padding-top:20px}.guidance-memo h3{font-size:20px}.guidance-memo p{font-size:13px;margin:7px 0 14px}.guidance-memo label{display:block;font-size:13px;font-weight:700;margin:8px 0}.guidance-memo textarea{display:block;width:100%;resize:vertical;border:1px solid #b3a589;border-radius:10px;background:var(--card);padding:12px;font:inherit;font-size:15px;line-height:1.8;min-height:100px}.memo-actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin-top:12px}#memo-status{font-size:12px;color:#253f30;line-height:1.7}.archive-original.source-article{max-width:none;padding:0}.archive-original h2{margin:12px 0}.archive-original .learn-caption{margin-bottom:18px;text-indent:0!important}.original-paragraph{border-top:1px dashed #c6b597;padding:17px 0}.original-paragraph>span{display:block;font-size:12px;font-weight:700;margin-bottom:8px}.archive-original .original-paragraph p{font-size:19px;line-height:2.05;white-space:pre-wrap;text-indent:2em;color:#000}.record-list h2{font-size:23px;margin-bottom:17px}.record-list article{display:flex;gap:16px;align-items:flex-start;padding:19px 0;border-top:1px dashed #c6b597}.record-number{font-size:13px;font-weight:700;padding:5px 8px;border:1px solid #b3a589;border-radius:7px;white-space:nowrap;background:#e2f1f6}.record-list article h3{margin:6px 0}.record-list article p{font-size:14px;margin:8px 0 12px}.record-list .learn-source{margin-left:10px}.record-notice,.pending-record{padding:18px;background:#fff0b9;border:1.5px dashed #b3a589;border-radius:12px;font-size:14px}.pending-record{margin-top:15px;background:var(--card)}.pending-record p{font-size:14px;margin-top:7px}
@media(max-width:1200px){.archive-desk{grid-template-columns:205px minmax(0,1fr);gap:16px}.learning-showcase .student-folder{padding:23px 20px 25px 30px}.guidance-pair{grid-template-columns:1fr}.folder-tabs{gap:6px}.folder-tabs button{font-size:13px}.learn-hero h1{font-size:29px}.score-top>span:last-child{width:100%;margin-left:0}.report-focus{gap:15px}}
@media(max-width:900px){.report-focus{grid-template-columns:1fr}.score-top>span:last-child{width:auto;margin-left:auto}.learn-hero img{width:80px;height:95px}.archive-desk{grid-template-columns:1fr}.folder-rail{position:static}.folder-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.folder-link{padding:10px 8px}.folder-link[aria-current]{padding:9px 7px}.folder-link b{font-size:18px}.folder-rail>.learn-caption{margin-top:10px}.folder-rail input{max-width:430px}.guidance-pair{grid-template-columns:1fr 1fr}.folder-record-tag{padding:10px 13px}}
@media(max-width:650px){.learning-showcase{padding:0 0 20px}.learn-journey{gap:5px;flex-wrap:nowrap}.learn-journey a{flex:1;text-align:center;padding:9px 5px;font-size:12px;white-space:nowrap}.learn-hero{gap:7px;align-items:flex-start}.learn-hero h1{font-size:25px}.learn-hero p{font-size:14px}.learn-hero img{display:none}.learn-badge{font-size:11px}.learning-showcase .view-tabs{gap:7px}.learning-showcase .view-tabs .button{font-size:13px}.report-focus{gap:17px}.focus-note,.score-record{padding:19px}.focus-note h2{font-size:23px}.score-top{gap:9px}.score-top>span:last-child{width:100%;margin-left:0}.dimension-row{grid-template-columns:72px 1fr 55px;gap:10px}.learn-card{padding:20px 15px;margin:23px 0}.learn-section-head{display:block}.learn-mini-note{display:block;margin-top:8px}.learning-showcase .audience-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.learning-showcase .value-choice{font-size:12px;padding:9px 5px;min-width:0}.lesson-steps{gap:5px}.lesson-steps button{font-size:12px;padding:8px 4px}.correction-choices{display:grid;grid-template-columns:1fr}.correction-choices button{text-align:left}.learn-comparison,.guidance-pair{grid-template-columns:1fr}.learn-comparison blockquote{font-size:18px}.learn-before,.learn-after{padding:17px}.teacher-say p{font-size:16px}.learn-praise,.learn-next-action{padding:20px 17px}.learn-praise blockquote{font-size:22px}.structure-record li{grid-template-columns:60px 1fr;gap:8px;font-size:14px}.learn-link-note{padding:20px}.archive-facts{gap:6px}.archive-facts span{font-size:11px;padding:5px 7px}.folder-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.folder-link{gap:7px}.folder-number{width:22px;font-size:15px}.folder-link>div>span{font-size:12px}.folder-rail{padding:16px 12px}.learning-showcase .student-folder{padding:24px 15px 22px 25px}.student-folder.journal::before{left:12px}.folder-id{align-items:flex-start;gap:10px}.folder-id h2{font-size:28px!important}.folder-id p{font-size:14px}.folder-record-tag{padding:9px}.folder-record-tag b{font-size:19px}.folder-record-tag span{font-size:11px}.folder-tabs{flex-wrap:nowrap;gap:4px}.folder-tabs button{font-size:12px;padding:8px 4px;min-width:0}.guidance-overview h2{font-size:23px}.guidance-overview p{font-size:15px}.keep-note,.next-note{padding:20px 16px}.archive-original .original-paragraph p{font-size:18px}.record-list article{gap:10px}.record-number{font-size:11px}.record-list article h3{font-size:18px}.record-list .button{font-size:13px;padding:10px 12px}.memo-actions .button{font-size:14px}.report-original .actions .button{font-size:13px}.learn-caption{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.learning-showcase *{scroll-behavior:auto;transition:none}}