#app{width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box}#app,body,html{width:100%;height:100%;background:#f7f8fa;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif;-webkit-font-smoothing:antialiased}.page-container{padding-bottom:50px;min-height:100vh}.goods-card{margin-bottom:10px;background:#fff;border-radius:8px;overflow:hidden}.goods-card .goods-img{width:100%;height:180px;object-fit:cover}.goods-card .goods-info{padding:10px}.goods-card .goods-info .goods-name{font-size:14px;color:#333;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.goods-card .goods-info .goods-price{margin-top:8px;color:#ff4d4f;font-size:18px;font-weight:700}.goods-card .goods-info .goods-price .price-symbol,.live-entry{font-size:12px}.live-entry{position:fixed;bottom:70px;right:15px;width:60px;height:60px;border-radius:50%;background:-webkit-linear-gradient(315deg,#ff4d4f,#ff7875);background:linear-gradient(135deg,#ff4d4f,#ff7875);color:#fff;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-shadow:0 4px 12px rgba(255,77,79,.4);z-index:100;-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}.live-entry i{font-size:20px;margin-bottom:2px}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}.live-page{width:100%;height:100vh;background:#000;position:relative}.live-page .live-video{width:100%;height:100%;object-fit:cover}.live-page .live-header{position:absolute;top:0;left:0;right:0;padding:15px;padding-top:calc(15px + env(safe-area-inset-top));background:-webkit-linear-gradient(top,rgba(0,0,0,.6),transparent);background:linear-gradient(180deg,rgba(0,0,0,.6),transparent);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;color:#fff}.live-page .live-header .live-theme{font-size:16px;font-weight:500}.live-page .live-header .close-btn{font-size:24px}.live-page .live-comment{position:absolute;left:15px;bottom:120px;width:70%;max-height:200px;overflow:hidden}.live-page .live-comment .comment-item{background:rgba(0,0,0,.4);color:#fff;padding:6px 10px;border-radius:15px;margin-bottom:8px;font-size:13px;display:inline-block}.live-page .live-comment .comment-item .nickname{color:#ffd04b;margin-right:5px}.live-page .live-comment .comment-item.anchor-comment{background:rgba(255,77,79,.8)}.live-page .live-input{position:absolute;bottom:70px;left:15px;right:80px}.live-page .live-input input{width:100%;height:40px;border-radius:20px;background:hsla(0,0%,100%,.2);border:none;padding:0 15px;color:#fff}.live-page .live-input input::-webkit-input-placeholder{color:hsla(0,0%,100%,.7)}.live-page .live-input input::placeholder{color:hsla(0,0%,100%,.7)}.live-page .live-cart{position:absolute;bottom:70px;right:15px;width:50px;height:50px;border-radius:50%;background:#ff4d4f;color:#fff;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;font-size:24px}