*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6C5CE7;--primary-dark: #5541c4;--accent: #FD79A8;--accent2: #00CEC9;--bg: #0F0E2D}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0e2dd9;border-bottom:1px solid rgba(255,255,255,.08);transition:all .3s}.nav.scrolled{background:#0f0e2df2;box-shadow:0 4px 30px #0003}.nav-inner{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:22px}.logo-icon{width:38px;height:38px;border-radius:10px;object-fit:cover;box-shadow:0 4px 16px #fd79a866}.nav-right{display:flex;align-items:center;gap:16px}.lang-switch{display:flex;gap:6px}.lang-switch button{color:#ffffff80;font-size:14px;padding:6px 12px;border-radius:20px;transition:all .2s;font-weight:500;background:none;border:none;cursor:pointer}.lang-switch button:hover{color:#fff;background:#ffffff14}.lang-switch button.active{color:#fff;background:#ffffff1f}.hero{background:radial-gradient(ellipse at top right,rgba(108,92,231,.3),transparent 60%),radial-gradient(ellipse at bottom left,rgba(253,121,168,.2),transparent 60%),var(--bg);min-height:100vh;display:flex;align-items:center;padding:100px 24px 60px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;left:-20%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(0,206,201,.15),transparent 70%);animation:float 8s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(40px,-30px)}}.hero-inner{max-width:1200px;margin:0 auto;text-align:center;position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#ffffffe6;padding:8px 18px;border-radius:30px;font-size:14px;margin-bottom:28px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-badge .dot{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 12px #fff;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero h1{color:#fff;font-size:clamp(38px,6vw,68px);font-weight:800;line-height:1.15;margin-bottom:24px;letter-spacing:-1px}.hero-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-ghost{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.2);padding:12px 20px;border-radius:30px;font-weight:600;font-size:15px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:155px}.btn-ghost:hover{background:#ffffff26;transform:translateY(-3px)}.btn-ghost img,.btn-ghost svg{width:24px!important;height:24px!important}.copyright{position:absolute;bottom:20px;left:0;right:0;z-index:2;text-align:center;color:#ffffff59;font-size:13px}.copyright a{color:#ffffff59;text-decoration:none}.app-icon-hero,.br-mobile{display:none}@media (max-width: 768px){.app-icon-hero{display:block;text-align:center;margin-bottom:16px}.br-mobile{display:block}.app-icon-hero img{width:28vw;max-width:110px;border-radius:22%;box-shadow:0 8px 32px #0000004d}.app-name{color:#fff;font-size:20px;margin:12px 0 0;font-weight:600}.nav-inner{padding:10px 16px}.logo{font-size:18px;gap:8px}.logo-icon{width:30px;height:30px}.lang-switch button{padding:4px 10px;font-size:13px}.hero{padding:48px 16px 32px;min-height:100vh}.hero-badge{padding:6px 14px;font-size:12px;margin-bottom:14px}.hero h1{font-size:clamp(24px,7vw,32px);margin-bottom:16px}.hero-btns{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:340px;margin:0 auto}.btn-ghost{justify-content:center;padding:12px 10px;font-size:13px;gap:6px;min-width:auto}.btn-ghost img{width:20px!important;height:20px!important}.btn-ghost svg{width:20px;height:20px}.hero-btns .btn-ghost:last-child{grid-column:auto}.copyright{font-size:10px;padding:0 12px;line-height:1.6;word-break:break-all;bottom:10px}}@media (max-width: 380px){.hero h1{font-size:22px}.btn-ghost{padding:10px 8px;font-size:12px}.btn-ghost img{width:18px!important;height:18px!important}.btn-ghost svg{width:18px;height:18px}.hero{padding:40px 12px 28px}}