:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--notification-success: rgba(72, 187, 120, 1);--notification-fail: rgba(245, 101, 101, 1);--item-n: rgb(189, 197, 208);--item-r: rgb(144, 186, 236);--item-sr: rgb(214, 173, 129);--item-ssr: rgb(168, 138, 236);--header-height: 80px;--sidebar-width: 300px;background-color:var(--bg);transition:all,.3s;transition-delay:.1s}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#app{padding:1rem;text-align:center}.text-font{color:var(--text);font-family:TaiwanPearl-Regular,Microsoft YaHei,sans-serif;font-weight:400;font-size:16px;transition:all,.3s}.text-bold{font-weight:700}.primary-text-color{color:var(--bg)}.secondary-text-color{color:var(--text)}@font-face{font-family:TaiwanPearl-Regular;src:url(https://cdn.jsdelivr.net/gh/max32002/TaiwanPearl@2.125/webfont/TaiwanPearl-Regular.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/max32002/TaiwanPearl@2.125/webfont/TaiwanPearl-Regular.woff) format("woff")}.dropdown-font[data-v-48813b38]{font-size:14px;text-align:left}.dropdown-input[data-v-48813b38]{width:80%}.dropdown-fade-enter-active[data-v-48813b38],.dropdown-fade-leave-active[data-v-48813b38]{opacity:1;transition:all .2s ease}.dropdown-fade-enter-from[data-v-48813b38],.dropdown-fade-leave-to[data-v-48813b38]{opacity:0;transform:translateY(-10px)}.editable-select-container[data-v-48813b38]{justify-items:center;height:2rem}.dropdown-input-container[data-v-48813b38]{width:100%}.dropdown-icon[data-v-48813b38]{position:absolute;align-self:center;pointer-events:none;-webkit-user-select:none;user-select:none;right:15%;height:15%;width:15%}.dropdown-list[data-v-48813b38]{position:relative;top:0%;background:var(--bg);border:1px solid hsl(0 0% 35%);border-radius:6px;margin-top:4px;list-style:none;padding:0;width:100%;max-height:250px;overflow-y:auto;z-index:10;scrollbar-width:thin;scrollbar-color:var(--text) var(--bg)}.dropdown-option[data-v-48813b38]{display:flex;height:1.8rem;padding:8px;cursor:pointer;z-index:10;align-items:center}.dropdown-option[data-v-48813b38]:hover{background:var(--dropdown-hover)}.dropdown-option>img[data-v-48813b38]{height:1.8rem;width:1.7rem;padding-right:.2rem;border-radius:20px}.sidebar[data-v-75fdf9bf]{position:fixed;left:0%;top:0%;width:var(--sidebar-width);height:100%;background-color:var(--sidebar-color);z-index:1000}.student-display-container[data-v-75fdf9bf]{display:block;position:relative;overflow:visible;height:auto;width:180px;top:15%;justify-self:center;padding:20px;border-radius:10px;background-color:var(--bond-result-background)}.student-image-container[data-v-75fdf9bf]{width:120px;height:auto;justify-self:center}.student-image[data-v-75fdf9bf]{position:relative;display:flex;width:120%;height:160px;justify-self:center;border-radius:12px;overflow:hidden;background:var(--image-placeholder-color);box-shadow:0 6px 18px #14142814}.student-image-select[data-v-75fdf9bf]{width:95%;padding:10px 14px;border-radius:10px;border:1.5px solid #ccc;background-color:var(--header-container-color);font-size:14px;appearance:none;background-repeat:no-repeat;background-size:16px;background-position:right 12px center;cursor:pointer}.student-image-select[data-v-75fdf9bf]:before{content:"";position:absolute;left:10px;top:50%;transform:translateY(-50%);width:24px;height:24px;background-image:url(https://schaledb.com/images/background/BG_MainOffice_Night.jpg);background-size:cover;border-radius:50%}.bond-container[data-v-75fdf9bf]{display:flex;justify-content:center;padding:1rem}.bond-container>img[data-v-75fdf9bf]{height:55px;width:auto}.bond-input-container[data-v-75fdf9bf]{position:relative;display:flex;align-items:center;justify-content:center;width:50px;height:auto}.bond-input[data-v-75fdf9bf]{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;text-align:center;background:none;border:0;border-bottom:2px solid var(--bond-input-buttomline);outline:none}.bond-input[data-v-75fdf9bf]::placeholder{color:#e6e6e6}.bond-input[data-v-75fdf9bf]::-webkit-inner-spin-button{-webkit-appearance:none}.bond-result-container[data-v-75fdf9bf]{position:relative;display:flex;width:50px;align-items:center;justify-content:center}.bond-result-container>span[data-v-75fdf9bf]{display:block;position:absolute;top:85%;font-size:14px;color:var(--text)}.bond-level-result-container[data-v-75fdf9bf]{position:relative;display:flex}.arrow-image[data-v-75fdf9bf]{display:block;height:30px;width:auto;align-self:center;justify-self:center;pointer-events:none;-webkit-user-select:none;user-select:none}.bond-image[data-v-75fdf9bf]{display:block;height:50px;width:auto;align-self:center;justify-self:center;pointer-events:none;-webkit-user-select:none;user-select:none}.bond-text[data-v-75fdf9bf]{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}.overlay[data-v-b19eb9ab]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#1a1a1a99;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.confirm-modal-container[data-v-b19eb9ab]{display:flex;position:fixed;padding:2rem 4rem;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;flex-direction:column;border-radius:20px;background-color:#d9d9d9;justify-content:center;align-items:center;z-index:2005}.modal-btn[data-v-b19eb9ab]{position:relative;float:right;display:flex;flex-direction:row;width:4.5rem;aspect-ratio:9/5;justify-content:center;align-items:center;color:#1a1a1a;background-color:#f2f2f2;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease}.modal-btn[data-v-b19eb9ab]:hover{transform:translateY(-5px)}.modal-btn[data-v-b19eb9ab]:active{transform:scale(.95)}.icon-container[data-v-b19eb9ab]{position:relative;display:flex;justify-content:center;width:100%;height:4rem}.context-container[data-v-b19eb9ab]{padding-bottom:20px}.btn-container[data-v-b19eb9ab]{position:absolute;display:flex;width:90%;bottom:5%;justify-content:right;gap:5px}.primary-btn-color[data-v-b19eb9ab]{background-color:#5cd65c}.secondary-btn-color[data-v-b19eb9ab]{background-color:#f66}.modal-fade-enter-active[data-v-b19eb9ab],.modal-fade-leave-active[data-v-b19eb9ab]{transition:opacity .25s ease}.modal-fade-enter-from[data-v-b19eb9ab],.modal-fade-leave-to[data-v-b19eb9ab]{opacity:0}.v-enter-active[data-v-c43ddbfc],.v-leave-active[data-v-c43ddbfc]{opacity:1;transition:opacity .15s ease}.v-enter-from[data-v-c43ddbfc],.v-leave-to[data-v-c43ddbfc]{opacity:0}.settings[data-v-c43ddbfc]{position:absolute;display:flex;gap:10px;top:15%;right:5%}.setting-option-container[data-v-c43ddbfc]{display:flex;width:50px;height:50px;box-shadow:2px 2px 5px #666;border:none;transform:skew(-8deg);justify-content:center;transition:all .3s ease;background-color:#fff;border-radius:10px;cursor:pointer}.setting-icon[data-v-c43ddbfc]{height:2rem;fill:#000;position:absolute;align-self:center;justify-self:center;pointer-events:none;-webkit-user-select:none;user-select:none}.option-icon[data-v-c43ddbfc]{height:2rem;fill:#000;position:relative;display:flex;align-self:flex-start;justify-self:center;pointer-events:none;-webkit-user-select:none;user-select:none}.toggle-dropdown[data-v-c43ddbfc]{position:absolute;display:flex;flex-direction:column;align-items:center;justify-items:center;gap:5px;width:8rem;top:100%;right:50%;margin-top:10px;padding:10px;background-color:var(--resorted-toggle-select-bg);border-radius:20px}.resort-toggle-option[data-v-c43ddbfc]{display:flex;width:120px;color:#000;font-size:.9rem;border:none;border-radius:10px;background-color:#fff;align-items:center;cursor:pointer;box-shadow:2px 2px 5px #666}.resort-toggle-option[data-v-c43ddbfc]:active{transform:scale(.95)}.dropdown-fade-enter-active[data-v-c43ddbfc],.dropdown-fade-leave-active[data-v-c43ddbfc]{opacity:1;transition:all .2s ease}.dropdown-fade-enter-from[data-v-c43ddbfc],.dropdown-fade-leave-to[data-v-c43ddbfc]{opacity:0;transform:translateY(-10px)}.setting-option-container[data-v-c43ddbfc]:hover{transform:translateY(-5px) skew(-8deg)}.setting-option-container[data-v-c43ddbfc]:active{transform:scale(.95) skew(-8deg)}.header[data-v-46e97f86]{display:flex;position:fixed;top:0;left:0;width:100%;height:var(--header-height);background-color:var(--header-container-color);align-items:center;justify-content:center;z-index:1001}.float-input{width:60%;padding:6px 10px;border:1.5px solid #ccc;border-radius:8px;outline:none;font-size:14px;transition:.25s;background-color:var(--input-bg);color:var(--text)}.float-input:focus{border-color:#4f46e5}.float-input:hover{border-color:#4f46e5}.float-inputt:not(:placeholder-shown){top:-8px;left:10px;font-size:12px;color:#4f46e5}body{padding-top:var(--header-height);padding-left:var(--sidebar-width)}.favor-item-fade-move[data-v-8840700b]{transition:transform .4s ease}.float-input[data-v-8840700b]{width:60%;padding:6px 10px;border:1.5px solid #ccc;border-radius:8px;outline:none;font-size:14px;transition:.25s;background-color:var(--input-bg);color:var(--text)}.float-input[data-v-8840700b]:focus{border-color:#4f46e5}.float-input[data-v-8840700b]:hover{border-color:#4f46e5}.float-inputt[data-v-8840700b]:not(:placeholder-shown){top:-8px;left:10px;font-size:12px;color:#4f46e5}.favor-item-container[data-v-8840700b]{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px}.favor-item[data-v-8840700b]{position:relative;display:block;padding-top:10px;overflow:hidden;min-width:115px;min-height:140px;width:115px;max-height:140px;vertical-align:top;font-size:80%;border:0px solid transparent;background-color:var(--item-n);border-radius:10px;//box-shadow: 0px 0px 10px var(--shadow)}.item-label[data-v-8840700b]{display:flex;position:absolute;bottom:0%;width:100%;height:45px;justify-content:center;align-items:center;background-color:var(--item-label)}.item-label-text[data-v-8840700b]{padding:.2rem;font-size:.8rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word}.favor-item-img[data-v-8840700b]{overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.favor-item-img>img[data-v-8840700b]{aspect-ratio:1/1;width:50%;object-fit:cover;-webkit-user-select:none;user-select:none}.favor-item>p[data-v-8840700b]{position:relative;display:block}.favor-item-state-img[data-v-8840700b]{position:absolute;height:auto;width:auto;top:10px;left:7%;max-width:25%;max-height:25%}@media (max-width:700px){.favor-item-container[data-v-8840700b]{gap:15px}.favor-item[data-v-8840700b]{min-width:100px;width:100px}}.data-el-container[data-v-b2ba0b63]{display:flex;position:fixed;width:60%;height:80%;top:10%;left:20%;flex-direction:column;border-radius:20px;background-color:#d9d9d9;justify-content:center;align-items:center;z-index:2005}.data-el-container>div[data-v-b2ba0b63]{padding:10px;width:65%;overflow-x:hidden;overflow-y:auto}.overlay[data-v-b2ba0b63]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#1a1a1a99;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-text[data-v-b2ba0b63]{color:#1a1a1a}.modal-head[data-v-b2ba0b63]{height:50px}.modal-head>span[data-v-b2ba0b63]{height:100%;position:relative;align-items:center;float:left;display:flex}.modal-close-icon[data-v-b2ba0b63]{width:1.5rem;height:1.5rem}.modal-close-btn[data-v-b2ba0b63]{position:absolute;top:5%;right:5%;display:flex;width:50px;height:50px;box-shadow:2px 2px 5px #666;border:none;transform:skew(-8deg);justify-content:center;align-items:center;transition:all .3s ease;background-color:#fff;border-radius:10px;cursor:pointer}.modal-close-btn[data-v-b2ba0b63]:hover{transform:translateY(-5px) skew(-8deg)}.modal-close-btn[data-v-b2ba0b63]:active{transform:scale(.95) skew(-8deg)}.modal-btn[data-v-b2ba0b63]{position:relative;float:right;display:flex;flex-direction:row;width:70px;height:40px;justify-content:center;align-items:center;color:#1a1a1a;background-color:#f2f2f2;border:none;border-radius:50px;cursor:pointer}.modal-btn[data-v-b2ba0b63]:hover{transform:translateY(-5px)}.modal-btn[data-v-b2ba0b63]:active{transform:scale(.95)}.data-el-textarea[data-v-b2ba0b63]{width:100%;height:10rem;background-color:#e6e6e6;color:#1a1a1a;transition:all .3s ease;border:none}.modal-fade-enter-active[data-v-b2ba0b63],.modal-fade-leave-active[data-v-b2ba0b63]{transition:opacity .25s ease}.modal-fade-enter-from[data-v-b2ba0b63],.modal-fade-leave-to[data-v-b2ba0b63]{opacity:0}@media (max-width:700px){.data-el-container[data-v-b2ba0b63]{width:100%;height:100%;top:0%;left:0%;border-radius:0}}.notification-container[data-v-ab8dfdca]{display:flex;width:16rem;margin-left:auto;margin-right:auto;margin-top:1rem;background-color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0003;border-radius:20px;text-align:left;overflow:hidden}.notification-icon-container[data-v-ab8dfdca]{display:flex;width:3rem;justify-content:center;align-items:center;background-color:#48bb78cc}.icon[data-v-ab8dfdca]{display:block;width:1.5rem;height:1.5rem;fill:#fff;pointer-events:none;vertical-align:middle}.notification-context-container[data-v-ab8dfdca]{color:#000;font-family:Avenir,Helvetica,Arial,sans-serif;margin-left:-.75rem;margin-right:-.75rem;padding:.5rem 1rem}.notification-context-container>div[data-v-ab8dfdca]{margin-left:.75rem;margin-right:.75rem}.content-title[data-v-ab8dfdca]{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e2e8f0;font-weight:600;color:#48bb78}.content-context[data-v-ab8dfdca]{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e2e8f0;margin:0;font-size:.875rem;color:#718096}.fade-enter-active[data-v-ab8dfdca],.fade-leave-active[data-v-ab8dfdca]{transition:opacity .25s ease}.fade-enter-from[data-v-ab8dfdca],.fade-leave-to[data-v-ab8dfdca]{opacity:0}:root[data-theme=light]{--bg: hsl(0, 0%, 90%);--text: hsl(0 0% 10%);--input-bg: hsl(0, 0%, 95%);--dropdown-hover: hsl(0 0% 80%);--header-container-color: hsl(0 0% 85%);--sidebar-color: hsl(0 0% 82%);--arrow-color: hsl(0 0% 45%);--image-placeholder-color: hsl(0 0% 60%);--item-label: hsl(0 0% 70%);--dropdown-icon: hsl(0 0% 50%);--bond-result-background: hsl(0 0% 78%);--shadow: hsl(0 0% 20%);--resorted-toggle-select-bg: hsl(0 0% 75%);--bond-input-buttomline: hsl(0 0% 100%)}:root[data-theme=dark]{--bg: hsl(0, 0%, 10%);--text: hsl(0, 0%, 90%);--input-bg: hsl(0, 0%, 5%);--dropdown-hover: hsl(0 0% 20%);--header-container-color: hsl(0, 0%, 15%);--sidebar-color: hsl(0 0% 18%);--arrow-color: hsl(0 0% 55%);--image-placeholder-color: hsl(0, 0%, 40%);--item-label: hsl(0 0% 30%);--dropdown-icon: hsl(0 0% 50%);--bond-result-background: hsl(0 0% 22%);--shadow: hsl(0 0% 80%);--resorted-toggle-select-bg: hsl(0 0% 25%);--bond-input-buttomline: hsl(0 0% 100%)}.notification-queue-container[data-v-2da714fb]{display:flex;position:fixed;top:5%;left:50%;transform:translate(-50%);z-index:2500}.notification-fade-enter-active[data-v-2da714fb],.notification-fade-leave-active[data-v-2da714fb]{transition:opacity .25s ease}.notification-fade-enter-from[data-v-2da714fb],.notification-fade-leave-to[data-v-2da714fb]{opacity:0}