*{box-sizing:border-box}body{margin:0;background:#f5f7f8;color:#24333d;font-family:Microsoft YaHei,Arial,sans-serif;font-size:15px;line-height:1.7}.appbar{height:68px;background:#fff;border-bottom:1px solid #dbe3e7;display:flex;align-items:center;padding:0 4%;gap:24px}.brand{font-size:20px;font-weight:700;color:#183f50;text-decoration:none}.appbar>span{color:#75818a;font-size:13px}.appbar nav{margin-left:auto;display:flex;gap:24px}main{max-width:1320px;margin:36px auto;padding:0 36px 80px}h1{font-size:29px;line-height:1.45;margin:8px 0 18px}h2{font-size:22px;margin:0 0 16px}h3{font-size:18px;margin:26px 0 12px}h4{margin:12px 0}a{color:#16687c}.eyebrow{font-size:12px;letter-spacing:1px;color:#537781;font-weight:700}.intro{color:#61707a;max-width:850px;margin-bottom:26px}label{display:block;font-size:14px;font-weight:600;margin:14px 0}input,textarea,select{display:block;width:100%;border:1px solid #bfcdd4;background:#fff;border-radius:5px;padding:10px 12px;font:inherit;color:#23323e;margin-top:6px}textarea{min-height:85px;resize:vertical;line-height:1.65}input:focus,textarea:focus{outline:2px solid #6da6b7;outline-offset:1px}button{border:1px solid #216b7a;border-radius:5px;background:#216b7a;color:#fff;padding:10px 18px;cursor:pointer;font:inherit;font-size:14px;font-weight:600;min-height:42px}button:disabled{opacity:.5;cursor:not-allowed}.secondary{background:#fff;color:#216b7a}.text-button{background:transparent;border:0;color:#216b7a}.title-input{max-width:720px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.mode{background:#fff;border:1px solid #d8e2e6;padding:28px;border-radius:6px}.mode-no{font-size:12px;color:#6e8a94;font-weight:700}.mode p{min-height:55px;color:#61707a}.section{background:#fff;border:1px solid #dce4e8;border-radius:6px;padding:28px;margin-top:24px}.history-row,.row{display:flex;justify-content:space-between;align-items:center;gap:18px}.history-row{padding:14px 0;border-bottom:1px solid #e9edef}.muted{color:#697b85}.inline{display:flex;align-items:center;gap:8px}.inline input{width:auto;margin:0}.badge{white-space:nowrap;background:#e3f0ee;color:#2a645e;padding:7px 14px;border-radius:4px;font-size:13px}.stages{display:flex;gap:8px;border-bottom:1px solid #cddce2;margin-top:24px;padding-bottom:10px}.stages button{background:transparent;border-color:transparent;color:#687b85}.stages .active{background:#e6f0f3;color:#174f60}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:20px 0}.feedback{min-height:36px;margin-top:12px}.feedback [role=alert]{color:#b23928;margin-left:12px}.warning{border-left:3px solid #c4993c;background:#fff9e9;padding:12px 16px;color:#72591f}.success{color:#276952}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}fieldset{border:0;padding:0;margin:0}.material,.direction,.stage{border-top:1px solid #dce4e8;padding:18px 0;margin-top:18px}.direction dl{display:grid;grid-template-columns:105px 1fr;gap:8px 16px}.direction dt{color:#6b7f89}.direction dd{margin:0}.direction details{margin:18px 0}summary{cursor:pointer;color:#267182}details p{white-space:pre-wrap}.prose{white-space:pre-wrap;font:inherit;overflow-wrap:anywhere}.task{border-left:3px solid #e0ebef;padding-left:18px;margin:24px 0}.suggestion{background:#f4f8fa;padding:16px;margin:12px 0}.login{max-width:500px;margin:10vh auto;background:#fff;padding:36px;border:1px solid #dce4e8;border-radius:6px}.extraction{padding:20px;background:#f1f7f8}.editor{border-top:1px solid #dce4e8}input:disabled,textarea:disabled{background:#f7f9fa;opacity:1;color:#263e4a}@media(max-width:760px){main{padding:0 16px 40px;margin-top:24px}.appbar{padding:0 16px;gap:10px}.appbar>span{display:none}.appbar nav{gap:14px}.mode-grid,.form-grid{grid-template-columns:1fr}.section{padding:18px}h1{font-size:24px}.row{align-items:flex-start;flex-wrap:wrap}.stages{gap:0}.stages button{padding:10px 8px}.direction dl{grid-template-columns:1fr;gap:4px}.direction dd{margin-bottom:12px}.mode p{min-height:0}}.teaching-body{overflow-wrap:anywhere}.body-overview{padding:8px 0 22px;border-bottom:1px solid #cddce2}.body-overview h4{font-size:19px}.body-roadmap{padding-left:24px}.body-roadmap li{margin:8px 0}.body-unit{margin:32px 0 44px;padding-top:8px;border-top:2px solid #547b87}.body-unit-title{font-size:22px;color:#183f50;line-height:1.5;margin:16px 0 20px}.body-purpose{color:#465c68;margin-bottom:24px}.body-phase-title{font-size:19px;margin:26px 0 12px}.body-activity{margin:24px 0 30px;padding:0 0 8px 22px;border-left:2px solid #d7e3e8}.body-activity-title{font-size:18px;line-height:1.55;margin:0 0 14px}.body-activity p,.body-purpose p,.body-overview p{white-space:pre-wrap;margin:14px 0}.body-material{color:#536770}.body-outcomes{border-top:1px solid #dce4e8;padding-top:18px}.body-outcomes ul{padding-left:24px;margin:10px 0}.body-outcomes li{margin:6px 0}@media(max-width:760px){.body-unit-title{font-size:20px}.body-activity{padding-left:12px}.body-activity-title{font-size:17px}}.image-entry{border-block:1px solid #d8e2e4;padding:16px 0;margin:16px 0}.image-material{border-top:1px solid #d8e2e4;padding:20px 0}.image-source{display:flex;align-items:center;gap:20px;min-width:0}.image-source>div{min-width:0}.image-source img{width:160px;height:140px;object-fit:contain;background:#eef2f3}.image-filename{overflow-wrap:anywhere;font-size:13px}.image-material textarea{min-height:170px}@media(max-width:600px){.image-source{align-items:flex-start;gap:12px}.image-source img{width:92px;height:112px}.image-source .toolbar{gap:6px}}