body{margin:0}p{margin:0}.share-view{height:100vh;background:url(https://images.wootechy.com/en/assets/common/soundboard_head.webp) no-repeat center center;background-size:cover;overflow:hidden}.share-card{position:absolute;display:flex;flex-direction:column;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:16px;width:440px;overflow:hidden;max-width:calc(100% - 40px)}.card-head{height:128px;width:100%;object-fit:cover}.card-body{padding:20px;background:#fff}.title{line-height:36px;font-weight:700;color:#1f1f1f;font-size:24px;margin-bottom:25px}.share-view-masker{position:absolute;top:0;left:0;right:0;bottom:0;background:#000;backdrop-filter:blur(12px);opacity:.5}.share-view-container{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;padding:20px}.head-logo{display:flex;align-items:center;justify-content:center;margin-top:20px;color:#fff;font-weight:600;font-size:28px}.head-logo img{height:50px;width:50px;object-fit:contain;margin-right:20px}.tags-b{display:flex;font-size:14px;color:#1f1f1f;margin-bottom:15px}.tag{display:flex;align-items:center;padding:5px 10px;background:#fbc8ff;margin-right:10px;border-radius:8px}.tag *+*{margin-left:5px}.open-soft-link{display:block;width:100%;height:48px;border-radius:10px;margin-top:20px;margin-bottom:15px;background:linear-gradient(142deg,#9966ff 16.55%,#6666ff 78.07%);color:#fff;font-weight:700;text-align:center;line-height:48px;text-decoration:none}.open-soft-link:hover{background:linear-gradient(142deg,#7639f1 16.55%,#4040f5 78.07%)}.underline{text-decoration:underline}.tip{color:#626262}.tip a:hover{text-decoration:underline}.text-purple{color:#96f}.text-weight{font-weight:700}.max-w{max-width:100%;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}.mb-5{margin-bottom:15px}.text-center{text-align:center}