@charset "UTF-8";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;text-decoration:inherit}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body{width:100%;height:100%;margin:0;padding:0}body{margin:0;padding:0;font-family:sans-serif;background-color:#f8f8f8;color:#333}body h1,body h2,body h3{margin:0;padding:0;font-weight:600}body p{margin:0;padding:0}.home-page{position:relative;width:100%;height:100vh;margin:0 auto}.home-page .bg-layer{position:fixed;left:0;width:100%;z-index:1;pointer-events:none;background-repeat:no-repeat;background-position:left;background-size:contain}.home-page .bg-taiwan{top:0;height:calc(33.3333333333vh - 15px);background-image:url(/images/taiwan-bg.svg)}.home-page .bg-china{top:calc(33.3333333333vh - 15px);height:calc(33.3333333333vh - 15px);background-image:url(/images/china-bg.svg)}.home-page .bg-world{top:calc(66.6666666667vh - 30px);height:calc(33.3333333333vh - 15px);background-image:url(/images/world-bg.svg)}.home-page .logo-container{position:absolute;top:0;left:40px;width:150px;height:150px;z-index:10000}.home-page .logo-container img{width:80%;height:auto;-webkit-user-select:none;user-select:none;display:block}@media (max-width: 768px){.home-page .logo-container{left:20px;width:100px;height:auto}}.home-page .top-right-icon{position:absolute;top:30px;right:70px;width:150px;height:auto;z-index:10000;cursor:pointer}.home-page .top-right-icon img{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.home-page .top-right-icon{top:15px;right:15px;width:100px}}.home-page .current-year-display{position:absolute;top:0;left:50%;transform:translate(-50%);border-radius:30px;z-index:9999;background-color:#552300;color:#fff;padding:2px 24px;margin-top:10px;font-size:1.5rem}.home-page .middle-line{position:absolute;top:50px;bottom:45px;left:50%;transform:translate(-50%);width:35px;z-index:1;background:repeating-radial-gradient(circle,rgba(255,255,255,.7) 0 1px,transparent 2px 10px),#ffffff4d;background-size:2px 10px;background-position:center top;background-repeat:repeat-y}.home-page .timelines-wrapper{overflow-x:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.home-page .timelines-wrapper .timelines-inner{position:relative}.timeline-container{position:relative;width:100%;height:100%;box-shadow:0 2px 4px #0000001a;box-sizing:border-box}.timeline-container.taiwan{background:linear-gradient(to bottom,#bd9d5d 6%,#bd9d5d 70%,#af8445);background-repeat:no-repeat;background-position:left center}.timeline-container.china{background:linear-gradient(to bottom,#628193,#628193 71%,#4f6877 98%);background-repeat:no-repeat;background-position:left center}.timeline-container.world{background:linear-gradient(to bottom,#a7a1b0,#a7a1b0 70%,#8e879b);background-repeat:no-repeat;background-position:left center}.timeline-container .timeline-line{position:absolute;left:0;right:0;top:50%;height:2px;background:#ffffff1a}.timeline-container .timeline-items-wrapper{width:100%;-webkit-user-select:none;user-select:none}.ruler-container{position:relative;height:45px;background-color:#5b554b;color:#fff;z-index:10}@keyframes periodBandSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:.95;transform:translateY(0)}}@keyframes periodBlockFadeIn{0%{opacity:0;transform:translate(-10px) scale(.95)}to{opacity:.9;transform:translate(0) scale(1)}}.period-band{transition:opacity .5s ease-out}.period-band.exiting{animation:periodBandSlideOut .4s ease-in forwards}@keyframes periodBandSlideOut{0%{opacity:.95;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.period-block{position:relative}.period-block.current-period{animation:currentPeriodPulse 2s ease-in-out infinite}.period-block.current-period .period-name-centered{animation:textGlow 1.5s ease-in-out infinite alternate}.period-block:hover{transition:all .3s cubic-bezier(.25,.46,.45,.94)!important}@keyframes currentPeriodPulse{0%,to{box-shadow:0 4px 8px #0006,0 0 #fff6}50%{box-shadow:0 4px 12px #00000080,0 0 0 3px #fff3}}@keyframes textGlow{0%{text-shadow:1px 1px 2px rgba(0,0,0,.7),0 0 5px rgba(255,255,255,.3)}to{text-shadow:1px 1px 2px rgba(0,0,0,.7),0 0 10px rgba(255,255,255,.5)}}.period-name-centered,.period-name-default{will-change:transform,opacity}.ruler-tick{position:absolute;bottom:0;width:1px;height:15px;background-color:transparent;display:flex;flex-direction:column;align-items:center}.ruler-tick:after{content:"";display:block;width:1px;height:100%;background-color:#ccc}.ruler-tick .ruler-year{position:absolute;bottom:100%;left:0;transform:translate(-50%);font-size:.9rem;white-space:nowrap}.ruler-sub-tick{position:absolute;bottom:0;width:1px;height:10px;background-color:#aaa}.timeline-item{background:#f2e9da;border:1px solid #ccc;border-radius:8px;padding:.5rem;box-shadow:0 2px 4px #0003}.timeline-item .timeline-header{display:flex;align-items:center;margin:0 3px}.timeline-item .timeline-date{font-weight:700;margin-bottom:0;margin-right:.5rem}.timeline-item .timeline-title{white-space:nowrap}.range-line-highlight{background-color:#6b6c53;z-index:1}.timelineBubble{position:absolute;background-color:#f3f3f3;border-radius:4px;padding:8px 12px;box-shadow:0 2px 4px #0003;transform:var(--bubble-translate, translateY(0));transition:transform .2s ease,z-index .2s ease}.timelineBubble.top:after{content:"";position:absolute;width:2px;background-color:#606060;top:0;left:0;height:var(--dynamicLineHeight, 50px);border-radius:0 0 1px 1px}.timelineBubble.bottom:after{content:"";position:absolute;width:2px;background-color:#606060;bottom:0;left:0;height:var(--dynamicLineHeight, 50px);z-index:0;border-radius:1px 1px 0 0}.timelineBubble.bubble-highlight{z-index:999;background-color:#552300;color:#fff}.timelineBubble.bubble-highlight.top:after{background-color:#552300;z-index:0;height:var(--dynamicLineHeight, 50px);border-radius:0 0 1px 1px}.timelineBubble.bubble-highlight.bottom:after{background-color:#552300;z-index:0;height:var(--dynamicLineHeight, 50px);border-radius:1px 1px 0 0}.event-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:100000;display:flex;align-items:center;justify-content:center;overflow-y:auto}.questions-section{margin-top:1rem;border-top:1px solid rgba(255,255,255,.3);padding-top:1rem}.questions-section .questions-toggle-button{width:100%;border:none;text-align:left;padding:12px 15px;background-color:#7d8776;color:#fff;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;position:relative;overflow:hidden;outline:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.questions-section .questions-toggle-button:hover{background-color:#8a9483;box-shadow:0 2px 8px #0003}.questions-section .questions-toggle-button:active{transform:scale(.99)}.questions-section .questions-toggle-button.expanded .arrow-down{transform:rotate(180deg)}.questions-section .toggle-button-content{display:flex;align-items:center;justify-content:flex-start;width:100%}.questions-section .toggle-button-content span{font-size:1.5rem;font-weight:700;margin-right:10px;white-space:nowrap}.questions-section .toggle-button-content .pencil-icon{margin-right:6px;width:18px;height:18px;color:#fff;opacity:.9;transition:transform .2s ease,opacity .2s ease;vertical-align:middle}.questions-section .toggle-button-content .pencil-icon:hover{opacity:1;transform:scale(1.1)}.questions-section .toggle-count-badge{background-color:#e3d3c0;color:#606060;font-weight:700;padding:3px 8px;border-radius:12px;font-size:1.1rem}.questions-section .arrow-down{transform:rotate(0);transition:transform .3s ease;font-size:1rem;margin-left:auto}.questions-section .toggle-hint{font-size:.9rem;color:#ffffffb3;margin-top:4px;font-style:italic;text-align:left}@keyframes pulse{0%{box-shadow:0 0 #fff6}70%{box-shadow:0 0 0 6px #fff0}to{box-shadow:0 0 #fff0}}.questions-section .questions-toggle-button{animation:pulse 2s ease-in-out}.questions-section .questions-toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:10px;background-color:#ffffff1a;border-radius:6px;transition:background-color .3s ease}.questions-section .questions-toggle span{font-size:1.2rem;font-weight:700}.questions-section .questions-toggle .arrow-down{transform:rotate(0);transition:transform .3s ease}.questions-section .questions-toggle.expanded .arrow-down{transform:rotate(180deg)}.questions-section .questions-container{margin-top:1rem}.questions-section .questions-container .question-item{background-color:#ffffff1a;border-radius:8px;padding:18px;margin-bottom:20px}.questions-section .questions-container .question-item .question-text{font-size:1.6rem;margin-bottom:18px;color:#fff;line-height:1.4}.questions-section .questions-container .question-item .question-text .question-number{display:inline-block;color:#fff;margin-right:10px;font-weight:700}.questions-section .questions-container .question-item .question-with-image{display:flex;gap:25px;margin-bottom:18px}.questions-section .questions-container .question-item .question-with-image .question-text-container{flex:1 1 60%;min-width:0}.questions-section .questions-container .question-item .question-with-image .question-image{flex:1 1 40%;align-self:flex-start}.questions-section .questions-container .question-item .question-with-image .question-image img{display:block;width:100%;height:auto;border-radius:6px;max-width:100%}@media (max-width: 768px){.questions-section .questions-container .question-item .question-with-image{flex-direction:column}.questions-section .questions-container .question-item .question-with-image .question-text-container,.questions-section .questions-container .question-item .question-with-image .question-image{flex:1 1 100%;width:100%}.questions-section .questions-container .question-item .question-with-image .question-image{margin-top:15px}}.questions-section .questions-container .question-item .question-with-image .question-text{font-size:1.6rem;color:#fff;margin-bottom:0;line-height:1.4}.questions-section .questions-container .question-item .question-with-image .question-text .question-number{display:inline-block;color:#fff;margin-right:10px;font-weight:700}.questions-section .questions-container .question-item .options-container{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:18px}@media (max-width: 576px){.questions-section .questions-container .question-item .options-container{grid-template-columns:1fr}}.questions-section .questions-container .question-item .options-container .option-item{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px 15px;cursor:pointer;display:flex;align-items:center;transition:all .3s ease;font-size:1.4rem;line-height:1.3}.questions-section .questions-container .question-item .options-container .option-item .option-key{background-color:#bac1b5;color:#606060;min-width:30px;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-right:12px;font-weight:700;font-size:1.2rem;flex-shrink:0}.questions-section .questions-container .question-item .options-container .option-item:hover{background-color:#ffffff1a}.questions-section .questions-container .question-item .options-container .option-item.correct{border-color:#4caf50;background-color:#4caf5033}.questions-section .questions-container .question-item .options-container .option-item.incorrect{border-color:#f44336;background-color:#f4433633}.questions-section .questions-container .question-item .answer-result .result-text{padding:15px;border-radius:8px;margin-bottom:15px;font-weight:700;font-size:1.4rem;text-align:center}.questions-section .questions-container .question-item .answer-result .result-text.correct{background-color:#4caf504d;color:#fff}.questions-section .questions-container .question-item .answer-result .result-text.incorrect{background-color:#f443364d;color:#fff}.questions-section .questions-container .question-item .answer-result .explanation-toggle{background-color:#ffffff1a;color:#e3d3c0;border:none;padding:10px 18px;border-radius:8px;cursor:pointer;transition:background-color .3s ease;font-size:1.2rem;width:100%;text-align:center;display:block;margin:0 auto}.questions-section .questions-container .question-item .answer-result .explanation-toggle:hover{background-color:#fff3}.questions-section .questions-container .question-item .answer-result .explanation-toggle:focus{outline:none;box-shadow:none}.questions-section .questions-container .question-item .answer-result .explanation-content{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:18px;margin-top:12px;color:#e3d3c0;font-size:1.4rem;line-height:1.5}.questions-section,.questions-toggle-button,.toggle-button-content,.toggle-count-badge,.questions-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}@-moz-document url-prefix(){.questions-toggle-button .toggle-button-content span,.toggle-count-badge,.question-item .question-number,.option-item .option-key{font-weight:600}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.questions-section,.questions-container,.toggle-button-content span{text-rendering:geometricPrecision}}.event-modal-content{background-color:#606060;border-radius:12px;width:90%;max-width:1200px;min-height:45%;max-height:90vh;overflow-y:auto;color:#fff;position:relative;padding:55px 25px;box-sizing:border-box}.event-modal-content .event-modal-close{position:absolute;top:10px;right:20px;width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.event-modal-content .event-modal-close .close-icon{font-size:2.5rem;color:#606060;transform:translateY(-3px)}.event-modal-content .event-modal-close:hover{opacity:.8}.event-modal-content .event-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.3)}.event-modal-content .event-modal-header h2{margin:0;font-size:2.4rem;font-weight:700}@media (max-width: 768px){.event-modal-content .event-modal-header h2{font-size:1.5rem}}.event-modal-content .event-modal-header .event-tags-container{display:flex;gap:.5rem}.event-modal-content .event-modal-header .tag-btn{border:1px solid #ffffff;border-radius:50px;background-color:#606060;color:#fff;padding:4px 12px;cursor:pointer;font-size:1.1rem;line-height:1.2}.event-modal-content .event-modal-header .tag-btn:hover{opacity:.9}.event-modal-content .event-modal-header .tag-btn.selected{background-color:#fff;color:#606060}.event-modal-content .event-modal-header .tag-btn:focus{outline:none}.event-modal-content .event-modal-body{display:flex;gap:1rem}.event-modal-content .event-modal-body .media-section{flex:0 0 480px;margin-right:1rem}.event-modal-content .event-modal-body .media-section iframe,.event-modal-content .event-modal-body .media-section img{width:100%;border-radius:6px}.event-modal-content .event-modal-body .button-row{margin-top:1rem;display:flex;gap:1rem}.event-modal-content .event-modal-body .button-row .btn{border-radius:0;background:#bac1b5f2;color:#5b554b;cursor:pointer;font-size:1rem}.event-modal-content .event-modal-body .button-row .btn:hover{background-color:#f5f5f5;border-color:#f5f5f5}.event-modal-content .event-modal-body .info-section{flex:1 1 50%;display:flex;flex-direction:column;gap:1rem}.event-modal-content .event-modal-body .info-section .info-row{display:flex;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.3)}.event-modal-content .event-modal-body .info-section .info-row .info-label{min-width:70px;margin-right:8px;font-weight:700;color:#e3d3c0;font-size:1.5rem}.event-modal-content .event-modal-body .info-section .info-row p{margin:0;line-height:1.4;flex:1;text-align:left;font-size:1.5rem}@media (max-width: 768px){.event-modal-content .event-modal-body{flex-direction:column}.event-modal-content .event-modal-body .media-section{flex:0 0 auto;margin-right:0;margin-bottom:1rem}.event-modal-content .event-modal-body .info-section{flex:1 1 auto}.event-modal-content .event-modal-body .button-row{margin-top:1rem}}.hide-scrollbar::-webkit-scrollbar{display:none}.card-list{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;padding:5rem}.card-list-item{border-radius:40px 40px 10px;background-color:#f6f2ea;box-shadow:0 2px 8px #0003;padding:24px;position:relative;width:180px;overflow:hidden;cursor:pointer;opacity:1;transition:background-color .3s ease}.card-list-item.disabled{cursor:not-allowed;opacity:.5}.card-list-item.highlighted{background-color:#e7dcc8}.card-list-item h2{font-size:1.5rem;margin:0 0 16px;color:#4b4636}.card-list-item ul{list-style:none;padding:20px 0;margin:0;line-height:1.6}.card-list-item ul li{margin-bottom:8px}.card-list-item ul li .circle{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:8px;vertical-align:middle}.card-list-item ul li .text-region{color:#4b4636}.card-list-item .toggle-btn{position:absolute;bottom:16px;right:16px;width:16px;height:16px;border-radius:50%;background-color:#fff;box-shadow:0 1px 4px #0003;display:flex;align-items:center;justify-content:center;z-index:2;color:#000;cursor:pointer}.card-list-item .toggle-btn.expanded{background-color:#5d6452;color:#fff}.card-list-item .expand-area{position:absolute;left:0;right:0;bottom:0;height:0;transition:height .3s ease;background-color:#7d8776f2;color:#fff;border-radius:0 40px 0 0;overflow:hidden}.card-list-item .expand-area.expanded{height:165px}.card-list-item .expand-area .expand-content{padding:16px}.card-list-item .expand-area .expand-content button{display:block;margin-bottom:12px;border:1px solid #fff;border-radius:30px;padding:6px 12px;background:transparent;color:#fff;cursor:pointer}.card-list-item .expand-area .expand-content button:disabled{cursor:not-allowed;opacity:.6}.dropdown-toggle{position:absolute;top:105px;right:90px;width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-top:8px solid #5B554B;cursor:pointer;z-index:10000}.dropdown-menu{position:absolute;top:105px;right:37px;width:110px;background-color:#5b554b80;border-radius:4px;padding:8px 12px;box-shadow:0 2px 8px #0003;z-index:10000}.dropdown-menu ul{list-style:none;margin:0;padding:0}.dropdown-menu ul li{margin:8px 0;cursor:pointer;color:#fff;padding:4px;border-radius:6px;display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-menu ul li:hover{background-color:#5b554bb3;border-radius:6px;overflow:visible;text-overflow:clip}.dropdown-menu ul li.selected{background-color:#ffffff80}.dropdown-menu ul li .marquee-text{display:inline-block;white-space:nowrap;animation:none}.dropdown-menu ul li:hover .marquee-text{animation:marqueeScroll 6s linear infinite}.dropdown-arrow-up{margin:8px auto 0;width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:8px solid #5B554B;cursor:pointer;display:block}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.timeline-item.has-exam-questions .timeline-item-content{border:2px solid #ffcc00;box-shadow:0 0 8px #fc09;position:relative;transition:all .3s ease}.timeline-item.has-exam-questions:hover .timeline-item-content{transform:scale(1.05);box-shadow:0 0 12px #fc0c}.exam-question-badge{position:absolute;top:-8px;right:-8px;width:20px;height:20px;background-color:#fc0;color:#333;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;box-shadow:0 2px 4px #0003;border:1px solid #e6b800;z-index:10;animation:pulse 1.5s infinite;cursor:pointer}@keyframes pulse{0%{box-shadow:0 0 #ffcc00b3}70%{box-shadow:0 0 0 6px #fc00}to{box-shadow:0 0 #fc00}}@media (max-width: 768px){.exam-question-badge{width:16px;height:16px;font-size:10px;top:-6px;right:-6px}}.exam-question-badge:before{content:"Q";display:flex;align-items:center;justify-content:center;width:100%;height:100%}.image-lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;cursor:pointer}.image-lightbox-content{position:relative;max-width:95%;max-height:95%;cursor:default}.lightbox-close-btn{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:36px;cursor:pointer;z-index:10001;padding:0;margin:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.lightbox-close-btn:hover{color:#ccc}.lightbox-image{width:80vw;height:80vh;object-fit:contain;border-radius:8px;box-shadow:0 4px 20px #00000080}@media (max-width: 768px){.lightbox-close-btn{top:10px;right:10px;font-size:30px;width:36px;height:36px}.lightbox-image{width:90vw;height:70vh}}