.toast-message{position:fixed;top:20px;right:20px;color:#fff;padding:16px;border-radius:4px;box-shadow:0 2px 8px #00000026;animation:slideIn .3s ease,fadeOut .3s ease 5.7s forwards;z-index:1000;font-family:Noto Sans TC,sans-serif;display:flex;flex-direction:column;min-width:300px}.toast-icon-container{margin-bottom:8px;display:flex;align-items:center}.toast-icon{width:24px;height:24px;margin-right:8px}.toast-content{padding-left:4px}.toast-message.error{background-color:#f4cdcd;color:#000}.toast-message.success{background-color:#d6f8c5;color:#000}.toast-message.warning{background-color:#fce6cc;color:#000}.toast-message.info{background-color:#d0e4ff;color:#000}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@font-face{font-family:NotoSansTC;src:url(/assets/NotoSansTC-DcfVjdW0.ttf) format("truetype");font-weight:400;font-style:normal}body{font-family:NotoSansTC,Arial,sans-serif;margin:0;padding:0;height:100%}.app{display:flex;flex-direction:column;height:100vh}.maincontent{display:grid;grid-template-columns:230px 1fr;min-height:100vh;background-color:#f5f5f5}.maincontent.preview-page{display:block!important;grid-template-columns:none;width:100%}.main-content{padding:20px}body,html{margin:0;padding:20;height:100%}.app{display:flex;flex-direction:column;height:100%}.header{width:100%;height:58px;background:linear-gradient(to right,#2c7fa6,#80c48f);display:flex;justify-content:center;align-items:center;justify-content:flex-start;box-sizing:border-box}.logo{height:40px;padding-left:15px}.footer{width:100%;background:linear-gradient(to right,#80c48f,#2c7fa6);padding:20px 0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.footer-buttons{display:flex;justify-content:center;gap:20px;margin-bottom:10px}.footer-button{background:transparent;border:1px solid white;color:#fff;padding:10px 20px;border-radius:9999px;cursor:pointer;transition:background-color .3s,color .3s}.footer-button:hover{background-color:#fff;color:#017ab1}.footer-text{font-size:14px;text-align:center}.main-content{height:100%;background-color:#f5f7fa}.hero-section{margin-bottom:2rem;margin-top:1.5rem;position:relative;overflow:hidden}.hero-section img{width:100%;height:100%;object-fit:cover}.hero-text{position:absolute;top:20%;left:5%;color:#fff;text-align:left;line-height:.8}.bigbig{font-size:2.5rem;font-weight:700;display:block;margin-inline-start:0px;margin-inline-end:0px;unicode-bidi:isolate}.big{font-size:2rem;font-weight:700;display:block;margin-block-start:.83em;margin-block-end:.83em;margin-inline-start:0px;margin-inline-end:0px;unicode-bidi:isolate}.small{margin-top:.5rem;font-size:1rem;margin-bottom:1rem;display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;unicode-bidi:isolate}.hero-text h2{font-size:2rem;font-weight:700}.hero-text h1{font-size:2.5rem;font-weight:700}.hero-text p{margin-top:.5rem;font-size:1rem}.search-container{position:relative;display:flex;justify-content:center;align-items:center;width:50%;max-width:1000px;margin:0 auto;margin-top:1rem}.search-input{width:100%;padding:.75rem 2.5rem .75rem .75rem;border:1px solid #cbd5e0;border-radius:8px;box-shadow:0 1px 3px #0000001a;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;margin:0 auto}.search-icon{position:absolute;cursor:pointer;right:.5rem;color:#cbd5e0}.tag-buttons{display:flex;justify-content:center;gap:.75rem;margin-top:1.5rem;margin-bottom:3rem}button{padding:.5rem 1rem;border-radius:9999px;background-color:#2d92c1;color:#fff;border:none;cursor:pointer;transition:background-color .2s ease-in-out}button:hover{background-color:#3695a6}.content-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem;margin-bottom:1.5rem;animation:fadeIn .5s ease-out forwards;height:100%;display:flex;flex-direction:column}.grid-container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;gap:1.5rem;width:100%;max-width:1600px;margin:0 auto;padding:0 2rem;align-items:stretch}.section-title{color:#2d92c1;border-bottom:2px solid #e2e8f0;padding-bottom:.5rem;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.info-list{list-style-type:disc;padding-left:1.5rem;padding:2;margin:0}.info-list li{padding:.5rem 0;color:#000}.info-list li:last-child{border-bottom:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out forwards}.main-link,.main-link :visited{color:#4678b2;text-decoration:none}.main-link:hover{color:#24759a;text-decoration:none}.main-link:active{color:#4678b2;text-decoration:none}.search-bar{display:flex;align-items:center;gap:10px;margin:20px auto;max-width:800px;padding:10px;border-radius:8px;background-color:#f9f9f9;box-shadow:0 2px 8px #0000001a}.search-input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:5px;border-right:none;outline:none;transition:border-color .3s}.search-input:focus{border-color:#4aa3ba;box-shadow:0 0 5px #4aa3ba4d}.bar-selectspace{width:250px}.multi-select{position:relative;width:100%;font-family:Arial,sans-serif}.select-header{padding:.75rem 2.5rem .75rem .75rem;border:1px solid #ddd;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background-color:#fff;transition:all .3s}.select-header:hover,.select-header:focus{border-color:#4aa3ba;box-shadow:0 0 5px #4aa3ba4d}.select-header.active{border-color:#4aa3ba;background-color:#ddd;box-shadow:0 0 5px #4aa3ba4d}.selected-options{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.select-placeholder,.display-text{color:#000;font-size:14px}.arrow{position:absolute;right:.75rem;color:#000;transition:transform .3s}.arrow.up{transform:rotate(180deg)}.options-container{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 8px #0000001a;z-index:1000;max-height:300px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.options-container::-webkit-scrollbar{display:none}.option{padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:8px;max-width:100%}.option span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 30px)}.option:hover{background-color:#f5f5f5}.option.selected{background-color:#b9cce0}.checkbox{width:23px;height:23px;border:1px solid #ddd;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.checkbox:not(.checked){background-color:#fff;border-color:#ddd}.checkbox.checked{background-color:#2d92c1;color:#fff}.checkbox:hover{border-color:#4aa3ba;box-shadow:0 0 5px #4aa3ba4d}.divider{height:1px;background-color:#ddd;margin:1px 0}.search-results{max-width:1200px;margin:20px auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.results-table{display:table;width:100%;border-collapse:collapse}.results-row{display:table-row}.results-row.header{font-weight:700;background-color:#f5f5f5}.results-row>div{display:table-cell;padding:10px;border:1px solid #ddd}.dropdown-content{display:none;position:absolute;top:36px;width:100%;height:500px;min-width:100%;z-index:1;background-image:url(./static/img/phrase_dropdown.svg);background-size:Contain;background-position:bottom;background-repeat:no-repeat}.modal-content{border:solid;border-width:4px;border-color:#84c6da;border-radius:20px;min-width:800px;min-height:200px}.modal-header{border:none}.modal-close{text-align:right;margin-top:10px;margin-right:10px;padding-top:0}.modal-detail{padding:0 20px 20px}.popupTitle{font-size:2rem;font-weight:700;margin-bottom:0}.imgBorder{overflow:hidden;width:100%;height:60px}.imgSize{width:100%;height:160px;object-fit:cover}.imgTitle{font-size:12px;font-family:微軟正黑體;-webkit-line-clamp:2;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal}.sentenceCard{width:100%;background-color:#dfeaf2;border-bottom:1px solid #eaf4f9;color:#000}.titleCard{height:50px;width:100%;padding-right:1rem;padding-left:1rem;padding-top:.7rem;background-color:#2d92c1;color:#fff;font-size:18px;font-weight:700;border-radius:8px 8px 0 0}.sentenceTitle{font-size:16px;font-weight:700;-webkit-line-clamp:1;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal}.sentenceContent{font-size:16px;font-family:微軟正黑體;-webkit-line-clamp:1;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal}.page-item.active .page-link{border-radius:5px;z-index:1;color:#fff;background-color:#2d92c1;border-color:#0000;cursor:pointer}.page-link:hover{background-color:#0000;color:#2d92c1;border-color:#0000;cursor:pointer}.pagination-container{display:flex;justify-content:center;position:relative;padding:0 120px}.pagination-container{display:flex;justify-content:center}.page-numbers{display:flex;gap:5px}.back-button,.next-button{display:flex;align-items:center}.page-link{border:none;padding:.5rem 1rem}.main-search-page{max-width:90%;margin:20px auto;padding:20px}.results-container{display:flex;gap:20px;margin-top:20px}.transcript-page{display:flex;flex-direction:column;height:100vh;padding:60px;background-color:#f5f5f5}.error-toast{position:fixed;top:20px;right:20px;color:#fff;padding:12px 24px;border-radius:4px;box-shadow:0 2px 8px #00000026;animation:slideIn .3s ease,fadeOut .3s ease 2.7s forwards;z-index:1000}.transcript-header{display:flex;justify-content:space-between;align-items:center}.transcript-mode-selection{display:flex;align-items:center;gap:8px}.transcript-mode-selection span{font-size:18px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:-.18px}.vertical-divider{width:1px;height:30px;background-color:#ccc;margin:0 15px}.switch{position:relative;display:inline-block;width:34px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#4caf50;transition:.4s;border-radius:20px}.slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#4caf50}input:checked+.slider:before{transform:translate(14px)}.record-button{display:flex;align-items:center;justify-content:center;gap:5px;background-color:#017ab1;color:#fff;border-radius:8px;cursor:pointer;font-size:16px;width:119.875px;height:48px;transition:background-color .3s ease,color .3s ease}.record-button:hover{background-color:#679bb3}.record-button.recording{background-color:#d3e6fb;color:#000;border:1.5px solid #3B74D6;padding:.5rem}.record-icon{width:24px;height:24px}.recording-icon{width:30px;height:30px}.record-button.processing{padding:.5rem;background-color:#e0e0e0;color:#555;cursor:not-allowed}.loading-icon{width:24px;height:24px;animation:spin 1s linear infinite}.font-size-button.selected{background-color:#017ab1;color:w}.upload-button{display:flex;height:48px;padding:8px 16px;justify-content:center;align-items:center;background-color:#dfeaf2;border-radius:8px;cursor:pointer;color:#2d92c1;transition:all .3s ease;background-image:url("data:image/svg+xml,%3csvg%20width='17'%20height='22'%20viewBox='0%200%2017%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Subtract'%3e%3cpath%20d='M1.875%200.5C0.839467%200.5%200%201.33947%200%202.375V19.625C0%2020.6605%200.839466%2021.5%201.875%2021.5H14.625C15.6605%2021.5%2016.5%2020.6605%2016.5%2019.625V11.75C16.5%209.67893%2014.8211%208%2012.75%208H10.875C9.83947%208%209%207.16053%209%206.125V4.25C9%202.17893%207.32107%200.5%205.25%200.5H1.875Z'%20fill='%232D92C1'/%3e%3cpath%20d='M9.22119%200.815905C10.018%201.73648%2010.5%202.93695%2010.5%204.25V6.125C10.5%206.33211%2010.6679%206.5%2010.875%206.5H12.75C14.0631%206.5%2015.2635%206.98204%2016.1841%207.77881C15.2962%204.37988%2012.6201%201.70377%209.22119%200.815905Z'%20fill='%232D92C1'/%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-position:20px center;background-size:16px 20px;text-indent:25px}.upload-button:hover{background-color:#c5d9e7}.upload-button.uploaded{border:1px solid #2d92c1;background:#dfeaf2;color:#000}.file-name{color:#4f4f4f;font-size:16px}.upload-button.processing{background-color:#e0e0e0;color:#555;cursor:not-allowed}.upload-button.processing .loading-icon{width:24px;height:24px;margin-left:8px;animation:spin 1s linear infinite}.transcript-overlay{display:flex;flex-direction:column;flex:1}.transcript-content{display:flex;flex-direction:column;height:100%;background-color:#fff;border-radius:13px;border:1px solid #ddd;box-shadow:0 2px 4px #0000001a;position:relative;margin:30px 0}.tabs{display:flex;height:48px;justify-content:space-between;margin-bottom:10px;align-items:center;flex-shrink:0}.tab-button{flex:1;background:#fafafa;border-radius:8px;border:.5px solid rgba(0,0,0,.04);border-bottom:3px solid transparent;box-shadow:0 2px 8px #00000014,0 2px 1px #0000000a;cursor:pointer;font-size:20px;color:#000;font-weight:700;transition:box-shadow .3s ease}.tab-button:hover{background-color:#2d92c1;color:#fff}.tab-button.active{border-bottom:2px solid #2d92c1;box-shadow:0 4px 4px #00000040,0 -3px #2d92c1 inset;align-self:stretch;transition:box-shadow .3s ease}.content-container{display:flex;flex-direction:column;flex:1;background-color:#fff}.content-display{flex:1;padding:0 22px;border-radius:8px;margin:0 10px;border:1px solid #ddd;overflow-y:auto}.content-display.non-editable{background-color:#c7c7c7}.content-display.editable{background-color:#fff}.content-display.小{font-size:18px}.content-display.中{font-size:22px}.content-display.大{font-size:26px}.button-container{display:flex;justify-content:flex-end;gap:10px;margin-bottom:15px}.copy-button{width:152px;height:40px;margin:10px;padding:8px 16px;background-color:#2d92c1;color:#fff;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:background-color .3s,border-color .3s}.copy-button:disabled{background-color:#919191;color:#1f1f1f;cursor:not-allowed}.copy-button.copied{background-color:#dfeaf2;color:#000;border-color:#017ab1;cursor:not-allowed}.feedback-button{width:152px;height:40px;background-color:#fff;color:#2d92c1;border:1px solid #2d92c1;padding:8px 16px;border-radius:8px;cursor:pointer;transition:background-color .3s,color .3s}.feedback-button:hover:not(:disabled){background-color:#2d92c1;color:#fff}.feedback-button:disabled{background-color:#919191;color:#fff;border:1px solid #919191;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000040;display:flex;justify-content:center;align-items:center;z-index:1000;padding:16px}.modal-close-button{position:absolute;top:16px;right:16px;display:flex;width:30px;height:30px;padding:3.944px 3.659px 3.174px 3.459px;justify-content:center;align-items:center;flex-shrink:0;background:none;border:none;font-size:20px;color:#b3b3b3;cursor:pointer;z-index:1001}.modal-close-button:hover{color:#000;background:#c7c7c7}.modal-content{position:relative;display:flex;flex-direction:column;flex-shrink:0;width:100%;max-width:70%;height:auto;max-height:90vh;padding:20px;border-radius:8px;background:#fff;box-shadow:0 8px 8px #00000024}.feedback-textarea{min-height:260px;height:auto;display:flex;padding-bottom:4px;border-radius:12px;font-size:18px;resize:none;border:6px solid #f2f2f2;border-top-width:8px;border-bottom-width:20px}.modal-actions{display:flex;gap:8px;align-self:flex-end}.modal-button{margin-top:8px;background-color:#017ab1;color:#fff;padding:8px 16px;border:none;border-radius:5px;cursor:pointer;width:120px;height:40px}.modal-button:hover{background-color:#005f8a}audio{width:100%;margin-top:-10px;margin-bottom:20px}.modal-button.submitting{background-color:#d9d9d9;cursor:not-allowed;opacity:.7}.read-page{padding:60px;background-color:#f5f5f5;display:flex;flex-direction:column;height:100vh}.read-header{display:flex;flex-direction:column}.read-mode-area{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.mode-selection{display:flex;justify-content:space-between;align-items:center}.mode-selection span{font-size:18px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:-.18px}.mode-selection label{color:var(--Dark-Grey, #3A3A3A);font-family:Inter;font-size:18px;font-style:normal;font-weight:400;line-height:normal;display:flex;padding:3px;align-items:center;gap:5px;cursor:pointer}input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='25'%20viewBox='0%200%2024%2025'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Radio%20Symbol'%3e%3ccircle%20id='Ellipse%201'%20cx='12'%20cy='12.5'%20r='11'%20stroke='%23424242'%20stroke-width='2'/%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:contain;border:none;cursor:pointer}input[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='25'%20viewBox='0%200%2024%2025'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Radio%20Symbol'%3e%3ccircle%20id='Ellipse%201'%20cx='12'%20cy='12.5'%20r='11'%20stroke='%232D92C1'%20stroke-width='2'/%3e%3ccircle%20id='Ellipse%202'%20cx='12'%20cy='12.5'%20r='6'%20fill='%232D92C1'/%3e%3c/g%3e%3c/svg%3e")}input[type=radio]:hover{filter:brightness(1.2)}.mode-option{color:gray}.mode-option.active{color:green;font-weight:700}.font-size-control{display:flex;gap:17px;align-items:center}.font-size-button{background-color:#dfeaf2;padding:5px 10px;border-radius:5px;cursor:pointer;color:#000;transition:background-color .3s,color .3s}.font-size-button:hover{background-color:#679bb3}.font-size-button.selected{background-color:#2d92c1;color:w}.font-size-button.小{width:40px;height:40px;font-size:18px}.font-size-button.中{width:50px;height:50px;font-size:22px}.font-size-button.大{width:60px;height:60px;font-size:26px}.read-content{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:16px;position:relative;width:100%;box-sizing:border-box}.input-box{padding:22px;align-self:stretch;flex:1;margin:30px 0 0;font-size:18px;resize:none;overflow-y:auto;background-color:#fff;border-radius:12px;border:1px solid #DEDEDE;box-shadow:inset 0 0 0 8px #f2f2f2}.remaining-chars{color:#2d3648;font-feature-settings:"calt" off;font-family:Inter;font-size:18px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:-.18px}.input-box.小{font-size:18px}.input-box.中{font-size:22px}.input-box.大{font-size:26px}.audio-button-container{display:flex;width:100%;align-items:center;justify-content:flex-start;gap:10px;margin:0 0 30px}.generate-audio-button{display:flex;width:152px;height:40px;padding:14px 17px;justify-content:center;align-items:center;gap:10px;cursor:pointer;border-radius:10px;background:#00000040;transition:background-color .3s,border-color .3s;color:#fff;text-align:center;font-feature-settings:"calt" off;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:-.18px}.generate-audio-button.enabled{background-color:#2d92c1;color:#fff;cursor:pointer}.generate-audio-button:disabled{background-color:#919191;color:#1f1f1f;cursor:not-allowed}.generate-audio-button.processing{background-color:#e0e0e0;cursor:not-allowed;color:var(--Primary-Black, #424242)}.generate-audio-button:hover:not(:disabled):not(.processing){background-color:#2d92c1;color:#fff}.loading-icon{width:24px;height:24px;margin-left:8px;animation:spin 1s linear infinite}.processing-container{display:flex;align-items:center}.audio-player{border:2px solid red;width:100%}audio{margin-top:0;margin-bottom:0}.page-container{padding-left:5%;padding-right:5%}.search-bar-container{width:40%;padding-left:3%;padding-top:2%;margin-bottom:2%}.phrase-results-container{display:grid;gap:20px;width:100%;padding-left:5%;padding-right:5%;margin-top:0}.search-Bar{display:flex;align-items:center;gap:10px;margin:20px auto;max-width:800px;padding:10px;border-radius:8px}.category-select{flex:1;padding:.75rem 2.5rem .75rem .75rem;border:1px solid #ddd;border-radius:10px;background-color:#fff;outline:none;cursor:pointer;transition:border-color .3s}.category-select:focus{border-color:#4aa3ba;box-shadow:0 0 5px #4aa3ba4d}.input-container{display:flex;align-items:center;width:100%;position:relative}.filter-section{display:flex;align-items:center;width:250px;padding-right:10px}.phrase-search-input{width:100%;padding:.75rem 2.5rem .75rem .75rem;border:1px solid #cbd5e0;border-radius:8px;margin:0 auto;outline:none;transition:border-color .3s}.phrase-search-input:focus,.phrase-search-input:hover{border-color:#4aa3ba;box-shadow:0 0 5px #4aa3ba4d}.search-button{position:absolute;right:0;top:50%;transform:translateY(-50%);background-color:#4aa3ba;border:none;padding:8px;border-radius:0 5px 5px 0;cursor:pointer;transition:background-color .3s}.search-icon{width:32px;height:32px}.search-icon:hover{transform:scale(1.1)}.search-container{position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:1000px;margin:0 auto}.multi-select{display:block;position:relative}.content{height:100px;border:1px solid #000;margin:0 8px}.phaseCard{width:100%;background-color:#fff;font-size:1.2 rem}.phaseTitle{font-size:16px;font-weight:500;-webkit-line-clamp:1;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal}.sentenceContent{font-size:14px;-webkit-line-clamp:1;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal}ul.pagination li a{text-align:center;width:35px;border-radius:5px;color:#000;border-color:#0000;background-color:#0000}ul.pagination li a:hover{background-color:#0000;color:#62bac6;border-color:#0000}.page-item.active .page-link{border-radius:5px;z-index:1;color:#fff;background-color:#62bac6;border-color:#0000}.dropdown{position:relative;padding:0;width:150px;height:3.7em;border-radius:30px;background-color:#add9e6;border-style:none}.dropdown>.dropBtn{padding:0;width:150px;height:52px;border-radius:30px;background-color:#add9e6;border-style:none;font-size:20px}.dropdown-content{display:none;position:absolute;top:36px;width:100%;height:500px;min-width:100%;z-index:1;background-image:url(./static/img/phrase_dropdown.svg);background-size:Contain;background-position:bottom;background-repeat:no-repeat}.column{float:left;width:136px;padding:25px 5px 5px;box-sizing:border-box}.dropdown-content a{color:#000;padding:5px 10px;width:140px;text-decoration:none;display:block}label{display:block;color:#000;font-size:16px;margin:5px 0}.dropdown:hover .dropdown-content{display:block}.dropdown-content a:hover{background-color:#ddd}.dropdown:hover .dropbtn{background-color:#add9e6}.menuTitle,.menuText{font-size:22px;font-family:微軟正黑體;font-weight:400;color:#000}.selectionText{font-size:20px;font-family:微軟正黑體;font-weight:500;color:#000;text-align:left}.Title{font-size:2.5rem;font-weight:700;margin-bottom:0}.SearchResultTitle{font-size:2.3rem;font-weight:700;margin-bottom:0}.selected-page{background-color:#84c6da}ul.pagination li a.wide-link{width:90px}ul.pagination li a{text-align:center;width:48px;border-radius:5px;color:#000;border-color:#0000;background-color:#0000}.lastbutton{width:35px;border-radius:5px;border-color:#0000;background-color:#0000}ul.pagination li a:hover{background-color:#0000;color:#2d92c1;border-color:#0000}ul.pagination li a.active{border-radius:5px;border-color:#0000}.page-item.active .page-link{border-radius:5px;z-index:1;color:#fff;background-color:#2d92c1;border-color:#0000}a,a:hover{color:inherit;text-decoration:none}.languageRadio{width:50em}.form-check-input[type=radio]{margin-top:1rem}.phrase-loading{width:100%;height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.phrase-empty{width:100%;height:200px;display:flex;justify-content:center;align-items:center;font-size:18px;color:#666;background-color:#f9f9f9;border-radius:8px;margin:20px 0}.icon-link{display:flex;align-items:center;justify-content:center;padding:.5rem;border:none;background:transparent}.pagination-icon{width:20px;height:20px;transition:opacity .2s ease}.pagination-icon:hover{opacity:.7}.right-arrow{transform:scaleX(-1)}.first-page-button,.back-button,.next-button,.last-page-button{margin:0 5px}.pagination-container{display:flex;justify-content:center;margin-top:20px}.pagination{display:flex;align-items:center;justify-content:center;gap:5px}.invisible{visibility:hidden}.phrase-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.phrase-modal-container{background:#fff;padding:20px;border-radius:8px;width:40%;position:relative;box-shadow:0 4px 8px #0003;max-height:90vh;overflow-y:auto}.phrase-modal-container{background:#fff;padding:20px;border-radius:8px;width:40%;position:relative;box-shadow:0 4px 8px #0003}.phrase-close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.phrase-modal-close{text-align:right}.phrase-title-container{display:flex;align-items:center;gap:12px}.phrase-modal-title{font-size:22px;font-weight:700;margin:0}.phrase-type-pill{border:2px solid #A6A6A6;color:#a6a6a6;background:transparent;padding:2px 8px;border-radius:20px;font-size:15px;font-weight:700;white-space:nowrap}.pill-tag{border:1px solid #e0e0e0;color:#333;padding:4px 10px;border-radius:16px;font-size:.7em;vertical-align:middle;display:inline-block;margin-left:10px}.phrase-pronunciation-container{display:flex;align-items:center;gap:10px}.phrase-pronunciation-text{font-size:22px;font-weight:700}.phrase-play-button{background:none;border:none;color:red;cursor:pointer;font-size:1.5rem}.phrase-interpretation-container{display:flex;margin-top:20px;gap:15px;align-items:flex-start}.phrase-interpretation-label{background-color:#2d92c1;color:#fff;padding:5px 15px;border-radius:4px;font-size:18px;white-space:nowrap}.phrase-interpretation-text{flex:1;line-height:1.6;color:#787878;font-size:18px}.pronun-diff-section{margin-top:20px;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.pronun-diff-title{margin:0;padding:12px 15px;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;font-size:16px;font-weight:700;color:#333}.pronun-diff-container{max-height:250px;overflow-y:auto}.pronun-diff-table{width:100%;border-collapse:collapse}.pronun-diff-table th{background-color:#f0f0f0;color:#000;padding:10px 15px;text-align:left;position:sticky;top:0;z-index:10;box-shadow:0 1px #0000001a}.pronun-diff-table td{padding:8px 10px;border-bottom:1px solid #eee}.pronun-diff-table tr.word-last-row td{border-bottom:2px solid #000}.pronun-diff-table tr:nth-child(2n){background-color:#f9f9f9}.pronun-location-badge{background-color:#2d92c1;color:#fff;padding:4px 12px;border-radius:16px;font-size:.9em;display:inline-block;margin-left:8px}.pronun-cell{display:flex;align-items:center;gap:8px}.pronun-speaker-icon{width:22px;height:22px;cursor:pointer;vertical-align:middle}.pronun-speaker-icon:hover{opacity:.8}.celebrity-card{background:none;border:none;padding:10px;transition:transform .2s;box-shadow:none}.celebrity-card:hover{transform:translateY(-5px)}.celebrity-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.celebrity-report-issue{display:flex;align-items:center;gap:5px}.celebrity-question-icon{width:17px;height:17px;vertical-align:middle}.celebrity-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.celebrity-modal-container{background:#fff;padding:20px;border-radius:8px;max-width:70%;position:relative;box-shadow:0 4px 8px #0003}.celebrity-close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.celebrity-modal-close{text-align:right}.celebrity-pronunciation{font-size:.8em;color:#666;margin-left:10px}.celebrity-modal-title{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700}.celebrity-pronunciation-container{display:flex;align-items:center;gap:10px}.celebrity-pronunciation-text{font-size:22px;font-weight:700}.celebrity-play-button{background:none;border:none;color:red;cursor:pointer;font-size:1.5rem}.celebrity-interpretation-container{display:flex;margin-top:20px;gap:15px;align-items:flex-start}.celebrity-interpretation-label{background-color:#2d92c1;color:#fff;padding:5px 15px;border-radius:4px;font-size:18px;white-space:nowrap;width:100px;text-align:center;display:inline-block}.celebrity-interpretation-text{flex:1;line-height:1.6;color:#787878;font-size:18px}.celebrity-card{cursor:pointer}.celebrity-row-container{display:flex;gap:20px;margin-top:10px}.celebrity-subtitle{font-size:.9em;color:#666;margin-top:5px;font-size:14px;font-weight:700}.celebrity-attribution{text-align:right;color:#666;font-size:14px;margin-top:20px}.translate-page{padding:60px;display:flex;align-items:center;min-height:100vh}.translate-button{width:160px;height:40px;display:inline-flex;margin-left:15px;margin-right:15px;padding:4px 14px;align-items:center;justify-content:center;position:relative;border-radius:8px;background:var(--primary-blue, #2d92c1);color:#fff;text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:300;line-height:normal;white-space:nowrap;overflow:hidden}.translate-content-wrapper{display:flex;align-items:center;justify-content:center;width:100%;gap:8px}.translate-button:hover:not(:disabled){background:#a6bdcd}.translate-button:disabled{background:#919191;color:#fff;cursor:not-allowed}.translate-arrow{width:24px;height:24px;pointer-events:none;display:inline-block;vertical-align:middle}.translate-arrow.loading-icon{animation:spin 1s linear infinite}.original-content-container{padding:8px 4px;display:flex;flex-direction:column;position:relative;gap:10px;background:#f2f2f2;border-radius:12px;width:100%;box-sizing:border-box;border:1px solid #dedede}.original-input-box{padding:12px;align-self:stretch;height:450px;min-height:450px;max-height:450px;font-size:18px;resize:none;overflow-y:auto;background-color:#fff;border-radius:8px;border:none}.original-input-box::placeholder{color:#424242;font-family:Inter;font-size:18px;font-style:normal;font-weight:400;letter-spacing:-.18px;text-align:center;padding-top:250px}.translate-content{display:flex;flex-direction:column;align-items:flex-start;gap:30px;position:relative;align-self:flex-start;width:100%;box-sizing:border-box}.language-dropdown{display:flex;width:148px;height:48px;padding:12px 16px;align-items:center;gap:8px;border:none;border-radius:10px;background:#fff;box-shadow:0 0 0 4px #b5b7c066;color:var(--Primary-Black, #424242);font-family:Inter;font-size:18px;font-style:normal;font-weight:400;line-height:22px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all .3s ease}.language-dropdown:hover{box-shadow:0 0 0 4px #017ab1}.target-content-container{padding:8px 4px;display:flex;flex-direction:column;position:relative;gap:10px;background:#f2f2f2;border-radius:12px;width:100%;box-sizing:border-box;border:1px solid #dedede}.target-display-box{position:relative;padding:12px;align-self:stretch;height:450px;min-height:450px;max-height:450px;font-size:18px;resize:none;overflow-y:auto;border-radius:8px;border:none}.tran-placeholder{color:#424242;font-size:18px;display:flex;justify-content:center;align-items:center;height:100%}.target-display-box.non-editable{background-color:#c7c7c7}.target-display-box.editable{background-color:#fff}.play-audio-button{position:absolute;bottom:8px;right:8px;border:1px solid #e0e0e0;background-color:#fff;border-radius:50%;cursor:pointer;padding:6px;width:36px;height:36px;display:flex;justify-content:center;align-items:center;z-index:10;transition:all .2s ease}.play-audio-button.loading{background-color:#f2f2f2;display:flex;justify-content:center;align-items:center}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-icon{width:24px;height:24px;animation:rotate 1.5s linear infinite;margin-left:-.8px;position:relative}.play-audio-button.playing{background-color:#f2f2f2;animation:pulse 1.2s infinite}@keyframes pulse{0%{box-shadow:0 0 #017ab166;opacity:1}50%{box-shadow:0 0 0 8px #017ab100;opacity:.7}to{box-shadow:0 0 #017ab100;opacity:1}}.play-audio-button[disabled]{opacity:1;cursor:not-allowed}.play-audio-button:hover:not([disabled]){opacity:.8;border-color:#017ab1;background-color:#fff}.play-audio-button:hover{opacity:.8;border:none;background-color:#fff}.play-icon{width:20px;height:20px;object-fit:contain}.copy-button-translate{align-self:flex-end;width:152px;height:40px;background-color:#2d92c1;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:background-color .3s,border-color .3s;color:#fff;text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:300;line-height:normal;letter-spacing:-.18px}.copy-button-translate:disabled{background-color:#919191;color:#fff;cursor:not-allowed}.copy-button-translate.copied{background-color:#dfeaf2;color:#000;border-color:#017ab1;cursor:not-allowed}.tran-feedback-button{align-self:flex-end;width:152px;height:40px;background-color:#2d92c1;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:background-color .3s,border-color .3s;color:#fff;text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:300;line-height:normal;letter-spacing:-.18px}.tran-feedback-button:disabled{background-color:#919191;color:#fff;cursor:not-allowed}.tran-feedback-button:hover:not(:disabled){background-color:#a6bdcd}.tran-feedback-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.tran-feedback-modal{background:#fff;width:90%;max-width:1200px;height:80%;padding:18px;border-radius:8px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;position:relative;gap:8px;flex-shrink:0;box-sizing:initial!important}.tran-feedback-header{display:flex;justify-content:space-between;align-items:center;margin:0;color:#2d3648;text-align:center;font-feature-settings:"calt" off;font-family:Inter;font-size:22px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:-.22px}.close-button{padding:0;background:none;border:none;font-size:24px;cursor:pointer;color:#666;transition:color .3s ease}.close-button:hover{color:#000;background:none}.feedback-body{flex:1;display:flex;margin-top:20px;background:#eaeaea;border-radius:10px;padding:8px;gap:60px 32px;flex-wrap:wrap;border:1px solid #dedede;max-height:calc(100% - 100px);overflow-y:auto}.feedback-original,.feedback-target{flex:1;display:flex;flex-direction:column;gap:12px;box-sizing:content-box!important}.feedback-content-container{flex:1;padding:8px 4px;display:flex;flex-direction:column;position:relative;gap:10px;background:#eaeaea;border-radius:12px;width:100%;box-sizing:border-box;overflow-y:auto;border:1px solid #dedede}.feedback-language-display{text-align:left;display:flex;width:115px;height:23px;padding:12px 16px;align-items:center;gap:8px;border-radius:10px;background:var(--White, #dadada);color:var(--system-primary-text, #041833);font-family:Inter;font-size:18px;font-style:normal;font-weight:400;line-height:18px;background-image:url(src/assets/chevron-up.svg);background-repeat:no-repeat;background-position:calc(100% - 16px) center;background-size:20px 20px;box-sizing:initial!important}.feedback-text-display{flex:1;display:flex;padding:12px;background:#fff;border-radius:8px;background:#dadada;color:#333;font-size:16px;line-height:1.5;overflow-y:auto}.feedback-text-input{flex:1;padding:12px;font-size:16px;line-height:1.5;border:none;border-radius:8px;resize:none;background:#fff;color:#333;overflow-y:auto}.feedback-footer{display:flex;justify-content:flex-end;margin-top:16px}.feedback-submit-button{font-size:16px;color:#fff;background:#2d92c1;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease;width:152px;height:40px;padding:4px;text-align:center;font-family:Inter;font-size:18px;font-style:normal;font-weight:300;line-height:normal}.feedback-submit-button:hover{background:#0056b3}.resource-header{display:flex;align-items:center;gap:20px}.grade-dropdown,.version-dropdown,.resource-multi .select-header{position:relative;display:flex;width:148px;height:48px;padding:12px 16px;align-items:center;border:none;border-radius:10px;background:#fff;box-shadow:0 0 0 4px #1476ff24;color:var(--Primary-Black, #424242);font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:22px;cursor:pointer;transition:all .3s ease}.grade-dropdown,.version-dropdown{outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.grade-dropdown:hover,.version-dropdown:hover,.resource-multi .select-header:hover{box-shadow:0 0 0 4px #017ab1}.version-dropdown:disabled{cursor:not-allowed;opacity:.5}.res-search-container{position:relative;display:flex;justify-content:center;align-items:center;flex-grow:.5;max-width:800px}.res-search-input{width:100%;padding:.75rem 2.5rem .75rem .75rem;border:1px solid #cbd5e0;border-radius:8px;box-shadow:0 1px 3px #0000001a;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;margin:0 auto;outline:none}.res-search-input:focus,.res-search-input:hover{border-color:#4aa3ba;box-shadow:0 0 5px #4aa3ba4d}.res-search-icon{position:absolute;cursor:pointer;right:.5rem;color:#cbd5e0}.res-button-container{display:flex;flex:1;justify-content:flex-end;gap:20px}.res-upload-button,.res-delete-button,.res-login-button{display:flex;width:140px;height:48px;padding:16px 24px;justify-content:center;align-items:center;border-radius:8px;background:var(--primary-blue, #2d92c1);cursor:pointer;transition:background-color .3s,border-color .3s;color:#fff;text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:21px}.res-delete-button{background:#f37458}.res-upload-button:hover,.res-login-button:hover{background-color:#005f8d}.res-delete-button:hover{background-color:#c62905}.multiselect-wrapper.disabled{pointer-events:none;opacity:.6}.multiselect-wrapper.enabled{pointer-events:auto;opacity:1}.res-login-button.logout-button{background-color:#e74c3c;color:#fff}.res-login-button.logout-button:hover{background-color:#c0392b}.resource-container{display:flex;flex-direction:column;align-items:center;min-height:calc(100vh - 200px);position:relative;width:100%}.resource-content-container{width:100%;max-width:1440px;display:flex;flex-direction:column;align-items:center;margin:0 auto}.resource-content{position:relative;margin:40px 0;padding-top:20px;display:grid;grid-template-columns:repeat(4,minmax(250px,300px));column-gap:48px;row-gap:50px;min-height:400px;align-items:start;width:100%;justify-content:center}.resource-content>*{width:100%;max-width:300px;justify-self:center}.resource-content .resource-card,.resource-content .delete-card-wrapper{width:100%;max-width:300px;height:400px;margin:0 auto}.resource-content-wrapper{min-height:750px;position:relative;width:100%;display:flex;justify-content:center}.pagination-container{margin-top:50px;padding:20px 0;position:relative;width:100%;display:flex;justify-content:center}@media (max-width: 1440px){.resource-content{grid-template-columns:repeat(4,1fr);column-gap:24px}.resource-content>*{max-width:100%}}@media (max-width: 1200px){.resource-content{grid-template-columns:repeat(3,1fr)}.resource-content-wrapper{min-height:850px}}@media (max-width: 900px){.resource-content{grid-template-columns:repeat(2,1fr)}.resource-content-wrapper{min-height:1250px}}@media (max-width: 600px){.resource-content{grid-template-columns:repeat(1,1fr)}.resource-content-wrapper{min-height:2450px}}.resource-loading{width:100%;height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.resource-empty{width:100%;height:200px;display:flex;justify-content:center;align-items:center;font-size:18px;color:#666;background-color:#f9f9f9;border-radius:8px;margin:20px 0}.resource-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;width:100%;height:400px;transition:transform .2s ease,box-shadow .2s ease}.resource-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0003;cursor:pointer}.card-header{background-size:cover;background-position:center;width:100%;height:222px;position:relative}.file-type{position:absolute;background:#424242;bottom:0;left:0;display:flex;width:120px;height:35px;padding:7px 40px;justify-content:center;align-items:center;gap:10px;flex-shrink:0;color:#fff;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.stats{position:absolute;top:8px;right:8px;display:flex;flex-direction:row}.stats .likes,.stats .downloads{display:flex;flex-direction:column;align-items:center;padding:2px 4px;align-self:stretch;color:var(--system-primary-text, #041833);text-align:center;font-size:9px;font-style:normal;font-weight:400;line-height:18px}.likes-icon,.downloads-icon{display:flex;width:22px;height:22px;justify-content:center;align-items:center}.card-content{padding:16px;display:flex;flex-direction:column;gap:8px;height:178px;overflow:hidden}.card-title{margin:0;color:#000;font-feature-settings:"liga" off,"clig" off;font-size:18px;font-style:normal;font-weight:500;line-height:normal}.card-uploader,.card-tag{margin:0;color:#787878;font-feature-settings:"liga" off,"clig" off;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.card-tags{display:flex;align-items:flex-start;gap:4px;flex-wrap:wrap;margin-top:12px}.card-tag{display:flex;padding:3px 6px;justify-content:center;align-items:center;gap:10px;border-radius:100px;border:1.4px solid #787878;white-space:nowrap}.delete-card-wrapper{position:relative;background:transparent;transition:background-color .3s ease}.delete-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;background:#0000004d;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:1}.delete-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#d32f2f;color:#fff;border:none;border-radius:5px;padding:8px 16px;z-index:2;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;display:flex;align-items:center;gap:8px;cursor:pointer;pointer-events:all}.delete-button img{width:16px;height:16px}.delete-button:hover{background-color:#b71c1c}.delete-card-wrapper:hover .delete-overlay,.delete-card-wrapper:hover .delete-button{opacity:1;visibility:visible}.upload-resource-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.upload-resource-container{display:flex;flex-direction:column;position:relative;overflow-y:auto;width:70%;max-width:1200px;height:80%;padding:16px;gap:20px;flex-shrink:0;box-sizing:initial!important;background:#fff;border-radius:8px;box-shadow:0 8px 8px #00000024}.upload-resource-header{display:flex;justify-content:space-between;align-items:center;padding-right:10px;color:#000;font-family:Inter;font-size:22px;font-style:normal;font-weight:700;line-height:30px}.upload-resource-form{display:flex;flex-direction:column;align-items:flex-start;gap:20px;align-self:stretch}.form-label{display:flex;flex-direction:column;align-items:flex-start;gap:10px;align-self:stretch;color:var(--gray-1100, #1a1a1a);font-size:18px;font-style:normal;font-weight:400;line-height:21px}.form-label-title{display:inline-flex;align-items:center}.form-label-required{color:#c1272d;font-size:22px}.form-label input[name=name],.form-label input[name=versionOther],.form-label input[name=book],.form-label input[name=contentTypeOther]{padding:10px;align-self:stretch;border-radius:8px;border:1px solid var(--system-btn-outline-d, #a6a6a6)}.form-label input[name=name]::placeholder{color:#a6a6a6;font-size:18px;font-style:normal;font-weight:400;line-height:21px}.radio-group{display:flex;gap:12px;margin-top:0}.radio-group label,.file-name{display:flex;align-items:center;gap:8px;margin:0;color:var(--Body-text-color, #4f4f4f);font-family:Roboto;font-size:18px;font-style:normal;font-weight:400;line-height:21px}.form-label p,.file-upload-container p{margin-bottom:0;color:#2d3648;font-size:14px;font-style:normal;font-weight:500;line-height:12px;letter-spacing:-.14px}.file-upload{display:none}.upload-button-wrapper{display:flex;align-items:center;gap:8px}.upload-button{display:flex;height:40px;padding:8px 16px;justify-content:center;align-items:center;background-color:#dfeaf2;border-radius:8px;cursor:pointer;color:var(--primary-blue, #2d92c1);text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:normal;background-image:url("data:image/svg+xml,%3csvg%20width='17'%20height='22'%20viewBox='0%200%2017%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Subtract'%3e%3cpath%20d='M1.875%200.5C0.839467%200.5%200%201.33947%200%202.375V19.625C0%2020.6605%200.839466%2021.5%201.875%2021.5H14.625C15.6605%2021.5%2016.5%2020.6605%2016.5%2019.625V11.75C16.5%209.67893%2014.8211%208%2012.75%208H10.875C9.83947%208%209%207.16053%209%206.125V4.25C9%202.17893%207.32107%200.5%205.25%200.5H1.875Z'%20fill='%232D92C1'/%3e%3cpath%20d='M9.22119%200.815905C10.018%201.73648%2010.5%202.93695%2010.5%204.25V6.125C10.5%206.33211%2010.6679%206.5%2010.875%206.5H12.75C14.0631%206.5%2015.2635%206.98204%2016.1841%207.77881C15.2962%204.37988%2012.6201%201.70377%209.22119%200.815905Z'%20fill='%232D92C1'/%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-position:20px center;background-size:16px 20px;text-indent:25px;transition:background-color .3s ease}.upload-button:hover{background-color:#b9cbdd}.upload-button.uploaded{display:flex;height:40px;padding:8px 16px;justify-content:center;align-items:center;gap:12px;border-radius:8px;border:1px solid var(--primary-blue, #2d92c1);background:#dfeaf2;color:#000;background-image:url("data:image/svg+xml,%3csvg%20width='17'%20height='22'%20viewBox='0%200%2017%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Subtract'%3e%3cpath%20d='M1.875%200.5C0.839467%200.5%200%201.33947%200%202.375V19.625C0%2020.6605%200.839466%2021.5%201.875%2021.5H14.625C15.6605%2021.5%2016.5%2020.6605%2016.5%2019.625V11.75C16.5%209.67893%2014.8211%208%2012.75%208H10.875C9.83947%208%209%207.16053%209%206.125V4.25C9%202.17893%207.32107%200.5%205.25%200.5H1.875Z'%20fill='%232D92C1'/%3e%3cpath%20d='M9.22119%200.815905C10.018%201.73648%2010.5%202.93695%2010.5%204.25V6.125C10.5%206.33211%2010.6679%206.5%2010.875%206.5H12.75C14.0631%206.5%2015.2635%206.98204%2016.1841%207.77881C15.2962%204.37988%2012.6201%201.70377%209.22119%200.815905Z'%20fill='%232D92C1'/%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-position:20px center;background-size:16px 20px;text-indent:25px;transition:background-color .3s ease}.upload-button.uploaded:hover{background-color:#82b0d6}.upload-resource-footer{align-self:stretch;display:flex;justify-content:flex-end;padding-right:10px}.submit-button{display:flex;justify-content:center;align-items:center;width:120px;height:40px;padding:8px 16px;background:#2d92c1;border:none;border-radius:8px;transition:background-color .3s ease;text-align:center;font-family:SF Pro;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.submit-button:hover{background:#82b0d6}.submit-button.disabled{background-color:#c4c4c4}.submit-button.processing{color:#000;border:1px solid rgba(0,0,0,.3);background:#00000014}.submit-button.enabledsuccess-button{border:1px solid #2d92c1;cursor:not-allowed;background:#dfeaf2;color:#000;letter-spacing:-.14px}.resource-page{padding:60px}.file-preview-page{margin:40px auto auto;width:85%;height:90%;background:#fff;overflow:hidden;position:relative}.file-preview-header{position:relative;padding:32px;display:flex;flex-direction:column;gap:10px}.file-title{color:#101828;font-feature-settings:"liga" off,"clig" off;font-size:24px;font-style:normal;font-weight:700;line-height:24px}.file-separator{margin-left:-32px;margin-right:-64px;height:13px;flex-shrink:0;background-color:#d9d9d9}.file-info{display:flex;gap:25px;margin-top:10px}.file-info span{color:#101828;font-feature-settings:"liga" off,"clig" off;font-size:16px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:1px}.file-likes,.file-downloads{display:flex;align-items:center;gap:4px;margin-right:-15px}.file-likes-icon{width:19px;height:17px;flex-shrink:0}.file-uploader{color:#787878;font-feature-settings:"liga" off,"clig" off;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.file-downloads-icon{width:20px;height:20px;flex-shrink:0}.file-preview-image img{width:100%;height:auto;border-radius:8px}.file-tags{display:flex;align-items:flex-start;gap:4px;flex-wrap:wrap}.file-tag{display:flex;padding:4px 12px;justify-content:center;align-items:center;gap:10px;border-radius:100px;border:1px solid #3c3c43;white-space:nowrap}.file-like-button,.file-download-button{position:absolute;bottom:32px;right:32px;cursor:pointer;display:flex;height:48px;padding:16px 24px;justify-content:center;align-items:center;border-radius:8px;border:1px solid #ed6f7e;background:#fff;color:#ed6f7e;text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:24px;background-image:url("data:image/svg+xml,%3csvg%20width='20'%20height='18'%20viewBox='0%200%2020%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='Union%20(Stroke)'%20d='M9.64497%2017.9107L9.63844%2017.9072L9.61579%2017.8949C9.5965%2017.8844%209.56891%2017.8693%209.53358%2017.8496C9.46292%2017.8101%209.36124%2017.7524%209.23296%2017.6769C8.9765%2017.5261%208.61317%2017.3039%208.17855%2017.015C7.31074%2016.4381%206.15122%2015.5901%204.9886%2014.5063C2.68781%2012.3615%200.25%209.1751%200.25%205.25C0.25%202.32194%202.7136%200%205.6875%200C7.43638%200%209.00232%200.799088%2010%202.0516C10.9977%200.799088%2012.5636%200%2014.3125%200C17.2864%200%2019.75%202.32194%2019.75%205.25C19.75%209.1751%2017.3122%2012.3615%2015.0114%2014.5063C13.8488%2015.5901%2012.6893%2016.4381%2011.8215%2017.015C11.3868%2017.3039%2011.0235%2017.5261%2010.767%2017.6769C10.6388%2017.7524%2010.5371%2017.8101%2010.4664%2017.8496C10.4311%2017.8693%2010.4035%2017.8844%2010.3842%2017.8949L10.3616%2017.9072L10.355%2017.9107L10.3523%2017.9121C10.1323%2018.0289%209.86769%2018.0289%209.64773%2017.9121L9.64497%2017.9107Z'%20fill='%23ED6F7E'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:20px center;background-size:20px 20px;text-indent:20px;transition:background-color .3s ease}.file-download-button{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.645%2020.9107L11.6384%2020.9072L11.6158%2020.8949C11.5965%2020.8844%2011.5689%2020.8693%2011.5336%2020.8496C11.4629%2020.8101%2011.3612%2020.7524%2011.233%2020.6769C10.9765%2020.5261%2010.6132%2020.3039%2010.1785%2020.015C9.31074%2019.4381%208.15122%2018.5901%206.9886%2017.5063C4.68781%2015.3615%202.25%2012.1751%202.25%208.25C2.25%205.32194%204.7136%203%207.6875%203C9.43638%203%2011.0023%203.79909%2012%205.0516C12.9977%203.79909%2014.5636%203%2016.3125%203C19.2864%203%2021.75%205.32194%2021.75%208.25C21.75%2012.1751%2019.3122%2015.3615%2017.0114%2017.5063C15.8488%2018.5901%2014.6893%2019.4381%2013.8215%2020.015C13.3868%2020.3039%2013.0235%2020.5261%2012.767%2020.6769C12.6388%2020.7524%2012.5371%2020.8101%2012.4664%2020.8496C12.4311%2020.8693%2012.4035%2020.8844%2012.3842%2020.8949L12.3616%2020.9072L12.355%2020.9107L12.3523%2020.9121C12.1323%2021.0289%2011.8677%2021.0289%2011.6477%2020.9121L11.645%2020.9107Z'%20fill='%232D92C1'/%3e%3c/svg%3e");right:180px;border:1px solid #2D92C1;color:#2d92c1}.file-like-button:hover{background-color:#eccace}.file-download-button:hover{background-color:#c1e0ef}.file-preview-image{margin:auto;width:60%;max-width:100%;height:auto;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:16px;flex-direction:column;flex-shrink:0;align-self:stretch;border-radius:0 0 8px 8px;background:#fff;box-shadow:0 8px 8px #00000024}.file-bottom-fixed{position:absolute;bottom:0;left:0;width:100%;height:96px;gap:10px;flex-shrink:0;background:#00000040;display:flex;justify-content:center;align-items:center;color:var(--Primary2, #edf0f7);text-align:center;font-family:Inter;font-size:32px;font-style:normal;font-weight:300;line-height:21px;cursor:pointer;z-index:1000}.file-bottom-fixed:hover{background:#00000080}.file-like-button.liked{background-color:#ff6b6b;color:#fff}.file-preview-loading{width:100%;height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.delete-resource-page{padding:60px;overflow:hidden;position:relative}.delete-back-button{background:none;border:none;display:flex;align-items:center;gap:8px;padding:0 0 12px}.delete-back-button:hover{background:none}.back-icon{width:26px;height:26px;flex-shrink:0}.back-text{color:#101828;font-family:Inter;font-size:22px;font-style:normal;font-weight:400;line-height:24px}.file-separator{margin:0}.delete-resource-title{font-size:22px;font-weight:700;padding-top:18px;margin-bottom:-30px}.delete-resource-page .resource-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 0}.delete-resource-page .loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:20px}.no-resources-container{width:100%;height:400px;display:flex;justify-content:center;align-items:center;margin-top:30px}.no-resources-message{text-align:center;padding:40px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000000d;width:100%;max-width:500px}.no-resources-icon{width:80px;height:80px;margin-bottom:20px;opacity:.7}.no-resources-message h3{font-size:24px;color:#333;margin-bottom:10px}.no-resources-message p{font-size:16px;color:#666;margin-bottom:25px}.upload-resource-button{background-color:#4caf50;color:#fff;border:none;padding:12px 24px;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.upload-resource-button:hover{background-color:#45a049}.confirm-dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.confirm-dialog-container{background:#fff;text-align:left;border-radius:8px;padding:16px;width:35%;box-shadow:0 8px 8px #00000024}.confirm-dialog-container h3{margin-bottom:12px;color:#000;font-family:Inter;font-size:22px;font-style:normal;font-weight:600;line-height:30px}.confirm-dialog-container p{margin-bottom:12px;color:#787878;text-overflow:ellipsis;font-family:Inter;font-size:18px;font-style:normal;font-weight:400;line-height:21px}.confirm-dialog-buttons{display:flex;justify-content:flex-end;gap:10px}.confirm-button{display:flex;align-items:center;justify-content:center;gap:8px;background:#d32f2f;color:#fff;border:none;border-radius:5px;padding:8px 16px;cursor:pointer}.confirm-button:hover{background:#b71c1c}.cancel-button{background:#e0e0e0;color:#333;border:none;border-radius:5px;padding:8px 16px;cursor:pointer}.cancel-button:hover{background:#cfcfcf}.food-card{background:none;border:none;padding:10px;transition:transform .2s;box-shadow:none}.food-card:hover{transform:translateY(-5px)}.food-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.food-report-issue{display:flex;align-items:center;gap:5px}.food-question-icon{width:17px;height:17px;vertical-align:middle}.food-loading{width:100%;height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.food-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.food-modal-container{background:#fff;padding:20px;border-radius:8px;max-width:40%;position:relative;box-shadow:0 4px 8px #0003}.food-close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.food-modal-close{text-align:right}.food-pronunciation{font-size:.8em;color:#666;margin-left:10px}.food-modal-title{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700}.food-pronunciation-container{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.food-pronunciation-text{font-size:22px;font-weight:700}.food-interpretation-container{display:flex;margin-top:20px;gap:15px;align-items:flex-start}.food-interpretation-label{background-color:#2d92c1;color:#fff;padding:5px 15px;border-radius:4px;font-size:18px;white-space:nowrap;width:100px;text-align:center;display:inline-block}.food-interpretation-text{flex:1;line-height:1.6;color:#787878;font-size:18px}.food-card{cursor:pointer}.food-row-container{display:flex;gap:20px;margin-top:10px}.food-subtitle{font-size:.9em;color:#666;margin-top:5px;font-size:14px;font-weight:700}.food-play-button{background:none;border:none;color:red;cursor:pointer;font-size:1.5rem}.festival-card{background:none;border:none;padding:10px;transition:transform .2s;box-shadow:none}.festival-card:hover{transform:translateY(-5px)}.image-container{position:relative;width:100%;padding-bottom:100%;overflow:hidden;border-radius:0}.festival-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.col-xl-custom-5{flex:0 0 20%;max-width:20%}.festival-report-issue{display:flex;align-items:center;gap:5px}.festival-question-icon{width:17px;height:17px;vertical-align:middle}.festival-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:20px}@media (max-width: 1200px){.col-xl-custom-5{flex:0 0 25%;max-width:25%}}@media (max-width: 992px){.col-xl-custom-5{flex:0 0 33.333333%;max-width:33.333333%}}@media (max-width: 576px){.col-xl-custom-5{flex:0 0 100%;max-width:100%}}.festival-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.festival-modal-container{background:#fff;padding:20px;border-radius:8px;max-width:50%;position:relative;box-shadow:0 4px 8px #0003}.festival-close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.festival-modal-close{text-align:right}.festival-pronunciation{font-size:.8em;color:#666;margin-left:10px}.festival-modal-title{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700}.festival-pronunciation-container{display:flex;align-items:center;gap:10px}.festival-pronunciation-text{font-size:22px;font-weight:700}.festival-play-button{background:none;border:none;color:red;cursor:pointer;font-size:1.5rem}.festival-interpretation-container{display:flex;margin-bottom:20px;gap:15px;align-items:flex-start}.festival-interpretation-label{background-color:#2d92c1;color:#fff;padding:5px 15px;border-radius:4px;font-size:18px;white-space:nowrap;width:100px;text-align:center;display:inline-block}.festival-interpretation-text{flex:1;line-height:1.6;color:#787878;font-size:18px}.festival-date-container{display:flex;margin-bottom:20px;gap:15px;align-items:flex-start}.festival-date-label{background-color:#2d92c1;color:#fff;padding:5px 15px;border-radius:4px;font-size:18px;white-space:nowrap;width:100px;text-align:center;display:inline-block}.festival-date-text{flex:1;line-height:1.6;color:#787878;font-size:18px}.festival-taigi-container{display:flex;margin-bottom:20px;gap:15px;align-items:flex-start}.festival-taigi-label{background-color:#2d92c1;color:#fff;padding:5px 15px;border-radius:4px;font-size:18px;white-space:nowrap;width:100px;text-align:center;display:inline-block}.festival-taigi-text{flex:1;line-height:1.6;color:#787878;font-size:18px}.festival-card{cursor:pointer}.festival-content-container{display:flex;flex-direction:column;margin-top:10px}.festival-subtitle{font-size:.9em;color:#666;margin-top:5px;font-size:14px;font-weight:700}.festival-attribution{text-align:right;color:#666;font-size:14px;margin-top:20px}.food-header-container{display:flex;gap:20px;align-items:flex-start}.food-image-container{flex:0 0 200px}.food-modal-image{width:100%;height:120px;object-fit:cover;border-radius:8px}.food-header-content{flex:1}.admin-thumb{width:48px;height:36px;object-fit:cover;border-radius:4px;border:1px solid rgba(0,0,0,.1);background-color:#fff}.file-icon{width:42px;height:42px;min-width:42px;border-radius:6px;background:#2d92c1;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;letter-spacing:.5px}.file-name{color:#333}.tts-controls,.record-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tts-progress-bar,.record-progress-bar{width:140px;height:8px;background:#d6d6d6;border-radius:4px;overflow:hidden}.tts-progress-inner,.record-progress-inner{height:8px;background:#222;border-radius:4px;transition:width 80ms linear}.btn-record-primary{background:#2d92c1;border:1px solid #2D92C1;color:#fff;padding:6px 14px;border-radius:8px;font-size:14px}.btn-record-primary:hover{filter:brightness(.95)}.btn-record-outline{background:transparent;border:1px solid #2D92C1;color:#2d92c1;padding:6px 14px;border-radius:8px;font-size:14px}.btn-tts-secondary{background:transparent;border:1px solid #999;color:#333;padding:6px 10px;border-radius:8px;font-size:14px}.inline-hint{color:#c00;font-size:14px}.file-cell{display:flex;align-items:center;gap:8px}.file-icon-image{width:42px;height:42px;object-fit:contain;border-radius:6px}.audio-cell{display:flex;align-items:center;gap:8px}.audio-play-btn{border:none;background:transparent;padding:4px 6px;border-radius:6px}.audio-play-btn:hover{background:#0000000f}.socialmedia-header{background:#fff;padding:20px 0}.socialmedia-header-content{display:flex;align-items:center;gap:20px}.social-type-dropdown{position:relative;display:flex;width:250px;height:48px;padding:12px 16px;align-items:center;border:none;border-radius:10px;background:#fff;box-shadow:0 0 0 4px #1476ff24;color:#424242;font-size:16px;font-weight:400;line-height:22px;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:calc(100% - 16px) center;background-size:20px 20px}.social-type-dropdown:hover{box-shadow:0 0 0 4px #017ab1}.social-search-container{position:relative;display:flex;justify-content:center;align-items:center;flex-grow:.5;max-width:30%}.social-search-input{width:100%;padding:.75rem 2.5rem .75rem .75rem;border:1px solid #cbd5e0;border-radius:8px;box-shadow:0 1px 3px #0000001a;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;outline:none}.social-search-input:focus,.social-search-input:hover{border-color:#4aa3ba;box-shadow:0 0 5px #4aa3ba4d}.social-search-icon{position:absolute;cursor:pointer;right:.5rem;color:#cbd5e0}.social-category-title{color:#017ab1;font-size:24px;margin:30px 0 20px;padding:0}.socialmedia-card{background:none;border:none;padding:10px;transition:transform .2s;box-shadow:none;cursor:pointer}.socialmedia-card:hover{transform:translateY(-5px)}.socialmedia-section{margin-bottom:40px}.socialmedia-report-issue{display:flex;align-items:center;gap:5px}.question-icon{width:17px;height:17px;vertical-align:middle}.social-image-container{position:relative;width:100%;padding-bottom:77.1%;overflow:hidden;border-radius:0}.socialmedia-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.social-custom-dropdown{position:relative;width:250px;z-index:1000}.social-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:200px;background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000026;padding:8px 0;z-index:1001}.social-dropdown-item-container{position:relative}.social-dropdown-item.with-submenu{position:relative;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;width:100%}.social-submenu{position:absolute;left:100%;top:0;min-width:200px;max-height:250%;overflow-y:auto;background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000026;opacity:0;visibility:hidden;transition:all .2s ease-in-out;z-index:1002;padding:8px 0}.social-submenu::-webkit-scrollbar{width:8px}.social-submenu::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.social-submenu::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.social-submenu::-webkit-scrollbar-thumb:hover{background:#666}.social-dropdown-item-container:hover .social-submenu{opacity:1;visibility:visible}.social-dropdown-item,.social-submenu-item{padding:12px 16px;cursor:pointer;white-space:nowrap;transition:background-color .2s ease;display:flex;align-items:center;gap:8px}.social-dropdown-item:hover,.social-submenu-item:hover{background-color:#f5f5f5}.social-dropdown-item.selected,.social-submenu-item.selected,.social-dropdown-item.with-submenu.has-selected-children{background-color:#e3f2fd;color:#1976d2}.social-dropdown-item.selected:hover,.social-submenu-item.selected:hover,.social-dropdown-item.with-submenu.has-selected-children:hover{background-color:#bbdefb}.checkbox-indicator{width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#1976d2}.social-submenu-arrow{margin-left:auto;font-size:18px;line-height:1}.social-submenu-item.selected{background-color:#f0f8ff;display:flex;justify-content:space-between;align-items:center}.checkmark{color:#017ab1;font-weight:700;margin-left:8px}.social-dropdown-item-container:hover .social-submenu,.social-submenu:hover,.social-dropdown-item.with-submenu:hover .social-submenu{opacity:1;visibility:visible}.social-submenu{padding:8px 0;max-height:300px;overflow-y:auto}.social-submenu-item{position:relative;z-index:10;cursor:pointer;padding:10px 16px}.social-submenu-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 16px}.exam-header{background:#fff;padding:20px 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000001a}.exam-header-content{display:flex;align-items:center;gap:20px}.dropdown-container{position:relative;display:inline-block}.exam-type-dropdown{position:relative;display:flex;width:148px;height:48px;padding:12px 16px;align-items:center;border:none;border-radius:10px;background:#fff;box-shadow:0 0 0 4px #1476ff24;color:#424242;font-size:16px;font-weight:400;line-height:22px;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.dropdown-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;pointer-events:none}.exam-type-dropdown:hover{box-shadow:0 0 0 4px #017ab1}.exam-custom-dropdown{position:relative;display:inline-block}.exam-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:300px;overflow-y:auto}.exam-dropdown-item{padding:12px 16px;cursor:pointer;white-space:nowrap;transition:background-color .2s ease;border-bottom:1px solid #f0f0f0}.exam-dropdown-item:last-child{border-bottom:none}.exam-dropdown-item:hover{background-color:#f5f5f5}.exam-dropdown-item.selected{background-color:#e3f2fd;color:#1976d2}.exam-dropdown-item.selected:hover{background-color:#bbdefb}.exam-search-container{position:relative;display:flex;justify-content:center;align-items:center;flex-grow:.5;max-width:30%}.exam-search-input{width:100%;padding:.75rem 2.5rem .75rem .75rem;border:1px solid #cbd5e0;border-radius:8px;box-shadow:0 1px 3px #0000001a;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;outline:none}.exam-search-input:focus,.exam-search-input:hover{border-color:#4aa3ba;box-shadow:0 0 5px #4aa3ba4d}.exam-search-icon{position:absolute;cursor:pointer;right:.5rem;color:#cbd5e0}.exam-category-title{color:#017ab1;font-size:24px;margin:30px 0 20px;padding:0}.exam-card{background:none;border:none;padding:10px;transition:transform .2s;box-shadow:none;cursor:pointer}.exam-card:hover{transform:translateY(-5px)}.exam-section{margin-bottom:40px}.exam-section:first-of-type{margin-top:20px}.exam-report-issue{display:flex;align-items:center;gap:5px}.exam-image-container{position:relative;width:100%;padding-bottom:77.1%;overflow:hidden;border-radius:0}.exam-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.download-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%;background-color:#d3d3d380}.pdf-viewer{width:100%;height:100%;border:none}.error-message{text-align:center;padding:20px}.error-message button{margin-top:10px;padding:8px 16px;background-color:#ed6f7e;color:#fff;border:none;border-radius:4px;cursor:pointer}.error-message button:hover{background-color:#d45d6c}.login-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.login-modal-container{display:flex;flex-direction:column;position:relative;overflow-y:auto;width:50%;max-width:1200px;height:70%;padding:16px;flex-shrink:0;box-sizing:initial!important;background:#fff;border-radius:8px;box-shadow:0 8px 8px #00000024}.login-modal-header{display:flex;justify-content:space-between;align-items:center;padding-right:10px;color:#000;font-family:Inter;font-size:22px;font-style:normal;font-weight:700;line-height:30px}.close-button{display:flex;align-items:flex-end;background:none;border:none;font-size:28px;cursor:pointer}.third-party-login{display:flex;flex-direction:column;text-align:center;margin-top:10px;gap:10px}.third-party-login p{color:var(--gray-1100, #1a1a1a);font-size:18px;font-style:normal;font-weight:400;line-height:21px;margin-bottom:0rem}.gmail-login-button{align-self:center;display:block;background:url(data:image/png;base64,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) no-repeat center center;background-size:contain;border:none;margin:10px;cursor:pointer;width:109px;height:40px}.gmail-login-button:hover{background:url(data:image/png;base64,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) no-repeat center center}.or-separator{color:#999;font-size:14px}.separator{height:1px;flex-shrink:0;background-color:#ccc}.login-modal-form{display:flex;flex-direction:column;align-items:flex-start;gap:15px;align-self:stretch}.login-modal-form input{width:100%;padding:10px;align-self:stretch;border-radius:8px;border:1px solid var(--system-btn-outline-d, #a6a6a6)}.captcha-input-container{display:flex;align-items:center;gap:12px;width:100%}.captcha-input{flex:1;min-width:0}.captcha-image-wrapper{display:flex;align-items:center;gap:8px;flex-shrink:0}.captcha-image{height:40px;border-radius:4px;border:1px solid #a6a6a6;background:#f5f5f5;object-fit:contain}.captcha-refresh-button{width:40px;height:40px;border-radius:4px;border:1px solid #a6a6a6;background-color:#fff;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:all .3s;color:#2d92c1;font-weight:700}.captcha-refresh-button:hover:not(:disabled){background-color:#2d92c1;color:#fff;border-color:#2d92c1}.captcha-refresh-button:disabled{cursor:not-allowed;opacity:.5}.captcha-loading{color:#999;font-size:14px}.login-submit-button{align-self:center;width:40%;height:40px;background-color:#2d92c1;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:background-color .3s,border-color .3s;color:#fff;text-align:center;font-family:Inter;font-size:18px;font-style:normal;font-weight:300;line-height:21px}.login-submit-button:hover{background:#0056b3}.register-button-container{margin-top:20px;text-align:center}.register-button{align-self:center;width:40%;height:40px;background-color:#dfeaf2;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:background-color .3s,border-color .3s;color:#000;text-align:center;font-family:Inter;font-size:18px;font-style:normal;font-weight:400;line-height:21px}.register-button:hover{background:#2d92c1;color:#fff}.register-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.register-modal-container{display:flex;flex-direction:column;position:relative;overflow-y:auto;width:50%;max-width:1200px;height:80%;padding:16px;flex-shrink:0;box-sizing:initial!important;background:#fff;border-radius:8px;box-shadow:0 8px 8px #00000024}.register-modal-header,.verification-modal-header{display:flex;justify-content:space-between;align-items:center;padding-right:10px;padding-bottom:10px;color:#000;font-family:Inter;font-size:22px;font-style:normal;font-weight:700;line-height:30px}.register-modal-form{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}.register-modal-form input[name=email],.register-modal-form input[name=password],.register-modal-form input[name=confirmPassword],.register-modal-form input[name=lastName],.register-modal-form input[name=firstName],.register-modal-form input[name=organization],.register-modal-form input[name=professionOther],.register-modal-form input[name=customPurpose]{padding:10px;align-self:stretch;border-radius:8px;border:1px solid var(--system-btn-outline-d, #a6a6a6)}.checkbox-group{display:flex;gap:12px}.checkbox-group label{display:flex;align-items:center;gap:8px;margin:0;color:var(--Body-text-color, #4f4f4f);font-family:Roboto;font-size:18px;font-style:normal;font-weight:400;line-height:21px}.checkbox-group input[type=checkbox]{width:17px;height:17px;border:1px solid #a6a6a6;border-radius:4px}.register-submit-button{align-self:flex-end;width:70px;height:40px;background-color:#2d92c1;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:background-color .3s,border-color .3s;color:#fff;text-align:center;font-family:Inter;font-size:18px;font-style:normal;font-weight:300;line-height:21px}.register-submit-button:hover{background:#0056b3}.verification-modal-container{display:flex;text-align:center;flex-direction:column;position:relative;overflow-y:auto;width:50%;max-width:1200px;min-height:120px;padding:16px;flex-shrink:0;box-sizing:initial!important;background:#fff;border-radius:8px;box-shadow:0 8px 8px #00000024}.verification-modal-content p{display:flex;text-align:center;flex-direction:column;gap:10px;align-self:stretch;color:var(--gray-1100, #1a1a1a);font-size:18px;font-style:normal;font-weight:400;line-height:21px}.resend-button{align-self:center;width:40%;height:40px;background-color:#2d92c1;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:background-color .3s,border-color .3s;color:#fff;text-align:center;font-family:Inter;font-size:18px;font-style:normal;font-weight:300;line-height:21px}.resend-button:disabled{background-color:#a6a6a6;color:#fff;cursor:not-allowed}.celebrity-details-container{max-width:1200px;margin:0 auto;padding:2rem;font-family:Noto Sans TC,sans-serif}.celebrity-details-header{margin-bottom:2rem;border-bottom:1px solid #eaeaea;padding-bottom:1rem}.celebrity-details-header h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.celebrity-pron{font-size:1.5rem;color:#666;font-weight:400;margin-left:1rem}.celebrity-subtitle{color:#666;font-size:1rem}.celebrity-details-content{display:flex;gap:2rem;margin-bottom:2rem}.celebrity-image-container{flex:0 0 300px}.celebrity-detail-image{width:100%;border-radius:8px;box-shadow:0 4px 8px #0000001a}.celebrity-intro{flex:1;line-height:1.6;text-align:justify;font-size:1.1rem;color:#787878}.celebrity-tabs{margin-top:2rem}.celebrity-tab-buttons{display:flex;border-bottom:2px solid #eaeaea;margin-bottom:1rem}pre{font-family:Noto Sans TC,sans-serif;white-space:pre-wrap;line-height:1.5;margin:0;font-size:1.1rem;color:#787878}@media (max-width: 768px){.celebrity-details-content{flex-direction:column}.celebrity-image-container{max-width:100%}.celebrity-tab-buttons{flex-wrap:wrap}.tab-button{padding:.5rem 1rem}}.work-category-filters{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:1.5rem;gap:.5rem}.work-category-label{font-weight:500;margin-right:.5rem;color:#333}.category-pill{padding:.25rem 1rem;border-radius:50px;background:none;border:1px solid #27B08F;color:#27b08f;cursor:pointer;font-size:.9rem;transition:all .2s ease}.category-pill:hover{background-color:#4caf501a}.category-pill.active{background-color:#27b08f;color:#fff;font-weight:500}.work-category-section{margin-bottom:1.5rem}.work-category-title{color:#27b08f;font-size:1.2rem;margin-bottom:.8rem;padding-bottom:.3rem;border-bottom:1px solid #e5e5e5}.work-list{list-style-type:none;padding-left:0;margin:0}.work-list>li{padding:.4rem 0;line-height:1.5;color:#787878}.tab-panel{display:none;padding:1rem;line-height:1.6;white-space:pre-wrap;font-size:1.1rem;color:#787878}.tab-panel.active{display:block}.works-content{margin-top:1rem}@media (max-width: 768px){.work-category-filters{flex-direction:column;align-items:flex-start}.category-pill{margin:.2rem 0}}.resource-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:1rem}.resource-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column;border:1px solid #eaeaea}.resource-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a}.resource-card-image-container{width:100%;height:150px;overflow:hidden;background-color:#f8f9fa}.resource-card-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.resource-card:hover .resource-card-image{transform:scale(1.05)}.resource-card-content{padding:1rem;flex:1;display:flex;flex-direction:column}.resource-card-title{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;color:#333;line-height:1.3}.resource-card-subtitle{font-size:.9rem;color:#666;line-height:1.4;margin:0;flex:1}@media (max-width: 1200px){.resource-cards-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 992px){.resource-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.resource-cards-grid{grid-template-columns:1fr}}.celebrity-loading{width:100%;height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.celebrity-highlights{margin-top:1rem;display:flex;flex-wrap:wrap;gap:1rem}.highlight-tag{color:#3498db;font-size:.875rem;font-weight:500;border-bottom:1px solid #3498db;padding-bottom:2px;text-decoration:none}.experience-list{list-style:none;padding:0}.experience-list li{padding:.5rem 0;border-bottom:1px solid #eee}.experience-list li:last-child{border-bottom:none}.collapsible-work-item{margin:0;padding:0;list-style:none}.work-series-header{display:inline-flex;align-items:center;padding:.4rem 0;cursor:pointer;background:none;margin:0;border:none;transition:color .2s ease;line-height:1.5;color:#787878}.work-series-header:hover{color:#333}.work-series-header:hover .work-series-arrow{color:#27b08f}.work-series-title{font-weight:400;color:inherit}.work-series-arrow{color:#999;font-size:.8rem;transition:transform .2s ease,color .2s ease;margin-left:.3rem}.work-series-arrow.expanded{transform:rotate(180deg);color:#27b08f}.work-series-items{list-style-type:none;padding:0;border-left:2px solid #e9ecef;margin:.5rem 0 .8rem 1rem}.work-series-item{padding:.4rem 0 .4rem 1.5rem;line-height:1.5;color:#787878;position:relative;border-bottom:none;list-style:none}.work-item-text{display:inline-block;margin-left:0;padding-left:0}.work-series-item:before{content:"•";color:#27b08f;position:absolute;left:.5rem;top:.4rem;font-weight:700;width:.8rem;text-align:center}.work-series-item:last-child{border-bottom:none}.admin-main-container{padding:2rem;max-width:1200px;margin:0 auto;min-height:80vh}.admin-header{text-align:center;margin-bottom:3rem;padding:2rem 0;border-bottom:2px solid #e5e7eb}.admin-header h1{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.admin-header p{font-size:1.1rem;color:#6b7280}.admin-content{width:100%}.function-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;align-items:start}.function-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px #0000001a;border:1px solid #e5e7eb;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;height:fit-content}.function-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.card-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1rem;text-align:center}.card-icon{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.card-icon img{width:48px;height:48px;object-fit:contain}.card-divider{border:none;height:5px;background-color:#9ca3af;margin:0 0 1rem}.function-links{display:flex;flex-direction:column;gap:.5rem}.function-link{padding:.5rem .75rem;color:#374151;text-decoration:none;border-radius:6px;transition:all .2s ease;font-size:.9rem;text-align:center;border:1px solid transparent}.function-link:hover{background-color:#d0e3ff;color:#1f2937;text-decoration:none;border-color:#d0e3ff}@media (max-width: 1024px){.function-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 768px){.admin-main-container{padding:1rem}.admin-header h1{font-size:2rem}.function-grid{grid-template-columns:1fr;gap:1rem}.function-card{padding:1.2rem}.card-title{font-size:1.1rem}.card-icon img{width:40px;height:40px}}.sidebar{background-color:#dfeaf2;display:flex;flex-direction:column;box-sizing:border-box;height:100%}.menu-item{display:flex;align-items:center;background-color:#dfeaf2;border:none;color:#000;padding:15px;text-align:left;font-size:14px;cursor:pointer;width:100%;box-sizing:border-box;transition:background-color .3s ease;border-radius:0}.menu-item:hover,.submenu-item:hover{background-color:#c8d0e7}.menu-item.active,.submenu-item.active{background-color:#2d92c1;color:#fff}.menu-icon{width:20px;height:20px;margin-left:10px;margin-right:5px;transition:filter .3s ease}.active-icon{filter:brightness(0) invert(1)}.menu-item{position:relative}.arrow{position:absolute;right:15px;transition:transform .3s ease;font-size:12px}.arrow.up{transform:rotate(-180deg)}.submenu{overflow:hidden;transition:max-height .3s ease-out}.submenu-item{display:flex;align-items:center;background-color:#e8eef4;border:none;color:#000;padding:12px 15px 12px 50px;text-align:left;font-size:14px;cursor:pointer;width:100%;transition:background-color .3s ease}.submenu-item.active:hover{background-color:#017ab1;color:#fff}.arrow img{width:20px;height:20px;transition:filter .3s ease}.menu-item.active .arrow img{filter:brightness(0) invert(1)}.test-loading{width:100%;height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-content-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;min-height:600px;padding:30px}.admin-header-controls{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #e0e0e0;margin-bottom:20px}.admin-header-controls h5{font-size:1.25rem;font-weight:500;color:#333}.admin-header-controls h5 .text-secondary{color:#666!important}.admin-add-button{background-color:#2d92c1;display:flex;align-items:center;font-size:.9rem;padding:.5rem 1rem}.admin-add-button:hover{background-color:#40a9ff}.admin-add-button img{width:16px;height:16px;margin-right:8px;filter:brightness(0) invert(1)}.admin-controls-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.status-filter{display:flex;align-items:center}.status-filter span{font-size:.95rem;color:#555;margin-right:10px}.admin-status-dropdown{width:120px;font-size:.9rem}.admin-table-responsive{overflow-x:auto}.admin-data-table{width:100%;margin-bottom:0;border-collapse:separate;border-spacing:0 .5px}.admin-data-table thead th{background-color:#2d92c1;color:#fff;font-weight:400;vertical-align:middle;padding:.75rem;border-color:#dee2e6;border-bottom:none;border-top:none;white-space:nowrap}.admin-data-table thead th:first-child{background-color:#f5f5f5;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.admin-data-table thead th:last-child{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.sort-arrow{margin-left:3px;color:#fff}.admin-data-table tbody tr{background-color:#dfeaf2;border:1px solid #dee2e6;border-radius:.25rem;margin-bottom:8px}.admin-data-table tbody tr td{vertical-align:middle;padding:.5rem}.admin-data-table tbody tr:not(:last-child){margin-bottom:8px}.admin-data-table tbody tr td:first-child{background-color:#f5f5f5;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.admin-data-table tbody tr td:last-child{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;text-align:center}.admin-action-btn{border:none;background:none;padding:.25rem .5rem}.admin-action-btn:hover{background-color:#e9ecef}.admin-action-icon{width:18px;height:18px;vertical-align:middle}.no-data-message-container{background-color:#fff;border-radius:.25rem;box-shadow:0 .125rem .25rem #00000013;padding:3rem 1rem;color:#6c757d;font-size:1.1rem}.admin-data-table.table-hover tbody tr:hover{background-color:#e2f0fa;box-shadow:0 .25rem .5rem #0000001a;transform:translateY(-2px);transition:all .2s ease-in-out}.admin-data-table a{word-break:break-all}.drag-handle-column{width:40px;text-align:center;cursor:grab}.drag-handle-btn{border:none;background:none;padding:0;cursor:grab;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.drag-handle-icon{width:18px;height:18px;filter:invert(30%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(.6) contrast(.8)}.dragging-row{opacity:.5;border-style:dashed!important;background-color:#f0f0f0!important;box-shadow:none!important}.drag-overlay-table{width:auto;position:absolute;z-index:9999;background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0003;opacity:.9;pointer-events:none}.dragging-overlay-row{background-color:#e6f7ff!important;border:1px solid #1890ff!important;border-radius:8px;color:#333;display:table-row}.dragging-overlay-row td{padding:12px 15px;vertical-align:middle;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-top:none;border-bottom:none}.dragging-overlay-row button,.dragging-overlay-row a{pointer-events:none}.news-loading{width:100%;height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}