@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}.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-card{background:var(--surface-2);padding:24px;border-radius:20px;border:1px solid var(--border)}.hero-card p{color:var(--text-2);margin-top:12px;line-height:1.7}.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)}.stat-card strong{display:block;font-size:20px;margin-bottom:6px}.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)}.resume-card span{color:var(--text-3);font-size:13px}.resume-card p{margin-top:8px;color:var(--text-2);line-height:1.7}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.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}.footer{text-align:center;color:var(--text-3);font-size:12px}@media (max-width: 720px){.hero{padding:24px}.page{padding:32px 6vw 60px}.contact{padding:20px}}