:root{--ink:#27243d;--purple:#6441d9;--lime:#dbfa77;--cream:#fff9eb;--line:2px solid var(--ink)}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--cream);font-family:'Microsoft YaHei','Noto Sans CJK SC',sans-serif}button,input,a{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible,input:focus-visible{outline:4px solid #ef873f;outline-offset:4px}[hidden]{display:none!important}.topbar{height:72px;padding:0 3.5vw;border-bottom:var(--line);display:flex;justify-content:space-between;align-items:center;background:#fffdf6}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800}.brand b{background:var(--purple);color:white;border-radius:10px;font-size:31px;width:42px;text-align:center}.brand small{font-size:13px;color:#7e778b;font-weight:400;margin-left:8px}.topbar>div:last-child{display:flex;gap:16px;align-items:center;font-size:14px}.topbar button,.reset{background:transparent;border:1.5px solid #aaa1ba;border-radius:30px;padding:9px 16px;color:var(--ink)}main{width:94%;max-width:1660px;margin:auto;padding:20px 0 10px}.heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.kicker{letter-spacing:2px;font-weight:700;font-size:13px;color:#6c6191;margin:0 0 10px}h1{font-size:clamp(30px,3.35vw,56px);line-height:1.2;letter-spacing:-1px;margin:0;font-weight:900}em{font-style:normal;color:var(--purple)}h2{font-size:clamp(28px,2.6vw,43px);line-height:1.4;margin:12px 0}h3{font-size:26px;margin:15px 0}p{line-height:1.7}.slide{display:none}.slide.active{display:block;animation:enter .25s ease-out}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.explore,.types-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:25px;height:clamp(360px,56vh,740px)}.photo{position:relative;border:var(--line);border-radius:30px;overflow:hidden;box-shadow:6px 6px 0 var(--ink);background:#e4f5e9;display:flex;align-items:center;justify-content:center}.anatomy{width:min(100%,56vh);justify-self:center;aspect-ratio:1;height:100%}.photo img{width:100%;height:100%;object-fit:contain}.hot{position:absolute;border:2px solid transparent;background:transparent;border-radius:40%;padding:0}.hot:hover,.hot:focus-visible,.hot.selected{background:#6b49dd22;border-color:var(--purple)}.hot span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--lime);border:2px solid var(--ink);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-weight:800;font-size:19px;box-shadow:2px 2px 0 var(--ink)}.hot.found span{background:#6441d9;color:white}.hot.left{left:29%;top:15%;width:17%;height:29%}.hot.right{left:54%;top:15%;width:17%;height:29%}.hot.wheel{left:46%;top:20%;width:8%;height:16%;border-radius:15px}.hot.wheel span{width:28px;height:28px;font-size:15px}.hot.cable{left:46%;top:0;width:8%;height:12%;border-radius:10px}.reveal{background:var(--purple);color:white;border:var(--line);border-radius:30px;padding:clamp(24px,3vw,52px);box-shadow:6px 6px 0 var(--ink);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.reveal .kicker{color:#e0d5ff}.reveal p{font-size:clamp(18px,1.65vw,27px);margin:12px 0}.reveal .question{font-size:80px;font-weight:900;color:var(--lime);line-height:1}.reveal .detail{color:#dfd5fb;font-size:16px;border-top:1px solid #ffffff40;padding-top:16px}.reveal .answer-no{align-self:flex-start;background:var(--lime);color:var(--ink);padding:7px 13px;border-radius:8px;font-size:15px;font-weight:bold}.types-layout{grid-template-columns:1.6fr 1fr}.types{background:#e5f8ef;align-self:center;aspect-ratio:1.5;max-height:100%;box-shadow:6px 6px 0 var(--ink)}.typehot{position:absolute;top:0;width:50%;height:100%;background:transparent;border:3px solid transparent;border-radius:25px}.typehot:hover,.typehot.selected{border-color:var(--purple);background:#7254da09}.typehot.wired{left:0}.typehot.wireless{left:50%}.typehot span{position:absolute;bottom:4%;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--lime);padding:9px 16px;border:var(--line);border-radius:30px;font-weight:bold}.lesson-grid{display:grid;grid-template-columns:minmax(245px,.68fr) minmax(0,1.8fr);gap:28px;height:clamp(340px,50vh,670px)}.instruction{padding:25px 27px;border:var(--line);border-radius:27px;background:#efddff;box-shadow:5px 5px 0 var(--ink);display:flex;flex-direction:column;justify-content:center}.instruction h2{font-size:clamp(25px,2.35vw,39px);line-height:1.8;white-space:nowrap}.instruction h2 span{background:#fffaf0;border-radius:9px;padding:3px 9px;margin-left:10px}.instruction p{font-size:clamp(18px,1.6vw,25px);margin:10px 0}.pill{background:var(--ink);color:white;padding:7px 13px;align-self:flex-start;border-radius:30px;display:inline-block;font-size:14px;font-weight:bold}.tip{font-size:16px;color:#77678b;border-top:1px solid #bba4d2;margin-top:15px;padding-top:15px;line-height:1.6}ol{padding-left:23px;font-size:19px;line-height:2.3}.desktop{position:relative;border:var(--line);border-radius:22px;box-shadow:6px 6px 0 var(--ink);overflow:hidden;background:radial-gradient(ellipse at 90% 100%,#ffd36b 0,transparent 46%),radial-gradient(ellipse at 15% 20%,#a3e8cd 0,transparent 50%),#bcb1fb;isolation:isolate}.wallmark{position:absolute;right:6%;top:12%;font-weight:900;font-size:clamp(32px,4vw,65px);line-height:1.15;color:#5844a12a;letter-spacing:-3px}.wallmark span{display:block;font-size:100px;color:#fff6b17a}.taskbar{position:absolute;bottom:0;width:100%;height:44px;display:flex;align-items:center;gap:13px;background:#ffffffae;backdrop-filter:blur(8px);border-top:1px solid #fff;padding:0 15px;font-size:12px;z-index:1}.start{font-size:24px;color:#6d51cc}.taskapp{padding:3px 13px;background:#ffffff8a;height:34px;border-radius:7px}.taskapp .ico{width:29px!important;height:21px!important;margin-top:4px!important}.clock{margin-left:auto;color:#67637b}.desk-file{position:absolute;left:8%;top:12%;background:transparent;border:2px solid transparent;border-radius:10px;padding:16px 8px;display:flex;flex-direction:column;align-items:center;gap:13px;width:155px;user-select:none;touch-action:manipulation;color:var(--ink);font-size:17px}.desk-file.selected{background:#ffffff65;border-color:#5c4ea4}.desk-file:hover{background:#ffffff35}.ico{display:block;position:relative;width:83px;height:60px;flex-shrink:0;filter:drop-shadow(0 5px 2px #32214d25)}.ico.folder{background:#ffcb5c;border:2px solid #b8852f;border-radius:5px 7px 8px 8px;margin-top:8px;box-shadow:inset 0 6px #ffe297}.ico.folder:before{content:'';position:absolute;left:-2px;top:-12px;width:36px;height:14px;background:#ffe397;border:2px solid #b8852f;border-bottom:0;border-radius:7px 8px 0 0}.ico.folder:after{content:'';position:absolute;left:4px;right:-6px;top:12px;bottom:-2px;border:2px solid #c59332;border-radius:4px 5px 8px 8px;transform:skew(-7deg);background:#ffda79}.ico.picture,.ico.paper{background:white;border:2px solid #8b87a1;border-radius:5px;width:66px;height:80px;overflow:hidden}.ico.picture:before{content:'';position:absolute;inset:9px 6px 20px;background:#b4e4f9;border-radius:3px}.ico.picture:after{content:'';position:absolute;bottom:21px;left:7px;width:48px;height:36px;background:#78ac71;clip-path:polygon(0 100%,40% 10%,63% 55%,79% 30%,100% 100%)}.ico.picture i{position:absolute;left:15px;top:15px;width:12px;height:12px;border-radius:50%;background:#ffd36b;z-index:1}.ico.paper:after{content:'';position:absolute;left:10px;right:10px;top:18px;height:38px;background:repeating-linear-gradient(#aaa1c0 0 3px,transparent 3px 10px)}.oswindow{position:absolute;left:5%;top:6%;width:90%;height:81%;background:#fff;border:1.5px solid #686078;border-radius:12px;overflow:hidden;box-shadow:0 18px 40px #43306545;z-index:5;display:flex;flex-direction:column;animation:enter .18s}.wintitle{height:43px;background:#f2eef8;display:flex;align-items:center;justify-content:space-between;padding-left:15px;border-bottom:1px solid #ded9e7;flex-shrink:0}.wintitle>span{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:bold}.wintitle .ico{width:22px!important;height:17px!important;margin-top:5px!important;filter:none}.wintitle .ico:before,.taskapp .ico:before{width:12px;top:-6px;height:7px}.wintitle .ico:after,.taskapp .ico:after{top:5px}.close{height:100%;width:46px;border:0;background:none;font-size:25px;color:#736782}.close:hover{background:#f28589;color:white}.address{background:#fff;border-bottom:1px solid #e2dfea;padding:10px 15px;display:flex;gap:10px;color:#9389a3;font-size:13px;flex-shrink:0}.address span{background:#f5f3f7;border:1px solid #e2dfea;flex:1;border-radius:5px;padding:3px 12px;color:#736783}.filegrid{padding:30px;display:flex;gap:25px;flex:1;overflow:auto}.document{display:flex;flex-direction:column;gap:15px;align-items:center;background:none;border:1px solid transparent;border-radius:10px;padding:15px;max-width:180px;font-size:14px}.document:hover,.document.selected{background:#eee8fb;border-color:#a28acb}.winstatus{margin-top:auto;padding:8px 15px;background:#faf9fc;color:#9990a5;border-top:1px solid #eee;font-size:12px}.art-preview{text-align:center;background:#f4f9e9;flex:1;overflow:auto}.art-preview>span{font-size:95px;color:#df6b9d;line-height:1.2}.art-preview p{margin:5px;color:#73855d}.feedback{padding:14px 20px;margin-top:20px;background:var(--lime);border:var(--line);border-radius:13px;font-size:19px;font-weight:700}.context{position:absolute;background:#ffffffef;border:1px solid #ccc5d9;border-radius:10px;box-shadow:0 12px 25px #30263b40;width:210px;padding:7px;z-index:10}.context button{display:flex;justify-content:space-between;width:100%;border:0;background:none;padding:11px 12px;text-align:left;border-radius:5px;color:var(--ink);font-size:16px}.context button:hover,.context button:focus{background:#eee7fc}.context button span{color:#9b8eac}.context hr{border:0;border-top:1px solid #e6e0ee}.property{text-align:center;padding:20px;overflow:auto}.property .ico{margin:10px auto}.property p{color:#81748b}.rename{position:absolute;left:12%;top:17%;width:76%;padding:25px;background:white;border:var(--line);border-radius:15px;box-shadow:0 12px 35px #40355050;z-index:11}.rename label{font-size:20px;display:block;margin-bottom:20px}.rename input{width:100%;border:2px solid #9d83d6;padding:10px;border-radius:5px;color:var(--ink)}.rename>div{text-align:right;margin-top:16px}.rename button{padding:8px 16px;background:#eee8f7;border:1px solid #d2c6e7;border-radius:5px;margin-left:10px}.rename button[type=submit]{background:var(--purple);color:white}.browser{background:white;display:flex;flex-direction:column;border:var(--line);border-radius:22px;overflow:hidden;box-shadow:6px 6px 0 var(--ink)}.browserbar{display:flex;gap:30px;background:#eee7ff;padding:13px 17px;font-size:14px;flex-shrink:0}.browserbar>span:first-child{color:#b190d1;letter-spacing:4px}.webscroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:auto;scrollbar-color:#8b76b0 #f0ecf8}.webscroll::-webkit-scrollbar{width:15px}.webscroll::-webkit-scrollbar-thumb{background:#8b76b0;border-radius:10px;border:3px solid #f0ecf8}.webhero{position:relative;background:#d9edba;padding:35px;min-height:340px;overflow:hidden}.webhero h2{font-size:35px;position:relative;z-index:1}.mini{font-size:12px;background:#234939;color:#eff9e1;padding:6px 11px;border-radius:20px}.flower{position:absolute;right:18px;top:22px;font-size:190px;color:#f5fba4;line-height:1}.webhero p{position:relative}.journal{padding:35px;background:#f6f9ed;min-height:350px}.chapter{font-size:13px;color:#6e8860}.journal p{color:#65825e;font-size:18px}.yellow{background:#fff0b8}.leafrow{display:flex;gap:20px;margin:25px 0}.leafrow i{width:65px;height:95px;border-radius:0 70% 0 70%;background:#6aa374;transform:rotate(-25deg)}.leafrow i:nth-child(2){background:#a1be66;transform:rotate(20deg)}.leafrow i:nth-child(3){background:#4f8b68}.flowers{color:#ec9257;font-size:75px;letter-spacing:10px}.webend{background:#5a4190;color:white;text-align:center;min-height:330px;padding:30px}.webend>span{display:block;color:#dccbfa}.webend button{display:block;margin:auto;font-size:95px;color:#ffd96a;background:none;border:0;transition:transform .2s}.webend button:hover{transform:scale(1.15)}.webend button.collected{color:#d8fc83;transform:rotate(15deg)}.browserfoot{display:flex;justify-content:space-between;padding:8px 16px;background:#f2eef8;font-size:12px;flex-shrink:0}.draggable{top:36%;left:10%;touch-action:none;cursor:grab;z-index:3}.draggable.held{cursor:grabbing;background:#ffffff77;filter:drop-shadow(6px 10px 5px #40325745)}.targetfolder{left:auto;right:9%;top:32%;width:175px;min-height:160px;border:2px dashed #7361a770;background:#ffffff25}.targetfolder.over{background:#dbfa77aa;border:3px solid #66519c;transform:scale(1.07)}.targetfolder small{font-size:12px;color:#6f6580}.targetfolder.done{border:2px solid #58873d;background:#dcf9ac88}.finale{height:clamp(360px,56vh,740px);background:var(--purple);color:white;border:var(--line);border-radius:30px;padding:45px 55px;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;box-shadow:7px 7px 0 var(--ink)}.finale h2{font-size:clamp(32px,4vw,62px);line-height:1.2}.finale p{font-size:19px;color:#ded0ff}.bigstar{position:absolute;font-size:400px;color:#7754e7;left:30%;top:-100px;pointer-events:none}.finale>div:not(.bigstar){position:relative}.cta{background:var(--lime);color:var(--ink);padding:17px 30px;border:var(--line);border-radius:40px;display:inline-flex;gap:45px;font-size:24px;font-weight:800;box-shadow:4px 4px 0 var(--ink)}.skill-stack{display:flex;flex-direction:column;gap:14px;margin-right:40px;transform:rotate(7deg)}.skill-stack>span{font-size:32px;font-weight:900;background:#ffc8d8;border:var(--line);border-radius:15px;padding:13px 22px;color:var(--ink);box-shadow:4px 4px 0 var(--ink)}.skill-stack>span:nth-child(2n){background:#dbfa77;transform:rotate(-10deg)}.skill-stack small{font-size:17px;margin-left:20px}.pagebar{margin-top:24px;display:flex;align-items:center;justify-content:center;gap:20px}.pagebar button{border:var(--line);border-radius:30px;background:white;padding:11px 25px;font-weight:bold;color:var(--ink)}.pagebar button:last-child{background:var(--purple);color:white;box-shadow:3px 3px 0 var(--ink)}.pagebar button:disabled{opacity:.3;cursor:default}.pagebar #counter{font-size:13px;color:#8a7e9b}#dots{display:flex;gap:6px}#dots i{width:8px;height:8px;border-radius:50%;background:#d7cee3}#dots i.on{width:23px;background:var(--purple);border-radius:5px}.smallnote{text-align:center;color:#9f95a6;font-size:11px;margin-top:12px}#edge{position:fixed;left:0;top:35%;width:22px;height:120px;padding:0;border:1px solid #6441d933;border-left:0;border-radius:0 10px 10px 0;background:#6441d917;color:#6441d9;z-index:30;opacity:.35}#edge:hover,#edge:focus-visible{opacity:1}#drawer{position:fixed;inset:0 auto 0 0;width:270px;background:#30234e;color:#fff;z-index:40;transform:translateX(-102%);transition:transform .2s;box-shadow:15px 0 40px #1e153340;padding:30px 19px}#drawer.open{transform:translateX(0)}#drawer header{display:flex;justify-content:space-between;align-items:center;padding:5px 10px 25px}#drawer header button{color:white;background:none;border:0;font-size:28px}#drawer nav{display:flex;flex-direction:column;gap:9px}#drawer nav button{background:transparent;border:0;border-radius:13px;color:#ddceed;padding:17px 13px;font-size:17px;text-align:left}#drawer nav button[aria-current=true]{background:var(--lime);color:var(--ink);font-weight:bold}#drawer nav button span{font-size:12px;margin-right:15px;opacity:.65}@media(min-width:1700px){main{padding-top:35px}.heading{margin-bottom:30px}}@media(max-width:1000px){.brand small{display:none}.lesson-grid{grid-template-columns:230px minmax(0,1fr);gap:18px}.instruction{padding:18px}.instruction h2{font-size:25px}.instruction h2 span{padding:2px 5px;margin-left:5px}.instruction p,ol{font-size:17px}.tip{font-size:14px}.types-layout{grid-template-columns:1.2fr 1fr}.reveal{padding:24px}.reveal h2{font-size:28px}.skill-stack{margin-right:0}.skill-stack>span{font-size:23px}.finale{padding:35px}.desk-file{font-size:14px;width:125px}.targetfolder{right:5%;width:135px}.feedback{font-size:17px}}@media(max-width:700px){.topbar{padding:10px 18px;height:auto;gap:10px;flex-wrap:wrap}.brand{font-size:17px}.topbar>div:last-child{margin-left:auto;font-size:12px}.topbar button{padding:7px 11px}main{width:91%;padding-top:22px}.heading{align-items:flex-start}.reset{font-size:12px;padding:8px;white-space:nowrap}h1{font-size:29px}.kicker{font-size:11px}.explore,.types-layout{height:auto;grid-template-columns:1fr;gap:20px}.anatomy{width:100%;height:auto;max-height:none;max-width:400px}.reveal{min-height:230px;padding:25px}.reveal .question{font-size:42px}.reveal h2{font-size:27px}.reveal p{font-size:18px}.types{width:100%}.typehot span{font-size:12px;padding:7px 10px}.lesson-grid{display:flex;flex-direction:column;height:auto}.instruction{padding:20px}.instruction h2{font-size:26px;line-height:1.65}.instruction p{margin:0}.instruction .tip{margin-top:10px}.desktop,.browser{height:400px;flex-shrink:0}.instruction ol{margin:5px 0}.desk-file{left:5%;padding:12px 4px}.draggable{top:35%;left:5%}.targetfolder{left:auto;right:5%;top:32%}.filegrid{gap:4px;padding:14px}.document{padding:10px;font-size:12px}.webhero h2{font-size:29px}.webhero,.journal{padding:24px}.flower{font-size:140px}.finale{height:auto;padding:28px;display:block}.skill-stack{display:none}.finale p{font-size:16px}.finale h2{font-size:35px}.cta{font-size:22px;padding:14px 20px}.pagebar{gap:10px}.pagebar button{font-size:13px;padding:10px 15px}#dots{display:none}.feedback{font-size:16px;padding:12px}.clock{font-size:10px}.photo{box-shadow:4px 4px 0 var(--ink)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}