body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.timeline-section{background-color:var(--topbar-bottom);padding:60px 20px}.timeline-title{color:#1e1e2f;font-size:28px;font-weight:600;margin-bottom:40px;text-align:center}.timeline{margin:0 auto;max-width:1000px;min-height:1000px;padding:0 20px;position:relative}.timeline:before{background:linear-gradient(180deg,#d0d0d0 0,#d0d0d0 calc(100% - 200px),#0000),repeating-linear-gradient(180deg,#d0d0d0 0,#d0d0d0 4px,#0000 6px,#0000 12px);background-blend-mode:normal;background-repeat:no-repeat;bottom:-100px;content:"";left:50%;position:absolute;top:0;width:5px}.timeline-item{display:flex;justify-content:flex-start;margin:40px 0;position:relative;width:100%;z-index:1}.timeline-item:nth-child(2n){justify-content:flex-end}.timeline-content{background-color:var(--card-bg-color);border-radius:12px;box-shadow:0 2px 8px #0000000d;letter-spacing:.03em;line-height:1.5;padding:20px;text-align:left;transition:transform .3s ease,box-shadow .3s ease;width:40%}.timeline-content p:empty:before{content:" ";display:block;height:.1px}.timeline-item:nth-child(odd) .timeline-content{text-align:right}.timeline-item:nth-child(2n) .timeline-content{text-align:left}.timeline-content:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-8px)}.timeline-content{cursor:pointer;position:relative}.plus-moreinfo{background-color:#eee;color:#333;font-size:18px;height:26px;opacity:.7;right:14px}.timeline-item:nth-child(odd) .plus-moreinfo{left:12px}.timeline-item:nth-child(2n) .plus-moreinfo{right:12px}.timeline-modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.timeline-modal-content{background:#fff;border-radius:12px;border-radius:16px;box-shadow:0 4px 16px #0003;max-height:90vh;max-width:400px;max-width:800px;overflow-y:auto;padding:24px;padding:32px;position:relative}.timeline-modal-close{align-items:center;background-color:#eee;border-radius:50%;box-shadow:0 2px 6px #0000001a;color:#333;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;position:absolute;right:17px;top:16px;transition:background-color .2s ease;-webkit-user-select:none;user-select:none;width:32px}.timeline-modal-close:hover{background-color:#ddd}@media (max-width:768px){.timeline{display:flex;flex-direction:column;padding-left:40px;position:relative}.timeline:before{background:#d0d0d0;content:"";height:100%;left:20px;position:absolute;top:0;width:2px}.timeline-item{margin:40px 0;position:relative}.timeline-item:after{background:#007bff;border-radius:50%;content:"";height:12px;left:-25px;position:absolute;top:12px;width:12px}.timeline-content{padding-left:40px;width:100%}.plus-moreinfo{left:auto!important;right:12px!important}.timeline-item:nth-child(2n),.timeline-item:nth-child(odd){justify-content:flex-start}.timeline-item:nth-child(2n) .timeline-content,.timeline-item:nth-child(odd) .timeline-content{text-align:left}}.project-layout{display:flex;gap:40px}.sidebar{border-right:1px solid #eee;flex-shrink:0;padding-right:20px;width:200px}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar li{margin-bottom:10px}.sidebar li button{background:none;border:none;border-radius:4px;color:var(--sidebar-text);cursor:pointer;display:block;font-size:18px;font-weight:500;line-height:1.5;padding:8px 12px;text-align:left;width:100%}.sidebar li button:hover{background-color:var(--sidebar-hover)}.sidebar li.active button{background-color:#e6f0ff;color:#007bff;font-weight:600}.project-content{flex:1 1;padding-left:20px}.project-content h2{font-size:28px;margin-bottom:12px}.project-content p{color:var(--sidebar-text);font-size:16px;line-height:1.6;margin-bottom:16px}.project-content section{margin-bottom:32px}.project-content section h3{color:#222;font-size:22px;margin-bottom:8px}.project-section p{margin:0;white-space:pre-line}.project-images{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}.project-images figure{flex:1 1 200px;max-width:300px;text-align:center}.project-images img{border-radius:8px;box-shadow:0 2px 6px #0000001a;max-width:100%}.project-images figcaption{color:var(--sidebar-text)；;font-size:14px;margin-top:8px}.project-videos{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}.project-videos figure{flex:1 1 200px;max-width:300px;text-align:center}.project-videos video{border-radius:8px;box-shadow:0 2px 6px #0000001a;max-width:100%}.project-videos figcaption{color:var(--sidebar-text)；;font-size:14px;margin-top:8px}.lightbox-overlay{align-items:center;background:#000000d9;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.lightbox-overlay img,.lightbox-overlay video{border-radius:8px;box-shadow:0 0 20px #00000080;height:auto;max-height:80vh;max-width:80vw;width:auto}.clickable{cursor:zoom-in}.lightbox-overlay:hover{cursor:zoom-out}@media (max-width:768px){.project-layout{flex-direction:column;gap:20px}.sidebar{border-bottom:1px solid #eee;border-right:none;padding-bottom:10px;padding-right:0;width:100%}.sidebar li button{font-size:16px;padding:6px 10px}.project-content{padding-left:0}.project-content h2{font-size:24px}.project-content section h3{font-size:20px}.project-images,.project-videos{align-items:center;flex-direction:column}.project-images figure,.project-videos figure{max-width:100%}.project-images img,.project-videos video{height:auto;max-width:100%}}@media (max-width:480px){.project-content p,.sidebar li button{font-size:14px}.project-content h2{font-size:20px}.project-content section h3{font-size:18px}.project-images figcaption,.project-videos figcaption{font-size:12px}}.desktop-only{display:block}.mobile-only{display:none}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:block;margin-bottom:20px;width:100%}.sidebar-select select{border:1px solid var(--border-color);border-radius:6px;font-size:16px;padding:8px 12px;transition:background-color .3s,color .3s;width:100%}.sidebar-select select,.sidebar-select select option{background-color:var(--card-bg-color);color:var(--text-color)}}.education-section{background-color:var(--topbar-bottom);border-radius:12px;margin:10px auto;max-width:1200px;padding:40px 32px}.education-title{border-bottom:3px solid #a1a0a0;color:var(--text-color);font-size:36px;font-weight:700;margin-bottom:32px;padding-bottom:8px}.section-title{font-size:28px}.content-container{width:100%}.stage-box{background:var(--section-bg-color);border-radius:12px;box-sizing:border-box;margin-bottom:24px;padding:24px;position:relative;width:100%}.stage-header{cursor:pointer;position:relative}.stage-heading{font-size:25px}.stage-para{font-size:18px}.plus-moreinfo{background:#eee;border-radius:50%;bottom:12px;color:#555;font-size:16px;height:24px;line-height:24px;pointer-events:none;position:absolute;right:12px;text-align:center;-webkit-user-select:none;user-select:none;width:24px}.modal-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.modal-content{background:var(--card-bg-color);border-radius:12px;box-shadow:0 2px 10px #0000004d;display:flex;flex-direction:column;max-height:70vh;max-width:700px;overflow:hidden;padding:40px;position:relative}.modal-scroll{flex:1 1;overflow-y:auto}.modal-close{background:#f2f2f2;border:none;border-radius:50%;cursor:pointer;font-size:18px;height:32px;position:absolute;right:20px;top:20px;width:32px}.school-header{align-items:center;display:flex;gap:20px;margin-bottom:20px}.school-logo{height:80px;object-fit:cover;width:80px}.round-logo{border-radius:50%}.square-logo{border-radius:0;width:-webkit-fit-content;width:fit-content}.school-title{color:var(--text-color);font-size:24px;font-weight:700;margin:0}.school-body p{line-height:1.6;margin-bottom:16px}.school-link{color:#007bff;display:inline-block;text-decoration:none}.school-link:hover{text-decoration:underline}[id]{scroll-margin-top:100px}html{scroll-behavior:auto}.experience-section{background-color:var(--topbar-bottom);border-radius:12px;margin:10px auto;max-width:1200px;padding:40px 32px}.section-title{border-bottom:3px solid #a1a0a0;color:var(--text-color);font-size:36px;font-weight:700;margin-bottom:32px;padding-bottom:8px}.experience-container{flex-direction:column;gap:40px;white-space:pre-line}.experience-container,.experience-item{display:flex;position:relative}.exp-axis{position:relative;width:120px}.exp-axis-line{background:#999;bottom:0;left:120px;position:absolute;top:0;width:2px;z-index:1}.exp-axis-item{align-items:center;display:flex;left:120px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.exp-dot{background:var(--tag-color);border-radius:50%;height:12px;width:12px}.exp-year{color:var(--sidebar-text);font-size:16px;margin-right:10px;position:absolute;right:100%;white-space:nowrap;z-index:2}.experience-card{background:var(--card-bg-color);border-radius:12px;box-shadow:0 4px 12px #0000001a;flex:1 1;margin-left:40px;max-width:700px;padding:30px;transition:all .3s ease;width:100%}.experience-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.experience-card h3{margin-bottom:12px}.experience-card p{color:var(--sidebar-text);margin-bottom:15px}.experience-card::ho
.tags{display:flex;flex-wrap:wrap;gap:10px}.tag{background:var(--tag-bg-color);border-radius:20px;color:var(--tag-color);font-size:12px;padding:5px 12px}@media (max-width:768px){.experience-section{padding:20px 16px}.section-title:after{height:3px;margin-top:8px;width:50%}.exp-axis,.exp-axis-item,.exp-axis-line{display:none}.experience-item{flex-direction:column}.experience-card{box-sizing:border-box;margin-left:0;max-width:100%}.experience-card h3{font-size:20px}.experience-card p{font-size:14px}}@media (max-width:480px){.section-title{font-size:20px}.experience-card h3{font-size:18px}.experience-card p{font-size:13px}}:root{--bg-color:#f5f6fa;--text-color:#000;--section-bg-color:#fff;--card-bg-color:#fff;--border-color:#e0e0e0;--header-bg-color:#ffffffe6;--header-hover:#3e8eed;--topbar-bottom:#f5f6fa;--sidebar-text:#333;--sidebar-hover:#cbcccf;--contact-link:#3e8eed;--tag-bg-color:#e8f4ff;--tag-color:#007bff}.dark{---bg-color:#1e1e1e;--text-color:#eee;--section-bg-color:#2c2c2c;--card-bg-color:#2c2c2c;--border-color:#444;--header-bg-color:#1e1e1ee6;--header-hover:#8bd;--topbar-bottom:#555;--sidebar-text:#ccc;--sidebar-hover:#555;--contact-link:#8bd;--tag-bg-color:#283141;--tag-color:#4dabf7}body{background-color:#f5f6fa;background-color:var(--topbar-bottom);font-family:Inter,Segoe UI,Helvetica Neue,Arial,sans-serif;margin:0;padding-top:100px}.top-bar,body{color:#000;color:var(--text-color)}.top-bar{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffffe6;background-color:var(--header-bg-color);box-shadow:0 3px 0 #f5f6fa;box-shadow:0 3px 0 var(--topbar-bottom);display:flex;font-size:14px;height:30px;justify-content:space-between;left:0;padding:0 15px;position:fixed;right:0;top:0;z-index:1000}.top-bar a{color:#000;text-decoration:none;transition:color .3s}.top-bar a:hover{color:#3e8eed;color:var(--header-hover)}.top-right{align-items:center;display:flex;gap:10px}.lang-toggle{cursor:pointer;font-weight:400;padding:2px 4px}.lang-toggle:hover{color:#3e8eed;color:var(--header-hover)}.active-lang{font-weight:600;text-decoration:underline}.separator{color:#999}.time{font-family:monospace}.main-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffe6;background-color:var(--header-bg-color);border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;left:0;padding:10px 20px;position:fixed;right:0;top:30px;z-index:999}.logo,.main-header{color:#000;color:var(--text-color)}.logo{font-size:22px;font-weight:600;letter-spacing:.5px}.main-nav ul{display:flex;list-style:none;margin:0;padding:0}.main-nav li{position:relative}.main-nav>ul>li{text-align:center;width:120px}.main-nav a{background-color:initial;color:#000;color:var(--text-color);display:block;font-weight:500;padding:12px 0;text-decoration:none;transition:color .3s}.main-nav a:hover{color:#3e8eed;color:var(--header-hover)}.dropdown-menu{background-color:#ffffffe6;background-color:var(--header-bg-color);display:none!important;left:50%;min-width:120px;padding:0;position:absolute;text-align:center;top:100%;transform:translateX(-50%);z-index:1000}.dropdown:hover>.dropdown-menu{display:block!important}.dropdown-menu li a{background-color:initial;color:#000;color:var(--text-color);display:block;padding:10px 20px;transition:background-color .3s;white-space:nowrap}.dropdown-menu li a:hover{color:#3e8eed;color:var(--header-hover)}.about-section,.dropdown-menu li a:hover{background-color:#fff;background-color:var(--card-bg-color)}.about-section{border-radius:12px;box-shadow:0 2px 6px #0000000a;margin:60px auto;max-width:1200px;padding:50px;width:90%}@media (max-width:768px){.about-section{margin:30px auto;padding:20px;width:90%}}.about-container{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:center}@media (max-width:768px){.about-container{flex-direction:column;gap:20px}}.about-photo{align-items:center;background-color:#f7f7f7;border-radius:50%;display:flex;height:300px;justify-content:center;overflow:hidden;width:300px}.about-photo img{height:100%;object-fit:cover;width:100%}@media (max-width:768px){.about-photo{height:180px;width:180px}}.about-text{color:#000;color:var(--text-color);flex:2 1 400px;font-size:20px;line-height:1.8;min-width:300px}.about-text h2{font-size:30px;font-weight:600;margin-bottom:20px}.about-text p{margin:8px 0;text-indent:2em}@media (max-width:768px){.about-text{flex:1 1 100%;font-size:18px;line-height:1.7;min-width:0;min-width:auto;text-align:left}}.footer{background-color:#fff;background-color:var(--section-bg-color);border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color);color:#000;color:var(--text-color);font-size:14px;margin-top:40px;padding:20px 0;text-align:center}.footer-content{margin:0 auto;max-width:1000px}.contact-section{background-color:#f5f6fa;background-color:var(--topbar-bottom);border-radius:12px;margin:10px auto;max-width:1200px;padding:40px 32px}.contact-flex-container{align-items:flex-start;background:#fff;background:var(--section-bg-color);border-radius:12px;display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;margin-top:20px;padding:24px}.contact-left{flex:1 1 500px;max-width:600px}.contact-left h3{font-size:24px;font-weight:700;margin-bottom:10px}.contact-info{font-size:22px;line-height:2}.contact-info ul{list-style:disc;padding-left:1.5rem}.contact-info li{margin-bottom:.5rem}.contact-info a{color:#3e8eed;color:var(--contact-link);text-decoration:underline}.contact-info a:hover{color:#6ac}.contact-right{flex:0 0 400px}.contact-right h3{font-size:24px;font-weight:700;margin-bottom:10px}.address-map iframe{border:0;border-radius:8px;height:360px;width:100%}@media (max-width:768px){.contact-flex-container{flex-direction:column;gap:24px}.contact-left,.contact-right{flex:1 1 100%;max-width:100%}.address-map iframe{height:auto}body{padding-top:80px}.main-nav ul{background-color:#ffffffe6;background-color:var(--header-bg-color);display:none;flex-direction:column;position:absolute;right:0;top:60px;width:200px}.main-nav>ul>li{text-align:left;width:100%}.about-container{flex-direction:column;gap:20px;text-align:center}.about-photo{height:200px;width:200px}.about-text{font-size:18px;min-width:auto}.about-text h2{font-size:24px}.footer{font-size:12px}}@media (max-width:480px){body{padding-top:70px}.logo{font-size:18px}.main-header{padding:8px 15px}.about-photo{height:150px;width:150px}.about-text{font-size:16px}.contact-flex-container{gap:20px}.contact-info{font-size:18px}.address-map iframe{height:auto;max-width:100%}}.hamburger{background:none;border:none;color:#000;color:var(--text-color);cursor:pointer;display:none;font-size:28px;margin-left:auto}@media (max-width:768px){.hamburger{display:block}.main-nav ul{background-color:#ffffffe6;background-color:var(--header-bg-color);border:1px solid #e0e0e0;border:1px solid var(--border-color);display:none;flex-direction:column;margin:0;padding:0;position:absolute;right:0;top:70px;width:200px;z-index:999}.main-nav.open ul{display:flex}.main-nav>ul>li{text-align:left;width:100%}.main-nav a{display:block;padding:12px 20px}}
/*# sourceMappingURL=main.50bbc882.css.map*/