@import url('data:text/css,');
:root{font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#183e36;background:#f2f3e9;font-synthesis:none;--green:#15574c;--orange:#e99b43;--ink:#183e36}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;border:0;color:inherit}button:focus-visible{outline:3px solid #e9a03f;outline-offset:4px}button:disabled{cursor:default;opacity:.5}.app{max-width:1440px;margin:auto;padding:0 48px}header{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d5ddd0}.brand{display:flex;gap:13px;align-items:center;background:none;text-align:left;font-size:23px;font-weight:800;letter-spacing:2px}.brand-icon{display:grid;place-items:center;width:47px;height:50px;background:var(--green);color:#f1ce83;border-radius:13px;font-family:serif;font-size:30px}.brand small{display:block;font-size:10px;letter-spacing:2px;font-weight:500;margin-top:6px}nav{display:flex;align-items:center;gap:20px}.quiet{background:none;font-size:14px;padding:10px}.prototype{border:1px solid #c5d3c3;border-radius:99px;padding:6px 12px;font-size:12px}.eyebrow{font-size:12px;letter-spacing:3px;color:#5d8070;font-weight:700}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:370px;align-items:center;gap:30px}.hero h1{font-size:46px;line-height:1.35;letter-spacing:2px;margin:18px 0}.hero h1 em{font-style:normal;color:#cc7830}.hero p{color:#65756b;font-size:15px;line-height:1.9;max-width:470px}.primary,.secondary{padding:14px 26px;border-radius:10px;font-weight:700;transition:transform .15s}.primary{background:var(--green);color:#fff;box-shadow:0 4px 0 #0a3c32}.secondary{background:#e5eadb;border:1px solid #cad5c3}.primary:hover,.secondary:hover{transform:translateY(-2px)}.actions{display:flex;gap:12px;align-items:center;margin-top:23px}.scene{height:286px;position:relative;overflow:hidden;border-radius:140px 140px 26px 26px;background:#dee7d4;border:1px solid #d0dcc6;isolation:isolate}.scene:before,.scene:after{content:"";position:absolute;border-radius:50%;background:#b4cbb0;width:290px;height:200px;bottom:-70px;left:-60px;z-index:-1}.scene:after{left:auto;right:-70px;background:#a1bfa4;bottom:-40px}.sun{position:absolute;right:74px;top:35px;width:55px;height:55px;background:#ecc783;border-radius:50%}.post-sign{position:absolute;left:25px;top:47px;border:2px solid #799a75;border-radius:6px;padding:9px 13px;font-size:13px;letter-spacing:2px;background:#edf1e3;transform:rotate(-7deg)}.panda{position:absolute;width:142px;height:133px;background:#fbf8e9;border:4px solid #263e36;border-radius:50% 50% 43% 43%;left:calc(50% - 71px);top:52px;box-shadow:0 100px 0 24px #1d6250;transform:rotate(-5deg)}.ear{position:absolute;width:45px;height:48px;background:#263e36;border-radius:50%;top:-19px;z-index:-1}.ear.left{left:-9px}.ear.right{right:-9px}.eye{position:absolute;width:32px;height:42px;border-radius:55%;background:#263e36;top:40px;left:20px;transform:rotate(25deg)}.eye.right{left:auto;right:20px;transform:rotate(-25deg)}.eye:after{content:"";width:9px;height:11px;border-radius:50%;background:#fff;position:absolute;left:13px;top:12px}.nose{position:absolute;width:17px;height:12px;background:#263e36;border-radius:50%;left:59px;top:85px}.cap{position:absolute;background:#dd9a49;width:92px;height:30px;top:-3px;left:13px;border-radius:40px 35px 4px 4px;transform:rotate(-8deg);border:3px solid #263e36}.scene-belt{height:54px;background:repeating-linear-gradient(90deg,#476456 0 35px,#365447 36px 40px);border:6px solid #274637;border-radius:14px;position:absolute;bottom:13px;left:22px;right:22px}.scene .box{position:absolute;left:69%;top:153px;transform:rotate(8deg)}.box{background:#dda05e;border:2px solid #b87939;border-radius:6px;width:76px;height:65px;box-shadow:inset 0 9px #edb879,0 6px 0 #0002;position:relative;display:flex;align-items:center;justify-content:center}.box:before{content:"";position:absolute;top:0;bottom:0;width:17px;left:28px;background:#f6d7a1}.box .label{position:relative;background:#fff9e9;border-radius:4px;font-weight:800;font-size:21px;min-width:40px;min-height:32px;text-align:center;line-height:32px;color:#2d7953;padding:0 4px}.section-top{display:flex;justify-content:space-between;align-items:center;margin:25px 0 20px}.section-top h2{font-size:21px;margin:0}.section-top span{font-size:13px;color:#70816f}.chapters{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.chapter{padding:10px 18px;border-radius:8px;background:none;font-size:14px}.chapter.selected{background:#dce6d6;font-weight:bold;color:#195d4c}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-bottom:25px}.level{background:#fffdf4;border:1px solid #d7decb;border-radius:13px;padding:20px;text-align:left;position:relative;min-height:128px}.level:hover{border-color:#488372;box-shadow:0 4px 12px #233c3510}.level.current{border:2px solid #33775d;background:#f0f5e5}.level .num{color:#8d9f86;font-size:12px;letter-spacing:2px}.level h3{font-size:21px;margin:13px 0 8px}.level small{font-size:12px;color:#708069}.level .stars{position:absolute;right:15px;top:18px;color:#b88135;font-size:12px}.home-note{font-size:13px;color:#71816d}footer{display:flex;justify-content:space-between;color:#84917e;font-size:12px;padding:25px 0;border-top:1px solid #d7dfd0;margin-top:30px}.game-heading{display:flex;justify-content:space-between;align-items:center;margin:27px 0 20px}.game-heading h1{font-size:24px;margin:8px 0}.game-tools{display:flex;gap:8px}.stats{display:flex;gap:28px;background:#e3eadb;border:1px solid #cfdbc6;border-radius:12px;padding:14px 22px;align-items:center}.stat{font-size:12px;color:#6a806d}.stat strong{display:block;font-size:23px;color:var(--ink);font-variant-numeric:tabular-nums;margin-top:4px}.progress-track{height:6px;background:#cbd8bf;flex:1;border-radius:8px;overflow:hidden}.progress-track i{display:block;height:100%;background:#50806a;transition:width .15s}.rule-banner{background:#15574c;color:#fff8dd;border-radius:12px;padding:15px 22px;display:flex;align-items:center;gap:20px;margin:15px 0}.rule-banner b{font-size:12px;color:#ddbe7d;letter-spacing:2px;white-space:nowrap}.rule-banner span{font-size:17px;font-weight:700}.warehouse{border-radius:18px;border:1px solid #c9d5bf;background:#e7eddf;padding:25px 24px 18px;position:relative;overflow:hidden}.warehouse-top{display:flex;align-items:center;justify-content:space-between;color:#687e66;font-size:12px;letter-spacing:1px;margin-bottom:14px}.lane{position:relative;height:215px}.lane-name{position:absolute;top:0;left:0;font-size:12px;color:#687e66}.belt{position:absolute;top:60px;left:0;right:0;height:80px;background:repeating-linear-gradient(90deg,#607665 0 27px,#485e4e 28px 32px);border:6px solid #3e5848;border-radius:12px;box-shadow:0 8px #b5c5a8;overflow:visible}.belt:before,.belt:after{content:"";position:absolute;top:15px;width:25px;height:35px;background:#233f32;border-radius:50%;left:7px}.belt:after{left:auto;right:7px}.basket{position:absolute;width:18.4%;height:173px;top:27px;transform:translateX(-50%);border:2px dashed #738c70;border-radius:12px;z-index:1;background:#ffffff15;transition:background .1s,border .1s;pointer-events:none}.basket .basket-body{position:absolute;left:-3px;right:-3px;bottom:-4px;height:64px;border:3px solid #496d55;border-top:8px solid #496d55;border-radius:5px 5px 17px 17px;background:repeating-linear-gradient(90deg,transparent 0 16px,#acc19c 17px 20px),#d4e0c4;box-shadow:0 4px #0001;display:flex;justify-content:center;align-items:center}.basket .basket-body span{background:#f9f8e8;padding:4px 8px;border-radius:4px;font-size:13px;font-weight:bold;text-align:center;line-height:1.3}.basket .frame-tip{position:absolute;top:-21px;left:0;right:0;text-align:center;font-size:11px;color:#6e8669}.basket.active{background:#f4e6a040;border-color:#d18d32;box-shadow:0 0 0 2px #e7b24d50}.basket.active .basket-body{border-color:#b58135}.parcel{position:absolute;top:65px;z-index:3;transform:translateX(-50%);padding:0;touch-action:manipulation;transition:opacity .1s;user-select:none}.parcel .box{width:68px;height:61px}.parcel .label{font-size:19px;line-height:30px}.stamp{position:absolute;right:-10px;top:-14px;background:#fff0de;border:3px solid #ba493e;color:#ba493e;font-size:23px;font-weight:900;width:31px;height:31px;line-height:23px;transform:rotate(14deg);border-radius:5px}.parcel-caption{position:absolute;top:-23px;left:50%;transform:translateX(-50%);font-size:12px;white-space:nowrap;color:#345140;font-weight:bold;background:#f5f7eccc;padding:2px 6px;border-radius:4px}.parcel.done{opacity:0;pointer-events:none}.game-bottom{display:flex;justify-content:space-between;align-items:center;padding:17px 0 0;font-size:13px;color:#667b62}.spacekey{display:inline-block;padding:4px 13px;border:1px solid #b7c7aa;background:#f9faef;border-radius:6px;box-shadow:0 2px #c3ceb8;font-size:12px}.feedback{min-height:25px;font-weight:bold;color:#267954}.feedback.bad{color:#b25236}.game-help{display:flex;gap:20px;margin-top:16px;font-size:13px;color:#73816b}.game-help span{flex:1;padding:14px 15px;background:#f9f9ee;border:1px solid #e0e4d4;border-radius:10px}.game-help b{color:#8a783a;margin-right:7px}.overlay{position:absolute;inset:0;z-index:10;background:#edf1e5ed;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:15px;padding:25px}.overlay h2{font-size:30px;margin:0}.overlay p{line-height:1.9;margin:0;max-width:540px;color:#5b745f}.count{font-size:90px;font-weight:800;color:#28684e}.practice-badge{background:#f0cf8d;padding:5px 10px;border-radius:6px;font-size:12px}.two-lanes .lane{height:195px}.two-lanes .basket{height:158px}.two-lanes .lane+.lane{margin-top:14px}.two-lanes .lane.lit .lane-name{color:#c38027;font-weight:bold}.two-lanes .lane.lit .belt{border-color:#b48c49}dialog{border:1px solid #cbd8c1;border-radius:22px;padding:32px;max-width:680px;width:calc(100% - 32px);background:#fafaf0;color:var(--ink);box-shadow:0 20px 100px #123b3440}dialog::backdrop{background:#173f365e;backdrop-filter:blur(4px)}dialog h2{font-size:27px;margin:10px 0 18px}dialog p{line-height:1.8;color:#617363}.modal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.result-stars{font-size:42px;color:#d59b3a;letter-spacing:8px}.result-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.result-metrics div{background:#e8efdf;padding:16px;border-radius:10px;font-size:12px}.result-metrics strong{display:block;font-size:27px;margin-top:7px}.knowledge-card{border:1px solid #cfdbbf;border-radius:13px;padding:22px;background:#eff3e3;margin-top:20px}.knowledge-card p{margin-bottom:0}.collection{max-height:55vh;overflow:auto}.collection article{padding:15px 0;border-bottom:1px solid #d8e0cc}.collection h3{margin:0}.collection p{font-size:14px}.small-note{font-size:12px;color:#798574}.chapter-seal{font-size:18px;color:#9b732f;border:2px solid #c6a45f;border-radius:12px;padding:15px;margin-top:18px;background:#f6ecd0}.blue{color:#3975b6!important}.orange{color:#c27432!important}.purple{color:#8b65a7!important}.yellow{color:#af8a00!important}
@media(min-width:1450px){.hero{min-height:420px}.scene{height:310px}}@media(max-width:850px){.app{padding:0 20px}header{height:86px}.brand{font-size:19px}.brand small{font-size:8px}.prototype{display:none}nav{gap:3px}.hero{gap:18px;min-height:330px}.hero h1{font-size:33px}.scene{height:260px}.post-sign{left:12px;top:20px;font-size:10px}.level{padding:14px}.level h3{font-size:18px}.stats{gap:20px}.game-help{gap:8px}.game-help span{padding:10px}.rule-banner span{font-size:15px}.warehouse{padding:23px 15px 15px}}@media(max-width:580px){.app{padding:0 14px}.brand-icon{width:37px;height:41px;font-size:25px}.brand{font-size:17px;gap:8px;letter-spacing:0}.brand small{letter-spacing:.8px}nav .quiet{font-size:12px;padding:8px}.hero{display:block;padding-top:25px}.hero h1{font-size:34px;margin:12px 0}.hero p{font-size:14px}.scene{height:195px;margin-top:24px;border-radius:80px 80px 18px 18px}.scene .panda{top:27px;transform:scale(.8) rotate(-5deg)}.scene .box{top:80px}.sun{top:22px}.level-grid{grid-template-columns:repeat(2,1fr);gap:9px}.level:last-child{grid-column:1/-1;min-height:90px}.chapter{padding:8px 11px;font-size:12px}.chapters{gap:2px}.section-top span{font-size:11px}.game-heading{margin:22px 0 15px}.game-heading h1{font-size:19px}.game-tools .quiet{font-size:12px;padding:7px}.stats{gap:18px;padding:12px 14px}.stat strong{font-size:20px}.stat{font-size:11px}.rule-banner{padding:13px;gap:10px}.rule-banner b{font-size:10px;letter-spacing:0}.rule-banner span{font-size:13px;line-height:1.6}.warehouse{padding:24px 9px 16px}.basket .basket-body span{font-size:10px;padding:3px 2px}.basket .frame-tip{font-size:9px}.parcel .box{width:45px;height:49px}.parcel .label{font-size:15px;min-width:28px;min-height:26px;line-height:26px;padding:0 2px}.box:before{left:18px;width:12px}.parcel{top:71px}.parcel-caption{font-size:10px}.stamp{width:24px;height:24px;font-size:18px;line-height:18px;right:-6px;top:-8px}.game-bottom{align-items:flex-start;gap:8px;font-size:11px;line-height:1.6}.game-help{display:block}.game-help span{display:block;margin-bottom:6px;font-size:12px}.warehouse-top{font-size:10px}.result-metrics{gap:5px}.result-metrics div{padding:10px;font-size:10px}.result-metrics strong{font-size:22px}dialog{padding:23px}.overlay h2{font-size:25px}.overlay p{font-size:14px}footer{font-size:10px;gap:10px}.primary,.secondary{padding:12px 18px;font-size:14px}}