@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}@media (prefers-color-scheme:dark){:root{--color-text:255,255,255;--color-background:20,20,40}}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;.headline{font-size:24px;letter-spacing:.5rem}.description{font-size:16px;letter-spacing:2px}}.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}@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}}.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{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);display:flex;flex-direction:column;padding:1rem;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}.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: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}
/*# sourceMappingURL=main.e322422b.css.map*/