*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Microsoft YaHei,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff;min-height:100vh;overflow-x:hidden}.app{position:relative;min-height:100vh}.background-animation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.floating-element{position:absolute;border-radius:50%;background:rgba(255,255,255,.1);animation:float 20s infinite linear}.floating-element:nth-child(1){width:300px;height:300px;top:10%;left:5%;animation-delay:0s}.floating-element:nth-child(2){width:200px;height:200px;top:60%;right:10%;animation-delay:-5s}.floating-element:nth-child(3){width:150px;height:150px;bottom:20%;left:20%;animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(20px,20px) rotate(90deg)}50%{transform:translateY(40px) rotate(180deg)}75%{transform:translate(-20px,20px) rotate(270deg)}}.navbar{background:rgba(26,26,46,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.8rem;font-weight:700;background:linear-gradient(45deg,#6d28d9,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-item{position:relative}.nav-link{color:#e2e8f0;text-decoration:none;padding:.5rem 1rem;border-radius:.5rem;transition:all .3s ease;cursor:pointer}.nav-link:hover{background:rgba(109,40,217,.2);color:#fff}.nav-link.active{background:linear-gradient(45deg,#6d28d9,#8b5cf6);color:#fff}.language-switcher{display:flex;gap:.5rem;background:rgba(255,255,255,.1);padding:.25rem;border-radius:.5rem}.lang-btn{padding:.5rem 1rem;border:none;background:transparent;color:#e2e8f0;border-radius:.25rem;cursor:pointer;transition:all .3s ease}.lang-btn:hover{background:rgba(255,255,255,.1)}.lang-btn.active{background:linear-gradient(45deg,#6d28d9,#8b5cf6);color:#fff}.main-content{max-width:1200px;margin:0 auto;padding:2rem}.content-section{background:rgba(26,26,46,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:2rem;border:1px solid rgba(255,255,255,.1)}.section-title{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(45deg,#6d28d9,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.section-subtitle{font-size:1.2rem;color:#cbd5e1;text-align:center;margin-bottom:3rem;line-height:1.6}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;transition:all .3s ease;cursor:pointer}.card:hover{transform:translateY(-5px);background:rgba(255,255,255,.1);border-color:#6d28d980;box-shadow:0 10px 30px #6d28d933}.card-title{font-size:1.5rem;margin-bottom:1rem;color:#fff}.card-content{color:#cbd5e1;line-height:1.6}@media (max-width:768px){.nav-container{flex-direction:column;gap:1rem}.nav-menu{flex-wrap:wrap;justify-content:center}.section-title{font-size:2rem}.grid-container{grid-template-columns:1fr}}