.home-page .home-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;padding:0 16px 200px}@media (max-width:640px){.home-page .home-bg{padding-bottom:80px}}.home-page .home-bg .home-bg-content{max-width:1000px;margin:0 auto;display:flow-root}.home-page .home-bg .home-bg-content .logo{width:95px;height:80px;margin-top:156px}@media (max-width:640px){.home-page .home-bg .home-bg-content .logo{width:48px;height:40px;margin-top:96px}}.home-page .home-bg .home-bg-content .home-bg-content-title{letter-spacing:var(--my-letter-spacing);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);margin-top:16px;font-size:56px;font-weight:700;line-height:72px}@media (max-width:640px){.home-page .home-bg .home-bg-content .home-bg-content-title{font-size:32px;line-height:40px}}.home-page .home-bg .home-bg-content .home-bg-content-desc{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);margin-top:16px;font-size:30px;font-weight:500;line-height:40px}@media (max-width:640px){.home-page .home-bg .home-bg-content .home-bg-content-desc{font-size:16px;line-height:20px}}.home-page .home-bg .home-bg-content .good-schedule{width:564px;height:auto;margin-top:80px}@media (max-width:640px){.home-page .home-bg .home-bg-content .good-schedule{margin-top:40px}}.home-page .code-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:30px;margin-top:-32px;padding:0 16px 32px;display:flow-root}@media (max-width:640px){.home-page .code-bg{border-radius:8px}}.home-page .code-bg .desc{width:100%;max-width:1000px;height:auto;margin:-40px auto auto;display:block}@media (max-width:640px){.home-page .code-bg .desc{margin-top:-20px}}.home-page .nb-container{position:relative}.home-page .nb-container .elevator-sticky-container{z-index:20;height:100%;padding-top:80px;position:absolute;top:0}@media (max-width:640px){.home-page .nb-container .elevator-sticky-container{display:none}}.home-page .nb-container .elevator-sticky-container .elevator-nav{--triangle-size:24px;z-index:20;width:160px;position:-webkit-sticky;position:sticky;top:60px}@media (max-width:640px){.home-page .nb-container .elevator-sticky-container .elevator-nav{display:none}}.home-page .nb-container .elevator-sticky-container .elevator-nav .elevator-nav-bg{--triangle-size:24px;clip-path:polygon(0 var(--triangle-size),var(--triangle-size)0,100% 0,100% calc(100% - var(--triangle-size)),calc(100% - var(--triangle-size))100%,0 100%);background:linear-gradient(#e3e8f1 2%,#e9edf6 100%);position:absolute;top:0;bottom:0;left:0;right:0}.home-page .nb-container .elevator-sticky-container .elevator-nav .elevator-nav-inner{--triangle-size:24px;clip-path:polygon(0 var(--triangle-size),var(--triangle-size)0,100% 0,100% calc(100% - var(--triangle-size)),calc(100% - var(--triangle-size))100%,0 100%);background:linear-gradient(#f3f7ff 0%,#f9fbff 100%);padding:24px 0;position:relative;top:-6px;left:-6px}.home-page .nb-container .elevator-sticky-container .elevator-nav .elevator-nav-inner .elevator-nav-title{margin-bottom:8px;padding:0 16px;font-size:24px;font-weight:700;line-height:32px}.home-page .nb-container .elevator-sticky-container .elevator-nav .elevator-nav-inner .elevator-nav-list{flex-direction:column;gap:8px;display:flex}.home-page .nb-container .elevator-sticky-container .elevator-nav .elevator-nav-inner .elevator-nav-list .elevator-nav-item{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:8px 16px;font-size:16px;font-weight:700;line-height:24px;transition:all .1s ease-in-out}.home-page .nb-container .elevator-sticky-container .elevator-nav .elevator-nav-inner .elevator-nav-list .elevator-nav-item:not(.selected):hover{background:linear-gradient(90deg,rgba(23,143,255,.1) 2%,rgba(23,143,255,0) 100%);padding-left:24px}.home-page .nb-container .elevator-sticky-container .elevator-nav .elevator-nav-inner .elevator-nav-list .elevator-nav-item.selected{color:#178fff}.home-page .nb-container .detail-intro{padding:80px 16px}@media (max-width:640px){.home-page .nb-container .detail-intro{padding-top:40px;padding-bottom:40px}}.home-page .nb-container .detail-intro:nth-of-type(odd){background-color:#f9f9f9}.home-page .nb-container .detail-intro .detail-intro-content{max-width:1000px;margin:0 auto;display:flex}.home-page .nb-container .detail-intro .detail-intro-content .elevator-placeholder{flex-shrink:0;width:200px}@media (max-width:640px){.home-page .nb-container .detail-intro .detail-intro-content .elevator-placeholder{display:none}}
