.flat-app{background:#eef3ed;color:#20463e}.flat-app #app{min-height:520px}.flat-app .topbar{z-index:4}.view-switch{position:absolute;z-index:30;top:29px;left:50%;transform:translateX(-50%);display:flex;gap:4px;padding:5px;background:#fff;border:1px solid #dce6dd;border-radius:12px;box-shadow:0 4px 20px #153e3c09}.view-switch button{padding:11px 17px;background:transparent;border-radius:7px;color:#647c72;font-size:14px;white-space:nowrap}.view-switch button>span{font-size:12px;margin-right:7px;font-weight:700;letter-spacing:.5px}.view-switch button.active{background:#245449;color:#fff}.view-switch button:hover:not(.active){background:#edf3ea}.flat-sidebar{position:absolute;left:38px;top:132px;width:242px;bottom:100px}.flat-sidebar .eyebrow{font-size:11px;color:#748c80;opacity:1}.flat-sidebar h1{font-size:33px;letter-spacing:2px;font-family:"STSong","SimSun",serif;font-weight:400;margin:18px 0 0}.flat-sidebar h1>span{display:block;font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-weight:400;font-size:14px;letter-spacing:.3px;margin-top:14px;color:#6b8278;line-height:1.8}.map-location{font-size:12px;color:#778b80;margin-top:16px}.map-location span{padding:0 8px;color:#a9b9af}.flat-places{margin-top:43px}.flat-places .section-caption{font-size:14px}.flat-places .section-caption>span{font-size:10px}.flat-places .place{padding:16px 0}.flat-places .place>span:nth-child(2){font-size:16px}.flat-places .place small{font-size:12px;color:#6c8378;opacity:1}.flat-places .place.active{background:#dfeae0;color:#285b4b;border-radius:6px;padding-left:8px}.flat-tip{margin-top:30px;border-left:2px solid #bdcbb4;padding-left:15px}.flat-tip b{font-size:13px;font-weight:500}.flat-tip p{font-size:12px;line-height:1.9;color:#7a8f83;margin:8px 0}.flat-tip button{padding:8px 0;background:transparent;font-size:13px;font-weight:600}.flat-tip button>span{padding-left:15px}.flat-workspace{position:absolute;left:308px;right:93px;top:112px;bottom:101px;border:1px solid #d3dfcf;border-radius:17px;overflow:hidden;background:#e7efdf;box-shadow:0 18px 60px #354d3208}#flatMap{width:100%;height:100%;display:block;touch-action:none;cursor:grab}#flatMap.dragging{cursor:grabbing}#flatMap:focus-visible{outline:3px solid #58816a;outline-offset:-4px}.map-north{position:absolute;right:20px;top:20px;display:flex;flex-direction:column;align-items:center;color:#426d58;pointer-events:none}.map-north span{font:12px Georgia,serif}.map-north b{font-size:29px;font-weight:400;line-height:30px}.map-north small{font-size:10px}.map-watermark{position:absolute;bottom:19px;right:22px;color:#72906480;font-size:9px;line-height:1.6;letter-spacing:2px;pointer-events:none}.map-watermark strong{font-weight:400;font-size:7px;letter-spacing:1px}.flat-tools{position:absolute;right:29px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:13px}.flat-tools .tool-group{background:#ffffffd9;border-color:#e0e8dc}.flat-tools output{font-size:12px;color:#779080}.flat-footer{position:absolute;left:38px;right:34px;bottom:30px;display:flex;align-items:center;gap:26px}.map-legend{display:flex;flex-wrap:wrap;gap:15px;font-size:12px;flex-shrink:0}.map-legend span{display:flex;align-items:center;gap:6px}.map-legend i{width:9px;height:9px;border-radius:2px;border:1px solid #0002}.map-legend .academic{background:#b8cdd8}.map-legend .dorm{background:#e1c69e}.map-legend .dining{background:#d6aba4}.map-legend .park{background:#adc69a}.map-legend .water{background:#97c8cf}.flat-help{font-size:12px;color:#7a9084;margin-left:auto;white-space:nowrap}.flat-help kbd{font:11px inherit;background:#fff9;border:1px solid #cbd8c8;padding:3px 5px;border-radius:4px}.flat-help span{margin:0 8px}.flat-note{font-size:10px;color:#92a095;white-space:nowrap}.flat-detail{top:auto;bottom:119px;right:110px;z-index:6;width:285px;background:#fffef9f5;padding:23px}.flat-detail h2{font-size:25px}.flat-detail p{font-size:14px}.flat-detail .eyebrow{font-size:11px;line-height:1.8;letter-spacing:1px}.flat-detail .btn{font-size:14px}.map-tooltip{position:fixed;z-index:9;padding:8px 12px;pointer-events:none;background:#254f44;color:#fff;border-radius:6px;box-shadow:0 4px 20px #0002;font-size:13px}.flat-app .toast{z-index:45}.view-progress{position:absolute;z-index:25;top:104px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;background:#fffef3f2;padding:12px 16px;border:1px solid #d9e4d3;border-radius:10px;box-shadow:0 8px 24px #123c3510;font-size:13px}.view-progress button{background:transparent;color:#365d4b;font-size:12px;text-decoration:underline;padding:5px}.spinner{width:15px;height:15px;border:2px solid #cfddc5;border-top-color:#315f46;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#sceneFrame{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:10;background:#dce9e5}#sceneFrame[hidden]{display:none}.flat-app[data-view="3d"] .map-ui{visibility:hidden}.flat-app[data-view="3d"] .view-switch{background:#fcfff7e8}.flat-app[data-view="3d"] .map-tooltip{display:none}
@media(max-height:830px){.flat-sidebar{top:120px}.flat-sidebar h1{font-size:29px}.flat-places{margin-top:27px}.flat-places .place{padding:13px 0}.flat-tip{margin-top:23px}.flat-tip p{display:none}}@media(max-height:660px){.flat-sidebar h1>span,.map-location,.flat-tip{display:none}.flat-places{margin-top:24px}.flat-sidebar{top:113px}.flat-workspace{top:105px}.flat-places .place{padding:11px 0}}
@media(max-width:1180px){.flat-note{display:none}.view-switch{left:57%}.flat-sidebar{left:28px;width:220px}.flat-workspace{left:273px;right:82px}.flat-tools{right:23px}.flat-footer{left:28px}.flat-detail{right:98px}}
@media(max-width:800px){.brand small{display:none}.brand b{font-size:19px}.view-switch{left:55%}.view-switch button{padding:11px 12px;font-size:13px}.flat-sidebar{width:170px;left:22px}.flat-sidebar h1{font-size:27px}.flat-sidebar h1>span{font-size:12px}.flat-sidebar .eyebrow{font-size:9px}.flat-places .place>span:nth-child(2){font-size:14px}.flat-places .place{gap:7px}.flat-places .place small{font-size:10px}.flat-tip{padding-left:9px}.flat-tip b{font-size:11px}.flat-workspace{left:215px;right:74px}.flat-help{font-size:10px}.flat-detail{right:90px;bottom:115px;width:250px}.flat-footer{left:22px;right:22px}.map-legend{gap:10px;font-size:11px}}
@media(max-width:650px){.flat-app #app{min-height:460px}.flat-app .topbar{left:18px;right:18px;top:17px;align-items:center}.flat-app .brand b{font-size:17px}.flat-app .brand small{display:block;font-size:5px}.flat-app .topbar .btn{padding:10px 12px;font-size:12px}.view-switch{top:auto;bottom:19px;left:50%;width:min(340px,calc(100% - 32px));justify-content:center}.view-switch button{flex:1;font-size:14px;padding:12px 10px}.flat-sidebar{top:83px;left:20px;width:calc(100% - 40px);bottom:auto}.flat-sidebar .eyebrow,.flat-sidebar h1>span,.map-location,.flat-tip,.section-caption{display:none}.flat-sidebar h1{font-family:inherit;font-size:21px;letter-spacing:1px;margin:0}.flat-places{display:flex;gap:7px;margin-top:15px;overflow:auto;padding-bottom:5px}.flat-places .place{width:auto;flex-shrink:0;background:#fff9;border:1px solid #d4dfce;border-radius:7px;padding:9px 12px;gap:6px}.flat-places .place:last-child{border-bottom:1px solid #d4dfce}.flat-places .place>span:nth-child(2){font-size:12px;letter-spacing:0}.flat-places .place small,.flat-places .place-arrow{display:none}.flat-places .place-icon{font-size:17px;width:18px}.flat-workspace{left:14px;right:14px;top:180px;bottom:126px;border-radius:11px}.flat-tools{right:25px;top:auto;bottom:152px;transform:none;gap:6px;z-index:4}.flat-tools .tool-group{padding:3px}.flat-tools .tool-group button{width:31px;height:33px;font-size:21px}.flat-tools .tool-group button:last-child{font-size:12px}.flat-tools output{font-size:10px}.map-watermark{display:none}.map-north{right:15px;top:13px}.flat-footer{left:20px;right:20px;bottom:93px;justify-content:center;gap:0}.flat-help,.flat-note{display:none}.map-legend{font-size:11px;gap:18px}.flat-detail{left:21px;right:75px;bottom:140px;width:auto;padding:20px;max-width:300px}.flat-detail h2{font-size:23px;margin:12px 0}.flat-detail p{font-size:12px;line-height:1.8}.flat-detail .btn{padding:10px;font-size:13px}.view-progress{top:80px;bottom:auto;width:max-content;max-width:92%;font-size:12px}.flat-app .toast{bottom:90px}.flat-app[data-view="3d"] .view-switch{bottom:17px;box-shadow:0 2px 14px #173e3533}.flat-app[data-view="3d"] #sceneFrame{height:calc(100% - 76px)}}
.flat-places{scrollbar-width:none}.flat-places::-webkit-scrollbar{display:none}
@media(min-width:651px) and (max-width:950px){.flat-app[data-view="3d"] .view-switch{top:91px;left:59%}}
@media(prefers-reduced-motion:reduce){.spinner{animation:none}}