:root{--bg: #f7f7f6;--surface: #ffffff;--surface-2: #f2f4f6;--line: #e1e6ea;--text: #12181c;--muted: #55636d;--accent: #245b6a;--accent-soft: #e8f1f3;--shadow: 0 14px 32px rgba(16, 24, 40, .08);--radius: 16px}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;font-family:Sora,Noto Sans TC,PingFang TC,Segoe UI,sans-serif;color:var(--text);background:linear-gradient(180deg,#f7f7f6,#f2f4f6);overflow-y:scroll}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3{font-family:Lora,"Noto Serif TC",serif;letter-spacing:-.015em;margin:0}.site-shell{min-height:100vh;display:flex;flex-direction:column}main{flex:1;min-width:0}.wrap{width:min(1200px,calc(100% - 48px));margin:0 auto}.page-grid{width:min(1200px,calc(100% - 48px));margin:0 auto;padding:64px 0 72px;display:grid;grid-template-columns:280px minmax(0,1fr);gap:48px}.sidebar{position:sticky;top:24px;align-self:start;display:grid;gap:24px}.avatar-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);padding:12px;box-shadow:var(--shadow)}.avatar{border-radius:12px;aspect-ratio:1 / 1;object-fit:cover}.sidebar-copy{display:grid;gap:10px}.sidebar-name{font-size:2rem;line-height:1.1}.sidebar-role{margin:0;color:var(--muted);font-weight:500}.sidebar-note{margin:0;color:#3c474f;line-height:1.7;font-size:.98rem}.sidebar-actions{display:grid;gap:12px}.sidebar-actions .button{width:100%}.sidebar-meta{display:grid;gap:12px;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:.92rem}.sidebar-meta strong{display:block;margin-top:6px;color:var(--text);font-weight:600;line-height:1.6}.content{display:grid;gap:56px;min-width:0}.hero{padding:12px 0 28px;border-bottom:1px solid var(--line);display:grid;gap:12px}.eyebrow,.section-kicker,.contact-label,.project-note{color:var(--muted);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase}.section-kicker{display:inline-flex;align-items:center;gap:10px}.section-kicker:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--accent);display:inline-block}.hero h2{margin:12px 0 10px;font-size:clamp(2.1rem,3.8vw,3.1rem);line-height:1.2;font-weight:600}.lead{margin:0;color:#39444c;font-size:1.02rem;line-height:1.8;max-width:60ch}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-weight:600;letter-spacing:.01em;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 12px 24px #245b6a38}.button.ghost{background:transparent;color:var(--accent);border-color:#245b6a59}.button:hover{background:var(--surface-2);border-color:#cfd6dc;box-shadow:0 8px 18px #0f172a14}.button.primary:hover{background:#1b4653;border-color:#1b4653;box-shadow:0 14px 26px #1b465347}.button.ghost:hover{background:var(--accent-soft);border-color:#245b6a73;color:#173a45}.trust-row{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;color:var(--muted)}.trust-item{display:grid;gap:6px;padding:0 18px}.trust-item strong{color:var(--text);font-weight:600}.trust-item span{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}.trust-item:not(:first-child){border-left:1px solid var(--line)}.section{display:grid;gap:24px}.section-heading{display:grid;gap:12px}.section-heading h2{margin:0;font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.2}.about-grid,.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.panel{border-radius:14px;padding:24px;background:var(--surface);border:1px solid var(--line);color:#334047;line-height:1.9}.mini-title{margin-top:0;margin-bottom:16px;font-weight:700;color:var(--text)}.plain-list{margin:0;padding-left:18px;color:#334047}.plain-list li+li{margin-top:10px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.project-card{border-radius:14px;padding:24px;border:1px solid var(--line);background:var(--surface);display:grid;gap:12px;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent);opacity:.22}.project-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.project-top h3{font-size:1.2rem}.project-top a{white-space:nowrap;color:var(--accent);font-size:.94rem;font-weight:600}.project-card p{margin:0;color:#3a464c;line-height:1.75}.project-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #0f172a14}.tag-list,.skills-cloud{display:flex;gap:10px;flex-wrap:wrap}.tag-list span,.skills-cloud span{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:#fff;color:#3b474d;font-size:.92rem}.contact-card{display:block;border-radius:14px;padding:24px;border:1px solid var(--line);background:var(--surface);transition:transform .2s ease,box-shadow .2s ease}.contact-card strong{display:block;margin-top:8px;font-size:1.06rem;overflow-wrap:anywhere}.contact-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px #0f172a14}.site-footer{border-top:1px solid var(--line);background:var(--surface)}.footer-inner{padding:20px 0 32px;color:var(--muted);font-size:.9rem;text-align:center}:focus-visible{outline:2px solid rgba(31,78,95,.35);outline-offset:3px;border-radius:6px}@media (max-width: 900px){.page-grid{grid-template-columns:1fr}.sidebar{position:static;max-width:420px;margin:0 auto;width:100%}.sidebar-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.about-grid,.contact-grid,.project-grid{grid-template-columns:1fr}}@media (max-width: 640px){.page-grid,.wrap{width:min(100%,calc(100% - 32px))}.page-grid{padding:40px 0 56px}.sidebar{max-width:100%;gap:16px 18px;grid-template-columns:120px 1fr}.avatar-card{width:120px;max-width:120px;margin:0;padding:6px}.sidebar-copy{gap:6px}.eyebrow{font-size:.72rem;letter-spacing:.1em}.sidebar-name{font-size:1.45rem}.sidebar-role{font-size:.95rem}.sidebar-note{font-size:.92rem}.sidebar-actions{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-meta{grid-column:1 / -1}.content{gap:40px}.button{min-height:42px;padding:0 18px}.trust-row{grid-template-columns:1fr;gap:16px}.trust-item{padding:0}.trust-item:not(:first-child){border-left:0;border-top:1px solid var(--line);padding-top:16px}.hero h2{font-size:clamp(2rem,7vw,2.6rem)}}@media (prefers-reduced-motion: reduce){.button,.project-card,.contact-card{transition:none}}@media (max-width: 420px){.sidebar-actions{grid-template-columns:1fr}}