@font-face{font-family:Noto Sans TC;font-style:normal;font-weight:100 900;font-display:swap;src:url(../../assets/fonts/font/notoserifjp-kana-w.119.woff2) format("woff2");unicode-range:U+3041-307F,U+3081-308F,U+3091-3093,U+3099-309A,U+309D-309E,U+30A1-30E1,U+30E3-30ED,U+30EF-30F0,U+30F2-30F4,U+30FB-30FE}@font-face{font-family:Noto Sans TC;font-style:normal;font-weight:100 900;font-display:swap;src:url(../../assets/fonts/font/notoserifjp-kana-w.54.woff2) format("woff2");unicode-range:U+3094-3096,U+309F-30A0,U+30EE,U+30F7-30FA,U+30FF}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .collapse-label{font-size:1.125rem;font-weight:700;line-height:1.8;letter-spacing:.5px}@media only screen and (max-width:1200px){.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .collapse-label{font-size:1rem}}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .category,.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category,.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category,.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category{font-size:1.125rem;font-weight:500;line-height:1.8;letter-spacing:.5px}@media only screen and (max-width:1200px){.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .category,.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category,.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category,.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category{font-size:1rem}}section.milestone .event-item .title,.swiper-highlight-card .card-back .title,.highlight-card .card-back .title,.swiper-highlight-card .card-front .title,.highlight-card .card-front .title,section.intro .intro-bottom .title{font-size:1.5rem;font-weight:500;line-height:1.4;letter-spacing:1px}@media only screen and (max-width:1200px){section.milestone .event-item .title,.swiper-highlight-card .card-back .title,.highlight-card .card-back .title,.swiper-highlight-card .card-front .title,.highlight-card .card-front .title,section.intro .intro-bottom .title{font-size:1.25rem}}section.milestone-intro .title-en,section.explore .content-box .title{font-size:3.125rem;font-weight:700;line-height:1.4;letter-spacing:.5px}@media only screen and (max-width:1200px){section.milestone-intro .title-en,section.explore .content-box .title{font-size:2.1875rem}}.market-block .title-en,section.highlights .title-box .title-en,section.intro .intro-top .title-en{font-size:2.5rem;font-weight:700;line-height:1.4;letter-spacing:.5px}@media only screen and (max-width:1200px){.market-block .title-en,section.highlights .title-box .title-en,section.intro .intro-top .title-en{font-size:1.875rem}}section.milestone-intro .title-zh,section.explore .content-box .subtitle,.market-block .title-zh,section.highlights .title-box .title-zh,section.intro .intro-top .title-zh{font-size:1.875rem;font-weight:500;line-height:1.4;letter-spacing:.5px}@media only screen and (max-width:1200px){section.milestone-intro .title-zh,section.explore .content-box .subtitle,.market-block .title-zh,section.highlights .title-box .title-zh,section.intro .intro-top .title-zh{font-size:1.625rem}}.common-banner .subtitle{font-size:2.5rem;font-weight:500;line-height:1.4;letter-spacing:2px}@media only screen and (max-width:1200px){.common-banner .subtitle{font-size:1.875rem}}.common-banner .title{font-size:9.375rem;font-weight:700;line-height:1.1}@media only screen and (max-width:1536px){.common-banner .title{font-size:6.375rem}}@media only screen and (max-width:1200px){.common-banner .title{font-size:3.375rem}}.common-banner{position:relative;--themed-opacity: .2}.common-banner[data-theme=dark]{--themed-opacity: .2;color:var(--dark-color)}.common-banner[data-theme=light]{--themed-opacity: .5;color:var(--light-color)}.common-banner .container{padding:var(--nav-height) calc(var(--1fr) * 3 + var(--side-space)) 50px;display:flex;flex-direction:column;justify-content:end;height:700px;min-height:700px}.common-banner .container:not(:has(.bg)){--themed-opacity: .2;padding:175px calc(var(--1fr) * 3 + var(--side-space)) 0;height:auto;min-height:initial;color:var(--text-color)}.common-banner .container:not(:has(.bg)) .desc-wrapper{display:flex;align-items:end}.common-banner .container:not(:has(.bg)) .desc{color:var(--paragraph-color)}.common-banner .bg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%}.common-banner .bg img{width:100%;height:100%;object-fit:cover}.common-banner .text-box{display:flex;align-items:start;gap:calc(var(--1fr) * 7);width:100%}.common-banner .title-box{padding-left:60px;position:relative;flex:1;display:flex;flex-direction:column;gap:10px;border-left:1px solid rgba(from currentColor r g b/var(--themed-opacity))}.common-banner .title-box:after{position:absolute;top:0;left:-2px;display:block;background:var(--primary-color);width:4px;height:100px;content:""}.common-banner .desc-wrapper{padding:50px 0 10px;flex:1 0 0%;display:none;max-width:520px;align-self:stretch}@media only screen and (max-width:1536px){.common-banner .container{padding:var(--nav-height) calc(var(--1fr) * 2 + var(--side-space)) 50px}.common-banner .container:not(:has(.bg)){padding:175px calc(var(--1fr) * 2 + var(--side-space)) 0}}@media only screen and (max-width:1200px){.common-banner .container{padding:var(--nav-height) calc(var(--1fr) * 2 + var(--side-space)) 30px;height:520px;min-height:520px}.common-banner .container:not(:has(.bg)){padding:103px calc(var(--1fr) * 2 + var(--side-space)) 0}.common-banner .title-box{padding-left:30px}.common-banner .title-box:after{height:60px}}@media only screen and (max-width:1024px){.common-banner .container{padding:var(--nav-height) var(--side-space) 30px;height:340px;min-height:340px}.common-banner .container:not(:has(.bg)){padding:103px var(--side-space) 0}.common-banner .text-box{gap:calc(var(--1fr) * 2)}}@media only screen and (max-width:767px){.common-banner .text-box{flex-direction:column;align-items:flex-start;gap:50px}.common-banner .title-box{padding-left:0;padding-bottom:30px;width:100%;border-left:none;border-bottom:1px solid rgba(from currentColor r g b/var(--themed-opacity))}.common-banner .title-box:after{top:initial;bottom:-2px;width:100px;height:4px}.common-banner .desc-wrapper{padding:0;width:100%;max-width:initial}}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container,.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container,.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container{max-width:100%;vertical-align:middle}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .wrapper,.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .wrapper,.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .wrapper,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .wrapper{padding:0;gap:10px 30px!important}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category,.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category,.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category{color:var(--text-color);transition:color .5s,font-weight .5s}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category:after,.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category:after,.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category:after,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category:after{left:0;right:initial;background-color:var(--primary-color);transition:width .5s,background .5s}.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container{padding:0}.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button{background-color:transparent;width:20px}.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev{left:0;transform:translate3d(0,-50%,0)}.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev.hide div:before,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev.hide div:before{border-top:2px solid var(--text-color);border-left:2px solid var(--text-color)}.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev div:before,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev div:before{border-top:2px solid var(--text-color);border-left:2px solid var(--text-color)}.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next{right:0;transform:translate3d(0,-50%,0)}.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next.hide div:before,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next.hide div:before{border-top:2px solid var(--text-color);border-right:2px solid var(--text-color)}.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next div:before,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next div:before{border-top:2px solid var(--text-color);border-right:2px solid var(--text-color)}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .item:hover .category,.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .item.active .category,.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .item:hover .category,.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .item.active .category{font-weight:700;color:var(--primary-color)}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category,.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category{padding:0 5px 8px}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category:after,.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category:after{height:3px}.multipurpose-wrapper multipurpose-nav[m4-type=collapse].expand .drag-container .wrapper{display:grid}.multipurpose-wrapper multipurpose-nav[m4-type=collapse].expand .drag-container .collapse-placeholder{display:none}.multipurpose-wrapper multipurpose-nav[m4-type=collapse].expand .collapse-container{transition:opacity .3s,transform .3s}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .open-collapse{flex-shrink:0;margin-left:30px;padding-left:30px;border-left:1px solid rgba(from currentColor r g b/20%);width:50px;height:30px}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .open-collapse:before{border:none;width:auto;height:auto;font-family:icomoon!important;speak:never;font-size:.625rem;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;content:""}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .collapse-placeholder{padding:0;opacity:0}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container{padding:30px;top:calc(100% + 17.5px);border-radius:15px;border:none;box-shadow:0 0 20px #0000001a;max-width:100%;transition:opacity .3s .3s,transform .3s .3s;display:flex;flex-direction:column;gap:15px}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container.dark{background-color:var(--dark-color);color:var(--light-color)}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container.dark .category{color:var(--p-light-color)}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container.light{background-color:var(--light-color);color:var(--dark-color)}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container.light .category{color:var(--p-dark-color)}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .wrapper{margin:0 -5px -10px}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .item{margin:0 5px 10px;padding:0 20px;display:flex;align-items:center;justify-content:center;border-radius:100px;border:1px solid rgba(from currentColor r g b/20%);min-width:150px;max-width:100%;min-height:50px;transition:background .5s}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .item:hover{background-color:transparent}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .item:hover .category{color:var(--primary-color)}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .item:hover.active .category{color:var(--hover-color)}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .item.active{background-color:var(--primary-color);border-color:transparent}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .item.active .category{color:var(--hover-color)}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .category{color:var(--p-dark-color);transition:color .5s}.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container.scrollable{padding:0 30px}@media only screen and (max-width:1200px){.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .wrapper,.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .wrapper{gap:10px 20px!important}}.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .item:hover .category,.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .item.active .category,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .item:hover .category,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .item.active .category{font-weight:700}.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .item:hover .category .icon-box,.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .item.active .category .icon-box,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .item:hover .category .icon-box,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .item.active .category .icon-box{margin-left:5px;transform:translateY(-2px);max-width:15px;opacity:1;transition:margin .5s,max-width .5s,opacity .5s .3s}.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category{padding:20px 5px;display:flex;align-items:center;justify-content:center;min-width:250px}.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category:after,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category:after{height:5px}.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category .icon-box,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category .icon-box{margin-left:0;max-width:0;height:15px;opacity:0;font-size:.9375rem;transition:margin .5s .3s,max-width .5s .3s,opacity .5s}.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container{justify-content:center}.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container.scrollable{padding:0 50px}.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button div:before{width:12px;height:12px}@media only screen and (max-width:1200px){.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .wrapper,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .wrapper{gap:10px 5px!important}.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .item:hover .category .icon-box,.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .item.active .category .icon-box,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .item:hover .category .icon-box,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .item.active .category .icon-box{max-width:12px}.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category{min-width:100px}.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category .icon-box,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category .icon-box{display:none}.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container.scrollable{padding:0 30px}.g-multipurpose-wrapper multipurpose-nav[data-style-type=dot][m4-type=collapse] .drag-container .wrapper,.g-multipurpose-wrapper multipurpose-nav[data-style-type=dot][m4-type=drag] .drag-container .wrapper{gap:10px 35px!important}.g-multipurpose-wrapper multipurpose-nav[data-style-type=dot][m4-type=collapse] .drag-container .category,.g-multipurpose-wrapper multipurpose-nav[data-style-type=dot][m4-type=drag] .drag-container .category{padding:20px 0;min-width:initial}.g-multipurpose-wrapper multipurpose-nav[data-style-type=dot][m4-type=drag] .drag-container .item.active .category:after{width:0}.g-multipurpose-wrapper multipurpose-nav[data-style-type=dot][m4-type=drag] .drag-container .item:not(:last-child):after{position:absolute;top:50%;right:-17.5px;transform:translateY(-50%);display:block;border-radius:50%;background:#0003;width:5px;height:5px;content:""}}.unit-swiper-navigation{display:flex;gap:10px}.unit-swiper-navigation .button-svg{position:absolute;inset:0;transform:rotate(-90deg);background:none;border:none}.unit-swiper-navigation .button-svg circle{fill:none}.unit-swiper-navigation .button-svg circle.border-line{stroke:rgba(from currentColor r g b/20%);stroke-width:1}.unit-swiper-navigation .button-svg circle.progress{stroke:var(--secondary-color);stroke-width:2;stroke-dasharray:301.44;stroke-dashoffset:301.44;transition:stroke-dashoffset 1s .2s}.unit-swiper-navigation .swiper-prev,.unit-swiper-navigation .swiper-next{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;width:50px;height:50px;font-size:.9375rem}@media only screen and (min-width:1201px){.unit-swiper-navigation .swiper-prev:hover .button-svg circle,.unit-swiper-navigation .swiper-next:hover .button-svg circle{stroke-dashoffset:0}}@media only screen and (max-width:1200px){.unit-swiper-navigation .swiper-prev,.unit-swiper-navigation .swiper-next{width:40px;height:40px;font-size:.625rem}}.context-bar{padding:50px calc(var(--1fr) * 3 + var(--side-space)) 80px;display:flex;align-items:center;justify-content:center}.context-bar:has(p.desc){padding:100px calc(var(--1fr) * 3 + var(--side-space)) 80px;justify-content:space-between;gap:calc(var(--1fr) * 2)}.context-bar:has(p.desc) .multipurpose-wrapper{width:calc(100% - var(--1fr) * 2 - 520px)}.context-bar:has(p.desc) .multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container,.context-bar:has(p.desc) .multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container{justify-content:flex-end}.context-bar .desc{max-width:520px}.context-bar .multipurpose-wrapper{max-width:100%}.context-bar .multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container{justify-content:initial}.context-bar .multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container{justify-content:flex-end}@media only screen and (max-width:1536px){.context-bar{padding:50px calc(var(--1fr) * 2 + var(--side-space))}.context-bar:has(p.desc){padding:100px calc(var(--1fr) * 2 + var(--side-space))}}@media only screen and (max-width:1200px){.context-bar{padding:30px calc(var(--1fr) * 2 + var(--side-space))}.context-bar:has(p.desc){flex-direction:column;align-items:flex-start;justify-content:initial;gap:30px}.context-bar:has(p.desc) .multipurpose-wrapper{width:100%}.context-bar:has(p.desc) .multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container,.context-bar:has(p.desc) .multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container{justify-content:initial}.context-bar .desc{max-width:initial}}@media only screen and (max-width:1024px){.context-bar{padding:30px var(--side-space);justify-content:start}.context-bar:has(p.desc){padding:30px var(--side-space)}}section.slogan>.container{padding:0 calc(var(--1fr) * 3 + var(--side-space)) 120px 0;display:flex;align-items:center}section.slogan .img-box{flex-shrink:0;border-radius:0 15px 15px 0;width:72.7272727273%;aspect-ratio:1280/755;overflow:hidden}section.slogan .img-box img{width:100%;height:100%;object-fit:cover}section.slogan .text-box{padding-left:calc(var(--1fr) * 2);display:flex;align-items:center;width:27.2727272727%;writing-mode:vertical-rl;text-orientation:upright}section.slogan .text-box .text-pc{max-width:7.2em;max-height:580px;font-size:1.875rem;font-weight:600;line-height:1.8;letter-spacing:6px;overflow:hidden}section.slogan .text-box .text-mobile{display:none;font-size:1.25rem;font-weight:500;line-height:1.4;letter-spacing:1px}@media only screen and (max-width:1200px){section.slogan>.container{padding:0 calc(var(--1fr) * 3 + var(--side-space)) 50px 0}}@media only screen and (max-width:1024px){section.slogan>.container{padding:0 0 50px;flex-direction:column;align-items:start;gap:20px}section.slogan .img-box{width:94.6666666667%;aspect-ratio:355/210}section.slogan .text-box{padding:0 var(--side-space);width:100%;justify-content:start;writing-mode:initial;text-orientation:initial}section.slogan .text-box .text-pc{display:none}section.slogan .text-box .text-mobile{display:block}}section.video-block>.container{padding:60px calc(var(--1fr) * 3 + var(--side-space));position:relative;display:flex;align-items:end;aspect-ratio:1920/800}section.video-block .video-box{position:absolute;inset:0;width:100%;height:100%}section.video-block .video-box img{height:100%;object-fit:cover}section.video-block .video4-cover[class*=playTrigger]{cursor:none}section.video-block .video4-cover .overlay{background:linear-gradient(0deg,#0009,#0000 35.8%)}section.video-block .playButton{padding-bottom:min(24%,150px);width:min(24%,150px);pointer-events:none;cursor:none}section.video-block .playButton:before{border-width:9px 0 9px 15px}section.video-block .desc{z-index:1;max-width:640px;color:var(--p-light-color)}@media only screen and (max-width:1200px){section.video-block .playButton{padding-bottom:min(24%,40px);width:min(24%,40px)}section.video-block .playButton:before{border-width:5px 0 5px 9px}}@media only screen and (max-width:1024px){section.video-block>.container{padding:0 var(--side-space);flex-direction:column;align-items:start;gap:20px}section.video-block .video-box{position:relative;border-radius:5px;width:100%;height:auto;aspect-ratio:335/188;overflow:hidden}section.video-block .video4-cover .overlay{background:none}section.video-block .desc{color:var(--paragraph-color)}}section.intro>.container{padding:120px 0 150px;position:relative;display:flex;flex-direction:column;gap:100px}section.intro .intro-top{padding-left:calc(var(--1fr) * 7 + var(--side-space));padding-right:calc(var(--1fr) * 5 + var(--side-space));display:flex;align-items:center;gap:calc(var(--1fr) * 4)}section.intro .intro-top .text-box{padding:30px 0;display:flex;flex-direction:column;gap:50px}section.intro .intro-top .title-box{display:flex;flex-direction:column;gap:20px}section.intro .intro-top .img-box{flex-shrink:0;border-radius:15px;width:41.1764705882%;aspect-ratio:560/640;overflow:hidden}section.intro .intro-top .img-box img{width:100%;height:100%;object-fit:cover}section.intro .intro-bottom{padding-right:calc(var(--1fr) * 5 + var(--side-space));position:relative;display:flex;gap:calc(var(--1fr) * 4)}section.intro .intro-bottom .bg-decoration{position:absolute;top:-370px;left:calc(var(--1fr) + var(--side-space));z-index:-1;width:420px;aspect-ratio:1/1}section.intro .intro-bottom .bg-decoration img{width:100%;height:100%;object-fit:contain;opacity:.2}section.intro .intro-bottom .swiper-area{flex:0 0 auto;display:flex;align-items:center;width:calc(var(--1fr) * 23 + var(--side-space));overflow:hidden}section.intro .intro-bottom .content-box{padding:70px 0;position:relative;display:flex;flex-direction:column;justify-content:center}section.intro .intro-bottom .text-box{display:flex;flex-direction:column;gap:20px}section.intro .intro-bottom .unit-swiper-navigation{position:absolute;left:0;bottom:0}@media only screen and (max-width:1536px){section.intro .intro-top{padding-left:calc(var(--1fr) * 4 + var(--side-space));padding-right:calc(var(--1fr) * 2 + var(--side-space))}section.intro .intro-bottom{padding-right:calc(var(--1fr) * 2 + var(--side-space))}}@media only screen and (max-width:1200px){section.intro>.container{padding:50px 0;gap:50px}}@media only screen and (max-width:1024px){section.intro>.container{padding:50px 0;gap:50px}section.intro .intro-top{padding:0 var(--side-space);gap:calc(var(--1fr) * 3)}section.intro .intro-top .text-box{gap:10px}section.intro .intro-top .title-box{gap:10px}section.intro .intro-bottom{padding:0 var(--side-space);gap:calc(var(--1fr) * 3)}section.intro .intro-bottom .bg-decoration{top:-160px;left:50%;transform:translate(-50%);width:240px}}@media only screen and (max-width:767px){section.intro .intro-top{flex-direction:column-reverse;gap:30px}section.intro .intro-top .img-box{width:100%}section.intro .intro-top .text-box{padding:0}section.intro .intro-bottom{flex-direction:column;gap:30px}section.intro .intro-bottom .swiper-area{width:100%}section.intro .intro-bottom .content-box{padding:0;gap:30px}section.intro .intro-bottom .unit-swiper-navigation{margin:0 auto;position:initial}}.intro-swiper{height:auto}.intro-swiper .swiper-slide{height:20.8333333333vw;min-height:200px}.intro-swiper .swiper-slide[data-direction=horizontal]{width:35.3125vw;min-width:340px}.intro-swiper .swiper-slide[data-direction=vertical]{width:18.2291666667vw;min-width:175px}.intro-swiper .img-box{border-radius:15px;width:100%;height:100%;overflow:hidden}.intro-swiper .img-box img{width:100%;height:100%;object-fit:cover}@media only screen and (max-width:767px){.intro-swiper .swiper-slide{height:200px}.intro-swiper .swiper-slide[data-direction=horizontal]{width:340px}.intro-swiper .swiper-slide[data-direction=vertical]{width:175px}}section.highlights{position:relative}section.highlights>.decoration-img{position:absolute;top:115px;right:calc(var(--1fr) * 3 + var(--side-space));width:160px;height:160px}section.highlights>.decoration-img img{width:100%;height:100%}section.highlights>.container{padding:0 calc(var(--1fr) + var(--side-space)) 150px;display:flex;flex-direction:column;overflow:hidden}section.highlights .title-box{margin:0 auto 50px;display:flex;flex-direction:column;gap:20px;align-items:center;max-width:680px;text-align:center}@media only screen and (max-width:1440px){section.highlights>.decoration-img{top:60px}}@media only screen and (max-width:1200px){section.highlights>.decoration-img{display:none}section.highlights>.container{padding:0 calc(var(--1fr) + var(--side-space)) 50px}section.highlights .title-box{margin:0 auto 60px;gap:10px}}@media only screen and (max-width:1024px){section.highlights>.container{padding:0 var(--side-space) 50px}}.highlights-wrapper{display:flex;align-items:center;justify-content:center;min-height:36.4583333333vw}.highlights-wrapper:has(.highlight-card:hover) .highlight-card{transform:translate(-20px)}.highlights-wrapper:has(.highlight-card:hover) .highlight-card:hover{transform:translate(0);z-index:2;width:31.8181818182%}.highlights-wrapper:has(.highlight-card:hover) .highlight-card:hover .card-inner{transform:rotate(0)}.highlights-wrapper:has(.highlight-card:hover) .highlight-card:hover .card-front{transform:rotateY(-180deg)}.highlights-wrapper:has(.highlight-card:hover) .highlight-card:hover .card-back{box-shadow:50px 60px 15px #0000000d;transform:none}.highlights-wrapper:has(.highlight-card:hover) .highlight-card:hover~.highlight-card{transform:translate(20px)}.highlights-wrapper:has(.highlight-card:hover) .highlight-card:hover~.highlight-card+.highlight-card{transform:translate(10px)}.highlights-wrapper:has(.highlight-card:hover) .highlight-card:hover~.highlight-card+.highlight-card+.highlight-card{transform:translate(5px)}@media only screen and (max-width:1200px){.highlights-wrapper{display:none}}.swiper-highlight-card[data-f-theme=dark] .card-front,.highlight-card[data-f-theme=dark] .card-front{color:var(--dark-color)}.swiper-highlight-card[data-f-theme=dark] .card-front .icon-box,.highlight-card[data-f-theme=dark] .card-front .icon-box{background:var(--dark-color)}.swiper-highlight-card[data-f-theme=light] .card-front,.highlight-card[data-f-theme=light] .card-front{color:var(--light-color)}.swiper-highlight-card[data-f-theme=light] .card-front .icon-box,.highlight-card[data-f-theme=light] .card-front .icon-box{background:var(--light-color)}.swiper-highlight-card[data-b-theme=dark] .card-back,.highlight-card[data-b-theme=dark] .card-back{color:var(--dark-color)}.swiper-highlight-card[data-b-theme=dark] .card-back .bg:after,.highlight-card[data-b-theme=dark] .card-back .bg:after{display:none}.swiper-highlight-card[data-b-theme=dark] .card-back .desc,.highlight-card[data-b-theme=dark] .card-back .desc{color:var(--p-dark-color)}.swiper-highlight-card[data-b-theme=light] .card-back,.highlight-card[data-b-theme=light] .card-back{color:var(--light-color)}.swiper-highlight-card[data-b-theme=light] .card-back .desc,.highlight-card[data-b-theme=light] .card-back .desc{color:var(--p-light-color)}.swiper-highlight-card .card-inner,.highlight-card .card-inner{position:relative;width:100%;height:100%;perspective:1500px;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.swiper-highlight-card .bg,.highlight-card .bg{position:absolute;inset:0;z-index:-1;width:100%;height:100%}.swiper-highlight-card .bg img,.highlight-card .bg img{border-radius:15px;width:100%;height:100%;object-fit:cover}.swiper-highlight-card .card-front,.swiper-highlight-card .card-back,.highlight-card .card-front,.highlight-card .card-back{position:absolute;inset:0;border:2px solid #fff;border-radius:15px;width:100%;height:100%;backface-visibility:hidden;transition:transform .5s,box-shadow .5s}.swiper-highlight-card .card-front,.highlight-card .card-front{padding:40px;transform:none;display:flex;align-items:center;justify-content:center}.swiper-highlight-card .card-front .card-content,.highlight-card .card-front .card-content{display:flex;flex-direction:column;align-items:center;gap:30px;text-align:center}.swiper-highlight-card .card-front .icon-box,.highlight-card .card-front .icon-box{background:var(--text-color);-webkit-mask-image:var(--icon-url);mask-image:var(--icon-url);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:60px;height:60px}.swiper-highlight-card .card-front .title,.highlight-card .card-front .title{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.swiper-highlight-card .card-back,.highlight-card .card-back{transform:rotateY(180deg);display:flex;align-items:end;color:var(--light-color)}.swiper-highlight-card .card-back .bg:after,.highlight-card .card-back .bg:after{position:absolute;inset:0;display:block;border-radius:15px;background:linear-gradient(180deg,#0000 45.14%,#0009 90.29%);width:100%;height:100%;content:""}.swiper-highlight-card .card-back .icon-wrapper,.highlight-card .card-back .icon-wrapper{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--primary-color)}.swiper-highlight-card .card-back .icon-wrapper .icon-box,.highlight-card .card-back .icon-wrapper .icon-box{transform:rotate(-10deg);background:var(--hover-color);-webkit-mask-image:var(--icon-url);mask-image:var(--icon-url);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.swiper-highlight-card .card-back .card-content,.highlight-card .card-back .card-content{display:flex;flex-direction:column;gap:10px}.swiper-highlight-card .card-back .title,.highlight-card .card-back .title{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.swiper-highlight-card .card-back .desc,.highlight-card .card-back .desc{color:var(--p-light-color);display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.highlight-card{flex-shrink:0;width:25%;aspect-ratio:440/500;transition:transform .5s cubic-bezier(0,1.05,.61,2.53),width .5s}.highlight-card:not(:first-child){margin:0 0 0 -40px}.highlight-card:nth-child(1){--i: 1;--orig-deg: -15deg}.highlight-card:nth-child(2){--i: 1;--orig-deg: 5deg}.highlight-card:nth-child(3){--i: 1;--orig-deg: -10deg}.highlight-card:nth-child(4){--i: 1;--orig-deg: 10deg}.highlight-card .card-inner{transform:rotate(var(--orig-deg))}.highlight-card .card-back{padding:40px}.highlight-card .card-back .icon-wrapper{top:-60px;right:40px;width:120px;height:120px}.highlight-card .card-back .icon-wrapper .icon-box{width:50px;height:50px;font-size:3.125rem}.swiper-highlight-card{width:100%;height:100%}.swiper-highlight-card .card-back{padding:18px}.swiper-highlight-card .card-back .icon-wrapper{top:-40px;left:50%;transform:translate(-50%);width:80px;height:80px}.swiper-highlight-card .card-back .icon-wrapper .icon-box{width:35px;height:35px}.highlight-mobile-wrapper{display:none}.highlight-mobile-wrapper .unit-swiper-navigation{margin:0 auto}@media only screen and (max-width:1200px){.highlight-mobile-wrapper{display:flex;flex-direction:column;gap:30px}}.highlights-swiper .swiper-slide{width:318px;aspect-ratio:318/360}.highlights-swiper .swiper-slide.swiper-slide-active .swiper-highlight-card .card-inner{transform:rotate(0)}.highlights-swiper .swiper-slide.swiper-slide-active .swiper-highlight-card .card-front{transform:rotateY(-180deg)}.highlights-swiper .swiper-slide.swiper-slide-active .swiper-highlight-card .card-back{transform:none;box-shadow:20px 30px 10px #0000000d}section.marketing{position:relative}section.marketing>.bg{position:absolute;top:1360px;bottom:0;left:0;z-index:-1;background:var(--bg-pc) repeat center/contain;border-radius:0 15px 15px 0;width:64.5833333333%;opacity:.5;overflow:hidden}section.marketing .container{padding-bottom:120px;display:flex;flex-direction:column;gap:120px}@media only screen and (max-width:1200px){section.marketing .container{padding-bottom:50px;gap:50px}}@media only screen and (max-width:1200px){section.marketing>.bg{top:900px}}@media only screen and (max-width:1024px){section.marketing .container{padding-bottom:50px;gap:50px}section.marketing>.bg{top:880px}}@media only screen and (max-width:900px){section.marketing>.bg{top:700px;width:100%}}.market-block{padding:100px calc(var(--1fr) * 3 + var(--side-space));position:relative;display:flex;align-items:center;min-height:700px}.market-block .bg{position:absolute;inset:0;z-index:-1;width:100%;height:100%}.market-block .bg:after{position:absolute;inset:0;background:linear-gradient(90deg,#0009 9.82%,#00000047 52.37%,#0000 64.51%);width:100%;height:100%;content:""}.market-block .bg img{width:100%;height:100%;object-fit:cover}.market-block .text-box{display:flex;flex-direction:column;gap:50px;color:var(--text-color)}.market-block .title-box{display:flex;flex-direction:column;gap:20px}.market-block[data-type=half]{padding:0 calc(var(--1fr) * 5 + var(--side-space));position:relative;gap:calc(var(--1fr) * 4);min-height:initial}.market-block[data-type=half][data-dir=rtl]{flex-direction:row-reverse}.market-block[data-type=half][data-dir=rtl] .decoration-img{top:40px;right:initial;left:calc(var(--1fr) * 3)}.market-block[data-type=half][data-img-type=irregular_1] .img-box img,.market-block[data-type=half][data-img-type=irregular_2] .img-box img{-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.market-block[data-type=half][data-img-type=irregular_1] .img-box img{-webkit-mask-image:url(../../assets/img/subsite-about/mask_01.svg);mask-image:url(../../assets/img/subsite-about/mask_01.svg)}.market-block[data-type=half][data-img-type=irregular_2] .img-box img{-webkit-mask-image:url(../../assets/img/subsite-about/mask_02.svg);mask-image:url(../../assets/img/subsite-about/mask_02.svg)}.market-block[data-type=half] .decoration-img{position:absolute;top:0;right:calc(var(--1fr) * 3);width:160px;height:160px}.market-block[data-type=half] .decoration-img img{width:100%;height:100%;object-fit:cover}.market-block[data-type=half] .img-box{flex-shrink:0;border-radius:15px;width:max(var(--1fr) * 16,355px);aspect-ratio:1/1;overflow:hidden}.market-block[data-type=half] .img-box img{width:100%;height:100%;object-fit:cover}.market-block[data-type=half] .text-box{position:relative;padding:100px var(--1fr);color:var(--text-color)}.market-block[data-type=half] .desc{color:var(--paragraph-color)}.market-block[data-type=full][data-theme=dark] .text-box{--text-color: var(--dark-color);--paragraph-color: var(--p-dark-color)}.market-block[data-type=full][data-theme=light] .text-box{--text-color: var(--light-color);--paragraph-color: var(--p-light-color)}@media only screen and (max-width:1536px){.market-block{padding:100px calc(var(--1fr) * 2 + var(--side-space))}.market-block[data-type=half]{padding:0 calc(var(--1fr) * 3 + var(--side-space));gap:calc(var(--1fr) * 3)}.market-block[data-type=half][data-dir=rtl] .decoration-img{right:initial;left:var(--side-space)}.market-block[data-type=half] .decoration-img{right:var(--side-space);width:120px;height:120px}}@media only screen and (max-width:1200px){.market-block{padding:50px calc(var(--1fr) * 2 + var(--side-space));min-height:500px}.market-block .text-box,.market-block .title-box{gap:10px}.market-block .title-zh{font-size:1.875rem}.market-block[data-type=half] .text-box{padding:50px var(--1fr)}}@media only screen and (max-width:1024px){.market-block{padding:50px var(--side-space);min-height:500px}.market-block .text-box,.market-block .title-box{gap:10px}.market-block[data-type=half]{padding:0 var(--side-space)}.market-block[data-type=half] .decoration-img{display:none}.market-block[data-type=half] .text-box{padding:50px var(--1fr)}}@media only screen and (max-width:900px){.market-block[data-type=half]{flex-direction:column;gap:30px}.market-block[data-type=half][data-dir=rtl]{flex-direction:column}.market-block[data-type=half] .img-box{width:100%;max-width:355px}.market-block[data-type=half] .text-box{padding:0}}section.explore{margin-bottom:200px;position:relative}section.explore .bg{position:absolute;inset:0;z-index:-1;width:100%;height:100%}section.explore .bg img{width:100%;height:100%;object-fit:cover}section.explore .container{padding:50px calc(var(--1fr) * 3 + var(--side-space));display:flex;align-items:center;justify-content:center;width:100%;min-height:700px}section.explore .content-box{display:flex;flex-direction:column;align-items:center;gap:50px;color:var(--text-color);text-align:center}section.explore .content-box[data-theme=dark]{--text-color: var(--dark-color)}section.explore .content-box[data-theme=light]{--text-color: var(--light-color)}section.explore .content-box .title-box{display:flex;flex-direction:column;align-items:center;gap:20px}@media only screen and (max-width:1200px){section.explore{margin-bottom:80px}section.explore .container{padding:30px calc(var(--1fr) * 3 + var(--side-space));min-height:500px}section.explore .content-box{gap:30px}section.explore .content-box .title-box{gap:10px}}@media only screen and (max-width:1024px){section.explore{margin-bottom:80px}section.explore .container{margin:0 auto;padding:30px var(--side-space);justify-content:start;min-height:500px}section.explore .content-box{align-items:flex-start;gap:30px;text-align:left}section.explore .content-box .title-box{align-items:flex-start;gap:10px}}.tab-panel:has(section.milestone) .panel-inner{--overtext-color: var(--dark-color);--overtext-p-color: var(--p-dark-color);position:relative}.tab-panel:has(section.milestone) .panel-inner[data-overtext=light]{--overtext-color: var(--light-color);--overtext-p-color: var(--p-light-color)}.tab-panel:has(section.milestone) .panel-inner[data-overtext=dark]{--overtext-color: var(--dark-color);--overtext-p-color: var(--p-dark-color)}.tab-panel:has(section.milestone) .panel-inner>.bg{position:absolute;left:0;top:25vw;bottom:0;z-index:-2;background:var(--bg-pc) repeat center/contain;width:50vw;height:calc(100% - 480px);opacity:.5;overflow:hidden}@media only screen and (max-width:1200px){.tab-panel:has(section.milestone) .panel-inner>.bg{width:100%}}@media only screen and (max-width:1024px){.tab-panel:has(section.milestone) .panel-inner>.bg{top:110px;height:calc(100% - 110px)}}section.milestone-intro{padding:0 calc(var(--1fr) + var(--side-space))}section.milestone-intro>.container{padding:100px calc(var(--1fr) * 4);position:relative;display:flex;align-items:center;justify-content:center;min-height:33.4375vw}section.milestone-intro>.container[data-theme=dark]{--text-color: var(--dark-color)}section.milestone-intro>.container[data-theme=light]{--text-color: var(--light-color)}section.milestone-intro .bg{position:absolute;inset:0;z-index:-1;border-radius:15px;width:100%;height:100%;overflow:hidden}section.milestone-intro .bg img{width:100%;height:100%;object-fit:cover}section.milestone-intro .text-box{margin:0 auto;display:flex;flex-direction:column;gap:50px;max-width:800px;color:var(--text-color);text-align:center}section.milestone-intro .title-box{display:flex;flex-direction:column;align-items:center;gap:20px}section.milestone-intro .desc{max-width:640px}section.milestone-intro .anchor-button{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);z-index:1;display:flex;align-items:center;justify-content:center;background:var(--light-color);border-radius:50%;width:80px;height:80px;box-shadow:0 0 20px #0000001a;color:var(--dark-color);font-size:.875rem;cursor:pointer}@media only screen and (max-width:1200px){section.milestone-intro .text-box{gap:30px}section.milestone-intro .title-box{gap:10px}}@media only screen and (max-width:1024px){section.milestone-intro{padding:0 var(--side-space);min-height:initial}section.milestone-intro:not(:has(~section.milestone)){padding:0 var(--side-space) 80px}section.milestone-intro>.container{padding:0;flex-direction:column;align-items:flex-start;gap:20px;min-height:initial}section.milestone-intro>.container[data-theme=dark],section.milestone-intro>.container[data-theme=light]{--text-color: inherit}section.milestone-intro .bg{position:relative;aspect-ratio:1080/550}section.milestone-intro .text-box{margin:0;gap:30px;max-width:initial;color:var(--overtext-color);text-align:left}section.milestone-intro .title-box{align-items:flex-start;gap:10px}section.milestone-intro .desc{max-width:initial;color:var(--overtext-p-color)}section.milestone-intro .anchor-button{display:none}}@keyframes breathing-light{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}section.milestone{--milestone-gap: 80px;position:relative}section.milestone>.container{padding:150px calc(var(--1fr) * 5 + var(--side-space)) 150px calc(var(--1fr) * 11 + var(--side-space));display:flex;flex-direction:column;gap:var(--milestone-gap)}section.milestone .year-block{display:flex;align-items:flex-start}section.milestone .year-wrapper{position:relative;flex-shrink:0;width:calc(50vw - var(--1fr) * 11 - var(--side-space))}section.milestone .year-wrapper .year{display:inline-block;font-size:8.75rem;font-weight:700;line-height:1;color:var(--overtext-color)}section.milestone .year-wrapper .decoration-img{position:absolute;top:115px;left:-240px;width:100px;height:100px}section.milestone .year-wrapper .decoration-img img{width:100%;height:100%;object-fit:cover}section.milestone .event-wrapper{position:relative;flex:1;display:flex;flex-direction:column;gap:30px}section.milestone .progress-wrapper{position:absolute;top:0;left:0;display:block;background:repeating-linear-gradient(to bottom,rgba(from currentColor r g b/20%) 0px,rgba(from currentColor r g b/20%) 5px,transparent 5px,transparent 10px);width:1px;height:calc(100% + var(--milestone-gap))}section.milestone .progress-wrapper .progress-bar{position:absolute;top:0;left:-.5px;display:block;background:var(--primary-color);width:2px}section.milestone .event-item{display:flex;align-items:flex-start;gap:50px}section.milestone .event-item.active .indicator-wrapper .solid-line{width:80px}section.milestone .event-item.active .indicator-wrapper .indicator-spot:before,section.milestone .event-item.active .indicator-wrapper .indicator-spot:after{animation:breathing-light 1s infinite ease-in-out alternate}section.milestone .event-item.active .indicator-wrapper .indicator-spot:after{animation-delay:.5s}section.milestone .event-item.active .indicator-wrapper .indicator-spot .spot{background:var(--primary-color)}section.milestone .event-item .indicator-wrapper{position:relative;flex-shrink:0;width:110px}section.milestone .event-item .indicator-wrapper .dotted-line,section.milestone .event-item .indicator-wrapper .solid-line{position:absolute;top:50%;left:0;transform:translateY(-50%);display:block}section.milestone .event-item .indicator-wrapper .dotted-line{background:repeating-linear-gradient(to right,rgba(from currentColor r g b/20%) 0px,rgba(from currentColor r g b/20%) 5px,transparent 5px,transparent 10px);width:50px;height:1px}section.milestone .event-item .indicator-wrapper .solid-line{background:var(--primary-color);width:0;height:2px;transition:width .5s}section.milestone .event-item .indicator-wrapper .indicator-spot{margin:0 0 0 auto;position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px}section.milestone .event-item .indicator-wrapper .indicator-spot:before,section.milestone .event-item .indicator-wrapper .indicator-spot:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);display:block;border-radius:50%;content:""}section.milestone .event-item .indicator-wrapper .indicator-spot:before{background:rgba(from var(--primary-color) r g b/10%);width:100%;height:100%}section.milestone .event-item .indicator-wrapper .indicator-spot:after{background:rgba(from var(--primary-color) r g b/20%);width:50%;height:50%}section.milestone .event-item .indicator-wrapper .indicator-spot .spot{background:var(--text-color);border-radius:50%;width:10px;height:10px;transition:background .5s}section.milestone .event-item .content-box{margin-top:15px;flex:1;display:flex;flex-direction:column;gap:20px}section.milestone .event-item .img-box{border-radius:15px;width:85.7142857143%;aspect-ratio:480/284;overflow:hidden}section.milestone .event-item .img-box img{width:100%;height:100%;object-fit:cover}section.milestone .event-item .text-box{display:flex;flex-direction:column;gap:10px}@media only screen and (max-width:1536px){section.milestone .year-block .year{font-size:5.625rem}}@media only screen and (max-width:1200px){section.milestone>.container{padding:150px calc(var(--1fr) + var(--side-space))}section.milestone .year-wrapper{width:300px}section.milestone .year-wrapper .decoration-img{top:80px;left:0;width:50px;height:50px}section.milestone .year-wrapper .year{padding-left:80px;font-size:3.125rem}section.milestone .event-item .indicator-wrapper .indicator-spot .spot{background:var(--overtext-color)}section.milestone .event-item .text-box{color:var(--overtext-color)}section.milestone .event-item .desc{color:var(--overtext-p-color)}}@media only screen and (max-width:1024px){section.milestone{--milestone-gap: 50px}section.milestone>.container{padding:80px var(--side-space)}}@media only screen and (max-width:900px){section.milestone .year-block{flex-direction:column}section.milestone .year-wrapper{width:100%}section.milestone .year-wrapper .decoration-img{top:5px;left:initial;right:0}section.milestone .year-wrapper .year{padding-left:0}section.milestone .event-wrapper{margin-top:30px;width:100%}section.milestone .progress-wrapper{top:12px;left:12px}section.milestone .event-item{gap:20px}section.milestone .event-item .indicator-wrapper{width:25px}section.milestone .event-item .indicator-wrapper .dotted-line,section.milestone .event-item .indicator-wrapper .solid-line{display:none}section.milestone .event-item .indicator-wrapper .indicator-spot{width:25px;height:25px}section.milestone .event-item .indicator-wrapper .indicator-spot .spot{width:8px;height:8px}section.milestone .event-item .content-box{margin-top:0}}@media only screen and (max-width:575px){section.milestone .event-item .img-box{width:100%}}