#app{min-height:100vh;display:flex;flex-direction:column}:root{--color-primary: #1e3a8a;--color-primary-hover: #1e40af;--color-primary-active: #0A3FA0;--color-text-primary: #333333;--color-text-secondary: #666666;--color-text-tertiary: #999999;--color-bg-light: #F5F7FA;--color-success: #00B42A;--color-error: #F53F3F;--color-warning: #FF7D00;--color-border: #E5E6EB;--color-white: #FFFFFF;--font-size-hero: 36px;--font-size-h1: 32px;--font-size-h2: 28px;--font-size-h3: 24px;--font-size-h4: 20px;--font-size-lg: 16px;--font-size-base: 14px;--font-size-sm: 12px;--font-weight-semibold: 600;--font-weight-medium: 500;--font-weight-normal: 400;--line-height-tight: 1.2;--line-height-base: 1.3;--line-height-relaxed: 1.4;--line-height-loose: 1.6;--spacing-xxs: 4px;--spacing-xs: 8px;--spacing-s: 12px;--spacing-m: 16px;--spacing-l: 20px;--spacing-xl: 24px;--spacing-xxl: 32px;--spacing-xxxl: 40px;--spacing-huge: 60px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow-light: 0 2px 4px rgba(0,0,0,.06);--shadow-base: 0 2px 8px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-deep: 0 6px 16px rgba(0,0,0,.12);--duration-fast: .15s;--duration-base: .3s;--duration-medium: .5s;--duration-slow: .6s;--duration-very-slow: 1s;--breakpoint-mobile: 767px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1200px;--container-max-width: 1200px;--header-height: 80px;--header-height-mobile: 60px;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Microsoft YaHei,Source Han Sans CN,Arial,sans-serif;font-size:var(--font-size-base);line-height:var(--line-height-loose);color:var(--color-text-primary);background-color:var(--color-white)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-base);color:var(--color-text-primary)}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}a{color:inherit;text-decoration:none;transition:color var(--duration-base) ease}a:hover{color:var(--color-primary)}button{border:none;background:none;cursor:pointer;font-family:inherit}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-xxxl)}@media(max-width:1199px){.container{padding:0 var(--spacing-xxl)}}@media(max-width:767px){.container{padding:0 var(--spacing-l)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-l) var(--spacing-xxl);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm);transition:all var(--duration-base) ease;cursor:pointer;border:none;text-decoration:none}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-primary-hover);color:var(--color-white)}.btn-primary:active{background-color:var(--color-primary-active);transform:scale(.98)}.btn-secondary{background-color:var(--color-white);color:var(--color-primary);border:1px solid var(--color-primary)}.btn-secondary:hover{background-color:var(--color-primary);color:var(--color-white)}.btn-lg{height:48px;padding:var(--spacing-xl) var(--spacing-xxxl);font-size:var(--font-size-lg)}.btn-sm{height:32px;padding:var(--spacing-m) var(--spacing-xl);font-size:var(--font-size-sm)}.card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-base);transition:box-shadow var(--duration-base) ease}.card:hover{box-shadow:var(--shadow-md)}.section{padding:var(--spacing-huge) 0}.section-title{text-align:center;margin-bottom:var(--spacing-xxxl)}.section-subtitle{text-align:center;color:var(--color-text-secondary);margin-top:var(--spacing-m)}.row{display:flex;flex-wrap:wrap;margin:0 calc(-1 * var(--spacing-m))}.col{padding:0 var(--spacing-m)}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.mt-sm{margin-top:var(--spacing-s)}.mt-md{margin-top:var(--spacing-m)}.mt-lg{margin-top:var(--spacing-l)}.mt-xl{margin-top:var(--spacing-xl)}.mt-xxl{margin-top:var(--spacing-xxl)}.mb-sm{margin-bottom:var(--spacing-s)}.mb-md{margin-bottom:var(--spacing-m)}.mb-lg{margin-bottom:var(--spacing-l)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-xxl{margin-bottom:var(--spacing-xxl)}.fade-in-up{opacity:0;transform:translateY(20px);transition:opacity var(--duration-slow) ease-out,transform var(--duration-slow) ease-out}.fade-in-up.visible{opacity:1;transform:translateY(0)}@media(max-width:767px){.hide-mobile{display:none!important}}@media(min-width:768px){.hide-desktop{display:none!important}}