:root{--ink:#263e35;--green:#507b68;--dark:#233b30;--paper:#f5f1e7;--cream:#fffdf6;--rust:#bd7654;--line:#d9ddcf;--soft:#e6ebde;--muted:#78857a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #d9875e;outline-offset:3px}.skip{position:absolute;left:-10000px}.skip:focus{left:10px;top:10px;z-index:20;background:white;padding:10px}.topbar{height:78px;padding:0 max(5vw,28px);display:flex;align-items:center;gap:42px;border-bottom:1px solid var(--line);background:rgba(245,241,231,.94)}.identity{display:flex;align-items:center;gap:11px;font-size:13px;font-weight:700;line-height:1.35;letter-spacing:.06em}.identity small{display:block;font-size:10px;letter-spacing:.08em;color:var(--muted);margin-top:3px}.identity-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--dark);color:#fff;font:22px Georgia,serif}.topbar nav{display:flex;gap:28px;margin-left:auto;font-size:13px;font-weight:650}.topbar nav a:hover,.text-action:hover{text-decoration:underline}.top-tag{font:10px Georgia,serif;letter-spacing:.15em;color:#a18d72}.intro{max-width:1360px;margin:auto;padding:78px 5vw 92px;display:grid;grid-template-columns:1.05fr .95fr;gap:8%;align-items:center}.eyebrow{color:var(--rust);font-size:10px;letter-spacing:.19em;font-weight:750}.intro h1{font-family:Georgia,"Songti SC",serif;font-weight:500;font-size:clamp(42px,5.4vw,76px);line-height:1.22;letter-spacing:-.04em;margin:24px 0}.intro h1 em{color:var(--green);font-style:normal}.intro-text>p:not(.eyebrow):not(.intro-footnote){font-size:16px;max-width:520px;color:#61766a}.intro-actions{display:flex;gap:28px;align-items:center;margin-top:32px;flex-wrap:wrap}.action{display:inline-flex;gap:35px;align-items:center;border-radius:8px;padding:14px 20px;font-size:14px;font-weight:700}.main-action{background:var(--dark);color:#fff}.main-action:hover{background:#3c634d}.text-action{font-size:13px;font-weight:700}.intro-facts{display:flex;gap:22px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:25px;margin-top:48px;color:#6e8073;font-size:12px}.intro-facts b{display:block;color:var(--ink);font:24px Georgia,serif}.intro-footnote{font-size:11px;color:#899184}.intro-image{position:relative;max-width:510px;justify-self:end}.intro-image img{width:100%;display:block;border-radius:14px;box-shadow:0 22px 45px #374b3320}.image-stamp{position:absolute;right:-20px;top:22px;width:79px;height:79px;border-radius:50%;background:var(--rust);color:#fff;display:grid;place-content:center;text-align:center;line-height:1;font:10px Georgia;letter-spacing:.08em;transform:rotate(10deg)}.image-stamp b{font:23px Georgia}.intro-image p{display:flex;justify-content:space-between;color:#91a093;font-size:11px}.deck-section{background:#e7ecdf;padding:90px max(5vw,28px);scroll-margin-top:20px}.section-top,.archive-header{max-width:1280px;margin:0 auto 27px;display:flex;align-items:end;justify-content:space-between;gap:25px}.section-top h2,.archive-header h2,.classroom h2{font:500 clamp(30px,3.5vw,46px)/1.3 Georgia,"Songti SC",serif;margin:9px 0}.section-top p:not(.eyebrow),.archive-header p:not(.eyebrow){font-size:14px;color:#728277;margin:7px 0}.key-hint{color:#78877b;font-size:12px;white-space:nowrap}.stage-nav{display:flex;gap:7px;overflow-x:auto;max-width:1280px;margin:0 auto 15px;padding:2px 2px 6px;scrollbar-width:thin}.stage-nav button{white-space:nowrap;border:1px solid transparent;background:transparent;color:#667a6a;border-radius:30px;padding:9px 14px;font-size:12px;font-weight:650}.stage-nav button[aria-current=true]{background:var(--dark);color:#fff}.slide-shell{max-width:1280px;margin:auto;background:var(--cream);border:1px solid #dce2d4;border-radius:18px;box-shadow:0 12px 35px #354d2e0d;overflow:hidden}.slide-meta{display:flex;justify-content:space-between;padding:23px 34px 0;color:#9aab9b;font:11px Georgia,serif;letter-spacing:.15em}.slide-layout{display:grid;grid-template-columns:1.04fr .96fr;min-height:550px}.slide-copy{padding:24px 34px 30px}.slide-copy h3{font:500 clamp(29px,3.1vw,44px)/1.3 Georgia,"Songti SC",serif;letter-spacing:-.03em;margin:7px 0 14px}.problem{color:#728277;font-size:14px;max-width:600px;margin:0 0 20px}.quote-list{display:grid;gap:8px}.quote{background:#f3f4eb;border-radius:9px;padding:11px 15px}.quote-label{display:flex;justify-content:space-between;font-size:10px;color:#a37659;font-weight:700;letter-spacing:.06em}.quote blockquote{margin:5px 0 0;font-size:13px;line-height:1.7;font-weight:600;white-space:pre-wrap}.ai-summary{border-left:3px solid #9dbba2;padding-left:13px;margin:19px 0 0}.ai-summary b,.learning b{font-size:10px;letter-spacing:.1em;color:var(--green)}.ai-summary p,.learning p{font-size:13px;margin:3px 0 0}.learning{background:var(--dark);color:#f9f5e8;padding:14px 18px;border-radius:10px;margin-top:15px}.learning b{color:#c7d9b9}.slide-visual{background:#f2efe3;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px 34px 30px}.image-zoom{display:block;border:0;padding:0;background:none;max-width:100%;max-height:440px}.image-zoom img{display:block;max-width:100%;max-height:440px;object-fit:contain;border-radius:9px;box-shadow:0 12px 32px #25382b20}.visual-caption{max-width:430px;width:100%;font-size:11px;color:#839184;margin:13px 0 0}.visual-caption span{float:right}.discussion{max-width:430px;width:100%;border-top:1px solid #d4dccc;margin-top:18px;padding-top:14px;font-size:12px;color:#60786a}.discussion strong{display:block;color:#b57959;font-size:10px;letter-spacing:.1em}.slide-controls{display:flex;gap:18px;align-items:center;padding:16px 34px;border-top:1px solid #e8ebdf}.slide-controls button{border:0;background:none;color:var(--ink);font-size:13px;font-weight:700;padding:8px 0}.slide-controls button:disabled{opacity:.3;cursor:default}.slide-progress{height:3px;background:#e6eadf;flex:1}.slide-progress span{height:100%;display:block;background:var(--green);transition:width .2s}.stage-records{max-width:1280px;margin:14px auto 0;background:#f9fbf4;border-radius:11px}.stage-records summary,#archive-details summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;padding:18px 22px;font-size:14px;font-weight:700;list-style:none}.stage-records summary::-webkit-details-marker,#archive-details summary::-webkit-details-marker{display:none}.stage-records>p{padding:0 22px;color:#748277;font-size:12px}.record-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:5px 20px 22px}.record{background:#fff;border:1px solid #e1e6db;border-radius:8px;overflow:hidden}.record summary{padding:10px 13px;display:flex;justify-content:space-between;gap:12px;cursor:pointer;color:#647a69;font-size:12px;font-weight:650;list-style:none}.record summary::-webkit-details-marker{display:none}.record summary:after{content:'＋'}.record[open] summary:after{content:'−'}.record pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:4px 13px 15px;font:13px/1.75 inherit;font-family:inherit;color:#344b3c}.classroom{max-width:1280px;margin:90px auto;padding:50px;background:var(--dark);color:#f7f3e9;border-radius:18px;display:grid;grid-template-columns:1fr 1fr;gap:10%}.classroom p:not(.eyebrow){color:#c7d5c4;font-size:14px;max-width:510px}.inverse{background:#f5f0e5;color:var(--dark);margin-top:20px}.prompt-template{align-self:center;border:1px solid #6d8871;border-radius:12px;padding:18px 24px;background:#ffffff08}.prompt-template>p{font-size:12px!important;color:#e5e9d9!important;letter-spacing:.08em}.prompt-template ol{margin:0;padding:0;list-style:none}.prompt-template li{padding:10px 0;border-top:1px solid #ffffff24;font-size:14px}.prompt-template li span{font:11px Georgia;color:#a9bf9e;margin-right:15px}.archive{max-width:1280px;margin:0 auto 70px;padding:0 5vw;scroll-margin-top:20px}.archive-count{font:30px Georgia;color:#a2b2a1}.archive-toolbar{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:26px 0 16px}.archive-toolbar label{font-size:12px;font-weight:700}.archive-toolbar input{background:#fffdf6;border:1px solid #cbd7c6;border-radius:7px;padding:11px 14px;min-width:220px;flex:1}.archive-toolbar span{font-size:12px;color:#708172}.archive details#archive-details{background:#e8ede2;border-radius:10px}.archive-notice{padding:0 22px 16px;font-size:12px;color:#708172}.all-records{max-height:900px;overflow:auto}.teacher-note{max-width:1150px;margin:0 auto 80px;padding:20px 5vw;border-top:1px solid var(--line);color:#778879;font-size:13px}.teacher-note h2{font:23px Georgia,"Songti SC",serif;color:var(--ink)}footer{border-top:1px solid var(--line);padding:25px 5vw;display:flex;justify-content:space-between;gap:12px;color:#78887a;font-size:12px}footer a{font-weight:700;color:var(--ink)}dialog{max-width:94vw;max-height:94vh;border:0;border-radius:12px;background:var(--cream);color:var(--ink);padding:16px}dialog::backdrop{background:#13241ccc}dialog div{display:flex;justify-content:space-between;gap:30px;align-items:center}dialog button{border:0;background:none;font-size:28px;color:var(--ink)}dialog img{display:block;max-width:86vw;max-height:76vh;margin:auto;object-fit:contain}dialog>p{font-size:11px;color:#859286}@media(max-width:800px){.topbar{padding:0 20px;height:68px;gap:15px}.topbar nav{gap:14px}.topbar nav a:first-child{display:none}.top-tag{display:none}.intro{grid-template-columns:1fr;padding:55px 22px 65px;gap:38px}.intro-image{justify-self:start;max-width:500px}.intro-image img{width:100%}.image-stamp{right:-10px}.intro-facts{gap:19px;margin-top:32px}.deck-section{padding:65px 16px}.section-top{align-items:start}.key-hint{display:none}.slide-layout{grid-template-columns:1fr}.slide-copy{padding:20px 22px 28px}.slide-meta{padding:20px 22px 0}.slide-visual{padding:25px 22px}.image-zoom img{max-height:480px}.slide-controls{padding:14px 22px}.classroom{margin:60px 16px;padding:30px 24px;grid-template-columns:1fr;gap:30px}.archive{padding:0 18px}.record-list{grid-template-columns:1fr}.archive-count{font-size:19px}.archive-toolbar input{min-width:0;width:100%;flex-basis:100%}.archive-toolbar{gap:8px}.all-records{max-height:650px}footer{flex-wrap:wrap}.slide-meta span:last-child{font-size:10px}}@media(max-width:350px){.topbar nav{font-size:11px}.identity{font-size:11px}.intro h1{font-size:39px}.intro-facts{gap:13px}.intro-facts span{font-size:10px}.slide-copy h3{font-size:27px}.slide-controls{gap:8px}.slide-controls button{font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{.topbar,.stage-nav,.slide-controls,.stage-records,.archive-toolbar,.key-hint,footer{display:none!important}.slide-shell,.classroom{box-shadow:none;break-inside:avoid}}
.presentation-bar{max-width:1280px;margin:0 auto 10px;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#728277;font-size:12px}.presentation-bar button{border:1px solid #9db39c;background:#f9fbf4;color:var(--dark);padding:8px 13px;border-radius:7px;font-size:12px;font-weight:700}.presenting{overflow:hidden}.presenting .deck-section{position:fixed;z-index:50;inset:0;overflow:auto;padding:12px 3vw 28px}.presenting .section-top,.presenting .stage-records{display:none}.presenting .presentation-bar{margin-bottom:2px}.presenting .stage-nav{margin-bottom:5px}.presenting .slide-copy h3{font-size:clamp(31px,3.2vw,43px)}.presenting .quote blockquote{font-size:15px}.presenting .ai-summary p,.presenting .learning p,.presenting .problem{font-size:14px}@media(max-width:500px){.presentation-bar span{font-size:11px}.presentation-bar button{white-space:nowrap}.presenting .deck-section{padding:8px 10px 25px}}
@media(min-width:801px){.presenting .slide-copy{padding:12px 30px 14px}.presenting .slide-meta{padding-top:13px}.presenting .slide-layout{min-height:0}.presenting .slide-copy h3{margin:3px 0 8px}.presenting .problem{margin-bottom:12px}.presenting .quote{padding:7px 12px}.presenting .quote-list{gap:6px}.presenting .ai-summary{margin-top:10px}.presenting .learning{padding:9px 14px;margin-top:10px}.presenting .slide-controls{padding:9px 30px}.presenting .slide-visual{padding-top:14px;padding-bottom:14px}}
/* 沟通记录：按节点分组的瀑布流 */
.archive{max-width:1380px}.archive-notice{padding:0;color:#7d8d7e;margin:4px 0 22px}.milestone-nav{display:flex;gap:8px;overflow-x:auto;padding:1px 0 15px;scrollbar-width:thin}.milestone-nav a{flex:none;font-size:11px;font-weight:700;color:#53705c;border:1px solid #cfdaca;background:#eef1e7;border-radius:30px;padding:7px 12px;white-space:nowrap}.milestone-nav a:hover{background:var(--dark);color:#fff}.waterfall-timeline{border-left:1px solid #ccd8c8;padding-left:30px;margin:18px 0 0 13px}.waterfall-group{scroll-margin-top:24px;margin:0 0 48px}.milestone-heading{position:relative;display:flex;gap:17px;align-items:flex-start;margin:0 0 20px}.milestone-heading:before{content:"";position:absolute;left:-36px;top:14px;width:11px;height:11px;border-radius:50%;background:var(--rust);box-shadow:0 0 0 5px var(--paper)}.milestone-number{font:italic 38px/1 Georgia,serif;color:#bdcbb5}.milestone-heading p:first-child{font-size:10px;letter-spacing:.12em;font-weight:750;color:#b57858;margin:0 0 4px}.milestone-heading h3{font:500 25px/1.3 Georgia,"Songti SC",serif;margin:0;color:var(--ink)}.milestone-heading p:last-child{font-size:12px;color:#849287;margin:5px 0 0}.waterfall-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:8px;gap:14px;align-items:start}.archive-card{align-self:start;min-width:0;padding:17px 18px 18px;background:#fffdf7;border:1px solid #e0e5d9;border-radius:11px;box-shadow:0 4px 12px #263e3508}.archive-card.is-key{background:#f6f7ed;border-color:#b9cdb5;box-shadow:inset 3px 0 0 #6e9375,0 4px 12px #263e3508}.archive-card-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin-bottom:12px}.archive-id{font:italic 18px/1 Georgia,serif;color:#547965}.archive-kind{color:#93a08f;font-size:10px;letter-spacing:.02em}.archive-key-label{margin-left:auto;background:#e2eadc;color:#50745a;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:750;line-height:1.5}.archive-card-text,.archive-full pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#344b3e;font:13px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;margin:0}.archive-full summary{list-style:none;cursor:pointer;color:#698d70;font-size:12px;font-weight:700;margin:12px 0 0}.archive-full summary::-webkit-details-marker{display:none}.archive-full summary:after{content:' ↓'}.archive-full[open] summary:after{content:' ↑'}.archive-full pre{margin-top:13px}.archive-empty{background:#fffdf7;border-radius:10px;padding:24px;color:#788a7b}.archive-card[hidden]{display:none}@media(max-width:950px){.waterfall-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.waterfall-timeline{padding-left:20px;margin-left:6px}.milestone-heading:before{left:-26px}.milestone-number{font-size:31px}.milestone-heading h3{font-size:21px}.waterfall-grid{grid-template-columns:1fr;gap:10px}.archive-card{padding:15px 16px}.archive-key-label{margin-left:0}.waterfall-group{margin-bottom:35px}}
/* 真实对话与节点配图 */
.milestone-heading>div{flex:1;min-width:0}.milestone-figure{flex:none;width:170px;margin:0 0 0 16px}.milestone-image{display:flex;align-items:center;justify-content:center;width:100%;height:100px;padding:4px;background:#e6ebdd;border:1px solid #d3ddcb;border-radius:9px;overflow:hidden}.milestone-image img{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:5px}.milestone-image:hover{border-color:#719778}.milestone-figure figcaption{color:#89998b;font-size:10px;line-height:1.45;margin-top:5px}.archive-answer{border-top:1px solid #e3e9de;margin-top:15px;padding-top:13px}.archive-answer-label{display:block;color:#719078;font-size:10px;font-weight:800;letter-spacing:.05em;margin-bottom:7px}.archive-answer-text{white-space:pre-wrap;overflow-wrap:anywhere;color:#58705d;font-size:12.5px;line-height:1.75;margin:0}.archive-answer.is-missing .archive-answer-label{color:#a6aaa0}.archive-answer.is-missing .archive-answer-text{color:#9da69b;font-size:11.5px}.archive-full.answer-full summary{color:#508066}.archive-full pre{word-break:break-word}@media(max-width:600px){.milestone-heading{flex-wrap:wrap;gap:10px 12px}.milestone-heading>div{flex:1 1 calc(100% - 50px)}.milestone-figure{margin:0 0 0 40px;width:min(210px,calc(100% - 40px))}.milestone-image{height:105px}.milestone-figure figcaption{font-size:10px}}
/* 每一行是一条沟通：左侧输入，右侧回复。 */
.waterfall-grid{display:flex;flex-direction:column;gap:14px}.archive-card,.archive-card.is-key{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;padding:0;overflow:hidden}.archive-input,.archive-answer{min-width:0;padding:19px 22px}.archive-answer{margin:0;border-top:0;border-left:1px solid #e0e8db;background:#f3f6ed}.archive-card.is-key .archive-answer{background:#edf3e8}.archive-answer-label{margin-bottom:10px}.archive-card-text,.archive-answer-text,.archive-full pre{font-size:14px;line-height:1.8}.archive-card-head{margin-bottom:13px}.archive-answer.is-missing .archive-answer-text{font-size:13px}.archive-card.is-key{box-shadow:inset 3px 0 0 #6e9375,0 4px 12px #263e3508}.archive-full pre{max-width:100%}@media(max-width:650px){.archive-card,.archive-card.is-key{grid-template-columns:minmax(0,1fr)}.archive-input,.archive-answer{padding:16px 18px}.archive-answer{border-left:0;border-top:1px solid #e0e8db}}
/* Each dialogue keeps its two columns; its documented progress spans the row. */
.row-change{grid-column:1/-1;min-width:0;padding:17px 22px 20px;border-top:1px solid #dce6d9;background:#fafbf4}.change-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.change-heading strong{font-size:13px;color:#315d48}.change-status{font-size:11px;color:#6a806d;background:#e8eee1;padding:3px 9px;border-radius:30px}.change-summary{font-size:14px;line-height:1.7;color:#455d4b;margin:8px 0 0;overflow-wrap:anywhere}.change-visuals{display:flex;flex-wrap:wrap;gap:18px;margin-top:14px}.change-figure{margin:0;width:min(340px,100%);min-width:0}.change-image{display:block;padding:0;width:100%;height:150px;border:1px solid #d8e2d3;border-radius:9px;background:#edf1e6;cursor:zoom-in;overflow:hidden}.change-image:focus-visible{outline:3px solid #b46e4b;outline-offset:3px}.change-image img{display:block;width:100%;height:100%;object-fit:contain}.change-figure figcaption{font-size:11px;color:#718575;line-height:1.55;margin-top:6px}.row-change:has(.change-image){padding-bottom:18px}@media(max-width:650px){.row-change{padding:16px 18px}.change-visuals{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.change-figure{width:100%;max-width:340px}.change-image{height:150px}}
