*{box-sizing:border-box;margin:0;padding:0}html,body,#study_app{background:#eeedd5;width:100%;height:100%;font-family:Microsoft YaHei,PingFang SC,sans-serif;overflow:hidden}.screen_container{background:radial-gradient(1100px 210px at 12% 114%,#a7ccb1 0%,#a7ccb100 72%),radial-gradient(1700px 270px at 78% 118%,#56a86f 0%,#56a86f00 70%),#eeedd5;width:1920px;height:1080px;position:relative;overflow:hidden}.page_actions{z-index:120;align-items:center;gap:10px;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%)}.pa_btn{color:#366050;cursor:pointer;background:#ffffffeb;border:1.5px solid #36605047;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s,color .15s,border-color .15s;display:flex;box-shadow:0 2px 8px #233c3226}.pa_btn:hover{color:#fff;background:#56a86f;border-color:#56a86f}.pa_btn_close:hover{background:#c53532;border-color:#c53532}.pa_icon{width:20px;height:20px}.pa_icon_on{color:#17b4a0}.pa_icon_tech{color:#09f}#map,.ol-viewport{background:0 0;width:100%;height:100%}#map.map_tech{background:radial-gradient(1200px 760px at 50% 42%,#1446788c 0%,#0a1e3c59 42%,#040a1800 78%),radial-gradient(900px 520px at 72% 82%,#108caa33 0%,#040a1800 70%),linear-gradient(#071226 0%,#040a18 55%,#060d1f 100%)}#map.map_tech .city_img img{filter:drop-shadow(0 4px 10px #00c8ff73)}#map.map_tech .spot{box-shadow:0 0 6px var(--c), 0 2px 6px #00000080}#map.map_tech .spot:hover,#map.map_tech .spot.is_hl{box-shadow:0 0 12px var(--c), 0 4px 14px #0000008c}.brand_logo_wrap{z-index:100;pointer-events:none;filter:drop-shadow(0 5px 10px #23463c29);height:118px;display:inline-block;position:absolute;top:30px;left:36px}.brand_logo{opacity:.96;width:auto;height:118px;display:block}.brand_logo_canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.route_box{background:#fff;border:3px solid #fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 14px #233c502e}.panel_left-enter-active,.panel_left-leave-active,.panel_right-enter-active,.panel_right-leave-active{transition:transform .3s,opacity .3s}.panel_left-enter-from,.panel_left-leave-to{opacity:0;transform:translate(-46px)}.panel_right-enter-from,.panel_right-leave-to{opacity:0;transform:translate(46px)}.route_box_left{z-index:100;width:306px;position:absolute;bottom:24px;left:36px}.route_boxes_wrapper{z-index:100;pointer-events:none;position:absolute;inset:0}.route_box_item{pointer-events:auto;width:306px;position:absolute;right:24px}.rb_head{justify-content:center;align-items:center;gap:9px;height:44px;padding:0 14px;display:flex}.rb_dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.rb_name{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:16px;font-weight:600;overflow:hidden}.rb_points{flex-direction:column;padding:0;display:flex}.rb_point{cursor:pointer;align-items:center;gap:9px;height:31.84px;padding:0 14px;transition:background .15s;display:flex}.rb_point:hover,.rb_point.is_hl{background:#fff}.rb_point:hover .rb_no,.rb_point.is_hl .rb_no{background:var(--rc);color:#fff!important}.rb_no{background:#fff;border:1.4px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-style:normal;font-weight:700;transition:background .15s,color .15s;display:flex}.rb_pname{min-width:0;color:var(--rc);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;overflow:hidden}.city_img{pointer-events:none;justify-content:center;align-items:center;width:84px;height:63px;display:flex}.city_img img{object-fit:contain;filter:drop-shadow(0 3px 5px #233c5040);max-width:100%;max-height:100%}:is(.ol-overlay-container:has(.spot:hover),.ol-overlay-container:has(.spot.is_hl)){z-index:100}.spot{border:2px solid var(--c);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:transform .15s;display:flex;position:relative;box-shadow:0 1px 4px #233c5038}.spot.is_draggable{cursor:grab}.spot span{text-align:center;width:100%;height:100%;color:var(--c);font-size:11px;font-weight:700;line-height:18px}.spot:hover,.spot.is_hl{z-index:30;background:var(--c);transform:scale(1.28);box-shadow:0 2px 8px #233c5052}.spot:hover span,.spot.is_hl span{color:#fff}.spot.is_drag{cursor:grabbing;z-index:40;transform:scale(1.15)}.spot.is_drag .spot_tip{display:none}.spot_tip{color:#34495a;white-space:nowrap;opacity:0;pointer-events:none;z-index:10;background:#fff;border:1px solid #e1e9ef;border-radius:6px;padding:5px 10px;font-size:12px;transition:opacity .15s;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);box-shadow:0 4px 14px #233c5021}.spot:hover .spot_tip,.spot.is_hl .spot_tip{opacity:1}.spot_dialog{border-radius:12px;padding:0;overflow:hidden;box-shadow:0 16px 48px #233c5038}.spot_dialog .el-dialog__header{border-bottom:1px solid #ecf1f5;margin:0;padding:16px 18px}.spot_dialog .el-dialog__headerbtn{background:0 0;border-radius:6px;width:28px;height:28px;top:14px;right:14px}.spot_dialog .el-dialog__headerbtn:hover{background:#f4f7f9}.spot_dialog .el-dialog__body{padding:0 20px}.sd_head{align-items:center;gap:11px;padding-right:30px;display:flex}.sd_num{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:700;display:flex}.sd_titles{flex:1;min-width:0}.sd_name{color:#2c4454;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.sd_img{background:#fff;border:1px solid #eef2f5;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:350px;margin:18px auto 0;display:block}.sd_desc{color:#50636f;text-align:justify;text-indent:2em;padding:16px 0 22px;font-size:13.5px;line-height:1.9}.el-overlay{background:#1e2d3a66}