*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f5f5f0;color:#333}.app{min-height:100vh}.yellow-bg{background-color:gold}.dark-bg{background-color:#1a1a1a}.light-bg{background-color:#f5f5f0}.blue-accent{color:#1e90ff}.yellow-text{color:gold}.dark-text{color:#1a1a1a}.light-text{color:#f5f5f0}.btn-primary{background-color:gold;color:#1a1a1a;border:none;padding:12px 30px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-primary:hover{background-color:#ffc107;transform:translateY(-2px)}.btn-secondary{background-color:#1a1a1a;color:gold;border:2px solid #FFD700;padding:12px 30px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background-color:gold;color:#1a1a1a}.section-title{font-size:32px;font-weight:700;text-align:center;margin-bottom:10px}.section-subtitle{font-size:14px;text-align:center;color:#666;margin-bottom:40px;letter-spacing:2px}.container{max-width:1200px;margin:0 auto;padding:0 20px}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-col{display:flex;flex-direction:column}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:30px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-20{margin-top:20px}.mt-40{margin-top:40px}.mt-60{margin-top:60px}.mb-20{margin-bottom:20px}.mb-40{margin-bottom:40px}.mb-60{margin-bottom:60px}.p-20{padding:20px}.p-40{padding:40px}.p-60{padding:60px}.animated-section{opacity:1}.animated-section--animate{animation:fadeUp .6s ease-out forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.animated-section--stagger>*{opacity:1;transform:none}.animated-section--animate .animated-section--stagger>*{opacity:0;transform:translateY(40px)}.animated-section--animate .animated-section--stagger>*:nth-child(1){animation:fadeUp .5s ease-out 0ms forwards}.animated-section--animate .animated-section--stagger>*:nth-child(2){animation:fadeUp .5s ease-out .1s forwards}.animated-section--animate .animated-section--stagger>*:nth-child(3){animation:fadeUp .5s ease-out .2s forwards}.animated-section--animate .animated-section--stagger>*:nth-child(4){animation:fadeUp .5s ease-out .3s forwards}.animated-section--animate .animated-section--stagger>*:nth-child(5){animation:fadeUp .5s ease-out .4s forwards}.animated-section--animate .animated-section--stagger>*:nth-child(6){animation:fadeUp .5s ease-out .5s forwards}.animated-section--animate .animated-section--stagger>*:nth-child(7){animation:fadeUp .5s ease-out .6s forwards}.animated-section--animate .animated-section--stagger>*:nth-child(8){animation:fadeUp .5s ease-out .7s forwards}.animated-section--animate .animated-section--stagger>*:nth-child(9){animation:fadeUp .5s ease-out .8s forwards}.animated-section--animate .animated-section--stagger>*:nth-child(10){animation:fadeUp .5s ease-out .9s forwards}.animated-section--animate .animated-section--stagger>*:nth-child(11){animation:fadeUp .5s ease-out 1s forwards}.animated-section--animate .animated-section--stagger>*:nth-child(12){animation:fadeUp .5s ease-out 1.1s forwards}.animated-section--animate .animated-section--stagger>*:nth-child(13){animation:fadeUp .5s ease-out 1.2s forwards}.animated-section--animate .animated-section--stagger>*:nth-child(14){animation:fadeUp .5s ease-out 1.3s forwards}.animated-section--animate .animated-section--stagger>*:nth-child(15){animation:fadeUp .5s ease-out 1.4s forwards}.animated-section--animate .animated-section--stagger>*:nth-child(16){animation:fadeUp .5s ease-out 1.5s forwards}