html,body{overscroll-behavior-y:none}.main[data-v-a3dab2e5]{min-height:100%;background-color:#fff}.center[data-v-a3dab2e5]{display:flex;justify-content:center;align-items:center;height:100vh;font-size:16px;color:#666}.page[data-v-a3dab2e5]{padding-bottom:calc(90px + env(safe-area-inset-bottom));overscroll-behavior-y:none}.header-section[data-v-a3dab2e5]{position:relative;width:100%;height:280px;background-color:#000}.cover[data-v-a3dab2e5]{width:100%;height:100%}.cover img[data-v-a3dab2e5]{width:100%;height:100%;object-fit:cover;object-position:top}.cover-overlay[data-v-a3dab2e5]{position:absolute;inset:0;background:linear-gradient(180deg,#0000,#000c)}.profile-overlay[data-v-a3dab2e5]{position:absolute;bottom:30px;left:15px;right:15px;display:flex;flex-direction:column;gap:20px}.profile-main[data-v-a3dab2e5]{display:flex;align-items:center;gap:15px}.avatar-container[data-v-a3dab2e5]{flex-shrink:0}.avatar[data-v-a3dab2e5]{width:100px;height:100px;border-radius:50%;border:1px solid #FFFFFF;object-fit:cover}.header-info[data-v-a3dab2e5]{color:#fff;display:flex;flex-direction:column;gap:6px}.role-name[data-v-a3dab2e5]{font-family:PingFang SC;font-style:normal;font-weight:400;font-size:18px;line-height:26px;margin:0}.role-meta[data-v-a3dab2e5]{font-family:PingFang SC;font-style:normal;font-weight:300;font-size:12px;line-height:17px;color:#fff;opacity:.8}.creator-info[data-v-a3dab2e5]{display:flex;align-items:center;gap:4px;font-family:PingFang SC;font-style:normal;font-weight:300;font-size:12px;line-height:17px;color:#fff}.creator-label[data-v-a3dab2e5]{color:#fffc}.creator-avatar[data-v-a3dab2e5]{width:20px;height:20px;border-radius:50%;object-fit:cover}.creator-name[data-v-a3dab2e5]{color:#fff}.stats-bar[data-v-a3dab2e5]{display:flex;justify-content:space-around;align-items:center;height:60px;background:#fff;padding:10px 0}.stats-item[data-v-a3dab2e5]{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.stats-label[data-v-a3dab2e5]{font-family:PingFang HK,PingFang SC;font-style:normal;font-weight:400;font-size:12px;line-height:17px;color:#999}.stats-value[data-v-a3dab2e5]{font-family:PingFang SC;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#333}.stats-divider[data-v-a3dab2e5]{width:.5px;height:60px;background-color:#d9d9d9}.content-body[data-v-a3dab2e5]{padding:10px 15px}.tags-container[data-v-a3dab2e5]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:30px;margin-top:10px}.tag[data-v-a3dab2e5]{padding:2px 10px;background:#fc629933;border-radius:4px;font-family:PingFang SC;font-style:normal;font-weight:300;font-size:12px;line-height:18px;text-align:center;letter-spacing:.03em;color:#fe2f7f}.details-section[data-v-a3dab2e5]{display:flex;flex-direction:column;gap:46px}.section-title[data-v-a3dab2e5]{font-family:PingFang SC;font-style:normal;font-weight:500;font-size:13px;line-height:19px;color:#222;margin:0 0 6px;display:flex;align-items:center}.section-content[data-v-a3dab2e5]{font-family:PingFang SC;font-style:normal;font-weight:500;font-size:13px;line-height:22px;color:#666;white-space:pre-wrap}.button-container[data-v-a3dab2e5]{position:fixed;bottom:0;left:0;right:0;height:calc(60px + env(safe-area-inset-bottom));padding:0 15px calc(15px + env(safe-area-inset-bottom));background:transparent;display:flex;justify-content:center;align-items:flex-end;box-sizing:border-box}.chat-primary-btn[data-v-a3dab2e5]{width:100%;height:40px;background:#fe2f7f;border-radius:25px;color:#fff;border:none;font-family:PingFang SC;font-style:normal;font-weight:600;font-size:14px;line-height:20px;text-align:center;cursor:pointer}.chat-primary-btn[data-v-a3dab2e5]:active{transform:scale(.98);background-color:#e6206a}