@import"https://fonts.googleapis.com/css2?family=Iansui&family=Noto+Sans+TC:wght@400;500;700;900&family=Zen+Maru+Gothic:wght@400;500;700;900&display=swap";:root{color-scheme:light;--font-family: "Noto Sans TC", "Microsoft JhengHei", system-ui, sans-serif;--color-page: #f6f4ee;--color-surface: #ffffff;--color-text: #202124;--color-muted: #62676f;--color-line: #ddd7cd;--color-accent: #176b87;--color-accent-strong: #0f4c5c;--color-soft: #e6f1f4;--color-portfolio-surface: #fbfaf7;--shadow-soft: 0 18px 45px rgba(27, 35, 44, .1);font-family:var(--font-family)}*{box-sizing:border-box}body{margin:0;background:var(--color-page);color:var(--color-text);line-height:1.6}img{display:block;max-width:100%}a{color:var(--color-accent-strong);text-underline-offset:.18em}.card-page{min-height:100vh;padding:24px 14px;font-family:var(--font-family)}.card-page--with-site-nav{padding-top:calc(var(--site-nav-height) + 24px)}.card-page__inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,560px);margin:0 auto;overflow:visible;background:transparent;border:0;border-radius:0}.section-shell,.section-shell--full,.section-shell--half{grid-column:span 2}.section{height:100%;padding:18px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:12px;box-shadow:var(--shadow-soft);text-align:center}.section h1,.section h2,.section h3,.section p{margin-top:0}.section h1{margin-bottom:12px;font-size:clamp(2rem,2rem + 1vw,3rem);line-height:1.12}.section h2{margin-bottom:18px;font-size:1.25rem;line-height:1.25}.section h3{margin-bottom:8px;font-size:1.05rem}.section p{color:var(--color-muted)}.profile-section{display:grid;gap:22px;align-items:center;justify-items:center}.profile-section__image{width:128px;aspect-ratio:1;object-fit:cover;border-radius:8px;background:var(--color-soft)}.profile-section__content p{max-width:38rem;margin-bottom:0;font-size:1.08rem}.image-section{display:grid;gap:12px;align-content:center;justify-items:center}.image-section__link{display:block;color:inherit}.image-section__image{width:min(100%,160px);aspect-ratio:1;object-fit:cover;border-radius:8px;background:var(--color-soft)}.image-section__caption{margin-bottom:0;font-weight:700}.text-section{text-align:left}.text-section p:last-child{margin-bottom:0}.info-list{display:grid;gap:14px;margin:0}.info-list__item{display:grid;gap:4px;padding-bottom:14px;border-bottom:1px solid var(--color-line)}.info-list__item:last-child{padding-bottom:0;border-bottom:0}.info-list dt{color:var(--color-muted);font-size:.9rem}.info-list dd{margin:0;font-weight:650}.social-list{display:grid;gap:10px;padding:0;margin:0;list-style:none}.social-list a{display:flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:12px 14px;background:var(--color-soft);border-radius:8px;color:var(--color-accent-strong);font-weight:700;text-decoration:none}.social-list a:hover{outline:2px solid var(--color-accent);outline-offset:2px}.social-list a:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.social-list--icon{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.social-list--icon a{width:54px;height:54px;min-height:54px;padding:0}.social-list--icon .social-list__icon{width:auto;height:auto;background:transparent;border:0;border-radius:0}.social-list--icon .social-icon{width:22px;height:22px}.social-list__identity{display:grid;grid-template-columns:34px minmax(0,1fr);width:min(100%,180px);min-width:0;align-items:center;justify-content:center;gap:12px;text-align:left}.social-list__icon{display:grid;flex:0 0 auto;width:34px;height:34px;place-items:center;background:var(--color-surface);border:1px solid var(--color-line);border-radius:8px;color:var(--color-accent-strong)}.social-icon{width:20px;height:20px}.map-section__address{margin-bottom:16px}.map-section__frame,.embed-card__frame{display:block;width:100%;border:0;border-radius:8px;background:var(--color-soft)}.map-section__frame{min-height:280px;aspect-ratio:16 / 10}.map-section__link{display:inline-flex;margin-top:14px;font-weight:700}.embed-list{display:grid;gap:16px}.embed-card{padding:16px;background:var(--color-portfolio-surface);border:1px solid var(--color-line);border-radius:8px}.embed-card__header{display:grid;gap:4px;margin-bottom:10px}.embed-card__header span{color:var(--color-muted);font-size:.78rem;font-weight:700;text-transform:uppercase}.embed-card__header h3{margin-bottom:0}.embed-card__frame{min-height:240px;aspect-ratio:16 / 9}.embed-card--spotify .embed-card__frame,.embed-card--podcast .embed-card__frame{min-height:180px;aspect-ratio:16 / 5}.portfolio-grid{display:grid;gap:16px}.portfolio-card{overflow:hidden;background:var(--color-portfolio-surface);border:1px solid var(--color-line);border-radius:8px}.portfolio-card img{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:var(--color-soft)}.portfolio-card__body{padding:18px}.portfolio-card__body p{margin-bottom:14px}.portfolio-card__body a{font-weight:700}.footer-section{padding:2px 0 0;margin-top:2px;background:transparent;border:0;border-radius:0;box-shadow:none;text-align:center}.footer-section p{margin:0;color:var(--color-muted);font-size:.9rem}@media(min-width:720px){.card-page{padding:48px 24px}.card-page--with-site-nav{padding-top:calc(var(--site-nav-height) + 48px)}.card-page__inner{gap:12px}.section-shell--half{grid-column:span 1}.section{padding:24px}.profile-section__image{width:160px}.image-section__image{width:min(100%,180px)}}