:root{--site-header-height:70px;--title-size:clamp(28px,2.2vw,38px);--subtitle-size:clamp(13px,1vw,15px);--body-size:clamp(14px,1vw,16px);--container-padding:clamp(20px,3vw,40px);--section-padding:clamp(50px,6vw,90px);--section-gap:clamp(30px,4vw,60px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--site-header-height)}body,html{background:#fff}body{color:#333;font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}li,ul{list-style:none}img{display:block}#app,img{max-width:100%}#app{margin:0;padding:0;text-align:left}.container{margin:0 auto;max-width:1400px;padding:0 var(--container-padding)}.section-title{color:#1a1a2e;font-size:var(--title-size);font-weight:600;letter-spacing:1px;margin-bottom:12px;text-align:center}.section-subtitle{color:#888;font-size:var(--subtitle-size);letter-spacing:2px;margin-bottom:var(--section-gap);text-align:center}.section-padding{padding:var(--section-padding) 0}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:15px;letter-spacing:1px;padding:12px 40px;transition:all .3s ease}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 8px 25px #2563eb4d;transform:translateY(-2px)}.btn-outline{background:transparent;border:1px solid hsla(0,0%,100%,.5);border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:15px;letter-spacing:1px;padding:12px 40px;transition:all .3s ease}.btn-outline:hover{background:#ffffff1a;border-color:#fff}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.fade-in.visible{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.animate-slide-in{animation:slideInLeft .6s ease-out}.animate-slide-in-delay-1{animation:slideInLeft .6s ease-out .1s both}.animate-slide-in-delay-2{animation:slideInLeft .6s ease-out .2s both}