body{margin:0;font-family:Arial,sans-serif;transition:background-color .5s,color .5s}html,body{padding:0;margin:0;width:100%;height:100%;overflow-x:hidden}.day-theme{background-color:#fff;color:#000;--popup-bg: #ffffff;--popup-text: #000000}.night-theme{background-color:#000;color:#fff;--popup-bg: #000000;--popup-text: #ffffff}.day-theme a{color:#000}.night-theme a{color:#fff}main{flex:1;padding:.5rem;margin-top:1rem;background-color:inherit;color:inherit}.theme-toggle-container{padding-top:3rem;display:flex;justify-content:flex-end;padding-right:1.5rem}.theme-toggle-button{background-color:transparent;color:inherit;border:1px solid currentColor;padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.theme-toggle-button:hover{background-color:#0000000d}.hero-section.svelte-99r1jf{width:100%;height:77vh;position:relative;overflow:hidden}.hero-content.svelte-99r1jf{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.hero-image.svelte-99r1jf{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.hero-title.svelte-99r1jf{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.7);z-index:1}.day-theme.svelte-99r1jf{background-color:#fff}.night-theme.svelte-99r1jf{background-color:#000}.content-section.svelte-99r1jf{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 1rem}.faq.svelte-99r1jf{display:flex;flex-direction:column;align-items:center;gap:.5rem}.faq-card.svelte-99r1jf{max-width:600px;width:100%;margin-bottom:1rem;padding:1rem;border-radius:8px;border:2px solid #444}.section-title.svelte-99r1jf{text-align:center;margin-bottom:1.5rem;font-size:2rem}.faq-card.svelte-99r1jf:hover{border-color:#007bff}.faq-card.svelte-99r1jf summary:where(.svelte-99r1jf){font-size:1.25rem;font-weight:700}.blog-container.svelte-1ef2l9k{max-width:800px;margin:0 auto;padding:2rem;background-color:inherit;text-align:left}.blog-title.svelte-1ef2l9k{font-size:2.5rem;font-weight:700;color:inherit;margin-bottom:1.5rem;text-align:center}.blog-intro.svelte-1ef2l9k{font-size:1.25rem;color:#555;margin-bottom:2rem;line-height:1.6;text-align:center}.blog-entry.svelte-1ef2l9k{background-color:transparent;margin-bottom:1rem;padding:1rem 0}.blog-entry.svelte-1ef2l9k .post-date:where(.svelte-1ef2l9k){font-size:.9rem;color:inherit;margin-bottom:.5rem}.blog-entry.svelte-1ef2l9k p:where(.svelte-1ef2l9k){font-size:1rem;color:inherit;line-height:1.8;margin-bottom:.5rem}.post-image.svelte-1ef2l9k{width:100%;max-width:200px;height:auto;margin:1rem 0;border:none}.post-title.svelte-1ef2l9k{font-size:1rem;font-weight:700;margin-bottom:.5rem;color:inherit}.divider.svelte-1ef2l9k{border:none;border-top:1px solid #d3d3d3;margin:.8rem 0}.blog-container.svelte-1ef2l9k,.blog-entry.svelte-1ef2l9k,.post-image.svelte-1ef2l9k,.divider.svelte-1ef2l9k{box-shadow:none}.toggle-button-container.svelte-1ef2l9k{text-align:center;margin-top:1rem}.toggle-button.svelte-1ef2l9k{background-color:inherit;color:inherit;padding:.5rem 1rem;border-radius:4px;cursor:pointer;position:relative;border:2px solid #999}.toggle-button.svelte-1ef2l9k:hover{border:2px solid #d3d3d3;background-color:#f5f5f5;color:#000;transition:all .3s ease}.toggle-button.svelte-1ef2l9k:focus{outline:none}.container.svelte-1odq25r{display:flex;justify-content:center;padding:2rem;flex-direction:column;align-items:center}.reading-intro.svelte-1odq25r{max-width:800px;text-align:center;margin-bottom:2rem}.reading-intro.svelte-1odq25r h2:where(.svelte-1odq25r){font-size:1.75rem;font-weight:700;margin-bottom:1rem}.reading-intro.svelte-1odq25r p:where(.svelte-1odq25r){font-size:1rem;color:#555}.bookshelf-wrapper.svelte-1odq25r,.movieshelf-wrapper.svelte-1odq25r{max-width:80%;height:600px;overflow-y:auto;border-radius:12px;padding:1rem;background-color:inherit;border:2px solid #ccc;scrollbar-width:thin;scrollbar-color:transparent transparent}.bookshelf-wrapper.svelte-1odq25r::-webkit-scrollbar{width:8px;opacity:0;transition:opacity .3s ease}.bookshelf-wrapper.svelte-1odq25r:hover::-webkit-scrollbar{opacity:1}.movieshelf-wrapper.svelte-1odq25r::-webkit-scrollbar{width:8px;opacity:0;transition:opacity .3s ease}.movieshelf-wrapper.svelte-1odq25r:hover::-webkit-scrollbar{opacity:1}.bookshelf-title.svelte-1odq25r,.movieshelf-title.svelte-1odq25r{font-size:1.25rem;font-weight:700;margin-bottom:.3rem;text-align:center}.year-header.svelte-1odq25r{font-size:1.5rem;font-weight:700;margin:1.5rem 0 1rem}.bookshelf.svelte-1odq25r{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.book.svelte-1odq25r,.movie.svelte-1odq25r{padding:0;background-color:transparent;border:none;border-radius:0;box-shadow:none}.movie.svelte-1odq25r img:where(.svelte-1odq25r){width:100%;height:160px;object-fit:cover;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease}.book.svelte-1odq25r img:where(.svelte-1odq25r){width:100%;height:160px;object-fit:cover;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease}.book.svelte-1odq25r:hover img:where(.svelte-1odq25r){transform:translateY(-10px);box-shadow:0 10px 15px #0003}.movie.svelte-1odq25r:hover img:where(.svelte-1odq25r){transform:translateY(-10px);box-shadow:0 10px 15px #0003}.modal-overlay.svelte-1odq25r{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content.svelte-1odq25r{padding:2rem;border-radius:16px;max-width:400px;width:100%;box-shadow:0 4px 20px #0000004d;text-align:center}.day-theme.svelte-1odq25r .modal-content:where(.svelte-1odq25r){background-color:#ffffffd9;color:#333}.night-theme.svelte-1odq25r .modal-content:where(.svelte-1odq25r){background-color:#181818d9;color:#f0f0f0}.book-cover.svelte-1odq25r{width:100px;height:150px;border-radius:8px;margin-bottom:1rem;object-fit:cover}.close-button.svelte-1odq25r{margin-top:1rem;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:1rem;border:2px solid;background-color:transparent;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.day-theme.svelte-1odq25r .close-button:where(.svelte-1odq25r){color:#333;border-color:#333}.day-theme.svelte-1odq25r .close-button:where(.svelte-1odq25r):hover{background-color:#007bff;color:#fff;border-color:#007bff}.night-theme.svelte-1odq25r .close-button:where(.svelte-1odq25r){color:#f0f0f0;border-color:#f0f0f0}.night-theme.svelte-1odq25r .close-button:where(.svelte-1odq25r):hover{background-color:#007bff;color:#fff;border-color:#007bff}.combined-timeline-wrapper.svelte-1odq25r{max-width:100%;overflow-x:auto;padding:2rem 0;background-color:inherit;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent;border:none;border-radius:0;box-shadow:none}.combined-timeline-wrapper.svelte-1odq25r::-webkit-scrollbar{height:8px;opacity:0;transition:opacity .3s ease}.combined-timeline-wrapper.svelte-1odq25r:hover::-webkit-scrollbar{opacity:1}.combined-timeline-wrapper.svelte-1odq25r::-webkit-scrollbar-thumb{background-color:#0006;border-radius:4px}.timeline-scroll-container.svelte-1odq25r{position:relative;display:flex;min-width:100%;padding:1rem 0;gap:0rem}.timeline-x-axis.svelte-1odq25r{position:absolute;top:50%;left:0;width:100%;height:4px;background-color:#aaa;z-index:0}.timeline-year.svelte-1odq25r{position:relative;text-align:center;z-index:1;cursor:pointer;flex:1}.year-button.svelte-1odq25r{width:120px;padding:1rem;border:2px solid;border-radius:4px;font-size:1rem;margin-bottom:1rem;box-shadow:0 4px 8px #0000001a;transition:background-color .3s ease,color .3s ease,transform .2s ease;white-space:normal;overflow:visible;position:relative;margin-left:4px;margin-right:4px}.day-theme.svelte-1odq25r .year-button:where(.svelte-1odq25r){background-color:#fff;color:#000;border-color:#000}.night-theme.svelte-1odq25r .year-button:where(.svelte-1odq25r){background-color:#000;color:#fff;border-color:#fff}.year-button.svelte-1odq25r:hover{background-color:#007bff;color:#fff;transform:scale(1.05);overflow:visible;box-shadow:0 6px 12px #0003}.year-details.svelte-1odq25r{display:flex;flex-direction:column;align-items:center;margin-top:1rem;background-color:inherit;border-radius:8px;padding:1rem;box-shadow:0 4px 12px #0003;border:1px solid #d3d3d3}.close-year-button.svelte-1odq25r{margin-top:1rem;padding:.5rem 1rem;border-radius:4px;border:2px solid;cursor:pointer;transition:background-color .3s ease,color .3s ease}.day-theme.svelte-1odq25r .close-year-button:where(.svelte-1odq25r){background-color:#fff;color:#000;border-color:#000}.night-theme.svelte-1odq25r .close-year-button:where(.svelte-1odq25r){background-color:#000;color:#fff;border-color:#fff}.close-year-button.svelte-1odq25r:hover{background-color:#007bff;color:#fff}.year-books.svelte-1odq25r{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;padding-top:1rem}.timeline-book.svelte-1odq25r{width:100px;text-align:center;transition:transform .3s ease}.timeline-book.svelte-1odq25r:hover{transform:translateY(-10px)}.timeline-book.svelte-1odq25r img:where(.svelte-1odq25r){width:100%;height:120px;object-fit:cover;border-radius:8px;box-shadow:0 4px 8px #0000001a;transition:box-shadow .3s ease}.timeline-book.svelte-1odq25r img:where(.svelte-1odq25r):hover{box-shadow:0 8px 16px #0003}.timeline-book.svelte-1odq25r p:where(.svelte-1odq25r){margin-top:.5rem;font-size:.85rem;color:inherit}.timeline-title.svelte-1odq25r{text-align:center;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.combined-timeline-wrapper.svelte-1odq25r h3:where(.svelte-1odq25r){font-size:1.25rem;margin-bottom:.5rem}.timeline-year.svelte-1odq25r:hover .year-button:where(.svelte-1odq25r){box-shadow:0 6px 12px #0003}.divider.svelte-1odq25r{width:50%;height:1px;background-color:#ccc;margin:1rem auto}.project-card-container.svelte-1q4c86z{position:relative;display:flex;justify-content:center;margin-bottom:1rem;z-index:auto}.project-card.svelte-1q4c86z{background:inherit;color:inherit;padding:.5rem;border-radius:8px;display:flex;flex-direction:column;align-items:stretch;width:50%}.actions.svelte-1q4c86z{display:flex;justify-content:flex-end;align-items:flex-start;height:100%}.code-button.svelte-1q4c86z{padding:.5rem 1rem;background-color:inherit;color:inherit;border-radius:4px;cursor:pointer;position:relative}.code-button.svelte-1q4c86z:hover{border:2px solid #d3d3d3;background-color:#f5f5f5;color:#000;transition:all .3s ease}.popup.svelte-1q4c86z{position:absolute;top:100%;left:70%;transform:translate(-50%) translateY(8px);padding:1rem;border-radius:8px;box-shadow:0 4px 8px #0003;word-wrap:break-word;visibility:hidden;transition:background-color .5s ease,color .5s ease,transform .2s ease;display:flex;flex-direction:column;align-items:flex-start;border:2px solid #cccccc;z-index:9999;background-color:var(--popup-bg, #ffffff);color:var(--popup-text, #000000)}.popup-content.svelte-1q4c86z{display:flex;flex-direction:column;align-items:flex-start;width:100%}.protocol-switch.svelte-1q4c86z{display:flex;gap:.5rem;margin-bottom:1rem}.protocol-switch.svelte-1q4c86z button:where(.svelte-1q4c86z){padding:.5rem 1rem;border:none;border-radius:4px;background-color:#f5f5f5;cursor:pointer}.protocol-switch.svelte-1q4c86z button.selected:where(.svelte-1q4c86z){background:#007bff;color:#fff}.link-display.svelte-1q4c86z{width:100%}.link-display.svelte-1q4c86z input.auto-width:where(.svelte-1q4c86z){max-width:100%;padding:.5rem;border:1px solid #555;border-radius:4px;background-color:inherit;color:inherit}.language.svelte-1q4c86z{display:flex;align-items:center;margin-bottom:.5rem;font-size:1rem;color:inherit}.language-dot.svelte-1q4c86z{width:10px;height:10px;border-radius:50%;margin-right:.5rem}.tags.svelte-1q4c86z{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag.svelte-1q4c86z{padding:.2rem .5rem;background-color:inherit;color:inherit;border-radius:4px;font-size:.9rem;white-space:nowrap;border:1px solid #444}.divider.svelte-1q4c86z{width:50%;height:1px;background-color:#ccc;margin:1rem auto}.description.svelte-1q4c86z{color:inherit;font-size:1rem;margin-bottom:.5rem;line-height:1.5}.container.svelte-1iscj1w{max-width:700px;margin:2rem auto;padding:1rem}.card.svelte-1iscj1w{padding:1.5rem;border-radius:10px;margin-bottom:2rem;box-shadow:0 4px 8px #0003;background-color:inherit;text-align:center;border:1px solid gray}.btn.svelte-1iscj1w{background-color:inherit;border:1px solid currentColor;padding:10px 20px;color:inherit;font-size:.9rem;border-radius:5px;cursor:pointer}.btn-container.svelte-1iscj1w{display:flex;justify-content:center;margin-top:1.5rem}.section-heading.svelte-1iscj1w{font-size:1.2rem;margin-top:2rem;margin-bottom:1rem;text-align:left}.about-text.svelte-1iscj1w{font-size:1rem;line-height:1.6;text-align:justify}.list.svelte-1iscj1w{list-style:none;padding:0}.list.svelte-1iscj1w li:where(.svelte-1iscj1w){margin-bottom:1rem}.description.svelte-1iscj1w{margin:.2rem 0 .5rem;color:#aaa}.year.svelte-1iscj1w{font-size:.8rem;color:gray;margin-top:.2rem}.bio-container.svelte-1iscj1w{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;margin-bottom:2rem}.name-chinese.svelte-1iscj1w{font-size:4rem;font-weight:700;line-height:1.2;writing-mode:vertical-rl;text-align:center}.bio-text.svelte-1iscj1w{flex:1}.publication-link.svelte-1iscj1w{color:inherit;text-decoration:none;transition:text-decoration .2s ease}.publication-link.svelte-1iscj1w:hover{text-decoration:underline}.btn.svelte-1iscj1w{background-color:inherit;border:1px solid currentColor;padding:10px 20px;color:inherit;font-size:1rem;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn.svelte-1iscj1w:hover{background-color:#ffffff1a}.icon.svelte-1iscj1w{margin-right:.5rem}.size-6.svelte-1iscj1w{width:20px;height:20px}@media (min-width: 768px){.container.svelte-1iscj1w{padding:2rem}}@media (max-width: 768px){.bio-container.svelte-1iscj1w{flex-direction:column;align-items:center;text-align:center}.name-chinese.svelte-1iscj1w{writing-mode:horizontal-tb;margin-bottom:1rem}.bio-text.svelte-1iscj1w{text-align:justify}}nav.svelte-3mjynz{position:fixed;top:0;left:0;width:100%;height:2.5rem;display:flex;justify-content:center;align-items:center;border-bottom:1px solid;z-index:1000;transition:background-color .5s,color .5s}.logo.svelte-3mjynz{margin-right:20rem}.logo-img.svelte-3mjynz{height:2rem;width:auto;border-radius:50%}ul.svelte-3mjynz{list-style:none;display:flex;gap:2rem;margin:0;padding:0}.nav-link.svelte-3mjynz{text-decoration:none;font-weight:400;font-size:1rem;transition:color .5s}a.svelte-3mjynz,.nav-link.svelte-3mjynz{text-decoration:none;font-weight:400;font-size:1rem;transition:color .5s}.nav-link.svelte-3mjynz:hover{color:#4b9cd3}.footer.svelte-djnx9q{width:100%;padding:.5rem 1rem;border-top:1px solid #444;background-color:inherit}.footer-content.svelte-djnx9q{max-width:800px;margin:0 auto;justify-content:space-around;align-items:center;gap:.5rem;color:#7a7878;display:flex;flex-wrap:wrap}.footer-link.svelte-djnx9q{font-size:.85rem;text-decoration:none;color:inherit}.footer-link.svelte-djnx9q:hover{color:inherit}main.svelte-115q3l6{padding:2rem;max-width:800px;margin:0 auto}h1.svelte-115q3l6,h2.svelte-115q3l6{color:inherit}h1.svelte-115q3l6{font-size:2rem;margin-bottom:1rem}h2.svelte-115q3l6{font-size:1.5rem;margin-top:2rem;margin-bottom:.5rem}