.world-home{--world-ink:#244b4d;--world-green:#327f57;--world-coral:#ef8568;--world-honey:#ffd46a;color:var(--world-ink);max-width:1350px;margin:0 auto;font-family:"PingFang SC","Microsoft YaHei",sans-serif}
.world-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:4px 8px 22px}.world-eyebrow{color:#628274;font-size:13px;font-weight:700;letter-spacing:.12em;margin:0 0 6px}.world-heading h1{font-size:clamp(27px,3vw,40px);font-weight:850;letter-spacing:.025em;line-height:1.3;margin:0}.world-subtitle{margin:9px 0 0;font-size:15px;color:#627e75}.world-pocket{flex-shrink:0;display:flex;gap:4px;align-items:center;border:1px solid #e8dcae;border-radius:23px;padding:5px 18px 5px 7px;background:#fff9df;color:#735b30;min-height:72px;box-shadow:0 4px 0 #eadfb5;cursor:pointer}.world-pocket .world-sticker{width:59px;height:59px}.world-pocket span{display:grid;text-align:left;line-height:1.3}.world-pocket b{font-size:24px}.world-pocket small{font-size:12px;margin-top:3px}
.world-canvas{position:relative;isolation:isolate;overflow:hidden;border:5px solid #fffdf0;border-radius:34px;background:#b8e8ed;box-shadow:0 14px 38px #3c765a12}.world-landscape{display:block;width:100%;height:auto}.world-map-label{position:absolute;top:20px;left:24px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;background:#ffffeee8;border:1px solid #fff9dc;color:#426e64;padding:8px 13px;border-radius:30px}.world-map-dot{width:8px;height:8px;border-radius:50%;background:#59a775;box-shadow:0 0 0 4px #59a77520}.world-zone{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;min-height:66px;padding:9px 13px 9px 9px;text-align:left;border:2px solid #fff7db;border-radius:18px;background:#fffdf1;color:var(--world-ink);box-shadow:0 5px 0 #b1a16c70,0 8px 20px #3a5d3820;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;white-space:nowrap}.world-zone:hover{transform:translateY(-3px);box-shadow:0 8px 0 #b1a16c50,0 14px 22px #3a5d3820}.world-zone:active{transform:translateY(2px)}.world-zone-library{left:9%;top:59%}.world-zone-radicals{left:40%;top:53%}.world-zone-stories{left:69%;top:42%}.world-zone span:nth-child(2){display:grid;gap:2px}.world-zone b{font-size:17px;font-weight:800;line-height:1.4}.world-zone small{font-size:11px;color:#6d8071;font-weight:500;line-height:1.5}.world-zone-symbol{display:grid;place-items:center;width:41px;height:44px;border-radius:12px;background:#ffe3c6;color:#b96644;font:700 27px/1 "KaiTi","STKaiti","Kaiti SC",serif;flex-shrink:0}.world-zone-radicals .world-zone-symbol{background:#d8ecd0;color:#4b8054}.world-zone-stories .world-zone-symbol{background:#e9def7;color:#8b6fa8}.world-zone-arrow{color:#9da884;font-size:24px;margin-left:5px}.world-guide{position:absolute;bottom:2%;left:32%;display:flex;align-items:center;gap:0;width:50%;pointer-events:none}.world-guide .companion-art{width:clamp(80px,12vw,158px);height:auto;flex-shrink:0;filter:drop-shadow(0 4px 3px #55714418)}.world-guide-bubble{display:grid;gap:4px;margin-top:-10px;position:relative;padding:13px 19px;background:#fffff1f0;border:2px solid #fff;border-radius:19px 19px 19px 4px;box-shadow:0 5px 18px #436d3d0d}.world-guide-bubble b{font-size:17px}.world-guide-bubble span{font-size:12px;color:#617669;line-height:1.5}.world-guide-bubble:before{content:"";position:absolute;left:-10px;bottom:10px;border-width:7px 10px 7px 0;border-style:solid;border-color:transparent #fffff1f0 transparent transparent}
.world-journey{display:flex;align-items:center;gap:28px;margin:22px 4px 0;padding:23px 26px;background:#fffdf3;border:1px solid #e5e8d3;border-radius:24px;box-shadow:0 6px 20px #52704506}.world-journey-copy{flex:1;min-width:0}.world-chapter-label{font-size:11px;letter-spacing:.09em;color:#659174;font-weight:800}.world-journey h2{font-size:21px;line-height:1.4;margin:4px 0 5px}.world-journey p{font-size:13px;line-height:1.6;color:#718276;margin:0}.world-progress{width:175px;flex-shrink:0}.world-progress>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:12px;color:#6a8170}.world-progress b{font-size:20px;color:#3c7856}.world-progress b small{font-size:12px;font-weight:500;color:#83917b}.world-progress-track{height:9px;margin-top:8px;border-radius:20px;background:#e9eedc;overflow:hidden}.world-progress-track span{display:block;height:100%;background:#79b378;border-radius:20px;min-width:0;transition:width .35s}.world-progress>small{display:block;color:#83917b;font-size:11px;margin-top:6px}.world-start{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:25px;min-height:62px;min-width:202px;border:0;border-radius:18px;padding:13px 21px;background:#327f57;color:#fffdf0;font-size:17px;font-weight:800;box-shadow:0 5px 0 #246342;cursor:pointer;transition:background .2s,transform .2s}.world-start:hover{background:#398b60;transform:translateY(-2px)}.world-start:active{transform:translateY(3px);box-shadow:0 2px 0 #246342}.world-start span:last-child{display:grid;place-items:center;width:29px;height:29px;background:#ffffff1c;border-radius:50%;font-size:22px}.world-footnote{font-size:12px;color:#819184;text-align:center;margin:17px 12px 0}.world-sticker{display:block;max-width:100%;height:auto}.companion-art{display:block;max-width:100%;height:auto}.companion-body{transform-origin:100px 215px}.companion-idle .companion-body{animation:companion-breathe 5s ease-in-out infinite}.companion-cheer .companion-body{animation:companion-celebrate .55s ease-in-out 3}.world-clouds{animation:world-cloud-drift 12s ease-in-out infinite alternate}.world-butterfly{animation:world-butterfly-float 5s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}.world-home button:focus-visible{outline:4px solid #276c82;outline-offset:5px}
@keyframes companion-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.015,.988)}}@keyframes companion-celebrate{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(3deg)}}@keyframes world-cloud-drift{to{transform:translateX(10px)}}@keyframes world-butterfly-float{to{translate:4px -9px}}
@media(max-width:1100px){.world-zone{gap:6px;padding:8px;min-height:62px}.world-zone b{font-size:15px}.world-zone small{font-size:10px}.world-zone-symbol{width:34px;height:39px;font-size:24px}.world-zone-arrow{display:none}.world-zone-library{left:8%}.world-zone-radicals{left:39%}.world-zone-stories{left:69%}.world-guide{left:31%;width:60%}.world-guide-bubble{padding:10px 13px}.world-guide-bubble b{font-size:15px}.world-guide-bubble span{font-size:11px}.world-journey{gap:18px;padding:19px}.world-progress{width:145px}.world-start{min-width:175px;gap:16px;font-size:15px}.world-journey h2{font-size:18px}.world-journey p{font-size:12px}}
@media(max-width:760px){.world-heading{padding:2px 3px 18px;gap:10px}.world-heading h1{font-size:27px}.world-subtitle{font-size:12px;max-width:280px}.world-eyebrow{font-size:11px}.world-pocket{min-height:60px;padding:4px 11px 4px 3px;border-radius:18px}.world-pocket .world-sticker{width:45px;height:45px}.world-pocket b{font-size:19px}.world-pocket small{font-size:10px}.world-canvas{border-width:3px;border-radius:27px}.world-map-label{left:14px;top:14px;font-size:10px;padding:5px 9px}.world-zone{min-height:54px;gap:5px;border-radius:14px;padding:6px}.world-zone b{font-size:13px}.world-zone small{display:none}.world-zone-symbol{width:29px;height:34px;font-size:22px;border-radius:9px}.world-zone-library{left:8%;top:61%}.world-zone-radicals{left:41%;top:55%}.world-zone-stories{left:72%;top:42%}.world-guide{left:28%;bottom:0;width:68%}.world-guide .companion-art{width:90px}.world-guide-bubble{padding:8px 11px;margin-top:4px;gap:2px}.world-guide-bubble b{font-size:13px}.world-guide-bubble span{font-size:10px}.world-journey{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;margin-top:16px;padding:19px}.world-progress{width:145px}.world-start{grid-column:1/-1;width:100%;min-height:59px;justify-content:space-between;padding:12px 20px}.world-footnote{font-size:10px}}
@media(max-width:480px){.world-heading h1{font-size:23px}.world-heading{align-items:flex-start}.world-subtitle{font-size:11px;max-width:230px}.world-pocket{padding:4px 8px;min-height:52px;gap:0}.world-pocket .world-sticker{width:33px;height:33px}.world-pocket small{font-size:9px}.world-pocket b{font-size:17px}.world-canvas{overflow:hidden}.world-landscape{width:130%;max-width:none;margin-left:-15%;margin-bottom:3px}.world-map-label{top:10px;font-size:9px}.world-destinations{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:7px 10px 13px;background:#b8e8ed}.world-zone{position:static;white-space:normal;display:grid;justify-items:center;text-align:center;gap:4px;padding:8px 3px;min-height:79px;border-width:1px}.world-zone b{font-size:12px}.world-zone-symbol{width:28px;height:29px;font-size:21px}.world-zone small{display:none}.world-guide{bottom:99px;left:24%;width:76%}.world-guide .companion-art{width:77px}.world-guide-bubble{padding:7px 9px;max-width:180px}.world-guide-bubble b{font-size:11px}.world-guide-bubble span{font-size:9px}.world-journey{padding:16px;gap:13px}.world-journey h2{font-size:16px}.world-journey p{font-size:10px}.world-progress{width:113px}.world-progress>div:first-child{font-size:10px}.world-progress b{font-size:18px}.world-progress b small{font-size:10px}.world-progress>small{font-size:9px}.world-footnote{font-size:9px}}
.still .world-clouds,.still .world-butterfly,.still .companion-body{animation:none}.still .world-zone,.still .world-start,.still .world-progress-track span{transition:none}.soft .world-canvas{filter:saturate(.84)}
@media(prefers-reduced-motion:reduce){.world-clouds,.world-butterfly,.companion-body{animation:none}.world-zone,.world-start,.world-progress-track span{transition:none}}
