@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap);:root{--my-font-family-primary:"Noto Sans TC",sans-serif;--my-font-size-xs:0.75rem;--my-font-size-sm:0.875rem;--my-font-size-md:1rem;--my-font-size-lg:1.125rem;--my-font-size-xl:1.25rem;--my-font-size-2xl:1.5rem;--my-font-size-3xl:1.875rem;--my-font-size-4xl:2.25rem;--my-letter-spacing-md:0.6px;--my-letter-spacing-lg:1.2px;--my-font-weight-xs:200;--my-font-weight-sm:300;--my-font-weight-md:400;--my-font-weight-lg:500;--my-font-weight-xl:600;--my-color-white:#fff;--my-color-gray-50:#fafafa;--my-color-gray-100:#f5f5f5;--my-color-gray-200:#eee;--my-color-gray-300:#e0e0e0;--my-color-gray-400:#bdbdbd;--my-color-gray-500:#9e9e9e;--my-color-gray-600:#757575;--my-color-gray-700:#616161;--my-color-gray-800:#424242;--my-color-gray-900:#212121;--my-color-black:#000;--my-color-red:#f44336;--my-color-red-hover:#d32f2f;--my-color-pink:#e91e63;--my-color-pink-hover:#c2185b;--my-color-deeporange:#ff5722;--my-color-deeporange-hover:#e64a19;--my-color-orange:#ff9800;--my-color-orange-hover:#f57c00;--my-color-amber:#ffc107;--my-color-amber-hover:#ffa000;--my-color-yellow:#ffeb3b;--my-color-yellow-hover:#fbc02d;--my-color-lime:#cddc39;--my-color-lime-hover:#afb42b;--my-color-light-green:#8bc34a;--my-color-light-green-hover:#689f38;--my-color-green:#4caf50;--my-color-green-hover:#388e3c;--my-color-teal:#009688;--my-color-teal-hover:#00796b;--my-color-cyan:#00bcd4;--my-color-cyan-hover:#0097a7;--my-color-lightblue:#03a9f4;--my-color-lightblue-hover:#0288d1;--my-color-blue:#2196f3;--my-color-blue-hover:#1976d2;--my-color-bluegrey:#607d8b;--my-color-bluegrey-hover:#455a64;--my-color-indigo:#3f51b5;--my-color-indigo-hover:#303f9f;--my-color-deeppurple:#673ab7;--my-color-deeppurple-hover:#512da8;--my-color-purple:#9c27b0;--my-color-purple-hover:#7b1fa2;--my-color-brown:#795548;--my-color-brown-hover:#5d4037}*,:after,:before{box-sizing:border-box}body,html{height:100%;margin:0;padding:0;overflow:hidden}body{font-family:var(--my-font-family-primary);font-size:var(--my-font-size-md);font-weight:var(--my-font-weight-md);letter-spacing:var(--my-letter-spacing-md);color:var(--my-color-gray-900);background-color:var(--my-color-white)}#app{height:100vh;display:flex;flex-direction:column}.my-font-size-xs{font-size:var(--my-font-size-xs)}.my-font-size-sm{font-size:var(--my-font-size-sm)}.my-font-size-md{font-size:var(--my-font-size-md)}.my-font-size-lg{font-size:var(--my-font-size-lg)}.my-font-size-xl{font-size:var(--my-font-size-xl)}.my-font-size-2xl{font-size:var(--my-font-size-2xl)}.my-color-white{color:var(--my-color-white)}.my-color-gray-50{color:var(--my-color-gray-50)}.my-color-gray-100{color:var(--my-color-gray-100)}.my-color-gray-200{color:var(--my-color-gray-200)}.my-color-gray-300{color:var(--my-color-gray-300)}.my-color-gray-400{color:var(--my-color-gray-400)}.my-color-gray-500{color:var(--my-color-gray-500)}.my-color-gray-600{color:var(--my-color-gray-600)}.my-color-gray-700{color:var(--my-color-gray-700)}.my-color-gray-800{color:var(--my-color-gray-800)}.my-color-gray-900{color:var(--my-color-gray-900)}.my-color-black{color:var(--my-color-black)}.my-color-red{color:var(--my-color-red)}.my-color-pink{color:var(--my-color-pink)}.my-color-deeporange{color:var(--my-color-deeporange)}.my-color-orange{color:var(--my-color-orange)}.my-color-amber{color:var(--my-color-amber)}.my-color-yellow{color:var(--my-color-yellow)}.my-color-lime{color:var(--my-color-lime)}.my-color-light-green{color:var(--my-color-light-green)}.my-color-green{color:var(--my-color-green)}.my-color-teal{color:var(--my-color-teal)}.my-color-cyan{color:var(--my-color-cyan)}.my-color-lightblue{color:var(--my-color-lightblue)}.my-color-blue{color:var(--my-color-blue)}.my-color-bluegrey{color:var(--my-color-bluegrey)}.my-color-indigo{color:var(--my-color-indigo)}.my-color-deeppurple{color:var(--my-color-deeppurple)}.my-color-purple{color:var(--my-color-purple)}.my-color-brown{color:var(--my-color-brown)}.my-letter-spacing-lg{letter-spacing:var(--my-letter-spacing-lg)}.my-bgcolor-white{background-color:var(--my-color-white)}.my-bgcolor-gray-50{background-color:var(--my-color-gray-50)}.my-bgcolor-gray-100{background-color:var(--my-color-gray-100)}.my-bgcolor-gray-200{background-color:var(--my-color-gray-200)}.my-bgcolor-gray-300{background-color:var(--my-color-gray-300)}.my-bgcolor-gray-400{background-color:var(--my-color-gray-400)}.my-bgcolor-gray-500{background-color:var(--my-color-gray-500)}.my-bgcolor-gray-600{background-color:var(--my-color-gray-600)}.my-bgcolor-gray-700{background-color:var(--my-color-gray-700)}.my-bgcolor-gray-800{background-color:var(--my-color-gray-800)}.my-bgcolor-gray-900{background-color:var(--my-color-gray-900)}.my-bgcolor-black{background-color:var(--my-color-black)}.my-bgcolor-red{background-color:var(--my-color-red)}.my-bgcolor-pink{background-color:var(--my-color-pink)}.my-bgcolor-deeporange{background-color:var(--my-color-deeporange)}.my-bgcolor-orange{background-color:var(--my-color-orange)}.my-bgcolor-amber{background-color:var(--my-color-amber)}.my-bgcolor-yellow{background-color:var(--my-color-yellow)}.my-bgcolor-lime{background-color:var(--my-color-lime)}.my-bgcolor-light-green{background-color:var(--my-color-light-green)}.my-bgcolor-green{background-color:var(--my-color-green)}.my-bgcolor-teal{background-color:var(--my-color-teal)}.my-bgcolor-cyan{background-color:var(--my-color-cyan)}.my-bgcolor-lightblue{background-color:var(--my-color-lightblue)}.my-bgcolor-blue{background-color:var(--my-color-blue)}.my-bgcolor-bluegrey{background-color:var(--my-color-bluegrey)}.my-bgcolor-indigo{background-color:var(--my-color-indigo)}.my-bgcolor-deeppurple{background-color:var(--my-color-deeppurple)}.my-bgcolor-purple{background-color:var(--my-color-purple)}.my-bgcolor-brown{background-color:var(--my-color-brown)}.my-bgcolor-white-hover{background-color:var(--my-color-white)}.my-bgcolor-white-hover:active,.my-bgcolor-white-hover:hover{background-color:var(--my-color-gray-200)}.my-table-tr-hover:hover{background-color:var(--my-color-gray-100)}.my-table-tr-hover:hover>td{background-color:transparent}.my-title-xl-black{font-size:var(--my-font-size-xl);color:var(--my-color-black)}.my-title-xl-gray{font-size:var(--my-font-size-xl);color:var(--my-color-gray-600)}.my-title-lg-gray{font-size:var(--my-font-size-lg);color:var(--my-color-gray-600)}.my-title-md-gray{font-size:var(--my-font-size-md);color:var(--my-color-gray-600)}.my-title-sm-white{color:var(--my-color-white)}.my-title-sm-black,.my-title-sm-white{font-size:var(--my-font-size-sm);font-weight:var(--my-font-weight-lg)}.my-title-sm-black{color:var(--my-color-black)}.my-title-sm-gray{font-size:var(--my-font-size-sm);color:var(--my-color-gray-600);font-weight:var(--my-font-weight-lg)}.my-title-xs-white{color:var(--my-color-white)}.my-title-xs-black,.my-title-xs-white{font-size:var(--my-font-size-xs);font-weight:var(--my-font-weight-lg)}.my-title-xs-black{color:var(--my-color-black)}.my-title-xs-gray{font-size:var(--my-font-size-xs);color:var(--my-color-gray-600);font-weight:var(--my-font-weight-lg)}.my-content-sm-black{font-size:var(--my-font-size-sm);color:var(--my-color-black)}.my-content-xs-black{font-size:var(--my-font-size-xs);color:var(--my-color-black)}.my-content-xs-gray{font-size:var(--my-font-size-xs);color:var(--my-color-gray-600)}.my-btn-transparent{color:var(--my-color-black)}.my-btn-transparent:active,.my-btn-transparent:hover,.my-btn-white{color:var(--my-color-black);background-color:var(--my-color-white)}.my-btn-white:active,.my-btn-white:hover{background-color:var(--my-color-gray-100)}.my-btn-red{color:var(--my-color-white);background-color:var(--my-color-red)}.my-btn-red:active,.my-btn-red:hover{color:var(--my-color-white);background-color:var(--my-color-red-hover)}.my-btn-red:disabled{color:var(--my-color-gray-600);background-color:var(--my-color-gray-200)}.my-btn-green{color:var(--my-color-white);background-color:var(--my-color-green)}.my-btn-green:active,.my-btn-green:hover{color:var(--my-color-white);background-color:var(--my-color-green-hover)}.my-btn-green:disabled{color:var(--my-color-gray-600);background-color:var(--my-color-gray-200)}.my-btn-blue{color:var(--my-color-white)!important;background-color:var(--my-color-blue)!important}.my-btn-blue:active,.my-btn-blue:hover{color:var(--my-color-white)!important;background-color:var(--my-color-blue-hover)!important}.my-btn-blue:disabled{color:var(--my-color-gray-600)!important;background-color:var(--my-color-gray-200)!important}.my-right-panel{background-color:var(--my-color-white)}.my-left-panel{box-shadow:4px 0 16px rgba(0,0,0,.15);position:relative;z-index:1500}.my-left-panel:after{content:"";position:absolute;top:0;right:-8px;width:8px;height:100%;background:linear-gradient(90deg,rgba(0,0,0,.1),transparent);pointer-events:none;z-index:1501}.my-middle-panel{box-shadow:inset 4px 0 8px rgba(0,0,0,.1);position:relative;z-index:1}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--my-color-gray-100);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--my-color-gray-400);border-radius:4px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--my-color-gray-600)}::-webkit-scrollbar-corner{background:#fff}*{scrollbar-width:thin;scrollbar-color:var(--my-color-gray-400) var(--my-color-gray-100)}.my-resizer{background-color:var(--my-color-gray-100);transition:all .2s ease;border:none}.my-resizer:hover{background-color:var(--my-color-blue)}.my-resizer-vertical{min-width:4px;max-width:4px;cursor:col-resize;touch-action:none}.my-resizer-horizontal{min-height:4px;max-height:4px;cursor:row-resize;touch-action:none}@media (hover:none) and (pointer:coarse){.my-resizer-vertical{min-width:12px;max-width:12px}}.my-resizer-vertical.my-dragging,.my-resizer-vertical:hover{min-width:6px;max-width:6px}@media (hover:none) and (pointer:coarse){.my-resizer-vertical.my-dragging{min-width:12px;max-width:12px;background-color:var(--my-color-blue)!important}.my-resizer-horizontal{min-height:12px;max-height:12px}}.my-resizer-horizontal.my-dragging,.my-resizer-horizontal:hover{min-height:6px;max-height:6px}@media (hover:none) and (pointer:coarse){.my-resizer-horizontal.my-dragging{min-height:12px;max-height:12px;background-color:var(--my-color-blue)!important}}.my-resizer.my-dragging{background-color:var(--my-color-blue)!important}.my-resizer-left{background-color:var(--my-color-gray-00)}.my-resizer-left:hover{background-color:var(--my-color-blue)}.my-resizer-right{background-color:var(--my-color-gray-200);border-left:1px solid var(--my-color-gray-300)}.my-resizer-right:hover{background-color:var(--my-color-blue)}.my-resizer-middle{background-color:var(--my-color-gray-200);position:relative;border-top:1px solid var(--my-color-gray-300)}.my-resizer-middle:hover{background-color:var(--my-color-blue)}.my-no-select{-webkit-user-select:none;-moz-user-select:none;user-select:none}body.my-no-select{cursor:inherit!important}body.my-no-select *{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.my-blur{backdrop-filter:blur(4px) saturate(160%);-webkit-backdrop-filter:blur(4px) saturate(160%);background-color:hsla(0,0%,100%,.4)}.my-cursor-pointer{cursor:pointer}.home-container[data-v-c5651aea]{min-height:100vh;display:flex;flex-direction:column}.content-section[data-v-c5651aea]{overflow-y:auto}