:root{--bg-primary:#f9f9f9;--bg-footer:#e3e5e8;--bg-secondary:#f3efe6;--text-primary:#3d3a36;--text-secondary:#6e6a64;--accent-color:#8c7b70;--accent-hover:#75665c;--border-color:#e5e0d8;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.05);--font-serif:var(--font-noto-serif-tc),"Noto Serif TC","Georgia",serif;--font-sans:var(--font-noto-serif-tc),"Noto Serif TC",system-ui,sans-serif;--max-width:1200px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem;flex:1 1;width:100%}.btn{display:inline-block;padding:.75rem 1.5rem;background-color:var(--text-primary);color:#fff;border:none;font-size:.9rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.btn:hover{background-color:var(--text-secondary)}.btn-secondary{background-color:transparent;border:1px solid var(--text-primary);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--bg-secondary);color:var(--text-primary)}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:400;line-height:1.2}.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:2rem;gap:2rem;margin-top:2rem}nav{display:flex;justify-content:space-between;align-items:center;padding:2rem 0;border-bottom:1px solid var(--border-color);margin-bottom:3rem}.nav-brand{font-family:var(--font-serif);font-size:1.5rem;font-weight:700}.nav-links{letter-spacing:1px;text-transform:uppercase}.nav-links a{margin-left:20px;font-size:10px;font-weight:700;padding:.5rem 0;color:var(--text-secondary);transition:color .2s}.nav-links a:hover{color:var(--text-primary)}.nav-menu-toggle{display:none;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;color:var(--text-secondary);font-family:var(--font-sans);font-size:10px;font-weight:700;letter-spacing:1px;padding:0}.menu-icon{display:flex;flex-direction:column;gap:4px}.menu-icon span{display:block;width:20px;height:1.5px;background-color:var(--text-secondary)}.nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.25);z-index:99}.nav-drawer{position:fixed;top:0;right:0;height:100%;width:260px;background:var(--bg-primary);z-index:100;transform:translateX(100%);transition:transform .3s ease;display:flex;flex-direction:column;padding:2rem}.nav-drawer--open{transform:translateX(0)}.nav-drawer-close{align-self:flex-end;background:none;border:none;font-size:1rem;cursor:pointer;color:var(--text-secondary);padding:0;margin-bottom:2.5rem}.nav-drawer-links{display:flex;flex-direction:column;gap:1.5rem}.nav-drawer-links a{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-secondary);transition:color .2s}.nav-drawer-links a:hover{color:var(--text-primary)}@media (max-width:600px){.nav-links{display:none}.nav-menu-toggle{display:flex}}.category-filter-wrap{display:flex;justify-content:center;margin-bottom:3rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-filter-wrap::-webkit-scrollbar{display:none}.category-filter{display:flex;gap:0;white-space:nowrap;margin:0 auto}.category-btn{background:none;border:none;cursor:pointer;font-family:var(--font-sans);font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-secondary);padding:.4rem 1.2rem;transition:color .2s;flex-shrink:0}.category-btn--active,.category-btn:hover{color:var(--text-primary)}.category-btn--active{border-bottom:1.5px solid var(--text-primary)}.site-footer{background-color:var(--bg-footer);margin-top:20px;min-height:240px;padding:3rem;display:flex;align-items:flex-end}.site-footer p{font-family:Georgia,Times,Times New Roman,serif;font-size:10px;color:#000;letter-spacing:normal;text-transform:none;font-weight:400;width:100%}