@charset "UTF-8";
:root{color-scheme:light;--bg:#f8f9f3;--ink:#294c40;--muted:#62776b;--green:#3f725b;--line:#dce5da;--font:"Noto Sans TC","Microsoft JhengHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit}::selection{background:#d0e4ce}.site-wrap{width:min(1100px,calc(100% - 96px));margin:auto}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:flex;gap:13px;align-items:center;font-size:26px;letter-spacing:-1.1px;font-weight:650}.brand-mark{width:33px;height:33px;color:var(--green)}.brand-dot{color:#759b77}.header-link{font-size:13px;text-decoration:none;display:flex;align-items:center;gap:22px;padding:12px 0}.header-link span{font-size:21px}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:35px;align-items:center;padding:65px 0 57px}.eyebrow{font-family:Arial,sans-serif;letter-spacing:2.5px;font-size:10px;font-weight:600;color:#587b66;margin:0 0 24px;display:flex;gap:10px;align-items:center}.small-leaf{display:inline-block;width:12px;height:8px;border-radius:10px 1px;background:#91b595;transform:rotate(-25deg)}h1{font-size:clamp(32px,3.7vw,48px);font-weight:600;line-height:1.65;letter-spacing:1px;margin:0 0 20px;word-break:keep-all}.highlight{position:relative;z-index:0;white-space:nowrap}.highlight:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:13px;background:#dbeacb;border-radius:60% 35% 45% 30%;z-index:-1}.hero-description{font-size:15px;line-height:2.1;letter-spacing:.7px;color:var(--muted);margin:0 0 29px}.hero-link{display:inline-flex;text-decoration:none;font-size:12px;font-weight:600;align-items:center;gap:25px;padding-bottom:8px;border-bottom:1px solid #b5c7b6}.hero-link span{font-size:18px}.hero-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.hero-art svg{width:100%;height:auto;display:block;max-width:425px}.art-caption{font:italic 12px Georgia,serif;color:#718974;letter-spacing:.6px;margin-top:-5px}.explore-section{padding-top:35px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:29px}.section-heading .eyebrow{margin-bottom:12px;font-size:9px;letter-spacing:2px}h2{font-size:23px;letter-spacing:1px;line-height:1.6;font-weight:550;margin:0}.section-note{font-size:12px;color:#71816f;letter-spacing:.5px;margin:0 0 4px}.portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.portal-card{display:flex;flex-direction:column;text-decoration:none;background:#fffef9;border:1px solid #e1e7dc;border-radius:19px;overflow:hidden;box-shadow:0 6px 22px #284b3c05;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.portal-card:hover{transform:translateY(-5px);border-color:#9ab49c;box-shadow:0 14px 30px #284b3c0d}.card-art{height:169px;position:relative;overflow:hidden;border-bottom:1px solid #dfe7d9}.work-art{background:#e8efe1}.trip-art{background:#eaf2ec}.card-art svg{position:absolute;bottom:0;right:0;width:100%;height:100%;object-fit:cover}.category-chip{position:absolute;top:23px;left:27px;z-index:1;font:9px Arial,sans-serif;letter-spacing:1.8px;color:#496d56;border:1px solid #acbfa577;border-radius:30px;padding:8px 12px;background:#fcfff72e}.card-body{padding:28px 30px 22px;flex:1;display:flex;flex-direction:column}.card-title-row{display:flex;justify-content:space-between;align-items:center;gap:12px}h3{font-size:24px;font-weight:550;letter-spacing:1px;margin:0}.card-number{font:italic 16px Georgia,serif;color:#8f9e89}.card-body p{font-size:13px;line-height:2.05;color:var(--muted);margin:15px 0 26px;letter-spacing:.3px}.card-action{border-top:1px solid #e6eadf;padding-top:18px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;letter-spacing:.3px;margin-top:auto}.arrow-circle{width:31px;height:31px;display:grid;place-items:center;border:1px solid #d9e3d5;border-radius:50%;font-size:18px;transition:background .2s,color .2s}.portal-card:hover .arrow-circle{background:var(--green);color:white;border-color:var(--green)}.closing-note{display:flex;align-items:center;justify-content:center;gap:11px;padding:36px 0 40px;color:#72846e}.closing-note span{font-size:18px;color:#92ac86}.closing-note p{margin:0;font-size:12px;letter-spacing:1px}.site-footer{border-top:1px solid var(--line);display:flex;gap:20px;align-items:center;padding:24px 0 30px}.footer-brand{font-size:15px;font-weight:650;letter-spacing:-.5px}.site-footer p{font-size:10px;color:#778571;letter-spacing:.3px;margin:0}.copyright{margin-left:auto;font:10px Arial,sans-serif;color:#778571;white-space:nowrap}a:focus-visible{outline:3px solid #397558;outline-offset:5px}.skip-link{position:fixed;top:10px;left:15px;padding:12px 18px;background:var(--ink);color:white;z-index:5;transform:translateY(-180%);border-radius:6px}.skip-link:focus{transform:translateY(0)}
@media(min-width:1600px){.site-wrap{width:1100px}.hero{padding-top:76px;padding-bottom:65px}}
@media(max-width:900px){.site-wrap{width:calc(100% - 56px)}.hero{gap:12px;padding:45px 0}h1{font-size:34px;letter-spacing:0}.hero-description{font-size:14px}.hero-art svg{max-width:340px}.section-note{display:none}.card-body{padding:24px}.card-break{display:none}.category-chip{left:23px;top:20px;font-size:8px}.card-art{height:150px}}
@media(max-width:620px){.site-wrap{width:calc(100% - 40px)}.site-header{height:84px}.brand{font-size:24px;gap:9px}.brand-mark{width:28px;height:28px}.header-link{font-size:11px;gap:10px}.hero{grid-template-columns:1fr;gap:12px;padding:43px 0 32px}.hero-copy{padding:0 4px}.eyebrow{font-size:9px;margin-bottom:19px}h1{font-size:clamp(28px,7.7vw,40px);line-height:1.65;margin-bottom:17px;letter-spacing:.3px}.hero-description{font-size:13px;line-height:2;margin-bottom:24px}.hero-link{font-size:11px}.hero-art{max-width:320px;width:100%;margin:5px auto 0}.hero-art svg{max-width:300px}.art-caption{font-size:11px;margin-top:-3px}.explore-section{padding-top:27px}.section-heading{margin-bottom:22px}h2{font-size:20px;letter-spacing:.3px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.6px}.portal-grid{grid-template-columns:1fr;gap:22px}.card-art{height:155px}.card-body{padding:24px 25px 20px}h3{font-size:23px}.card-body p{margin:13px 0 23px}.category-chip{top:22px;left:25px}.closing-note{padding:29px 0 31px}.closing-note p{font-size:11px;letter-spacing:.5px}.site-footer{flex-wrap:wrap;gap:12px;padding:22px 0}.site-footer p{flex-basis:100%;order:3;font-size:10px}.copyright{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.portal-card:hover{transform:none}}