:root{--primary:#2d3436;--secondary:#636e72;--accent:#d4a574;--accent-light:#e8c9a8;--background:#fafafa;--card-bg:#fff;--text-primary:#2d3436;--text-secondary:#636e72;--border-color:#e8e8e8;--shadow:0 2px 12px rgba(0,0,0,.08);--shadow-hover:0 8px 24px rgba(0,0,0,.12);--font-serif:"Noto Serif SC","Songti SC",serif;--font-sans:"Noto Sans SC","PingFang SC",sans-serif;--font-display:"Playfair Display",serif;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:48px;--spacing-2xl:64px;--spacing-3xl:80px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.6s ease-out}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--background);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:600;line-height:1.3}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent)}img{display:block;height:auto;max-width:100%}.container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-md)}.section{padding:var(--spacing-3xl) 0}.section-title{color:var(--primary);font-size:2.5rem}.section-subtitle,.section-title{margin-bottom:var(--spacing-xl);text-align:center}.section-subtitle{color:var(--secondary);font-weight:400;margin-top:calc(var(--spacing-sm)*-1)}.btn,.section-subtitle{font-family:var(--font-sans);font-size:1rem}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-weight:500;gap:var(--spacing-xs);justify-content:center;padding:12px 28px;transition:all var(--transition-normal)}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover{background-color:#c49660;box-shadow:var(--shadow-hover);color:#fff;transform:translateY(-2px)}.btn-secondary{background-color:transparent;border:1.5px solid var(--primary);color:var(--primary)}.btn-secondary:hover{background-color:var(--primary);color:#fff}.btn-text{background:none;color:var(--accent);padding:8px 16px}.btn-text:hover{color:#c49660}.fade-in{animation:fadeInUp var(--transition-slow) forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.grid{display:grid;gap:var(--spacing-md)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.section{padding:var(--spacing-2xl) 0}.section-title{font-size:2rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.container{padding:0 var(--spacing-sm)}}@media(max-width:480px){.section-title{font-size:1.75rem}}.tag{background:var(--background);border-radius:20px;color:var(--secondary);display:inline-block;font-size:.85rem;padding:4px 12px;transition:all var(--transition-fast)}.tag.active,.tag:hover{background:var(--accent);color:#fff}.divider{background:var(--accent);height:3px;margin:var(--spacing-md) auto;width:60px}.text-accent{color:var(--accent)}.text-secondary{color:var(--secondary)}.text-center{text-align:center}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}