:root{--color-primary:#006850;--color-primary-light:#086;--color-primary-dark:#004d3a;--color-primary-pale:#e6f2ef;--color-secondary:#2d5a4a;--color-accent:#c9a227;--color-accent-light:#e8c84a;--color-text:#2c3e35;--color-text-light:#5a6e63;--color-text-muted:#8a9a90;--color-text-inverse:#fdfbf7;--color-bg:#fdfbf7;--color-bg-paper:#fffef9;--color-bg-paper-dark:#f5f0e6;--color-bg-cork:#d4a574;--color-border:#d4cfc2;--color-border-light:#e8e4da;--color-tape-yellow:rgba(255,235,150,.85);--color-tape-green:rgba(180,220,180,.8);--color-tape-pink:hsla(0,100%,89%,.8);--color-tape-blue:rgba(180,210,240,.8);--color-tape-beige:hsla(40,38%,84%,.85);--font-family:"Noto Sans TC",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-handwriting:"Klee One","Noto Sans TC",cursive;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--max-width:1200px;--header-height:72px;--nav-height:56px;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-full:9999px;--shadow-paper:0 1px 3px rgba(0,0,0,.08),0 4px 6px rgba(0,0,0,.04);--shadow-paper-hover:0 4px 12px rgba(0,0,0,.1),0 8px 24px rgba(0,0,0,.06);--shadow-note:2px 3px 8px rgba(0,0,0,.12),0 1px 3px rgba(0,0,0,.08);--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease}@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&family=Klee+One&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.7;color:var(--color-text);background-color:var(--color-bg);background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-light)}ol,ul{list-style:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}