@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&family=Noto+Serif+TC:wght@500;600;700;800;900&display=swap";:root{--paper:#fafafa;--surface:#fff;--ink:#191b20;--muted:#63666e;--line:#d9dbe0;--accent:#214dcc;--tint:#edf1fc;--sans:"Noto Sans TC",sans-serif;--serif:"Noto Serif TC",serif}:root[data-theme=dark]{--paper:#151820;--surface:#1c202a;--ink:#eeeff3;--muted:#aeb5c4;--line:#343b4b;--accent:#a1b7ff;--tint:#232f4b;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:1rem;line-height:1.8;-webkit-font-smoothing:antialiased}::selection{background:#cddaff;color:#142959}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.3em}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{max-width:100%;height:auto}h1,h2,h3,p{margin:0}.site-width{width:min(1160px,calc(100% - 5rem));margin-inline:auto}.site-header{min-height:100px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;padding-block:1rem;border-bottom:1px solid var(--ink)}.wordmark{display:flex;align-items:baseline;gap:.8rem;text-decoration:none;white-space:nowrap}.wordmark strong{font-family:var(--serif);font-size:1.35rem;letter-spacing:.08em;font-weight:800}.wordmark span{font-family:Georgia,serif;font-size:.95rem;color:var(--muted)}.site-nav{display:flex;flex-wrap:wrap;gap:2rem;align-items:center}.site-nav a{font-size:.9rem;text-decoration:none;padding-block:.5rem}.site-nav a[aria-current=page]{color:var(--accent);text-decoration:underline}.skip-link{position:absolute;top:-100px;left:1rem;z-index:100;padding:.8rem 1.2rem;background:var(--surface)}.skip-link:focus{top:1rem}.eyebrow{font-size:.8rem;font-weight:500;letter-spacing:.14em;color:var(--muted)}.hero{padding-block:5rem 4.75rem;display:grid;grid-template-columns:1.35fr 1fr;gap:4rem;align-items:end}.hero h1{margin-top:1.2rem;font-family:var(--serif);font-weight:800;font-size:clamp(2.7rem,4.5vw,4.4rem);line-height:1.5;letter-spacing:-.055em}.hero h1 em{color:var(--accent);font-style:normal}.hero-intro{padding-bottom:.65rem;max-width:25rem}.hero-intro p{font-size:1.05rem;line-height:2;color:var(--muted)}.hero-intro .intro-name{color:var(--ink);font-family:var(--serif);font-size:1.3rem;font-weight:700;margin-bottom:1rem}.hero-index{margin-top:1.8rem;display:flex;flex-wrap:wrap;gap:1.5rem;font-size:.9rem}.section-heading{border-top:1px solid var(--ink);padding-block:1.35rem 1.7rem;display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.section-heading h2{font-family:var(--serif);font-size:1.55rem;font-weight:800}.section-heading h2 span{color:var(--accent);font:.8rem Georgia,serif;margin-right:1rem;vertical-align:middle}.section-heading>p,.section-heading>a{font-size:.85rem;color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem}.project-art{display:flex;align-items:center;justify-content:center;aspect-ratio:1.18;overflow:hidden;border:1px solid var(--line);transition:border-color .2s}.project-art:hover{border-color:var(--accent)}.project-art img{max-width:72%;max-height:82%;width:auto;object-fit:contain;transition:transform .3s}.project-art:hover img{transform:translateY(-5px)}.project-art.book{background:#eceef1}.project-art.book img{filter:drop-shadow(8px 12px 7px #11182724)}.project-art.planner{background:#eaf0f5}.project-art.planner img{max-width:86%;max-height:86%}.project-art.handy{background:#17294b}.project-art.handy img{width:48%;border-radius:24%;box-shadow:0 18px 35px #0003}.project-meta{display:flex;align-items:center;justify-content:space-between;margin-top:1.2rem;color:var(--muted);font-size:.8rem}.project-title{font-family:var(--serif);font-size:1.45rem;line-height:1.6;font-weight:800;margin-top:.45rem}.project-title a{text-decoration:none}.project-summary{font-size:.95rem;color:var(--muted);line-height:1.9;margin-top:.6rem}.project-links{display:flex;gap:1.25rem;flex-wrap:wrap;font-size:.85rem;margin-top:1.15rem}.project-links a{color:var(--accent)}.writing-section{margin-top:5.5rem}.post-row{display:grid;grid-template-columns:8rem 1fr auto;gap:1.5rem;align-items:baseline;padding:1.7rem 0;border-top:1px solid var(--line);text-decoration:none}.post-row:first-child{border-top:0}.post-row .post-category,.post-row .post-language{font-size:.8rem;color:var(--muted)}.post-row h3{font-size:1.15rem;font-weight:600}.post-row p{font-size:.9rem;color:var(--muted);margin-top:.35rem}.post-row:hover h3{color:var(--accent)}.about-section{display:grid;grid-template-columns:1fr 2fr;gap:3rem;border-top:1px solid var(--ink);padding-block:2rem 4rem;margin-top:4rem}.about-section h2{font-family:var(--serif);font-size:1.55rem}.about-section p{color:var(--muted);max-width:40rem;line-height:2}.site-footer{display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem;border-top:1px solid var(--line);padding-block:1.75rem 2.5rem;color:var(--muted);font-size:.8rem}.site-footer a{text-decoration:none}.page-intro{padding-block:4rem 3rem;max-width:48rem}.page-intro h1{font-family:var(--serif);font-size:clamp(2rem,5vw,3.6rem);line-height:1.5;margin-block:.75rem 1rem}.page-intro>p:last-child{color:var(--muted);font-size:1.05rem}.listing-page{padding-bottom:4rem}@media(max-width:850px){.site-width{width:min(100% - 3rem,1160px)}.hero{grid-template-columns:1fr 1fr;gap:2rem;padding-block:3rem}.hero h1{font-size:2.8rem}.project-grid{gap:1.1rem}.project-title{font-size:1.15rem}.post-row{grid-template-columns:6rem 1fr;gap:1rem}.post-language{display:none}}@media(max-width:600px){.site-width{width:calc(100% - 2.5rem)}.site-header{min-height:85px;gap:1rem}.wordmark{display:block}.wordmark strong{font-size:1.2rem}.wordmark span{display:block;font-size:.8rem;line-height:1.5}.site-nav{gap:1.1rem}.site-nav a{font-size:.85rem}.hero{grid-template-columns:1fr;padding-block:2.7rem 3rem;gap:1.7rem}.hero h1{font-size:clamp(2.2rem,8vw,3rem)}.hero-intro{max-width:none}.hero-intro .intro-name{font-size:1.1rem;margin-bottom:.5rem}.hero-intro p{font-size:1rem}.project-grid{grid-template-columns:1fr;gap:2.5rem}.project-art{aspect-ratio:1.35}.project-title{font-size:1.5rem}.section-heading>p{font-size:.75rem}.section-heading h2{font-size:1.3rem}.post-row{grid-template-columns:1fr;gap:.5rem;padding-block:1.4rem}.post-row h3{font-size:1.1rem}.writing-section{margin-top:3.5rem}.about-section{grid-template-columns:1fr;gap:1rem;margin-top:2rem;padding-block:1.5rem 2.5rem}.site-footer{flex-direction:column;gap:.5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.about-copy p+p{margin-top:1rem}.about-location{font-size:.85rem;margin-top:.75rem}@layer starlight.components{svg:where(.astro-c6vsoqas){color:var(--sl-icon-color);font-size:var(--sl-icon-size, 1em);width:1em;height:1em}}