:root{--font-sans: "Inter", "Noto Sans TC", system-ui, sans-serif;--color-bg: #FAFAFA;--color-surface: #FFFFFF;--color-text: #111827;--color-text-muted: #6B7280;--color-border: #E5E7EB;--color-accent: #2563EB;--color-accent-hover: #1D4ED8;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 48px;--space-xl: 80px;--max-width: 1120px;--nav-height: 64px}body.dark-mode{--color-bg: #0F1117;--color-surface: #1A1D27;--color-text: #F3F4F6;--color-text-muted: #9CA3AF;--color-border: #2D3340;--color-accent: #60A5FA;--color-accent-hover: #93C5FD;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .45)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;transition:background .3s,color .3s}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}.skip-link{position:absolute;left:-9999px;top:0;z-index:9999;padding:8px 16px;background:var(--color-accent);color:#fff}.skip-link:focus{left:0}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md)}.section{padding:var(--space-xl) 0}.section--alt{background:var(--color-surface)}.section-title{font-size:clamp(1.5rem,2.5rem,2rem);font-weight:700;letter-spacing:-.02em;text-align:center;margin-bottom:var(--space-lg);color:var(--color-text)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--radius-full);font-weight:600;font-size:.95rem;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;text-decoration:none}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-sm)}.btn--primary:hover{background:var(--color-accent-hover);color:#fff}.btn--secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.btn--secondary:hover{color:var(--color-text);box-shadow:var(--shadow-md)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.loading,.empty-msg{color:var(--color-text-muted);text-align:center;padding:var(--space-lg)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.site-nav{position:sticky;top:0;z-index:100;height:var(--nav-height);background:#fafafad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}body.dark-mode .site-nav{background:#0f1117d9}.site-nav.is-scrolled{border-color:var(--color-border);box-shadow:var(--shadow-sm)}.nav-inner{max-width:var(--max-width);margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-md);gap:var(--space-sm)}.nav-brand{font-weight:700;font-size:1.1rem;color:var(--color-text);text-decoration:none;display:flex;gap:6px;align-items:baseline}.nav-brand-prefix{color:var(--color-accent)}.nav-menu{display:flex;align-items:center;gap:var(--space-xs);margin-left:auto}.nav-links{display:flex;align-items:center;gap:4px;list-style:none;flex-wrap:wrap}.nav-link{color:var(--color-text-muted);padding:8px 14px;border-radius:var(--radius-sm);font-size:.9rem;transition:color .2s,background .2s}.nav-link:hover{color:var(--color-text);background:var(--color-border)}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px}.nav-toggle-bar{display:block;width:22px;height:2px;background:var(--color-text);margin:5px 0}.theme-toggle{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px;cursor:pointer;color:var(--color-text);display:flex;align-items:center;justify-content:center;flex-shrink:0}.theme-icon{width:18px;height:18px}.hero{padding:var(--space-xl) 0;min-height:calc(100vh - var(--nav-height));display:flex;align-items:center}.hero-grid{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md);display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-lg);align-items:center}.hero-eyebrow{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:var(--space-sm)}.hero-title{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--space-md)}.hero-title-name{display:block;color:var(--color-text-muted);font-weight:600;font-size:.75em;margin-top:8px}.hero-taglines{list-style:none;margin-bottom:var(--space-md)}.hero-taglines li{color:var(--color-text-muted);padding:6px 0 6px 20px;position:relative;font-size:1.05rem}.hero-taglines li:before{content:"";position:absolute;left:0;top:14px;width:6px;height:6px;border-radius:50%;background:var(--color-accent)}.hero-desc{font-size:1.15rem;color:var(--color-text-muted);margin-bottom:var(--space-lg);max-width:520px}.hero-ctas{display:flex;flex-wrap:wrap;gap:12px}.hero-visual{display:flex;justify-content:center}.hero-avatar-wrap{width:min(380px,80vw);aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.hero-avatar{width:100%;height:100%;object-fit:cover}.stats{padding:var(--space-lg) 0}.stats-grid{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md);display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-sm)}.stat-card{padding:var(--space-md);text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.stat-value{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800;letter-spacing:-.02em}.stat-label{font-size:.85rem;color:var(--color-text-muted);margin-top:4px}.about-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:var(--space-lg)}.about-tab{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);padding:8px 18px;border-radius:var(--radius-full);cursor:pointer;font-size:.9rem;transition:all .2s}.about-tab.active,.about-tab:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.about-panel{display:none}.about-panel.active{display:block}.about-list{list-style:none;max-width:640px;margin:0 auto}.about-list li{padding:14px 0;border-bottom:1px solid var(--color-border);color:var(--color-text)}.timeline{list-style:none;max-width:640px;margin:0 auto}.timeline li{margin-bottom:var(--space-sm)}.timeline-card{padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.timeline-card h3{font-size:1rem;margin-bottom:8px}.timeline-card p{font-size:.9rem;color:var(--color-text-muted);line-height:1.6}.experience-timeline{list-style:none;margin:0 auto;max-width:720px;padding:8px 0 0;position:relative}.experience-timeline:before{content:"";position:absolute;left:11px;top:12px;bottom:12px;width:2px;background:linear-gradient(180deg,var(--color-accent) 0%,color-mix(in srgb,var(--color-accent) 40%,var(--color-border)) 100%);border-radius:1px}.experience-timeline__item{position:relative;display:grid;grid-template-columns:24px 1fr;gap:var(--space-md);padding-bottom:var(--space-md);animation:timeline-in .45s ease backwards;animation-delay:var(--tl-delay, 0ms)}.experience-timeline__item:last-child{padding-bottom:0}.experience-timeline__marker{display:flex;justify-content:center;padding-top:8px}.experience-timeline__dot{width:12px;height:12px;border-radius:50%;background:var(--color-surface);border:3px solid var(--color-accent);box-shadow:0 0 0 4px var(--color-bg);z-index:1;transition:transform .2s,box-shadow .2s}.experience-timeline__item:hover .experience-timeline__dot{transform:scale(1.15);box-shadow:0 0 0 4px var(--color-bg),0 0 0 8px color-mix(in srgb,var(--color-accent) 20%,transparent)}.experience-timeline__content{min-width:0}.experience-timeline__year{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.08em;color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 14%,transparent);padding:4px 11px;border-radius:var(--radius-full);margin-bottom:10px}.experience-timeline__card{padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease,border-color .25s}.experience-timeline__item:hover .experience-timeline__card{transform:translate(6px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--color-accent) 30%,var(--color-border))}.experience-timeline__title{font-size:1.05rem;font-weight:600;line-height:1.45;margin-bottom:8px;color:var(--color-text)}.experience-timeline__desc{font-size:.9rem;color:var(--color-text-muted);line-height:1.7}.experience-timeline__desc a{text-decoration:underline;text-underline-offset:2px}@keyframes timeline-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.portfolio-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.portfolio-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s}.portfolio-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.portfolio-item--featured{grid-column:span 2}.portfolio-link{display:block;color:inherit;text-decoration:none;height:100%}.portfolio-img{width:100%;height:200px;object-fit:cover;background:var(--color-border)}.portfolio-item--featured .portfolio-img{height:280px}.portfolio-body{padding:var(--space-md)}.portfolio-body h3{font-size:1.1rem;margin-bottom:8px;font-weight:700}.portfolio-body p{font-size:.9rem;color:var(--color-text-muted);line-height:1.5}.contact-list{list-style:none;line-height:2.2;color:var(--color-text-muted)}.contact-list strong{color:var(--color-text)}.site-footer{padding:var(--space-lg) var(--space-md);text-align:center;color:var(--color-text-muted);font-size:.9rem;border-top:1px solid var(--color-border);background:var(--color-surface)}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;text-align:center}.hero-desc{margin-left:auto;margin-right:auto}.hero-ctas{justify-content:center}.stats-grid{grid-template-columns:repeat(2,1fr)}.portfolio-bento{grid-template-columns:1fr}.portfolio-item--featured{grid-column:span 1}}@media(max-width:768px){.nav-toggle{display:block}.nav-menu{display:none;position:absolute;top:var(--nav-height);left:0;right:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-sm);flex-direction:column;align-items:stretch;box-shadow:var(--shadow-md);margin-left:0}.nav-menu.open{display:flex}.nav-links{flex-direction:column;width:100%}.nav-link{display:block;width:100%}.theme-toggle{align-self:flex-end;margin-top:4px}}.reveal{transition-delay:var(--reveal-delay, 0ms)}