@import url("https://fonts.googleapis.com/css2?family=Material+Symbols");.material-symbols{font-size:2rem}:root{--font-color:#fff;--font-color-dark:#171717;--font-color-disabled:#333;--background:#f0f0ef;--background-e:#e2e0e0;--maincolor:#0037fe;--panel-color-s:#000000ee;--panel-color-e:#000000aa}html{scroll-behavior:smooth}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--font-color);background:var(--background);font-family:Dela Gothic One,sans-serif;font-weight:400;font-style:normal;overflow-y:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}button{background:none;border:none;font-family:Dela Gothic One,sans-serif;font-weight:400;font-style:normal}section{position:relative}a{color:#8da5fc;text-decoration:none}.title{text-align:center;font-size:2.8rem}.subtitle{font-size:5rem;margin-bottom:12px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.reveal.visible{opacity:1;transform:translateY(0)}.back-title{position:absolute;top:200px;left:-10rem;transform:rotate(-8deg)}.section-wrapper{position:relative;color:var(--font-color);padding:92px 0;display:flex;justify-content:center}.section-content{position:relative;font-size:1.4rem;letter-spacing:0;width:68%;margin:auto;transition:.3s}.content-wrapper{padding:12px 24px}.tab-wrapper{margin:auto;padding:12px;display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.tab-wrapper button.tab-item{font-size:1.5rem;color:#bbb;padding:12px 24px;background-color:var(--panel-color-s);opacity:.8;transition:.2s}.tab-wrapper button.tab-item:hover{color:var(--font-color)}.tab-wrapper button.tab-item.selected{color:var(--font-color);background-color:var(--maincolor);opacity:.9}.tab-wrapper button.tab-item[disabled]{color:var(--font-color-disabled)}.font_tc{font-family:Noto Sans TC,sans-serif;font-weight:400;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hover-ec{opacity:.8;transition:.2s}.hover-ec:hover{opacity:.95}.no-wrap{white-space:nowrap}.text-right{text-align:right}@media screen and (max-width:948px){.section-content{width:92%}.title{font-size:2.2rem;text-align:center}.tab-wrapper button.tab-item{font-size:1.2rem;padding:8px 16px}}@media screen and (max-width:623px){.subtitle{font-size:3rem}.subtitle,.title{text-align:center}.title{font-size:1.4rem}.section-wrapper{padding:64px 12px}.section-content{width:100%;font-size:1.2rem}.content-wrapper{padding:12px}.back-title{top:64px}.tab-wrapper button.tab-item{font-size:1rem;padding:6px 12px}}@media (prefers-color-scheme:dark){html{color-scheme:dark}}