.detail .role-intro-detail[data-v-42197195]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:calc(100% + 1px);overflow:hidden}.discover-card-container[data-v-42197195]{cursor:pointer;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.discover-card[data-v-42197195]{background-color:#080808;border:1px solid hsla(0,0%,100%,.2);border-radius:16px;display:flex;height:300px;margin:auto;overflow:hidden!important;position:relative;width:225px}.discover-card .role-cover-img[data-v-42197195]{bottom:0;left:0;position:absolute;right:0;top:0}.discover-card .role-cover-img[data-v-42197195],.discover-card .role-cover-img img[data-v-42197195]{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%}.discover-card .book-icon-b[data-v-42197195]{-webkit-backdrop-filter:blur(5.3333334923px);backdrop-filter:blur(5.3333334923px);background:#00000080;border-radius:50%;padding:6px;position:absolute;right:12px;top:12px;z-index:99}.discover-card .book-icon-b .book-icon[data-v-42197195]{color:#fff;height:16px;width:16px}.discover-card .role-intro-bottom[data-v-42197195]{background:linear-gradient(180deg,transparent,rgba(0,0,0,.7) 34.92%,#000);cursor:default;height:100px;margin-top:auto;padding:0 12px 12px;text-align:left;width:100%;z-index:10}.discover-card .role-intro-bottom p[data-v-42197195]{font-size:12px}.discover-card .role-intro-bottom .role-name[data-v-42197195]{font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discover-card .role-intro-bottom .role-desc[data-v-42197195]{color:#fff9;display:-webkit-box;line-height:18px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.discover-card .role-intro-bottom .other-info[data-v-42197195]{color:#fffc;display:flex;justify-content:space-between;white-space:nowrap}.discover-card .role-intro-bottom .other-info .author[data-v-42197195]{flex:1;margin-right:3px;overflow:hidden;text-overflow:ellipsis;width:0}.discover-card .role-intro-bottom .other-info .session-num-b img[data-v-42197195]{display:inline;margin-right:6px}.role-intro-detail[data-v-42197195]{background:#000000b2;bottom:0;display:flex;flex-direction:column;height:100%;left:0;padding:24px 12px 12px;position:absolute;right:0;text-align:left;top:0;width:100%}.role-intro-detail .role-intro-text[data-v-42197195]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;flex:1;font-size:14px;height:0;line-height:22px;margin-top:12px;overflow:hidden;text-overflow:ellipsis}.role-intro-detail .role-intro-text[data-v-42197195]::-webkit-scrollbar{height:6px;width:6px}.role-intro-detail .role-intro-text[data-v-42197195]::-webkit-scrollbar-track{background:transparent;border-radius:5px}.role-intro-detail .role-intro-text[data-v-42197195]::-webkit-scrollbar-thumb{background:#888;border-radius:5px}.role-intro-detail[data-v-42197195] .g-avatar-box{height:40px;width:40px}.role-intro-detail .to-chat-btn[data-v-42197195]{align-items:center;background:#fff;border-radius:20px;color:#040404;display:flex;font-weight:600;height:40px;justify-content:center;margin-top:12px;text-decoration:none;width:100%}.role-intro-detail .to-chat-btn[data-v-42197195]:hover{background:#e6e6e6}@media (max-width:1500px){.discover-card[data-v-42197195]{height:270px;width:206px}}@media (max-width:670px){.discover-card[data-v-42197195]{width:163px}}@media (max-width:380px){.discover-card[data-v-42197195]{height:233px;width:150px}}