商品以及商品详情

build/assets/css/chunk/558.css

@@ -0,0 +1 @@
+.chat-page{background:#f7f8fa;display:flex;flex-direction:column;min-height:100vh}.chat-nav{backdrop-filter:blur(.5rem);-webkit-backdrop-filter:blur(.5rem);background:hsla(0,0%,100%,.9);border-bottom:.025rem solid rgba(0,0,0,.06);left:0;position:fixed;right:0;top:0;z-index:100}.chat-nav .nav-content{align-items:center;display:flex;height:1.1rem;padding:0 .6rem;position:relative}.chat-nav .nav-content .nav-back{align-items:center;display:flex;height:1.5rem;justify-content:center;margin-left:-.25rem;width:1.5rem}.chat-nav .nav-content .nav-info{align-items:center;display:flex;flex-direction:column;left:50%;position:absolute;transform:translateX(-50%)}.chat-nav .nav-content .nav-info .nav-name{color:#1a1a1a;font-size:.8rem;font-weight:500}.chat-nav .nav-content .nav-info .nav-role{color:#969799;font-size:.55rem}.chat-nav .nav-content .nav-placeholder{flex-shrink:0;width:1.25rem}.chat-scroll{flex:1}.message-list{padding:.4rem .6rem}.message-item{display:flex;flex-direction:column;margin-bottom:.6rem}.message-item.received{align-items:flex-start}.message-item.received .bubble{background:#fff;box-shadow:0 .05rem .2rem rgba(0,0,0,.06);color:#323233}.message-item.sent{align-items:flex-end}.message-item.sent .bubble{background:linear-gradient(135deg,#1989fa,#06b7f0);color:#fff}.message-item .bubble{border-radius:.4rem;font-size:.75rem;line-height:1.5;max-width:70%;padding:.5rem .6rem;word-break:break-all}.message-item .msg-time{color:#c8c9cc;font-size:.55rem;margin-top:.2rem;padding:0 .1rem}.chat-input-bar{align-items:center;background:#fff;border-top:.025rem solid #f2f3f5;display:flex;gap:.4rem;padding:.4rem .6rem}.chat-input-bar .input-wrap{background:#f7f8fa;border-radius:1rem;flex:1;padding:.3rem .6rem}.chat-input-bar .input-wrap .chat-input{font-size:.7rem;height:1.1rem;line-height:1.1rem}.chat-input-bar .send-btn{background:#1989fa;border-radius:1rem;flex-shrink:0;padding:.3rem .7rem}.chat-input-bar .send-btn .send-text{color:#fff;font-size:.7rem;font-weight:500}.scroll-bottom-safe{height:3rem}:root,page{--primary-color:#07c160}