*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;font-family:'Microsoft YaHei','Noto Sans SC',sans-serif;color:#21494d}body{background:#19313c}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:4px solid #c09b48;outline-offset:4px}#viewport{height:calc(100dvh - 56px);display:flex;align-items:center;justify-content:center;overflow:hidden}#stage{width:1600px;height:900px;flex:none;position:relative;transform-origin:center;background:url('assets/background-test-cover.webp') center/100% 100%;overflow:hidden}#page{position:absolute;inset:0;padding:145px 174px 92px;display:flex;flex-direction:column;gap:18px}h1,h2,h3,p,figure{margin:0}h2{font-size:43px;line-height:1.3;font-weight:800}#lead{font-size:26px;line-height:1.5;color:#4b7b7a;min-height:39px}#body{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:18px}.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.split.wide{grid-template-columns:1.1fr 1fr}.split.poster-split{grid-template-columns:490px 1fr}.scene{display:block;width:100%;max-height:430px;object-fit:contain;border-radius:14px}.hero-title{font-size:64px;line-height:1.3;font-weight:850;letter-spacing:1px}.hero-title em{font-style:normal;color:#26868a}.brand{display:flex;align-items:center;gap:12px;font-size:23px;color:#3f7a73;margin-bottom:20px}.brand img{width:45px;height:45px;object-fit:contain}.btn{border:2px solid #89bbad;background:#eef8e8;padding:11px 22px;border-radius:8px;font-size:23px;line-height:1.35;text-decoration:none;display:inline-block;color:#2d7476}.btn.primary{background:#277e80;border-color:#277e80;color:#fff;box-shadow:4px 4px 0 #add3bd}.btn:hover{filter:brightness(.96)}.actions{display:flex;gap:13px;flex-wrap:wrap;align-items:center}.muted{font-size:20px;line-height:1.5;color:#618a80}.big{font-size:35px;font-weight:750;line-height:1.5;color:#2b7e81}.regular{font-size:26px;line-height:1.65}.small-label{font-size:20px;color:#54877a;margin-bottom:10px}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.choice{background:transparent;border:0;border-bottom:3px solid #91bfb0;text-align:left;padding:0 6px 16px;transition:transform .15s}.choice:hover{transform:translateY(-5px)}.choice.selected{border-bottom-color:#287f80;background:#d9efe180}.choice h3{font-size:29px;line-height:1.4;margin:15px 0 9px;color:#2a7f82}.choice p{font-size:23px;line-height:1.5}.choice small{font-size:19px;line-height:1.5;display:block;color:#648a80;margin-top:10px}.choice-media{height:227px;overflow:hidden;background:#d2e9d9;border:2px solid #8fc0b2;border-radius:11px;display:flex;align-items:center;justify-content:center}.choice-media img,.choice-media video{width:100%;height:100%;object-fit:cover}.choice-media.poster-thumb img{object-fit:contain;background:#f0ebd8}.experience{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.exp{display:flex;align-items:center;gap:20px;padding:12px 16px;border:2px solid #a4cbbc;border-radius:10px;background:#f0f9e9;text-align:left;font-size:30px;min-height:142px}.exp img{width:112px;height:112px;object-fit:contain;border-radius:7px}.exp.selected{background:#cfeade;border-color:#2f8a83}.video{width:100%;height:477px;display:block;background:#0b1b20;border-radius:10px;border:2px solid #91b9ac}.video-page #body{justify-content:flex-start}.roadmap .choice-media{height:210px}.roadmap .choice h3{font-size:31px}.roadmap .choice p{font-size:23px}.concept-list{display:flex;flex-direction:column;gap:22px}.concept-list>div{border-top:2px solid #9bc7b6;padding:16px 0 0;font-size:28px;line-height:1.5}.number{font-size:22px;color:#6a9e8c;font-weight:700;margin-right:14px}.prompt{padding:20px 24px;border-left:5px solid #73b19e;background:#e0f2e2;border-radius:0 10px 10px 0;font-size:27px;line-height:1.6}.fields{display:flex;flex-direction:column;gap:18px}.field{display:flex;flex-direction:column;gap:9px}.field label{font-size:24px;font-weight:700;color:#33797b}.field input,.field textarea{width:100%;font-size:25px;line-height:1.45;padding:12px 17px;border:2px solid #a6cbbb;border-radius:7px;background:#f8fced;resize:vertical;min-height:60px}.field textarea{height:96px}.field input:focus,.field textarea:focus{outline:3px solid #c2ac64;outline-offset:2px}.pills{display:flex;gap:14px;flex-wrap:wrap}.pill{padding:12px 20px;background:#edf6e5;border:2px solid #a6c6b1;border-radius:7px;font-size:24px}.pill.selected{background:#cbe9d9;border-color:#2e8580}.poster{position:relative;width:352px;height:496px;overflow:hidden;box-shadow:8px 8px 0 #b4d4bb;border:1px solid #91b5a4;background:#eee6d5;flex:none}.poster .poster-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.poster:before{content:'';position:absolute;inset:0;background:linear-gradient(#fff9e9e0,transparent 40%);z-index:1}.poster-title{position:absolute;left:26px;right:25px;top:22px;z-index:2;font-size:41px;font-family:'Microsoft YaHei',sans-serif;color:#184d4b;font-weight:900;line-height:1.18;letter-spacing:2px;overflow-wrap:anywhere}.poster-sub{font-size:14px;letter-spacing:3px;font-weight:600;margin-top:12px;color:#53746a;line-height:1.4}.poster-info{position:absolute;bottom:18px;left:20px;right:20px;z-index:2;padding:12px 14px;background:#fff8e4ed;backdrop-filter:blur(2px);border-top:2px solid #346d60;color:#254e47;line-height:1.5;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.poster.low-title .poster-title{font-size:22px;top:29px;font-weight:650}.poster.low-title .poster-sub{font-size:13px}.poster.warm .poster-title{color:#894c32}.poster.cool .poster-title{color:#294e80}.poster-wrap{display:flex;align-items:center;justify-content:center;gap:40px;min-height:0;flex:1}.poster-wrap figure{display:flex;flex-direction:column;gap:10px;align-items:center}.poster-wrap figcaption{font-size:21px;color:#548376}.poster.medium{width:322px;height:452px}.poster.medium .poster-title{font-size:36px}.poster.medium.low-title .poster-title{font-size:22px}.range-line{display:flex;gap:15px;align-items:center;font-size:24px}.range-line input{width:230px;accent-color:#288181}.art-detail{width:100%;height:335px;object-fit:cover;object-position:50% 76%;border-radius:10px}.poster .hilite{outline:3px solid #c09440;outline-offset:4px}.poster-upload{display:block;max-width:100%;max-height:455px;object-fit:contain;border-radius:8px}.workbench{display:grid;grid-template-columns:1fr 410px;gap:28px;align-items:center}.workbench .poster{width:302px;height:425px;margin:auto}.workbench .poster-title{font-size:36px}.workbench .poster-info{font-size:12px;bottom:14px;left:17px;right:17px}.workbench .field{gap:6px}.workbench .field label{font-size:21px}.workbench .field input,.workbench .field textarea{font-size:21px;min-height:44px;padding:8px 12px}.workbench .field textarea{height:66px}.workbench .fields{gap:10px}.mini-note{font-size:18px;line-height:1.5;color:#698b7b}.planner{background:#fcfbef;border:2px solid #99bcaa;border-radius:14px;overflow:hidden;box-shadow:7px 7px 0 #b8d4bc;display:grid;grid-template-columns:1fr 1fr;min-height:390px}.plan-left{padding:22px 24px;border-right:1px solid #d5dfc8}.plan-right{padding:22px 24px;background:#eff7e8}.plan-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.plan-heading h3{font-size:27px;line-height:1.4}.plan-heading small{font-size:17px;color:#7e9b83}.time-input{display:flex;align-items:center;gap:10px;font-size:21px;margin-bottom:14px}.time-input input{width:85px;border:1px solid #a9c4ad;border-radius:5px;padding:6px;font-size:22px;background:#fffef5}.task-row{display:grid;grid-template-columns:34px 1fr 73px 44px;gap:8px;align-items:center;margin:9px 0}.task-icon{font-size:24px}.task-row input{font-size:19px;min-width:0;width:100%;padding:7px;border:1px solid #c1d1b8;border-radius:5px;background:#fffef6}.task-row button{font-size:18px;background:#e7eedb;border:1px solid #b4c6a7;border-radius:5px;height:35px}.task-list{max-height:224px;overflow:auto}.plan-right h3{font-size:25px;margin-bottom:14px}.timeline{display:flex;gap:12px;align-items:flex-start;border-left:3px solid #a0c2a4;padding:8px 0 12px 13px;margin-left:4px;position:relative}.timeline:before{content:'';width:9px;height:9px;background:#529a82;border-radius:50%;position:absolute;left:-6px;top:15px}.timeline span{font-size:17px;color:#719080;width:102px;flex:none}.timeline b{font-size:20px;font-weight:650}.plan-msg{font-size:20px;line-height:1.5;padding:13px;border-radius:7px;background:#dcebd3;margin-top:12px}.plan-msg.warn{background:#f6e9c8;color:#805e30;border-left:4px solid #b7914b}.plan-empty{font-size:24px;line-height:1.6;color:#779380;padding:30px 0}.plan-title-mini{font-size:18px;color:#689080}.planner.compact{min-height:340px}.planner.compact .plan-left,.planner.compact .plan-right{padding:15px 18px}.planner.compact .plan-heading h3{font-size:23px}.planner.compact .task-row{margin:5px 0}.planner.compact .task-row input{padding:5px}.planner.compact .plan-msg{font-size:18px;padding:10px}.planner.compact .timeline{padding-bottom:7px}.planner.compact .timeline span{font-size:15px;width:95px}.planner.compact .timeline b{font-size:18px}.game-frame{display:block;width:100%;height:399px;border:2px solid #8fb9ac;border-radius:10px;background:#10192f}.game-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:23px}.game-controls label{display:flex;align-items:center;gap:10px}.game-controls input{width:80px;font-size:23px;padding:7px;border:1px solid #94b5a4;border-radius:5px;background:#fffbea}.game-state{padding:10px 16px;background:#e0efdc;font-size:20px;border-radius:7px}.game-state.warn{background:#f4e5c8}.screenshot{width:100%;max-height:430px;object-fit:contain;border-radius:10px}.rule-example{background:#f7fae9;padding:25px 30px;border-left:4px solid #75a99c;font-size:30px;line-height:1.65;border-radius:0 10px 10px 0}.reveal-answer{font-size:28px;line-height:1.6;color:#2e7d7b;padding-top:16px}.request-text{font-size:25px;line-height:1.65;padding:23px;background:#f6fae9;border:2px solid #a5c4b0;border-radius:10px;white-space:pre-wrap;max-height:310px;overflow:auto}.test-timer{font-size:84px;font-weight:800;color:#2c8082;font-variant-numeric:tabular-nums}.record-line{border-bottom:2px solid #9fc2ae;padding:13px 0;font-size:28px;line-height:1.5}.check-list{display:flex;flex-direction:column;gap:20px}.check-list label{font-size:27px;line-height:1.5;display:flex;align-items:center;gap:16px}.check-list input{accent-color:#287f7a;width:24px;height:24px;flex:none}.learning-options{display:flex;flex-direction:column;gap:16px}.learning-options button{font-size:27px;line-height:1.5;padding:17px 24px;text-align:left;background:#f0f7e5;border:2px solid #a8c6af;border-radius:8px}.learning-options button.selected{background:#cce9d7;border-color:#2e7f7a}#toolbar{height:56px;display:flex;align-items:center;justify-content:center;gap:10px;padding:7px 14px;overflow-x:auto;background:#19313c;color:#e9f2e6;white-space:nowrap}#toolbar button{font-size:16px;padding:8px 13px;color:#e8f1e4;background:#254a54;border:1px solid #5b8082;border-radius:6px;white-space:nowrap}#toolbar button:disabled{opacity:.35;cursor:default}#counter{font-size:16px;min-width:88px;text-align:center}#clock{font-size:16px;color:#aaccc0;font-variant-numeric:tabular-nums}#clock.late{color:#ead28f}#toolbar .route-tag{font-size:14px;color:#b7d3c2;max-width:130px;overflow:hidden;text-overflow:ellipsis}dialog{border:2px solid #93b8a6;border-radius:12px;background:#f5fae9;color:#21494d;padding:28px;max-width:94vw;max-height:90vh;overflow:auto}dialog::backdrop{background:#142e3dbb}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:20px}.dialog-head h3{font-size:28px}#contents{width:1080px}.index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.index-grid button{padding:12px;text-align:left;font-size:18px;border:1px solid #a9c4ac;background:#e7f1dd;border-radius:5px}.index-grid button.current{border:2px solid #2c827c;background:#c9e6d2}#bench{width:1380px}.bench-inner{width:1260px;max-width:100%}#bench .game-frame{height:399px}#bench .planner{min-height:390px}#more{width:680px}.settings-grid{display:flex;flex-direction:column;gap:16px}#toast{position:fixed;top:18px;left:50%;transform:translateX(-50%);background:#fff5d5;color:#5c603d;border:1px solid #c6b67b;padding:12px 22px;border-radius:7px;font-size:18px;z-index:50;display:none;max-width:85vw}body.full #viewport{height:100dvh}body.full #toolbar{position:fixed;bottom:0;width:100%;z-index:8;opacity:0;transition:opacity .2s}body.full #toolbar:hover,body.full #toolbar:focus-within{opacity:1}#page[data-id=start]{justify-content:center}#page[data-id=start] #title,#page[data-id=start] #lead{display:none}#page[data-id=start] #body{flex:0}.hidden{display:none!important}@media(max-width:950px){#toolbar{justify-content:flex-start}#toolbar button{font-size:14px;padding:7px 10px}#toolbar .route-tag{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.choice{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.choice-media{width:100%;flex:none}.choice h3{min-height:42px}.choice p{min-height:70px}.choice small{margin-top:auto;padding-top:10px}.poster-info{font-size:18px;line-height:1.45;padding:11px 12px}.poster.medium .poster-info{font-size:16px}.choice-media img{object-fit:contain;background:#edf3e4}.choice-media video{object-fit:cover}.poster-wrap .planner{width:100%}.poster-wrap .game-frame{width:100%;height:350px}.split>#body{min-width:0}
.mini-schedule{width:100%;background:#f6faeb;border:2px solid #9fc1ad;padding:22px;border-radius:10px}.mini-schedule h3{font-size:27px;margin-bottom:16px}.mini-frame{width:100%;height:235px;position:relative;overflow:hidden;border-radius:9px}.mini-frame .game-frame{width:1240px;height:400px;max-width:none;transform:scale(.48);transform-origin:top left}.split>div{min-width:0}.poster-wrap{min-width:0}.request-text{flex:none}
#page[data-id=start] #body{flex:1}.poster{cursor:zoom-in}.poster:focus-visible{outline:4px solid #b69b52;outline-offset:6px}#zoomDialog{padding:22px}#zoomBody .poster{width:490px;height:690px;cursor:default}#zoomBody .poster-title{font-size:57px!important;left:34px;right:30px;top:31px}#zoomBody .poster-sub{font-size:19px}#zoomBody .poster-info{font-size:24px;left:28px;right:28px;bottom:25px;padding:14px}
.choices.four{grid-template-columns:repeat(4,1fr);gap:20px}.four .choice-media{height:195px}.four .choice h3{font-size:27px;min-height:76px;margin-top:15px}.four .choice p{font-size:22px;min-height:70px}.four .choice small{font-size:19px;line-height:1.5;min-height:65px}.site-frame{width:100%;height:420px;border:2px solid #8db7aa;border-radius:10px;background:#0c1e2f;display:block}.site-frame.mini{height:355px}.site-editor{display:grid;grid-template-columns:320px 1fr;gap:25px;align-items:start;width:100%}.site-controls{display:flex;flex-direction:column;gap:12px}.site-controls .field label{font-size:21px}.site-controls .field input{font-size:21px;padding:8px 11px;min-height:43px}.site-controls input[type=color]{height:45px;padding:3px}.site-editor .site-frame{height:430px}.steps-layout{display:grid;grid-template-columns:490px 1fr;gap:60px;align-items:center}.steps-preview{display:flex;justify-content:center}.steps-layout .concept-list{gap:16px}.steps-layout .concept-list>div{font-size:27px;padding-top:12px}.steps-layout .regular{font-size:23px;color:#557e75;margin:6px 0 0 48px}
/* 2026-10-22：学生版式 */
#page{padding-top:142px;gap:15px}#lead:empty{display:none}#body{gap:16px}#title{font-size:41px}#lead{font-size:25px}.experience{gap:24px}.exp{min-height:160px;font-size:32px}.exp img{width:128px;height:128px}.four .choice-media{height:187px}.four .choice h3{font-size:27px;line-height:1.45;min-height:83px}.four .choice p{font-size:22px;min-height:70px}.lesson-flow{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px;width:100%}.lesson-flow li{display:flex;align-items:center;gap:25px;padding:13px 26px;border-bottom:2px solid #a6cdbd;font-size:30px}.lesson-flow li span{font-size:28px;color:#6b9c8d;font-weight:800}.lesson-flow li b{font-weight:650}.lesson-flow li:nth-child(3){background:#d8eee1;border-radius:8px}.newspaper{background:#fff9e8;box-shadow:6px 6px 0 #b4d4bb;border:2px solid #89afa0;border-radius:4px;padding:22px 28px;width:100%;height:430px;cursor:zoom-in;display:flex;flex-direction:column;gap:14px;color:#2f5147;overflow:hidden;flex:none}.newspaper header{flex:none}.news-kicker{font-size:17px;letter-spacing:3px;color:#658e79;margin-bottom:5px}.newspaper h3{font-size:48px;line-height:1.2;font-family:'Microsoft YaHei',sans-serif;font-weight:900;color:#226d63;letter-spacing:2px;overflow-wrap:anywhere}.news-rule{border-bottom:3px solid #37877b;border-top:1px solid #8bb7a0;height:7px;margin-top:10px}.news-columns{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:23px;min-height:0;flex:1}.news-columns section{border-right:1px solid #bad1b4;padding-right:18px;min-width:0}.news-columns section:last-child{border:0;padding:0}.news-no{font-size:15px;letter-spacing:2px;color:#7d9e82}.newspaper h4{font-size:25px;line-height:1.35;margin:7px 0 9px;color:#2d6b5e}.news-columns p{font-size:21px;line-height:1.65;text-align:justify;overflow-wrap:anywhere}.news-columns figure{display:flex;flex-direction:column;justify-content:center;min-width:0;overflow:hidden}.news-columns img{width:100%;height:176px;object-fit:cover;border-radius:5px;display:block}.news-columns figcaption{font-size:16px;line-height:1.6;margin-top:8px;color:#64846b;text-align:center}.book-label{display:inline-block;margin-top:13px;border-left:4px solid #9cba91;padding:7px 13px;background:#e8edd7;font-size:20px;color:#42775e}.book-label small{font-size:14px}.newspaper footer{display:flex;align-items:center;gap:24px;border-top:1px solid #a2bea0;padding-top:12px;font-size:20px;flex:none}.newspaper footer b{font-size:17px;background:#d7e9ce;color:#3c705d;padding:7px 12px;flex:none}.newspaper.weak h3{font-size:26px!important;font-weight:500;color:#789382}.newspaper.crowded .news-columns{gap:0}.newspaper.crowded .news-columns section{padding:0;border:0}.newspaper.crowded .news-columns p{line-height:1.15}.newspaper.crowded .news-columns h4{margin:0}.newspaper.crowded .news-columns img{height:204px}.newspaper.crowded .news-columns figcaption{margin:0}.newspaper.crowded footer{padding-top:0;border:0}.writing-layout{display:grid;grid-template-columns:360px 1fr;gap:40px;align-items:start}.writing-cues{padding:20px 25px;border-left:4px solid #7eaf98;background:#e3f2e0;display:flex;flex-direction:column;gap:18px;border-radius:0 8px 8px 0;font-size:26px;line-height:1.5}.writing-layout textarea{height:310px;resize:none;font-size:27px;line-height:1.65;background:#fcfdec}.writing-layout .cue-image{height:145px;overflow:hidden}.cue-image img{width:100%;height:100%;object-fit:contain}.creation-task{padding:26px 34px;border-left:5px solid #82b5a1;background:#e4f2df;border-radius:0 12px 12px 0}.creation-steps{display:flex;flex-direction:column;gap:16px;margin:26px 0 30px}.creation-steps p{font-size:28px;display:flex;align-items:center;gap:20px}.creation-steps b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#b6d8c3;color:#337766;font-size:23px;flex:none}.artifact-area{width:100%;display:flex;align-items:center;justify-content:center;min-width:0;min-height:330px}.artifact-empty{background:#e5f1e0;border:2px dashed #a2c4ac;border-radius:10px;padding:34px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%;min-height:315px}.artifact-empty strong{font-size:29px;color:#397b70;line-height:1.5}.artifact-empty p{font-size:24px;line-height:1.65}.artifact-area .poster-upload{max-height:410px}.retained-artifact{width:100%;min-width:0}.retained-artifact .newspaper{height:355px;padding:18px}.retained-artifact .newspaper h3{font-size:28px!important;letter-spacing:0}.retained-artifact .news-kicker{font-size:12px;letter-spacing:0}.retained-artifact .news-columns{gap:12px;grid-template-columns:1fr 1fr}.retained-artifact .news-columns figure{display:none}.retained-artifact .news-columns h4{font-size:19px}.retained-artifact .news-columns p{font-size:17px;line-height:1.5}.retained-artifact .news-no{font-size:11px}.retained-artifact .book-label{display:none}.retained-artifact .newspaper footer{gap:8px;font-size:15px}.retained-artifact .newspaper footer b{display:none}.retained-artifact .site-frame{height:350px}.retained-artifact .poster{margin:auto;width:280px;height:394px}.method-bar{display:flex;gap:12px;flex-wrap:wrap}.method-bar .pill{font-size:22px;padding:9px 15px}.method-options{display:flex;gap:20px;margin-top:20px}.method-split{grid-template-columns:640px 1fr;gap:30px}.scaled-news .newspaper{height:350px;padding:20px}.scaled-news .news-columns{gap:13px;grid-template-columns:1fr 1fr}.scaled-news .news-columns figure{display:none}.scaled-news .news-columns h4{font-size:20px}.scaled-news .news-columns p{font-size:18px;line-height:1.5}.scaled-news .news-no{font-size:12px}.scaled-news .book-label{display:none}.scaled-news .newspaper footer{font-size:16px}.scaled-news .newspaper footer b{display:none}.method-news .newspaper{height:345px;padding:14px 24px}.method-news .newspaper h3{font-size:37px!important}.method-news .newspaper h4{font-size:22px}.method-news .news-columns p{font-size:20px;line-height:1.5}.method-news .news-columns img{height:142px}.method-news .book-label{display:none}.method-news .newspaper footer{font-size:18px;padding-top:8px}.method-news .news-kicker{font-size:14px}.method-news .news-no{font-size:12px}.prompt{font-size:24px;padding:14px 22px}.math-case{display:grid;grid-template-columns:1fr 90px 1fr;align-items:center;text-align:center;gap:20px;padding:35px;background:#e7f2df;border-radius:12px}.math-case b{font-size:27px}.math-case strong{display:block;font-size:92px;color:#2f8080;line-height:1.4}.math-case strong span{font-size:25px;margin-left:10px}.math-case p{font-size:23px;line-height:1.5}.math-vs{font-size:64px;color:#ab7841}.input-cases{display:grid;grid-template-columns:1fr 1fr;gap:25px}.input-cases>div{padding:34px 30px;background:#edf5e3;border-top:4px solid #8fb79e;border-radius:8px;display:flex;flex-direction:column;gap:22px}.input-cases span{font-size:22px;color:#6c927f}.input-cases b{font-size:30px;color:#2e7c78}.input-cases p{font-size:26px;line-height:1.6}.condition-flow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px}.condition-flow>div{background:#e4f0dc;border-top:4px solid #86b39b;border-radius:9px;padding:35px 24px}.condition-flow b{font-size:30px;color:#317d78}.condition-flow p{font-size:27px;line-height:1.6;margin-top:20px}.site-map{display:flex;align-items:center;gap:20px;background:#e7f3df;padding:35px;border-radius:10px}.site-map div{flex:1}.site-map span{font-size:40px;transform:rotate(-90deg);color:#7ca68e}.site-map b{font-size:30px;color:#317e78}.site-map p{font-size:25px;line-height:1.7;margin-top:15px}.practice-news .newspaper{height:363px;padding:15px 25px}.practice-news .newspaper h3{line-height:1.1}.practice-news .news-columns{gap:22px}.practice-news .news-columns p{font-size:20px;line-height:1.5}.practice-news .news-columns img{height:145px}.practice-news .book-label{display:none}.practice-news .newspaper footer{font-size:18px;padding-top:8px}.practice-news .newspaper footer b{font-size:15px}.practice-controls{display:flex;gap:45px;align-items:center;font-size:25px}.practice-controls label{display:flex;gap:15px;align-items:center}.practice-controls input[type=range]{width:250px;accent-color:#2b827c}.practice-controls input[type=checkbox]{width:23px;height:23px;accent-color:#2b827c}.revision-card{display:flex;flex-direction:column;gap:23px}.revision-card>p{padding:19px;background:#deeedb;border-left:4px solid #8ab297;display:flex;flex-direction:column;gap:10px;font-size:25px}.revision-card p span{line-height:1.5;overflow-wrap:anywhere;max-height:120px;overflow:auto}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.before-after figure{display:flex;flex-direction:column;gap:12px;align-items:center;min-width:0}.before-after figcaption{font-size:23px;color:#4e8475}.before-after .poster-upload{max-height:370px}.before-after .artifact-empty{min-height:340px}.method-review{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.method-review div{padding:28px 20px;background:#e1f0dd;border-bottom:3px solid #86b19a;border-radius:8px;display:flex;flex-direction:column;gap:22px}.method-review span{font-size:30px;color:#8eaf8a}.method-review b{font-size:29px;line-height:1.6;color:#2e7c77}.save-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.save-layout .fields{gap:14px}.save-layout .regular{font-size:25px}.save-layout .btn{font-size:21px;padding:9px 15px}.steps-preview img{max-width:100%;max-height:380px;object-fit:contain;border-radius:9px}.news-editor{display:grid;grid-template-columns:1fr 330px;gap:25px;align-items:start}.news-editor .newspaper{height:430px}.news-editor .newspaper h3{font-size:34px!important}.news-editor .news-columns{grid-template-columns:1fr 1fr}.news-editor .news-columns figure{display:none}.news-editor .news-columns p{font-size:20px}.news-editor .newspaper footer b{display:none}.news-editor .field textarea{height:62px;min-height:40px;font-size:18px;padding:7px}.news-editor .fields{gap:9px}.news-editor .field label{font-size:18px}.news-editor .field{gap:4px}.reference-retain{border-top:1px solid #a1bca5;margin-top:22px;padding-top:16px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.reference-retain p{font-size:18px;margin-right:15px}.reference-retain .btn{font-size:18px}.saved-rule{background:#e2efdc;padding:25px;line-height:1.7}.saved-rule img{width:100%;max-height:190px;object-fit:contain}.saved-rule h3{font-size:26px;margin:12px 0}.saved-rule p{font-size:27px}.site-frame{height:430px}#zoomDialog:has(.newspaper){width:1180px}#zoomBody .newspaper{height:560px;cursor:default}#zoomBody .newspaper h3{font-size:54px!important}#zoomBody .news-columns p{font-size:25px;line-height:1.8}#zoomBody .news-columns img{height:245px}#zoomBody .news-columns h4{font-size:28px}#zoomBody .newspaper footer{font-size:23px}#zoomBody .news-columns figure{display:flex}#zoomBody .book-label{display:inline-block}.newspaper:focus-visible{outline:4px solid #b69b52;outline-offset:4px}
.newspaper .book-label{display:none}.news-columns img{height:155px}.news-columns figcaption{font-size:16px;line-height:1.4}.newspaper footer{padding-top:10px}
.game-frame{height:430px}#page[data-id=try] .game-frame{min-height:410px}#page[data-id=try] .small-label{font-size:18px;margin:0}
.retained-preview{width:100%;min-width:0}.retained-preview>.poster{margin:auto}.reference-overview{width:100%;position:relative;min-height:180px}.reference-overview>.newspaper{position:absolute;left:0;top:0;width:1252px;transform-origin:top left}
.four .choice:nth-child(3) .choice-media img{object-fit:cover;object-position:center}.four .choice:nth-child(4) .choice-media img{object-fit:cover;object-position:left}
/* 教师展示版：页面只承载教学内容，作品单独打开 */
#body{gap:18px}#title{font-size:41px}#page{padding-top:141px}#lead{font-size:25px}.evidence{margin:0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.evidence-photo{display:block;width:100%;max-height:425px;height:auto;object-fit:contain;border-radius:5px;cursor:zoom-in;box-shadow:3px 5px 0 #93b8a52b}.evidence figcaption{font-size:21px;line-height:1.5;color:#527d73;text-align:center}.evidence-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:42px;align-items:center}.teaching-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:24px}.teaching-list li{display:flex;gap:20px;align-items:flex-start;font-size:28px;line-height:1.6}.list-no{font-size:23px;font-weight:800;color:#7da38e;min-width:28px;padding-top:4px}.teaching-list b{font-size:28px;color:#2c7976;line-height:1.45}.teaching-list p{font-size:25px;line-height:1.6;margin-top:7px}.decompose-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center}.parts-list{gap:18px}.parts-list li{padding-bottom:12px;border-bottom:1px solid #a7c6b1}.parts-list p{font-size:24px;margin-top:5px}.demo-layout{display:flex;flex-direction:column;gap:18px}.demo-layout>.evidence .evidence-photo{max-height:340px}.demo-layout>.evidence figcaption{font-size:19px}.demo-question{display:flex;align-items:center;justify-content:space-between;gap:35px}.demo-question p{font-size:30px;line-height:1.5;color:#2d7a78;font-weight:700}.sample-full{display:flex;flex-direction:column;align-items:center;gap:17px}.sample-full>.evidence{width:100%}.sample-full .evidence-photo{max-height:405px}.sample-actions{display:flex;gap:24px;align-items:center;justify-content:center}.text-choice{font-size:22px;color:#377b72;border:0;background:transparent;padding:7px 2px;border-bottom:2px solid #87b29b}.actual-comparison{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.actual-comparison .evidence-photo{max-height:350px}.actual-comparison .evidence figcaption{font-size:23px;color:#397b71}.lesson-takeaway{font-size:26px;line-height:1.6;padding:15px 0 0;border-top:2px solid #8db89f;color:#2e7972;overflow-wrap:anywhere}.project-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center}.project-question{font-size:34px;line-height:1.5;font-weight:750;color:#2c7e7d;margin-bottom:22px}.topic-words{font-size:27px;line-height:1.9;padding-left:28px;margin:0;color:#527c71}.prepare-list{display:grid;grid-template-columns:1fr 1fr;gap:38px 50px}.prepare-list li{border-top:2px solid #93b9a2;padding:23px 0 8px}.prepare-list b{font-size:31px}.prepare-list p{font-size:27px;line-height:1.7;margin-top:12px}.brief-sheet{display:grid;grid-template-columns:1fr 1fr;gap:24px 50px}.brief-sheet section{display:flex;gap:20px;padding:16px 0;border-top:1px solid #a3c2ac;min-height:112px}.brief-number{font-size:26px;line-height:1.4;color:#8bab90;font-weight:700}.brief-sheet h3{font-size:28px;line-height:1.4;color:#2b7b77}.brief-sheet p{font-size:25px;line-height:1.55;margin-top:8px;color:#547c70;overflow-wrap:anywhere}.brief-sheet .recorded{color:#245e58}.creation-list{gap:24px}.creation-list b{font-size:30px}.creation-list p{font-size:27px}.creation-focus{display:flex;gap:30px;margin:28px 0 25px;padding-top:20px;border-top:2px solid #96bda4;font-size:26px;line-height:1.6}.creation-focus b{color:#337f75;flex:none}.creation-focus span{overflow-wrap:anywhere}.stage-question{font-size:33px;color:#287b78;line-height:1.5;font-weight:700;margin-bottom:28px}.check-list-flat li{padding:17px 0;border-bottom:1px solid #a6c6ae;font-size:30px}.evidence-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:25px;line-height:1.6;text-align:left}.evidence-table th{font-weight:750;color:#2c7b75;font-size:27px;background:#d6ebdc;padding:16px 22px;border-bottom:2px solid #8ab49b}.evidence-table td{padding:22px;border-bottom:1px solid #9fc2a7;vertical-align:top}.evidence-table th:first-child{width:21%}.evidence-table th:nth-child(2){width:42%}.evidence-table td:first-child{font-weight:700;color:#377c70}.spoken-comparison{display:grid;grid-template-columns:1fr 1fr;gap:55px}.spoken-comparison section{padding:27px 0;border-top:3px solid #8bb69f}.spoken-comparison h3{font-size:33px;color:#2c7c77;line-height:1.5}.spoken-comparison p{font-size:29px;line-height:1.8;margin-top:25px;overflow-wrap:anywhere}.spoken-hint{font-size:24px;color:#648979;line-height:1.7;margin-top:24px}.knowledge-equation{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}.knowledge-equation>div{padding:15px 0 20px;border-top:2px solid #8eb7a1}.knowledge-equation b{font-size:29px;color:#2d7d78}.knowledge-equation p{font-size:26px;line-height:1.7;margin-top:15px}.knowledge-strip .evidence-photo{max-height:205px}.knowledge-strip figcaption{font-size:18px}.processing-story{display:flex;flex-direction:column;gap:23px}.processing-story p{display:flex;gap:34px;padding:17px 0;border-bottom:1px solid #a7c5ad;font-size:28px;line-height:1.6}.processing-story b{color:#2c7f78;min-width:145px;flex:none}.responsive-compare{display:grid;grid-template-columns:1.7fr .7fr;gap:45px;align-items:center}.responsive-compare .evidence-photo{max-height:370px}.responsive-compare figure:nth-child(2) img{width:auto;max-width:100%;height:370px}.experiment-layout,.design-explain{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center}.experiment-question{font-size:30px;font-weight:700;line-height:1.6;color:#2d7d77;margin-bottom:20px}.experiment-layout .regular{font-size:25px;line-height:1.7;margin-bottom:20px}.revision-guidance .teaching-list{gap:30px}.change-stage .teaching-list{gap:25px}.design-explain .teaching-list{gap:24px}.design-explain .teaching-list p{font-size:24px}.specific-learning{display:grid;grid-template-columns:1fr 1fr;gap:32px 55px}.specific-learning section{display:flex;align-items:flex-start;gap:20px;padding:18px 0 16px;border-top:2px solid #94baa0}.specific-learning span{font-size:25px;color:#8aab91;font-weight:800}.specific-learning h3{font-size:30px;color:#2b7c76;line-height:1.4}.specific-learning p{font-size:26px;line-height:1.65;margin-top:12px}.ai-learning .teaching-list{gap:20px}.ai-learning .teaching-list li{padding-bottom:13px;border-bottom:1px solid #a5c5af}.ai-learning .teaching-list b{font-size:28px}.ai-learning .teaching-list p{font-size:25px}.saving-steps .teaching-list,.next-discussion .teaching-list{gap:35px}.saving-steps .teaching-list b,.next-discussion .teaching-list b{font-size:33px}.saving-steps .teaching-list p,.next-discussion .teaching-list p{font-size:28px}.scene-layout{grid-template-columns:1.25fr 1fr}.scenario-photo{max-height:395px}.scene-question{font-size:34px;font-weight:750;line-height:1.6;color:#2b7b76;margin-bottom:20px}.scene-layout .regular{margin-bottom:23px}.final-goals .teaching-list{gap:35px}#zoomDialog:has(.evidence-photo){width:1260px}#zoomBody>.evidence-photo{max-height:72vh;max-width:100%;width:auto;margin:auto}.four .choice-media img{object-fit:contain!important}.four .choice-media{background:#e9f1e2}.four .choice h3{font-size:27px}#teacherNotes{width:1000px}.teacher-note-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.teacher-note-fields .field label{font-size:18px}.teacher-note-fields .field textarea{height:78px;font-size:20px;resize:vertical}.teacher-note-fields .field input{min-height:48px;font-size:20px}.teacher-note-help{font-size:18px;line-height:1.7;color:#5b8273;margin:0 0 20px}#page .field,#page input,#page textarea{display:none!important}
.creation-board{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:start}.creation-board .creation-list{gap:23px}.creation-board .creation-list b{font-size:28px}.creation-board .creation-list p{font-size:25px;line-height:1.65}.creation-requirements{border-left:2px solid #95bca3;padding-left:30px}.creation-requirements h3{font-size:27px;line-height:1.5;color:#2c7b75;margin-bottom:15px}.creation-requirements section{margin-top:15px}.creation-requirements b{font-size:23px;color:#4c8273}.creation-requirements p{font-size:24px;line-height:1.5;margin-top:4px;overflow-wrap:anywhere}.decision-discussion .teaching-list{gap:35px}.decision-discussion b{font-size:33px}.decision-discussion p{font-size:29px}
.real-experiences{display:grid;grid-template-columns:1fr 1fr;gap:27px 36px}.real-exp{display:flex;align-items:center;gap:25px;border:0;border-bottom:2px solid #94bba5;background:transparent;padding:10px 4px 16px;text-align:left}.real-exp img{width:345px;height:180px;object-fit:contain;background:#f6f8eb;border-radius:5px}.real-exp strong{font-size:32px;line-height:1.5;color:#2b7c76}.real-exp.selected{background:#d7ecdd70}.experience-other{font-size:23px;color:#618875;line-height:1.5}.intro-showcase{display:grid;grid-template-columns:1.8fr 1fr;gap:38px;align-items:center}.intro-media{height:425px;display:flex;align-items:center;justify-content:center;background:#f8faec90;border:1px solid #a8c7b1;border-radius:7px;padding:13px}.intro-media .evidence{width:100%;height:100%}.intro-media .evidence-photo{max-height:397px;box-shadow:none}.intro-prompt p{font-size:33px;color:#2b7b76;line-height:1.7;font-weight:700;margin-bottom:32px}.intro-prompt .btn{font-size:23px;padding:12px 20px}
/* 方向按照用途区分，保留原有四向选择版式 */
.purpose-choices .choice h3{font-size:29px;min-height:42px;margin-bottom:10px}.purpose-choices .choice-purpose{font-size:23px;font-weight:700;min-height:65px;color:#276e70}.purpose-choices .choice-examples{font-size:22px;min-height:70px;line-height:1.6}.purpose-choices .choice-media{height:180px}
/* Vibe Coding 开场：真实运行画面，游戏／网页／工具三个入口 */
.opening-cover{display:grid;grid-template-columns:1fr 1.15fr;gap:65px;align-items:center}.opening-cover .brand{font-size:23px;margin-bottom:22px}.opening-cover-line{font-size:29px;line-height:1.6;margin:22px 0 27px}.opening-cover-works{display:grid;grid-template-columns:1fr 1fr;gap:16px}.opening-cover-works a{display:block;position:relative;text-decoration:none;color:#fff;overflow:hidden;border:2px solid #80afa1;border-radius:9px;background:#173c43}.opening-cover-works a:first-child{grid-column:1 / -1}.opening-cover-works img{display:block;width:100%;height:137px;object-fit:cover}.opening-cover-works a:first-child img{height:192px;object-fit:contain}.opening-cover-works span{position:absolute;bottom:0;right:0;background:#235b60ed;padding:7px 17px;font-size:21px}.vibe-intro{display:grid;grid-template-columns:.85fr 1.35fr;gap:55px;align-items:center}.vibe-name{font-size:40px;font-weight:800;color:#2a7f7c;margin-bottom:22px}.vibe-words>p:not(.vibe-name){font-size:34px;line-height:1.6;margin:19px 0}.vibe-real-work .evidence-photo{width:100%;max-height:340px;object-fit:contain}.vibe-real-work>p{font-size:25px;line-height:1.6;text-align:center;margin-top:15px}.reading-evidence{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.reading-evidence .evidence-photo{height:330px;width:100%;object-fit:contain}.reading-evidence figcaption{font-size:23px;line-height:1.4;text-align:center;margin-top:10px}.reading-question{display:flex;align-items:center;justify-content:space-between;gap:20px}.reading-question p{font-size:25px;line-height:1.5;max-width:740px}.reading-question .btn{font-size:21px;flex:none}.opening-types,.opening-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;align-items:stretch}.opening-types article{border-bottom:3px solid #96bdaa;padding-bottom:15px}.opening-types img,.opening-choice>img{width:100%;height:210px;object-fit:contain;display:block;background:#e9f2e4;border:2px solid #8db5a8;border-radius:8px}.opening-types h3{font-size:35px;color:#2a7b76;margin:20px 0 12px}.opening-types p{font-size:28px;line-height:1.6}.opening-choice{border:0;border-bottom:4px solid #8eb9a5;padding:0 0 20px;text-align:left;background:transparent;transition:transform .15s}.opening-choice:hover{transform:translateY(-5px);border-bottom-color:#287d73}.opening-choice h3{font-size:33px;color:#287c78;margin:20px 0 14px}.opening-choice p{font-size:27px;line-height:1.6}.opening-choice-note{font-size:26px;font-weight:400;text-align:center;margin-top:12px;color:#4d7e6d}.intro-prompt .opening-notice{font-size:24px;line-height:1.6;color:#587e6e;margin:22px 0 0;font-weight:400}.intro-prompt .opening-subtopics{font-size:25px;line-height:1.6;color:#4e7b6a;margin:0 0 20px;font-weight:400}#page[data-id=toolDemo] .intro-prompt>p:first-child{font-size:31px}#page[data-id=vibe] #lead{font-size:24px}
/* 六页开场修订：摄影质感首页、AI幻想海报、概念与职责分别呈现 */
.cover-new-art{margin:0}.cover-new-art img{width:100%;height:430px;object-fit:cover;display:block;border-radius:12px;border:2px solid #94b9a7;box-shadow:9px 9px 0 #a8cbb870}.experience-gallery{display:grid;grid-template-columns:1.3fr 1fr;gap:38px;align-items:center}.experience-hero,.experience-real{border:0;border-bottom:2px solid #92bda6;background:transparent;padding:0 0 10px;text-align:left}.experience-hero img{display:block;width:100%;height:335px;object-fit:cover;border-radius:7px}.experience-hero strong{display:block;font-size:31px;color:#2b7c76;margin-top:12px}.experience-real-list{display:flex;flex-direction:column;gap:14px}.experience-real{display:flex;align-items:center;gap:24px}.experience-real img{display:block;width:295px;height:112px;object-fit:contain;background:#f6f8eb;border-radius:5px}.experience-real strong{font-size:31px;color:#2b7c76}.experience-hero.selected,.experience-real.selected{background:#d7ecdd70;border-bottom-color:#267c72}.six-opening-flow{gap:16px}.six-opening-flow li{font-size:31px;padding:13px 26px}.vibe-concept{display:grid;grid-template-columns:1fr 1.08fr 1.15fr;gap:30px;align-items:start}.vibe-concept section{border-top:3px solid #91bca8;padding-top:20px;min-width:0}.vibe-concept h3{font-size:29px;color:#287d76;margin-bottom:24px}.vibe-concept blockquote{margin:0;font-size:29px;line-height:1.75;color:#285b56;min-height:170px;padding:15px 0}.vibe-concept pre{margin:0;font-family:Consolas,monospace;font-size:20px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;background:#e0eee1;border-left:4px solid #6fa48f;padding:20px 12px;min-height:170px;color:#245c55}.vibe-concept p{font-size:24px;line-height:1.6;margin-top:20px}.concept-result .evidence-photo{width:100%;height:170px;object-fit:contain;background:#e1eee3}.concept-ending{font-size:28px;text-align:center;margin-top:18px;color:#347a70}.role-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:45px;align-items:center}.role-layout .evidence-photo{width:100%;height:380px;object-fit:contain}.role-points section{margin-bottom:22px}.role-points h3{font-size:30px;line-height:1.4;color:#287d76;margin-bottom:8px}.role-points p{font-size:25px;line-height:1.6}.role-points .btn{font-size:22px}.possibility-more{font-size:25px;line-height:1.6;margin-top:10px;color:#4a7e6c;text-align:center}#page[data-id=possibilities] .opening-types img{height:190px}#page[data-id=possibilities] .opening-types h3{margin-top:15px;font-size:33px}#page[data-id=possibilities] .opening-types p{font-size:26px}#page[data-id=experience] .experience-other{font-size:23px;margin-top:0}
/* 四类经历等分展示 */
.experience-equal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,205px);gap:20px 32px}.experience-tile{display:grid;grid-template-columns:minmax(0,340px) 92px;justify-content:center;align-items:center;gap:24px;min-width:0;height:205px;padding:0 0 12px;border:0;border-bottom:2px solid #92bda6;background:transparent;text-align:left}.experience-tile img{display:block;width:auto;height:auto;max-width:100%;max-height:190px;justify-self:center;object-fit:contain;background:transparent;border-radius:7px}.experience-tile strong{font-size:31px;color:#2b7c76}.experience-tile.selected{background:#d7ecdd70;border-bottom-color:#267c72}
/* 第2页：保留原图比例与完整画面，点击查看作品 */
.experience-tile{cursor:zoom-in}.experience-tile:focus-visible{outline:4px solid #c09b48;outline-offset:4px}#zoomDialog:has(.experience-zoom-image){width:min(1360px,94vw);max-width:94vw}#zoomBody>.experience-zoom-image{display:block;width:100%;height:auto;max-width:100%;max-height:76vh;object-fit:contain;margin:0 auto}
/* 第3页：五步图文创作流程，仅作用于本页 */
#page[data-id=today] #body{gap:24px}
.today-journey{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:0}
.journey-step{position:relative;min-width:0;background:linear-gradient(155deg,#ffffffb8,#f2f9e88c);border:1px solid #a8cbbc;border-radius:16px;padding:16px 16px 20px;box-shadow:0 7px 0 #83b8a51c}
.journey-step:not(:last-child):after{content:'›';position:absolute;right:-18px;top:172px;z-index:2;font-size:36px;line-height:1;color:#4a998d;font-weight:700}
.journey-step-top{display:flex;align-items:center;justify-content:space-between;gap:4px}
.journey-number{font-size:30px;line-height:1;color:#2b8581;font-weight:800}
.journey-step-en{font-size:12px;letter-spacing:1.5px;color:#6a9b8b;font-weight:700}
.journey-art{height:160px;position:relative;margin:14px -5px 16px;border-radius:12px;background:radial-gradient(ellipse at center,#c9eee0aa,transparent 72%);display:flex;align-items:center;justify-content:center}
.journey-step h3{font-size:29px;line-height:1.4;color:#276f6e;letter-spacing:1px;text-align:center;margin:0 0 10px}
.journey-step p{font-size:21px;line-height:1.65;text-align:center;color:#527d73;margin:0;min-height:60px}
.journey-gallery{width:100%;height:170px;position:relative}
.journey-gallery img{position:absolute;width:148px;height:89px;object-fit:cover;border:3px solid #fbfff5;border-radius:7px;box-shadow:0 5px 12px #376c6933}
.journey-gallery img:nth-child(1){top:2px;left:7px;transform:rotate(-9deg)}
.journey-gallery img:nth-child(2){top:42px;right:0;transform:rotate(8deg)}
.journey-gallery img:nth-child(3){bottom:0;left:19px;transform:rotate(-3deg)}
.journey-plan{width:169px;padding:14px 15px 16px;background:#fffdef;border:2px solid #8bb5a4;border-radius:8px;box-shadow:6px 6px 0 #9ac9b442;transform:rotate(-3deg)}
.journey-plan-title{display:block;font-size:20px;font-weight:750;padding-bottom:10px;border-bottom:1px solid #c6d7bf;color:#37766c}
.journey-plan div{font-size:17px;display:flex;align-items:center;gap:8px;margin-top:12px;color:#547a6d}
.journey-plan i{display:block;width:13px;height:13px;border:2px solid #72a68f;border-radius:3px;background:#dcefdc;flex:none}
.journey-build{width:100%;position:relative;padding-top:3px}
.journey-message{width:153px;background:#367e7b;color:#fff;font-size:16px;padding:9px 12px;border-radius:10px;margin-left:2px;position:relative}
.journey-message span{position:absolute;bottom:-7px;left:24px;border:7px solid transparent;border-top-color:#367e7b;border-bottom:0}
.journey-build-arrow{text-align:center;font-size:22px;line-height:29px;color:#528e7a}
.journey-browser{background:#fbfff5;border:2px solid #77a79c;border-radius:7px;overflow:hidden;width:185px;margin:auto;box-shadow:4px 5px 0 #91bfb33d}
.journey-browser-bar{height:20px;display:flex;gap:4px;align-items:center;padding:0 7px;background:#e1eee3}
.journey-browser-bar i{display:block;width:4px;height:4px;border-radius:50%;background:#91b6a5}
.journey-browser-bar b{font-size:10px;color:#628b7e;font-weight:500;margin-left:31px}
.journey-browser img{width:100%;height:94px;object-fit:cover;display:block}
.journey-ai{position:absolute;right:0;top:20px;background:#f4ce6d;border:2px solid #fff7d6;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font-size:17px;font-weight:800;color:#79612d;box-shadow:2px 3px 0 #c8ad6740}
.journey-test{position:relative;width:100%;padding-bottom:33px}
.journey-test .journey-browser{transform:rotate(-3deg)}
.journey-check{position:absolute;right:-1px;top:64px;width:53px;height:53px;background:#fff9d8;border:3px solid #d6b45b;border-radius:50%;font-size:34px;line-height:47px;text-align:center;color:#3f8970;box-shadow:4px 4px 0 #bdc6a83d;transform:rotate(12deg)}
.journey-check:after{content:'';position:absolute;width:9px;height:29px;background:#d6b45b;right:-8px;bottom:-21px;border-radius:5px;transform:rotate(-34deg)}
.journey-test-note{position:absolute;bottom:0;left:27px;font-size:18px;color:#487f72}
.journey-save{position:relative;width:173px;height:170px}
.journey-file{position:absolute;left:23px;top:9px;width:112px;height:143px;background:#fffdeb;border:2px solid #8cb3a2;border-radius:9px;box-shadow:6px 6px 0 #96bdab42;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transform:rotate(-5deg);overflow:hidden}
.journey-file svg{width:57px;height:57px;fill:#c4e4d3;stroke:#4d8f7d;stroke-width:3;stroke-linejoin:round}
.journey-file b{font-size:18px;color:#497a69;font-weight:650}
.journey-file-fold{position:absolute;top:0;right:0;border-top:21px solid #c7dfcc;border-left:21px solid transparent}
.journey-saved{position:absolute;right:13px;bottom:9px;width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:#4b977e;border:3px solid #edf8dd;color:#fff;font-size:28px;font-weight:800}
.journey-share{position:absolute;right:5px;top:3px;font-size:42px;color:#c19c43;font-weight:700}
.today-outcome{display:flex;align-items:center;justify-content:center;gap:20px;font-size:25px;line-height:1.5;color:#3c786e;margin:0}
.today-outcome>span{display:inline-block;font-size:19px;font-weight:750;letter-spacing:2px;background:#d2e9d7;border-radius:6px;padding:6px 13px;color:#46846e}
/* 第4页：Vibe Coding 图文说明与可操作示例 */
#page[data-id=vibe] #lead{font-size:24px;line-height:1.5;max-width:1240px}
#page[data-id=vibe] #body{gap:22px}
.vibe-explainer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:stretch}
.vibe-step{position:relative;min-width:0;padding:18px 22px 20px;border:1px solid #9fc4b4;border-radius:14px;background:linear-gradient(150deg,#fffef4c4,#e6f4eaa6)}
.vibe-step:not(:last-child):after{content:'→';position:absolute;right:-27px;top:164px;font-size:27px;font-weight:800;color:#559789;z-index:1}
.vibe-step-label{font-size:18px;color:#638e7c;letter-spacing:2px;font-weight:700;margin-bottom:6px}
.vibe-step h3{font-size:31px;color:#276f6b;line-height:1.4;margin:0 0 18px}
.vibe-request-bubble{height:180px;padding:16px 18px;position:relative;background:#d8ece2;border-left:4px solid #68a78e;border-radius:0 12px 12px 12px}
.vibe-request-bubble>span{font-size:16px;color:#65917e;letter-spacing:2px}
.vibe-request-bubble p{font-size:25px;line-height:1.6;color:#2d6259;margin-top:9px}
.vibe-step-note{font-size:21px;line-height:1.6;color:#598374;margin:16px 0 0;min-height:66px}
.vibe-generated-window{height:180px;border:2px solid #80ab9e;border-radius:9px;background:#e4f1e6;position:relative;box-shadow:5px 6px 0 #8cb5a335}
.vibe-window-bar{height:25px;display:flex;gap:5px;padding:0 10px;align-items:center;border-radius:7px 7px 0 0}
.vibe-window-bar i{width:5px;height:5px;background:#92b3a2;border-radius:50%}
.vibe-window-bar span{font-size:12px;margin-left:12px;color:#638e7e}
.vibe-generated-window img.evidence-photo{width:100%;height:151px;max-height:none;object-fit:cover;border-radius:0 0 6px 6px;box-shadow:none}
.vibe-code-badge{position:absolute;right:12px;bottom:10px;pointer-events:none;background:#f5d67b;color:#71592c;border:2px solid #fff4c3;border-radius:8px;padding:4px 8px;font-size:25px;font-weight:800;box-shadow:2px 3px 0 #517d6b35}
.vibe-demo{height:180px;padding:12px 13px;background:#123142;border:2px solid #326273;border-radius:10px;color:#eaf9f7}
.vibe-demo-label{display:block;font-size:15px;color:#99c8c5;margin-bottom:10px}
.vibe-demo details{margin:0}.vibe-demo summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;background:#93e1d4;color:#164a49;padding:8px 12px;border-radius:5px;font-size:20px;line-height:1.3}
.vibe-demo summary::-webkit-details-marker{display:none}.vibe-demo summary:focus-visible{outline:3px solid #e7c66a;outline-offset:3px}
.vibe-demo-detail{padding:9px 4px 0}.vibe-demo-detail b{font-size:21px;color:#eefbf7}.vibe-demo-detail p{font-size:18px;line-height:1.45;margin-top:3px;color:#b7d7d5}
.vibe-feedback{display:flex;align-items:center;gap:20px;border-top:2px solid #8ebba6;background:#d8ece264;border-radius:0 0 10px 10px;padding:15px 18px}
.vibe-feedback-arrow{font-size:53px;line-height:1;color:#6b9e86;flex:none}
.vibe-feedback>div{flex:1}.vibe-feedback b{font-size:25px;color:#307b6c;line-height:1.4}.vibe-feedback p{font-size:21px;line-height:1.5;color:#557f70;margin-top:4px}
.vibe-feedback-tag{font-size:18px;line-height:1.6;color:#4e8674;background:#eaf4df;border:1px solid #a7c7ad;padding:9px 13px;border-radius:7px;flex:none}
/* 第5页：熟悉的贪吃蛇示例 */
.snake-role-layout{grid-template-columns:1.3fr 1fr;gap:38px}.snake-role-layout .evidence-photo{height:auto;max-height:410px}.snake-role-example figcaption{font-size:20px;text-align:center;color:#648976}.snake-role-layout .role-points section{margin-bottom:24px}.snake-role-layout .role-points section:last-child{margin-bottom:0}
/* Vibe Coding 概念拆为三页 */
.vibe-definition{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:55px;padding:12px 30px}
.vibe-label{display:inline-block;padding:8px 13px;border-radius:20px;background:#e0efe3;color:#51846f;font-size:19px;font-weight:700}
.vibe-definition-copy h3,.vibe-improve-note h3{font-size:39px;line-height:1.55;color:#286f69;margin:22px 0 15px}
.vibe-definition-copy p,.vibe-improve-note>p{font-size:26px;line-height:1.7;color:#557f72;margin:0}
.vibe-definition-visual{display:flex;flex-direction:column;align-items:center;gap:13px}
.vibe-thought{width:100%;padding:28px 32px;border-radius:15px;background:#e0f0e5;border-left:5px solid #74aa91;font-size:27px;line-height:1.7;color:#356b5d}
.vibe-convert{font-size:20px;color:#6c9a81;font-weight:750}
.vibe-code-window{width:100%;min-height:140px;padding:17px 22px;border-radius:12px;background:#173e49;color:#eff7e8;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 14px}
.vibe-code-window span{font-size:18px;color:#b5d4bd}.vibe-code-window b{grid-row:span 2;font-size:35px;color:#f3cf77}.vibe-code-window i{font-style:normal;font-size:24px}
.vibe-definition-foot,.vibe-improve-foot{text-align:center;border-top:2px solid #a3c8b4;padding-top:14px;font-size:24px;line-height:1.5;color:#477c69}
.vibe-process-flow{display:grid;grid-template-columns:1fr 44px 1fr 44px 1fr;align-items:center;gap:12px;padding:8px 18px}
.vibe-process-flow article{position:relative;text-align:center;padding:20px 18px 24px;border-radius:14px;background:#f4f8e9;border:1px solid #b5d0bd;min-width:0}
.vibe-process-number{position:absolute;top:13px;left:15px;font-size:19px;font-weight:800;color:#6c9a81}
.vibe-process-picture{height:210px;margin:25px 0 19px;padding:18px;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.vibe-process-picture b{font-size:29px;color:#306e64}.vibe-process-picture span,.vibe-process-picture i{font-size:20px;color:#618578;font-style:normal}
.vibe-process-wish{background:#e5f0df}.vibe-process-wish b{font-size:37px;color:#448166}.vibe-process-ai{background:#e4eeee}.vibe-process-ai b{display:grid;place-items:center;width:78px;height:78px;border-radius:26px;background:#f4d879;color:#5b5d45;font-size:35px}
.vibe-process-play{background:#e8f0df}.vibe-process-play span{display:grid;place-items:center;width:73px;height:73px;border-radius:50%;background:#458f75;color:#fff;font-size:30px}
.vibe-process-flow h3{font-size:30px;color:#2b766e;margin:0 0 9px}.vibe-process-flow p{font-size:22px;line-height:1.6;color:#5e8173;margin:0}
.vibe-process-arrow{font-size:36px;color:#68a085;text-align:center}
.vibe-takeaway{display:flex;align-items:center;justify-content:center;gap:22px;padding:15px;border-radius:10px;background:#e2f0e2;font-size:23px;color:#427962}.vibe-takeaway b{font-size:19px;color:#769780;margin-right:6px}.vibe-takeaway i{font-style:normal;color:#90b49a}
.vibe-improve-layout{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center;padding:5px 32px}
.vibe-improve-example{padding:22px 27px;border-radius:15px;background:#f4f8ea;border:1px solid #bdd2b9}
.vibe-change-row{display:flex;align-items:center;gap:19px;margin:19px 0}.vibe-change-icon{width:51px;height:51px;flex:none;border-radius:15px;display:grid;place-items:center;background:#dcecdf;color:#47846e;font-size:27px;font-weight:800}
.vibe-change-row b{font-size:23px;color:#357668}.vibe-change-row p{font-size:21px;line-height:1.55;color:#5f8271;margin:4px 0 0}.vibe-change-down{margin-left:18px;font-size:22px;color:#87aa8c}
.vibe-improve-note{padding:15px 8px}.vibe-improve-note h3{font-size:36px;margin:18px 0 12px}.vibe-improve-note>p{font-size:23px}
.vibe-loop{display:flex;align-items:center;gap:11px;margin-top:24px;flex-wrap:wrap}.vibe-loop span{padding:9px 13px;border-radius:8px;background:#e1efe1;color:#457962;font-size:18px;font-weight:700}.vibe-loop i{font-size:19px;color:#88ae8e;font-style:normal}
@media(max-width:1000px){.vibe-definition{gap:25px;padding:8px}.vibe-process-flow{gap:5px;padding:0}.vibe-process-flow article{padding:18px 10px}.vibe-process-picture{height:175px}.vibe-improve-layout{gap:25px;padding:5px 10px}.vibe-takeaway{gap:13px}}
/* 第7页：三项创作目标点击展开 */
.live-goals{display:flex;flex-direction:column;gap:15px}.live-goal{border:1px solid #a8cbbc;border-radius:12px;background:#f6f9ec;overflow:hidden}.live-goal summary{display:flex;align-items:center;gap:14px;list-style:none;padding:17px 18px;cursor:pointer;color:#2b766e}.live-goal summary::-webkit-details-marker{display:none}.live-goal summary:focus-visible{outline:3px solid #c09b48;outline-offset:-3px}.live-goal-number{font-size:18px;color:#6c9a81;font-weight:800}.live-goal summary b{font-size:25px;flex:1}.live-goal-toggle{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e2efe0;color:#4f8a72;font-size:22px;line-height:1}.live-goal[open]{background:#edf5e8;border-color:#82ad95}.live-goal[open] .live-goal-toggle{transform:rotate(45deg)}.live-goal p{font-size:21px;line-height:1.6;color:#5d8172;margin:0;padding:0 20px 17px 51px}
#zoomDialog{padding:12px}
#zoomDialog #zoomBody{display:flex;align-items:center;justify-content:center;min-height:120px}
#zoomDialog #zoomBody>*{cursor:default}
.live-goal{display:none}
.live-goal.is-revealed{display:block;animation:liveGoalEnter .28s ease-out both}
@keyframes liveGoalEnter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.intro-prompt .opening-notice{font-weight:700;color:#315f5a}
.intro-prompt .opening-notice[hidden]{display:none}
#page[data-id=today] [data-today-step]{display:none}
#page[data-id=today] [data-today-step].is-revealed{display:block;animation:todayStepIn .28s ease-out both}
@keyframes todayStepIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
/* Vibe Coding：先读定义，再用空格逐步呈现图解 */
#page[data-id=vibe] #body{display:flex;flex-direction:column;gap:30px;justify-content:flex-start;padding-top:8px}
.vibe-concept-bar{display:flex;align-items:center;gap:12px;padding:22px 30px;border:2px solid #acd1c2;border-radius:16px;background:linear-gradient(100deg,#f4fae8e8,#e6f7efeb);color:#356f68;font-size:27px;line-height:1.5;box-shadow:0 5px 0 #7cb8a21c}
.vibe-concept-bar b{flex:none;color:#21857e;font-size:29px}
.vibe-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;align-items:center;padding:18px 24px 0}
.vibe-stage{position:relative;display:flex;visibility:hidden;opacity:0;min-width:0;flex-direction:column;align-items:center;gap:18px}
.vibe-stage.is-revealed{visibility:visible;opacity:1;animation:vibeStageEnter .32s ease-out both}
@keyframes vibeStageEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.vibe-stage-visual{height:310px;width:100%;position:relative;display:flex;align-items:center;justify-content:center;border:2px solid #b3d2c4;border-radius:20px;background:linear-gradient(145deg,#f8fae9,#e1f5ec);box-shadow:0 8px 0 #75ad991c;overflow:hidden}
.vibe-visual-icon{position:absolute;top:27px;left:34px;font-size:52px;filter:drop-shadow(0 4px 3px #65998930)}
.vibe-speech{position:relative;padding:24px 28px;border-radius:24px;background:#fffef2;border:2px solid #d6c790;color:#385f58;font-size:26px;line-height:1.7;font-weight:700;box-shadow:0 5px 0 #c4b57626}
.vibe-speech:after{content:"";position:absolute;left:35px;bottom:-13px;width:22px;height:22px;background:#fffef2;border-left:2px solid #d6c790;border-bottom:2px solid #d6c790;transform:rotate(-45deg)}
.vibe-stage-ai{gap:17px;flex-direction:column;background:radial-gradient(circle at 50% 38%,#f8f4ce 0,#e7f6e9 42%,#e0f2ec 100%)}
.vibe-ai-orb{width:98px;height:98px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#fff3a8,#f3ce5e);border:5px solid #fff9dc;color:#28776f;font-size:36px;font-weight:850;box-shadow:0 0 0 8px #f4dc7950,0 9px 18px #4c9a8640}
.vibe-code-lines{width:66%;display:flex;flex-direction:column;gap:9px;padding:14px 16px;border-radius:12px;background:#173e49;box-shadow:0 7px 12px #183f4930}
.vibe-code-lines i{height:8px;border-radius:5px;background:#89c7a5;width:80%}.vibe-code-lines i:nth-child(2){width:58%;background:#f2cb70}.vibe-code-lines i:nth-child(3){width:91%;background:#8dc9d1}.vibe-code-lines i:nth-child(4){width:68%;background:#b1d8a6}
.vibe-stage-ai>span{font-size:20px;font-weight:700;color:#46786f}
.vibe-game-window{width:78%;height:204px;border-radius:14px;background:#fffdf2;border:2px solid #9cc7b6;overflow:hidden;box-shadow:0 7px 14px #507d7020;transform:rotate(-2deg)}
.vibe-game-top{height:38px;display:flex;align-items:center;gap:6px;padding:0 11px;background:#e6f1df;border-bottom:1px solid #c4d9c9}.vibe-game-top i{width:9px;height:9px;border-radius:50%;background:#87c0a1}.vibe-game-top i:nth-child(2){background:#f1cd6a}.vibe-game-top i:nth-child(3){background:#79c8c5}.vibe-game-top b{margin-left:auto;font-size:14px;color:#528272}
.vibe-game-board{height:164px;position:relative;display:flex;align-items:center;justify-content:center;background-color:#e6f2da;background-image:linear-gradient(45deg,#d6e9cb 25%,transparent 25%),linear-gradient(-45deg,#d6e9cb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d6e9cb 75%),linear-gradient(-45deg,transparent 75%,#d6e9cb 75%);background-size:32px 32px;background-position:0 0,0 16px,16px -16px,-16px 0}
.vibe-game-board span{position:absolute;left:30%;top:48%;font-size:31px;letter-spacing:-7px;color:#4caa7a;text-shadow:0 2px #fff}.vibe-game-board b{position:absolute;left:58%;top:28%;font-size:28px;color:#ed805d}.vibe-game-board i{position:absolute;right:25%;bottom:26%;font-size:20px;color:#e3ac43;font-style:normal}
.vibe-play-mark{position:absolute;right:23px;bottom:20px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#fffdf1;color:#318e82;box-shadow:0 3px 10px #3d756b2c;font-size:18px}
.vibe-stage-caption{text-align:center;display:flex;flex-direction:column;gap:6px;color:#557d70}.vibe-stage-caption b{font-size:28px;color:#287b74}.vibe-stage-caption span{font-size:20px;line-height:1.45}
.vibe-stage-arrow{position:absolute;right:-31px;top:128px;color:#41988b;font-size:38px;font-style:normal;font-weight:700}
@media(max-width:1000px){.vibe-concept-bar{font-size:23px;padding:18px 22px}.vibe-stages{gap:20px;padding-inline:8px}.vibe-stage-visual{height:270px}.vibe-stage-arrow{right:-22px}.vibe-speech{font-size:20px;padding:18px}}
/* 课件正文可读性：核心解释和步骤说明使用较清晰的字重 */
#lead{font-weight:650;color:#3b706d}
#page #body p{font-weight:600}
#page #body .concept-list>div,#page #body .vibe-concept blockquote{font-weight:600}
#page #body .vibe-concept-bar span{font-weight:700}
/* 逐步呈现时固定成果句位置，并按空格先显示概念再显示图解 */
#page[data-id=today] #body{position:relative;justify-content:flex-start}
#page[data-id=today] .today-outcome{position:absolute;left:0;right:0;bottom:0}
#page[data-id=vibe] .vibe-concept-bar{display:none}
#page[data-id=vibe] .vibe-concept-bar.is-revealed{display:flex;animation:vibeStageEnter .32s ease-out both}
.vibe-code-lines{width:78%;min-height:112px;padding:10px 14px}
.vibe-code-lines code{display:flex;flex-direction:column;gap:2px;color:#dcefe2;font:700 17px/1.45 'Microsoft YaHei','Noto Sans SC',sans-serif;white-space:nowrap}
.vibe-code-lines code span:first-child{color:#f2cf75}.vibe-code-lines code span:last-child{color:#91cfca}
.vibe-game-board .vibe-snake{position:absolute;left:26%;top:48%;display:flex;align-items:center;gap:1px;letter-spacing:0;font-size:0;color:transparent}
.vibe-game-board .vibe-snake i{position:static;display:block;width:21px;height:21px;margin:0;border:2px solid #eff9e8;border-radius:6px;background:#4caa7a;box-shadow:0 2px 3px #477b6d45;font-style:normal}
.vibe-game-board .vibe-snake i.vibe-snake-head{position:relative;background:#328e6a}
.vibe-game-board .vibe-snake-head:after{content:'';position:absolute;right:4px;top:4px;width:4px;height:4px;border-radius:50%;background:#fffce9}
.vibe-game-board b.vibe-food{position:absolute;left:61%;top:27%;display:block;width:22px;height:22px;border-radius:50%;background:#f17656;box-shadow:0 2px 4px #aa5d4530}
.vibe-game-board b.vibe-food:after{content:'';position:absolute;left:12px;top:-5px;width:9px;height:6px;border-radius:9px 0;background:#73a66e;transform:rotate(-25deg)}
.vibe-game-board i.vibe-board-star{right:25%;bottom:26%;font-size:17px;color:#e3ac43}
/* 贪吃蛇规则页：右侧三步放大为无框文字流程 */
#page[data-id=live] .live-goals{gap:24px}
#page[data-id=live] .live-goal{display:none;grid-template-columns:58px 1fr;align-items:start;column-gap:8px;padding:5px 0 18px;border:0;border-bottom:2px solid #91bdaa;border-radius:0;background:transparent;overflow:visible}
#page[data-id=live] .live-goal.is-revealed{display:grid;animation:liveGoalEnter .28s ease-out both}
#page[data-id=live] .live-goal:last-child{border-bottom:0}
#page[data-id=live] .live-goal-number{grid-row:1 / span 2;font-size:28px;line-height:1.35;color:#3d8a78;font-weight:850}
#page[data-id=live] .live-goal>b{font-size:30px;line-height:1.35;color:#28776e;font-weight:750}
#page[data-id=live] .live-goal>p{grid-column:2;font-size:25px;line-height:1.5;color:#456f65;margin:6px 0 0;padding:0;font-weight:650}
/* 全课统一层级：重点用深蓝灰，说明用深灰，绿色留给装饰 */
#title,#page h2{color:#173e49}
#lead{color:#435a60;font-weight:700}
#page #body h3,#page #body h4{color:#1d4550}
#page #body p,#page #body blockquote{color:#354a50}
#page #body .concept-list>div{color:#354a50}
#page #body .vibe-concept-bar{color:#354a50;border-left:8px solid #bd8b36}
#page #body .vibe-concept-bar b{color:#173e49}
#page #body .vibe-stage.is-current .vibe-stage-caption b{color:#8b641c}
#page[data-id=live] .live-goal.is-current .live-goal-number{color:#8b641c}
#page[data-id=today] .journey-step.is-current{border-color:#bf913c;box-shadow:0 7px 0 #cba45135}
/* AI 工作流程页：按空格逐项展开，底部复述只在最后出现 */
#page[data-id=vibeProcess] .vibe-process-flow article{visibility:hidden;opacity:0}
#page[data-id=vibeProcess] .vibe-process-flow article.is-revealed{visibility:visible;opacity:1;animation:vibeStageEnter .32s ease-out both}
#page[data-id=vibeProcess] .vibe-process-flow article.is-current{border-color:#c1994a;box-shadow:0 7px 0 #cba4512b}
#page[data-id=vibeProcess] .vibe-process-arrow{visibility:hidden}
#page[data-id=vibeProcess] .vibe-process-arrow.is-revealed{visibility:visible;animation:vibeStageEnter .28s ease-out both}
#page[data-id=vibeProcess] .vibe-process-number{color:#805d19}
#page[data-id=vibeProcess] .vibe-takeaway{display:none;background:transparent;color:#66797b;font-size:18px;padding:4px 0}
#page[data-id=vibeProcess] .vibe-takeaway.is-revealed{display:flex;animation:vibeStageEnter .28s ease-out both}
#page[data-id=vibeProcess] .vibe-takeaway b{font-size:16px;color:#758483}
/* 修改示例页：问题、修改要求、运行结果依次出现 */
#page[data-id=vibeImprove] #body{justify-content:flex-start;gap:24px;padding-top:8px}
.improve-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px;align-items:center;padding:8px 18px 0}
.improve-step{position:relative;display:flex;visibility:hidden;opacity:0;flex-direction:column;align-items:stretch;gap:15px;min-width:0}
.improve-step.is-revealed{visibility:visible;opacity:1;animation:vibeStageEnter .32s ease-out both}
.improve-step.is-current h3{color:#805d19}
.improve-art{height:248px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;border-radius:18px;background:linear-gradient(145deg,#f5f8e9,#e4f3e9);border-bottom:3px solid #a8c9b8}
.improve-problem>span{width:68px;height:68px;display:grid;place-items:center;border-radius:50%;background:#f5e8bf;color:#8b641c;font-size:46px;font-weight:850}
.improve-problem>b{font-size:28px;color:#1d4550}.improve-problem>i{font-size:22px;color:#354a50;font-style:normal}
.improve-request>span{font-size:18px;letter-spacing:1px;color:#617b77;font-weight:700}
.improve-request>b{font-size:25px;line-height:1.55;color:#243f49;background:#fffdf2;border-left:5px solid #bd8b36;border-radius:0 12px 12px 0;padding:16px 18px;text-align:center}
.improve-result{background:linear-gradient(145deg,#f5f8e9,#e1f2e8)}
.improve-mini-board{width:76%;height:160px;position:relative;border:2px solid #a6c5b5;border-radius:12px;background-color:#edf4df;background-image:linear-gradient(45deg,#dcebd4 25%,transparent 25%),linear-gradient(-45deg,#dcebd4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dcebd4 75%),linear-gradient(-45deg,transparent 75%,#dcebd4 75%);background-size:30px 30px;background-position:0 0,0 15px,15px -15px,-15px 0}
.improve-mini-board>span{position:absolute;left:25%;top:52%;display:flex;gap:2px}.improve-mini-board>span i{width:20px;height:20px;border-radius:5px;background:#4eaa7b;border:2px solid #f5faeb}.improve-mini-board>span i:last-child{background:#32896a}
.improve-mini-board>b{position:absolute;left:63%;top:26%;width:20px;height:20px;border-radius:50%;background:#ee7959}
.improve-result>strong{font-size:22px;color:#398872}
.improve-step h3{font-size:31px;line-height:1.35;margin:0;text-align:center}
.improve-step p{min-height:42px;margin:0;text-align:center;font-size:23px;line-height:1.5}
.improve-arrow{position:absolute;right:-38px;top:105px;color:#987329;font-size:40px;font-style:normal;font-weight:750}
.improve-retry{display:none;align-items:center;justify-content:center;gap:18px;padding:15px 20px;border-radius:10px;background:#f5edcf;color:#364c4f;font-size:24px;line-height:1.4}
.improve-retry.is-revealed{display:flex;animation:vibeStageEnter .28s ease-out both}
.improve-retry b{color:#805d19;font-size:25px}
/* 当前焦点只用一处暖金色强调 */
#page[data-id=vibeImprove] .improve-step.is-current h3{color:#805d19}
@media(max-width:1000px){.improve-flow{gap:26px;padding-inline:6px}.improve-art{height:220px}.improve-request>b{font-size:21px;padding:12px}.improve-step p{font-size:20px}.improve-arrow{right:-24px}}
/* 本轮课堂可读性与图示调整：全课标题统一为深墨灰 */
#title,#body h1,#body h2,#body h3,#body h4,#body .experience-tile strong,#body .journey-step-title,#body .vibe-stage-caption b,#body .live-goal b,#body .opening-types h3{color:#35413c}
#page[data-id=vibe] .vibe-stage-caption b,#page[data-id=vibeProcess] .vibe-process-flow h3,#page[data-id=vibeImprove] .improve-step h3{color:#35413c}
.vibe-plan-window{width:78%;height:204px;padding:13px 17px;border-radius:14px;background:#fffdf2;border:2px solid #9cc7b6;box-shadow:0 7px 14px #507d7020;display:flex;flex-direction:column;justify-content:center;gap:8px;transform:rotate(-1deg)}
.vibe-plan-heading{font-size:19px;font-weight:800;color:#35413c;border-bottom:1px solid #d4e3d7;padding-bottom:7px}.vibe-plan-row{display:flex;align-items:center;gap:10px;padding:5px 8px;border-radius:7px;background:#eaf3e5;color:#35413c;font-size:15px}.vibe-plan-row b{color:#388874}.vibe-plan-row i{margin-left:auto;color:#60736a;font-style:normal;font-size:13px}
.improve-fast-board{animation:improveBoardFast 1.15s linear infinite}.improve-slow-board{animation:improveBoardSlow 4s linear infinite}.improve-speed-note{display:flex;align-items:center;justify-content:center;gap:8px;color:#35413c;font-style:normal;font-size:18px;font-weight:800}.improve-speed-note span{font-size:16px;color:#6b756f;font-weight:650}.improve-fast-board>span{animation:improveSnakeFast 1.15s linear infinite alternate}.improve-slow-board>span{animation:improveSnakeSlow 4s linear infinite alternate}@keyframes improveSnakeFast{to{transform:translateX(95px)}}@keyframes improveSnakeSlow{to{transform:translateX(44px)}}@keyframes improveBoardFast{50%{border-color:#d6a35b}}@keyframes improveBoardSlow{50%{border-color:#8ebba6}}
#page[data-id=possibilities] .possibility-return{margin-top:12px;padding:12px 18px;border-radius:10px;background:#e5f0df;color:#35413c;font-size:24px;font-weight:650;text-align:center}#page[data-id=possibilities] .possibility-return b{font-weight:850;color:#35413c}
@media(prefers-reduced-motion:reduce){.improve-fast-board,.improve-slow-board,.improve-fast-board>span,.improve-slow-board>span{animation:none!important}}
#title,#page h1,#page h2,#page h3,#page h4,#page .vibe-stage-caption b,#page .vibe-process-flow h3,#page .improve-step h3{color:#35413c!important}
/* Keep primary headings consistently readable across the lesson. */
#title,#page h1,#page h2,#page h3,#page h4,#page .vibe-stage-caption b,#page .vibe-process-flow h3,#page .improve-step h3{color:#35413c!important}
/* Selection screen: borderless, slightly larger choices with keyboard reveals. */
#page[data-id=choose] .opening-choice{border:0;padding:0 0 14px;opacity:0;visibility:hidden;transform:translateY(12px)}
#page[data-id=choose] .opening-choice.is-revealed{opacity:1;visibility:visible;transform:none;animation:choiceReveal .35s ease-out both}
#page[data-id=choose] .opening-choice>img{height:226px;border:0;background:transparent;border-radius:10px}
#page[data-id=choose] .opening-choice h3{font-size:36px;font-weight:800;margin:18px 0 10px;color:#35413c!important}
#page[data-id=choose] .opening-choice p{font-size:29px;font-weight:750;line-height:1.55}
#page[data-id=choose] .opening-choice.is-current h3{text-decoration:underline;text-decoration-color:#b88b3c;text-decoration-thickness:3px;text-underline-offset:6px}
#page[data-id=choose] .opening-choice-note{color:#765a32;font-weight:800;font-size:27px}
#page[data-id=choose] .opening-choices{align-items:start}
#page[data-id=choose] .opening-choice{border:0;padding:0;background:transparent;text-align:left}
#page[data-id=choose] .opening-choice>img{width:100%;height:226px;object-fit:contain;object-position:center top;border:0;background:transparent;border-radius:0;display:block}
#page[data-id=choose] .opening-choice h3{font-size:36px;line-height:1.25;min-height:1.25em;font-weight:800;margin:18px 0 10px;color:#35413c!important;text-decoration:none}
#page[data-id=choose] .opening-choice p{font-size:29px;line-height:1.55;font-weight:750;margin:0;color:#35413c}
#page[data-id=look] .evidence-replay{display:flex;flex-direction:column;align-items:center;gap:12px}
#page[data-id=look] .evidence-replay .evidence{width:100%}
#page[data-id=look] .evidence-replay .btn{font-size:21px;padding:8px 16px}
@keyframes choiceReveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#page[data-id=choose] .opening-choice.is-revealed{animation:none}}
/* Four illustrated, keyboard-revealed cards for project decomposition. */
#page[data-id=parts] #body{justify-content:center}
.parts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;width:100%;align-items:stretch}
.parts-card{visibility:hidden;opacity:0;transform:translateY(12px);min-width:0;background:#f4f8eb;border:2px solid #c5d9c7;border-radius:16px;padding:15px 16px 18px;display:flex;flex-direction:column;gap:12px;transition:opacity .25s ease,transform .25s ease,border-color .2s ease,box-shadow .2s ease}
.parts-card.is-revealed{visibility:visible;opacity:1;transform:none;animation:partsCardIn .32s ease-out both}
.parts-card.is-current{border-color:#83b4a0;box-shadow:0 5px 0 #83b4a02e}
.parts-art{height:188px;flex:none;border-radius:12px;overflow:hidden}
.parts-art svg{display:block;width:100%;height:100%}
.parts-card h3{font-size:26px;line-height:1.35;font-weight:800;color:#35413c!important}
.parts-card p{font-size:21px;line-height:1.48;font-weight:600;color:#435c55}
@keyframes partsCardIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.parts-grid{gap:14px}.parts-card{padding:12px}.parts-art{height:160px}.parts-card h3{font-size:23px}.parts-card p{font-size:19px}}
@media(prefers-reduced-motion:reduce){.parts-card.is-revealed{animation:none;transition:none}}
/* Runner design and visual-check pages: concise, transferable and illustrated. */
#page[data-id=logic] .runner-concept-grid,#page[data-id=visual] .runner-concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;width:100%;align-items:stretch}
.runner-concept-card{visibility:hidden;opacity:0;transform:translateY(12px);background:#f4f8eb;border:2px solid #c5d9c7;border-radius:16px;padding:17px 18px 20px;display:flex;flex-direction:column;gap:13px;transition:opacity .25s ease,transform .25s ease,border-color .2s ease,box-shadow .2s ease}
.runner-concept-card.is-revealed{visibility:visible;opacity:1;transform:none;animation:runnerCardIn .32s ease-out both}
.runner-concept-card.is-current{border-color:#83b4a0;box-shadow:0 5px 0 #83b4a02e}
.runner-concept-art{height:220px;flex:none;border-radius:12px;overflow:hidden}
.runner-concept-art svg{display:block;width:100%;height:100%}
.runner-concept-card h3{font-size:29px;line-height:1.35;font-weight:800;color:#35413c!important}
.runner-concept-card p{font-size:24px;line-height:1.5;font-weight:750;color:#435c55}
@keyframes runnerCardIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1100px){#page[data-id=logic] .runner-concept-grid,#page[data-id=visual] .runner-concept-grid{gap:15px}.runner-concept-card{padding:12px}.runner-concept-art{height:175px}.runner-concept-card h3{font-size:24px}.runner-concept-card p{font-size:20px}}
@media(prefers-reduced-motion:reduce){.runner-concept-card.is-revealed{animation:none;transition:none}}
/* Look page: remove teacher-facing cue, make learner prompts readable. */
#page[data-id=look] .teaching-list li{font-size:32px;line-height:1.45;font-weight:750;color:#35413c}
#page[data-id=look] .teaching-list b{font-size:32px;line-height:1.35;font-weight:800;color:#35413c}
#page[data-id=look] .teaching-list p{font-size:28px;line-height:1.45;font-weight:700;color:#43534e;margin-top:6px}
#page[data-id=look] .teaching-list .list-no{font-size:27px;font-weight:800;color:#35413c;min-width:32px}
#page[data-id=look] .evidence-replay .btn{font-size:26px;font-weight:800;line-height:1.25;padding:12px 18px}
/* Reveal the right-side look prompts one by one with Space. */
#page[data-id=look] .evidence-layout>.teaching-list>li{visibility:hidden;opacity:0;transform:translateY(10px)}
#page[data-id=look] .evidence-layout>.teaching-list>li.is-revealed{visibility:visible;opacity:1;transform:none;animation:lookPromptIn .3s ease-out both}
#page[data-id=look] .evidence-layout>.teaching-list>li.is-current{color:#263d39}
@keyframes lookPromptIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* Real work screenshots for the project-parts page. */
.parts-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:12px}
/* 页面5：让配图成为可辨认的作品画面，而不是文字色块 */
.vibe-process-picture{height:154px!important;box-sizing:border-box;overflow:hidden;border:1px solid #9dbdab!important;border-radius:13px!important;background:#f7f8e8!important;box-shadow:0 3px 0 rgba(52,112,92,.12)}
.vibe-process-picture img{display:block;width:100%;height:119px;object-fit:contain;background:#fffef3}
.vibe-process-picture figcaption{display:flex;align-items:center;justify-content:center;min-height:32px;padding:0 5px;color:#334b45;font-size:15px;font-weight:700;text-align:center}
.vibe-code-picture{display:flex;flex-direction:column;justify-content:flex-start!important;padding:0!important;background:#173b43!important;color:#f1f6dc!important;text-align:left!important}
.vibe-code-bar{height:29px;display:flex;align-items:center;gap:5px;padding:0 10px;background:#244e55;color:#e0ebc9;font-size:11px}
.vibe-code-bar i{width:8px;height:8px;border-radius:50%;background:#efc35b}.vibe-code-bar i:nth-child(2){background:#76bd91}.vibe-code-bar i:nth-child(3){background:#8bb7ce}.vibe-code-bar span{margin-left:7px}
.vibe-code-picture pre{margin:0;padding:14px 12px;font:600 14px/2 'Consolas','Microsoft YaHei',sans-serif;white-space:pre-wrap;color:#e7efdb}.vibe-code-picture code b{color:#ffd36d;font-weight:700}
.vibe-process-play img{animation:snake-demo-pulse 2.8s ease-in-out infinite alternate}@keyframes snake-demo-pulse{from{transform:scale(.99)}to{transform:scale(1.035)}}
/* 页面6：以完整棋盘和蛇形画面替换几颗小方块 */
.improve-mini-board{height:135px;overflow:hidden;border-radius:10px}.improve-mini-board img{display:block;width:100%;height:100%;object-fit:contain;background:#fbfced}
/* 页面8示例与页面9自主选题分工更清楚 */
.opening-choice{display:flex;flex-direction:column;align-items:stretch;min-height:0}
.opening-choice img{display:block;width:100%;height:148px;object-fit:contain;object-position:center;background:rgba(255,255,255,.45)}
.opening-choice h3{min-height:1.5em;margin:12px 0 5px;text-align:left}
.opening-choice p{min-height:3.1em;margin:0;text-align:left}
.opening-choice-note{font-weight:400}
.vibe-process-picture{margin:0!important;width:100%!important}
/* 选择作品页：三栏固定同一版式，移除卡片边框 */
#page[data-id="choose"] .opening-choices{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:30px}
#page[data-id="choose"] .opening-choice{display:flex;flex-direction:column;align-items:stretch;min-width:0;border:0!important;padding:0!important;background:transparent!important;text-align:left}
#page[data-id="choose"] .opening-choice>img{display:block;width:100%;height:240px;flex:none;object-fit:contain;object-position:center;border:0!important;border-radius:0;background:transparent}
#page[data-id="choose"] .opening-choice h3{min-height:1.25em;margin:12px 0 6px;font-size:30px;line-height:1.25;color:#263d3d}
#page[data-id="choose"] .opening-choice p{min-height:2.9em;margin:0;font-size:24px;line-height:1.45;color:#263d3d}
#page[data-id="choose"] .opening-choice-note{display:block;width:100%;margin:18px auto 0;text-align:center;font-size:24px;font-weight:400}
/* 游戏复看页：画面可直接打开试玩，右侧提问依次出现。 */
#page[data-id="look"] .game-look-layout{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:38px}
#page[data-id="look"] .game-replay-link{position:relative;display:block;overflow:hidden;border-radius:14px;outline:3px solid rgba(73,155,137,.52);box-shadow:0 10px 24px rgba(25,70,65,.14)}
#page[data-id="look"] .game-replay-link .evidence-photo{display:block;width:100%;max-height:430px;object-fit:cover}
#page[data-id="look"] .game-replay-link:focus-visible{outline:5px solid #d4a94c;outline-offset:4px}
#page[data-id="look"] .game-replay-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;display:grid;place-items:center;padding-left:6px;color:#fff;background:rgba(30,121,112,.92);font-size:32px;box-shadow:0 4px 18px rgba(0,0,0,.28)}
#page[data-id="look"] .look-list{gap:25px}
#page[data-id="look"] .look-list li{font-size:30px;font-weight:800;line-height:1.42;color:#294f4a}
#page[data-id="look"] .look-list li.is-revealed{animation:runnerCardIn .25s ease both}
@media(max-width:900px){#page[data-id="look"] .game-look-layout{grid-template-columns:1fr;gap:20px}#page[data-id="look"] .game-replay-link .evidence-photo{max-height:290px}#page[data-id="look"] .look-list li{font-size:24px}}
/* 三个方向共用的创作与改进六页。 */
.creation-tail #body{justify-content:center}.creation-tail #lead{font-size:25px;color:#50605a}.tail-idea{max-width:1000px;width:100%;margin:auto}.tail-kicker{color:#927039;font-size:24px;margin-bottom:24px}.tail-idea h3{font-size:44px;line-height:1.5;color:#35413c;max-width:1000px}.tail-focus{font-size:29px;line-height:1.65;margin:26px 0 34px;color:#50605a}
.tail-guide{display:grid;grid-template-columns:1.08fr 1fr;gap:48px;align-items:center;width:100%}.tail-steps{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:25px}.tail-steps li{display:flex;gap:18px;align-items:flex-start;visibility:hidden;opacity:0;transform:translateY(8px)}.tail-steps li.is-revealed{visibility:visible;opacity:1;transform:none;transition:opacity .2s,transform .2s}.tail-steps li>span{font-size:22px;font-weight:700;color:#8a7040;line-height:1.7;min-width:30px}.tail-steps h3{font-size:29px;line-height:1.4;color:#35413c;margin:0 0 8px;font-weight:800}.tail-steps p{font-size:23px;line-height:1.55;color:#50605a;margin:0}.tail-needs{border-left:2px solid #9fc2b5;padding-left:30px}.tail-needs>h3{font-size:28px;margin:0 0 18px;color:#35413c}.tail-needs section{margin-bottom:15px}.tail-needs h4{font-size:23px;margin:0 0 5px;color:#35413c;font-weight:750}.tail-needs p{font-size:21px;line-height:1.45;color:#50605a;margin:0}.tail-guide .actions{margin-top:26px}
.tail-review,.tail-show{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;width:100%}.tail-reference{margin:0;min-width:0}.tail-reference img{display:block;width:100%;max-height:380px;object-fit:contain;border-radius:8px}.tail-reference figcaption{font-size:19px;color:#856c40;text-align:center;margin-top:12px}.tail-own{min-width:0;max-height:430px;overflow:hidden}.tail-own .artifact-empty{font-size:24px;padding:25px}.tail-own img{max-height:390px;object-fit:contain;width:100%}.tail-save{max-width:950px;width:100%;margin:auto}.tail-save .tail-steps{gap:37px}.tail-save .tail-steps h3{font-size:34px}.tail-save .tail-steps p{font-size:26px}
#page[data-id="choose"] .opening-choice>img{height:240px!important;object-fit:contain!important;object-position:center!important}
/* 固定课件画布内的左图右文，不按外部浏览器宽度堆叠。 */
#page[data-id="look"] .game-look-layout{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)!important;align-items:center!important;gap:40px!important}
#page[data-id="look"] .game-replay-link .evidence-photo{width:100%!important;height:360px!important;max-height:360px!important;object-fit:contain!important}
#page[data-id="look"] .look-list{gap:30px!important}
#page[data-id="look"] .look-list li{font-size:30px!important;font-weight:800!important;line-height:1.5!important}
#page[data-id="logic"] [data-logic-step]{visibility:hidden!important;opacity:0!important}
#page[data-id="logic"] [data-logic-step].is-revealed{visibility:visible!important;opacity:1!important}
/* 创作方法与作品要点分成两个清晰页面。 */
#page[data-id="prepare"] .tail-methods{width:100%;max-width:1050px;margin:auto}
#page[data-id="prepare"] .tail-methods .tail-steps{gap:38px}
#page[data-id="prepare"] .tail-methods h3{font-size:36px;line-height:1.35;margin-bottom:12px}
#page[data-id="prepare"] .tail-methods p{font-size:28px;line-height:1.6}
#page[data-id="prepare"] .tail-methods li>span{font-size:27px;min-width:42px}
.tail-needs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 70px;width:100%;padding:10px 10px}
.tail-needs-grid section{position:relative;padding:0 0 0 60px;min-height:140px;border:0;background:transparent;visibility:hidden;opacity:0;transform:translateY(8px)}
.tail-needs-grid section.is-revealed{visibility:visible;opacity:1;transform:none;transition:opacity .2s,transform .2s}
.tail-needs-grid .needs-number{position:absolute;left:0;top:4px;font-size:26px;font-weight:700;color:#927039}
.tail-needs-grid h3{font-size:36px;line-height:1.35;margin:0 0 17px;color:#35413c;font-weight:800}
.tail-needs-grid p{font-size:28px;line-height:1.6;margin:0;color:#50605a}
/* 保留想法提示，具体指导改进与验收。 */
#page[data-id="prepare"] .tail-methods .tail-steps{gap:22px}
#page[data-id="prepare"] .tail-methods h3{font-size:31px;margin-bottom:8px}
#page[data-id="prepare"] .tail-methods p{font-size:25px;line-height:1.45}
.tail-restored-idea{margin-bottom:27px;padding-bottom:20px;border-bottom:1px solid #a8c6b7}
.tail-restored-idea h3{font-size:34px!important;color:#35413c;margin:0 0 10px}
.tail-restored-idea p{color:#50605a;margin:0}
.tail-improve{width:100%;max-width:1110px;margin:auto}.tail-improve .tail-steps{gap:35px}.tail-improve .tail-steps h3{font-size:34px}.tail-improve .tail-steps p{font-size:27px;line-height:1.6}
.tail-acceptance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;width:100%;align-items:start}.tail-acceptance section{visibility:hidden;opacity:0;transform:translateY(8px)}.tail-acceptance section.is-revealed{visibility:visible;opacity:1;transform:none;transition:opacity .2s,transform .2s}.tail-acceptance h3{font-size:29px;line-height:1.5;color:#35413c;margin:0 0 22px}.tail-acceptance h3 span{display:block;font-size:24px;color:#927039;margin-bottom:10px}.tail-acceptance p{font-size:24px;color:#50605a;line-height:1.65;margin:0 0 23px}.tail-acceptance p b{display:block;color:#35413c;font-size:24px;margin-bottom:8px}
/* 用孩子自己的创作过程组织展示。 */
.tail-share-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 65px;width:100%;align-items:start}.tail-share-grid section{display:flex;gap:20px;visibility:hidden;opacity:0;transform:translateY(8px);border:0;background:transparent}.tail-share-grid section.is-revealed{visibility:visible;opacity:1;transform:none;transition:opacity .2s,transform .2s}.tail-share-grid section>span{font-size:25px;color:#927039;font-weight:700;line-height:1.7;min-width:36px}.tail-share-grid h3{font-size:33px;line-height:1.4;font-weight:800;color:#35413c;margin:0 0 15px}.tail-share-grid p{font-size:26px;line-height:1.6;color:#50605a;margin:0}
.tail-recap{width:100%;max-width:1080px;margin:auto}.tail-recap .tail-steps{gap:27px}.tail-recap .tail-steps h3{font-size:33px}.tail-recap .tail-steps p{font-size:26px;line-height:1.5}.recap-expression{font-size:27px;line-height:1.6;margin:32px 0 0 49px;color:#8b6b35;font-weight:700}.tail-finale{width:100%;max-width:1030px;margin:auto}.tail-finale .tail-steps{gap:60px}.tail-finale .tail-steps h3{font-size:40px;margin-bottom:17px}.tail-finale .tail-steps p{font-size:29px;line-height:1.6}
/* 概念页不重复示例流程，突出人与 AI 的分工。 */
#page[data-id="vibe"] .vibe-definition{visibility:hidden;opacity:0;margin-bottom:35px;width:100%}#page[data-id="vibe"] .vibe-definition.is-revealed{visibility:visible;opacity:1}.vibe-definition-main{font-size:45px;line-height:1.45;font-weight:800;color:#35413c;margin:0 0 17px}.vibe-definition-note{font-size:27px;line-height:1.6;color:#50605a;margin:0}.vibe-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;width:100%}.vibe-roles article{visibility:hidden;opacity:0;border:0;background:transparent}.vibe-roles article.is-revealed{visibility:visible;opacity:1}.vibe-roles h3{font-size:31px;font-weight:800;color:#35413c;margin:0 0 12px}.vibe-roles p{font-size:25px;line-height:1.6;color:#50605a;margin:0}
#page[data-id="vibe"] .vibe-single-row{display:flex!important;align-items:baseline!important;gap:10px!important;width:100%;font-size:27px;line-height:1.65;margin-bottom:48px}#page[data-id="vibe"] .vibe-single-row b{white-space:nowrap;font-size:28px;color:#35413c}#page[data-id="vibe"] .vibe-single-row span{font-size:27px;color:#50605a}.vibe-role-number{display:block;font-size:26px;font-weight:700;color:#927039;margin-bottom:17px}.vibe-roles h3{font-size:33px}
#page[data-id="vibe"] #body{justify-content:center;align-items:center}#page[data-id="vibe"] .vibe-centered-concept{width:100%;text-align:center;visibility:hidden;opacity:0;padding:20px 0 50px}#page[data-id="vibe"] .vibe-centered-concept.is-revealed{visibility:visible;opacity:1}.concept-main{font-size:43px;line-height:1.65;color:#35413c;font-weight:800;margin:0 0 38px;white-space:nowrap}.concept-main span{color:#927039}.concept-explanation{font-size:29px;line-height:1.9;color:#50605a;margin:0;font-weight:400}
/* 第5、6页：需求、真实代码、实际运行对应展示。 */
#page[data-id="vibeProcess"] #body,#page[data-id="vibeImprove"] #body{justify-content:center!important;gap:25px!important;padding-top:25px!important}.vibe-process-flow{width:100%;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr) 30px minmax(0,1fr)!important;padding:0!important;gap:8px!important}#page[data-id="vibeProcess"] .vibe-process-flow article{padding:30px 12px 18px!important;border:0!important;background:transparent!important;box-shadow:none!important}.vibe-process-picture{height:305px!important;padding:0!important;margin:0 0 18px!important;width:100%!important}.requirement-picture{background:#fffbed;align-items:flex-start!important;padding:20px!important;gap:15px!important}.requirement-picture>span,.real-code-picture>span{font-size:21px!important;color:#826336!important;font-weight:700}.requirement-picture blockquote{font-size:26px;line-height:1.7;text-align:left;margin:0;color:#35413c;font-weight:700}.real-code-picture{background:#193941!important;align-items:stretch!important;padding:12px!important;gap:6px!important}.real-code-picture>span{color:#e3c582!important}.real-code-picture pre{margin:0!important;text-align:left;white-space:pre-wrap;font:17px/1.15 Consolas,monospace!important;color:#d5efdf!important}.real-code-picture code{font:inherit!important;color:inherit!important}.runnable-picture{background:transparent!important}.snake-lesson-frame{display:block;width:100%;height:305px;border:0;border-radius:10px;background:#edf6e6}.vibe-process-number{font-size:23px!important;top:0!important;left:12px!important}#page[data-id="vibeProcess"] .vibe-takeaway{font-size:27px!important;gap:24px!important;padding:12px 0!important}#page[data-id="vibeProcess"] .vibe-takeaway b{font-size:24px!important;color:#35413c!important}#page[data-id="vibeProcess"] .vibe-process-flow p{font-size:24px!important;color:#50605a!important}.improve-flow{width:100%;gap:38px!important;padding:0!important;align-items:start!important}.improve-art{height:305px!important;min-height:305px!important}.live-snake-art{padding:0!important;display:block!important;overflow:hidden;background:transparent!important}.improve-step h3{font-size:34px!important}.improve-step p{font-size:25px!important;line-height:1.5!important}.improve-request b{font-size:30px!important;line-height:1.6!important}.improve-retry{font-size:26px!important;margin-top:5px!important}
#page[data-id="vibeProcess"] .snake-static-result{display:block;width:100%;height:100%;object-fit:contain;border:0;border-radius:8px}#page[data-id="vibeProcess"] .runnable-picture{overflow:hidden}
#page[data-id="vibeProcess"] .snake-static-result{filter:contrast(1.14) saturate(1.2)}
/* 三个方向直接显示，图片与文字使用同一左边线和高度。 */
#page[data-id="choose"] .opening-choices{align-items:stretch!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:30px!important;width:100%}#page[data-id="choose"] .opening-choice{visibility:visible!important;opacity:1!important;transform:none!important;animation:none!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;min-width:0!important;text-decoration:none!important}#page[data-id="choose"] .opening-choice>img{height:240px!important;width:100%!important;object-fit:cover!important;object-position:center top!important;flex:none!important}#page[data-id="choose"] .opening-choice h3{font-size:30px!important;line-height:1.3!important;font-weight:800!important;margin:14px 0 8px!important;min-height:39px!important;text-decoration:none!important}#page[data-id="choose"] .opening-choice p{font-size:24px!important;line-height:1.45!important;font-weight:500!important;margin:0!important;text-align:left!important}#page[data-id="choose"] .opening-choice-note{font-weight:400!important}
/* 网页路线：与游戏页一致的左图右文与重点字重。 */
#page[data-id="look"] .web-look-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)!important;gap:40px!important;align-items:center!important}.web-preview-link{display:block;width:100%;text-decoration:none;border:0;background:transparent}.web-preview-link img{display:block;width:100%;max-height:400px;object-fit:contain}#page[data-id="look"] .web-look-layout .look-list{gap:30px!important}#page[data-id="look"] .web-look-layout .look-list li{font-size:30px!important;font-weight:800!important;line-height:1.5!important}#page[data-id="visual"] .web-reading-layout{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)!important;gap:40px!important;align-items:center!important}#page[data-id="visual"] .web-reading-list{gap:30px!important}#page[data-id="visual"] .web-reading-list li{font-size:30px!important;font-weight:800!important;line-height:1.5!important;color:#35413c;visibility:hidden;opacity:0}#page[data-id="visual"] .web-reading-list li.is-revealed{visibility:visible;opacity:1}#page[data-id="visual"] .web-reading-list .list-no{font-size:27px;font-weight:800;color:#35413c}
/* 工具方向：沿用现有16:9课件版式 */
#page[data-id=look] .tool-look-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:center}
.tool-demo-link{display:flex;flex-direction:column;gap:16px;align-items:center;min-width:0}.tool-demo-link .evidence-photo{max-height:410px;box-shadow:none}.tool-demo-link .btn{font-size:23px}
#page[data-id=look] .tool-observe-list li{font-size:30px;font-weight:800;line-height:1.5}.tool-observe-list{gap:30px}
.parts-grid[data-route=T] .parts-art{height:220px}.parts-grid[data-route=T] .parts-art img{object-fit:contain!important;background:#fffefa}.parts-grid[data-route=T] .parts-card p{font-size:22px;line-height:1.5}.parts-grid[data-route=T] .parts-card h3{font-size:27px}
.tool-calculation{display:flex;flex-direction:column;gap:24px;max-height:100%}.tool-comparison{display:grid;grid-template-columns:1fr 1fr;gap:42px}.tool-comparison figure{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}.tool-comparison img{display:block;max-width:100%;height:310px;object-fit:contain}.tool-comparison figcaption{font-size:29px;line-height:1.5;font-weight:700;color:#35413c}.tool-comparison figcaption b{color:#267c72}.tool-calculation-reason{border-top:2px solid #a6c6b1;padding-top:16px;display:flex;flex-direction:column;gap:9px}.tool-calculation-reason p{font-size:27px;line-height:1.5;color:#35413c}.tool-calculation-reason b{color:#267c72}
.tool-reading-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:50px}.tool-reading-layout .evidence-photo{max-height:445px;box-shadow:none}.tool-reading-layout figcaption{font-size:20px}.tool-reading-list{gap:24px}.tool-reading-list b{font-size:29px;color:#35413c}.tool-reading-list p{font-size:25px;line-height:1.5}.tool-project-layout .evidence-photo{max-height:405px;box-shadow:none}.tool-project-layout .project-question{font-size:30px;line-height:1.5}.tool-project-focus{font-size:26px;line-height:1.5;margin-top:24px;color:#2c7976;font-weight:750}
.tool-calculation [data-tail-step],.tool-reading-layout [data-tail-step]{visibility:hidden;opacity:0}.tool-calculation [data-tail-step].is-revealed,.tool-reading-layout [data-tail-step].is-revealed{visibility:visible;opacity:1}
.tool-reading-list li{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:18px}.tool-reading-list .list-no{min-width:0;padding-top:0}.tool-rule-text{width:100%;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:12px;color:#35413c}.tool-rule-text p{font-size:21px!important;white-space:nowrap}.tool-rule-text strong{font-size:23px;line-height:1.6;color:#267c72}.parts-grid[data-route=T] .parts-card:last-child .parts-art{padding:22px}.parts-grid[data-route=T] .parts-art .tool-rule-text{background:#fffefa;height:100%}
/* 游戏第16—21页：真实案例与创作插画配合讲解 */
.game-first-layout,.game-share-layout,.game-finale-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:center;width:100%}
.game-tail-photo{margin:0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:12px}.game-tail-photo img{display:block;width:100%;max-height:395px;object-fit:contain;cursor:zoom-in;border-radius:7px}.game-tail-photo figcaption{font-size:20px;line-height:1.45;text-align:center;color:#55776c}
.game-tail-points{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:24px}.game-tail-points li{display:flex;gap:18px;align-items:flex-start;min-width:0}.game-point-number{color:#927039;font-size:23px;font-weight:750;min-width:29px;line-height:1.5}.game-tail-points h3{font-size:29px;line-height:1.4;color:#35413c;font-weight:800;margin:0 0 7px}.game-tail-points p{font-size:24px;line-height:1.55;color:#50605a;margin:0}
.game-first-layout .game-tail-photo img{max-height:380px}.game-first-layout .game-tail-points{gap:22px}.game-first-layout .game-tail-points h3{font-size:28px}.game-first-layout .game-tail-points p{font-size:23px}
.game-observe-layout{display:flex;flex-direction:column;gap:28px}.game-observe-scenes{display:grid;grid-template-columns:1.1fr 1fr;gap:34px;align-items:center}.game-observe-scenes img{height:265px;max-height:265px}.game-observe-scenes figcaption{font-size:21px}.game-points-horizontal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.game-points-horizontal li{gap:13px}.game-points-horizontal h3{font-size:28px}.game-points-horizontal p{font-size:23px}
.game-verification{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;align-items:start}.game-verification section{min-width:0}.game-verification img{height:225px;max-height:225px}.game-verification h3{font-size:26px;line-height:1.45;margin:20px 0 12px;color:#35413c;font-weight:800}.game-verification h3 span{display:block;font-size:21px;color:#927039;margin-bottom:7px}.game-verification p{font-size:23px;line-height:1.5;color:#50605a;margin:0 0 10px}.game-verification .game-pass-question{color:#2b7974;font-weight:750}.game-tail-takeaway{font-size:25px;line-height:1.5;text-align:center;color:#4d776a;margin:24px 0 0}
.game-share-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:45px}.game-share-layout .game-tail-photo img{max-height:410px}.game-share-points{gap:24px}.game-share-points h3{font-size:30px}.game-share-points p{font-size:24px}
.game-method-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;align-items:start}.game-method-strip section{min-width:0;position:relative}.game-method-strip .game-tail-photo img{height:210px;max-height:210px;object-fit:contain;background:#fffef4;border-radius:6px}.game-method-strip figcaption{font-size:17px;line-height:1.4;min-height:24px}.game-method-number{display:block;font-size:22px;font-weight:750;color:#927039;margin:19px 0 7px}.game-method-strip h3{font-size:29px;line-height:1.4;margin:0 0 10px;color:#35413c}.game-method-strip p{font-size:23px;line-height:1.5;margin:0;color:#50605a}
.game-finale-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:45px}.game-finale-layout .game-tail-photo img{max-height:395px}.game-finale-layout .game-tail-points{gap:28px}.game-finale-layout .game-tail-points h3{font-size:29px}.game-finale-layout .game-tail-points p{font-size:24px}.game-finale-note{font-size:28px;font-weight:800;line-height:1.5;color:#2b7974;margin:28px 0 0 47px}
.game-first-layout [data-tail-step],.game-observe-layout [data-tail-step],.game-verification [data-tail-step],.game-share-layout [data-tail-step],.game-method-strip [data-tail-step],.game-finale-layout [data-tail-step]{visibility:hidden;opacity:0}.game-first-layout [data-tail-step].is-revealed,.game-observe-layout [data-tail-step].is-revealed,.game-verification [data-tail-step].is-revealed,.game-share-layout [data-tail-step].is-revealed,.game-method-strip [data-tail-step].is-revealed,.game-finale-layout [data-tail-step].is-revealed{visibility:visible;opacity:1}
/* 四步流程：阶段固定，验证后可以回到改进 */
#creationFlow[hidden]{display:none!important}#creationFlow{flex:none;width:100%;padding:1px 0 4px}#creationFlow ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;gap:22px;padding:0;margin:0}#creationFlow li{display:flex;gap:11px;align-items:center;position:relative;min-width:0;font-size:21px;font-weight:650;line-height:1.4;color:#5b776e;padding:5px 0}#creationFlow .flow-number{display:grid;place-items:center;width:36px;height:36px;flex:none;border:2px solid #9ebbb0;border-radius:50%;font-size:18px;font-weight:800;color:#6c887c;background:#edf5e9}#creationFlow li.is-current{font-weight:800;color:#206b62}#creationFlow li.is-current .flow-number{background:#2b7b6e;border-color:#2b7b6e;color:#fff}#creationFlow li.is-done .flow-number{background:#d7eadb;color:#2c7264}#creationFlow li:not(:last-child):after{content:'›';position:absolute;right:-15px;color:#7c9c8e;font-size:29px;line-height:1}
.creation-flow-loop{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;margin-top:12px;flex:none;border-top:2px solid #abc7b8;padding-top:15px}.creation-flow-loop button{display:flex;gap:15px;align-items:center;text-align:left;border:0;background:transparent;padding:0;color:#3f6559;font-size:20px;line-height:1.4}.creation-flow-loop button>span:last-child{display:flex;flex-direction:column;gap:3px}.creation-flow-loop b{font-size:23px;font-weight:800;color:#2b7568}.loop-arrow,.loop-check{font-size:37px;font-weight:800;line-height:1;color:#8a6d38}.loop-check{color:#2d7b68}.flow-return:hover b,.flow-finish:hover b{text-decoration:underline;text-underline-offset:4px}
.has-creation-flow .game-first-layout .game-tail-photo img{max-height:355px}.has-creation-flow .game-first-layout .game-tail-points{gap:17px}.has-creation-flow .game-first-layout .game-tail-points h3{font-size:27px;margin-bottom:5px}.has-creation-flow .game-first-layout .game-tail-points p{font-size:23px}.has-creation-flow .game-brief-layout .game-tail-points{gap:28px}.has-creation-flow .game-observe-layout{gap:21px}.has-creation-flow .game-observe-scenes img{height:235px;max-height:235px}.has-creation-flow .game-points-horizontal p{font-size:22px}.has-creation-flow .game-points-horizontal h3{font-size:27px}.has-creation-flow .game-verification img{height:185px;max-height:185px}.has-creation-flow .game-verification h3{font-size:25px;margin:12px 0 9px}.has-creation-flow .game-verification h3 span{font-size:20px;margin-bottom:4px}.has-creation-flow .game-verification p{font-size:22px;margin-bottom:7px}.has-creation-flow .game-method-strip .game-tail-photo img{height:150px;max-height:150px}.has-creation-flow .game-method-strip .game-method-number{font-size:21px;margin:12px 0 5px}.has-creation-flow .game-method-strip h3{font-size:27px;margin-bottom:8px}.has-creation-flow .game-method-strip p{font-size:22px}.has-creation-flow .game-method-strip figcaption{font-size:17px;min-height:24px}.has-creation-flow .creation-flow-loop.is-recap{margin-top:5px}
.has-creation-flow .tail-acceptance h3{font-size:27px;line-height:1.4;margin-bottom:14px}.has-creation-flow .tail-acceptance h3 span{font-size:22px;margin-bottom:6px}.has-creation-flow .tail-acceptance p{font-size:23px;line-height:1.5;margin-bottom:15px}.has-creation-flow .tail-acceptance p b{font-size:23px;margin-bottom:5px}
/* 17—20页：页内任务用字母，验证图文沿同一左缘对齐 */
.game-points-horizontal .game-point-number,.game-share-points .game-point-number{font-size:23px}.game-points-horizontal p{font-weight:400!important}.has-creation-flow .game-verification .game-tail-photo{display:block;width:100%;margin:0}.has-creation-flow .game-verification .game-tail-photo img{display:block;width:100%;height:185px;max-height:185px;object-fit:cover;object-position:center top;border-radius:6px}.has-creation-flow .game-verification h3{font-size:25px;line-height:1.4;margin:14px 0 10px}.has-creation-flow .game-verification h3 span{font-size:20px;line-height:1.3;margin-bottom:6px}.has-creation-flow .game-verification p{font-size:22px;line-height:1.5;color:#50605a;font-weight:400;margin:0 0 8px}.has-creation-flow .game-verification .game-check-action{min-height:3em}.has-creation-flow .game-verification .game-pass-question{font-weight:500;color:#2e6c61;margin-bottom:0}.game-share-points p{font-weight:400!important}.game-share-layout .game-tail-photo img{width:100%;max-height:390px;object-fit:contain}.game-share-points{gap:35px}.game-method-transfer{font-size:25px;line-height:1.5;color:#4d776a;text-align:center;margin:25px 0 0}.game-method-strip p{font-weight:400!important}
#page #body .game-verification p{font-weight:400}#page #body .game-verification .game-pass-question{font-weight:500}.has-creation-flow .game-verification h3{display:flex;align-items:baseline;gap:12px;min-height:35px}.has-creation-flow .game-verification h3 span{display:inline;flex:none;margin:0;line-height:1.4}
.has-creation-flow .game-verification .game-tail-photo img{object-position:center center}
/* 网页第12页：真实卡片局部放大，对应真实详情与返回入口 */
#page #body .web-logic-demo{display:grid;grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr);column-gap:18px;align-items:start;padding:0 25px}
#page #body .web-logic-label{font-size:23px;line-height:1.4;font-weight:500;color:#56736a;margin:0 0 10px;text-align:center}
.web-logic-frame{height:364px;display:flex;align-items:center;justify-content:center}
.web-logic-card-shot{position:relative;width:440px;max-width:100%;outline:4px solid #b88d35;outline-offset:5px;border-radius:9px}
.web-logic-card-shot img,.web-logic-detail-shot img{display:block;width:100%;height:auto;border-radius:9px;cursor:zoom-in;max-height:none}
.web-logic-card-ring{position:absolute;left:2%;top:74%;width:27%;height:14%;border:3px solid #ffe48e;border-radius:50%;pointer-events:none;box-shadow:0 0 0 2px #153f45}
.web-logic-pointer{position:absolute;left:27%;top:76%;font:700 56px/1 Arial,sans-serif;color:#ffe48e;text-shadow:2px 2px #163a42;pointer-events:none}
.web-logic-detail-shot{position:relative;width:376px;max-width:100%}
.web-logic-return-ring{position:absolute;left:3.6%;top:85.6%;width:21.8%;height:10.2%;border:3px solid #ffe48e;border-radius:10px;pointer-events:none}
#page #body .web-logic-demo h3{font-size:28px;line-height:1.4;text-align:center;margin:10px 0 0;font-weight:700;color:#354b45}
.web-logic-arrow{align-self:center;margin-top:-25px;text-align:center;color:#398575}.web-logic-arrow span{display:block;font-size:22px}.web-logic-arrow b{display:block;font-size:64px;line-height:1}
#page #body .web-logic-rule{grid-column:1/-1;border-top:2px solid #91b7a4;margin:18px 0 0;padding-top:13px;font-size:26px;line-height:1.4;font-weight:500;text-align:center;color:#386b5d}.web-logic-rule span{display:inline-block;margin-right:8px;font-size:34px;vertical-align:middle}
/* 第12页保留网页全貌，以小局部辅助定位 */
.web-logic-frame{height:334px}
.web-logic-detail-shot{width:320px}
.web-logic-context-shot{position:relative;width:520px;max-width:100%}
.web-logic-context-shot .web-logic-home{display:block;width:100%;height:auto;border-radius:8px;cursor:zoom-in;box-shadow:0 3px 12px #244d4933}
.web-logic-location-ring{position:absolute;left:5.1%;top:60.2%;width:30%;height:35.4%;border:4px solid #f4cf67;border-radius:18px;pointer-events:none;box-shadow:0 0 0 2px #25483d}
.web-logic-connector{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.web-logic-inset{position:absolute;right:4%;top:5%;width:40%;border:3px solid #c99d40;border-radius:7px;background:#fcf8e6;box-shadow:0 4px 16px #0a212955}
.web-logic-inset span{display:block;font-size:18px;font-weight:600;text-align:center;color:#695323;line-height:1.7}
.web-logic-inset img{display:block;width:100%;height:auto;border-radius:0 0 4px 4px;cursor:zoom-in}
/* 网页方向，保持原21页课件的版式与字体层级 */
#page #body .web-course{width:100%}#page #body .web-course p{font-size:25px;line-height:1.55;font-weight:400;color:#50625b;margin:0}#page #body .web-course h3{font-size:29px;line-height:1.4;color:#354b43;margin:0 0 10px;font-weight:700}
.web-course-photo{margin:0;min-width:0}.web-course-photo img{display:block;width:100%;height:340px;max-height:none;object-fit:contain;cursor:zoom-in;border-radius:7px}.web-course-photo figcaption{text-align:center;font-size:20px;line-height:1.4;color:#60786a;margin-top:10px}
.web-motive-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}.web-motive-layout>div:first-child{text-align:center}.web-motive-layout .work-link{margin-top:12px}.web-motive-text h3{margin-bottom:20px!important}.web-motive-text p+p{margin-top:18px!important}#page #body .web-motive-text .web-child-question{border-top:2px solid #9dbdae;padding-top:18px;margin-top:22px;color:#337c68;font-weight:600}
#page #body .web-build-blocks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}#page #body .web-build-part{padding:0;background:transparent;border:0;box-shadow:none;transform:none;min-height:0}#page #body .web-build-part h3{font-size:27px;margin:16px 0 10px}#page #body .web-build-part p{font-size:23px;line-height:1.55}.web-part-art{height:210px;display:flex;align-items:center;justify-content:center;background:#ffffff55;border-radius:7px;overflow:hidden}.web-part-art img{width:100%;height:100%;max-height:none;object-fit:contain}
.web-reading-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.web-reading-methods .web-course-photo img{height:290px}.web-reading-methods .web-record-shot img{object-fit:cover;object-position:left center}.web-reading-methods .web-phone-shot img{object-fit:contain}#page #body .web-reading-methods h3{font-size:27px;margin:16px 0 10px;display:flex;gap:11px;align-items:baseline}#page #body .web-reading-methods h3 span{font-size:21px;color:#a6762f;flex:none}#page #body .web-reading-methods p{font-size:24px}
.web-example-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.web-example-options a{display:block}.web-example-options a img{display:block;width:100%;height:185px;max-height:none;object-fit:cover;object-position:top;border-radius:7px;box-shadow:0 3px 10px #24584722}#page #body .web-example-options h3{font-size:28px;margin:16px 0 9px}#page #body .web-example-options p{font-size:23px;line-height:1.5;min-height:4.5em}
#page #body .web-example-options .web-example-name{font-size:19px;line-height:1.3;font-weight:700;color:#337564;min-height:1.3em;margin:0 0 5px}
#page #body .web-example-options .web-example-description{font-size:20px;line-height:1.4;min-height:2.8em;margin:0}#page #body .web-example-options .web-example-method{font-size:21px;line-height:1.5;color:#337564;margin-top:8px;min-height:3em}#page #body .web-choice-reason{font-size:25px;line-height:1.5;font-weight:500;text-align:center;border-top:2px solid #a2beac;margin:20px 0 0;padding-top:13px;color:#3b6657}
.web-creation-split{display:grid;grid-template-columns:1.13fr 1fr;gap:48px;align-items:center}.web-course-points{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:27px}.web-course-points li{display:flex;gap:15px;align-items:flex-start}.web-point-letter{font-size:23px;line-height:1.8;color:#a6762f;font-weight:700;flex:none;width:22px}#page #body .web-course-points h3{font-size:28px;margin:0 0 7px}#page #body .web-course-points p{font-size:24px;line-height:1.55}.has-creation-flow .web-creation-split .web-course-photo img{height:285px}.has-creation-flow .web-course-points{gap:22px}.web-brief-layout{align-items:start}.web-brief-layout .web-course-photo img{height:240px}.web-brief-note{border-top:2px solid #9ebca8;margin-top:15px;padding-top:12px}.web-brief-note>b{font-size:25px;font-weight:600;color:#476f5c;display:block;margin-bottom:6px}#page #body .web-brief-note p{font-size:23px;line-height:1.5}
.web-problem-image{position:relative;width:340px;max-width:100%;margin:auto}.has-creation-flow .web-problem-image .web-course-photo img{width:100%;height:auto}.web-name-ring{position:absolute;left:0;top:74.5%;width:36%;height:11%;border:3px solid #b78133;border-radius:50%;pointer-events:none;box-shadow:0 0 0 2px #fff8b5}#page #body .web-problem-example>p{font-size:23px;text-align:center;margin:12px 0 0}.web-improve-layout .web-course-points{gap:24px}
.web-verify-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}.web-verify-columns .web-course-photo img{height:170px;object-fit:contain;background:#ffffff44}#page #body .web-verify-columns h3{font-size:27px;display:flex;align-items:baseline;gap:12px;margin:15px 0 10px}#page #body .web-verify-columns h3 span{font-size:21px;color:#a6762f;flex:none}#page #body .web-verify-columns p{font-size:23px;line-height:1.5;min-height:3em}#page #body .web-verify-columns .web-verify-question{font-size:23px;font-weight:500;color:#327866;min-height:0;margin-top:10px}.web-verify-columns+.creation-flow-loop{margin-top:24px}
.web-before-after{display:grid;grid-template-columns:1fr 1fr;gap:20px}.web-before-after .web-course-photo img{height:310px}.web-before-after .web-course-photo figcaption{font-size:21px;text-align:left;margin-top:12px}.web-share-layout{grid-template-columns:1.2fr 1fr}.web-share-layout .web-course-points{gap:35px}
.web-method-recap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.web-method-recap .web-course-photo img{height:190px;object-fit:contain}.web-method-number{font-size:23px;color:#a6762f;font-weight:700;display:block;margin:15px 0 5px}#page #body .web-method-recap h3{font-size:27px;margin:0 0 10px}#page #body .web-method-recap p{font-size:23px;line-height:1.5}#page #body .web-transfer-note{font-size:26px;line-height:1.5;color:#40715c;text-align:center;font-weight:500;margin:30px 0 0}.web-finale-layout .web-course-photo img{height:365px}.web-finale-layout .web-course-points{gap:36px}#page #body .web-next-idea{font-size:27px;color:#38755d;border-top:2px solid #98bba6;margin-top:28px;padding-top:22px}
.web-name-ring{top:71.5%;height:7.5%}
#page #body .web-course .web-next-idea{font-size:27px;margin-top:28px;padding-top:22px}
.web-recap-brief{height:190px;display:flex;flex-direction:column;justify-content:center;padding:18px 14px;background:#faf8e9;border-left:3px solid #b58c39;gap:9px}.web-recap-brief>b{font-size:22px;color:#84602c}#page #body .web-course .web-recap-brief p{font-size:21px;line-height:1.4;margin:0;color:#506358}
/* 人物馆案例连续讲解：大幅全貌与清晰标注，10—13页 */
.web-case-breakdown{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}.web-case-overview{position:relative}.web-case-overview .web-course-photo img{height:410px}.web-case-pin{position:absolute;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#f9e3a1;color:#77541f;font-size:22px;font-weight:700;border:2px solid #966e2c;box-shadow:0 2px 5px #102b4766}.web-case-pin-a{left:3%;top:17%}.web-case-pin-b{left:1%;top:36%}.web-case-pin-c{left:2%;top:52%}.web-case-breakdown .web-course-points{gap:36px}
.web-case-reading{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}.web-case-screens{display:grid;grid-template-columns:3.35fr 1fr;gap:20px;align-items:start}.web-case-screens .web-course-photo img{height:330px;object-fit:contain;object-position:center top}.web-case-screens .web-course-photo figcaption{font-size:20px;line-height:1.45;text-align:left;margin-top:12px}.web-case-reading .web-course-points{gap:30px}
/* 第14页用设计示意图打开创作方向，只提供图片放大 */
.web-example-visual{height:230px;display:flex;align-items:center;justify-content:center}.web-example-visual img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;border-radius:7px;cursor:zoom-in;box-shadow:0 3px 12px #24584722}#page #body .web-example-options h3{font-size:29px;margin-top:18px}#page #body .web-example-options p{min-height:3em}.web-example-options+.web-choice-reason{margin-top:30px!important}
/* 完整放大与原图细看 */
#zoomDialog:has(.lesson-zoom-image){width:min(1360px,94vw);height:90vh;max-height:90vh;max-width:94vw;padding:14px;overflow:hidden}
#zoomDialog #zoomTools{display:flex;justify-content:flex-end;align-items:center;gap:10px;height:42px;margin:0 0 10px}#zoomDialog #zoomTools[hidden]{display:none}#zoomTools button{border:1px solid #91b8a2;background:#edf6e8;color:#285e52;border-radius:6px;padding:7px 14px;font-size:16px;line-height:1.2}
#zoomDialog:has(.lesson-zoom-image) #zoomBody{width:100%;height:calc(100% - 52px);min-height:0;overflow:hidden;display:flex;justify-content:center;align-items:center}
#zoomDialog #zoomBody>.lesson-zoom-image{display:block;flex:none;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain;object-position:center;margin:0;border-radius:4px;box-shadow:none}
#zoomDialog:has(.lesson-zoom-image) #zoomBody.is-detail{display:block;overflow:auto}
#zoomDialog #zoomBody.is-detail>.lesson-zoom-image{max-width:none!important;max-height:none!important;margin:0 auto;object-fit:initial}
/* 网页逐项显示：图先出现，方法按空格显示，尾页直接呈现 */
.web-course [data-tail-step],.web-verify-columns+.creation-flow-loop[data-tail-step]{visibility:hidden;opacity:0}
.web-course [data-tail-step].is-revealed,.web-verify-columns+.creation-flow-loop[data-tail-step].is-revealed{visibility:visible;opacity:1}
.web-improve-layout .web-problem-answer{visibility:hidden;opacity:0}
.web-improve-layout:has(.web-course-points li:nth-child(2).is-revealed) .web-problem-answer{visibility:visible;opacity:1}
.web-case-pin{visibility:hidden}.web-case-breakdown:has(.web-course-points li:nth-child(1).is-revealed) .web-case-pin-a,.web-case-breakdown:has(.web-course-points li:nth-child(2).is-revealed) .web-case-pin-b,.web-case-breakdown:has(.web-course-points li:nth-child(3).is-revealed) .web-case-pin-c{visibility:visible}
.web-case-overview .web-course-photo img{height:390px}.web-case-pin-a{top:20%}.web-case-pin-b{top:51%}.web-case-pin-c{top:84%}
.web-logic-location-ring{left:5.2%;top:61%;width:30%;height:37%}.web-logic-detail-shot{width:290px}.web-logic-frame{height:340px}.web-logic-return-ring{left:3.5%;top:88.5%;width:23%;height:8%}.web-logic-inset{top:3%;width:40%}
.web-improve-layout .web-problem-image{width:560px}.web-name-ring{left:2%;top:62%;width:27%;height:12%}.web-problem-example>p{min-height:1.6em}
.web-verify-columns .web-course-photo img{height:165px}.web-verify-columns+.creation-flow-loop{margin-top:18px}
.web-case-screens .web-course-photo figcaption{font-size:19px}
/* Web course closing: achievement and invitation */
#page[data-id="save"]:has(.web-closing) #title,#page[data-id="save"]:has(.web-closing) #lead{display:none}#page[data-id="save"]:has(.web-closing){padding-top:156px;gap:0}#page[data-id="save"]:has(.web-closing) #body{justify-content:center}.web-closing-main{display:grid;grid-template-columns:1fr 1.1fr;gap:8px;align-items:center;min-height:500px}.web-closing-copy{padding-left:8px;position:relative;z-index:1}#page #body .web-closing .web-closing-kicker{font-size:25px;font-weight:500;color:#967130;letter-spacing:2px;margin-bottom:22px}#page #body .web-closing h3{font-size:66px;line-height:1.38;letter-spacing:1px;color:#2d5148;margin:0;font-weight:800}#page #body .web-closing .web-closing-invite{font-size:30px;font-weight:500;color:#34796b;margin-top:32px;padding-top:23px;position:relative}.web-closing-invite::before{content:"";position:absolute;top:0;left:0;width:96px;height:4px;background:#cda34c;border-radius:3px}.web-closing-art{margin:0}.web-closing-art img{display:block;width:100%;height:500px;max-height:none;object-fit:contain}#page #body .web-closing .web-closing-reminder{text-align:center;font-size:24px;font-weight:400;color:#5d7568;margin-top:26px}
/* Page 14 webpage previews: largest complete image, no toolbar */
#zoomDialog.is-web-preview:has(.lesson-zoom-image){width:min(98vw,calc(98vh * var(--web-preview-ratio)));height:auto;max-width:98vw;max-height:98vh;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden}#zoomDialog.is-web-preview:has(.lesson-zoom-image) #zoomBody{width:100%;height:auto;min-height:0;overflow:hidden}#zoomDialog.is-web-preview #zoomBody>.lesson-zoom-image{width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;border-radius:0}
/* Optional challenge for game and web; photographic closing */
.course-challenge{width:100%}.challenge-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.challenge-visual{height:225px;margin:0 0 22px;overflow:hidden;border-radius:7px;background:#d9eadf66;display:flex;align-items:center;justify-content:center}.challenge-visual>img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}#page #body .challenge-options h3{font-size:30px;line-height:1.4;display:flex;gap:12px;align-items:baseline;margin:0 0 12px;color:#354b43}#page #body .challenge-options h3>span{font-size:23px;color:#a6762f}#page #body .challenge-options p{font-size:24px;line-height:1.65;color:#50625b;margin:0}.challenge-pair{display:grid;grid-template-columns:1fr 24px 1fr;gap:6px;align-items:center;padding:10px}.challenge-pair img{display:block;width:100%;height:auto}.challenge-pair>span{font-size:27px;color:#a6762f;text-align:center}.challenge-scene-pair{height:100%;width:100%;display:grid;grid-template-rows:1fr 1fr;gap:5px}.challenge-scene-pair img{display:block;width:100%;height:110px;object-fit:cover;object-position:center}.challenge-control-visual{position:relative;height:100%;width:100%}.challenge-control-visual>img{width:100%;height:100%;object-fit:cover}.challenge-key-row{position:absolute;left:18px;right:18px;bottom:15px;display:flex;align-items:center;justify-content:center;gap:15px;color:#fff6db}.challenge-key-row span{padding:8px 14px;border:1px solid #dbd8ab;background:#193941ed;border-radius:6px;font-size:21px}.challenge-key-row>b{font-size:26px}.challenge-rule-visual{display:flex;flex-direction:column;gap:5px;align-items:center;width:100%;padding:15px}.challenge-rule-visual>b{font-size:28px;line-height:1;color:#a6762f}.challenge-rule-piece{display:flex;align-items:center;gap:18px;width:100%;border-left:4px solid #b49448;background:#edf6e8;padding:15px 18px;font-size:20px;color:#927039}.challenge-rule-piece>span{font-size:24px;font-weight:600;color:#335c50}.challenge-delivery{display:flex;align-items:center;justify-content:center;gap:28px;border-top:2px solid #9abca9;margin-top:35px;padding-top:23px}.challenge-comparison{display:flex;align-items:center;gap:12px}.challenge-comparison>span{display:grid;place-items:center;border:2px solid #8ea99b;border-radius:3px;width:72px;height:45px;font-size:22px;color:#527565;background:#f8fbeb99}.challenge-comparison>b{font-size:24px;color:#a6762f}#page #body .challenge-delivery p{font-size:24px;line-height:1.5;color:#50625b;margin:0}#page #body .challenge-delivery strong{font-weight:600;color:#357464}
.challenge-rule-visual small{font-size:17px;color:#647c6e}.challenge-rule-piece{padding:10px 18px}
.challenge-visual>img{object-fit:contain;background:#0d1c28}.challenge-favorite-visual{display:grid;grid-template-columns:1.15fr 1fr;gap:5px;align-items:center;height:100%;width:100%;padding:8px}.challenge-favorite-visual>img{display:block;width:100%;height:205px;object-fit:contain}.challenge-favorite-visual>div{text-align:center}.challenge-favorite-visual>div>span{font-size:58px;color:#c39a38;line-height:1.2}#page #body .challenge-favorite-visual p{font-size:23px;line-height:1.45;color:#3d6d5c;font-weight:500}#page #body .challenge-options>section>p,#page #body .challenge-delivery>p{font-weight:400}
#page[data-id=today] .today-journey{margin-top:36px}#page[data-id="vibe"] .concept-main{font-size:52px}#page[data-id="vibe"] .concept-explanation{visibility:hidden;opacity:0}#page[data-id="vibe"] .concept-explanation.is-revealed{visibility:visible;opacity:1}
#page #body .tool-course{width:100%}#page #body .tool-course p{font-size:24px;line-height:1.55;font-weight:400;color:#50625b;margin:0}#page #body .tool-course h3{font-size:28px;line-height:1.4;color:#354b43;margin:0 0 10px;font-weight:700}.tool-photo{margin:0;min-width:0}.tool-photo img{display:block;width:100%;height:340px;object-fit:contain;max-height:none;border-radius:7px;cursor:zoom-in}.tool-photo figcaption{font-size:20px;color:#678071;line-height:1.45;margin-top:12px;text-align:center}.tool-motive{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center}.tool-motive .tool-photo img{height:420px}.tool-motive h3{font-size:36px!important;margin-bottom:22px!important}.tool-motive-question{margin-top:25px!important;padding-top:22px;border-top:2px solid #9fbcaa;color:#337864!important;font-weight:600!important}.tool-purpose{font-size:25px!important;margin-bottom:25px!important}.tool-workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px}.tool-workflow section{position:relative}.tool-workflow section:not(:last-child)::after{content:"→";position:absolute;right:-35px;top:110px;color:#86a58b;font-size:35px}.tool-workflow-art{height:245px;display:flex;align-items:center;justify-content:center}.tool-workflow .tool-photo img{height:240px}.tool-workflow h3{display:flex;gap:12px;margin-top:17px!important}.tool-workflow h3>span,.tool-reading-columns h3>span,.tool-verify h3>span{font-size:22px;color:#a6762f}.tool-rule-native{display:flex;flex-direction:column;gap:17px;align-items:center;padding:20px;background:#f9fae8;border-left:3px solid #b18c48;width:100%}.tool-rule-native b{font-size:28px}.tool-rule-native span{font-size:30px;color:#b18c48}.tool-rule-compare{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.tool-rule-compare .tool-photo img{height:270px}.tool-rule-compare h3{text-align:center;font-size:28px!important;margin-top:15px!important}.tool-rule-takeaway{margin-top:25px;padding-top:18px;border-top:2px solid #9ebaa5}.tool-rule-takeaway>b{font-size:28px;color:#3b7460;display:block;margin-bottom:12px}.tool-reading-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}.tool-reading-columns .tool-photo img{height:250px}.tool-reading-columns h3{display:flex;gap:11px;margin-top:18px!important;font-size:27px!important}.tool-split{display:grid;grid-template-columns:1.12fr 1fr;gap:48px;align-items:center}.tool-course-points{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:27px}.tool-course-points li{display:flex;gap:15px;align-items:flex-start}.tool-course-points li>span{font-size:23px;line-height:1.7;color:#a6762f;font-weight:700;flex:none;width:22px}.has-creation-flow .tool-split .tool-photo img{height:310px}.tool-example-note{font-size:22px!important;padding-top:18px!important;border-top:1px solid #a9c2af;margin-top:15px!important}.tool-problem-shot{width:500px;max-width:100%;position:relative;margin:auto}.has-creation-flow .tool-improve .tool-photo img{height:auto;width:100%}.tool-error-ring{position:absolute;left:2.5%;top:79%;width:95%;height:18%;border:3px solid #ba883b;box-shadow:0 0 0 2px #fff7ce;border-radius:12px;pointer-events:none}.tool-problem-answer{visibility:hidden;opacity:0}.tool-improve:has(.tool-course-points li:nth-child(2).is-revealed) .tool-problem-answer{visibility:visible;opacity:1}.tool-problem>p{font-size:22px!important;text-align:center;margin-top:16px!important}.tool-verify{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}.tool-verify .tool-photo img{height:190px}.tool-verify h3{display:flex;gap:11px;margin-top:15px!important;font-size:27px!important}.tool-verify p{font-size:23px!important}.tool-verify+.creation-flow-loop{margin-top:23px}.tool-before-after{display:grid;gap:24px}.tool-before-after .tool-photo{padding:15px;background:#fff9e9;border-left:3px solid #ad9153}.tool-before-after .tool-photo img{height:90px}.tool-before-after .tool-photo figcaption{text-align:left;font-size:21px;margin-top:8px}.tool-compare-context{font-size:20px!important;line-height:1.5!important;color:#6b7d6d!important}.tool-recap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.tool-recap .tool-photo img{height:190px}.tool-method-number{font-size:23px;color:#a6762f;font-weight:700;display:block;margin:15px 0 7px}.tool-recap h3{font-size:27px!important}.tool-recap p{font-size:23px!important}.tool-brief-mini{height:190px;display:flex;flex-direction:column;gap:12px;justify-content:center;background:#f9f7e9;padding:14px;border-left:3px solid #ad9153}.tool-brief-mini>b{font-size:22px;color:#84652e}.tool-brief-mini p{font-size:20px!important}.tool-transfer{font-size:25px!important;text-align:center;color:#3f7561!important;margin-top:26px!important}.tool-course.challenge-options{gap:28px}.tool-course .challenge-visual>.tool-photo{width:100%;height:100%;margin:0}.tool-course .challenge-visual .tool-photo img{height:225px;width:100%;object-fit:contain;background:transparent}.tool-course.web-example-options p{font-size:23px!important}.tool-course.web-example-options h3{margin-top:18px!important}
.tool-before-after{grid-template-columns:1fr 1fr;gap:18px}.tool-before-after .tool-photo{padding:8px}.tool-before-after .tool-photo img{height:260px}.tool-before-after .tool-photo figcaption{font-size:20px;line-height:1.45}.tool-compare-context{grid-column:1/-1}.tool-reading-columns section:nth-child(3) .tool-photo img{height:250px}
/* Tool lecture reveals: keep screenshots visible until their explanations appear */
.tool-course [data-tail-step],.tool-verify+.creation-flow-loop[data-tail-step]{visibility:hidden;opacity:0}.tool-course [data-tail-step].is-revealed,.tool-verify+.creation-flow-loop[data-tail-step].is-revealed{visibility:visible;opacity:1}
/* 工具视觉修订后的实际错误提示位置 */
.tool-error-ring{left:2.5%;top:79.45%;width:95%;height:16.62%}
/* Page 15: short fill-in prompt scaffolds */
.first-version-prompt{margin-top:14px;padding:14px 18px;border:1px solid rgba(54,132,119,.35);border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(226,248,239,.92));box-shadow:0 5px 14px rgba(47,106,94,.1)}.first-version-prompt>b{display:block;color:#287b70;font-size:19px;font-weight:800;margin-bottom:5px}.first-version-prompt p{font-size:19px!important;line-height:1.55!important;color:#384b47!important;margin:0!important}.first-version-prompt em{font-style:normal;display:inline-block;min-width:68px;border-bottom:2px dashed #b18239;color:#927039;text-align:center;font-weight:700}
.web-brief-layout .first-version-prompt p{font-size:18px!important}.tool-split .first-version-prompt p{font-size:18px!important}
@media(max-width:760px){.first-version-prompt{padding:10px 12px}.first-version-prompt p{font-size:16px!important}}
/* Shared first-version prompt examples: reveal after A/B/C, then open in a modal */
.prompt-example-side{display:flex;flex-direction:column;align-items:flex-start;gap:17px;min-width:0}.prompt-example-trigger{margin-left:37px}.prompt-example-reveal{border:1px solid #75b9a8;border-radius:9px;background:#f5fffa;color:#2c786d;font-size:18px;font-weight:700;padding:9px 16px;box-shadow:0 3px 8px rgba(52,113,98,.12)}.prompt-example-reveal:hover{background:#e6f7ef}.game-prompt-side .prompt-example-trigger{margin-left:47px}.prompt-example-dialog{width:min(760px,84vw);max-width:none;max-height:78vh;border:1px solid #91c7b6;border-radius:18px;padding:28px 32px;background:linear-gradient(145deg,#fbfff9,#edf9f5);color:#344b45;box-shadow:0 24px 80px rgba(20,54,55,.3)}.prompt-example-dialog::backdrop{background:rgba(15,39,47,.62);backdrop-filter:blur(3px)}.prompt-example-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}.prompt-example-dialog-head h3{font-size:25px;color:#287b70}.prompt-example-close{width:38px;height:38px;border:1px solid #bdd8cd;border-radius:50%;background:#fff;color:#47685f;font-size:26px;line-height:1}.prompt-example-dialog>p{font-size:22px;line-height:1.9;color:#384b47}.prompt-example-dialog>p span{color:#916e35;font-weight:800;white-space:nowrap}.web-prompt-side .web-course-points{gap:20px}.tool-prompt-side .tool-course-points{gap:20px}.game-prompt-side .game-tail-points{gap:20px}.game-prompt-side .game-tail-points p{font-size:22px}@media(max-width:760px){.prompt-example-dialog{padding:18px 20px}.prompt-example-dialog>p{font-size:18px}}
/* 作品展示缩略图保持内容比例，轻微等比放大 */
.web-course.web-example-options>section:first-child .web-example-visual img{transform:scale(1.05);transform-origin:center}
/* 新工具截图中的原始提示位置，按实拍坐标标注 */
.tool-error-ring{left:6.33%;top:79.51%;width:87.34%;height:14.27%}
/* 工具类型缩略图完整显示实际界面，按原比例适配 */
.tool-course.web-example-options .web-example-visual img{object-fit:contain}
.tool-error-ring{left:6.34%;top:80.07%;width:87.33%;height:13.88%}
/* 工具规则页：用累计金额直观比较两种计划。 */
.tool-route-explainer{background:#fffaf0;border:1px solid #c4d6ca;padding:22px 24px 16px;border-radius:10px;box-shadow:0 5px 0 #d9e8d366;color:#224e51}.tool-route-label{font-size:16px;color:#607c73}.tool-route-explainer h3{margin:12px 0 28px!important;font-size:23px!important}.tool-route-explainer h3 b{font-size:35px;color:#b87e26}.tool-week-bars{display:flex;gap:14px;align-items:flex-end;height:196px;padding-top:23px;border-bottom:2px solid #b9d0c5}.tool-week-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.tool-week-bar b{font-size:17px;font-weight:600}.tool-week-bar i{height:var(--bar-height);width:100%;max-width:60px;background:#78b2a4;border-radius:5px 5px 0 0}.tool-week-bar:last-child i{background:#f3c46b}.tool-week-bar span{font-size:14px;white-space:nowrap;margin-bottom:8px}.tool-route-result{margin:13px 0 0!important;text-align:center;color:#225b59;font-size:19px!important}.tool-route-result strong{font-size:29px;color:#b66d30}.tool-rule-routes{gap:25px}.tool-rule-routes>section{min-width:0}
.has-creation-flow .tool-split:not(.tool-improve):not(.tool-share) .tool-photo img{height:370px}
/* 工具通用方法：内容、处理和结果；按任务展示明确要求。 */
.tool-process-map{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;background:#f3f6e8;border-radius:12px;padding:22px}.tool-process-map>span{font-size:26px;background:#fffef8;border:1px solid #c2d3b9;color:#39775e;padding:13px;text-align:center;border-radius:8px}.tool-process-map>b{grid-column:1/-1;font-size:19px;font-weight:500;text-align:center;color:#6d8067}.tool-output-map{width:100%;display:grid;gap:12px}.tool-output-map>div{position:relative;border:1px solid #cadad2;background:#fffdf1;border-radius:9px;padding:14px 18px;min-height:67px}.tool-output-map b{font-size:30px;color:#2b706b}.tool-output-map b span{font-size:18px}.tool-output-map small{font-size:15px;color:#6d8276;float:right;line-height:35px}.tool-output-map .output-reminder{font-size:23px;color:#b07a35}.output-colors{display:flex;align-items:center;gap:7px}.output-colors i{width:38px;height:32px;background:#ff9a55;border-radius:5px}.output-colors i:nth-child(2){background:#62bad0}.output-colors i:nth-child(3){background:#3274b7}.output-colors small{margin-left:auto}.tool-rule-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.tool-rule-example-art{height:240px;background:#fff9ec;border:1px solid #e5d4b5;border-radius:12px;padding:21px;display:flex;flex-direction:column;justify-content:center}.tool-rule-examples>section:nth-child(2) .tool-rule-example-art{background:#f0f0ff;border-color:#d5d1ef}.tool-rule-examples>section:nth-child(3) .tool-rule-example-art{background:#ecf5ff;border-color:#c6d8ee}.tool-rule-examples h3{display:flex;gap:12px;margin-top:17px!important;font-size:27px!important}.tool-rule-examples h3>span{font-size:22px;color:#a6762f}.tool-rule-examples p{font-size:23px!important}.rule-cost-items{display:flex;align-items:center;justify-content:space-between;gap:5px}.rule-cost-items span{font-size:16px;text-align:center;color:#77775e}.rule-cost-items b{font-size:24px;display:block;color:#846f37;margin-top:10px;white-space:nowrap}.rule-cost-items i{font-style:normal;color:#b7955c;font-size:20px}.rule-cost-answer{border-top:2px solid #dac595;margin-top:25px;padding-top:20px;display:flex;flex-direction:column;gap:8px;text-align:center}.rule-cost-answer b{font-size:29px;color:#28695f}.rule-cost-answer span{font-size:19px;color:#748375}.rule-category{display:grid;gap:16px}.rule-category>div{display:grid;grid-template-columns:60px 1fr;gap:6px 10px;border-radius:7px;background:#fffdfd;padding:13px}.rule-category b{grid-row:1/3;font-size:18px;align-self:center;color:#7461a3}.rule-category span{font-size:15px;color:#5a6383;white-space:nowrap}.rule-palette{display:flex;flex-direction:column;align-items:center;gap:8px}.rule-swatches{display:flex;align-items:center;gap:6px}.rule-swatches i{height:23px;width:23px;border-radius:4px;background:#fc944e}.rule-swatches i:nth-child(2){background:#f3d47e}.rule-swatches i:nth-child(3){background:#36abbc}.rule-swatches i:nth-child(4){background:#266be1}.rule-swatches b{font-size:15px;margin-left:7px;color:#4262a2}.rule-palette>span{font-size:23px;line-height:1;color:#648ba5}.rule-art-preview{width:100%;height:126px;position:relative;border-radius:6px;overflow:hidden}.rule-art-preview img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.rule-art-preview b{position:absolute;bottom:0;left:0;right:0;background:#143e70bd;color:#fff;font-size:15px;text-align:center;padding:6px}.tool-bug-action{display:flex;flex-direction:column;align-items:center;gap:9px;margin-bottom:13px}.tool-bug-action span{font-size:17px;color:#748274}.tool-bug-action b{font-size:24px;color:#476453;padding:8px 20px;border:1px solid #b7cbb8;background:#f7fbed;border-radius:8px}.tool-bug-action i{font-style:normal;font-size:27px;color:#a78d4e;line-height:1}.tool-bug-expect{font-size:21px;line-height:1.6;margin:15px auto 0;color:#4b6352;max-width:500px}.tool-change-label{display:block;font-size:22px;color:#648066;margin-top:13px;text-align:center}.tool-improve .tool-problem-shot{max-width:390px}.tool-improve .tool-course-points{gap:22px}.tool-improve .tool-course-points p{font-size:23px!important}.tool-course:has(.tool-workflow) .tool-transfer{margin-top:27px!important}.tool-reading-columns .tool-photo img{background:#ffffff55;border-radius:8px;padding:8px}.tool-verify .tool-photo img{height:205px}.tool-verify p{font-size:22px!important}
.tool-result-explainer{width:100%;padding:23px 29px;background:#fff9e7;border:1px solid #d8dab9;border-radius:10px;color:#326e66}.tool-result-explainer>span{font-size:17px}.tool-result-explainer>b{font-size:83px;line-height:1.25;display:block;color:#1b665e}.tool-result-explainer small{font-size:25px;margin-left:9px}.tool-result-explainer p{font-size:21px!important}.tool-result-explainer strong{font-size:31px;color:#d98946}
/* 所有放大内容：去除展示框，按画面比例完整放大。 */
#zoomDialog{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;color:inherit}
#zoomDialog::backdrop{background:#102b37d9}
#zoomDialog #zoomTools{display:none!important}
#zoomDialog:has(.lesson-zoom-image),#zoomDialog.is-web-preview:has(.lesson-zoom-image){width:min(98vw,calc(96vh * var(--zoom-image-ratio,1.5)))!important;height:auto!important;max-width:98vw!important;max-height:96vh!important;min-height:0!important}
#zoomDialog:has(.lesson-zoom-image) #zoomBody{width:100%!important;height:auto!important;min-height:0!important;display:block!important;overflow:hidden!important;background:transparent!important;padding:0!important;border:0!important}
#zoomDialog #zoomBody>.lesson-zoom-image,#zoomDialog #zoomBody.is-detail>.lesson-zoom-image{display:block;width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;object-fit:contain}
#zoomDialog .zoom-dismiss{position:fixed;top:12px;right:14px;z-index:2;width:38px;height:38px;border:0;border-radius:50%;padding:0;background:#183441d9;color:white;font:30px/1 sans-serif;cursor:pointer;box-shadow:none}
#zoomDialog .zoom-dismiss:hover{background:#315362}#zoomDialog .zoom-dismiss:focus-visible{outline:2px solid white;outline-offset:3px}
/* 第12页：同一工具的三种情况，沿一条处理主线展开。 */
.tool-rule-goal{display:flex;align-items:center;gap:23px;margin-bottom:22px;border-bottom:1px solid #a9c4ae;padding-bottom:17px}.tool-rule-goal img{width:108px;height:75px;object-fit:cover;border-radius:7px}.tool-rule-goal div{display:flex;flex-direction:column;gap:9px}.tool-rule-goal b{font-size:27px;color:#385d4e}.tool-rule-goal span{font-size:22px;color:#667b68}.tool-case-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.tool-case-branches section{background:#fffdf0cf;border-radius:10px;border:1px solid #c8d7bc;padding:18px 19px}.tool-case-branches h3{font-size:27px!important;display:flex;gap:10px;align-items:center;margin-bottom:13px!important}.tool-case-branches h3>span{font-size:21px;color:#a6762f}.tool-case-input{font-size:22px;line-height:1.6;min-height:71px;color:#56715e;display:flex;flex-direction:column;justify-content:center}.tool-case-input b{font-weight:650;color:#355d4d}.tool-case-input br{display:none}.tool-case-arrow{display:block;text-align:center;font-size:23px;line-height:1.3;font-style:normal;color:#b48e4c;margin:5px 0}.tool-case-process{font-size:20px!important;text-align:center;padding:9px 4px;border-top:1px dashed #b5c9ac;border-bottom:1px dashed #b5c9ac;min-height:50px;display:flex;align-items:center;justify-content:center}.tool-case-result{display:flex;flex-direction:column;gap:9px;text-align:center;background:#e5f0df;border-radius:7px;padding:13px 5px;min-height:89px;justify-content:center}.tool-case-result b{font-size:19px;color:#6c8164;font-weight:500}.tool-case-result strong{font-size:29px;color:#287767}.tool-case-branches section:nth-child(2) .tool-case-result{background:#fff0cb}.tool-case-branches section:nth-child(2) .tool-case-result strong{color:#ab7a29}.tool-case-branches section:nth-child(3) .tool-case-result{background:#fdeadd}.tool-case-branches section:nth-child(3) .tool-case-result strong{color:#b07140;font-size:24px}.tool-single-case+.tool-transfer{margin-top:20px!important;font-size:24px!important}
.tool-case-input{display:block;height:80px;min-height:80px;padding-top:4px}.tool-case-input br{display:initial}
#zoomDialog{inset:auto!important;top:50%!important;left:50%!important;margin:0!important;transform:translate(-50%,-50%)!important}
.tool-issue-example .tool-photo img{height:auto!important;width:100%;border-radius:5px}.tool-issue-example{max-width:500px;margin:auto;width:100%}.tool-original-notice{border:2px solid #d5ac75;background:#fff9ed;padding:12px;border-radius:8px}.tool-issue-example .tool-bug-expect{font-size:25px;color:#a17137;text-align:center;margin-top:22px}.tool-verify-state{height:245px;display:flex;flex-direction:column;justify-content:center;gap:13px}.tool-verify-state .tool-photo img{height:185px}.tool-verify-state>b{font-size:18px;color:#507967;text-align:center;line-height:1.4}.tool-contrast-pair{display:grid;grid-template-columns:1fr 1fr;gap:45px}.tool-contrast-pair>section{border-top:2px solid #a7c2a9;padding-top:14px}.tool-contrast-pair h3{font-size:29px!important;margin-bottom:13px!important}.tool-contrast-pair .tool-photo img{height:auto!important;width:100%;max-height:112px;object-fit:contain}.tool-contrast-pair .tool-case-arrow{margin:7px 0}.tool-contrast-pair .tool-original-notice{padding:8px 15px}.tool-contrast-pair .tool-original-notice .tool-photo img{max-height:75px}.tool-contrast-pair p{font-size:21px!important;margin-top:14px!important}.tool-compare-focused .tool-course-points{display:grid;grid-template-columns:repeat(3,1fr);gap:29px;margin-top:26px;padding-top:18px;border-top:1px solid #a7c2a9}.tool-compare-focused .tool-course-points h3{font-size:25px!important}.tool-compare-focused .tool-course-points p{font-size:21px!important}.tool-compare-focused .tool-course-points li{gap:9px}
.tool-course.web-example-options>section:last-child .web-example-visual img{object-fit:cover;object-position:top}
/* 第10页可直接重新打开实际网页与工具。 */
#page[data-id=look] .lesson-reopen-link{position:relative;display:block;overflow:hidden;border-radius:12px;outline:3px solid rgba(73,155,137,.52);box-shadow:0 10px 24px rgba(25,70,65,.14);color:inherit;text-decoration:none;cursor:pointer}#page[data-id=look] .lesson-reopen-link img{cursor:pointer}#page[data-id=look] .lesson-reopen-link:focus-visible{outline:5px solid #d4a94c;outline-offset:4px}#page[data-id=look] .lesson-reopen-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:rgba(30,121,112,.9);color:#fff;font-size:36px;box-shadow:0 4px 18px #0003;pointer-events:none}
/* 游戏第14页：四种玩法的示例画面，比例保持完整。 */
.game-example-options .web-example-visual{height:auto;aspect-ratio:8/5}.game-example-options .web-example-visual img{object-fit:contain}.game-example-options>section{min-width:0}#page #body .game-example-options p{font-size:23px;line-height:1.55;font-weight:400;color:#50625b;min-height:4.65em;margin:0}#page #body .game-example-options h3{font-size:29px;margin:18px 0 10px}
/* 第15页基础句式直接显示，具体灵感按字段弹出。 */
#page[data-id=prepare] .prepare-with-prompt{display:flex;flex-direction:column;width:100%;gap:14px;min-height:0}
#page[data-id=prepare] .prepare-main{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
#page[data-id=prepare] .prepare-main figure img{width:100%;height:235px!important;max-height:235px!important;object-fit:contain}
#page #body .prepare-main ol{gap:12px!important}
#page #body .prepare-main h3{font-size:24px!important;line-height:1.35;margin:0 0 4px!important;font-weight:700}
#page #body .prepare-main p{font-size:21px!important;line-height:1.45;font-weight:400;color:#50625b;margin:0}
#page[data-id=prepare] .prepare-main [data-tail-step]{visibility:hidden;opacity:0}
#page[data-id=prepare] .prepare-main [data-tail-step].is-revealed{visibility:visible;opacity:1}
.basic-prompt-block{border-top:2px solid #9fbfac;padding-top:11px;flex:none}
#page #body .basic-prompt-block h3{font-size:21px;font-weight:700;color:#2d7b6d;line-height:1.4;margin:0 0 8px}
#page #body .basic-prompt-text{font-size:23px;line-height:1.85;color:#354d49;font-weight:400;margin:0}
.prompt-slot{display:inline-block;vertical-align:baseline;white-space:nowrap;font:inherit;font-weight:600;line-height:1.35;color:#8e6d34;padding:1px 4px;border:1px dashed #bba777;border-radius:5px;background:#fff9e6a8;margin:0 1px;cursor:pointer}
.prompt-slot:hover{background:#fff3cb;border-color:#9b793e}
.prompt-slot:focus-visible{outline:3px solid #427e73;outline-offset:2px}
.prompt-ideas-dialog{width:min(940px,88vw);max-width:none;max-height:82vh;overflow:auto;border:1px solid #9bc7b6;border-radius:19px;background:#f5fbf7;padding:27px 30px;color:#354c45;box-shadow:0 24px 80px #13383755}
.prompt-ideas-dialog::backdrop{background:#102c3a99;backdrop-filter:blur(3px)}
.prompt-ideas-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}
#page #body .prompt-ideas-head h3{font-size:27px;line-height:1.4;color:#2b766b;margin:0;font-weight:700}
.prompt-ideas-close{border:1px solid #bed5c9;border-radius:50%;background:#fff;width:40px;height:40px;flex:none;font-size:28px;line-height:1;color:#48685b}
#page #body .prompt-ideas-intro{font-size:18px;line-height:1.6;color:#6c8279;font-weight:400;margin:0 0 18px}
.prompt-ideas-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}
.prompt-ideas-list li{background:#fff;border:1px solid #d4e4da;border-radius:11px;padding:16px 18px;font-size:22px;line-height:1.55;font-weight:500;color:#3c5c51;min-width:0}
@media(max-width:650px){.prompt-ideas-dialog{padding:20px}.prompt-ideas-list{grid-template-columns:1fr}.prompt-ideas-list li{font-size:18px;padding:12px 14px}#page #body .prompt-ideas-head h3{font-size:23px}}
/* Web type examples: matching 4:3 viewport screenshots, 2026-10-28 */
.web-course.web-example-options .web-example-visual{height:auto;aspect-ratio:4/3}
.web-course.web-example-options .web-example-visual img{width:100%;height:100%;object-fit:contain;transform:none}
.web-course.web-example-options>section:first-child .web-example-visual img{transform:none}
/* 当前愿望工具的实际运行画面。 */
.tool-current-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;width:100%;align-items:start}.tool-current-branches section{visibility:hidden;opacity:0}.tool-current-branches section.is-revealed{visibility:visible;opacity:1}.tool-current-branches h3{font-size:30px;line-height:1.4;color:#35413c;margin:0 0 14px}.tool-current-branches h3 span{color:#927039;margin-right:12px}.tool-current-branches p{font-size:23px;line-height:1.5;margin:0 0 17px;color:#50605a}.tool-current-branches .tool-photo{height:225px;margin:0 0 18px}.tool-current-branches img{width:100%;height:100%;object-fit:contain}.tool-current-branches .tool-current-outcome{font-size:24px;font-weight:750;color:#35413c}.tool-compare-focused .tool-original-notice img{object-fit:contain}.tool-motive .tool-photo img{object-fit:contain}
/* 对照页使用同一输入局部，避免长图挤出画布。 */
.tool-course .tool-issue-example{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;max-height:420px!important;overflow:hidden;position:relative!important}.tool-course .tool-issue-example>.tool-photo{height:170px!important;max-height:170px!important;margin:0!important;flex:none!important}.tool-course .tool-issue-example>.tool-photo img{display:block;width:100%!important;height:170px!important;max-height:170px!important;object-fit:contain!important}.tool-course .tool-issue-example .tool-original-notice{height:85px!important;flex:none!important}.tool-course .tool-issue-example .tool-original-notice .tool-photo{height:85px!important;margin:0!important}.tool-course .tool-issue-example .tool-original-notice img{width:100%!important;height:85px!important;max-height:85px!important;object-fit:contain!important}.tool-course .tool-issue-example .tool-problem-answer{position:static!important;inset:auto!important;transform:none!important;display:block!important;font-size:21px!important;background:transparent!important}.tool-course .tool-bug-action{font-size:24px;font-weight:800;color:#35413c}.tool-compare-focused .tool-contrast-pair>section>.tool-photo{height:125px!important;margin:0!important}.tool-compare-focused .tool-contrast-pair>section>.tool-photo img{width:100%!important;height:125px!important;max-height:125px!important;object-fit:contain!important}.tool-compare-focused .tool-original-notice{height:70px!important}.tool-compare-focused .tool-original-notice .tool-photo{height:70px!important}.tool-compare-focused .tool-original-notice img{width:100%!important;height:70px!important;object-fit:contain!important}.tool-contrast-pair>section>.tool-photo:last-of-type{max-height:125px!important}
.tool-bug-action small{display:block;font-size:19px;font-weight:500;color:#876a3c;margin-bottom:6px}.tool-bug-action b{display:block;font-size:23px}.tool-course .tool-issue-example{max-height:460px!important}.tool-course .tool-issue-example .tool-original-notice{overflow:visible!important}
/* 工具先建立用途认识，再迁移到自己的需求。 */
.tool-intro-points{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:26px}.tool-intro-points li{display:flex;gap:17px;visibility:hidden;opacity:0}.tool-intro-points li.is-revealed{visibility:visible;opacity:1}.tool-intro-points li>span{font-size:24px;font-weight:750;color:#927039;line-height:1.6}.tool-intro-points h3{font-size:30px!important;line-height:1.4;margin:0 0 9px!important;color:#35413c}.tool-intro-points p{font-size:24px!important;line-height:1.55!important;margin:0!important;color:#50605a}.tool-transfer-question{font-size:21px;font-weight:500;color:#50605a}.tool-own-sharing{width:100%}.tool-own-sharing .tool-course-points{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 65px!important}.tool-own-sharing .tool-course-points h3{font-size:32px!important}.tool-own-sharing .tool-course-points p{font-size:26px!important;line-height:1.6!important}
/* 工具认识页：场景启发，不把示例当成完整分类。 */
.tool-open-intro{width:100%;display:flex;flex-direction:column;gap:45px}.tool-open-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;align-items:start}.tool-open-scenes section{visibility:hidden;opacity:0;transform:translateY(8px)}.tool-open-scenes section.is-revealed{visibility:visible;opacity:1;transform:none;transition:opacity .2s,transform .2s}.tool-open-scenes section>span{display:block;font-size:26px;font-weight:750;color:#927039;margin-bottom:18px}.tool-open-scenes h3{font-size:33px;line-height:1.4;color:#35413c;margin:0 0 20px;font-weight:800}.tool-open-scenes p{font-size:25px;line-height:1.7;color:#50605a;margin:0}.tool-open-invite{text-align:center;color:#826336;font-size:30px;font-weight:750;line-height:1.5;margin:0;padding-top:22px}
/* 工具概念先出现，再展开场景与提问。 */
.tool-open-intro{gap:32px!important}.tool-open-definition{font-size:36px;line-height:1.6;font-weight:750;color:#35413c;text-align:center;margin:0 0 2px;visibility:hidden;opacity:0;transform:translateY(8px)}.tool-open-definition.is-revealed{visibility:visible;opacity:1;transform:none;transition:opacity .2s,transform .2s}.tool-open-scenes{gap:55px!important;padding:0 20px}.tool-open-scenes section>span{font-size:24px;margin-bottom:12px}.tool-open-scenes h3{font-size:34px;margin-bottom:15px}.tool-open-scenes p{font-size:24px;line-height:1.65}.tool-open-intro .tool-open-invite{font-size:33px!important;line-height:1.5;margin:0!important;padding-top:12px!important;visibility:hidden;opacity:0;transform:translateY(8px)}.tool-open-intro .tool-open-invite.is-revealed{visibility:visible;opacity:1;transform:none;transition:opacity .2s,transform .2s}
.tool-open-definition{white-space:nowrap;font-size:32px!important;line-height:1.6!important}
/* 概念、场景和提问分层，减少文字聚在一起的感觉。 */
.tool-open-intro{gap:0!important}.tool-open-intro .tool-open-definition{text-align:left!important;font-size:34px!important;font-weight:750!important;line-height:1.6!important;color:#826039!important;padding:0 20px!important;margin:0 0 48px!important;white-space:nowrap!important}.tool-open-intro .tool-open-scenes{padding:0 20px!important;gap:55px!important}.tool-open-intro .tool-open-scenes p{font-weight:400!important;line-height:1.7!important;color:#50605a!important}.tool-open-intro .tool-open-scenes h3{font-weight:800!important;color:#35413c!important}.tool-open-intro .tool-open-invite{margin:72px 0 0!important;padding:0!important;font-size:34px!important;font-weight:750!important;color:#35413c!important}
/* 概念底框承托重点，三栏举例保持开放。 */
.tool-open-intro .tool-open-definition{background:rgba(255,252,241,.9)!important;border:1px solid #b99b70!important;border-radius:12px!important;box-shadow:none!important;padding:23px 25px!important;margin:0 0 42px!important;font-size:33px!important;line-height:1.6!important;text-align:left!important;white-space:nowrap!important;color:#826039!important}.tool-open-intro .tool-open-scenes{padding:0 26px!important}.tool-open-intro .tool-open-invite{color:#826039!important;margin-top:65px!important;font-size:32px!important}