:root{--color-primary: #1B5E20;--color-primary-light: #2E7D32;--color-primary-dark: #0D3D11;--color-bg: #FFFFFF;--color-bg-alt: #F5F7F5;--color-btn-text: #FFFFFF;--color-highlight: #FFD600;--color-highlight-light: #FFF59D;--color-text: #1B5E20;--color-text-body: #37474F;--color-text-muted: #78909C;--color-border: #E0E0E0;--color-border-primary: #1B5E20;--color-accent: #00897B;--color-accent-light: #E0F2F1;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 40px;--spacing-2xl: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 28px rgba(0, 0, 0, .12);--shadow-primary: 0 4px 16px rgba(27, 94, 32, .25);--transition-fast: .15s ease;--transition-base: .3s ease;--navbar-height: 72px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-body);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-light)}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.container-narrow{width:100%;max-width:800px;margin:0 auto;padding:0 var(--spacing-lg)}.section{padding:var(--spacing-2xl) 0}.section-alt{background-color:var(--color-bg-alt)}.section-title{font-size:2rem;font-weight:700;color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-sm)}.section-subtitle{font-size:1.05rem;color:var(--color-text-muted);text-align:center;margin-bottom:var(--spacing-xl)}.section-divider{width:56px;height:4px;background-color:var(--color-highlight);border-radius:var(--radius-full);margin:0 auto var(--spacing-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:12px 32px;font-size:1rem;font-weight:600;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn-primary{background-color:var(--color-primary);color:var(--color-btn-text);border-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);color:var(--color-btn-text);box-shadow:var(--shadow-primary);transform:translateY(-2px)}.btn-outline{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary);color:var(--color-btn-text);transform:translateY(-2px)}.btn-highlight{background-color:var(--color-highlight);color:var(--color-primary-dark);border-color:var(--color-highlight)}.btn-highlight:hover{background-color:#ffe100;border-color:#ffe100;box-shadow:0 4px 16px #ffd60066;transform:translateY(-2px)}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media (max-width: 768px){.section{padding:var(--spacing-xl) 0}.section-title{font-size:1.5rem}.container{padding:0 var(--spacing-md)}}