@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:root{--bg:#fffaf3;--bg-soft:#fff;--border:#f3e3cc;--text:#3d2f1e;--text-muted:#93805f;--accent:#f59e0b;--accent-dim:#d97706;--accent-soft:#fff1d6;--radius:12px;--font-sans:"Noto Sans TC", -apple-system, "PingFang TC", "Microsoft JhengHei", sans-serif;--font-mono:"SFMono-Regular", Menlo, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.75}.container{max-width:1040px;margin:0 auto;padding:0 1.5rem}a{color:var(--accent-dim);text-decoration:none}a:hover{text-decoration:underline}.site-header{z-index:10;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#fffaf3e0;position:sticky;top:0}.site-header nav{justify-content:space-between;align-items:center;height:64px;display:flex}.logo{font-family:var(--font-mono);color:var(--text);font-size:1.15rem;font-weight:700}.logo-dot{color:var(--accent)}.nav-links{gap:1.5rem;list-style:none;display:flex}.nav-links a{color:var(--text-muted);font-size:.95rem}.nav-links a:hover,.nav-links a.active{color:var(--text);text-decoration:none}.nav-links a.active{color:var(--accent-dim)}main.container{min-height:calc(100vh - 154px);padding-top:3rem;padding-bottom:4rem}.hero{padding:3rem 0 4rem}.hero .kicker{font-family:var(--font-mono);color:var(--accent-dim);letter-spacing:.08em;font-size:.9rem}.hero h1{margin:.5rem 0 1rem;font-size:clamp(2.5rem,6vw,4rem);line-height:1.25}.hero p.lede{color:var(--text-muted);max-width:40rem;font-size:1.1rem}.hero .cta-row{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.btn{border:1px solid var(--border);background:var(--bg-soft);color:var(--text);border-radius:999px;padding:.65rem 1.4rem;font-size:.95rem;transition:border-color .2s,background .2s;display:inline-block}.btn:hover{border-color:var(--accent);text-decoration:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn.primary:hover{background:var(--accent-dim);border-color:var(--accent-dim)}.section{margin-top:3.5rem}.section-head{justify-content:space-between;align-items:baseline;margin-bottom:1.5rem;display:flex}.section-head h2{font-size:2rem}.section-head a{color:var(--text-muted);font-size:.9rem}.pain-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;display:grid}.pain-card{background:var(--accent-soft);border-radius:var(--radius);border:1px solid #fbd998;padding:1.4rem 1.5rem}.pain-q{margin-bottom:.6rem;font-weight:600}.pain-a{color:var(--accent-dim);font-size:.95rem}.services-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;display:grid}.service-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:1.6rem 1.5rem;transition:border-color .2s,transform .2s;box-shadow:0 2px 8px #d977060f}.service-card:hover{border-color:var(--accent);transform:translateY(-3px)}.service-icon{margin-bottom:.6rem;font-size:1.8rem}.service-card h3{margin-bottom:.4rem}.service-card p{color:var(--text-muted);font-size:.95rem}.quote-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.quote-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem 1.6rem;box-shadow:0 2px 8px #d977060f}.quote-card p{margin-bottom:.8rem;font-size:1.02rem}.quote-card footer{color:var(--text-muted);font-size:.88rem}.cta-band{text-align:center;background:linear-gradient(135deg,#ffedc7,#ffe0b8);border:1px solid #fbd998;border-radius:16px;margin-top:4rem;padding:3rem 2rem}.cta-band h2{margin-bottom:.5rem;font-size:2.2rem}.cta-band p{color:#8a6a3a;margin-bottom:1.5rem}.cta-band .cta-row{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.gallery{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.card{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden;box-shadow:0 2px 8px #d977060f}.card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 20px #d977061f}.card a.card-link{color:inherit;text-decoration:none;display:block}.card img{aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--border);width:100%;display:block}.card-body{padding:1.1rem 1.25rem 1.25rem}.card-body h3{margin-bottom:.35rem;font-size:1.3rem}.card-body p{color:var(--text-muted);margin-bottom:.8rem;font-size:.92rem}.tag-row{flex-wrap:wrap;gap:.4rem;display:flex}.tag{font-family:var(--font-mono);color:var(--accent-dim);background:var(--accent-soft);border:1px solid #fbd998;border-radius:999px;padding:.1rem .55rem;font-size:.75rem}.badge-offline{color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:.1rem .55rem;font-size:.75rem}.post-list{flex-direction:column;gap:1rem;list-style:none;display:flex}.post-item{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem;transition:border-color .2s;box-shadow:0 2px 8px #d977060f}.post-item:hover{border-color:var(--accent)}.post-item a{color:inherit;text-decoration:none;display:block}.post-item h3{margin-bottom:.3rem;font-size:1.35rem}.post-item .meta{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:.4rem;font-size:.8rem}.post-item p{color:var(--text-muted);font-size:.95rem}.prose{max-width:44rem;margin:0 auto}.prose h1{margin-bottom:.5rem;font-size:2.5rem;line-height:1.3}.prose .meta{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:2.5rem;font-size:.85rem}.prose h2{margin:2.2rem 0 .8rem;font-size:1.8rem}.prose h3{margin:1.8rem 0 .6rem;font-size:1.4rem}.prose p,.prose ul,.prose ol{color:#55452c;margin-bottom:1rem}.prose ul,.prose ol{padding-left:1.4rem}.prose code{font-family:var(--font-mono);background:var(--accent-soft);border:1px solid #fbd998;border-radius:5px;padding:.1em .35em;font-size:.88em}.prose pre{border:1px solid var(--border);border-radius:var(--radius);background:#2d2618;margin-bottom:1.2rem;padding:1rem 1.25rem;overflow-x:auto}.prose pre code{background:0 0;border:none;padding:0}.prose table{border-collapse:collapse;width:100%;margin-bottom:1.4rem;font-size:.95em;display:block;overflow-x:auto}.prose th,.prose td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:.55rem .9rem}.prose th{background:var(--accent-soft);white-space:nowrap}.prose td:first-child{white-space:nowrap}.prose blockquote{border-left:3px solid var(--accent);color:var(--text-muted);margin-bottom:1rem;padding-left:1rem}.page-head{margin-bottom:2.5rem}.page-head h1{margin-bottom:.4rem;font-size:2.6rem}.page-head p{color:var(--text-muted)}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;display:grid}.contact-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:border-color .2s;box-shadow:0 2px 8px #d977060f}.contact-card:hover{border-color:var(--accent)}.contact-card h3{margin-bottom:.4rem}.contact-card p{color:var(--text-muted);margin-bottom:.9rem;font-size:.92rem}.site-footer{border-top:1px solid var(--border);padding:1.8rem 0}.footer-inner{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;font-size:.88rem;display:flex}.footer-links{gap:1.2rem;display:flex}.footer-links a{color:var(--text-muted)}.footer-links a:hover{color:var(--accent-dim)}@media (width<=640px){.nav-links{gap:1rem}.nav-links a{font-size:.85rem}}.project-links{flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:1.8rem;display:flex}.project-cover{border-radius:var(--radius);border:1px solid var(--border);width:100%;margin-bottom:2rem}.read-progress{z-index:20;background:linear-gradient(90deg, var(--accent), var(--accent-dim));transform-origin:0;pointer-events:none;height:3px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.reveal{opacity:0;transition:opacity .6s,translate .6s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0s);translate:0 18px}.reveal.is-visible{opacity:1;translate:0}.hero>*{animation:.7s cubic-bezier(.2,.7,.2,1) both hero-in}.hero>:nth-child(2){animation-delay:80ms}.hero>:nth-child(3){animation-delay:.16s}.hero>:nth-child(4){animation-delay:.24s}@keyframes hero-in{0%{opacity:0;translate:0 16px}}.logo-dot{animation:1.6s step-end infinite dot-blink;display:inline-block}@keyframes dot-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.demo{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);margin:1.8rem 0 2rem;padding:1.25rem 1.25rem 1.1rem;box-shadow:0 2px 8px #d977060f}.demo-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.8rem;margin-bottom:1rem;display:flex}.demo-title{font-weight:700}.demo-kicker{font-family:var(--font-mono);color:var(--accent-dim);letter-spacing:.06em;font-size:.75rem}.demo-controls{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.8rem;font-size:.9rem;display:flex}.demo-controls label{flex-wrap:wrap;align-items:center;gap:.5rem;display:inline-flex}.demo-controls input[type=range]{accent-color:var(--accent);width:9rem}.demo .btn{cursor:pointer;font:inherit;padding:.45rem 1.1rem;font-size:.9rem}.demo .btn:disabled{opacity:.5;cursor:default}.demo-caption{color:var(--text-muted);margin-top:.9rem;font-size:.85rem}.prose .demo p{margin-bottom:0}.line-qr{background:#fff;border-radius:10px;width:160px;height:auto;margin:0 auto 1rem;display:block}.cta-qr{flex-basis:100%;margin-top:.5rem}.cta-qr .line-qr{width:128px;margin-bottom:.4rem}.cta-qr figcaption{color:#8a6a3a;font-size:.85rem}@media (width<=640px){.line-qr,.cta-qr{display:none}}