.volc-live-portrait-container{width:100vw;height:100vh;position:relative;overflow:hidden;box-sizing:border-box;z-index:0}.volc-live-mobile-background-image{position:absolute;left:0;top:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}.volc-live-mobile-background-image-blur{filter:blur(36rpx);transform:scale(1.15);transform-origin:center center}.volc-live-portrait-top-overlay{position:absolute;top:0;left:0;right:0;z-index:104;box-sizing:border-box;pointer-events:none}.volc-live-portrait-description{box-sizing:border-box;height:calc(60rpx + .5 * (1rem - 16px));padding:0 24rpx;background-color:rgba(0,0,0,.2);pointer-events:auto}.volc-live-portrait-description-placeholder{background-color:transparent;pointer-events:none}.volc-live-portrait-status-row{display:flex;align-items:center;justify-content:space-between;min-height:calc(44rpx + .5 * (1rem - 16px));padding:12rpx 24rpx 0;box-sizing:border-box;pointer-events:none}.volc-live-portrait-status-spacer{flex:1;min-width:0}.volc-live-portrait-status-tag{display:flex;align-items:center;height:calc(44rpx + .5 * (1rem - 16px));padding:0 16rpx;border:1rpx solid rgba(255,255,255,.1);border-radius:22rpx;background:rgba(0,0,0,.2);backdrop-filter:blur(4rpx);color:rgba(255,255,255,.8);font-size:calc(22rpx + .5 * (1rem - 16px));font-weight:500;line-height:calc(44rpx + .5 * (1rem - 16px));box-sizing:border-box;pointer-events:auto}.volc-live-portrait-top-media-row{display:flex;align-items:flex-start;width:100%;padding:12rpx 24rpx 0;box-sizing:border-box;gap:16rpx;pointer-events:none}.volc-live-portrait-top-media-row-only-banner{justify-content:flex-end}.volc-live-portrait-image-float-scroll{flex:1;min-width:0;max-width:100%;height:calc(100rpx + .5 * (1rem - 16px));white-space:nowrap;pointer-events:auto}.volc-live-portrait-image-float-scroll-with-banner{max-width:calc(100vw - 48rpx - 460rpx - 16rpx)}.volc-live-portrait-header-banner{position:relative;flex:0 0 460rpx;width:460rpx;height:70rpx;margin-top:8rpx;overflow:hidden;border-radius:2rpx;pointer-events:auto}.volc-live-portrait-header-banner-image{width:100%;height:100%}.volc-live-portrait-header-banner-close{position:absolute;top:50%;right:8rpx;transform:translateY(-50%);width:28rpx;height:28rpx;border-radius:50%;background-color:rgba(0,0,0,.38);opacity:.8;display:flex;align-items:center;justify-content:center}.volc-live-portrait-header-banner-close mp-icon{display:flex;align-items:center;justify-content:center;line-height:1}.volc-live-portrait-player{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.image-text-root{position:absolute;z-index:10001}.portrait-image-text-card-drawer-shell{z-index:800!important}.portrait-image-text-card-wrap{background-color:#fff;height:60vh;display:flex;flex-direction:column;box-sizing:border-box}.portrait-image-text-card-title{font-size:calc(16px + .5 * (1rem - 16px));margin:0 20px 0 16px;height:calc(44px + .5 * (1rem - 16px));line-height:calc(44px + .5 * (1rem - 16px));font-weight:500;color:#1d2129}.portrait-image-text-card-close{position:absolute;right:10px;top:8px;background:0 0;box-shadow:none}.portrait-image-text-card{flex:1;min-height:0;overflow:auto}.volc-live-floating-container{position:absolute;right:28rpx;bottom:130rpx;bottom:calc(130rpx + constant(safe-area-inset-bottom));bottom:calc(130rpx + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end}.volc-live-floating-item+.volc-live-floating-item{margin-top:16rpx}.volc-live-portrait-chat{display:flex;flex:1;width:100vw;bottom:0;bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom);box-sizing:border-box;position:absolute;height:300px}.userId{position:fixed;top:0;left:0;width:150px;height:calc(60px + .5 * (1rem - 16px));color:red;font-size:calc(15px + .5 * (1rem - 16px));z-index:10000}