.index .banner .page-content{display:flex;align-items:flex-end;justify-content:space-between;height:100%;padding:0 .47rem 1rem;box-sizing:border-box}.index .banner .title{width:11rem;font-size:.8rem;color:#fff;letter-spacing:-1.14px;line-height:1.125;font-weight:300;text-transform:uppercase}.index .banner .title br{display:none}.index .banner .scroll-btn{width:86px;height:86px;background-image:linear-gradient(82deg, #CDE6FF 0%, #C1DBFF 49%, #FFCACA 100%);border-radius:50%;font-size:20px;color:#002648;text-align:center;line-height:86px;cursor:pointer}.index .p-intro{padding:1.07rem 0 1.22rem;background:rgba(205,230,255,.7)}.index .p-intro a[href]{color:#0462b9}.index .p-intro .page-content{padding:.89rem .72rem .9rem;background:#1d457e url(../images/index-pi-bg1.png) no-repeat 100% .4rem/10rem 2.6rem;box-sizing:border-box;border-radius:8px}.index .p-intro .wrapper{margin-top:.32rem}.index .p-intro .item{font-size:18px;color:#353535;line-height:1.5;border-radius:4px;overflow:hidden}.index .p-intro .i-head{display:flex;align-items:center;justify-content:space-between;gap:10px .3rem;padding:.28rem 0;margin:0 .58rem;color:#fff;cursor:pointer;border-bottom:1px solid rgba(243,247,255,.17)}.index .p-intro .i-head:first-child{border-top:1px solid rgba(243,247,255,.17)}.index .p-intro .i-head .title{flex:1;font-size:22px;line-height:1.27}.index .p-intro .i-head .las,.index .p-intro .i-head .fir{width:48px;height:48px;border-radius:50%;font-size:20px;line-height:48px;text-align:center}.index .p-intro .i-head .las{transform:rotate(90deg);border:1px solid hsla(0,0%,100%,.4)}.index .p-intro .i-head .fir{width:0;opacity:0;overflow:hidden;transition:width .3s ease,opacity .3s ease}.index .p-intro .i-body .body-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:20px 1.2rem;padding:.7rem .7rem .96rem 1.16rem;background-color:#fff}.index .p-intro .i-body .left{width:3rem;height:4.3rem}.index .p-intro .i-body .left.small-img{height:2.9rem}.index .p-intro .i-body .right{flex:1}.index .p-intro .i-body .title{font-size:18px}.index .p-intro .i-body .title-wrap .title{width:3.75rem;line-height:1.27}.index .p-intro .i-body .title-wrap .system{display:flex;align-items:center;margin-top:44px;margin-bottom:22px}.index .p-intro .i-body .title-wrap .system-icon{display:inline-block;width:25px;height:25px;margin-right:10px;background:url(../images/icon-system.png) no-repeat center/contain}.index .p-intro .i-body .title-wrap .info{flex:1;display:flex;flex-wrap:wrap;gap:20px 10px}.index .p-intro .i-body .title-wrap .info-item{flex:1;min-width:200px}.index .p-intro .i-body .title-wrap .info-item .title{width:auto;margin-bottom:10px;line-height:1.5}.index .p-intro .i-body .title-wrap .info-item p{opacity:.9;font-weight:300}.index .p-intro .i-body .b-wrapper{margin-top:.5rem;padding-top:.4rem;border-top:1px dotted #1d457e;color:#353535}.index .p-intro .i-body .b-wrapper .b-item{line-height:1.5;color:#353535;margin-bottom:22px}.index .p-intro .i-body .b-wrapper .b-item:last-child{margin-bottom:0}.index .p-intro .i-body .b-wrapper .b-item p{font-weight:300}.index .p-intro .i-body .b-wrapper .has-icon{display:flex;align-items:center;flex-wrap:wrap;gap:10px .27rem;margin-bottom:.62rem}.index .p-intro .i-body .b-wrapper .has-icon .desc{flex:1}.index .p-intro .i-body .b-wrapper .has-icon .b-icon{width:65px;height:70px;background:no-repeat center/contain}.index .p-intro .i-body .b-wrapper .has-icon .internship{background-image:url(../images/icon-pf-intern.png)}.index .p-intro .i-body .b-wrapper .has-icon .dual{background-image:url(../images/icon-pf-dual.png)}.index .p-intro .i-body .list-dot{list-style:disc outside;padding-left:1em}.index .p-intro .i-body .list-dot li{margin-bottom:10px}.index .p-intro .i-body .list-dot li:last-child{margin-bottom:0}.index .p-intro .i-body .list-dot li::marker{font-size:.8em}.index .p-intro .i-head:hover,.index .p-intro .item.active .i-head{padding:.28rem .58rem;margin:0;color:#353535;background-image:linear-gradient(91deg, #CDE6FF 2%, #C1DBFF 50%, #FFCACA 100%)}.index .p-intro .i-head:hover .las,.index .p-intro .item.active .i-head .las{transform:rotate(-90deg);border-color:rgba(28,92,149,.4);color:#1c5c95}.index .p-intro .i-head:hover .fir,.index .p-intro .item.active .i-head .fir{width:48px;opacity:1}.index .p-intro .i-body{display:none}.index .curriculum{padding:.95rem 0}.index .curriculum .page-content{display:flex;gap:36px 2.83rem;height:612px;padding:.98rem .9rem;border-radius:6px;box-sizing:border-box;background:#27292a url(../images/index-curri-bg.png) no-repeat center/cover}.index .curriculum .wrapper{flex:1;display:flex;align-items:center;gap:12px .28rem}.index .curriculum .item{width:calc(50% - .14rem);box-sizing:border-box;color:#fff;background-image:linear-gradient(85deg, #61656A 0%, #5C626B 49%, #605F65 100%);border-radius:8px 0 8px 0;font-size:16px}.index .curriculum .item .body{padding:.4rem .4rem .64rem}.index .curriculum .item .body .icon{font-size:40px}.index .curriculum .item .title{font-size:22px;line-height:1.27;margin:.24rem 0 0}.index .curriculum .item .list{height:auto;max-height:0;margin-top:0;overflow:hidden;visibility:hidden;opacity:0;color:#555;transition:all .3s ease}.index .curriculum .item .list li{position:relative;padding-left:24px;margin-bottom:10px}.index .curriculum .item .list li:last-child{margin-bottom:0}.index .curriculum .item .list li::before{content:"-";position:absolute;left:0;top:-2px}.index .curriculum .item .btn{position:relative;display:flex;justify-content:flex-end;padding:.29rem .4rem .27rem}.index .curriculum .item .btn::before{content:"";position:absolute;top:0;left:.4rem;width:calc(100% - .8rem);border-top:1px dotted rgba(243,247,255,.25)}.index .curriculum .item .btn .icon{position:absolute;top:4px;right:0;font-size:20px}.index .curriculum .item .btn .btn-link{position:relative;padding-right:.37rem;opacity:.5}.index .curriculum .item:hover{color:#202020;background-image:linear-gradient(85deg, #CBE6FF 0%, #C4DEFE 49%, #E2D4E5 100%)}.index .curriculum .item:hover .body .icon{color:#74dfd6}.index .curriculum .item:hover .list{max-height:300px;margin-top:.46rem;visibility:visible;opacity:1}.index .curriculum .item:hover .btn{background:#ced8f4;mix-blend-mode:multiply}.index .curriculum .item:hover .btn a[href]{text-decoration:underline}.index .curriculum .item:hover .btn .icon{color:#0d61b8}.index .curriculum .item:hover .btn .btn-link{opacity:1}.index .our-people{--t-sub-color: #202020;--t-title-color: #202020;padding:.53rem 0 1.26rem}.index .our-people .head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:.63rem}.index .our-people .btn-list{display:flex;gap:10px 24px;font-weight:300;font-size:22px;line-height:1.27;color:rgba(32,32,32,.6)}.index .our-people .btn-list .btn-item{position:relative;padding-bottom:10px;cursor:pointer}.index .our-people .btn-list .btn-item.active{font-weight:400;color:#0d61b8;border-bottom:3px solid #0d61b8}.index .our-people .wrapper{display:none;width:max(100vw - (100vw - 1500px)/2,100% + (100vw - 1500px)/2)}.index .our-people .wrapper.active{display:block}.index .our-people .swiper-slide{width:380px;font-weight:300;font-size:16px;line-height:1.5;color:#555}.index .our-people .swiper-slide .img{height:411px;overflow:hidden}.index .our-people .swiper-slide .img img{transition:transform .3s ease-out}.index .our-people .swiper-slide .logo-icon{padding:18px 0 14px;border-bottom:1px dotted #c5c5c7}.index .our-people .swiper-slide .logo-icon img{height:30px;-o-object-fit:contain;object-fit:contain}.index .our-people .swiper-slide .title{margin:10px 0;font-weight:600;font-size:20px;color:#0e0e11}.index .our-people .swiper-slide .text h4{margin:6px 0 4px}.index .our-people .swiper-slide:hover .img img{transform:scale(1.1)}.index .our-people .btn-wrap{position:relative;display:flex;width:92%;max-width:1760px;margin:.74rem 0 0}.index .our-people .btn-wrap .pagination{--swiper-theme-color: #0D61B8;--swiper-pagination-progressbar-size: 2px;--swiper-pagination-progressbar-bg-color: #EDEEF4;width:calc(100% - 481px);top:initial;bottom:10px;right:0;left:initial}.index .our-people .btn-wrap .pagination .swiper-pagination-progressbar-fill{height:4px;top:initial;bottom:0}.index .alumni-outcome{margin-bottom:.75rem}.index .alumni-outcome .alu-outc-banner{display:flex;justify-content:flex-end;align-items:center;width:100%;height:2.97rem;background-image:linear-gradient(91deg, rgba(205, 230, 255, 0) 34%, #C1DBFF 53%, #FFCACA 100%);background:url(../images/index-alu-out-bg.jpg) no-repeat center/cover,linear-gradient(91deg, rgba(205, 230, 255, 0) 34%, #C1DBFF 53%, #FFCACA 100%)}.index .alumni-outcome .alu-outc-banner:hover .banner-text{box-shadow:2px 2px 12px rgba(20,53,99,.76)}.index .alumni-outcome .banner-text{display:flex;align-items:baseline;gap:10px 1rem;padding:.34rem .4rem;padding-left:.8rem;margin-right:.6rem;border-radius:6px 0 6px 0;background-color:#1d457e;transition:box-shadow .3s}.index .alumni-outcome .banner-title{font-weight:300;font-size:26px;color:hsla(0,0%,100%,.8)}.index .alumni-outcome .banner-icon{font-size:16px;color:hsla(0,0%,100%,.8)}.index .cutting-edge{--t-sub-color: #202020;--t-title-color: #202020;padding:1.46rem 0 1.26rem;background:#edeff4 url(../images/index-cutting-edge.jpg) no-repeat center/cover}.index .cutting-edge .page-content{display:flex;gap:36px 1.37rem}.index .cutting-edge .title-template .temp-title{font-size:40px}.index .cutting-edge .left{width:346px}.index .cutting-edge .btn{margin-left:41px;margin-top:95px}.index .cutting-edge .wrapper{flex:1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem .26rem}.index .cutting-edge .item{--btn-color: #0D61B8;width:calc(50% - .13rem);font-size:20px;color:#0e0e11}.index .cutting-edge .item .img{height:2.73rem;overflow:hidden;transition:transform .3s ease-out}.index .cutting-edge .item .img img{width:100%;transition:transform .3s ease-out}.index .cutting-edge .item .item-btn{display:inline-block;min-width:184px;min-height:33px;margin:14px 0 15px;padding:3px 20px 6px;box-sizing:border-box;font-size:16px;line-height:1.5;text-align:center;color:var(--btn-color, #0D61B8);border:1px solid var(--btn-color, #0D61B8);border-radius:8px 0 8px 0}.index .cutting-edge .item:hover img{transform:scale(1.2)}.index .cutting-edge .item:hover .item-btn{color:#fff;background:var(--btn-color, #0D61B8)}.index .cutting-edge .item:hover .desc{text-decoration:underline}.index .life-hkust{padding:.8rem .8rem;font-weight:300;font-size:16px;color:#fff}.index .life-hkust .page-content{padding:1.4rem 0 1.3rem;background:url(../images/index-life-bg.jpg) no-repeat center/cover}.index .life-hkust .title{margin-bottom:.52rem;font-size:40px;color:#fefefe;line-height:1.25;text-align:center}.index .life-hkust .link-list{display:flex;justify-content:center;gap:10px .8rem}.index .life-hkust .link-list .link::before{content:"-";display:inline-block;margin-right:.2rem}@media screen and (max-width: 910px){.index .banner .page-content{position:relative;padding:0 0 24px}.index .banner .title{width:336px;font-size:26px;line-height:1.3846}.index .banner .title br{display:block}.index .banner .scroll-btn{position:absolute;bottom:24px;right:0;width:52px;height:52px;line-height:52px;font-size:14px}.index .p-intro{padding:40px 0}.index .p-intro .page-content{padding:21px 8px 40px;border-radius:4px}.index .p-intro .wrapper{margin-top:36px}.index .p-intro .item{font-size:10px;border-radius:4px}.index .p-intro .i-head{gap:10px 5px;padding:12px 8px;margin:0}.index .p-intro .i-head .title{font-size:14px}.index .p-intro .i-head .las,.index .p-intro .i-head .fir{font-size:10px;line-height:26px;height:26px}.index .p-intro .i-head .las{width:26px}.index .p-intro .i-head .fir{width:0;opacity:0;overflow:hidden;transition:width .3s ease,opacity .3s ease}.index .p-intro .i-body .title{font-size:14px}.index .p-intro .i-body .body-wrap{display:block;padding:16px 18px 34px}.index .p-intro .i-body .left{display:none}.index .p-intro .i-body .title-wrap{display:flex;flex-wrap:wrap;gap:16px}.index .p-intro .i-body .title-wrap .title{width:100%}.index .p-intro .i-body .title-wrap .system{margin-top:16px}.index .p-intro .i-body .title-wrap .system-icon{width:16px;height:16px;margin-right:6px}.index .p-intro .i-body .title-wrap .info{width:100%;gap:16px 4px}.index .p-intro .i-body .title-wrap .info .title{margin-bottom:2px}.index .p-intro .i-body .title-wrap .info p{opacity:.9;font-weight:300}.index .p-intro .i-body .title-wrap .info-item,.index .p-intro .i-body .title-wrap .info-item:first-child{width:calc(50% - 2px)}.index .p-intro .i-body .b-wrapper{margin-top:20px;padding-top:20px;font-size:10px}.index .p-intro .i-body .b-wrapper .b-item{margin-bottom:16px}.index .p-intro .i-body .b-wrapper .has-icon{gap:10px;margin-bottom:16px}.index .p-intro .i-body .b-wrapper .has-icon .b-icon{width:20px;height:22px;background:no-repeat center/contain}.index .p-intro .i-head:hover,.index .p-intro .item.active .i-head{padding:12px 7px}.index .p-intro .i-head:hover .fir,.index .p-intro .item.active .i-head .fir{width:10px}.index .curriculum{padding:40px 0 0}.index .curriculum .page-content{flex-direction:column;height:auto;padding:28px 15px 34px;border-radius:4px;background-position:bottom}.index .curriculum .wrapper{width:100%;flex-direction:column}.index .curriculum .item{width:100%;border-radius:4px 0 4px 0;font-size:10px}.index .curriculum .item .body{padding:24px 22px 40px}.index .curriculum .item .body .icon{font-size:30px}.index .curriculum .item .title{font-size:14px;margin:24px 0 0}.index .curriculum .item .list li{padding-left:18px;margin-bottom:6px}.index .curriculum .item .list li::before{font-size:12px}.index .curriculum .item .btn{padding:16px 32px 22px}.index .curriculum .item .btn::before{left:22px;width:calc(100% - 44px)}.index .curriculum .item .btn .icon{top:2px;font-size:14px}.index .curriculum .item .btn .btn-link{padding-right:22px}.index .our-people{padding:40px 0 46px}.index .our-people .head{flex-direction:column;justify-content:flex-start;align-items:flex-start;row-gap:16px;margin-bottom:26px}.index .our-people .btn-list{-moz-column-gap:20px;column-gap:20px;font-size:14px;padding-left:8px}.index .our-people .btn-list .btn-item.active{padding-left:14px}.index .our-people .btn-list .btn-item.active::before{top:4px;margin-right:6px;font-size:10px}.index .our-people .wrapper{width:calc(100% + 4vw)}.index .our-people .wrapper.active{display:block}.index .our-people .swiper-slide{width:242px;font-size:10px}.index .our-people .swiper-slide .img{height:262px}.index .our-people .swiper-slide .logo-icon{padding:10px 0}.index .our-people .swiper-slide .logo-icon img{height:18px}.index .our-people .swiper-slide .title{margin:6px 0 4px;font-size:12px}.index .our-people .swiper-slide:hover .img img{transform:scale(1.1)}.index .our-people .btn-wrap{padding-top:24px;margin-top:25px}.index .our-people .btn-wrap .pagination{--swiper-pagination-progressbar-size: 1px;width:100%;top:0;bottom:initial;right:0;left:initial}.index .our-people .btn-wrap .pagination .swiper-pagination-progressbar-fill{height:2px}.index .alumni-outcome{margin-bottom:30px}.index .alumni-outcome .alu-outc-banner{height:3rem}.index .alumni-outcome .banner-text{gap:10px .4rem;padding:.2rem .2rem;padding-left:.4rem}.index .alumni-outcome .banner-title{font-size:18px}.index .alumni-outcome .banner-icon{font-size:14px}.index .cutting-edge{position:relative;padding:40px 0 40px}.index .cutting-edge .page-content{position:relative;display:block;padding-bottom:78px}.index .cutting-edge .title-template .temp-title{font-size:24px}.index .cutting-edge .left{width:100%;margin-bottom:36px}.index .cutting-edge .btn{position:absolute;bottom:0;left:0;margin-left:0;margin-top:0}.index .cutting-edge .wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px 6px}.index .cutting-edge .item{width:calc(50% - 3px);font-size:12px}.index .cutting-edge .item .img{height:2.8rem}.index .cutting-edge .item .item-btn{min-width:78px;min-height:22px;margin:8px 0 12px;padding:4px 22px;font-size:10px;line-height:1;border-radius:3px 0 3px 0}.index .life-hkust{padding:40px 0 40px;font-size:14px}.index .life-hkust .page-content{padding:44px 10px}.index .life-hkust .title{margin-bottom:28px;font-size:24px}.index .life-hkust .link-list{display:flex;flex-direction:column;align-items:center;gap:12px}.index .life-hkust .link-list .link::before{content:"-";display:inline-block;margin-right:12px}}.page-scroll{position:fixed;left:0;top:50%;z-index:99;width:159px;padding:7px 15px 42px 22px;box-sizing:border-box;background:rgba(55,55,61,.92);color:#fff;font-size:12px;line-height:1.4;text-transform:uppercase}.page-scroll .scroll-dir{display:block;opacity:.5;padding:25px 0;border-bottom:1px dotted rgba(151,151,151,.4)}.page-scroll .scroll-dir.active{opacity:1}