@charset "UTF-8";*{backface-visibility:hidden;box-sizing:border-box}img{border:0;text-decoration:none;vertical-align:top;max-width:100%;width:auto;height:auto!important;pointer-events:none}a,a:visited,a:hover,a:focus,a:active{text-decoration:none}input,textarea,select,button{font-size:1rem;font-weight:400}textarea,input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}input,textarea,select{font-size:1rem;border-radius:0;border:none;box-shadow:none;-moz-border-radius:0;-webkit-border-radius:0}input,textarea,select,input[type=radio],input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{resize:vertical}h1,h2,h3,h4,h5,h6{font-weight:400;margin:0;padding:0}p{line-height:inherit;margin:0;padding:0}span{display:inline-block}label{font-weight:inherit;margin:0;padding:0;border:0;vertical-align:baseline}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;*font-size: 100%;font-style:inherit;font-weight:inherit;outline:0}input[type=date]::-webkit-inner-spin-button{display:none;-webkit-appearance:none}:after,:before{box-sizing:border-box}html{font-size:16px}body{margin:0;padding:0;font-size:1rem}.inner-container{min-height:calc(100vh - 133px);position:relative;z-index:1}[tabindex]{outline:3px solid transparent;transition:.5s}:focus-visible{outline:3px solid rgba(0,123,255,.4)}@media (max-width: 743px){.inner-container{min-height:auto}}.theme-dark{min-height:100vh;background:#0a0a1a linear-gradient(135deg,#0a0a1a,#1a1a3a,#222,#1a1a3a,#0a0a1a);color:#000;font-family:Popions,Noto Sans TC,sans-serif;font-weight:400}.theme-dark a{color:#fff}.theme-dark #header{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding-right:1rem;width:100%;height:80px}.theme-dark .user-sub-fixed{display:flex;align-items:center;gap:1rem}.theme-dark .certi-box{width:44px;height:50px;background:linear-gradient(135deg,#ffc107,#ff9800);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px #ffc10780,inset 0 0 5px #ffffff80}.theme-dark .certi-box .num{color:#fff;font-size:1.25rem;font-weight:700;text-shadow:0 0 5px rgba(0,0,0,.5)}.theme-dark .certi-box:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 0 25px #ffc107cc,inset 0 0 8px #ffffffb3}.theme-dark .user-info-dropdown{position:relative}.theme-dark .user-info-dropdown .user-info-trigger{position:relative;display:flex;align-items:center;gap:.75rem;padding:.5rem 3rem .5rem 1rem;background:#192d4bb3;border:1px solid rgba(139,233,253,.2);border-radius:30px;cursor:pointer;transition:all .3s ease;min-height:50px}.theme-dark .user-info-dropdown .user-info-trigger:after{content:"";position:absolute;top:50%;right:1.2rem;width:16px;height:1px;background-color:#cdeefd;box-shadow:0 -6px #cdeefd,0 6px #cdeefd}.theme-dark .user-info-dropdown .user-info-trigger:hover{background:#234169e6;border-color:#64ffda80}.theme-dark .user-info-dropdown .user-info-trigger:hover:after{background-color:#fff;box-shadow:0 -6px #fff,0 6px #fff}.theme-dark .user-info-dropdown .user-avatar-thumbnail{aspect-ratio:1/1;width:100%;max-width:32px;border-radius:50%;object-fit:cover;border:2px solid #64ffda;box-shadow:0 0 10px #64ffda80}.theme-dark .user-info-dropdown .user-username{position:relative;top:-1px;color:#cdeefd;font-weight:500;font-size:1.075rem;white-space:nowrap}.theme-dark .user-info-dropdown .dropdown-menu{position:fixed;top:0;right:-320px;width:320px;height:100vh;background-color:#0a192f;box-shadow:-10px 0 30px -15px #000000b3;padding:60px 1.5rem 1.5rem;z-index:2000;pointer-events:none;visibility:hidden;overflow-y:auto;transition:.5s;border-radius:0;border:none!important}.theme-dark .user-info-dropdown .dropdown-menu .menu-close-btn{position:absolute;top:1rem;right:1rem;width:32px;height:32px;background:transparent;border:none;cursor:pointer}.theme-dark .user-info-dropdown .dropdown-menu .menu-close-btn:before,.theme-dark .user-info-dropdown .dropdown-menu .menu-close-btn:after{content:"";position:absolute;top:50%;left:15%;width:70%;height:2px;background-color:#8892b0;transition:background-color .3s ease}.theme-dark .user-info-dropdown .dropdown-menu .menu-close-btn:before{transform:rotate(45deg)}.theme-dark .user-info-dropdown .dropdown-menu .menu-close-btn:after{transform:rotate(-45deg)}.theme-dark .user-info-dropdown .dropdown-menu .menu-close-btn:hover:before,.theme-dark .user-info-dropdown .dropdown-menu .menu-close-btn:hover:after{background-color:#64ffda}.theme-dark .user-info-dropdown.is-open .user-info-trigger{background:#234169e6;border-color:#64ffda80}.theme-dark .user-info-dropdown.is-open .dropdown-menu{right:0;visibility:visible;pointer-events:auto}.theme-dark .user-info-box{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-bottom:.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(139,233,253,.15)}.theme-dark .user-info-box .user-avatar-thumbnail{max-width:100px}.theme-dark .user-info-box .user-username{margin-top:1rem;text-align:center}.theme-dark #footer{display:flex;justify-content:space-between;align-items:center;width:100%;color:#8892b0;font-size:14px;background-color:transparent;border-top:1px solid rgba(139,233,253,.15)}.theme-dark .copyright{padding:10px 20px;color:#8892b0}.theme-dark .footer-settings{display:flex;align-items:center;flex-direction:row;gap:30px}.theme-dark .selector-box{position:relative;padding:10px}.theme-dark .selector-box:before{pointer-events:none;content:"";position:absolute;top:0;left:-15px;width:1px;height:100%;background-color:#8be9fd26}.theme-dark .theme-selector{position:relative;display:flex;align-items:center;gap:10px}.theme-dark .selector-label{color:#a8b2d1;white-space:nowrap;-webkit-user-select:none;user-select:none}.theme-dark .theme-options{display:flex;background-color:#0a192fb3;border-radius:6px;border:1px solid #334155;padding:2px}.theme-dark .theme-option{padding:0 10px;line-height:26px;border-radius:4px;cursor:pointer;transition:all .2s ease;color:#8892b0}.theme-dark .theme-option:focus-visible{outline:2px solid #64ffda;outline-offset:2px}.theme-dark .theme-option.is-active{background-color:#64ffda;color:#0a192f;box-shadow:0 0 8px #64ffda66}.theme-dark .size-selector{display:flex;align-items:center;gap:10px}.theme-dark .size-selector .font-select{padding:0;height:32px}.theme-dark .size-selector .font-select select{padding:0 22px 0 8px;min-width:0;width:100%;font-size:14px;height:30px;line-height:28px;background-color:#0a192fb3;border:1px solid #334155;color:#cdeefd}.theme-dark .size-selector .font-select select option{background-color:#0a192f;color:#cdeefd}.theme-dark .size-selector .font-select:after{right:8px;border-top-color:#8892b0}.theme-dark .size-selector:hover .slider-label{opacity:1}.theme-dark .size-selector:hover .slider-bar{border-color:#64ffda}.theme-dark .slider-track{cursor:pointer;flex:1;display:flex;align-items:center;position:relative;z-index:2;padding:2px 5px 0 3px;width:90px;height:20px;border-radius:2px}.theme-dark .slider-wrap{position:relative;width:100%}.theme-dark .slider-bar{position:absolute;top:50%;left:0;margin-top:-3px;width:100%;height:6px;background-color:#0a192fb3;border-radius:3px;cursor:pointer;border:1px solid #334155}.theme-dark .slider-bar:focus-visible{border-color:#64ffda}.theme-dark .slider-fill{position:absolute;top:50%;left:0;margin-top:-3px;height:6px;background-color:#64ffda;border-radius:3px;pointer-events:none;z-index:1}.theme-dark .slider-label{position:absolute;bottom:14px;left:50%;transform:translate(-50%);background-color:#64ffda;color:#0a192f;padding:2px 6px;border-radius:4px;font-size:14px;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;opacity:0;transition:opacity .2s ease}.theme-dark .slider-knob{position:absolute;z-index:3;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;background-color:#0a192f;border:2px solid #64ffda;border-radius:50%;box-shadow:0 0 8px #64ffda80;pointer-events:none;cursor:pointer}.theme-dark .layout-selector{display:flex;align-items:center;gap:10px}.theme-dark .layout-toggle-switch{position:relative;width:124px;height:32px;background-color:#0a192fb3;border-radius:16px;cursor:pointer;display:flex;align-items:flex-start;justify-content:space-around;padding:0 4px 0 3px;border:1px solid #334155;transition:.5s}.theme-dark .layout-toggle-switch:focus-visible,.theme-dark .layout-toggle-switch:hover{border-color:#64ffda}.theme-dark .layout-toggle-switch .toggle-knob{position:absolute;width:60px;height:26px;background-color:#64ffda;border-radius:13px;top:2px;left:3px;transition:left .5s cubic-bezier(.25,.46,.45,.94)}.theme-dark .layout-toggle-switch .layout-text{z-index:1;line-height:29px;transition:color .3s ease}.theme-dark .layout-toggle-switch.is-pro .toggle-knob{left:3px}.theme-dark .layout-toggle-switch.is-pro .pro-text{color:#0a192f}.theme-dark .layout-toggle-switch.is-pro .concentrated-text{color:#8892b0}.theme-dark .layout-toggle-switch.is-concentrated .toggle-knob{left:59px}.theme-dark .layout-toggle-switch.is-concentrated .pro-text{color:#8892b0}.theme-dark .layout-toggle-switch.is-concentrated .concentrated-text{color:#0a192f}@media (max-width: 992px){.theme-dark #footer{flex-direction:column-reverse}.theme-dark #footer .footer-settings{justify-content:center;width:100%;border-bottom:1px solid rgba(139,233,253,.15)}.theme-dark #footer .size-selector:before{display:none}.theme-dark #footer .size-selector .slider-track{display:none}.theme-dark #footer .size-selector .font-select{width:100px}}@media (max-width: 743px){.theme-dark #footer .footer-settings{flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;padding:0 10px}.theme-dark #footer .selector-box{padding:10px 0}.theme-dark #footer .selector-box:before{display:none}.theme-dark #footer .selector-label{display:none}.theme-dark #footer .size-selector .group-select{width:80px;height:40px}.theme-dark #footer .size-selector .group-select select{height:40px}.theme-dark #footer .layout-selector{display:none;width:124px}.theme-dark #footer .layout-toggle-switch{height:40px;border-radius:20px}.theme-dark #footer .layout-toggle-switch .layout-text{line-height:38px}.theme-dark #footer .layout-toggle-switch .toggle-knob{height:34px;border-radius:24px}.theme-dark #footer .theme-selector{display:none}.theme-dark #footer .theme-options{width:100%}.theme-dark #footer .theme-option{width:100%;height:34px;line-height:34px;text-align:center}}.theme-dark #app-container{min-height:100vh}.theme-dark .inner-container{padding:2rem}.theme-dark .page-container{width:100%;max-width:31.25rem;margin:0 auto;overflow:hidden;color:#e0e0e0;background:#0a192fd9;border:1px solid rgba(139,233,253,.2);border-radius:16px;box-shadow:0 8px 32px #0000005e,0 0 15px #8be9fd1a;transition:transform .3s ease,background-color .3s ease}.theme-dark .page-header{position:relative;padding:1rem 2rem;text-align:center;background-color:transparent;box-shadow:none;border-bottom:1px solid rgba(139,233,253,.15)}.theme-dark .page-title{font-size:1.2rem;font-weight:300;color:#cdeefd;text-shadow:0 0 8px rgba(139,233,253,.5)}.theme-dark .page-body{padding:1rem}.theme-dark .page-body-wrap{padding:0}.theme-dark .page-footer{padding:1rem;background:#0003;border-top:1px solid rgba(139,233,253,.15)}@media (max-width: 992px){.theme-dark #app-container{min-height:calc(100vh - 100px)}.theme-dark .inner-container{padding:0 1rem 2rem}}.theme-dark .loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#8892b0;font-size:1rem;gap:1.5rem}.theme-dark .loading:before{content:"";width:50px;height:50px;border-radius:50%;border:4px solid rgba(100,255,218,.2);border-top-color:#64ffda;animation:spinloading 1s linear infinite}@keyframes spinloading{to{transform:rotate(360deg)}}.theme-dark .scroll-wrap{width:100%}.theme-dark .scroll-wrap::-webkit-scrollbar{width:8px}.theme-dark .scroll-wrap::-webkit-scrollbar-track{background:#0a192f80;border-radius:10px}.theme-dark .scroll-wrap::-webkit-scrollbar-thumb{background:#8be9fd66;border-radius:10px;border:2px solid transparent;background-clip:content-box}.theme-dark .scroll-wrap::-webkit-scrollbar-thumb:hover{background:#8be9fdb3}.theme-dark .error-message{padding:1rem;text-align:center}.theme-dark .actions-bar{position:absolute;top:0;left:0;gap:.3rem;display:flex;align-items:center;justify-content:flex-end;padding-right:.5rem;width:100%;height:100%}.theme-dark .actions-bar .inline-action-btn{position:relative;top:auto;right:auto;transform:none}.theme-dark .inline-action-btn{position:absolute;top:50%;right:.5rem;background:transparent;border:1px solid #8892b0;color:#8892b0;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;cursor:pointer;transition:all .3s ease;transform:translateY(-50%)}.theme-dark .inline-action-btn .txt{font-size:inherit;font-weight:400;text-transform:none;letter-spacing:normal;line-height:21px}.theme-dark .inline-action-btn:hover{background:#64ffda;border-color:#64ffda;color:#0a192f}.theme-dark .no-selection{text-align:center;color:#8892b0;padding:2rem;background:#0a192f80;border-radius:12px}.theme-dark .card-control{display:flex;gap:.3rem}.theme-dark .card-control .icon{width:32px;height:32px;border-radius:50%;background-color:#0f172ab3;border:1px solid #334155;color:#94a3b8;cursor:pointer;transition:all .3s ease;font-size:0;background-size:20px auto;background-repeat:no-repeat;background-position:center center}.theme-dark .card-control .icon.edit{background-image:url(../../../../../assets/images/icon_edit.svg)}.theme-dark .card-control .icon.delete{background-image:url(../../../../../assets/images/icon_delete.svg)}.theme-dark .card-control .icon.star{background-image:url(../../../../../assets/images/icon_star.svg)}.theme-dark .card-control .icon:hover{background-color:#1e293b;border-color:#64ffda}.theme-dark .modal-mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:999;transition:opacity .3s ease}.theme-dark .modal-container{width:90%;max-width:28.125rem;max-height:90vh;background:#0f1e37e6;border:1px solid rgba(139,233,253,.25);border-radius:12px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column}.theme-dark .modal-header{position:relative;padding:1rem 2rem;text-align:center;border-bottom:1px solid rgba(139,233,253,.15)}.theme-dark .modal-title{font-size:1.2rem;font-weight:300;color:#cdeefd;text-shadow:0 0 8px rgba(139,233,253,.5)}.theme-dark .modal-body{padding:1rem;overflow-y:auto}.theme-dark .modal-body-box{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:100px}.theme-dark .modal-footer{padding:1rem;background:#0003;border-top:1px solid rgba(139,233,253,.15)}.theme-dark .modal-btn{display:flex;gap:1rem;justify-content:center}.theme-dark .modal-close-button{cursor:pointer;position:absolute;top:50%;right:1rem;width:1.625rem;height:1.625rem;font-size:0;background-color:#ffffff1a;border:.063rem solid rgba(255,255,255,.2);border-radius:50%;transform:translateY(-50%);transition:all .3s ease;z-index:2}.theme-dark .modal-close-button:before,.theme-dark .modal-close-button:after{pointer-events:none;content:"";position:absolute;top:50%;left:50%;width:.063rem;height:.75rem;background-color:#fff}.theme-dark .modal-close-button:before{transform:translate(-50%,-50%) rotate(45deg)}.theme-dark .modal-close-button:after{transform:translate(-50%,-50%) rotate(135deg)}.theme-dark .modal-close-button:hover{background-color:#ff4d88;border-color:#ff4d88;transform:translateY(-50%) rotate(90deg)}.theme-dark .modal-description{padding:1rem 0;font-size:1rem;color:#cdd6f4;text-align:center;line-height:1.6}.theme-dark .card-grid{display:flex;flex-direction:column;gap:.6rem;width:100%}.theme-dark .card-grid button.card-box,.theme-dark .card-grid a.card-box{cursor:pointer}.theme-dark .card-grid .card-box{padding:1rem;display:flex;flex-direction:row;align-items:center;gap:1rem;transition:all .3s ease;position:relative;overflow:hidden;text-decoration:none;background:linear-gradient(145deg,#192d4b99,#0f1e37cc);border:1px solid rgba(139,233,253,.15);border-radius:12px}.theme-dark .card-grid .card-icon{width:80px;height:80px;flex-shrink:0;background-color:#64ffda1a;border-radius:50%;display:flex;align-items:center;justify-content:center}.theme-dark .card-grid .card-main{flex:1}.theme-dark .card-grid .card-title{color:#cdeefd;font-size:1.25rem}.theme-dark .card-grid .card-description{color:#8892b0;font-size:.9rem}.theme-dark .card-grid .card-num{padding:.15rem .6rem;color:#a7fdec;font-size:.8rem;font-weight:500;flex-shrink:0;background-color:#64ffda1a;border-radius:10px}@media (max-width: 992px){.theme-dark .card-grid .card-box{padding:.6rem;gap:.6rem}}.theme-dark .page-bar{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem}.theme-dark .page-bar .num{display:flex;align-items:center;gap:.2rem}.theme-dark .page-bar .num a{display:block;padding:0 .75rem;color:#8892b0;text-decoration:none;border-radius:6px;transition:all .2s ease}.theme-dark .page-bar .num a:hover{background-color:#64ffda1a;color:#64ffda}.theme-dark .page-bar .num a.active{background-color:#64ffda;color:#0a192f;font-weight:700}.theme-dark .page-bar .num .dots{color:#8892b0;padding:0 .25rem}.theme-dark .page-bar .button-style3{margin:0 .5rem;padding:0 1rem;line-height:30px}@media (max-width: 992px){.theme-dark .page-bar{margin:0 auto;max-width:400px;flex-wrap:wrap;justify-content:center;align-items:center;padding:2rem 0 .5rem;gap:.6rem}.theme-dark .page-bar .num{justify-content:center;order:1;width:100%}.theme-dark .page-bar .num a{padding:.4rem .65rem}.theme-dark .page-bar .button-style3{order:2;margin:1rem 0 0;width:calc(50% - .3rem)}}.theme-dark .feedback-bar:not(:empty){margin-bottom:1rem}.theme-dark .incorrect{background-color:#ff4d4d26;color:#ffb8b8;padding:.75rem 1rem;border-radius:6px;text-align:center;font-size:.9rem}.theme-dark .success{background-color:#64ffda26;color:#a7fdec;padding:.75rem 1rem;border-radius:6px;text-align:center;font-size:.9rem;text-shadow:0 0 5px rgba(100,255,218,.3)}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #64ffda66,0 0 20px #64ffda33}50%{box-shadow:0 0 25px #64ffdacc,0 0 40px #64ffda66}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.theme-dark .button-style{display:inline-block;width:100%;flex:1;border-radius:8px;padding:.85rem 1rem;font-size:1rem;font-weight:700;text-transform:uppercase;text-align:center;letter-spacing:1px;cursor:pointer;background:transparent;border:2px solid;box-shadow:inset 0 0 10px #ffffff1a;transition:all .3s ease}.theme-dark .button-style:active{transform:translateY(1px);filter:brightness(.9)}@media (hover: hover) and (pointer: fine){.theme-dark .button-style:hover{transform:translateY(-2px);color:#fff}}.theme-dark .button-style:disabled,.theme-dark .button-style.is-loading{opacity:.7;cursor:not-allowed;pointer-events:none}.theme-dark .button-style.is-loading .txt{color:transparent!important;text-shadow:none!important}.theme-dark .button-style.is-loading .loading-spinner{display:block;position:absolute;width:20px;height:20px;top:50%;left:50%;margin-top:-10px;margin-left:-10px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.theme-dark .button-style.red{border-color:#ff4d88;color:#ff4d88}.theme-dark .button-style.red:hover{color:#fff;background-color:#ff4d88;box-shadow:0 0 20px #ff4d88b3}.theme-dark .button-style.green{border-color:#64ffda;color:#64ffda}.theme-dark .button-style.green:hover{color:#0a192f;background-color:#64ffda;box-shadow:0 0 20px #64ffdab3}.theme-dark .button-style.green.is-highlighted{animation:pulse-glow 2s infinite ease-in-out;border-color:#fff}.theme-dark .button-style.green.is-highlighted:hover{border-color:#64ffda}.theme-dark .button-style.blue{border-color:#89ddff;color:#89ddff}.theme-dark .button-style.blue:hover{color:#0a192f;background-color:#89ddff;box-shadow:0 0 20px #89ddffb3}.theme-dark .button-style.gray{border-color:#8892b0;color:#8892b0;background:transparent}.theme-dark .button-style.gray:hover{background-color:#8892b0;color:#0a192f}.theme-dark .button-style.yellow{border-color:#ffc107;color:#ffc107}.theme-dark .button-style.yellow:hover{color:#0a192f;background-color:#ffc107;box-shadow:0 0 20px #ffc107b3}.theme-dark .button-style.yellow span{color:#fff;margin-left:4px}.theme-dark .button-style.xs{padding:.5rem 1rem;font-size:.85rem;letter-spacing:.5px;flex-grow:1}.theme-dark .button-style.back-button{border-color:#89ddff;color:#89ddff;font-size:1rem;padding:.5rem 1rem;border-radius:8px}.theme-dark .button-style.back-button:hover{color:#0a192f;background-color:#89ddff;box-shadow:0 0 20px #89ddffb3}.theme-dark .button-style2{flex:1;background:transparent;border:none;border-bottom:2px solid rgba(255,255,255,.15);color:#fff9;transition:all .3s ease;padding:.75rem;border-radius:0;cursor:pointer}.theme-dark .button-style2 .txt{font-size:1rem}.theme-dark .button-style2:hover{border-bottom-color:#8be9fd80;color:#fff}.theme-dark .button-style2.active{background:transparent;color:#fff;border-bottom-color:#8be9fdcc;box-shadow:none}.theme-dark .button-style3{background:transparent;border:1px solid #8892b0;color:#8892b0;padding:0 1rem;border-radius:20px;font-size:.8rem;line-height:40px;cursor:pointer;transition:all .3s ease}.theme-dark .button-style3:not(:disabled):hover{background:#64ffda;border-color:#64ffda;color:#0a192f}.theme-dark .button-style3:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 992px){.theme-dark .button-style.xs{padding:.4rem}}.theme-dark .group-wrap{display:flex;flex-wrap:wrap;gap:1.2rem;width:100%}.theme-dark .group-full{width:100%}.theme-dark .group-half{width:calc(50% - .6rem)}.theme-dark .group-box{display:flex;flex-direction:column}.theme-dark .group-box.row{flex-direction:row;align-items:center}.theme-dark .group-box.row .group-title{margin:0;padding:0 1rem 0 0;min-width:96px;text-align:center}.theme-dark .group-box.row .group-main{flex:1}.theme-dark .group-main{position:relative}.theme-dark .group-title{display:flex;align-items:flex-start;margin-bottom:.5rem;color:#a8b2d1;font-size:1rem;text-transform:uppercase;letter-spacing:1px}.theme-dark .group-input,.theme-dark .group-textarea{width:100%;background:#0003;border:1px solid #30415d;border-radius:6px;padding:0 1rem;color:#e0e0e0;line-height:40px;font-size:1rem;transition:all .3s ease}.theme-dark .group-input::placeholder,.theme-dark .group-textarea::placeholder{color:#6a788f}.theme-dark .group-input:hover,.theme-dark .group-textarea:hover,.theme-dark .group-input:focus,.theme-dark .group-textarea:focus{border-color:#8be9fdb3;box-shadow:0 0 10px #8be9fd4d;background-color:#0a192fe6}.theme-dark div.group-input,.theme-dark div.group-textarea{border:1px solid rgba(48,65,93,.2)}.theme-dark div.group-input:hover,.theme-dark div.group-textarea:hover,.theme-dark div.group-input:focus,.theme-dark div.group-textarea:focus{border-color:#30415d33;box-shadow:none;background:#0003}.theme-dark .group-textarea{min-height:200px;resize:vertical;font-family:monospace;font-size:.9rem}.theme-dark .group-label{position:relative;display:inline-flex;align-items:center;cursor:pointer}.theme-dark .group-label input{position:absolute;top:0;left:0;opacity:0;z-index:-1}.theme-dark .group-label .icon{width:19px;height:19px;border:2px solid #30415d;border-radius:4px;margin-right:.5rem;position:relative;transition:all .3s ease}.theme-dark .group-label .icon:after{content:"";position:absolute;top:1px;left:5px;width:6px;height:10px;border:solid #64ffda;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .2s ease-in-out}.theme-dark .group-label input:checked+.icon{border-color:#64ffda}.theme-dark .group-label input:checked+.icon:after{transform:rotate(45deg) scale(1)}.theme-dark .group-label input:checked+.icon~.text{color:#64ffda}.theme-dark .group-label .num{margin-left:10px;font-size:.8rem;font-weight:500;flex-shrink:0;background-color:#64ffda1a;color:#a7fdec;padding:.15rem .6rem;border-radius:10px}.theme-dark .group-label .text{padding-top:1px;line-height:20px}.theme-dark .group-label:hover .icon{border-color:#8be9fdb3;box-shadow:0 0 10px #8be9fd4d;background-color:#0a192fe6}.theme-dark .group-select{position:relative;width:auto}.theme-dark .group-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0003;border:1px solid #30415d;border-radius:6px;padding:0 35px 0 15px;width:100%;height:42px;color:#cdeefd;cursor:pointer;min-width:90px;font-size:1rem;transition:all .3s ease}.theme-dark .group-select select:hover,.theme-dark .group-select select:focus{outline:none;border-color:#8be9fdb3;box-shadow:0 0 10px #8be9fd4d;background-color:#0a192fe6}.theme-dark .group-select select option{background-color:#0a192f;color:#cdeefd}.theme-dark .group-select:after{content:"";position:absolute;top:50%;right:25px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #8892b0;transform:translateY(-50%);pointer-events:none;transition:border-color .3s ease}.theme-dark .dropdown-menu{position:absolute;z-index:1001;background:#0f1e37e6;border:1px solid rgba(139,233,253,.25);border-radius:10px;box-shadow:0 8px 30px #00000080;overflow:hidden}.theme-dark .dropdown-menu.upload-options-dropdown{top:calc(100% - 30px);left:50%;transform:translate(-50%);width:140px;text-align:center}.theme-dark .dropdown-menu.upload-options-dropdown .dropdown-item{font-size:.9rem}.theme-dark .dropdown-item{position:relative;cursor:pointer;display:block;padding:.75rem 2rem;color:#a8b2d1;text-decoration:none;transition:all .2s ease}.theme-dark .dropdown-item:hover{background-color:#64ffda1a;color:#64ffda}.theme-dark .dropdown-item.is-active,.theme-dark .dropdown-item.router-link-active{color:#62fad7;font-weight:700;background-color:#62fad74d}.theme-dark .dropdown-item.is-active:before,.theme-dark .dropdown-item.router-link-active:before{content:"▶";position:absolute;left:.75rem;top:50%;color:#62fad7;font-size:.7rem;transform:translateY(-50%)}.theme-dark .dropdown-divider{height:1px;background-color:#8be9fd26;margin:.5rem 0}.theme-dark .sub-title{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1.25rem;font-size:1rem;font-weight:500;-webkit-user-select:none;user-select:none;background:linear-gradient(180deg,#192d4bb3,#0a192f99);border-radius:8px;border:1px solid;box-shadow:inset 0 1px 2px #89ddff1a}.theme-dark .sub-title.blue{color:#89ddff;border-color:#89ddff33}.theme-dark .sub-title.yellow{color:#fff2a8;border-color:#ffc10766;background:linear-gradient(180deg,#503c0ab3,#32280099);box-shadow:inset 0 1px 2px #ffc10733;text-shadow:0 0 8px rgba(255,193,7,.5)}.theme-dark .sub-title.red{color:#ffb8b8;border-color:#ff4d8866;background:linear-gradient(180deg,#501428b3,#320a1499);box-shadow:inset 0 1px 2px #ff4d8833;text-shadow:0 0 8px rgba(255,77,136,.5)}.theme-dark .sub-title.green{color:#a7fdec;border-color:#64ffda66;background:linear-gradient(180deg,#14503cb3,#0a322899);box-shadow:inset 0 1px 2px #64ffda33;text-shadow:0 0 8px rgba(100,255,218,.5)}.theme-dark .sub-title span{font-size:.9rem;color:#fff9;font-weight:300;margin-left:auto;padding-left:1rem;text-shadow:none}.theme-dark .sub-title .arrow{cursor:pointer;position:absolute;top:50%;right:.6rem;width:26px;height:26px;font-size:0;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;transform:translateY(-50%);transition:all .3s ease;z-index:2}.theme-dark .sub-title .arrow:before{pointer-events:none;content:"";position:absolute;top:8px;left:50%;width:7px;height:7px;border-bottom:1px solid #fff;border-right:1px solid #fff;transform:translate(-50%) rotate(45deg);transition:.5s}.theme-dark .sub-title .arrow.is-open{background-color:#ff4d88;border-color:#ff4d88}.theme-dark .sub-title .arrow.is-open:before{top:10px;transform:translate(-50%) rotate(-135deg)}.theme-dark .sub-title:hover .arrow{background-color:#ff4d88;border-color:#ff4d88}.theme-dark .sub-title:hover .arrow:before{top:10px;transform:translate(-50%) rotate(-135deg)}@media (max-width: 743px){.theme-dark .sub-title{padding:.5rem .75rem}}.theme-dark .image-upload-wrapper{display:flex;position:relative;flex-direction:column;align-items:center;margin:1rem auto .5rem}.theme-dark .image-preview-container{cursor:pointer;text-align:center}.theme-dark .image-preview-container .image-box{position:relative;width:120px;height:120px;background:#0000004d;border:1px dashed rgba(139,233,253,.3);overflow:hidden;transition:all .3s ease;box-shadow:0 0 10px #8be9fd1a;border-radius:50%}.theme-dark .image-preview-container .image-box img{width:100%;height:100%;object-fit:cover;display:block}.theme-dark .image-preview-container .upload-text{display:inline-block;margin-top:.6rem;padding:.15rem .6rem;color:#a7fdec;font-size:.8rem;font-weight:500;flex-shrink:0;background-color:#64ffda1a;border-radius:10px}.theme-dark .image-preview-container:hover .image-box{border-color:#8be9fdb3;box-shadow:0 0 15px #8be9fd4d}.theme-dark .image-preview-container .image-placeholder{color:#8892b0;font-size:.9rem;text-align:center}.theme-dark .image-preview-container .upload-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;color:#64ffda;display:flex;align-items:center;justify-content:center;font-size:.9rem;opacity:0;transition:opacity .3s ease;pointer-events:none}.image-preview-container:hover .theme-dark .image-preview-container .upload-overlay{opacity:1;pointer-events:auto}.theme-dark .login-page .page-body-box{padding:1.5rem;border-radius:10px;background:#19325533}.theme-dark .login-page .label-list{padding:.8rem 0 .4rem}.theme-dark .login-page .label-list .group-label{margin-right:1rem}.theme-dark .login-page .checkbox-bar{display:flex;justify-content:space-between;align-items:center;padding:.8rem .5rem 0;font-size:.9rem;color:#a8b2d1}.theme-dark .login-page .checkbox-bar a{color:#8892b0;text-decoration:none;transition:color .3s ease}.theme-dark .login-page .checkbox-bar a:hover{color:#cdeefd;text-decoration:underline}.theme-dark .register-buttons{display:flex;justify-content:center;padding-top:1rem;width:100%}.theme-dark .register-buttons a{color:#ff4d88;text-align:center;text-decoration:none}.theme-dark .register-buttons a:hover{color:#ff80aa;text-decoration:underline}@media (max-width: 992px){.theme-dark .login-page .group-box.row:not(.first){display:block}.theme-dark .login-page .group-box.row:not(.first) .group-title{flex:0 0 100%;padding-bottom:.5rem}.theme-dark .login-page .group-box.row:not(.first) .group-main{flex:0 0 100%}}.theme-dark .dashboard .card-grid .card-title{margin-bottom:.3rem}@media (max-width: 992px){.theme-dark .dashboard .card-grid .card-icon{width:50px;height:50px}}.theme-dark .summary-text{font-size:1rem;color:#4c65b0;text-align:center;line-height:1.6}.theme-dark .all-correct-message{padding:1.1rem 0 1.8rem;color:#64ffda;font-size:1rem;text-shadow:0 0 8px rgba(100,255,218,.5)}.theme-dark .challenge-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:300px;padding:1rem}.theme-dark .question-container{position:relative;width:100%;max-width:600px;text-align:center}.theme-dark .question-container .speaker-icon{cursor:pointer;position:absolute;z-index:3;top:1rem;right:1rem;width:34px;height:34px;background:url(../../../../../assets/images/icon_arrow.svg) no-repeat center center/20px auto;border:1px solid #fff;border-radius:50%;transition:opacity .3s ease;transform:rotate(90deg)}.theme-dark .question-container .question-text{border-radius:12px;padding:2rem 1.5rem;position:relative;margin-bottom:2rem;min-height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:2.8rem;font-family:Inconsolata,monospace,Noto Sans TC,sans-serif;font-weight:700;color:#f0f9ff;letter-spacing:6px;box-shadow:0 0 20px #38bdf866,inset 0 0 10px #38bdf833;background:#0f172ab3;border:2px solid #38bdf8}.theme-dark .question-container .question-text.is-clickable{cursor:pointer;transition:background-color .3s ease}.theme-dark .question-container .question-text .has-hint{font-size:2rem}.theme-dark .question-container .question-text .chinese-hint{width:100%;font-size:1.2rem;color:#8892b0;margin-bottom:1rem;text-shadow:none}.theme-dark .question-container .char-input-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.4rem}.theme-dark .question-container .char-input-container .char-display,.theme-dark .question-container .char-input-container .char-input{width:44px;height:44px;color:#fff;font-family:Inconsolata,monospace,Noto Sans TC,sans-serif;font-size:2rem;text-align:center;line-height:44px;border-radius:4px;transition:all .3s ease;font-weight:400}.theme-dark .question-container .char-input-container .char-input-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.theme-dark .question-container .char-input-container .char-input-wrapper .char-input{cursor:text}.theme-dark .question-container .char-input-container .char-input-wrapper .char-input.is-filled{cursor:pointer}.theme-dark .question-container .char-input-container .char-input-wrapper .clear-input-btn{position:absolute;right:-7px;top:-7px;bottom:0;width:20px;height:20px;border-radius:50%;background:transparent;border:none;font-size:0;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s ease;z-index:2;background-color:red}.theme-dark .question-container .char-input-container .char-input-wrapper .clear-input-btn:before,.theme-dark .question-container .char-input-container .char-input-wrapper .clear-input-btn:after{pointer-events:none;content:"";position:absolute;top:50%;left:50%;width:1px;height:12px;background-color:#fff}.theme-dark .question-container .char-input-container .char-input-wrapper .clear-input-btn:before{transform:translate(-50%,-50%) rotate(45deg)}.theme-dark .question-container .char-input-container .char-input-wrapper .clear-input-btn:after{transform:translate(-50%,-50%) rotate(135deg)}.theme-dark .question-container .char-input-container .char-input-wrapper:hover .clear-input-btn{opacity:1}.theme-dark .question-container .char-input-container .char-display{border-radius:0;border-bottom:2px solid rgba(100,255,218,.5);color:#64ffda}.theme-dark .question-container .char-input-container .char-input{padding:0!important;background:#64ffda1a;border:1px solid #475569;box-shadow:inset 0 2px 4px #0006}.theme-dark .question-container .char-input-container .char-input:focus,.theme-dark .question-container .char-input-container .char-input:hover{outline:none;border-color:#38bdf8;box-shadow:0 0 15px #38bdf880,inset 0 2px 4px #0006}.theme-dark .question-container .char-input-container .char-input.correct{background-color:#64ffda26;border-color:#64ffda;box-shadow:0 0 15px #64ffdab3}.theme-dark .question-container .char-input-container .char-input.incorrect{background-color:#ff4d8826;border-color:#ff4d88;box-shadow:0 0 15px #ff4d88b3}.theme-dark .question-container .english-hint{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.6rem;padding:0 0 .5rem;width:100%}.theme-dark .question-container .english-hint button{display:flex;align-items:center;justify-content:center;padding:0 0 2px;flex:0 0 44px;color:#fff;font-size:1.5rem;text-align:center;line-height:44px;background-color:#47556980;border:1px solid #475569;border-radius:4px;cursor:pointer;transition:all .2s ease-out}@media (hover: hover) and (pointer: fine){.theme-dark .question-container .english-hint button:hover:not(:disabled){background-color:#64ffda33;border-color:#64ffda;transform:translateY(-2px)}}.theme-dark .question-container .english-hint button:active:not(:disabled){transform:translateY(1px);filter:brightness(.9)}.theme-dark .question-container .english-hint button:disabled{opacity:.2;cursor:not-allowed;transform:none;background-color:#47556933}.theme-dark .answer-area .group-input,.theme-dark .answer-area .group-textarea{text-align:center;font-size:1.5rem;padding:1rem;background:#0ea5e90d;border:none;border-radius:8px;box-shadow:none;transition:all .3s ease}.theme-dark .answer-area .group-input:focus,.theme-dark .answer-area .group-textarea:focus{outline:none;background:#0ea5e91a;box-shadow:0 2px 10px -3px #38bdf880}.theme-dark .answer-area .group-input.correct,.theme-dark .answer-area .correct.group-textarea{background:#64ffda1a;box-shadow:0 0 15px #64ffda80;color:#64ffda}.theme-dark .answer-area .group-input.incorrect,.theme-dark .answer-area .incorrect.group-textarea{background:#ff4d881a;box-shadow:0 0 15px #ff4d8880;color:#ffb8b8}.theme-dark .answer-area .submit-feedback-container{min-height:60px;display:flex;justify-content:center;align-items:center;margin-top:1rem}.theme-dark .answer-area .submit-feedback-container .button-style{width:50%;max-width:200px}.theme-dark .answer-area .submit-feedback-container .button-style:disabled{cursor:not-allowed}.theme-dark .answer-area .submit-feedback-container .button-style:disabled:hover{color:#8892b0;transform:none;box-shadow:none;background:none}.theme-dark .answer-area .submit-feedback-container .feedback-bar{margin-bottom:0;width:100%;text-align:center}.theme-dark .answer-area .submit-feedback-container .feedback-bar .correct,.theme-dark .answer-area .submit-feedback-container .feedback-bar .incorrect{display:inline-block;padding:.75rem 1.5rem;border-radius:8px;font-size:1.2rem;font-weight:700;animation:fade-in-up .5s ease-out forwards}.theme-dark .answer-area .submit-feedback-container .feedback-bar .correct:before,.theme-dark .answer-area .submit-feedback-container .feedback-bar .incorrect:before{margin-right:.5rem;font-size:1.1rem}.theme-dark .answer-area .submit-feedback-container .feedback-bar .correct{background:#64ffda26;border:1px solid #64ffda;color:#64ffda;text-shadow:0 0 8px rgba(100,255,218,.7);box-shadow:0 0 15px #64ffda4d}.theme-dark .answer-area .submit-feedback-container .feedback-bar .incorrect{min-width:190px;background:#ff4d8826;border:1px solid #ff4d88;color:#ffb8b8;text-shadow:0 0 8px rgba(255,77,136,.5);box-shadow:0 0 15px #ff4d884d}.theme-dark .answer-area .options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2rem}.theme-dark .answer-area .option-btn{cursor:pointer;color:#cbd5e1;padding:1rem 1rem 1rem 3.4rem;position:relative;font-size:1.1rem;text-align:left;border:.063rem solid #475569;background:linear-gradient(145deg,#1e293be6,#0a192fb3);box-shadow:0 4px 6px -1px #0006,0 2px 4px -2px #0000004d;border-radius:8px;transition:all .3s ease}.theme-dark .answer-area .option-btn:before,.theme-dark .answer-area .option-btn:after{pointer-events:none;content:"";position:absolute;z-index:1;width:.125rem;height:.688rem;background-color:#fff;transition:.5s;opacity:0}.theme-dark .answer-area .option-btn:before{top:1.5rem;left:1.563rem;transform:rotate(45deg)}.theme-dark .answer-area .option-btn:after{top:1.75rem;left:1.2rem;height:.313rem;transform:rotate(135deg)}.theme-dark .answer-area .option-btn .txt:after{pointer-events:none;content:"";position:absolute;z-index:0;top:50%;left:.75rem;margin-top:-.75rem;width:1.5rem;height:1.5rem;border-radius:50%;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2)}@media (hover: hover) and (pointer: fine){.theme-dark .answer-area .option-btn:not(:disabled,.correct,.incorrect):hover{color:#fff;border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0ea5e933,0 4px 6px -4px #0ea5e933}.theme-dark .answer-area .option-btn:not(:disabled,.correct,.incorrect):hover .txt:after{border-color:#38bdf8;box-shadow:0 0 8px #38bdf880}}.theme-dark .answer-area .option-btn.correct{font-weight:700;border-color:#64ffda;background-color:#64ffda;box-shadow:0 0 20px #64ffdab3}.theme-dark .answer-area .option-btn.correct:before,.theme-dark .answer-area .option-btn.correct:after{opacity:1}.theme-dark .answer-area .option-btn.correct:before{top:1.5rem}.theme-dark .answer-area .option-btn.correct:after{top:1.75rem}.theme-dark .answer-area .option-btn.correct .txt{color:#fff}.theme-dark .answer-area .option-btn.correct .txt:after{background-color:#64ffda80}.theme-dark .answer-area .option-btn.incorrect{background-color:#ff4d88;border-color:#ff4d88;box-shadow:0 0 20px #ff4d88b3;opacity:1}.theme-dark .answer-area .option-btn.incorrect:before,.theme-dark .answer-area .option-btn.incorrect:after{height:.688rem;opacity:1;top:1.45rem;left:1.43rem;background-color:#fff}.theme-dark .answer-area .option-btn.incorrect:before{transform:rotate(45deg)}.theme-dark .answer-area .option-btn.incorrect:after{transform:rotate(135deg)}.theme-dark .answer-area .option-btn.incorrect .txt{color:#ff4d88}.theme-dark .answer-area .option-btn.incorrect .txt:after{border-color:#ff4d88cc;background-color:#ff4d88cc}.theme-dark .answer-area .option-btn:disabled:not(.correct){cursor:not-allowed}.theme-dark .card-box.is-incorrect{background:#ff4d8833;border:1px solid rgba(255,77,136,.2);border-radius:8px;padding:.5rem;display:flex;align-items:center;gap:.75rem}.theme-dark .card-box.is-incorrect .card-icon{flex:0 0 32px;width:32px;height:32px;flex-shrink:0;background-color:#ff4d8826;border:1px solid rgba(255,77,136,.3);color:#ffb8b8;display:flex;align-items:center;justify-content:center;font-weight:600}.theme-dark .card-box.is-incorrect .result-details{display:flex;align-content:center;gap:.75rem;flex-wrap:wrap}.theme-dark .card-box.is-incorrect .result-answer{line-height:1.7}.theme-dark .card-box.is-incorrect .result-answer.correct{flex:0 0 40%;color:#64ffda;font-size:.9rem}.theme-dark .card-box.is-incorrect .result-answer.incorrect{padding:0;background:transparent}.theme-dark .card-box.is-incorrect .result-answer.incorrect .incorrect{padding:0;text-decoration:line-through;background:transparent}.theme-dark .card-box.is-incorrect .result-answer.incorrect .correct{margin-left:5px;padding:5px 8px;color:#ffb8b8;font-size:.9rem;line-height:1;border-radius:5px;background-color:#ff4d88cc}.theme-dark .ani-wrap{position:relative}.theme-dark .ani-wrap .progress-bar{width:100%;height:1.4rem;overflow:hidden;box-shadow:0 0 15px #0ea5e94d;position:relative;background-color:#020617;background-image:repeating-linear-gradient(-45deg,rgba(14,165,233,.1),rgba(14,165,233,.1) 2px,transparent 2px,transparent 6px)}.theme-dark .ani-wrap .progress-bar .progress-bar-inner{height:100%;background:linear-gradient(90deg,#e0f2fe99,#fffc);transition:width .5s ease-in-out;box-shadow:0 0 8px 2px #ffffffb3;animation:pulse-white-glow 2.5s infinite ease-in-out}.theme-dark .ani-wrap .challenge-stats{position:absolute;top:-3px;left:0;padding:.5rem;width:100%;text-align:center;line-height:1}.theme-dark .ani-wrap .stat-item{color:#fff;font-size:.7rem;mix-blend-mode:difference;font-weight:700}@keyframes pulse-white-glow{0%{box-shadow:0 0 8px 2px #ffffffb3}50%{box-shadow:0 0 16px 5px #fff}to{box-shadow:0 0 8px 2px #ffffffb3}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.theme-dark .finish-screen-wrap .score-circle.is-passed{box-shadow:0 0 30px #16a34ab3}.theme-dark .finish-screen-wrap .score-circle.is-failed{box-shadow:0 0 30px #dc2626b3}.theme-dark .level-image-container{margin-bottom:1rem;aspect-ratio:950/615;width:100%;border-radius:5px;overflow:hidden}.theme-dark .level-image-container.no-image{background-color:#0a192f80;border:2px dashed rgba(139,233,253,.2);display:flex;align-items:center;justify-content:center}.theme-dark .level-image-container.no-image .image-placeholder{color:#8892b0}.theme-dark .level-details-container{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;padding:1rem;background-color:#ffffff0d;border-radius:10px}.theme-dark .level-details-container .detail-item{display:flex;flex-wrap:wrap;width:calc(50% - .5rem);color:#fff;font-size:.9rem}.theme-dark .level-details-container .detail-item .label{flex:0 0 80px;opacity:.4}.theme-dark .level-details-container .detail-item .value{flex:1}.theme-dark .level-details-container .detail-item.full{width:100%}@media (max-width: 992px){.theme-dark .challenge-wrap{padding:0}.theme-dark .question-container .question-text{margin-bottom:1rem;padding:1.5rem .5rem;font-size:2.2rem}.theme-dark .question-container .question-text .char-input-container{gap:.2rem}.theme-dark .answer-area .options-grid{margin-top:0;padding-bottom:1rem}.theme-dark .answer-area .option-btn{padding:10px 10px 12px 38px}.theme-dark .answer-area .option-btn .txt{font-size:17px}.theme-dark .answer-area .option-btn .txt:after{margin-top:-10px;left:8px;width:20px;height:20px}.theme-dark .answer-area .option-btn.correct:before{top:18px;left:19px}.theme-dark .answer-area .option-btn.correct:after{top:23px;left:14px}.theme-dark .answer-area .option-btn.incorrect:before{top:18px;left:17px}.theme-dark .answer-area .option-btn.incorrect:after{top:18px;left:17px}.theme-dark .level-details-container .detail-item{width:100%!important}}.theme-dark .finish-screen-wrap{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.theme-dark .score-circle{width:9rem;height:9rem;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;border:3px solid;background:radial-gradient(circle at center,#192d4bcc,#0a192fe6);position:relative}.theme-dark .score-circle.is-passed{border-color:#64ffda;color:#64ffda;box-shadow:0 0 20px #64ffda80,inset 0 0 15px #64ffda33;text-shadow:0 0 10px rgba(100,255,218,.7)}.theme-dark .score-circle.is-failed{border-color:#ff4d88;color:#ff4d88;box-shadow:0 0 20px #ff4d8880,inset 0 0 15px #ff4d8833;text-shadow:0 0 10px rgba(255,77,136,.7)}.theme-dark .score-circle .score-text{font-size:.9rem;color:#a8b2d1;margin-bottom:.25rem}.theme-dark .score-circle .score{padding-left:1rem;padding-bottom:1.4rem;font-size:3rem;line-height:1}.theme-dark .score-circle .score-label{font-size:1rem;vertical-align:baseline;margin-left:2px}.theme-dark .boss-tabs{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:1rem;margin-bottom:.5rem;scrollbar-width:none}.theme-dark .boss-tabs::-webkit-scrollbar{display:none}.theme-dark .boss-tabs .boss-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem .5rem .75rem;background-color:transparent;border:1px solid #20394d;border-radius:30px;cursor:pointer;white-space:nowrap;transition:all .3s ease;box-shadow:0 2px 4px #0000000d;color:#fff}.theme-dark .boss-tabs .boss-tab:hover{border-color:#64ffda}.theme-dark .boss-tabs .boss-tab.is-active{color:#fff;background-color:#091221;border-color:#64ffda}.theme-dark .boss-tabs .boss-tab .boss-avatar-small{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.5);background-color:#e9ecef}.theme-dark .boss-tabs .boss-tab .txt{font-weight:500;font-size:1.1rem}.theme-dark .boss-tabs.is-active .boss-avatar-small{border-color:#fff}.theme-dark .level-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.theme-dark .level-card-link{text-decoration:none;color:inherit;display:block;transition:transform .3s ease,box-shadow .3s ease}.theme-dark .level-card-link:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000080}.theme-dark .level-card-link:hover .level-card{border-color:#8bddffb3;box-shadow:0 0 20px #8bddff4d}.theme-dark .level-card-link:hover .level-card-image:before{opacity:1;transform:translateY(0)}.theme-dark .level-card-link:hover .level-card-image img{transform:scale(1.05)}.theme-dark .level-card{position:relative;background:linear-gradient(145deg,#192d4b80,#0f1e37b3);border:1px solid rgba(139,233,253,.15);border-radius:12px;overflow:hidden;display:flex;flex-direction:row;transition:border-color .3s ease,box-shadow .3s ease}.theme-dark .level-card-image{position:relative;z-index:0;aspect-ratio:960/615;width:45%;background-color:#0000004d;display:flex;align-items:center;justify-content:center;overflow:hidden}.theme-dark .level-card-image:before{pointer-events:none;content:"▶ 選擇此關卡";position:absolute;top:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem;width:100%;height:100%;font-size:1rem;font-weight:500;color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.5);background:linear-gradient(to top,#000000d9,#00000080,#0000);opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}.theme-dark .level-card-image img{width:100%!important;height:100%!important;object-fit:cover;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.theme-dark .level-card-image .image-placeholder{color:#8892b0;font-size:.9rem}.theme-dark .level-card-content{padding:1rem;display:flex;flex-direction:column;flex-grow:1;background-color:#0006}.theme-dark .level-name{font-size:1.2rem;font-weight:500;color:#cdeefd;margin:0 0 .5rem;text-shadow:0 0 8px rgba(139,233,253,.4)}.theme-dark .info-list{margin-top:auto;font-size:.85rem;color:#fff;display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem;border-top:1px solid rgba(139,233,253,.1)}.theme-dark .select-boss-page .selected-boss-section{padding-bottom:2rem}.theme-dark .select-boss-page .unselected-boss-section{padding-bottom:1rem}.theme-dark .select-boss-page .boss-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width: 768px){.theme-dark .select-boss-page .boss-grid{grid-template-columns:repeat(2,1fr)}}.theme-dark .select-boss-page .boss-grid .boss-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem 1rem;background:linear-gradient(145deg,#192d4b66,#0f1e3799);border:1px solid rgba(139,233,253,.15);border-radius:12px;transition:all .3s ease;cursor:pointer;overflow:hidden}.theme-dark .select-boss-page .boss-grid .boss-card .boss-avatar-container{width:100px;height:100px}.theme-dark .select-boss-page .boss-grid .boss-card .boss-avatar-container .boss-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid rgba(139,233,253,.2);transition:transform .3s ease}.theme-dark .select-boss-page .boss-grid .boss-card .boss-name{color:#cdeefd;font-weight:500;font-size:1rem;text-align:center}.theme-dark .select-boss-page .boss-grid .boss-card .remove-boss-btn{cursor:pointer;position:absolute;top:5px;right:5px;width:26px;height:26px;font-size:0;background-color:#ff4d88;border:none;border-radius:50%;opacity:0;transition:all .3s ease;z-index:2}.theme-dark .select-boss-page .boss-grid .boss-card .remove-boss-btn:before,.theme-dark .select-boss-page .boss-grid .boss-card .remove-boss-btn:after{pointer-events:none;content:"";position:absolute;top:50%;left:50%;width:1px;height:12px;background-color:#fff}.theme-dark .select-boss-page .boss-grid .boss-card .remove-boss-btn:before{transform:translate(-50%,-50%) rotate(45deg)}.theme-dark .select-boss-page .boss-grid .boss-card .remove-boss-btn:after{transform:translate(-50%,-50%) rotate(135deg)}.theme-dark .select-boss-page .boss-grid .boss-card.is-selected{cursor:default;background:linear-gradient(145deg,#50142899,#320a1480);border-color:#ff4d884d}.theme-dark .select-boss-page .boss-grid .boss-card.is-selected .boss-avatar{border-color:#ff4d8866;box-shadow:0 0 15px #ff4d884d}.theme-dark .select-boss-page .boss-grid .boss-card.is-selected .boss-name{color:#ffb8b8}.theme-dark .select-boss-page .boss-grid .boss-card.is-selected:hover .remove-boss-btn{opacity:1;transform:scale(1)}.theme-dark .select-boss-page .unselected-boss-section .boss-card:hover{background:linear-gradient(145deg,#234169b3,#193255cc);border-color:#64ffda80;transform:translateY(-5px);box-shadow:0 10px 20px #0000004d}.theme-dark .select-boss-page .unselected-boss-section .boss-card:hover .boss-avatar{transform:scale(1.02);border-color:#64ffda80;box-shadow:0 0 15px #64ffda4d}.theme-dark .select-boss-page .unselected-boss-section .boss-card .selection-overlay{cursor:pointer;position:absolute;top:5px;right:5px;width:26px;height:26px;font-size:0;background:#64ffda4d;border:none;border-radius:50%;opacity:0;transition:all .3s ease;z-index:2}.theme-dark .select-boss-page .unselected-boss-section .boss-card .selection-overlay:before,.theme-dark .select-boss-page .unselected-boss-section .boss-card .selection-overlay:after{pointer-events:none;content:"";position:absolute;top:50%;left:50%;width:1px;height:12px;background-color:#fff}.theme-dark .select-boss-page .unselected-boss-section .boss-card .selection-overlay:before{transform:translate(-50%,-50%) rotate(0)}.theme-dark .select-boss-page .unselected-boss-section .boss-card .selection-overlay:after{transform:translate(-50%,-50%) rotate(90deg)}.theme-dark .select-boss-page .unselected-boss-section .boss-card:hover .selection-overlay{opacity:1}.theme-dark .history-detail .sub-wrap{margin-bottom:1rem}.theme-dark .history-detail .sub-wrap:last-child{margin-bottom:0}.theme-dark .history-detail .sub-title{padding-right:50px;cursor:pointer}.theme-dark .history-detail .finish-screen-wrap{padding:1.5rem;background-color:#ffffff0d;border-radius:10px}@media (max-width: 992px){.theme-dark .history-detail .finish-screen-wrap{padding:1rem .5rem}}.theme-dark .calendar-container .calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.theme-dark .calendar-container .calendar-header h2{font-size:1.3rem;font-weight:300;color:#cdeefd;text-shadow:0 0 8px rgba(139,233,253,.5);margin:0 1rem}.theme-dark .calendar-container .calendar-header .nav-arrow{background:transparent;border:1px solid #8892b0;color:#8892b0;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;cursor:pointer;transition:all .3s ease}.theme-dark .calendar-container .calendar-header .nav-arrow:not(:disabled):hover{background:#64ffda;border-color:#64ffda;color:#0a192f}.theme-dark .calendar-container .calendar-header .nav-arrow:disabled{opacity:.3;cursor:not-allowed}.theme-dark .calendar-container .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5%}.theme-dark .calendar-container .calendar-grid .day-header{padding:.5rem;text-align:center;color:#8892b0;font-size:.7rem;background-color:#000;border-radius:4px;text-transform:uppercase}.theme-dark .calendar-container .calendar-grid .day-cell{position:relative;padding-top:88%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0003;border-radius:6px;transition:all .3s ease;text-decoration:none;border:1px solid transparent;min-height:50px}.theme-dark .calendar-container .calendar-grid .day-cell>div{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:18px}.theme-dark .calendar-container .calendar-grid .day-cell .day-number{position:absolute;top:10px;left:10px;color:#a8b2d1;font-size:.8rem;line-height:1}.theme-dark .calendar-container .calendar-grid .day-cell .record-star{color:#ffffff0d;font-size:1.2rem;line-height:1}.theme-dark .calendar-container .calendar-grid .day-cell .record-star.has-record{color:#ffc107;text-shadow:0 0 8px #ff9800}.theme-dark .calendar-container .calendar-grid .day-cell.not-current-month{opacity:.3}.theme-dark .calendar-container .calendar-grid .day-cell.is-today{background:#64ffda1a}.theme-dark .calendar-container .calendar-grid .day-cell.is-today .record-star{color:#fff6}.theme-dark .calendar-container .calendar-grid .day-cell.is-today .record-star.has-record{color:#ffc107}.theme-dark .calendar-container .calendar-grid .day-cell.is-today .day-number{color:#64ffda;font-weight:700}.theme-dark .calendar-container .calendar-grid .day-cell.has-record{cursor:pointer}.theme-dark .calendar-container .calendar-grid .day-cell.has-record:hover{background:#64ffda1a;border:1px solid rgba(100,255,218,.3)}@media (max-width: 992px){.theme-dark .calendar-container .calendar-header h2{font-size:1rem}.theme-dark .calendar-container .calendar-grid .day-cell .record-star{font-size:.7rem}}.theme-dark .account-page .left-side{flex:0 0 140px}.theme-dark .account-page .right-side{flex:1;display:flex;flex-direction:column;gap:.6rem;padding-bottom:.6rem}.theme-dark .avatar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-height:400px;overflow-y:auto}.theme-dark .avatar-grid .avatar-option{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s ease;border:2px solid transparent;border-radius:8px;padding:.5rem}.theme-dark .avatar-grid .avatar-option:hover,.theme-dark .avatar-grid .avatar-option.is-selected{border-color:#64ffda;background-color:#64ffda1a}.theme-dark .avatar-grid .avatar-option .avatar-image{width:100%;border-radius:8px}.theme-dark .avatar-grid .avatar-option .avatar-name{font-size:.85rem;color:#cdeefd;margin-top:.5rem}@media (max-width: 992px){.theme-dark .account-page .left-side,.theme-dark .account-page .right-side{flex:0 0 100%;width:100%}}.theme-dark .words-list .scroll-wrap{min-height:220px}.theme-dark .words-list .filter-bar{display:flex;gap:.5rem;margin-bottom:1rem;align-items:center}.theme-dark .words-list .filter-bar .search-box{flex-grow:1}.theme-dark .words-list .filter-bar .filter-box{position:relative}.theme-dark .words-list .filter-bar .filter-box.is-active .toggle{border-color:#8be9fdb3;box-shadow:0 0 10px #8be9fd4d;background-color:#0a192fe6}.theme-dark .words-list .filter-bar .toggle{background:#0003;border:1px solid #30415d;color:#cdeefd;border-radius:6px;height:42px;line-height:40px;padding:0 15px;cursor:pointer;font-size:1rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:90px;box-sizing:border-box}.theme-dark .words-list .filter-bar .toggle:hover{border-color:#8be9fdb3;box-shadow:0 0 10px #8be9fd4d;background-color:#0a192fe6}.theme-dark .words-list .filter-bar .toggle:after{content:"";display:inline-block;vertical-align:middle;margin-left:12px;width:3px;height:3px;border-radius:50%;background-color:#cdeefd;box-shadow:0 -5px #cdeefd,0 5px #cdeefd;flex-shrink:0}.theme-dark .words-list .filter-bar .filter-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:250px;z-index:10;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.theme-dark .words-list .filter-bar .filter-dropdown .dropdown-menu{position:absolute;z-index:1001;background:#0f1e37e6;border:1px solid rgba(139,233,253,.25);border-radius:10px;box-shadow:0 8px 30px #00000080;overflow:hidden}.theme-dark .words-list .filter-bar .filter-dropdown .dropdown-menu.upload-options-dropdown{top:calc(100% - 30px);left:50%;transform:translate(-50%);width:140px;text-align:center}.theme-dark .words-list .filter-bar .filter-dropdown .dropdown-menu.upload-options-dropdown .dropdown-item{font-size:.9rem}.theme-dark .words-list .filter-bar .filter-dropdown .dropdown-item{position:relative;cursor:pointer;display:block;padding:.75rem 2rem;color:#a8b2d1;text-decoration:none;transition:all .2s ease}.theme-dark .words-list .filter-bar .filter-dropdown .dropdown-item:hover{background-color:#64ffda1a;color:#64ffda}.theme-dark .words-list .filter-bar .filter-dropdown .dropdown-item.is-active,.theme-dark .words-list .filter-bar .filter-dropdown .dropdown-item.router-link-active{color:#62fad7;font-weight:700;background-color:#62fad74d}.theme-dark .words-list .filter-bar .filter-dropdown .dropdown-item.is-active:before,.theme-dark .words-list .filter-bar .filter-dropdown .dropdown-item.router-link-active:before{content:"▶";position:absolute;left:.75rem;top:50%;color:#62fad7;font-size:.7rem;transform:translateY(-50%)}.theme-dark .words-list .filter-bar .filter-dropdown .dropdown-divider{height:1px;background-color:#8be9fd26;margin:.5rem 0}.theme-dark .words-list .filter-bar .filter-dropdown .scroll-wrap{display:flex;flex-direction:column;gap:.5rem;max-height:240px;overflow-y:auto}.theme-dark .words-list .filter-bar .filter-dropdown .group-label{width:100%}.theme-dark .words-list .filter-bar .sort-box{position:relative}.theme-dark .words-list .filter-bar .sort-box.is-active .toggle{border-color:#8be9fdb3;box-shadow:0 0 10px #8be9fd4d;background-color:#0a192fe6}.theme-dark .words-list .filter-bar .sort-box .sort-dropdown .dropdown-menu{position:absolute;z-index:1001;background:#0f1e37e6;border:1px solid rgba(139,233,253,.25);border-radius:10px;box-shadow:0 8px 30px #00000080;overflow:hidden}.theme-dark .words-list .filter-bar .sort-box .sort-dropdown .dropdown-menu.upload-options-dropdown{top:calc(100% - 30px);left:50%;transform:translate(-50%);width:140px;text-align:center}.theme-dark .words-list .filter-bar .sort-box .sort-dropdown .dropdown-menu.upload-options-dropdown .dropdown-item{font-size:.9rem}.theme-dark .words-list .filter-bar .sort-box .sort-dropdown .dropdown-item{position:relative;cursor:pointer;display:block;padding:.75rem 2rem;color:#a8b2d1;text-decoration:none;transition:all .2s ease}.theme-dark .words-list .filter-bar .sort-box .sort-dropdown .dropdown-item:hover{background-color:#64ffda1a;color:#64ffda}.theme-dark .words-list .filter-bar .sort-box .sort-dropdown .dropdown-item.is-active,.theme-dark .words-list .filter-bar .sort-box .sort-dropdown .dropdown-item.router-link-active{color:#62fad7;font-weight:700;background-color:#62fad74d}.theme-dark .words-list .filter-bar .sort-box .sort-dropdown .dropdown-item.is-active:before,.theme-dark .words-list .filter-bar .sort-box .sort-dropdown .dropdown-item.router-link-active:before{content:"▶";position:absolute;left:.75rem;top:50%;color:#62fad7;font-size:.7rem;transform:translateY(-50%)}.theme-dark .words-list .filter-bar .sort-box .sort-dropdown .dropdown-divider{height:1px;background-color:#8be9fd26;margin:.5rem 0}.theme-dark .words-list .filter-bar .sort-box .sort-dropdown{top:calc(100% + 10px);right:0;width:150px;padding:.5rem}.theme-dark .words-list .filter-bar .sort-box .sort-dropdown .dropdown-item{padding:.6rem 1rem;border-radius:4px;cursor:pointer;color:#a8b2d1;transition:all .2s ease}.theme-dark .words-list .filter-bar .sort-box .sort-dropdown .dropdown-item:hover{background-color:#8be9fd1a;color:#cdeefd}.theme-dark .words-list .filter-bar .sort-box .sort-dropdown .dropdown-item.is-active{background-color:#64ffda26;color:#64ffda;font-weight:500}.theme-dark .words-list .card-grid .card-main{flex:1;display:flex;align-items:center;gap:1.5rem;flex-wrap:nowrap;overflow:hidden;margin-bottom:0;flex-shrink:0}.theme-dark .words-list .card-grid .card-main .card-icon{display:none}.theme-dark .words-list .card-grid .card-main .card-title{display:flex;align-items:baseline;gap:1rem;white-space:nowrap}.theme-dark .words-list .card-grid .card-main .card-title .card-title-en{font-size:1.2rem;color:#cdeefd}.theme-dark .words-list .card-grid .card-main .card-title .card-title-zh{font-size:1rem;color:#a8b2d1}.theme-dark .words-list .card-grid .card-main .card-tags{font-size:.85rem;color:#8892b0}.theme-dark .category-selector{position:relative;border:1px solid #30415d;border-radius:6px;padding:.5rem 50px .5rem 1rem;min-height:40px;display:flex;flex-wrap:wrap;gap:.5rem;transition:all .3s ease}.theme-dark .category-selector:hover{border-color:#8be9fdb3}.theme-dark .category-selector{align-items:center}.theme-dark .category-selector .selected-categories{flex-grow:1;display:flex;flex-wrap:wrap;gap:.5rem;min-height:30px;align-items:center}.theme-dark .category-selector .selected-categories.is-empty{color:#8892b0;font-size:.9rem}.theme-dark .category-selector .selected-categories.is-empty:before{content:"點擊右側按鈕選擇分類"}.theme-dark .category-selector-btn{position:absolute;right:0;top:0;bottom:0;width:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:#8be9fd1a;border-left:1px solid #30415d;border-top-right-radius:6px;border-bottom-right-radius:6px;transition:all .3s ease;z-index:2}.theme-dark .category-selector-btn:after{content:"";display:block;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #94a3b8;transition:transform .3s ease,border-top-color .3s ease}.theme-dark .category-selector-btn:hover{background-color:#8be9fd33;border-color:#8be9fdb3}.theme-dark .category-selector-btn.is-open{background-color:#8be9fd4d}.theme-dark .category-selector-btn.is-open:after{transform:rotate(180deg);border-top-color:#cdeefd}.theme-dark .available-categories{position:absolute;top:calc(100% + 5px);z-index:5;left:0;right:0}.theme-dark .available-categories .dropdown-menu{position:absolute;z-index:1001;background:#0f1e37e6;border:1px solid rgba(139,233,253,.25);border-radius:10px;box-shadow:0 8px 30px #00000080;overflow:hidden}.theme-dark .available-categories .dropdown-menu.upload-options-dropdown{top:calc(100% - 30px);left:50%;transform:translate(-50%);width:140px;text-align:center}.theme-dark .available-categories .dropdown-menu.upload-options-dropdown .dropdown-item{font-size:.9rem}.theme-dark .available-categories .dropdown-item{position:relative;cursor:pointer;display:block;padding:.75rem 2rem;color:#a8b2d1;text-decoration:none;transition:all .2s ease}.theme-dark .available-categories .dropdown-item:hover{background-color:#64ffda1a;color:#64ffda}.theme-dark .available-categories .dropdown-item.is-active,.theme-dark .available-categories .dropdown-item.router-link-active{color:#62fad7;font-weight:700;background-color:#62fad74d}.theme-dark .available-categories .dropdown-item.is-active:before,.theme-dark .available-categories .dropdown-item.router-link-active:before{content:"▶";position:absolute;left:.75rem;top:50%;color:#62fad7;font-size:.7rem;transform:translateY(-50%)}.theme-dark .available-categories .dropdown-divider{height:1px;background-color:#8be9fd26;margin:.5rem 0}.theme-dark .available-categories{padding:.5rem;max-height:200px;overflow-y:auto;display:flex;flex-wrap:wrap;gap:.5rem;background-color:#0a1629;box-shadow:0 4px 10px #00000080}.theme-dark .available-categories .no-options{color:#8892b0;padding:.5rem;width:100%;text-align:center}.theme-dark .tag-style{background-color:#64ffda26;color:#a7fdec;padding:.25rem .65rem;font-size:.9rem;line-height:20px;display:inline-flex;align-items:center;gap:.3rem;border-radius:15px}.theme-dark .tag-style.is-clickable{cursor:pointer;transition:background-color .2s ease}.theme-dark .tag-style.is-clickable:hover{background-color:#64ffda4d}.theme-dark .tag-style .remove-tag{background:none;border:none;color:#a7fdec;cursor:pointer;padding:0;font-size:.9rem;line-height:20px;opacity:.7}.theme-dark .tag-style .remove-tag:hover{opacity:1}.theme-dark .category-list{display:flex;flex-wrap:wrap;gap:.5rem}.theme-dark .category-list .card-box.is-undraggable{width:100%}.theme-dark .category-list .grid-list{display:flex;flex-wrap:wrap;width:100%;gap:.6rem}.theme-dark .category-list .card-box{background:#0a192f99;border:1px solid rgba(139,233,253,.1);border-radius:8px;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;width:calc(50% - .3rem);transition:all .2s ease}.theme-dark .category-list .card-box:hover{background:#192d4bb3;border-color:#8be9fd4d}.theme-dark .category-list .card-box .card-main{flex-grow:1;display:flex;align-items:center;justify-content:space-between;gap:.5rem;overflow:hidden}.theme-dark .category-list .card-box .card-main .category-name{font-size:1.1rem;color:#cdeefd;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-dark .modal-body-box.category-edit{padding:1rem .5rem}.theme-dark .modal-body-box.category-edit .word-list-in-modal{padding:1rem 0 0;width:100%}.theme-dark .modal-body-box.category-edit .group-main{flex:1}.theme-dark .modal-body-box.category-edit .simple-list{margin-top:.5rem;padding:1rem;background-color:#ffffff0d;border-radius:10px}.theme-dark .modal-body-box.category-edit .simple-list ul{display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none}.theme-dark .modal-body-box.category-edit .simple-list li{width:calc(50% - .3rem)}.theme-dark .modal-body-box.category-edit .word-list-in-modal .scroll-wrap{max-height:300px;overflow-y:auto;padding-right:.5rem}.theme-dark .modal-body-box.category-edit .group-box{display:flex;align-items:center}.theme-dark .modal-body-box.category-edit .group-title{flex:0 0 80px;padding-right:1rem;text-align:right;margin-bottom:0}@media (max-width: 992px){.theme-dark .category-list .card-box{width:100%}}.theme-dark .level-create .sub-wrap{padding-bottom:1rem}.theme-dark .level-create .sub-title{padding-right:50px}.theme-dark .level-create .word-group-header{position:relative}.theme-dark .level-create .word-group-header .icon{position:absolute;top:50%;right:.5rem;margin-top:-16px;width:32px;height:32px;border-radius:50%;background-color:#0f172ab3;border:1px solid #334155;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0;background-size:24px auto;background-repeat:no-repeat;background-position:center center}.theme-dark .level-create .word-group-header .icon.delete{background-image:url(../../../../../assets/images/icon_delete.svg)}.theme-dark .level-create .word-group-header .icon:hover{background-color:#1e293b;color:#fff}.theme-dark .level-image-uploader{position:relative;aspect-ratio:950/615;width:100%;border-radius:8px;overflow:hidden;cursor:pointer;background-color:#0a192fcc;border:2px dashed #30415d;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.theme-dark .level-image-uploader .image-preview{width:100%;height:100%;object-fit:cover}.theme-dark .level-image-uploader .image-placeholder{color:#8892b0;font-size:1.1rem}.theme-dark .level-image-uploader:after{content:"點擊更換圖片";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000000b3;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.theme-dark .level-image-uploader:hover{border-color:#8be9fdb3}.theme-dark .level-image-uploader:hover:after{opacity:1}.theme-dark .word-selector-list{display:flex;flex-wrap:wrap;gap:.6rem;padding:1rem;margin:0;list-style:none;background-color:#ffffff0d;border-radius:10px}.theme-dark .word-selector-list li{width:calc(50% - .3rem)}.theme-dark .image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width: 992px){.theme-dark .image-grid{grid-template-columns:repeat(2,1fr)}}.theme-dark .image-card{position:relative;border-radius:12px;overflow:hidden;background:#0f172a;border:1px solid #1e293b;transition:all .3s ease;box-shadow:0 4px 6px #0003}.theme-dark .image-card .image-preview-container{width:100%;padding-top:100%;position:relative;background-color:#1e293b}.theme-dark .image-card .image-preview-container .image-preview{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.theme-dark .image-card .image-preview-container:hover{box-shadow:none}.theme-dark .image-card .image-info{padding:.5rem;text-align:center;background:linear-gradient(to top,rgba(15,23,42,.9),transparent);transition:opacity .3s ease}.theme-dark .image-card .image-info .image-name{color:#e2e8f0;font-weight:600;margin:0 0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-dark .image-card .image-info .image-type-badge{display:inline-block;padding:.15rem .5rem;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase}.theme-dark .image-card .image-info .image-type-badge.type-hero{background-color:#38bdf833;color:#7dd3fc}.theme-dark .image-card .image-info .image-type-badge.type-boss{background-color:#f43f5e33;color:#fda4af}.theme-dark .image-card .image-info .image-type-badge.type-general{background-color:#8b5cf633;color:#c4b5fd}.theme-dark .image-card .image-controls{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.2rem;opacity:0;transform:translateY(-10px);transition:all .3s ease}.theme-dark .image-card .image-controls .icon{width:32px;height:32px;border-radius:50%;background-color:#0f172ab3;border:1px solid #334155;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0;background-size:24px auto;background-repeat:no-repeat;background-position:center center}.theme-dark .image-card .image-controls .icon.edit{background-image:url(../../../../../assets/images/icon_edit.svg)}.theme-dark .image-card .image-controls .icon.delete{background-image:url(../../../../../assets/images/icon_delete.svg)}.theme-dark .image-card .image-controls .icon:hover{background-color:#1e293b;color:#fff}.theme-dark .image-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0006,0 0 25px #38bdf866;border-color:#38bdf8}.theme-dark .image-card:hover .image-controls{opacity:1;transform:translateY(0)}.theme-dark .avatar-edit-modal .modal-body-box{display:grid;grid-template-columns:200px 1fr;gap:2rem;align-items:flex-start}.theme-dark .avatar-edit-modal .image-upload-wrapper{width:200px}.theme-dark .avatar-edit-modal .image-upload-wrapper .image-preview-container{border-radius:12px}.theme-dark .avatar-edit-modal .custom-select-wrapper{position:relative;width:100%}.theme-dark .avatar-edit-modal .custom-select-wrapper select.group-input,.theme-dark .avatar-edit-modal .custom-select-wrapper select.group-textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.5rem}.theme-dark .avatar-edit-modal .custom-select-wrapper:after{content:"";position:absolute;top:50%;right:1rem;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #94a3b8;pointer-events:none;transition:all .3s ease}.theme-dark .avatar-edit-modal .custom-select-wrapper:hover:after{border-top-color:#e2e8f0}.theme-dark .avatar-edit-modal .group-box{display:flex;flex-direction:column;gap:.5rem}.theme-dark .avatar-edit-modal .group-box .group-title{text-align:left;padding:0;background:none;border:none;font-size:.9rem;color:#94a3b8}.theme-dark .avatar-edit-modal .group-box .group-main{padding:0}.theme-dark .avatar-edit-modal .group-box .group-input,.theme-dark .avatar-edit-modal .group-box .group-textarea{width:100%}.theme-dark .user-list .sub-wrap{margin-bottom:2rem}.theme-dark .user-list .sub-wrap:last-child{margin-bottom:0}.theme-dark .user-list .simple-table{width:100%;overflow-x:auto}.theme-dark .user-list .simple-table table{width:100%;border-collapse:collapse;min-width:31.25rem}.theme-dark .user-list .simple-table th,.theme-dark .user-list .simple-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid rgba(139,233,253,.1);white-space:nowrap}.theme-dark .user-list .simple-table thead th{background-color:#0a192fcc;color:#8892b0;font-size:.85rem;font-weight:600;text-transform:uppercase;position:sticky;top:0;z-index:1}.theme-dark .user-list .simple-table tbody tr{transition:background-color .2s ease}.theme-dark .user-list .simple-table tbody tr:hover{background-color:#64ffda0d}.theme-dark .user-list .simple-table tbody td{color:#cdeefd;font-size:.95rem}.theme-dark .user-list .status-badge{padding:.2em .6em;border-radius:1em;font-size:.8rem;font-weight:600;color:#fff}.theme-dark .user-list .status-badge.is-active{background-color:#28a745}.theme-dark .user-list .status-badge.is-suspended{background-color:#dc3545}.theme-dark .user-list .status-toggle-switch{width:44px;height:24px;background-color:#dc3545;border-radius:12px;position:relative;cursor:pointer;transition:background-color .3s ease}.theme-dark .user-list .status-toggle-switch .toggle-knob{width:20px;height:20px;background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .3s ease}.theme-dark .user-list .status-toggle-switch.is-active{background-color:#28a745}.theme-dark .user-list .status-toggle-switch.is-active .toggle-knob{transform:translate(20px)}.theme-dark .sub-wrap .sub-title{margin-bottom:0}.theme-dark .user-view .simple-table{padding:1rem 0;overflow-x:auto}.theme-dark .user-view .simple-table table{min-width:0;width:100%}.theme-dark .user-view .simple-table table th{padding:.5rem;font-size:15px;background-color:#0006}.theme-dark .user-view .simple-table table td{padding:.5rem;font-size:15px}.theme-dark .user-view .simple-table table td:first-child{font-weight:600;color:#64ffda}@media (max-width: 992px){.theme-dark .user-list .simple-table th,.theme-dark .user-list .simple-table td{padding:.6rem .8rem;font-size:.9rem}}.theme-dark .sql-page .loading{min-height:110px}.theme-dark .sql-page .sql-all-list{display:flex;width:100%;padding-bottom:1rem;gap:.8rem}.theme-dark .sql-page .sql-all-list .left-side,.theme-dark .sql-page .sql-all-list .right-side{flex:0 0 calc(50% - .4rem)}.theme-dark .sql-page .sql-all-list .scroll-wrap{width:100%}.theme-dark .sql-page .sql-all-list .scroll-wrap textarea{padding:10px 15px;width:100%;height:110px;font-size:.8rem;line-height:1.5}.theme-dark .sql-page .style-block .group-textarea{padding:10px 15px;min-height:110px;height:110px;font-size:.8rem;line-height:1.5}@media (max-width: 743px){.theme-dark .sql-page .sql-all-list{flex-direction:column}.theme-dark .sql-page .sql-all-list .left-side,.theme-dark .sql-page .sql-all-list .right-side{flex:0 0 100%}}.theme-dark.page-full .page-container{max-width:none;padding:0 2rem}.theme-dark.layout-pro .page-container{max-width:60%}@media (max-width: 992px){.theme-dark.page-full .page-container{padding:0}.theme-dark.layout-pro .page-container,.theme-dark.layout-concentrated .page-container{max-width:100%}}