@tailwind base;@tailwind components;@tailwind utilities;:root{--brand-primary:#3a2a20;--brand-primary-light:#5c4a38;--brand-primary-dark:#2c1e18;--brand-accent:#c4836a;--brand-accent-dark:#9a6048;--brand-accent-bg:hsla(17,43%,59%,.15);--brand-warm-gray:#f0e6d8;--brand-page-bg:#f8f4f0;--brand-hero-bg:#d8c8b8;--brand-hero-overlay:rgba(58,42,32,.6);--font-heading:"Playfair Display","Noto Serif TC",serif;--font-body:"Noto Sans TC",sans-serif;--font-script:"Playfair Display",serif}body,html{overflow-x:hidden}.eng-label{font-size:.625rem;letter-spacing:3px;color:var(--brand-accent);font-family:var(--font-body)}.btn-sharp,.eng-label{text-transform:uppercase;font-weight:500}.btn-sharp{display:inline-flex;align-items:center;padding:.625rem 1.75rem;border-radius:3px;font-size:.75rem;letter-spacing:1px;transition:all .3s ease}.btn-sharp-primary{background-color:var(--brand-primary);color:#fff}.btn-sharp-primary:hover{filter:brightness(1.15);transform:translateY(-1px)}.btn-sharp-outline{background-color:transparent;color:#fff;border:1px solid hsla(0,0%,100%,.5)}.btn-sharp-outline:hover{background-color:hsla(0,0%,100%,.1);border-color:#fff}.btn-sharp-accent{background-color:var(--brand-accent);color:#fff}.btn-sharp-accent:hover{filter:brightness(1.1);transform:translateY(-1px)}.card-hover{transition:transform .3s ease,box-shadow .3s ease}.card-hover:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.06)}.reading-progress{position:fixed;top:0;left:0;height:2px;background:var(--brand-accent);z-index:100;transition:width .1s linear}.article-content{font-size:1.0625rem;line-height:1.8}.article-content h2{font-size:1.5rem;font-weight:700;margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--brand-accent-bg)}.article-content h2,.article-content h3{font-family:var(--font-heading);color:var(--brand-primary)}.article-content h3{font-size:1.25rem;font-weight:600;margin-top:2rem;margin-bottom:.75rem}.article-content p{line-height:1.8;margin-bottom:1.25rem;color:#444}.article-content a{color:var(--brand-accent-dark);text-decoration:underline;text-underline-offset:3px;-webkit-text-decoration-color:var(--brand-accent);text-decoration-color:var(--brand-accent)}.article-content a:hover{color:var(--brand-accent)}.article-content blockquote{border-left:3px solid var(--brand-accent);padding:1rem 1.25rem;color:#555;font-style:italic;background:var(--brand-accent-bg);border-radius:0 4px 4px 0;margin:1.5rem 0}.article-content img{border-radius:6px;margin:1.5rem 0}.article-content ol,.article-content ul{padding-left:1.5rem;margin-bottom:1.25rem}.article-content li{margin-bottom:.5rem;line-height:1.75}.article-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;border-radius:4px;overflow:hidden}.article-content th{background:var(--brand-accent-bg);color:var(--brand-primary);font-weight:600;padding:.75rem 1rem;text-align:left}.article-content td{padding:.75rem 1rem;border-bottom:1px solid rgba(0,0,0,.06)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--brand-page-bg)}::-webkit-scrollbar-thumb{background:var(--brand-accent);border-radius:3px}.script-accent{font-family:var(--font-script);font-style:italic;color:var(--brand-accent)}.category-icon-circle{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto .5rem}.animate-on-scroll{opacity:0;transform:translateY(8px)}.animate-on-scroll.visible{animation:fadeIn .6s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}