@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+SC&family=Noto+Serif+SC&display=swap);@font-face{font-display:block;font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v266/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsLjBuVY.woff2) format("woff2")}.icon{word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;box-sizing:initial;color:inherit;direction:ltr;display:inline-block;font-family:Material Symbols Outlined!important;font-size:24px;font-style:normal;font-weight:400;font-weight:300;letter-spacing:normal;line-height:1;text-transform:none;transition:.2s;white-space:nowrap;width:24px}:root{--color-text:0,0,0;--color-background:255,255,255;--color-primary:16,78,145}@media (prefers-color-scheme:dark){:root{--color-text:255,255,255;--color-background:20,20,40;--color-primary:255,255,255}}.dark{--color-text:255,255,255;--color-background:20,20,40;--color-primary:255,255,255}body{background:#fff;background:rgb(var(--color-background));margin:0;transition:.2s}*{color:#000;color:rgb(var(--color-text));font-family:"Noto Serif SC",serif}.noto-sans-sc-400{font-family:Noto Sans SC,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400}.headline,.serif{font-family:"Noto Serif SC",serif;font-optical-sizing:auto;font-style:normal;font-weight:400}.headline{letter-spacing:8px;margin:auto;max-width:30rem;text-align:center}.appbar{background:linear-gradient(0deg,#0000,#fff6 25%,#fff9 40%,#ffffffe6 80%);background:linear-gradient(0deg,#0000,rgba(var(--color-background),.4) 25%,rgba(var(--color-background),.6) 40%,rgba(var(--color-background),.9) 80%);left:0;position:fixed;right:0;top:0;z-index:999}.toolbar{align-items:center;display:flex;gap:.5rem;height:40px;padding-inline:1rem}.title{align-items:center;display:flex;font-optical-sizing:auto;font-style:normal;font-weight:400;height:56px;justify-content:space-evenly;margin:auto;max-width:30rem;overflow:visible;transition:none;span{font-family:"Noto Serif SC",serif;transition:none}}button,input,textarea{background:#0000;border:none;box-sizing:border-box;color:#000;color:rgb(var(--color-text));font-family:"Noto Serif SC",serif;font-optical-sizing:auto;font-style:normal;font-weight:400;outline:none}input,textarea{border-bottom:.5px solid #000;border-bottom:.5px solid rgb(var(--color-text));letter-spacing:1px;padding:.6rem;resize:none}button{-webkit-tap-highlight-color:transparent;border:.5px solid #000;border:.5px solid rgb(var(--color-text));cursor:pointer;letter-spacing:8px;padding:.5rem .5rem .5rem 1rem;transition:.2s;&:hover{background:#0000001a;background:rgba(var(--color-text),.1)}&.inline{align-items:center;border:none;color:#0009;color:rgba(var(--color-text),.6);display:inline-flex;letter-spacing:4px;padding:0;&:hover{background:none;& :last-child{margin-left:4px}}}}#loading,.backdrop{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;transition:.2s;z-index:9999}.alert{display:flex;flex-direction:column;font-family:"Noto Serif SC",serif;font-optical-sizing:auto;font-style:normal;font-weight:400;max-height:70vh;max-width:90vw;.headline{font-size:24px;letter-spacing:.5rem}.description{font-size:16px;letter-spacing:2px;overflow-y:scroll;white-space:pre-wrap}}.toolbar:hover .tool-button{opacity:.4}.tool-button{border-color:#0000;border-color:rgba(var(--color-text),0);border-radius:4px;height:32px;letter-spacing:4px;padding:0 4px 0 8px;&:hover{opacity:1!important}&.selected,&:hover{border-color:#000;border-color:rgba(var(--color-text),1)}}.icon-button{padding:0 4px}.drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:998}.drawer-backdrop.open{opacity:1;visibility:visible}.navigation-drawer{background:#fff;background:rgb(var(--color-background));box-shadow:2px 0 8px #0000001a;display:flex;flex-direction:column;height:100vh;left:-280px;position:fixed;top:0;transition:left .3s ease;width:280px;z-index:999}.navigation-drawer.open{left:0}.drawer-header{align-items:center;box-sizing:border-box;display:flex;height:64px;justify-content:space-between;padding:1rem}.drawer-header h3{font-size:18px;font-weight:400;letter-spacing:2px;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:8px}.close-button:hover{background:#0000001a;background:rgba(var(--color-text),.1)}.drawer-content{flex:1 1;overflow-y:auto;padding:1rem 0}.drawer-item{align-items:center;background:none;border:none;border-radius:0;cursor:pointer;display:flex;font-size:16px;justify-content:space-between;letter-spacing:2px;padding:1rem;text-align:left;transition:background-color .2s ease;width:100%}.drawer-item:hover{background:#0000000d;background:rgba(var(--color-text),.05)}.drawer-item.selected{background:#0000001a;background:rgba(var(--color-text),.1);border-left:3px solid #000;border-left:3px solid rgb(var(--color-text))}.drawer-item .item-label{flex:1 1}.drawer-item .icon{font-size:20px;opacity:.7}.user-menu-container{display:inline-block;position:relative}.user-menu{background:#fff;background:rgb(var(--color-background));border:.5px solid #0003;border:.5px solid rgba(var(--color-text),.2);border-radius:4px;box-shadow:0 2px 10px #0000001a;margin-top:8px;min-width:150px;position:absolute;right:0;top:100%;transition:none;z-index:1000}.user-info{border-bottom:.5px solid #0000001a;border-bottom:.5px solid rgba(var(--color-text),.1);font-weight:500;padding:12px 16px}.logout-button{background:none;border:none;cursor:pointer;font-family:"Noto Serif SC",serif;font-size:14px;letter-spacing:2px;padding:12px 16px;text-align:left;width:100%}.logout-button:hover{background:#0000000d;background:rgba(var(--color-text),.05)}.menu-button{align-items:center;border-radius:4px;display:flex;justify-content:center;padding:8px}.menu-button:hover{background:#0000001a;background:rgba(var(--color-text),.1)}@media screen and (max-width:768px){.toolbar{padding-inline:.5rem}.navigation-drawer{left:-260px;width:260px}.user-menu{left:auto;right:0}}.head-container{padding-top:96px!important}.ad{background:#0000001a;background:rgba(var(--color-text),.1);border-radius:1rem;display:flex;flex-direction:column;gap:1rem;margin:auto;max-width:400px;padding:1rem;width:90vw;div{display:flex;justify-content:space-between}p{font-family:sans-serif;margin:0}}@media screen and (max-width:768px){.toolbar{height:0}.navigation-drawer{left:-240px;width:240px}.drawer-header{height:56px;padding:.75rem}.drawer-item{font-size:15px;padding:.75rem}.head-container{padding-top:56px!important}}.dialog{display:flex;flex-direction:column;font-family:"Noto Serif SC",serif;font-optical-sizing:auto;font-style:normal;font-weight:400;gap:.5rem;left:50%;min-width:15rem;position:fixed;top:50%;transform:translate(-50%,-50%);.subtitle{font-size:24px;letter-spacing:.5rem}}.container{align-items:center;display:flex;flex-direction:column;&.full{height:100vh;justify-content:center;scroll-snap-align:center}}.head,.left-container{display:flex;flex-direction:column;padding:1rem}.head{align-items:flex-start;-webkit-backdrop-filter:blur(2px) saturate(150%);backdrop-filter:blur(2px) saturate(150%);background:rgba(var(--color-background),.6);box-shadow:0 0 12px 4px rgba(var(--color-text),.3);width:20rem}.bcbg{position:relative;&:before{background-image:url(https://hsbc.pudong-edu.sh.cn/img/bg4.66a1a1d7.png);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}}@media screen and (prefers-color-scheme:dark){.bcbg:before{filter:brightness(.4)}.head{box-shadow:0 0 12px 4px rgba(var(--color-text),.2)}}.snap-scroll{height:100vh;overflow-y:scroll;scroll-behavior:smooth;scroll-snap-type:y mandatory}.home-title{font-size:32px}.home-subtitle,.home-title{color:rgb(var(--color-primary));font-weight:300;margin:0}.home-subtitle{font-size:16px}@keyframes rotation{0%{rotate:0deg}to{rotate:1turn}}.home-container{.center-logo{left:50%;max-width:16rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:60vw;z-index:-1}.bottom{align-items:center;background:linear-gradient(0deg,rgba(var(--color-primary),.1) 60%,#0000);display:flex;gap:2rem;padding-inline:2rem;padding:2rem;h1,p{margin:0}p{font-family:Noto Sans SC,Helvetica,SansSerif,serif}a{cursor:pointer;text-decoration:none;&:hover{text-decoration:underline}}}.column{display:flex;flex-direction:column;justify-content:center}.row{display:flex;flex-direction:row}.logo{animation:rotation 32s linear infinite}}@media screen and (max-width:768px){.home-title{font-size:22px}.home-subtitle{font-size:9px}}.fullcon{height:100vh}.fullcon,.linecon{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.wnl{background:#ffffe0;display:flex;gap:1rem;rotate:20deg;transform:translateY(-250%);h1{color:red;font-family:Noto Sans SC}.bl{background:#ff0;width:4rem}}.ofh{align-items:flex-start;display:flex;justify-content:flex-start;overflow:hidden}.schools{flex-direction:row;width:-webkit-max-content;width:max-content;.card{align-items:center;display:flex;flex-direction:column-reverse;width:50vw;img{height:200px;width:200px}p{text-align:center}}}@media screen and (min-width:768px){.schools .card{width:25vw}}.zhmw{background-image:url(/static/media/zhmw.5bc2a40bb412d8f06012.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:200px}.space3d{display:flex;justify-content:center;transform:rotateX(20deg) rotateY(40deg) translateZ(-100px)}.band-container,.space3d{transform-style:preserve-3d}.band-container{height:256px;position:absolute;width:256px;will-change:transform;&:hover{translate:20px}}.view{transform:perspective(100px);transform-style:flat;will-change:transform}.memberCard{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.positioner{height:108px;position:relative;width:72px}.avatar{font-size:72px;margin:0;opacity:0;position:absolute}.line{height:23px;overflow:hidden}.group{text-align:center}.text{line-height:23px;margin:0;transform:translateY(100%)}.card{box-sizing:border-box;overflow:hidden;padding:.5rem;.ccon{align-items:center;background:rgba(var(--color-text),.1);border-radius:1rem;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;width:100%;h1{margin:0}}}.init{box-sizing:border-box;flex-direction:row;overflow:hidden;.card1{height:100%;width:100%}.card-group{height:100%;width:0}.card-group .card2{height:100%}.card-group .card3{height:0;padding:0}}
/*# sourceMappingURL=main.56016a2f.css.map*/