@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{position:relative;z-index:0;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:0;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{display:flex;align-items:center;justify-content:center;padding:2rem;width:100%}.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}.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 .actions-bar .inline-action-btn.left{position:absolute;left:.5rem}.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:2.5rem 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}body:has(.modal-mask){overflow:hidden}.theme-dark .modal-mask{position:fixed;top:0;left:0;width:100%;height:100vh;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-container>form{display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.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 .scroll-wrap{max-height:100%;overflow-y:auto}.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 .feedback-bar.add-score-message{margin:1rem 1rem 0}.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 .loading-spinner{display:none}.theme-dark .button-style.is-loading{position:relative}.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{padding-left:30px;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 .page-body-box{padding-top:1rem}.theme-dark .level-create .sub-wrap{padding-bottom:1rem}.theme-dark .level-create .sub-wrap:last-child{padding-bottom:0}.theme-dark .level-create .sub-title{padding-right:50px}.theme-dark .level-create .word-group{padding-top:20px}.theme-dark .level-create .word-group-header{position:relative;margin-bottom:1rem}.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 .group-box.has-seconds .group-main{display:flex;align-items:center}.theme-dark .group-box.has-seconds .group-main .group-input,.theme-dark .group-box.has-seconds .group-main .group-textarea{flex:1;padding-right:10px}.theme-dark .group-box.has-seconds .group-main .group-label{margin-left:10px;flex:0 0 80px}.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,.theme-dark .word-selector-list .group-label{width:calc(50% - .3rem)}.theme-dark .word-selector-list li .group-label,.theme-dark .word-selector-list .group-label .group-label{width:100%}.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;text-align:center}.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;text-align:center}.theme-dark .user-list .simple-table .col-email{width:250px;text-align:left;word-break:break-all}.theme-dark .user-list .simple-table .status-box{display:flex;align-items:center;justify-content:center}.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%}}.dropdown-menu{position:absolute;z-index:1001;background-color:#ebe8df;border:2px solid #747067;border-radius:10px;box-shadow:0 8px 24px #0003;overflow:hidden;padding:.5rem 0}.dropdown-menu.upload-options-dropdown{top:calc(100% - 30px);left:50%;transform:translate(-50%);width:140px;text-align:center}.dropdown-menu.upload-options-dropdown .dropdown-item{font-size:.9rem}.dropdown-item{cursor:pointer;display:block;width:100%;padding:.75rem 2rem;text-decoration:none;color:#6c551c;font-size:1rem;font-weight:500;background:transparent;border:none;border-radius:0;text-align:left;transition:all .2s ease;position:relative}.dropdown-item:hover{background-color:#ded5c6;color:#664d25}.dropdown-item.is-active,.dropdown-item.router-link-active{padding-left:50px;color:#664d25;background-color:#ded5c6}.dropdown-item.is-active:before,.dropdown-item.router-link-active:before{content:"▶";position:absolute;left:33px;top:50%;color:#6c551c;font-size:.7rem;transform:translateY(-50%)}.dropdown-divider{height:2px;background-color:#d2bb85;margin:.5rem 1rem;border-radius:1px}.theme-game{min-height:100vh;background:url(../../assets/images/hero_bg.png) center center/cover;color:#212529;font-family:Popions,Noto Sans TC,sans-serif;font-weight:400}.theme-game a{color:#007bff}.theme-game #header{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding-right:1rem;width:100%;height:80px}.theme-game .user-sub-fixed{display:flex;align-items:center;gap:1rem}.theme-game .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 #ffc10766,inset 0 0 5px #ffffff80}.theme-game .certi-box .num{color:#fff;font-size:1.25rem;font-weight:700;text-shadow:0 0 5px rgba(0,0,0,.3)}.theme-game .certi-box:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 0 25px #ffc107b3,inset 0 0 8px #ffffffb3}.theme-game .user-info-dropdown{position:relative}.theme-game .user-info-dropdown .user-info-trigger{position:relative;display:flex;align-items:center;gap:.75rem;padding:.5rem 2.8rem .5rem .8rem;background:linear-gradient(360deg,#c7ad7733,#d4c7a433),#d2bb85;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;min-height:50px;box-shadow:0 2px 2px #00000026,inset 0 -3px #b59d65}.theme-game .user-info-dropdown .user-info-trigger:after{content:"";position:absolute;top:24px;right:1.2rem;width:18px;height:2px;background-color:#6c551c;box-shadow:0 -6px #6c551c,0 6px #6c551c;border-radius:2px}.theme-game .user-info-dropdown .user-info-trigger:hover{position:relative;top:2px;box-shadow:0 0 2px #00000026,inset 2px 3px 1px #b59d65}.theme-game .user-info-dropdown .user-info-trigger:hover .user-username{color:#fff}.theme-game .user-info-dropdown .user-info-trigger:hover:after{background-color:#fff;box-shadow:0 -6px #fff,0 6px #fff}.theme-game .user-info-dropdown .user-avatar-thumbnail{aspect-ratio:1/1;width:100%;max-width:32px;border-radius:50%;object-fit:cover;border:2px solid #B69E85;box-shadow:none}.theme-game .user-info-dropdown .user-username{position:relative;top:-1px;color:#6c551c;font-weight:500;font-size:1.075rem;transition:color .3s ease;white-space:nowrap}.theme-game .user-info-dropdown .dropdown-menu{position:fixed;top:0;right:-320px;width:320px;height:100vh;background-color:#ebe8df;box-shadow:-5px 0 20px #0003;padding:0;z-index:2000;pointer-events:none;visibility:hidden;overflow-y:auto;transition:.5s;border-radius:0;border:2px solid #747067;border-right:none}.theme-game .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-game .user-info-dropdown .dropdown-menu .menu-close-btn:before,.theme-game .user-info-dropdown .dropdown-menu .menu-close-btn:after{content:"";position:absolute;top:50%;left:15%;width:70%;height:2px;background-color:#664d25;transition:background-color .3s ease}.theme-game .user-info-dropdown .dropdown-menu .menu-close-btn:before{transform:rotate(45deg)}.theme-game .user-info-dropdown .dropdown-menu .menu-close-btn:after{transform:rotate(-45deg)}.theme-game .user-info-dropdown .dropdown-menu .menu-close-btn:hover:before,.theme-game .user-info-dropdown .dropdown-menu .menu-close-btn:hover:after{background-color:#9c7e59}.theme-game .user-info-dropdown.is-open .dropdown-menu{right:0;visibility:visible;pointer-events:auto}.theme-game .user-info-box{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:1.5rem;margin-bottom:1.5rem;background-color:#d8bf98;box-shadow:inset 0 -4px #b59d65;border-bottom:2px solid #747067;transition:background-color .3s ease}.theme-game .user-info-box .user-avatar-thumbnail{max-width:100px;border-color:#fff;transition:border-color .3s ease}.theme-game .user-info-box .user-username{margin-top:1rem;text-align:center;color:#664d25}.theme-game .user-info-box:hover{background-color:#d8bf98}.theme-game .user-info-box:hover .user-avatar-thumbnail{border-color:#fff}.theme-game #footer{display:flex;justify-content:space-between;align-items:center;width:100%;color:#6c551c;font-size:14px;background-color:#d8bf98;border-top:1px solid #747067;box-shadow:inset 0 4px #ead7b0}.theme-game .copyright{padding:10px 20px;color:#6c551c}.theme-game .footer-settings{display:flex;align-items:center;flex-direction:row;gap:30px}.theme-game .selector-box{position:relative;padding:10px}.theme-game .selector-box:before{pointer-events:none;content:"";position:absolute;top:0;left:-15px;width:1px;height:100%;background-color:#747067;opacity:.4}.theme-game .theme-selector{position:relative;display:flex;align-items:center;gap:10px}.theme-game .selector-label{color:#6c551c;white-space:nowrap;-webkit-user-select:none;user-select:none}.theme-game .theme-options{display:flex;background-color:#d2bb85;border-radius:6px;border:1px solid #747067;padding:2px}.theme-game .theme-option{padding:0 10px;line-height:26px;border-radius:4px;cursor:pointer;transition:all .2s ease;color:#6c551c}.theme-game .theme-option:focus-visible{outline:2px solid #9C7E59;outline-offset:2px}.theme-game .theme-option.is-active{background-color:#fff;color:#6c551c;box-shadow:0 1px 2px #0000001a}.theme-game .size-selector{display:flex;align-items:center;gap:10px}.theme-game .size-selector .font-select{padding:0;height:32px}.theme-game .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:#d2bb85;border:1px solid #747067;color:#6c551c}.theme-game .size-selector .font-select select option{background-color:#ebe8df;color:#6c551c}.theme-game .size-selector .font-select:after{right:8px;border-top-color:#6c551c}.theme-game .size-selector:hover .slider-label{opacity:1}.theme-game .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-game .slider-wrap{position:relative;width:100%}.theme-game .slider-bar{position:absolute;top:50%;left:0;margin-top:-3px;width:100%;height:6px;background-color:#d2bb85;border-radius:3px;cursor:pointer;border:1px solid #747067}.theme-game .slider-bar:focus-visible{border-color:#9c7e59}.theme-game .slider-fill{position:absolute;top:50%;left:0;margin-top:-3px;height:6px;background-color:#9c7e59;border-radius:3px;pointer-events:none;z-index:1}.theme-game .slider-label{position:absolute;bottom:14px;left:50%;transform:translate(-50%);background-color:#6c551c;color:#fff;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}.slider-track:hover .theme-game .slider-label,.slider-track:focus-visible .theme-game .slider-label{opacity:1}.theme-game .slider-knob{position:absolute;z-index:3;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;background-color:#fff;border:2px solid #9C7E59;border-radius:50%;box-shadow:0 1px 2px #0003;pointer-events:none;cursor:pointer}.theme-game .layout-selector{display:flex;align-items:center;gap:10px}.theme-game .layout-toggle-switch{position:relative;width:124px;height:32px;background-color:#d2bb85;border-radius:16px;cursor:pointer;display:flex;align-items:flex-start;justify-content:space-around;padding:0 4px 0 3px;border:1px solid #747067;transition:.5s}.theme-game .layout-toggle-switch:focus-visible,.theme-game .layout-toggle-switch:hover{border-color:#9c7e59}.theme-game .layout-toggle-switch .toggle-knob{position:absolute;width:60px;height:26px;background-color:#9c7e59;border-radius:13px;top:2px;left:3px;transition:left .5s cubic-bezier(.25,.46,.45,.94)}.theme-game .layout-toggle-switch .layout-text{z-index:1;line-height:29px;transition:color .3s ease}.theme-game .layout-toggle-switch.is-pro .toggle-knob{left:3px}.theme-game .layout-toggle-switch.is-pro .pro-text{color:#fff}.theme-game .layout-toggle-switch.is-pro .concentrated-text{color:#6c551c}.theme-game .layout-toggle-switch.is-concentrated .toggle-knob{left:59px}.theme-game .layout-toggle-switch.is-concentrated .pro-text{color:#6c551c}.theme-game .layout-toggle-switch.is-concentrated .concentrated-text{color:#fff}.theme-game #app-container{display:flex;flex-direction:column;min-height:100vh}.theme-game .inner-container{display:flex;align-items:center;justify-content:center;padding:2rem;overflow:hidden;position:relative;z-index:1;width:100%}.theme-game .page-container{width:100%;max-width:31.25rem;margin:0 auto;overflow:hidden;color:#212529;background-color:#ebe8df;border:2px solid #747067;border-radius:10px;box-shadow:none;transition:transform .3s ease,background-color .3s ease}.theme-game .page-header{position:relative;padding:0 20px;text-align:center;width:100%;background:#d8bf98;display:flex;align-items:center;justify-content:center;height:50px;box-sizing:border-box;box-shadow:inset 0 4px #ead7b0;border-radius:6px 6px 0 0;border-bottom:none}.theme-game .page-title{position:relative;z-index:1;font-size:20px;font-weight:400;color:#664d25;text-shadow:none}.theme-game .page-body{padding:1rem}.theme-game .page-body-wrap{padding:0}.theme-game .page-footer{padding:0 20px 20px;background:transparent;border-top:none}@media (max-width: 992px){.theme-game #app-container{min-height:calc(100vh - 100px)}.theme-game .inner-container{padding:0 1rem}}.theme-game .loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#6c757d;font-size:1rem;gap:1.5rem}.theme-game .loading:before{content:"";width:50px;height:50px;border-radius:50%;border:4px solid rgba(102,77,37,.5);border-top-color:#664d25;animation:spinloading 1s linear infinite}@keyframes spinloading{to{transform:rotate(360deg)}}.theme-game .scroll-wrap{width:100%}.theme-game .scroll-wrap::-webkit-scrollbar{width:8px}.theme-game .scroll-wrap::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.theme-game .scroll-wrap::-webkit-scrollbar-thumb{background:#ced4da;border-radius:10px;border:2px solid transparent;background-clip:content-box}.theme-game .scroll-wrap::-webkit-scrollbar-thumb:hover{background:#adb5bd}.theme-game .error-message{padding:1rem;text-align:center;color:#721c24}.theme-game .actions-bar{position:absolute;top:50%;right:.5rem;gap:.3rem;display:flex;align-items:flex-end;justify-content:flex-end;padding-top:.2rem;width:100%;transform:translateY(-50%)}.theme-game .actions-bar .inline-action-btn{position:relative;top:auto;right:auto}.theme-game .inline-action-btn{position:relative;background:#66a4ac;border:2px solid #fff;color:#fff;padding:.25rem .75rem .28rem;border-radius:5px;font-size:.8rem;cursor:pointer;transition:all .3s ease}.theme-game .inline-action-btn .txt{font-size:inherit;font-weight:400;text-transform:none;letter-spacing:normal}.theme-game .inline-action-btn:hover{top:1px}.theme-game .no-selection{text-align:center;color:#6c757d;padding:2rem;background:#f8f9fa;border-radius:12px}.theme-game .card-control{display:flex;gap:.3rem}.theme-game .card-control .icon{width:32px;height:32px;border-radius:50%;background-color:#d2bb85b3;border:1px solid #fff;color:#6c757d;cursor:pointer;transition:all .3s ease;font-size:0;background-size:20px auto;background-repeat:no-repeat;background-position:center center}.theme-game .card-control .icon.edit{background-image:url(../../../../../assets/images/icon_edit.svg)}.theme-game .card-control .icon.delete{background-image:url(../../../../../assets/images/icon_delete.svg)}.theme-game .card-control .icon.star{background-image:url(../../../../../assets/images/icon_star.svg)}.theme-game .card-control .icon:hover{background-color:#6c757d;border-color:#6c757d}.theme-game .modal-mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:999;transition:opacity .3s ease}.theme-game .modal-container{width:100%;max-width:400px;max-height:90vh;background-color:#ebe8df;border:2px solid #747067;border-radius:10px;display:flex;flex-direction:column;overflow:hidden;position:relative}.theme-game .modal-header{position:relative;padding:0 20px;text-align:center;width:100%;background:#d8bf98;display:flex;align-items:center;justify-content:center;height:50px;box-sizing:border-box;box-shadow:inset 0 4px #ead7b0;border-radius:6px 6px 0 0}.theme-game .modal-title{position:relative;z-index:1;font-size:20px;font-weight:400;color:#664d25;text-shadow:none}.theme-game .modal-body{display:flex;flex-direction:column;flex:1;padding:1rem;width:100%;overflow-y:auto}.theme-game .modal-body-box{padding:20px;background-color:#ded5c6;border-radius:20px}.theme-game .modal-footer{padding:0 1rem 1rem;width:100%;background:transparent;border-top:none}.theme-game .modal-btn{display:flex;gap:20px;justify-content:center;width:100%}.theme-game .modal-close-button{cursor:pointer;position:absolute;z-index:4;top:0;right:0;width:50px;height:50px;font-size:0;background-color:transparent;border:none;transition:all .3s ease}.theme-game .modal-close-button:before,.theme-game .modal-close-button:after{pointer-events:none;content:"";position:absolute;top:50%;left:50%;margin:-8px 0 0 -2px;width:4px;height:16px;background-color:#664d25}.theme-game .modal-close-button:before{transform:rotate(45deg)}.theme-game .modal-close-button:after{transform:rotate(135deg)}.theme-game .modal-close-button:hover:before,.theme-game .modal-close-button:hover:after{background-color:#9c7e59}.theme-game .modal-description{padding:1rem 0;font-size:16px;color:#2e3c3e;text-align:center;line-height:1.6}.theme-game .modal-description span{margin:0 2px;padding:2px 7px;color:#fff;font-size:18px;background-color:#ff6f0f;border-radius:5px}.theme-game .card-grid{display:flex;flex-direction:column;gap:5px;width:100%;padding-bottom:5px}.theme-game .card-grid button.card-box,.theme-game .card-grid a.card-box{cursor:default}.theme-game .card-grid .card-box{padding:7px 12px;display:flex;flex-direction:row;align-items:center;gap:10px;transition:top .2s ease-in-out,box-shadow .2s ease-in-out;position:relative;top:0;overflow:hidden;text-decoration:none;color:inherit;background:#faeee4;border:1px solid #B69E85;border-radius:10px;box-shadow:0 3px 3px #00000026}.theme-game .card-grid .card-box:hover{top:2px;box-shadow:none}.theme-game .card-grid .card-icon{width:56px;height:56px;flex-shrink:0;background:linear-gradient(180deg,#c6ad9a,#e9cdac);border:1px solid #FFFFFF;box-shadow:inset 0 2px 10px #00000026;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.theme-game .card-grid .card-main{flex:1;display:flex;align-items:center;justify-content:space-between}.theme-game .card-grid .card-title{color:#684940;font-size:20px;font-weight:500}.theme-game .card-grid .card-description{color:#917f76;font-size:16px}.theme-game .card-grid .card-num{width:20px;height:20px;color:#fff;font-size:14px;text-align:center;line-height:20px;flex-shrink:0;background-color:#5598b1;border-radius:50%}@media (max-width: 992px){.theme-game .card-grid .card-box{padding:.6rem;gap:.6rem}}.theme-game .page-bar{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem}.theme-game .page-bar .num{display:flex;align-items:center;gap:.2rem}.theme-game .page-bar .num a{display:block;padding:.5rem .9rem;line-height:1;color:#6c757d;text-decoration:none;border-radius:6px;transition:all .2s ease}.theme-game .page-bar .num a:hover{background-color:#e9ecef;color:#0056b3}.theme-game .page-bar .num a.active{background-color:#007bff;color:#fff;font-weight:700}.theme-game .page-bar .num .dots{color:#adb5bd;padding:0 .25rem}.theme-game .page-bar .button-style3{margin:0 .5rem;padding:0 1rem;line-height:30px}@media (max-width: 992px){.theme-game .page-bar{margin:0 auto;max-width:400px;flex-wrap:wrap;justify-content:center;align-items:center;padding:2rem 0 .5rem;gap:.6rem}.theme-game .page-bar .num{justify-content:center;order:1;width:100%}}.theme-game .feedback-bar:not(:empty){margin-bottom:1rem}.theme-game .feedback-bar.add-score-message{margin:1rem 1rem 0}.theme-game .incorrect{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;padding:.75rem 1rem;border-radius:6px;text-align:center;font-size:.9rem}.theme-game .success{background-color:#d4edda;color:#155724;border:1px solid rgba(21,87,36,.4);padding:.75rem 1rem;border-radius:6px;text-align:center;font-size:.9rem;text-shadow:none}.theme-game .button-style{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:relative;padding:0 0 .2rem;max-width:180px;width:100%;height:56px;line-height:1;border:2px solid transparent;box-shadow:0 3px 3px #00000040;border-radius:13px;text-decoration:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.theme-game .button-style:before,.theme-game .button-style:after{pointer-events:none;content:"";position:absolute;left:0;width:100%;height:50px;border-radius:11px}.theme-game .button-style:before{top:0}.theme-game .button-style:after{bottom:0}.theme-game .button-style .txt{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;text-align:center;z-index:2;font-size:17px;font-weight:700;text-shadow:1px 1px 1px #fff,-1px -1px 1px #fff,1px -1px 1px #fff,-1px 1px 1px #fff}.theme-game .button-style .txt:before,.theme-game .button-style .txt:after{pointer-events:none;content:"";position:absolute;width:6px;height:6px;border-radius:5px}.theme-game .button-style .txt:before{top:0;left:20px}.theme-game .button-style .txt:after{bottom:-2px;right:17px}.theme-game .button-style:hover:not(:disabled){top:1px;box-shadow:none}.theme-game .button-style:hover:not(:disabled) .txt{top:1px}.theme-game .button-style:hover:not(:disabled):before{box-shadow:inset 0 2px 1px var(--btn-before-color)}.theme-game .button-style:hover:not(:disabled):after{box-shadow:inset 0 -3px 1px var(--btn-after-color)}.theme-game .button-style:hover:not(:disabled).xs:before{box-shadow:inset 0 1px 1px var(--btn-before-color)}.theme-game .button-style:hover:not(:disabled).xs:after{box-shadow:inset 0 -2px 1px var(--btn-after-color)}.theme-game .button-style.green{--btn-before-color: #B5F953;--btn-after-color: #037B1A;border-color:#115c1f;background:linear-gradient(360deg,#25b756,#52c678)}.theme-game .button-style.green .txt{color:#134314}.theme-game .button-style.green:hover:not(:disabled){background:linear-gradient(360deg,#52c678,#25b756)}.theme-game .button-style.green:before{box-shadow:inset 0 4px 1px var(--btn-before-color)}.theme-game .button-style.green:after{box-shadow:inset 0 -5px 1px var(--btn-after-color)}.theme-game .button-style.red{--btn-before-color: #FFAF83;--btn-after-color: #E6300D;border-color:#93302c;background:linear-gradient(360deg,#ff6f0f,#ff8331)}.theme-game .button-style.red .txt{color:#86130e}.theme-game .button-style.red:hover:not(:disabled){background:linear-gradient(360deg,#ff8331,#ff6f0f)}.theme-game .button-style.red:before{box-shadow:inset 0 4px 1px var(--btn-before-color)}.theme-game .button-style.red:after{box-shadow:inset 0 -5px 1px var(--btn-after-color)}.theme-game .button-style.blue{--btn-before-color: #97FFFC;--btn-after-color: #06808B;border-color:#233c40;background:linear-gradient(360deg,#1ab5bd,#4be1e8)}.theme-game .button-style.blue .txt{color:#15282b}.theme-game .button-style.blue:hover:not(:disabled){background:linear-gradient(360deg,#4be1e8,#1ab5bd)}.theme-game .button-style.blue:before{box-shadow:inset 0 4px 1px var(--btn-before-color)}.theme-game .button-style.blue:after{box-shadow:inset 0 -5px 1px var(--btn-after-color)}.theme-game .button-style.yellow{--btn-before-color: #FFDE98;--btn-after-color: #DF8C1E;border-color:#805d39;background:linear-gradient(360deg,#f2a128,#ffca4f)}.theme-game .button-style.yellow .txt{color:#62401d}.theme-game .button-style.yellow .txt:before{background-color:#fbdf98}.theme-game .button-style.yellow .txt:after{background-color:#e08c1e}.theme-game .button-style.yellow:hover:not(:disabled){background:linear-gradient(360deg,#ffca4f,#f2a128)}.theme-game .button-style.yellow:hover:not(:disabled) .txt:before,.theme-game .button-style.yellow:hover:not(:disabled) .txt:after{display:none}.theme-game .button-style.yellow:before{box-shadow:inset 0 4px 1px var(--btn-before-color)}.theme-game .button-style.yellow:after{box-shadow:inset 0 -5px 1px var(--btn-after-color)}.theme-game .button-style.gray{--btn-before-color: #91959C;--btn-after-color: #424D5B;border-color:#28394b;background:linear-gradient(360deg,#5d656f,#6c737c)}.theme-game .button-style.gray .txt{color:#192b3f}.theme-game .button-style.gray:hover:not(:disabled){background:linear-gradient(360deg,#6c737c,#5d656f)}.theme-game .button-style.gray:before{box-shadow:inset 0 4px 1px var(--btn-before-color)}.theme-game .button-style.gray:after{box-shadow:inset 0 -5px 1px var(--btn-after-color)}.theme-game .button-style.xs{height:46px;border-radius:8px}.theme-game .button-style.xs:before,.theme-game .button-style.xs:after{height:40px;border-radius:6px}.theme-game .button-style.xs .txt{font-size:15px}.theme-game .button-style.xs.green:before,.theme-game .button-style.xs.red:before,.theme-game .button-style.xs.blue:before,.theme-game .button-style.xs.yellow:before,.theme-game .button-style.xs.gray:before{box-shadow:inset 0 2px 1px var(--btn-before-color)}.theme-game .button-style.xs.green:after,.theme-game .button-style.xs.red:after,.theme-game .button-style.xs.blue:after,.theme-game .button-style.xs.yellow:after,.theme-game .button-style.xs.gray:after{box-shadow:inset 0 -3px 1px var(--btn-after-color)}.theme-game .button-style:disabled,.theme-game .button-style.is-loading{opacity:.65;cursor:not-allowed;pointer-events:none}.theme-game .button-style.is-loading .txt{color:transparent;text-shadow:none}.theme-game .button-style.is-loading .loading-spinner{display:block;position:absolute;width:24px;height:24px;top:50%;left:50%;margin-top:-12px;margin-left:-12px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:game-button-spin .8s linear infinite}@keyframes game-button-spin{to{transform:rotate(360deg)}}.theme-game .button-style2{cursor:pointer;position:relative;width:100%;height:50px;text-align:center;background:linear-gradient(360deg,#c7ad7733,#d4c7a433),#d2bb85;border-radius:10px;border:none}.theme-game .button-style2:before{pointer-events:none;content:"";position:absolute;top:0;left:0;width:100%;height:50px;background:#ffffff03;box-shadow:0 2px 2px #00000026,inset 0 -3px #b59d65;border-radius:10px}.theme-game .button-style2 .txt{position:relative;top:0;color:#6c551c;font-size:18px;line-height:49px}.theme-game .button-style2.active,.theme-game .button-style2.blue{background:linear-gradient(360deg,#3c7f9933,#63a5be33),#5598b1}.theme-game .button-style2.active:before,.theme-game .button-style2.blue:before{box-shadow:0 2px 2px #00000026,inset 0 -3px #3e6c85}.theme-game .button-style2.active .txt,.theme-game .button-style2.blue .txt{color:#0d4758}.theme-game .button-style2.xs{height:36px}.theme-game .button-style2.xs:before{height:36px}.theme-game .button-style2.xs .txt{font-size:16px;line-height:36px}.theme-game .button-style2:hover:not(.active) .txt{top:2px}.theme-game .button-style2:hover:not(.active):before{box-shadow:0 0 2px #00000026,inset 2px 3px 1px #b59d65}.theme-game .button-style3{position:relative;z-index:5;cursor:pointer;display:flex;align-items:center;justify-content:center;padding-left:10px;padding-right:10px;height:36px;color:#fff;font-size:12px;line-height:14px;background-color:#9c7e59;border:2px solid rgba(255,255,255,.7);border-radius:10px;background-size:40px auto}.theme-game .button-style3.confirm,.theme-game .button-style3.view{flex:0 0 70px;width:70px}.theme-game .button-style3:hover{background-color:#81878e}.theme-game .group-wrap{display:flex;flex-wrap:wrap;gap:1.2rem;width:100%}.theme-game .group-full{width:100%}.theme-game .group-half{width:calc(50% - .6rem)}.theme-game .group-box{display:flex;flex-direction:column}.theme-game .group-box.row{flex-direction:row;align-items:center}.theme-game .group-box.row .group-title{margin:0;padding:0 1rem 0 0;min-width:50px;text-align:center}.theme-game .group-box.row .group-main{flex:1}.theme-game .group-main{position:relative}.theme-game .group-title{display:flex;align-items:flex-start;margin-bottom:.5rem;color:#226a82;font-size:1rem;text-transform:uppercase;letter-spacing:1px}.theme-game .group-input,.theme-game .group-textarea{width:100%;background:#fff9;border:1px solid #fff;border-radius:10px;padding:0 1rem;color:#212529;line-height:40px;font-size:1rem;transition:all .3s ease}.theme-game .group-input::placeholder,.theme-game .group-textarea::placeholder{color:#999}.theme-game .group-input:hover,.theme-game .group-textarea:hover,.theme-game .group-input:focus,.theme-game .group-textarea:focus{border-color:#86b7fe;box-shadow:0 0 0 .25rem #0d6efd40;background-color:#fff}.theme-game div.group-input,.theme-game div.group-textarea{border:1px solid #e9ecef}.theme-game div.group-input:hover,.theme-game div.group-textarea:hover,.theme-game div.group-input:focus,.theme-game div.group-textarea:focus{border-color:#e9ecef;box-shadow:none;background:#f8f9fa}.theme-game .group-textarea{min-height:200px;resize:vertical;font-family:monospace;font-size:.9rem}.theme-game .group-label{position:relative;display:inline-flex;align-items:center;cursor:pointer}.theme-game .group-label input{position:absolute;top:0;left:0;opacity:0;z-index:-1}.theme-game .group-label .icon{width:22px;height:22px;background-color:#66a4ac;border:2px solid rgba(255,255,255,.5);border-radius:6px;margin-right:.4rem;position:relative;transition:all .3s ease}.theme-game .group-label .icon:after{content:"";position:absolute;top:3px;left:6px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .2s ease-in-out}.theme-game .group-label input:checked+.icon{border-color:#fffc}.theme-game .group-label input:checked+.icon:after{transform:rotate(45deg) scale(1)}.theme-game .group-label input:checked+.icon~.text{color:#1b5259}.theme-game .group-label .num{margin-left:10px;font-size:.8rem;font-weight:500;flex-shrink:0;background-color:#e7f1ff;color:#0056b3;padding:.15rem .6rem;border-radius:10px}.theme-game .group-label .text{line-height:20px;color:#367078}.theme-game .group-label:hover .icon{border-color:#fffc}.theme-game .group-select{position:relative;width:auto}.theme-game .group-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid #ced4da;border-radius:6px;padding:0 35px 0 15px;height:42px;color:#212529;cursor:pointer;min-width:90px;font-size:1rem;transition:all .3s ease}.theme-game .group-select select:hover,.theme-game .group-select select:focus{outline:none;border-color:#86b7fe;box-shadow:0 0 0 .25rem #0d6efd40;background-color:#fff}.theme-game .group-select select option{background-color:#fff;color:#212529}.theme-game .group-select:after{content:"";position:absolute;top:50%;right:15px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #343a40;transform:translateY(-50%);pointer-events:none;transition:border-color .3s ease}.theme-game .dropdown-menu{position:absolute;z-index:1001;background-color:#ebe8df;border:2px solid #747067;border-radius:10px;box-shadow:0 8px 24px #0003;overflow:hidden;padding:.5rem 0}.theme-game .dropdown-menu.upload-options-dropdown{top:calc(100% - 30px);left:50%;transform:translate(-50%);width:140px;text-align:center}.theme-game .dropdown-menu.upload-options-dropdown .dropdown-item{font-size:.9rem}.theme-game .dropdown-item{cursor:pointer;display:block;width:100%;padding:.75rem 2rem;text-decoration:none;color:#6c551c;font-size:1rem;font-weight:500;background:transparent;border:none;border-radius:0;text-align:left;transition:all .2s ease;position:relative}.theme-game .dropdown-item:hover{background-color:#ded5c6;color:#664d25}.theme-game .dropdown-item.is-active,.theme-game .dropdown-item.router-link-active{padding-left:50px;color:#664d25;background-color:#ded5c6}.theme-game .dropdown-item.is-active:before,.theme-game .dropdown-item.router-link-active:before{content:"▶";position:absolute;left:33px;top:50%;color:#6c551c;font-size:.7rem;transform:translateY(-50%)}.theme-game .dropdown-divider{height:2px;background-color:#d2bb85;margin:.5rem 1rem;border-radius:1px}.theme-game .sub-title{cursor:pointer;position:relative;display:flex;justify-content:space-between;margin-bottom:10px;padding:0 15px;height:42px;font-weight:500;font-size:16px;line-height:42px;-webkit-user-select:none;user-select:none;box-shadow:inset -1px -2px #00000040;text-shadow:0 1px 1px rgba(255,255,255,.25);border-radius:10px}.theme-game .sub-title.red{color:#953939;background:linear-gradient(360deg,#c39285,#d0a69a)}.theme-game .sub-title.blue{color:#073b4b;background:linear-gradient(360deg,#3c7f99,#6aa7be)}.theme-game .sub-title.yellow{color:#6c551c;background:linear-gradient(360deg,#c5aa70,#d2c69f)}.theme-game .sub-title span{font-size:14px}.theme-game .sub-title .arrow{display:none;cursor:pointer;position:absolute;top:1px;right:0;width:40px;height:40px;font-size:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFaSURBVHgB7djhTcJQFMXxUyfADeoGuAEjMAIb6AbIJIzgCIygG9QNygbX+9KimPDSatvbxP5/Sb8QEtKT03cvlQAAAAAAAAAAAAAAABbFzEq/Tn7V1nhNnwnd2vAuwV2rCbGHtnk5JyHPA9pZt61wm4dT9QgwfWcl/OSh7K2/F+Gb5QdHDgPlmodxtN87Cl/t+6uNls76DY6cZa811m9t6bLTEvmNrwa27yINlNnWmjvN58mvUsOl8J61JDZscORaWGoGczVwr3GlFi5jrfGmbG06GwUrFMxvstI4Z98t70VRPCpQ6CNszcpRajpr/43QgRLWwPaQT4tvqWmd/XrwJp4VILKBaXCUmt5K4w+prJAGtu2rFOs+ooVRDVwrXsib66gA5/irFXIGRj3CKcBasdIg+dDEQhrYnkUHxTlEhBfOmtdXbzadKnoPBAAAAAAAAAAAAAAAAP6rT2tTj7+ZzrdMAAAAAElFTkSuQmCC) no-repeat center center/22px auto;opacity:.5;transition:transform .3s ease}.theme-game .sub-title .arrow.is-open{transform:rotate(180deg)}.theme-game .word-group-header{position:relative}.theme-game .word-group-header .icon{position:absolute;top:5px;right:6px;background-color:#ffffff4d}.theme-game .sub-wrap{margin-bottom:15px}.theme-game .sub-wrap:last-child{margin-bottom:0}.theme-game .word-selector-list{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}.theme-game .image-upload-wrapper{display:flex;position:relative;flex-direction:column;align-items:center;margin:1rem auto .5rem}.theme-game .image-preview-container{cursor:pointer;text-align:center}.theme-game .image-preview-container .image-box{position:relative;width:120px;height:120px;background:#f8f9fa;border:2px solid #dee2e6;overflow:hidden;transition:all .3s ease;box-shadow:none;border-radius:10px}.theme-game .image-preview-container .image-box img{width:100%;height:100%;object-fit:cover;display:block}.theme-game .image-preview-container .upload-text{display:inline-block;margin-top:.6rem;background:#66a4ac;border:2px solid #fff;color:#fff;padding:.25rem .75rem .28rem;border-radius:5px;font-size:.8rem}.theme-game .image-preview-container:hover .image-box{border-color:#66a4ac;box-shadow:0 0 15px #007bff33}.theme-game .image-preview-container .image-placeholder{color:#6c757d;font-size:.9rem;text-align:center}.theme-game .image-preview-container .upload-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fffc;color:#0056b3;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-game .image-preview-container .upload-overlay{opacity:1;pointer-events:auto}.theme-game .registration-overlay{border-radius:5px!important}.theme-game .login-page .page-body-box{padding:1.5rem;border-radius:10px;background:#91bcc1}.theme-game .login-page .label-list{padding:.8rem 0 .4rem}.theme-game .login-page .label-list .group-label{margin-right:1rem}.theme-game .login-page .checkbox-bar{display:flex;justify-content:space-between;align-items:center;padding:.4rem .5rem 0;font-size:.9rem;color:#495057}.theme-game .login-page .checkbox-bar a{color:#2e3c3e;text-decoration:none;transition:color .3s ease}.theme-game .login-page .checkbox-bar a:hover{color:#2e3c3e;text-decoration:underline}.theme-game .page-btn{display:flex;align-items:center;justify-content:center;flex-direction:column}.theme-game .register-buttons{display:flex;justify-content:center;padding-top:1rem;width:100%}.theme-game .register-buttons a{color:#d67676;text-align:center;text-decoration:none}.theme-game .register-buttons a:hover{color:#d67676;text-decoration:underline}@media (max-width: 992px){.theme-game .login-page .group-box.row:not(.first){display:block}.theme-game .login-page .group-box.row:not(.first) .group-title{flex:0 0 100%;padding-bottom:.5rem}.theme-game .login-page .group-box.row:not(.first) .group-main{flex:0 0 100%}}.theme-game .dashboard .card-grid .card-title{margin-bottom:.3rem}@media (max-width: 992px){.theme-game .dashboard .card-grid .card-icon{width:50px;height:50px}}.theme-game .challenge-wrapper{position:relative;background-color:#ebe8df;border:2px solid #747067;border-radius:10px;box-shadow:none;width:100%}.theme-game .quiz-completed-card{text-align:center;padding:40px;color:#6c551c}.theme-game .final-score{display:flex;justify-content:center;gap:24px;font-size:20px;margin:20px 0}.theme-game .final-score .correct{color:#134314;font-weight:700}.theme-game .final-score .incorrect{color:#86130e;font-weight:700}.theme-game .final-accuracy{font-size:24px;margin:20px 0 32px;color:#6c551c;font-weight:300}.theme-game .final-accuracy strong{font-weight:600}.theme-game .completion-actions{display:flex;justify-content:center;gap:20px;margin-top:2rem}.theme-game .question-container{position:relative}.theme-game .speaker-icon{cursor:pointer;position:absolute;z-index:2;top:20px;right:20px;width:40px;height:40px;background:url(../../../../../assets/images/icon_arrow.svg) no-repeat center 8px/20px auto;border-radius:50%;background-color:#13431433;border:1px solid rgba(19,67,20,.3);transform:rotate(90deg)}.theme-game .speaker-icon:hover{border-color:#134314}.theme-game .answer-area .options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.theme-game .answer-area .option-btn{background:#faeee4;border:1px solid #B69E85;color:#6c551c;padding:1rem 1rem 1rem 3rem;border-radius:10px;cursor:pointer;transition:all .3s ease;font-size:1.1rem;position:relative;box-shadow:0 2px 4px #0000001a;text-align:left}.theme-game .answer-area .option-btn:before,.theme-game .answer-area .option-btn:after{pointer-events:none;content:"";position:absolute;z-index:1;width:.125rem;height:.688rem;background-color:#1c5c1e;transition:.5s;opacity:0}.theme-game .answer-area .option-btn:before{top:1.5rem;left:1.563rem;transform:rotate(45deg)}.theme-game .answer-area .option-btn:after{top:1.75rem;left:1.2rem;height:.313rem;transform:rotate(135deg)}.theme-game .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:#ffffff80;border:1px solid #805D39}.theme-game .answer-area .option-btn:hover:not(:disabled){border-color:#805d39;color:#62401d;transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.theme-game .answer-area .option-btn.correct{background-color:#52c678;border-color:#115c1f;color:#fff;font-weight:700;box-shadow:0 4px 10px #25b75666}.theme-game .answer-area .option-btn.correct:before,.theme-game .answer-area .option-btn.correct:after{opacity:1}.theme-game .answer-area .option-btn.correct:before{top:1.5rem}.theme-game .answer-area .option-btn.correct:after{top:1.75rem}.theme-game .answer-area .option-btn.correct .txt{color:#fff}.theme-game .answer-area .option-btn.correct .txt:after{background-color:#ffffff80;border-color:#fff}.theme-game .answer-area .option-btn.incorrect{background-color:#ddd;border-color:#ccc;color:#fff;box-shadow:none;opacity:.8}.theme-game .answer-area .option-btn.incorrect:before,.theme-game .answer-area .option-btn.incorrect:after{height:.688rem;opacity:1;top:1.468rem;left:1.45rem;background-color:#bbb}.theme-game .answer-area .option-btn.incorrect:before{transform:rotate(45deg)}.theme-game .answer-area .option-btn.incorrect:after{transform:rotate(135deg)}.theme-game .answer-area .option-btn.incorrect .txt{color:#bbb}.theme-game .answer-area .option-btn.incorrect .txt:after{background-color:#ffffff80;border-color:#fff}.theme-game .answer-area .option-btn:disabled:not(.correct){cursor:not-allowed;opacity:.65}.theme-game .answer-area .english-hint{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.6rem;padding:.5rem 0;width:100%}.theme-game .answer-area .english-hint button{flex:0 0 44px;width:44px;height:44px;font-size:1.5rem}.theme-game .answer-area .english-hint button:disabled{opacity:.3;cursor:not-allowed;top:0;box-shadow:0 2px 2px #00000026,inset 0 -3px #b59d65}.theme-game .answer-area .english-hint button:disabled .txt{top:0}.theme-game .ani-wrap{position:relative;padding:0 1rem 1rem}.theme-game .ani-wrap .progress-bar{height:20px;background-color:#ded5c6;border-radius:5px;box-shadow:inset 0 2px 4px #0003;overflow:hidden}.theme-game .ani-wrap .progress-bar .progress-bar-inner{height:100%;background:linear-gradient(90deg,#f2a128,#ffca4f);transition:width .5s ease-in-out;border-radius:5px;box-shadow:inset 0 2px 2px #ffffff4d}.theme-game .ani-wrap .challenge-stats{position:absolute;top:0;left:0;padding:0;width:100%;height:20px;line-height:20px;text-align:center}.theme-game .ani-wrap .stat-item{color:#62401d;font-size:.7rem;font-weight:700;text-shadow:0 1px 1px rgba(255,255,255,.5)}.theme-game .loading-state,.theme-game .error-state,.theme-game .no-data-state{font-size:20px;text-align:center;padding:4rem;color:#6c551c}.theme-game .level-info-card{margin-bottom:20px;padding:20px;width:100%;background-color:#ded5c6;border-radius:10px}.theme-game .start-quiz-overlay{display:flex;justify-content:center;align-items:center;position:absolute;z-index:10;top:0;left:0;right:0;bottom:0;height:100%;background-color:#ebe8df;text-align:center;padding:20px;border-radius:10px}.theme-game .start-quiz-content{padding:20px;background-color:#ded5c6;border-radius:20px}.theme-game .start-quiz-content h3{padding-bottom:10px;color:#664d25;font-size:22px;font-weight:600}.theme-game .start-quiz-content p{padding-bottom:20px;color:#6c551c;font-size:16px}.theme-game .timer-text{position:absolute;top:15px;right:15px;font-size:24px;color:#86130e;font-weight:700;width:60px;height:60px;line-height:60px;text-align:center;background-color:#faeee4;box-shadow:0 2px 15px #0003,inset 0 0 5px #0000001a;border-radius:50%;border:2px solid #B69E85}.theme-game .question-text{-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;position:relative;padding:2rem;background-color:#ded5c6;border-radius:20px;min-height:150px;color:#684940;font-size:2.5rem;font-weight:700}.theme-game .question-text:before,.theme-game .question-text:after{pointer-events:none;content:"";position:absolute;width:0;height:0;border-style:solid}.theme-game .question-text:before{top:0;left:40px;border-width:6px 6px 0;border-color:#ebe8df transparent transparent}.theme-game .question-text:after{top:50px;left:0;border-width:0 6px 10px 0;border-color:transparent transparent #ebe8df}.theme-game .question-text .question-description{color:#917f76;margin-left:.5rem;font-size:1.2rem;font-weight:400}.theme-game .question-text .pronounce-icon{display:flex;align-items:center;justify-content:center;position:absolute;bottom:10px;right:10px;width:40px;height:40px;color:#6c551c;font-size:24px;line-height:24px;text-align:center;transition:opacity .2s;background-color:#ffffff4d;border-radius:50%}.theme-game .question-text:hover .pronounce-icon{background-color:#fff9}.theme-game .result-details{display:flex;align-items:center;width:100%}.theme-game .result-details .result-answer{flex:0 0 40%;display:flex;align-items:center;font-size:16px}.theme-game .result-details .result-answer.incorrect{flex:0 0 60%;padding:0;border:none;background:none}.theme-game .result-details .result-answer.incorrect .correct{margin-left:.5rem;padding:.2rem .7rem;color:#721c24;border:1px solid #f5c6cb;background-color:#f8d7da;border-radius:.3rem}.theme-game .result-details .result-answer.incorrect .incorrect{padding:0;color:#721c24;font-size:16px;border:none;background:none}.theme-game .question-content-wrapper{padding:20px 0}.theme-game .level-image-container{border-radius:10px;overflow:hidden}.theme-game .level-image-container.no-image{aspect-ratio:200/80;background-color:#0a192f1a;display:flex;align-items:center;justify-content:center}.theme-game .level-image-container.no-image .image-placeholder{color:#8892b0}.theme-game .level-details-container{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.5rem;background-color:#ffffff0d;border-radius:10px}.theme-game .level-details-container .detail-item{display:flex;flex-wrap:wrap;width:calc(50% - .5rem);color:#fff;font-size:.9rem}.theme-game .level-details-container .detail-item .label{flex:0 0 80px;opacity:.4;color:#000}.theme-game .level-details-container .detail-item .value{flex:1;color:#545454}.theme-game .level-details-container .detail-item.full{width:100%}.theme-game .finish-screen-wrap{display:flex;flex-direction:column;align-items:center;gap:1.5rem;position:relative;padding:1rem;background-color:#ded5c6;border-radius:20px;min-height:150px;color:#684940}.theme-game .finish-screen-wrap:before,.theme-game .finish-screen-wrap:after{pointer-events:none;content:"";position:absolute;width:0;height:0;border-style:solid}.theme-game .finish-screen-wrap:before{top:0;left:40px;border-width:6px 6px 0;border-color:#ebe8df transparent transparent}.theme-game .finish-screen-wrap:after{top:50px;left:0;border-width:0 6px 10px 0;border-color:transparent transparent #ebe8df}.theme-game .score-circle{width:140px;height:140px;padding-bottom:1rem;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;border:3px solid;position:relative}.theme-game .score-circle.is-passed{color:#fff;background-color:#e2cea0;border-color:#fff;text-shadow:none}.theme-game .score-circle.is-failed{border-color:#dc3545;color:#721c24;box-shadow:0 0 20px #dc35454d,inset 0 0 10px #dc35451a;text-shadow:none}.theme-game .score-circle .score-text{font-size:.9rem;color:#fffc;margin-bottom:.25rem}.theme-game .score-circle .score{padding-left:1rem;font-size:3rem;line-height:1}.theme-game .score-circle .score-label{font-size:1rem;vertical-align:baseline;margin-left:2px}.theme-game .summary-text{color:#888}.theme-game .all-correct-message{padding-bottom:1rem;color:#721c24;font-size:1.4rem;font-weight:700}.theme-game .boss-tabs{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:1rem;margin-bottom:.5rem;scrollbar-width:none}.theme-game .boss-tabs::-webkit-scrollbar{display:none}.theme-game .boss-tabs .boss-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem .5rem .75rem;background-color:#b59d65;border:1px solid #ebe8df;border-radius:30px;cursor:pointer;white-space:nowrap;transition:all .3s ease;box-shadow:0 2px 4px #0000000d;color:#fff}.theme-game .boss-tabs .boss-tab.is-active{color:#fff;background-color:#66a4ac;border-color:#fff}.theme-game .boss-tabs .boss-tab.is-active .txt{color:#fff}.theme-game .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-game .boss-tabs .boss-tab .txt{color:#796124;font-weight:500;font-size:1rem}.theme-game .boss-tabs.is-active .boss-avatar-small{border-color:#fff}.theme-game .level-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.5rem}.theme-game .level-card-link{text-decoration:none;color:inherit;display:block;transition:transform .3s ease,box-shadow .3s ease}.theme-game .level-card-link:hover{transform:translateY(-5px);box-shadow:0 10px 10px #0000001a}.theme-game .level-card-link:hover .level-card{border-color:#66a4ac;box-shadow:0 0 10px #007bff33}.theme-game .level-card-link:hover .level-card-image:before{opacity:1;transform:translateY(0)}.theme-game .level-card-link:hover .level-card-image img{transform:scale(1.05)}.theme-game .level-card{position:relative;background:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:row;transition:border-color .3s ease,box-shadow .3s ease}.theme-game .level-card-image{position:relative;z-index:0;aspect-ratio:960/615;width:50%;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center;overflow:hidden}.theme-game .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:#212529;text-shadow:none;background:linear-gradient(to top,#ffffffe6,#fff9,#fff0);opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}.theme-game .level-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.theme-game .level-card-image .image-placeholder{color:#6c757d;font-size:.9rem}.theme-game .level-card-content{padding:1rem;display:flex;flex-direction:column;flex-grow:1;background-color:#fff}.theme-game .level-name{font-size:1.2rem;font-weight:500;color:#343a40;margin:0 0 .5rem;text-shadow:none}.theme-game .info-list{margin-top:auto;font-size:.85rem;color:#495057;display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem;border-top:1px solid #e9ecef}.theme-game .select-boss-page .selected-boss-section{padding-bottom:2rem}.theme-game .select-boss-page .boss-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width: 768px){.theme-game .select-boss-page .boss-grid{grid-template-columns:repeat(2,1fr)}}.theme-game .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:#fff;border:1px solid #e9ecef;border-radius:12px;transition:all .3s ease;cursor:pointer;overflow:hidden}.theme-game .select-boss-page .boss-grid .boss-card .boss-avatar-container{width:100px;height:100px}.theme-game .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 #dee2e6;transition:transform .3s ease}.theme-game .select-boss-page .boss-grid .boss-card .boss-name{color:#343a40;font-weight:500;font-size:1rem;text-align:center}.theme-game .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:#dc3545;border:none;border-radius:50%;opacity:0;transition:all .3s ease;z-index:2}.theme-game .select-boss-page .boss-grid .boss-card .remove-boss-btn:before,.theme-game .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-game .select-boss-page .boss-grid .boss-card .remove-boss-btn:before{transform:translate(-50%,-50%) rotate(45deg)}.theme-game .select-boss-page .boss-grid .boss-card .remove-boss-btn:after{transform:translate(-50%,-50%) rotate(135deg)}.theme-game .select-boss-page .boss-grid .boss-card.is-selected{cursor:default;background:#d0a69a99;border-color:#d0a69a}.theme-game .select-boss-page .boss-grid .boss-card.is-selected .boss-avatar{border-color:#fff;box-shadow:0 0 10px #dc354533}.theme-game .select-boss-page .boss-grid .boss-card.is-selected .boss-name{color:#721c24}.theme-game .select-boss-page .boss-grid .boss-card.is-selected:hover .remove-boss-btn{opacity:1;transform:scale(1)}.theme-game .select-boss-page .unselected-boss-section .boss-card{background:#69a7be99;border-color:#69a7be}.theme-game .select-boss-page .unselected-boss-section .boss-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.theme-game .select-boss-page .unselected-boss-section .boss-card:hover .boss-avatar{transform:scale(1.02);border-color:#fff;box-shadow:0 0 10px #007bff33}.theme-game .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:#fff;border:none;border-radius:50%;opacity:0;transition:all .3s ease;z-index:2}.theme-game .select-boss-page .unselected-boss-section .boss-card .selection-overlay:before,.theme-game .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:#69a7be}.theme-game .select-boss-page .unselected-boss-section .boss-card .selection-overlay:before{transform:translate(-50%,-50%) rotate(0)}.theme-game .select-boss-page .unselected-boss-section .boss-card .selection-overlay:after{transform:translate(-50%,-50%) rotate(90deg)}.theme-game .select-boss-page .unselected-boss-section .boss-card:hover .selection-overlay{opacity:1}.theme-game .history-detail .sub-wrap{margin-bottom:1rem}.theme-game .history-detail .sub-wrap:last-child{margin-bottom:0}.theme-game .history-detail .sub-title{padding-right:50px;cursor:pointer}.theme-game .history-detail .finish-screen-wrap{padding:1.5rem;background-color:#f8f9fa;border-radius:10px;border:1px solid #e9ecef}@media (max-width: 992px){.theme-game .history-detail .finish-screen-wrap{padding:1rem .5rem}}.theme-game .calendar-container .calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.theme-game .calendar-container .calendar-header h2{font-size:1.3rem;font-weight:500;color:#343a40;text-shadow:none;margin:0 1rem}.theme-game .calendar-container .calendar-header .nav-arrow{background:#fff;border:1px solid #ced4da;color:#495057;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;cursor:pointer;transition:all .3s ease}.theme-game .calendar-container .calendar-header .nav-arrow:not(:disabled):hover{background:#e9ecef;border-color:#adb5bd;color:#212529}.theme-game .calendar-container .calendar-header .nav-arrow:disabled{opacity:.3;cursor:not-allowed}.theme-game .calendar-container .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5%}.theme-game .calendar-container .calendar-grid .day-header{padding:.5rem;text-align:center;color:#6c757d;font-size:.7rem;background-color:#f8f9fa;border-radius:4px;text-transform:uppercase}.theme-game .calendar-container .calendar-grid .day-cell{position:relative;padding-top:88%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border-radius:6px;transition:all .3s ease;text-decoration:none;border:1px solid #f1f1f1;min-height:50px}.theme-game .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-game .calendar-container .calendar-grid .day-cell .day-number{position:absolute;top:10px;left:10px;color:#6c757d;font-size:.8rem;line-height:1}.theme-game .calendar-container .calendar-grid .day-cell .record-star{color:#e9ecef;font-size:1.2rem;line-height:1}.theme-game .calendar-container .calendar-grid .day-cell .record-star.has-record{color:#ffc107;text-shadow:0 0 8px rgba(255,193,7,.5)}.theme-game .calendar-container .calendar-grid .day-cell.not-current-month{opacity:.3}.theme-game .calendar-container .calendar-grid .day-cell.is-today{background:#e7f1ff}.theme-game .calendar-container .calendar-grid .day-cell.is-today .record-star{color:#cce5ff}.theme-game .calendar-container .calendar-grid .day-cell.is-today .record-star.has-record{color:#ffc107}.theme-game .calendar-container .calendar-grid .day-cell.is-today .day-number{color:#d67676;font-weight:700}.theme-game .calendar-container .calendar-grid .day-cell.has-record{cursor:pointer}.theme-game .calendar-container .calendar-grid .day-cell.has-record:hover{background:#d676764d;border:1px solid rgba(214,118,118,.3)}.theme-game .calendar-container .calendar-grid .day-cell.has-record:hover .record-star{color:#fff}@media (max-width: 992px){.theme-game .calendar-container .calendar-header h2{font-size:1rem}.theme-game .calendar-container .calendar-grid .day-cell .record-star{font-size:.7rem}}.theme-game .account-page .left-side{flex:0 0 140px}.theme-game .account-page .right-side{flex:1;display:flex;flex-direction:column;gap:.6rem;padding-bottom:.6rem}.theme-game .account-page .btns{position:absolute;top:0;right:.5rem}.theme-game .avatar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-height:400px;overflow-y:auto}.theme-game .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-game .avatar-grid .avatar-option:hover,.theme-game .avatar-grid .avatar-option.is-selected{border-color:#4b749db3;background-color:#f0f7ff}.theme-game .avatar-grid .avatar-option .avatar-image{width:100%;border-radius:8px}.theme-game .avatar-grid .avatar-option .avatar-name{font-size:.85rem;color:#495057;margin-top:.5rem}@media (max-width: 992px){.theme-game .account-page .left-side,.theme-game .account-page .right-side{flex:0 0 100%;width:100%}}.theme-game .words-list .scroll-wrap{min-height:220px}.theme-game .words-list .filter-bar{display:flex;gap:.5rem;margin-bottom:1rem;align-items:center}.theme-game .words-list .filter-bar .search-box{flex-grow:1}.theme-game .words-list .filter-bar .filter-box{position:relative}.theme-game .words-list .filter-bar .filter-box.is-active .toggle{border-color:#007bff;background-color:#f0f7ff}.theme-game .words-list .filter-bar .toggle{background:#fff;border:1px solid #ced4da;color:#495057;border-radius:6px;height:42px;line-height:40px;padding:0 15px;cursor:pointer;font-size:1rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:90px;box-sizing:border-box}.theme-game .words-list .filter-bar .toggle:hover{border-color:#adb5bd;background-color:#f8f9fa}.theme-game .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:#6c757d;box-shadow:0 -5px #6c757d,0 5px #6c757d;flex-shrink:0}.theme-game .words-list .filter-bar .filter-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:250px;z-index:10}.theme-game .words-list .filter-bar .filter-dropdown .dropdown-menu{position:absolute;z-index:1001;background-color:#ebe8df;border:2px solid #747067;border-radius:10px;box-shadow:0 8px 24px #0003;overflow:hidden;padding:.5rem 0}.theme-game .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-game .words-list .filter-bar .filter-dropdown .dropdown-menu.upload-options-dropdown .dropdown-item{font-size:.9rem}.theme-game .words-list .filter-bar .filter-dropdown .dropdown-item{cursor:pointer;display:block;width:100%;padding:.75rem 2rem;text-decoration:none;color:#6c551c;font-size:1rem;font-weight:500;background:transparent;border:none;border-radius:0;text-align:left;transition:all .2s ease;position:relative}.theme-game .words-list .filter-bar .filter-dropdown .dropdown-item:hover{background-color:#ded5c6;color:#664d25}.theme-game .words-list .filter-bar .filter-dropdown .dropdown-item.is-active,.theme-game .words-list .filter-bar .filter-dropdown .dropdown-item.router-link-active{padding-left:50px;color:#664d25;background-color:#ded5c6}.theme-game .words-list .filter-bar .filter-dropdown .dropdown-item.is-active:before,.theme-game .words-list .filter-bar .filter-dropdown .dropdown-item.router-link-active:before{content:"▶";position:absolute;left:33px;top:50%;color:#6c551c;font-size:.7rem;transform:translateY(-50%)}.theme-game .words-list .filter-bar .filter-dropdown .dropdown-divider{height:2px;background-color:#d2bb85;margin:.5rem 1rem;border-radius:1px}.theme-game .words-list .filter-bar .filter-dropdown{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.theme-game .words-list .filter-bar .filter-dropdown .scroll-wrap{display:flex;flex-direction:column;gap:.5rem;max-height:240px;overflow-y:auto}.theme-game .words-list .filter-bar .filter-dropdown .group-label{width:100%}.theme-game .words-list .filter-bar .sort-box{position:relative}.theme-game .words-list .filter-bar .sort-box.is-active .toggle{border-color:#007bff;background-color:#f0f7ff}.theme-game .words-list .filter-bar .sort-box .sort-dropdown .dropdown-menu{position:absolute;z-index:1001;background-color:#ebe8df;border:2px solid #747067;border-radius:10px;box-shadow:0 8px 24px #0003;overflow:hidden;padding:.5rem 0}.theme-game .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-game .words-list .filter-bar .sort-box .sort-dropdown .dropdown-menu.upload-options-dropdown .dropdown-item{font-size:.9rem}.theme-game .words-list .filter-bar .sort-box .sort-dropdown .dropdown-item{cursor:pointer;display:block;width:100%;padding:.75rem 2rem;text-decoration:none;color:#6c551c;font-size:1rem;font-weight:500;background:transparent;border:none;border-radius:0;text-align:left;transition:all .2s ease;position:relative}.theme-game .words-list .filter-bar .sort-box .sort-dropdown .dropdown-item:hover{background-color:#ded5c6;color:#664d25}.theme-game .words-list .filter-bar .sort-box .sort-dropdown .dropdown-item.is-active,.theme-game .words-list .filter-bar .sort-box .sort-dropdown .dropdown-item.router-link-active{padding-left:50px;color:#664d25;background-color:#ded5c6}.theme-game .words-list .filter-bar .sort-box .sort-dropdown .dropdown-item.is-active:before,.theme-game .words-list .filter-bar .sort-box .sort-dropdown .dropdown-item.router-link-active:before{content:"▶";position:absolute;left:33px;top:50%;color:#6c551c;font-size:.7rem;transform:translateY(-50%)}.theme-game .words-list .filter-bar .sort-box .sort-dropdown .dropdown-divider{height:2px;background-color:#d2bb85;margin:.5rem 1rem;border-radius:1px}.theme-game .words-list .filter-bar .sort-box .sort-dropdown{top:calc(100% + 10px);right:0;width:150px;padding:.5rem}.theme-game .words-list .filter-bar .sort-box .sort-dropdown .dropdown-item{padding:.6rem 1rem;border-radius:4px;cursor:pointer;color:#495057;transition:all .2s ease}.theme-game .words-list .filter-bar .sort-box .sort-dropdown .dropdown-item:hover{background-color:#f8f9fa;color:#212529}.theme-game .words-list .filter-bar .sort-box .sort-dropdown .dropdown-item.is-active{padding-left:30px;background-color:#664d25b3;color:#fff;font-weight:500}.theme-game .words-list .filter-bar .sort-box .sort-dropdown .dropdown-item.is-active:before{left:12px;color:#fff}.theme-game .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-game .words-list .card-grid .card-main .card-icon{display:none}.theme-game .words-list .card-grid .card-main .card-title{display:flex;align-items:baseline;gap:1rem;white-space:nowrap}.theme-game .words-list .card-grid .card-main .card-title .card-title-en{font-size:1.2rem;color:#6c551c}.theme-game .words-list .card-grid .card-main .card-title .card-title-zh{font-size:1rem;color:#6c757d}.theme-game .words-list .card-grid .card-main .card-tags{font-size:.85rem;color:#6c757d}.theme-game .category-selector{position:relative;padding:.5rem 50px .5rem 1rem;min-height:40px;display:flex;flex-wrap:wrap;gap:.5rem;background:#fff9;border:1px solid #fff;border-radius:10px;transition:all .3s ease}.theme-game .category-selector:hover{border-color:#86b7fe}.theme-game .category-selector{align-items:center}.theme-game .category-selector .selected-categories{flex-grow:1;display:flex;flex-wrap:wrap;gap:.5rem;min-height:30px;align-items:center}.theme-game .category-selector .selected-categories.is-empty{color:#6c757d;font-size:.9rem}.theme-game .category-selector .selected-categories.is-empty:before{content:"點擊右側按鈕選擇分類"}.theme-game .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:#785f3780;border-top-right-radius:8px;border-bottom-right-radius:8px;transition:all .3s ease;z-index:2}.theme-game .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 #fff;transition:transform .3s ease,border-top-color .3s ease}.theme-game .category-selector-btn:hover{background-color:#785f37cc}.theme-game .category-selector-btn.is-open{background-color:#785f37}.theme-game .category-selector-btn.is-open:after{transform:rotate(180deg);border-top-color:#fff}.theme-game .available-categories{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:5}.theme-game .available-categories .dropdown-menu{position:absolute;z-index:1001;background-color:#ebe8df;border:2px solid #747067;border-radius:10px;box-shadow:0 8px 24px #0003;overflow:hidden;padding:.5rem 0}.theme-game .available-categories .dropdown-menu.upload-options-dropdown{top:calc(100% - 30px);left:50%;transform:translate(-50%);width:140px;text-align:center}.theme-game .available-categories .dropdown-menu.upload-options-dropdown .dropdown-item{font-size:.9rem}.theme-game .available-categories .dropdown-item{cursor:pointer;display:block;width:100%;padding:.75rem 2rem;text-decoration:none;color:#6c551c;font-size:1rem;font-weight:500;background:transparent;border:none;border-radius:0;text-align:left;transition:all .2s ease;position:relative}.theme-game .available-categories .dropdown-item:hover{background-color:#ded5c6;color:#664d25}.theme-game .available-categories .dropdown-item.is-active,.theme-game .available-categories .dropdown-item.router-link-active{padding-left:50px;color:#664d25;background-color:#ded5c6}.theme-game .available-categories .dropdown-item.is-active:before,.theme-game .available-categories .dropdown-item.router-link-active:before{content:"▶";position:absolute;left:33px;top:50%;color:#6c551c;font-size:.7rem;transform:translateY(-50%)}.theme-game .available-categories .dropdown-divider{height:2px;background-color:#d2bb85;margin:.5rem 1rem;border-radius:1px}.theme-game .available-categories{padding:.5rem;background-color:#f2eee9;max-height:150px;border-radius:10px;overflow-y:auto;display:flex;flex-wrap:wrap;gap:.5rem}.theme-game .available-categories .no-options{color:#6c757d;padding:.5rem;width:100%;text-align:center}.theme-game .tag-style{background-color:#785f374d;color:#785f37;padding:.25rem .65rem;font-size:.9rem;line-height:20px;display:inline-flex;align-items:center;gap:.3rem;border-radius:15px}.theme-game .tag-style.is-clickable{cursor:pointer;transition:background-color .2s ease}.theme-game .tag-style.is-clickable:hover{background-color:#785f37}.theme-game .tag-style .remove-tag{background:none;border:none;color:#0056b3;cursor:pointer;padding:0;font-size:.9rem;line-height:20px;opacity:.7}.theme-game .tag-style .remove-tag:hover{opacity:1}.theme-game .category-list{display:flex;flex-wrap:wrap;gap:.5rem}.theme-game .category-list .card-box.is-undraggable{width:100%}.theme-game .category-list .grid-list{display:flex;flex-wrap:wrap;width:100%;gap:.6rem}.theme-game .category-list .card-box{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;width:calc(50% - .3rem);transition:all .2s ease-in-out}.theme-game .category-list .card-box:hover{background:#f8f9fa;border-color:#dee2e6}.theme-game .category-list .card-box .card-main{flex-grow:1;display:flex;align-items:center;justify-content:space-between;gap:.5rem;overflow:hidden}.theme-game .category-list .card-box .card-main .category-name{font-size:1.1rem;color:#343a40;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-game .modal-body-box.category-edit{padding:1rem .5rem}.theme-game .modal-body-box.category-edit .word-list-in-modal{padding:1rem 0 0;width:100%}.theme-game .modal-body-box.category-edit .group-main{flex:1}.theme-game .modal-body-box.category-edit .simple-list{margin-top:.5rem;padding:1rem;background-color:#f8f9fa;border-radius:10px}.theme-game .modal-body-box.category-edit .simple-list ul{display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none}.theme-game .modal-body-box.category-edit .simple-list li{width:calc(50% - .3rem)}.theme-game .modal-body-box.category-edit .word-list-in-modal .scroll-wrap{max-height:300px;overflow-y:auto;padding-right:.5rem}.theme-game .modal-body-box.category-edit .group-box{display:flex;align-items:center}.theme-game .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-game .category-list .card-box{width:100%}}.theme-game .level-create .sub-title{padding-right:50px}.theme-game .level-create .word-group-header{position:relative}.theme-game .level-create .word-group-header .icon{position:absolute;top:50%;right:.5rem;margin-top:-16px;width:32px;height:32px;border-radius:50%;background-color:#d2bb85b3;border:1px solid #fff;color:#6c757d;cursor:pointer;transition:all .3s ease;font-size:0;background-size:20px auto;background-repeat:no-repeat;background-position:center center}.theme-game .level-create .word-group-header .icon.edit{background-image:url(../../../../../assets/images/icon_edit.svg)}.theme-game .level-create .word-group-header .icon.delete{background-image:url(../../../../../assets/images/icon_delete.svg)}.theme-game .level-create .word-group-header .icon.star{background-image:url(../../../../../assets/images/icon_star.svg)}.theme-game .level-create .word-group-header .icon:hover{background-color:#f8d7da;border-color:#dc3545}.theme-game .level-image-uploader{position:relative;width:100%;height:200px;border-radius:8px;overflow:hidden;cursor:pointer;background-color:#f8f9fa;border:2px dashed #dee2e6;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.theme-game .level-image-uploader .image-preview{width:100%;height:100%;object-fit:cover}.theme-game .level-image-uploader .image-placeholder{color:#6c757d;font-size:1.1rem}.theme-game .level-image-uploader:after{content:"點擊更換圖片";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fffc;color:#0056b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.theme-game .level-image-uploader:hover{border-color:#007bff}.theme-game .level-image-uploader:hover:after{opacity:1}.theme-game .word-selector-list{display:flex;flex-wrap:wrap;gap:.6rem;padding:1rem;margin:0;list-style:none;background-color:#f8f9fa;border-radius:10px}.theme-game .word-selector-list li{width:calc(50% - .3rem)}.theme-game .image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width: 992px){.theme-game .image-grid{grid-template-columns:repeat(2,1fr)}}.theme-game .image-card{position:relative;border-radius:12px;overflow:hidden;background:#fff;border:1px solid #dee2e6;transition:all .3s ease;box-shadow:0 4px 6px #0000000d}.theme-game .image-card .image-preview-container{width:100%;padding-top:100%;position:relative;background-color:#f8f9fa}.theme-game .image-card .image-preview-container .image-preview{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.theme-game .image-card .image-preview-container:hover{box-shadow:none}.theme-game .image-card .image-info{padding:.5rem;text-align:center;background:transparent;transition:opacity .3s ease}.theme-game .image-card .image-info .image-name{color:#343a40;font-weight:500;margin:0 0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-game .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-game .image-card .image-info .image-type-badge.type-hero{background-color:#cce5ff;color:#004085}.theme-game .image-card .image-info .image-type-badge.type-boss{background-color:#f8d7da;color:#721c24}.theme-game .image-card .image-info .image-type-badge.type-general{background-color:#e2e3e5;color:#383d41}.theme-game .image-card .image-controls{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.2rem;opacity:0;transform:translateY(-10px);transition:all .3s ease}.theme-game .image-card .image-controls .icon{width:32px;height:32px;border-radius:50%;background-color:#fffc;border:1px solid rgba(0,0,0,.1);cursor:pointer;font-size:0}.theme-game .image-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a;border-color:#007bff}.theme-game .image-card:hover .image-controls{opacity:1;transform:translateY(0)}.theme-game .avatar-edit-modal .modal-body-box{display:grid;grid-template-columns:200px 1fr;gap:2rem;align-items:flex-start}.theme-game .avatar-edit-modal .image-upload-wrapper{width:200px}.theme-game .avatar-edit-modal .image-upload-wrapper .image-preview-container{border-radius:12px}.theme-game .avatar-edit-modal .custom-select-wrapper{position:relative;width:100%}.theme-game .avatar-edit-modal .custom-select-wrapper select.group-input,.theme-game .avatar-edit-modal .custom-select-wrapper select.group-textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.5rem}.theme-game .avatar-edit-modal .custom-select-wrapper:after{content:"";position:absolute;top:50%;right:1rem;transform:translateY(-50%);width:0;height:0;border-top-color:#343a40;pointer-events:none;transition:all .3s ease}.theme-game .avatar-edit-modal .custom-select-wrapper:hover:after{border-top-color:#0056b3}.theme-game .avatar-edit-modal .group-box{display:flex;flex-direction:column;gap:.5rem}.theme-game .avatar-edit-modal .group-box .group-title{text-align:left;padding:0;background:none;border:none;font-size:.9rem;color:#6c757d}.theme-game .avatar-edit-modal .group-box .group-main{padding:0}.theme-game .avatar-edit-modal .group-box .group-input,.theme-game .avatar-edit-modal .group-box .group-textarea{width:100%}.theme-game .user-list .sub-wrap{margin-bottom:2rem}.theme-game .user-list .sub-wrap:last-child{margin-bottom:0}.theme-game .user-list .simple-table{width:100%;overflow-x:auto}.theme-game .user-list .simple-table table{width:100%;border-collapse:collapse;min-width:31.25rem}.theme-game .user-list .simple-table th,.theme-game .user-list .simple-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e9ecef;white-space:nowrap}.theme-game .user-list .simple-table thead th{background-color:#f8f9fa;color:#6c757d;font-size:.85rem;font-weight:600;text-transform:uppercase;position:sticky;top:0;z-index:1;border-bottom-width:2px}.theme-game .user-list .simple-table tbody tr{transition:background-color .2s ease}.theme-game .user-list .simple-table tbody tr:hover{background-color:#f8f9fa}.theme-game .user-list .simple-table tbody td{color:#212529;font-size:.95rem}.theme-game .user-list .status-badge{padding:.2em .6em;border-radius:1em;font-size:.8rem;font-weight:600;color:#fff}.theme-game .user-list .status-badge.is-active{background-color:#28a745}.theme-game .user-list .status-badge.is-suspended{background-color:#dc3545}.theme-game .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-game .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-game .user-list .status-toggle-switch.is-active{background-color:#28a745}.theme-game .user-list .status-toggle-switch.is-active .toggle-knob{transform:translate(20px)}.theme-game .user-view .simple-table table{min-width:0}.theme-game .user-view .simple-table table td:first-child{font-weight:600;color:#495057}@media (max-width: 992px){.theme-game .user-list .simple-table th,.theme-game .user-list .simple-table td{padding:.6rem .8rem;font-size:.9rem}}.theme-game .sql-page .loading{min-height:110px}.theme-game .sql-page .sql-all-list{display:flex;width:100%;padding-bottom:1rem;gap:.8rem}.theme-game .sql-page .sql-all-list .left-side,.theme-game .sql-page .sql-all-list .right-side{flex:0 0 calc(50% - .4rem)}.theme-game .sql-page .sql-all-list .scroll-wrap{width:100%}.theme-game .sql-page .sql-all-list .scroll-wrap textarea{padding:10px 15px;width:100%;height:110px;font-size:.8rem;line-height:1.5}.theme-game .sql-page .style-block .group-textarea{padding:10px 15px;min-height:110px;height:110px;font-size:.8rem;line-height:1.5}.theme-game.page-full .page-container{max-width:none;padding:0 2rem}.theme-game.layout-pro .page-container{max-width:60%}@media (max-width: 992px){.theme-game.page-full .page-container{padding:0}.theme-game.layout-pro .page-container,.theme-game.layout-concentrated .page-container{max-width:100%}}.registration-overlay[data-v-2c476e0c]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffffb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;display:flex;align-items:center;justify-content:center;border-radius:20px}.overlay-content[data-v-2c476e0c]{background:#fff;padding:24px 32px;border-radius:12px;box-shadow:0 4px 20px #00000026;text-align:center}.overlay-content .highlight-text[data-v-2c476e0c]{color:#e74c3c;font-weight:700;margin-bottom:12px;line-height:1.5}.overlay-content .test-accounts p[data-v-2c476e0c]{margin:4px 0;color:#2c3e50}button[data-v-2c476e0c]:disabled{cursor:not-allowed!important;pointer-events:auto!important}