@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;700&display=swap";:root{color-scheme:light;--bg: #f4f7fb;--bg-strong: #e9eef6;--surface: #ffffff;--surface-2: #f1f5fb;--border: #d8e1ef;--text-1: #1f2937;--text-2: #4b5b74;--text-3: #6b7c94;--accent: #2f6bff;--accent-soft: rgba(47, 107, 255, .12);--shadow: 0 18px 40px rgba(15, 30, 56, .12)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;font-family:Space Grotesk,Noto Sans TC,sans-serif;color:var(--text-1);background:linear-gradient(180deg,var(--bg),#ffffff 55%)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.page{max-width:1200px;margin:0 auto;padding:48px 6vw 80px;display:flex;flex-direction:column;gap:48px}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;padding:36px;border-radius:28px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:var(--text-3);margin-bottom:12px}.hero h1{font-size:clamp(32px,5vw,48px);line-height:1.1}.hero h1 span{color:var(--accent)}.subtitle{margin-top:16px;color:var(--text-2);line-height:1.8;white-space:pre-line}.hero-actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.btn{border:1px solid var(--border);background:var(--surface-2);color:var(--text-1);padding:12px 20px;border-radius:12px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn.primary{background:var(--accent);color:#fff;border-color:transparent;box-shadow:0 10px 24px #2f6bff40}.btn:hover{transform:translateY(-2px)}.hero-photo{background:var(--surface-2);padding:12px;border-radius:20px;border:1px solid var(--border);aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;color:var(--text-3);font-weight:600}.hero-photo img{width:100%;height:100%;max-height:260px;object-fit:cover;border-radius:14px}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.stat-card{background:var(--surface);padding:16px 18px;border-radius:16px;border:1px solid var(--border);text-align:left;cursor:pointer;font:inherit;color:inherit;transition:transform .2s ease,box-shadow .2s ease}.stat-card strong{display:block;font-size:20px;margin-bottom:6px}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.section-block{display:flex;flex-direction:column;gap:20px}.section-header h2{font-size:26px;margin-bottom:6px}.section-header p{color:var(--text-3)}.section-link{display:inline-flex;align-items:center;gap:6px;margin-top:8px;color:var(--accent);font-weight:600}.resume-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.resume-card{background:var(--surface);padding:18px 20px;border-radius:18px;border:1px solid var(--border);display:flex;gap:16px;align-items:flex-start;justify-content:space-between;width:100%;text-align:left;cursor:pointer;font:inherit;color:inherit;transition:transform .2s ease,box-shadow .2s ease}.resume-card-body{min-width:0;flex:1}.resume-card span{color:var(--text-3);font-size:13px}.resume-card p{margin-top:8px;color:var(--text-2);line-height:1.7}.resume-card-logo{width:64px;height:64px;border-radius:14px;border:1px solid var(--border);background:var(--surface-2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.resume-card-logo img{width:100%;height:100%;object-fit:contain}.resume-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.resume-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px}.resume-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f1e3873;border:none}.resume-modal__panel{position:relative;width:min(720px,100%);max-height:min(80vh,720px);background:var(--surface);border-radius:24px;border:1px solid var(--border);box-shadow:var(--shadow);padding:24px;display:flex;flex-direction:column;gap:16px}.resume-modal__header{display:flex;align-items:center;justify-content:space-between;gap:16px}.resume-modal__role{color:var(--text-3);font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.resume-modal__body{overflow-y:auto;padding-right:6px}.resume-detail{white-space:pre-line;line-height:1.8;color:var(--text-2)}.resume-modal__close{align-self:flex-end}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.article-list .card-grid{padding:0 4vw}.content-card{background:var(--surface);padding:22px;border-radius:20px;border:1px solid var(--border);display:flex;flex-direction:column;gap:12px;transition:transform .2s ease,box-shadow .2s ease}.content-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card-image{border-radius:16px;overflow:hidden;background:var(--surface-2);border:1px solid var(--border)}.card-image img{width:100%;height:160px;object-fit:cover}.card-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-3)}.pill{padding:6px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:600}.card-link{font-weight:600;color:var(--accent)}.content-card p{color:var(--text-2);line-height:1.6}.contact{padding:24px;border-radius:20px;border:1px solid var(--border);background:var(--surface-2);display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.contact-info p{color:var(--text-2);margin-bottom:8px}.article{max-width:860px;margin:48px auto 80px;padding:32px;border-radius:24px;border:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;gap:16px}.article h1{font-size:clamp(26px,4vw,36px)}.article-meta{display:flex;gap:12px;color:var(--text-3);font-size:13px}.article-content{display:flex;flex-direction:column;gap:12px;color:var(--text-2);line-height:1.8}.album{max-width:1080px;margin:48px auto 80px;padding:0 6vw;display:flex;flex-direction:column;gap:24px}.album-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;padding:24px;border-radius:24px;border:1px solid var(--border);background:var(--surface)}.album-cover{border-radius:18px;overflow:hidden;border:1px solid var(--border);background:var(--surface-2)}.album-cover img{width:100%;height:260px;object-fit:cover}.album-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.album-image{border-radius:16px;overflow:hidden;border:1px solid var(--border);background:var(--surface)}.album-image img{width:100%;height:200px;object-fit:cover}.back-link{display:inline-flex;align-self:flex-start;padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);font-size:13px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.back-link:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.footer{text-align:center;color:var(--text-3);font-size:12px}@media (max-width: 720px){.hero{padding:24px;grid-template-columns:1fr;justify-items:center;text-align:center}.hero-actions{justify-content:center}.page{padding:32px 6vw 60px}.article{margin:32px 6vw 60px;padding:24px}.album{margin:32px 6vw 60px;padding:0}.album-list.page{padding:32px 6vw 60px}.contact{padding:20px}}