.fade-enter-active,.fade-leave-active{transition:opacity .4s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform .5s ease,opacity .5s ease}.slide-enter-from{transform:translate(30px);opacity:0}.slide-leave-to{transform:translate(-30px);opacity:0}:root{--color-primary: #c0392b;--color-primary-light: #e74c3c;--color-primary-dark: #a93226;--color-accent: #d4a017;--color-accent-light: #f0c040;--color-bg: #faf8f5;--color-bg-dark: #f0ebe0;--color-text: #2c3e50;--color-text-light: #5d6d7e;--color-text-lighter: #95a5a6;--color-white: #ffffff;--color-border: #e8e0d5;--font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-family-title: "STSong", "SimSun", "Noto Serif SC", "KaiTi", serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .16);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--navbar-height: 56px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);line-height:1.6;min-height:100vh;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom,0)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-light)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit}ul,ol{list-style:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-3xl) 0}.section-title{font-family:var(--font-family-title);font-size:28px;font-weight:700;color:var(--color-text);text-align:center;margin-bottom:var(--spacing-md);position:relative}.section-title:after{content:"";display:block;width:60px;height:3px;background:var(--color-accent);margin:var(--spacing-sm) auto 0;border-radius:2px}.section-subtitle{text-align:center;color:var(--color-text-light);font-size:14px;margin-bottom:var(--spacing-2xl)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border-radius:var(--radius-md);font-size:16px;font-weight:500;transition:all var(--transition-normal);gap:var(--spacing-sm)}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{border:2px solid var(--color-primary);color:var(--color-primary);background:transparent}.btn-outline:hover{background:var(--color-primary);color:var(--color-white)}.btn-large{padding:16px 40px;font-size:18px;border-radius:var(--radius-lg)}@media (max-width: 768px){:root{--spacing-3xl: 48px}.container{padding:0 var(--spacing-sm)}.section-title{font-size:22px}}@media (max-width: 480px){html{font-size:14px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-lighter)}::selection{background:#c0392b26;color:var(--color-text)}