:root{--color-primary:#4A6741;--color-primary-dark:#3A5434;--color-secondary:#C4956A;--color-accent:#D4A574;--color-surface:#FAF5F0;--color-surface-alt:#FFFFFF;--color-surface-warm:#F5EDE4;--color-heading:#2C5282;--color-text:#2D3748;--color-muted:#4A5568;--color-muted-light:#5A6478;--color-border:rgba(196,149,106,0.18);--color-border-strong:rgba(196,149,106,0.3);--color-tag-experience:#90CDF4;--color-tag-education:#F5EDE4;--color-tag-teaching:#E8B4B8;--color-tag-research:#C6DEC1;--color-tag-award:#F0D9B5;--shadow-soft:0 4px 20px rgba(45,55,72,0.06);--shadow-strong:0 8px 30px rgba(45,55,72,0.1);--radius-large:16px;--radius-medium:12px;--radius-small:8px;--transition-base:all 0.3s ease;--font-serif:var(--font-serif-loaded,"Noto Serif TC",Georgia,serif);--font-sans:var(--font-sans-loaded,"Noto Sans TC","PingFang TC",sans-serif)}[data-theme=dark]{--color-primary:#6B8F5E;--color-primary-dark:#2D3B28;--color-secondary:#D4A574;--color-accent:#E0B88A;--color-surface:#1A202C;--color-surface-alt:#2D3748;--color-surface-warm:#2A2F3A;--color-heading:#90CDF4;--color-text:#E2E8F0;--color-muted:#A0AEC0;--color-muted-light:#718096;--color-border:rgba(255,255,255,0.1);--color-border-strong:rgba(255,255,255,0.18);--color-tag-experience:rgba(144,205,244,0.3);--color-tag-education:rgba(245,237,228,0.15);--color-tag-teaching:rgba(232,180,184,0.25);--color-tag-research:rgba(198,222,193,0.2);--color-tag-award:rgba(240,217,181,0.2);--shadow-soft:0 4px 20px rgba(0,0,0,0.3);--shadow-strong:0 8px 30px rgba(0,0,0,0.4)}*,:after,:before{box-sizing:border-box}body,html{min-height:100%}body{margin:0;font-family:var(--font-sans);background:var(--color-surface);color:var(--color-text);line-height:1.7;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid rgba(74,103,65,.4);outline-offset:3px;border-radius:var(--radius-small)}img{max-width:100%;display:block}.App{min-height:100vh;background:var(--color-surface)}.App,.container{display:flex;flex-direction:column}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(1.25rem,5vw,3.5rem);flex:1 1}.main-content{display:flex;flex-direction:column}.content-section h2,.cv-section>h2,.profile-section h2,.section-title{font-family:var(--font-serif);font-weight:700;color:var(--color-heading);margin:0;font-size:clamp(1.5rem,3vw,2rem)}.section-divider{border:none;height:1px;margin:clamp(1rem,2.2vw,1.6rem) 0;background:linear-gradient(90deg,var(--color-accent),transparent)}.section-fullwidth{width:100vw;margin-left:calc(-50vw + 50%);padding:clamp(2.5rem,5vw,4rem) clamp(1.25rem,5vw,3.5rem)}.section-fullwidth--warm{background:var(--color-surface-warm)}.section-fullwidth--white{background:var(--color-surface-alt)}.hero-section{background:var(--color-surface);padding:clamp(2.5rem,6vw,5rem) clamp(1.25rem,5vw,3.5rem);position:relative;overflow:hidden;width:100vw;margin-left:calc(-50vw + 50%)}.hero-content{position:relative;z-index:1;display:flex;align-items:center;gap:clamp(2rem,5vw,4rem);max-width:1000px;margin:0 auto}.hero-text{flex:1 1}.hero-text h1{font-family:var(--font-serif);font-size:clamp(2rem,4vw,3rem);font-weight:700;margin:0 0 1rem;color:var(--color-heading);line-height:1.2}.hero-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.hero-badge{display:inline-block;padding:.35rem .9rem;border-radius:999px;font-size:.85rem;font-weight:500}.hero-badge--position{background:rgba(74,103,65,.1);color:var(--color-primary);border:1px solid rgba(74,103,65,.2)}.hero-badge--hospital{background:rgba(196,149,106,.12);color:var(--color-secondary);border:1px solid rgba(196,149,106,.2)}.hero-subtitle{font-size:clamp(1rem,2vw,1.2rem);margin:0;color:var(--color-text);line-height:1.6;font-weight:500}.hero-photo{flex-shrink:0}.hero-photo img{width:clamp(180px,25vw,280px);height:clamp(220px,30vw,340px);object-fit:cover;object-position:center 20%;border-radius:50% 50% 4% 4%;border:4px solid rgba(196,149,106,.25);box-shadow:0 12px 40px rgba(45,55,72,.12);transition:transform .3s ease}.hero-photo img:hover{transform:scale(1.02)}.hero-botanical{position:absolute;pointer-events:none;z-index:0}.hero-botanical--right{right:2%;top:5%;width:clamp(100px,15vw,200px);height:auto;opacity:.6}.hero-botanical--left{left:2%;bottom:5%;width:clamp(80px,12vw,150px);height:auto;opacity:.5}@media (max-width:768px){.hero-content{flex-direction:column-reverse;text-align:center}.hero-badges{justify-content:center}.hero-photo img{width:200px;height:250px}.hero-botanical{opacity:.3}}.profile-section{background:var(--color-surface-warm);border-radius:0;border:none;padding:clamp(3rem,6vw,5rem) clamp(1.25rem,5vw,3.5rem);display:flex;flex-direction:column;align-items:center;box-shadow:none;width:100vw;margin-left:calc(-50vw + 50%);transition:none}.profile-section:hover{transform:none;box-shadow:none}.profile-greeting{max-width:680px;width:100%;margin:0 auto;text-align:center}.profile-greeting h2{font-family:var(--font-serif);color:var(--color-heading);font-size:clamp(1.6rem,3.5vw,2.2rem);margin-bottom:2rem;position:relative;display:inline-block}.profile-greeting h2:after{content:"";display:block;width:60px;height:3px;background:var(--color-secondary);border-radius:2px;margin:.75rem auto 0}.profile-intro{text-align:left;margin-bottom:2rem}.profile-intro p{margin:0 0 1.1rem;color:var(--color-text);font-size:1.05rem;line-height:1.9}.profile-intro__closing{color:var(--color-muted)!important;font-size:.95rem!important;margin-top:.5rem}.profile-ctas{display:flex;gap:.85rem;justify-content:center;flex-wrap:wrap}.profile-cta{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.15rem;border-radius:999px;border:1px solid var(--color-border-strong);color:var(--color-primary);font-weight:600;font-size:.9rem;transition:background .2s ease,transform .15s ease;text-decoration:none}.profile-cta:focus-visible,.profile-cta:hover{background:rgba(74,103,65,.08);transform:translateY(-1px)}.profile-cta svg{opacity:.7}.cv-section{background:var(--color-surface-alt);border-radius:0;border:none;padding:clamp(2.5rem,5vw,4rem) clamp(1.25rem,5vw,3.5rem);box-shadow:none;width:100vw;margin-left:calc(-50vw + 50%)}.cv-section>h2{font-family:var(--font-serif);color:var(--color-heading);text-align:center;font-size:clamp(1.5rem,3vw,2rem)}.cv-timeline{max-width:700px;margin:clamp(1.5rem,3vw,2rem) auto 0;display:flex;flex-direction:column}.cv-timeline-item{display:flex;gap:1.25rem;position:relative}.cv-timeline-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:24px}.cv-timeline-dot{width:14px;height:14px;border-radius:50%;background:var(--color-primary);border:3px solid var(--color-surface-alt);box-shadow:0 0 0 2px var(--color-primary);flex-shrink:0;z-index:1}.cv-timeline-line{width:2px;flex-grow:1;background:linear-gradient(to bottom,var(--color-primary),var(--color-border));margin-top:4px}.cv-timeline-content{flex:1 1;padding-bottom:2rem}.cv-timeline-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.cv-tag{display:inline-block;padding:.2rem .65rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.02em}.tag--experience{background:var(--color-tag-experience);color:#2C5282}.tag--education{background:var(--color-tag-education);color:#744210}.tag--teaching{background:var(--color-tag-teaching);color:#702459}.tag--research{background:var(--color-tag-research);color:#276749}.tag--award{background:var(--color-tag-award);color:#744210}.cv-timeline-year{font-size:.8rem;font-weight:600;color:var(--color-muted-light)}.cv-timeline-title{font-size:1.05rem;font-weight:600;color:var(--color-text);margin:0 0 .25rem;line-height:1.5}.cv-timeline-detail{font-size:.9rem;color:var(--color-muted);margin:0;line-height:1.6}.cv-timeline-item:hover .cv-timeline-dot{background:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent),0 0 12px rgba(212,165,116,.3)}.cv-cards-container{display:grid;grid-gap:clamp(1rem,2.5vw,1.75rem);gap:clamp(1rem,2.5vw,1.75rem);margin-top:clamp(1rem,2vw,1.5rem);max-width:900px;margin-left:auto;margin-right:auto}@media (min-width:768px){.cv-cards-container{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}.cv-card{background:var(--color-surface-alt);border-radius:var(--radius-medium);border:1px solid var(--color-border);padding:1.4rem 1.65rem;box-shadow:var(--shadow-soft);transition:var(--transition-base)}.cv-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-strong)}.cv-card h3{margin:0 0 .75rem;font-size:1.12rem;font-weight:700;color:var(--color-primary);font-family:var(--font-serif)}.cv-card p{margin:.35rem 0;color:var(--color-muted);font-size:.98rem}.cv-card .institution{font-style:italic;color:var(--color-primary)}.cv-card .project-period{font-size:.9rem;color:var(--color-muted-light)}.content-section,.publications-section{background:var(--color-surface-alt);border:none;border-radius:0;padding:clamp(2.5rem,5vw,4rem) clamp(1.25rem,5vw,3.5rem);box-shadow:none;width:100vw;margin-left:calc(-50vw + 50%)}.main-content p{margin:0 0 1rem;color:var(--color-muted);font-size:1rem}.main-content ul{margin:0 0 1.2rem;padding-left:1.1rem;color:var(--color-muted)}.main-content img{border-radius:var(--radius-medium);border:1px solid var(--color-border);box-shadow:var(--shadow-soft)}.conference-list{list-style:none;padding:0;margin:0;display:grid;grid-gap:1rem;gap:1rem}.conference-list li{background:rgba(74,103,65,.05);border-left:3px solid rgba(74,103,65,.3);border-radius:var(--radius-small);padding:.6rem .85rem;color:var(--color-muted);line-height:1.6}@media (min-width:768px){.conference-list li{padding:.75rem 1rem;font-size:1rem}}.site-footer{background:#1A365D;color:rgba(255,255,255,.85);padding:clamp(2rem,4vw,3rem) clamp(1.25rem,5vw,3.5rem);margin-top:auto;width:100vw;margin-left:calc(-50vw + 50%)}.footer-content{display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center;max-width:800px;margin:0 auto}.footer-name{font-family:var(--font-serif);font-size:1.15rem;font-weight:600;color:#fff;margin:0}.footer-hospital{font-size:.9rem;margin:.25rem 0 0;opacity:.7}.footer-links{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.footer-link{display:flex;align-items:center;gap:.4rem;color:rgba(255,255,255,.8);font-size:.9rem;padding:.5rem .9rem;border-radius:var(--radius-small);border:1px solid rgba(255,255,255,.15);transition:var(--transition-base);text-decoration:none}.footer-link:hover{color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);transform:translateY(-2px)}.footer-icon{font-size:1.1rem}.footer-copyright{font-size:.8rem;opacity:.55;margin:.5rem 0 0}.footer-built-with{font-size:.75rem;opacity:.4;margin:.25rem 0 0}.footer-claude-link{color:rgba(255,255,255,.7);text-decoration:underline;text-underline-offset:2px;transition:var(--transition-base)}.footer-claude-link:hover{color:#fff;opacity:1}.scroll-to-top{position:fixed;bottom:6rem;right:2rem;width:44px;height:44px;border-radius:50%;background:var(--color-primary);color:#fff;border:none;font-size:1.2rem;cursor:pointer;box-shadow:0 8px 24px rgba(74,103,65,.3);opacity:0;visibility:hidden;transform:translateY(10px);transition:var(--transition-base);z-index:1000}.scroll-to-top--visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{background:var(--color-primary-dark);transform:translateY(-3px)}.fade-in-up{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.fade-in-up.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.fade-in-up{opacity:1;transform:none;transition:none}}[data-theme=dark] .hero-section{background:var(--color-surface)}[data-theme=dark] .hero-badge--position{background:rgba(107,143,94,.2);border-color:rgba(107,143,94,.3)}[data-theme=dark] .hero-badge--hospital{background:rgba(212,165,116,.15);border-color:rgba(212,165,116,.25)}[data-theme=dark] .profile-section{background:var(--color-surface-warm)}[data-theme=dark] .profile-cta{color:var(--color-accent);border-color:var(--color-border)}[data-theme=dark] .profile-cta:hover{background:rgba(212,165,116,.1)}[data-theme=dark] .cv-section{background:var(--color-surface-alt)}[data-theme=dark] .cv-timeline-dot{border-color:var(--color-surface-alt)}[data-theme=dark] .site-footer{background:#0f172a}[data-theme=dark] .cv-card{background:rgba(255,255,255,.05)}[data-theme=dark] .tag--experience{background:var(--color-tag-experience);color:#E2E8F0}[data-theme=dark] .tag--education{background:var(--color-tag-education);color:#E2E8F0}[data-theme=dark] .tag--teaching{background:var(--color-tag-teaching);color:#E2E8F0}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-small)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.fade-in-up{opacity:1;transform:none}}@media (max-width:480px){.main-content p{font-size:.98rem}.profile-section{padding:2rem 1.25rem}}@media print{.scroll-to-top,.topnav{display:none!important}.App{display:block!important}.container{width:100%!important;max-width:100%!important;padding:0!important}.hero-section{background:none!important;color:#000!important;box-shadow:none!important;page-break-after:always}.hero-badge{border:1px solid #666!important;color:#333!important}.publication-card,.timeline-content{box-shadow:none!important;border:1px solid #ccc!important;page-break-inside:avoid;break-inside:avoid}a[href]:after{content:" (" attr(href) ")";font-size:.8em;color:#666}}.hero-cta-btn{display:inline-block;margin-top:1.5rem;padding:.65rem 1.5rem;background:var(--color-primary);color:#fff;border-radius:999px;font-weight:600;font-size:.95rem;text-decoration:none;transition:background .2s ease,transform .15s ease}.hero-cta-btn:focus-visible,.hero-cta-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}[data-theme=dark] .hero-cta-btn{background:var(--color-primary);color:#fff}.profile-highlights{list-style:none;padding:0;margin:0 0 1.5rem;text-align:left}.profile-highlights li{padding:.5rem 0 .5rem 1.25rem;color:var(--color-muted);font-size:.95rem;line-height:1.7;border-bottom:1px solid var(--color-border);position:relative}.profile-highlights li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--color-secondary)}.profile-highlights li:last-child{border-bottom:none}.chat-fab{position:fixed;bottom:2rem;right:2rem;z-index:1100;width:56px;height:56px;border-radius:50%;border:none;background:var(--color-primary);color:#fff;cursor:pointer;box-shadow:0 4px 16px rgba(74,103,65,.4);display:flex;align-items:center;justify-content:center;transition:var(--transition-base)}.chat-fab:hover{background:var(--color-primary-dark);transform:scale(1.08);box-shadow:0 6px 24px rgba(74,103,65,.5)}.chat-fab--hidden{opacity:0;visibility:hidden;transform:scale(.5);pointer-events:none}.chat-panel{position:fixed;bottom:2rem;right:2rem;z-index:1101;width:380px;height:520px;background:var(--color-surface-alt);border:1px solid var(--color-border-strong);border-radius:var(--radius-large);box-shadow:0 12px 40px rgba(0,0,0,.15);display:flex;flex-direction:column;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(20px) scale(.95);transition:opacity .25s ease,transform .25s ease,visibility .25s ease}.chat-panel--open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.chat-panel__header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;background:var(--color-primary);color:#fff;flex-shrink:0}.chat-panel__title{font-weight:700;font-size:.95rem}.chat-panel__header-actions{display:flex;align-items:center;gap:.25rem}.chat-panel__header-btn{background:none;border:none;color:rgba(255,255,255,.85);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;transition:background .15s ease}.chat-panel__header-btn:hover{background:rgba(255,255,255,.15);color:#fff}.chat-panel__messages{flex:1 1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.6rem}.chat-panel__welcome{background:rgba(74,103,65,.08);color:var(--color-muted);padding:.85rem 1rem;line-height:1.6}.chat-msg,.chat-panel__welcome{border-radius:var(--radius-small);font-size:.9rem}.chat-msg{max-width:85%;padding:.6rem .9rem;line-height:1.55;word-break:break-word;white-space:pre-wrap}.chat-msg--user{align-self:flex-end;background:var(--color-primary);color:#fff;border-bottom-right-radius:4px}.chat-msg--assistant{align-self:flex-start;background:var(--color-surface-warm);color:var(--color-text);border-bottom-left-radius:4px}.chat-msg--loading{display:flex;align-items:center;gap:.5rem;color:var(--color-muted-light);font-style:italic}.chat-spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.chat-panel__input{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--color-border);background:var(--color-surface-alt);flex-shrink:0}.chat-panel__input input{flex:1 1;padding:.55rem .75rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-text);font-size:.9rem;font-family:inherit;outline:none;transition:border-color .2s ease}.chat-panel__input input:focus{border-color:var(--color-primary)}.chat-panel__input button{flex-shrink:0;width:38px;height:38px;border:none;border-radius:var(--radius-small);background:var(--color-primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-base)}.chat-panel__input button:hover:not(:disabled){background:var(--color-primary-dark)}.chat-panel__input button:disabled{opacity:.4;cursor:not-allowed}[data-theme=dark] .chat-panel{box-shadow:0 12px 40px rgba(0,0,0,.4)}[data-theme=dark] .chat-panel__welcome{background:rgba(107,143,94,.12)}[data-theme=dark] .chat-msg--assistant{background:var(--color-surface-warm)}@media (max-width:480px){.chat-panel{bottom:0;right:0;width:100vw;height:100vh;border-radius:0}}.topnav{position:-webkit-sticky;position:sticky;top:0;z-index:1200;background:var(--color-surface-alt);border-bottom:1px solid var(--color-border);box-shadow:0 2px 12px rgba(0,0,0,.06)}.topnav__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,3vw,2rem);height:64px}.topnav__brand{font-family:var(--font-serif);font-size:1.15rem;font-weight:700;color:var(--color-heading);text-decoration:none;white-space:nowrap}.topnav__links{display:none;list-style:none;margin:0;padding:0;gap:.25rem}.topnav__link{padding:.45rem .75rem;font-size:.88rem;font-weight:500;color:var(--color-text);border-radius:6px;transition:all .2s ease;white-space:nowrap;text-decoration:none;display:block}.topnav__link:hover{color:var(--color-primary);background:rgba(74,103,65,.08)}.topnav__link--active{color:var(--color-primary);background:rgba(74,103,65,.12);font-weight:600}.topnav__actions{gap:.5rem}.topnav__actions,.topnav__btn{display:flex;align-items:center}.topnav__btn{justify-content:center;width:38px;height:38px;border:1px solid var(--color-border);border-radius:8px;background:transparent;color:var(--color-text);cursor:pointer;transition:all .2s ease}.topnav__btn:hover{color:var(--color-primary);background:rgba(74,103,65,.08);border-color:var(--color-primary)}.topnav__toggle{display:flex}@media (min-width:992px){.topnav__links{display:flex;align-items:center}.topnav__toggle{display:none}}.topnav__mobile{display:none;padding:.75rem clamp(1rem,3vw,2rem) 1rem;border-top:1px solid var(--color-border);background:var(--color-surface-alt)}.topnav__mobile--open{display:block}.topnav__mobile ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.topnav__mobile .topnav__link{display:block;padding:.65rem 1rem;font-size:.95rem}@media (min-width:992px){.topnav__mobile{display:none!important}}