#root{display:flex;flex-direction:column;margin:0;background:url(../img/bg.png) no-repeat center}.app-head{width:100%;height:86px;background:url(../img/head-bg.png) no-repeat center;position:relative}.app-head:before{content:attr(data-title-txt);position:absolute;display:block;width:520px;text-align:justify;text-align-last:justify;text-justify:distribute-all-lines;top:50%;left:50%;transform:translate(-50%,-70%);font-size:40px;font-weight:600;text-shadow:0px 3px 20px rgba(255,255,255,.8);color:#fff}.app-body{display:flex;width:1782px;height:968px;margin:0 auto;background:url(../img/body-border.png) no-repeat center;background-size:100% 100%;transform:scale(.87) translateY(-65px)}.area{width:494px;padding-top:28px;padding-left:24px;box-sizing:border-box}.map{flex:1;overflow:hidden}.detail{width:494px;padding-top:28px;padding-right:24px;box-sizing:border-box}.industrial-system{padding-top:28px;padding-left:24px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:rgba(255,255,255,.87);background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}ul,li{margin:0;padding:0}li{list-style:none}.flex-center-center{display:flex;justify-content:center;align-items:center}.flex-column{display:flex;flex-direction:column}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}