.gq-visual{margin:18px 0 14px;border:2px solid #b8a16b;border-radius:15px;overflow:hidden;background:#e2edca;box-shadow:0 4px 0 #a68b4c33}.gq-scene{position:relative;height:190px;isolation:isolate;overflow:hidden;background:#b5d3a4}.gq-habitat-art{position:absolute;inset:0}.gq-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1d432c22,transparent 65%);pointer-events:none;z-index:1}.gq-animal{position:absolute;width:165px;height:165px;right:20px;bottom:2px;z-index:3}.gq-animal .discovery-animal{position:relative;inset:auto;width:100%;height:100%;animation:none;transform:none;background-repeat:no-repeat}.gq-visual figcaption{position:relative;z-index:3;padding:10px 14px;font-size:15px;line-height:1.6;color:#30482e;background:linear-gradient(#fff1c5,#ead19a);font-weight:500;border-top:2px solid #b8a16b}.gq-items{display:flex;gap:11px;position:absolute;left:18px;bottom:17px;z-index:3}.gq-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:74px;max-width:92px;padding:9px 10px;background:#fff5d9ed;border:2px solid #bd9a58;border-radius:12px;box-shadow:0 4px #74552d77;font-size:13px;color:#375334}.gq-food{position:relative;display:block;width:44px;height:44px;filter:drop-shadow(0 3px 2px #35532933)}.gq-leaf,.gq-sprout:before,.gq-sprout:after{background:radial-gradient(ellipse at 30% 25%,#c2e994,#4c9d44 50%,#276333);border:1px solid #43763a;border-radius:2px 80% 3px 80%;transform:rotate(-25deg)}.gq-leaf:after{content:'';position:absolute;height:39px;width:2px;left:22px;top:2px;background:#d9eeb0;transform:rotate(35deg)}.gq-fruit{border-radius:46%;background:radial-gradient(circle at 30% 25%,#ffefb0,#f1a749 45%,#a55229);border:1px solid #a8712d}.gq-fruit:before{content:'';position:absolute;width:17px;height:10px;left:22px;top:-3px;background:#619b47;border-radius:0 90%}.gq-sprout:before,.gq-sprout:after{content:'';position:absolute;width:23px;height:18px;left:1px;top:10px}.gq-sprout:after{left:22px;top:3px;transform:rotate(60deg)}.gq-sprout i{position:absolute;height:29px;width:4px;background:#4e8536;left:22px;top:12px}.gq-nest{height:25px;margin-top:17px;border-radius:50%;background:repeating-radial-gradient(ellipse at center,#83562e 0 3px,#bb8f51 4px 6px);border:3px solid #76552e;box-shadow:inset 0 6px #4d3b2e66}.gq-drop{display:inline-block;width:27px;height:35px;border-radius:60% 60% 60% 5%;background:radial-gradient(circle at 35% 25%,#dcffff,#58c5d8 50%,#2876a6);transform:rotate(-40deg);border:1px solid #4089a0;vertical-align:middle}.gq-grass,.gq-seagrass{background:repeating-linear-gradient(80deg,transparent 0 5px,#60a255 6px 10px,transparent 11px 15px);border-radius:70% 30% 0 0;border-bottom:4px solid #639348}.gq-seagrass{background:repeating-linear-gradient(100deg,transparent 0 6px,#528e51 7px 12px,transparent 13px 17px);transform:rotate(7deg)}.gq-track-visual,.gq-recovery,.gq-threat{position:absolute;left:18px;bottom:18px;z-index:4;display:flex;align-items:center;gap:12px;padding:12px 17px;background:#fff5d9ef;border:2px solid #bca064;border-radius:13px;font-size:15px;color:#415832;box-shadow:0 4px #76552d77}.gq-track-visual svg{width:72px;height:67px;color:#745431}.gq-threat>span{display:grid;place-items:center;width:47px;height:47px;background:radial-gradient(circle at 35% 25%,#fff5bf,#e3b34b);border:3px solid #a9803e;border-radius:50%;font-size:27px;font-weight:800;color:#71542a}.gq-eggs{position:absolute;left:25px;bottom:20px;z-index:3;display:flex;gap:6px;padding:14px 18px 25px;border-radius:50%;background:radial-gradient(ellipse,#9a7c4c,#d7b980);box-shadow:inset 0 5px 7px #6e583c66}.gq-eggs i{width:23px;height:28px;border-radius:50%;background:radial-gradient(circle at 30% 25%,white,#e9dfc1 70%,#c0ad8e);box-shadow:0 3px 3px #79613955}.gq-eggs b{position:absolute;bottom:1px;left:0;right:0;text-align:center;font-size:12px;color:#493c26}.gq-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.gq-simulation{grid-column:1/-1;font-size:12px;color:#596b46;margin:0}.gq-compare>div{background:#eaf0d8;border:2px solid #a6b78c;border-radius:13px;padding:14px;min-width:0}.gq-compare b{display:block;font-size:16px;line-height:1.6}.gq-compare small{display:block;font-size:13px;margin-top:9px;line-height:1.5}.gq-cell-row{display:flex;gap:2px;margin:12px 0;position:relative;align-items:center;isolation:isolate}.gq-cell-row.connected:before{content:'';position:absolute;top:20px;left:0;right:0;height:9px;background:#699955;z-index:-1}.gq-forest-cell{width:43px;height:43px;border:2px solid #6b8c50;border-radius:5px;overflow:hidden}.gq-forest-cell .reference-art{width:100%;height:100%;display:block}.gq-cell-row.separate{gap:30px}.gq-route-demo{display:flex;align-items:center;justify-content:space-between;margin:15px 0;height:53px;padding:5px;background:#b6d59d;border-radius:10px}.gq-route-demo i{width:20px;height:34px;border-radius:50% 50% 15% 15%;background:radial-gradient(#9fc777,#356440)}.gq-route-demo>span{display:flex;align-items:center;gap:12px;color:#36452c;background:#efe0ad;border:2px solid #9b8753;border-radius:6px;padding:4px 11px;font-size:13px}.gq-route-demo.road{background:repeating-linear-gradient(90deg,#68736a 0 20px,#e3d79b 21px 30px);border:7px solid #a9c58f}.gq-route-demo.blocked>span{background:repeating-linear-gradient(90deg,#bc9562 0 8px,#e0c999 9px 18px);border-color:#98743f}.gq-beach-demo{height:70px;border-radius:10px;margin:10px 0;background:linear-gradient(165deg,#7eced6 0 39%,#e6f4e4 40% 46%,#efda9b 48%);position:relative}.gq-beach-demo i{position:absolute;width:17px;height:23px;background:linear-gradient(110deg,#fff9,#b9c2c7cc);border:1px solid #8d999a;border-radius:3px;left:23%;top:29px;transform:rotate(-20deg)}.gq-beach-demo i:nth-child(2){left:51%;transform:rotate(30deg)}.gq-beach-demo i:nth-child(3){left:75%;top:39px}.gq-beach-demo>span{position:absolute;right:9px;top:0;color:#a67424;font-size:27px}
.gq-preview-home{padding:24px;max-width:1150px;margin:auto}.gq-preview-intro{background:#fff1ca;border:3px solid #d2b775;border-radius:19px;padding:24px;color:#334a32;margin-bottom:24px}.gq-preview-intro p{font-size:16px;line-height:1.8}.gq-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:30px}.gq-preview-card{display:flex;flex-direction:column;gap:9px;align-items:center;padding:20px 15px;min-width:0;text-align:center;background:linear-gradient(#fff7db,#efd498);border:3px solid #d5b16a;border-radius:20px;box-shadow:inset 0 2px white,0 5px #876337;color:#304d31}.gq-preview-picture{width:145px;height:145px;display:block}.gq-preview-picture .discovery-animal,.gq-finish-art .discovery-animal{position:relative;inset:auto;width:100%;height:100%;animation:none;transform:none}.gq-preview-card strong{font-size:18px;line-height:1.6}.gq-preview-card>span:not(.gq-preview-picture),.gq-preview-card small{font-size:13px}.gq-preview-card>b{background:linear-gradient(#8cbe62,#407e41);color:white;padding:8px 15px;border-radius:10px;font-size:14px;margin-top:8px}.gq-preview-finish{max-width:850px;margin:30px auto;background:#fff2cf;border:4px solid #c8aa65;border-radius:24px;padding:30px;text-align:center;color:#2d4b32}.gq-finish-art{width:180px;height:180px;margin:auto}.gq-preview-finish p{font-size:18px;line-height:1.8}.gq-preview-finish button{margin:8px}.gq-teacher-record{margin-top:18px;padding:18px;border:1px solid #c2cfa9;border-radius:14px}.tg-guided #tg-viewport[data-animal="4"] .tg-ground{background:linear-gradient(#e8d49a,#bfa672);border-color:#f5e8bc}.tg-guided #tg-viewport[data-animal="4"] .tg-backdrop{background-position:45% 0!important}.tg-guided #tg-viewport[data-animal="2"] .tg-ground{background:linear-gradient(#92ac6b,#79744d)}
@media(max-width:750px){.gq-scene{height:175px}.gq-animal{width:140px;height:140px;right:3px}.gq-items{gap:5px;left:8px}.gq-item{min-width:54px;padding:7px 5px;font-size:11px}.gq-food{width:33px;height:33px}.gq-track-visual,.gq-recovery,.gq-threat{left:9px;font-size:12px;padding:9px;gap:8px;max-width:58%}.gq-visual figcaption{font-size:13px}.gq-compare{grid-template-columns:1fr}.gq-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.gq-preview-home{padding:12px}.gq-preview-picture{width:115px;height:115px}.gq-preview-card{padding:14px 9px}.gq-preview-card strong{font-size:15px}}
@media(max-width:390px){.gq-preview-grid{grid-template-columns:1fr}.gq-item{min-width:48px}.gq-animal{width:120px;height:120px}}
.gq-scene-2 .gq-animal .discovery-animal,.gq-preview-card[data-preview-animal="2"] .discovery-animal,.gq-finish-art[data-animal="2"] .discovery-animal,#tg-viewport[data-animal="2"] #tg-object-tiger .discovery-animal{clip-path:inset(1% 8% 1% 8%)}
.text-large .tg-guided #tg-reading-text,.text-large .tg-lesson h4{font-size:24px}.text-large .tg-lesson-answer{font-size:22px;line-height:1.8}.text-large .gq-visual figcaption{font-size:18px}