.hm{--mist:#e3eaec;--paper:#f7f8f7;--paper2:#eff1f0;--slate:#4e6472;--deep:#2f3b44;--ink:#28323a;--grey:#66727b;--soft:#96a1a9;--rule:#dfe4e5;--sans:"Inter Variable", "Noto Sans SC", -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--thin:"Noto Serif SC", "Songti SC", "SimSun", serif;min-height:100vh;color:var(--ink);font:15px/1.5 var(--sans);-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:#0000;background-image:radial-gradient(760px 560px at 6% 4%,#fffffff2,#fff0 70%),radial-gradient(680px 520px at 88% 6%,#c4baec73,#c4baec00 70%),radial-gradient(760px 600px at 30% 96%,#f0d6c473,#f0d6c400 70%),radial-gradient(900px 700px at 104% 100%,#8caac073,#8caac000 66%),linear-gradient(#edf2f3 0%,#dde6e9 100%);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;flex-direction:column;display:flex}.hm *,.hm :before,.hm :after{box-sizing:border-box}.hm-top{border-bottom:1px solid #28323a1a;padding:22px clamp(20px,4vw,48px)}.hm-brand{font:400 26px/1 var(--thin);letter-spacing:.01em;color:var(--ink)}.hm-body{flex:1;grid-template-columns:minmax(0,1fr) 340px;align-items:center;gap:clamp(28px,4vw,56px);width:min(1240px,100%);margin:0 auto;padding:clamp(28px,6vh,64px) clamp(20px,4vw,48px);display:grid}.hm-main h1{font:300 clamp(40px, 5.4vw, 64px)/1.15 var(--thin);letter-spacing:.02em;color:var(--ink);margin:0 0 clamp(28px,6vh,56px)}.hm-label{color:var(--grey);margin:0 0 12px;font-size:14px}.hm-cards{grid-template-columns:repeat(var(--n,3), minmax(0, 1fr));gap:14px;display:grid}.hm-card{all:unset;box-sizing:border-box;cursor:pointer;background:#ffffffd1;border-radius:16px;flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden;box-shadow:0 0 0 1px #283c4814,0 14px 30px -22px #283c4873}.hm-card:hover{transform:translateY(-2px)}.hm-card:focus-visible{outline:2px solid var(--slate);outline-offset:3px}.hm-card.is-on{box-shadow:0 0 0 2px var(--slate), 0 16px 34px -22px #283c488c}.hm-photo{aspect-ratio:16/10;background:var(--paper2);display:block;overflow:hidden}.hm-photo img{object-fit:cover;object-position:top left;width:100%;height:100%;display:block}.hm-photo.is-pixel img{image-rendering:pixelated;object-position:center}.hm-card-text{gap:8px;padding:14px 14px 16px;display:grid}.hm-card-text small{color:var(--grey);justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.hm-card-text small i{width:15px;height:15px;box-shadow:inset 0 0 0 1.5px var(--soft);border-radius:50%}.hm-card.is-on .hm-card-text small i{box-shadow:inset 0 0 0 1.5px var(--slate), inset 0 0 0 4px #fff, inset 0 0 0 8px var(--slate)}.hm-card-text b{color:var(--ink);font-size:16px;font-weight:500}.hm-note{color:var(--grey);margin:18px 0 0;font-size:13px}.hm-login{-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);background:linear-gradient(#ffffffeb,#fafbfbc7);border-radius:22px;gap:14px;padding:30px 26px 24px;display:grid;box-shadow:inset 0 1px #fffffff2,0 0 0 1px #283c4812,0 22px 44px -26px #283c4861}.hm-login h2{font:400 22px/1.2 var(--thin);color:var(--ink);margin:0 0 6px}.hm-chosen{background:var(--paper2);border-radius:14px;gap:6px;padding:16px;display:grid}.hm-chosen small{color:var(--grey);font-size:12px}.hm-chosen b{font-size:15px;font-weight:500}.hm-go{all:unset;box-sizing:border-box;cursor:pointer;background:var(--deep);color:#fff;min-height:48px;font:600 14px/1 var(--sans);border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:0 20px;transition:background .2s,transform .2s;display:flex}.hm-go:hover{background:#3c4a54;transform:translateY(-1px)}.hm-go:focus-visible{outline:2px solid var(--slate);outline-offset:3px}.hm-g{font:500 17px/1 var(--sans);margin-right:4px}.hm-small{text-align:center;color:var(--grey);margin:0;font-size:12.5px}.hm-foot{color:var(--soft);flex-wrap:wrap;gap:6px 18px;padding:18px clamp(20px,4vw,48px) 22px;font-size:12px;display:flex}.hm-foot a{color:var(--grey);text-decoration:none}.hm-foot a:hover{color:var(--ink);text-underline-offset:2px;text-decoration:underline}.hm-foot span{margin-left:auto}.hm-over{z-index:10;background:#28323a47;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.hm-notice{background:var(--paper);border-radius:20px;gap:12px;width:min(100%,400px);padding:26px 24px 22px;display:grid;position:relative;box-shadow:0 24px 60px -20px #1e283280}.hm-notice strong{font:400 19px/1.3 var(--thin)}.hm-notice p{color:var(--grey);margin:0 0 6px;line-height:1.7}.hm-invite{background:var(--paper2);color:var(--ink);border-radius:12px;margin-top:10px;padding:10px 12px;line-height:1.6}.hm-alt{all:unset;cursor:pointer;color:var(--grey);border-radius:10px;justify-self:center;padding:6px 10px;font-size:14px}:is(.hm-alt:hover,.hm-alt:focus-visible){color:var(--ink);background:var(--paper2)}.hm-close{all:unset;cursor:pointer;width:30px;height:30px;color:var(--grey);border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px}.hm-close:hover{background:var(--paper2);color:var(--ink)}@media (max-width:900px){.hm-body{grid-template-columns:1fr;align-items:start}.hm-side{max-width:460px}}@media (max-width:620px){.hm-cards{grid-template-columns:1fr}.hm-card{flex-direction:row}.hm-photo{aspect-ratio:4/3;flex:none;width:42%}.hm-card-text{flex:1;align-content:center}.hm-foot span{margin-left:0}}@media (prefers-reduced-motion:reduce){.hm-card,.hm-go{transition:none}}@media (max-width:900px){.hm{background-attachment:scroll}}:is(body:has(>.hm),body:has(main.hm)){background:#e3eaec}