*{box-sizing:border-box}html{font-size:min(calc(100vw / 282),1.77305px);background:#eee}body{margin:0;color:#353535;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;font-size:12rem;-webkit-font-smoothing:antialiased}.phone{max-width:282rem;height:100dvh;margin:auto;background:white;position:relative;overflow:hidden}a{color:inherit;text-decoration:none}.viewport{height:100dvh;overflow:hidden;background:#fff}.brand{height:33rem;background:#23b58c;display:flex;align-items:center;justify-content:center;position:relative}.brand img{height:22rem;width:83rem;object-fit:contain}.logout{position:absolute;right:12rem;color:white;font-size:20rem}.home-content{padding:9rem 12rem}.profile{height:56rem;background:#f6f6f6;border-radius:3rem;display:flex;align-items:center;padding:9rem;gap:8rem}.profile img{width:32rem;height:32rem;border-radius:4rem}.profile>span:not(.badge){font-size:13rem}.badge{margin-left:auto;background:#25b58b;color:white;border-radius:20rem;padding:5rem 12rem;font-size:10rem}.exam-banner{width:100%;height:61rem;display:block;margin-top:9rem;border-radius:4rem}.services{display:grid;grid-template-columns:repeat(3,1fr);margin:21rem -12rem 0;row-gap:15rem}.service{display:flex;align-items:center;flex-direction:column;text-align:center;gap:7rem;min-height:57rem;font-size:10rem;line-height:13rem}.service svg{height:23rem;width:23rem;fill:currentColor}.service span{color:#454545}.green{color:#29b58e}.blue{color:#2e8ddd}.yellow{color:#f6b90d}.tabbar{position:absolute;bottom:0;left:0;right:0;height:34rem;border-top:1rem solid #f5f5f5;background:white;display:flex;justify-content:space-around}.tabbar>div{color:#888;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;font-size:7rem}.tabbar svg{width:17rem;height:17rem;fill:currentColor}.tabbar .active{color:#26b58d}.page-title{height:28rem;background:#24b58c;color:white;text-align:center;font-size:11rem;line-height:28rem;position:relative;letter-spacing:1rem}.page-title a{position:absolute;left:12rem;font-size:21rem;line-height:25rem}.list-scroll{height:calc(100% - 28rem);overflow-y:auto;padding:12rem 12rem 20rem;scrollbar-width:thin;scrollbar-color:#888 transparent}.section-title{display:flex;align-items:center;justify-content:space-between;margin:4rem 0 8rem;line-height:15rem}.section-title>span{font-size:12rem;white-space:nowrap}.section-title small{font-size:9rem;letter-spacing:-.2rem;color:#aaa;white-space:nowrap}.section-title em{font-style:normal;color:#41b799}.school-card{display:block;padding:14rem 12rem 11rem;border-radius:4rem;margin-bottom:8rem;color:white;box-shadow:0 3rem 5rem #0002;background:linear-gradient(110deg,#1cac85,#3cc997);height:64rem}.school-name{font-size:14rem;line-height:19rem;position:relative;white-space:nowrap}.degree{float:right;font-size:9rem;background:#0002;padding:0 6rem;line-height:16rem;border-radius:12rem;margin-top:1rem}.major{font-size:10rem;color:#e1f5ed;line-height:16rem;margin-top:3rem}.school-card.blue{background:linear-gradient(110deg,#3488f0,#59a8f7)}.school-card.purple{background:linear-gradient(110deg,#3b45d9,#557ee8)}.school-card.cyan{background:linear-gradient(110deg,#36adba,#5cc5d6)}.listing section+section{margin-top:15rem}.school-card .school-name{font-size:14rem;letter-spacing:-.4rem}.school-card .degree{margin-left:3rem}.detail .page-title{background:white;color:#292929;height:34rem;line-height:34rem;font-weight:bold}.detail .page-title a{font-weight:normal;line-height:30rem}.detail-scroll{height:calc(100% - 34rem);overflow:auto;scrollbar-width:thin;scrollbar-color:#888 transparent;padding:8rem 12rem 15rem}.recommend-banner{width:100%;height:48rem;display:block;border-radius:4rem}.student-card{margin-top:7rem;padding:15rem 12rem 12rem;background:linear-gradient(110deg,#18ad83,#38c594);border-radius:4rem;height:144rem;color:white;box-shadow:0 3rem 5rem #0002}.student-top{display:flex;gap:9rem;height:75rem}.photo{width:35rem;flex-shrink:0;text-align:center}.photo img{width:35rem;height:45rem;display:block;border-radius:4rem}.photo small{display:block;font-size:7rem;line-height:16rem;color:#d6f3e8;white-space:nowrap}.student-name{padding-top:6rem;font-size:12rem;line-height:18rem}.student-name>div{font-size:9rem;white-space:nowrap}.student-card .degree{font-size:9rem}.student-card .major{margin-top:4rem}.student-data{margin:18rem 0 16rem;font-size:11rem}.data-row{display:grid;grid-template-columns:91rem 1fr;min-height:26rem;line-height:17rem;padding:3rem 0}.data-row dt{text-align:right;color:#a5a5a5;padding-right:0}.data-row dd{margin:0;padding-left:15rem;overflow-wrap:anywhere}.data-row:nth-child(5){min-height:40rem}.report-button{background:#25b58b;color:white;text-align:center;height:35rem;line-height:35rem;font-size:12rem;letter-spacing:1rem;margin-top:12rem}@media(min-width:501px){html{font-size:1.77305px}} 
.logout svg{width:17rem;height:17rem}.detail{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#888 transparent}.detail-scroll{height:auto;overflow:visible}

/* Only the website content is rendered; browser controls belong to the device. */
.home{overflow-y:auto;padding-bottom:34rem}
.tabbar{position:fixed;left:50%;right:auto;transform:translateX(-50%);width:min(100%,500px)}
.brand img{width:83rem;height:auto}
.service-icon{width:24.4rem;height:24.4rem;object-fit:contain}
.tab-icon{width:18.5rem;height:18rem;object-fit:contain}
.profile{border-radius:5rem}
.school-card{height:63rem;border-radius:4.5rem;box-shadow:0 3rem 5rem #1bb18a33}
.school-card.blue{box-shadow:0 3rem 5rem #368af033}
.school-card.purple{box-shadow:0 3rem 5rem #3b45d933}
.section-title>span{font-weight:600}
.school-card .school-name{font-size:13rem;letter-spacing:0}
.school-name{display:flex;align-items:center;justify-content:space-between}
.degree{float:none;flex-shrink:0}
.degree:empty{display:none}
.recommend-banner{height:auto;aspect-ratio:867 / 157}
.photo img{object-fit:cover}
.student-data{font-size:10.7rem}

.brand{background:rgb(38, 184, 135)}
.student-data{font-size:10.4rem}