.introduction-view[data-v-38eff74d]{width:100%;background-color:#000;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;height:calc(100vh - 3.646rem);background-image:radial-gradient(#292a2d 1px,transparent 1px);background-size:1.042rem 1.042rem}.introduction-view .header[data-v-38eff74d]{margin-bottom:3.125rem}.introduction-view .header .logo[data-v-38eff74d]{font-size:1.25rem;font-weight:700;letter-spacing:1px}.introduction-view .content[data-v-38eff74d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:4.167rem;padding:0 6.667rem}.introduction-view .content .left-col[data-v-38eff74d]{display:flex;gap:3.125rem}.introduction-view .content .left-col .city-item[data-v-38eff74d]{display:flex;flex-direction:column;align-items:center;gap:1.042rem}.introduction-view .content .left-col .city-item .circle-img-wrapper[data-v-38eff74d]{width:14.583rem;height:14.583rem;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.1)}.introduction-view .content .left-col .city-item .circle-img-wrapper .city-img[data-v-38eff74d]{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:filter .3s ease}.introduction-view .content .left-col .city-item .circle-img-wrapper .city-img[data-v-38eff74d]:hover{filter:grayscale(0%)}.introduction-view .content .left-col .city-item .city-name[data-v-38eff74d]{font-size:.729rem;color:#6e6f71;display:flex;align-items:center;gap:.417rem}.introduction-view .content .right-col[data-v-38eff74d]{max-width:50%;padding-left:3.125rem}.introduction-view .content .right-col .main-title[data-v-38eff74d]{font-weight:700;line-height:1.2;margin-bottom:3.125rem;letter-spacing:2px;color:#fff;font-size:3.49rem}.introduction-view .content .right-col .text-grid[data-v-38eff74d]{display:grid;grid-template-columns:.7fr 1.5fr;gap:2.083rem}.introduction-view .content .right-col .text-grid .feature-list[data-v-38eff74d]{list-style:none;margin:0;padding:0}.introduction-view .content .right-col .text-grid .feature-list li[data-v-38eff74d]{position:relative;padding-left:.833rem;color:#fff;font-family:MiSans-Regular;font-size:.729rem;font-style:normal;font-weight:400;line-height:1.771rem}.introduction-view .content .right-col .text-grid .feature-list li[data-v-38eff74d]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:.313rem;height:.313rem;border-radius:50%;background-color:#fff}.introduction-view .content .right-col .text-grid .description[data-v-38eff74d]{padding-right:5.208rem}.introduction-view .content .right-col .text-grid .description p[data-v-38eff74d]{color:#fff;font-family:MiSans-Regular;font-size:.729rem;font-style:normal;font-weight:400;line-height:1.458rem;text-align:justify}.introduction-view .content .right-col .button-group[data-v-38eff74d]{display:flex;align-items:center;gap:.833rem;margin-bottom:.833rem}.introduction-view .content .right-col .button-group button[data-v-38eff74d]{border-radius:4.688rem;background:#1f212633;backdrop-filter:blur(2px);display:flex;height:3.333rem;padding:1.042rem 1.875rem;justify-content:center;align-items:center;border:none;outline:none;color:#fff;text-align:center;font-size:.833rem;transition:all .3s}.introduction-view .content .right-col .button-group button[data-v-38eff74d]:hover{background:#1f212633;box-shadow:0 0 .703rem .469rem #d8ccf4cc inset;backdrop-filter:blur(2px)}.introduction-view .footer[data-v-38eff74d]{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.1);font-size:.729rem;color:#ccc;background-color:#000;height:7.187rem;padding:0 11.979rem 0 6.667rem}.introduction-view .footer .footer-left .brand img[data-v-38eff74d]{height:1.25rem}.introduction-view .footer .footer-right[data-v-38eff74d]{display:flex;gap:4.688rem;align-items:center;justify-content:space-between}.introduction-view .footer .footer-right .contact-item[data-v-38eff74d]{display:flex;align-items:center;gap:1.25rem;cursor:pointer;transition:color .3s}.introduction-view .footer .footer-right .contact-item svg[data-v-38eff74d]{width:1.042rem;height:1.042rem}.introduction-view .footer .footer-right .contact-item.media[data-v-38eff74d]{gap:.833rem}.introduction-view .footer .footer-right .contact-item .logo[data-v-38eff74d]{height:.938rem}.introduction-view .footer .footer-right .contact-item .box[data-v-38eff74d]{cursor:pointer;display:flex;align-items:center;position:relative}.introduction-view .footer .footer-right .contact-item .box .popper[data-v-38eff74d]{border-radius:.833rem .833rem 0;background:#ffffff1a;display:inline-flex;padding:.417rem;flex-direction:column;align-items:center;gap:.417rem;position:absolute;bottom:100%;margin-bottom:.521rem;right:0;opacity:0;transition:opacity .3s ease-in;white-space:nowrap}.introduction-view .footer .footer-right .contact-item .box .popper p[data-v-38eff74d]{height:1.667rem;line-height:1.667rem;font-size:.833rem}.introduction-view .footer .footer-right .contact-item .box .popper .title[data-v-38eff74d]{color:#fffc;text-align:center;font-size:.625rem}.introduction-view .footer .footer-right .contact-item .box .popper img[data-v-38eff74d]{width:4.479rem;height:4.479rem;border-radius:.417rem}.introduction-view .footer .footer-right .contact-item .box:hover .popper[data-v-38eff74d]{opacity:1}@media(max-width:1440px){.introduction-view .content[data-v-38eff74d]{padding:0}.introduction-view .content .left-col[data-v-38eff74d]{gap:40px}.introduction-view .content .left-col .city-item .circle-img-wrapper[data-v-38eff74d]{width:220px;height:220px}.introduction-view .content .right-col .main-title[data-v-38eff74d]{font-size:48px}}