:root{color-scheme:light;font-family:"STKaiti","KaiTi","PingFang SC",sans-serif;background:#fbf7ed;color:#27372d}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}main{max-width:1800px;margin:auto}.map-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#93a78b #eee8d9}.learning-map{position:relative;width:100%;isolation:isolate}.map-art{display:block;width:100%;height:auto;user-select:none}.map-destinations{position:absolute;inset:0}.destination{position:absolute;display:block;border:3px solid transparent;border-radius:30%;padding:0;background:transparent;text-decoration:none;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s}.chinese{left:5%;top:19%;width:39%;height:32%;--glow:186,100,54}.math{left:60%;top:16%;width:37%;height:35%;--glow:204,154,58}.english{left:7%;top:58%;width:39%;height:37%;--glow:65,123,164}.science{left:62%;top:55%;width:36%;height:41%;--glow:60,127,128}.destination:hover{background:rgba(var(--glow),.09);border-color:rgba(255,253,231,.8);box-shadow:0 0 26px 5px rgba(255,251,200,.3)}.destination:focus-visible{outline:4px solid #fff9cf;outline-offset:-4px;border-color:#224e61;background:rgba(var(--glow),.13);box-shadow:0 0 0 3px #224e61}.map-scroll:focus-visible{outline:3px solid #2f6b5f;outline-offset:-3px}.mobile-hint,.mobile-subjects{display:none}dialog{width:min(440px,calc(100% - 36px));border:1px solid #c9bea4;border-radius:20px;padding:40px 30px 30px;background:#fffaf0;color:#27372d;box-shadow:0 18px 70px #15221f40}dialog::backdrop{background:#152d3280;backdrop-filter:blur(4px)}.close-dialog{position:absolute;right:12px;top:10px;background:none;border:0;font-size:30px;color:#627465;min-width:44px;min-height:44px}.dialog-kicker{color:#6c806c;font-size:14px;margin:0 0 12px}dialog h2{font-size:27px;margin:0 0 16px}dialog p{line-height:1.8}.return-button{display:block;width:100%;padding:13px 20px;border:0;border-radius:12px;background:#34695d;color:#fff;margin-top:26px;font-size:17px}button:focus-visible,.mobile-subjects a:focus-visible{outline:3px solid #235c79;outline-offset:4px}@media(max-width:760px){.learning-map{min-width:760px}.mobile-hint{display:block;text-align:center;font-size:13px;color:#5c7666;line-height:1.6;margin:0;padding:12px 14px;background:#fbf7ed}.mobile-subjects{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:16px 12px}.mobile-subjects a,.mobile-subjects button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:62px;border:1px solid #c4cbb8;border-radius:12px;color:#355d51;background:#fffaf0;text-decoration:none;font-size:18px;gap:5px}.mobile-subjects span{font-size:10px;color:#7b8274}.destination{border-width:2px}.map-scroll{scrollbar-width:thin}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
dialog{max-height:calc(100vh - 32px);overflow:auto}@supports(height:100dvh){dialog{max-height:calc(100dvh - 32px)}}

.portal-open{position:absolute;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:2px solid #fff6db;border-radius:999px;background:#496e80;color:#fff8e8;box-shadow:0 2px 3px #25383d55;font-size:clamp(11px,1.2vw,18px);font-weight:600;white-space:nowrap}.english .portal-open{left:34.7%;top:47.5%;width:27.3%;height:12.8%}.science .portal-open{left:23.7%;top:50.2%;width:27.5%;height:11.6%}