*{margin:0;padding:0}body{background:url(/images/bg.png) no-repeat center center;background-size:cover;min-height:100vh;box-sizing:border-box;overflow:hidden;position:relative}.head{background:#00373080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);height:88px;width:100%;position:fixed;top:0;left:0;padding:0 56px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.head .logo{height:48px}.head .btn{background:#4cc665;height:48px;padding:0 24px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:18px;font-weight:600;border-radius:8px}.box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(180deg,#fff,#cafff3);box-shadow:0 0 16px #00000040;box-shadow:0 0 80px #fff inset;width:480px;height:550px;border-radius:32px;display:flex;flex-direction:column;align-items:center;justify-content:center}.box .img{width:152px;margin-bottom:40px}.box .title{font-size:24px;font-weight:500;color:#262626}.box .aite{margin:16px 0;font-size:20px;color:#4cc665;font-weight:600}.box .amount{font-size:14px;color:#424242}.box .descript{font-size:16px;color:#262626;width:400px;margin:40px 0;text-align:center}.box .join{background:#005344;box-shadow:0 4px 4px #00534440;width:136px;height:60px;border-radius:32px;display:flex;justify-content:center;align-items:center;color:#71ff8e;font-size:18px;font-weight:700;cursor:pointer}@media (max-width: 768px){body{background-size:cover}.head{height:72px;position:relative;padding:0 16px;margin-bottom:60px}.head .logo{height:32px}.head .btn{height:32px;padding:0 12px;font-size:12px}.box{position:relative;transform:none;width:311px;border-radius:16px;top:0;left:0;margin:0 auto;height:fit-content;padding:40px 0}.box .img{width:120px;margin-bottom:32px}.box .title{font-size:20px;font-weight:600}.box .aite{margin:8px 0;font-size:18px;font-weight:600}.box .descript{font-size:14px;width:231px;margin:32px 0}.box .join{width:231px;height:48px;border-radius:32px;font-size:15px}}