.pb-aigc-page{height:calc(100vh - 60px);border-top:1px solid var(--color-body-line);overflow:hidden;background:#f5f5f5;position:relative;display:flex}.pb-aigc-page .aigc-nav{width:7rem;flex-shrink:0;overflow-y:auto;background:var(--color-content-bg);display:flex;flex-direction:column}.pb-aigc-page .aigc-nav .aigc-type{flex:1;padding:.5rem}.pb-aigc-page .aigc-nav .aigc-type .item{margin-bottom:.5rem;outline:0;padding:.5rem 0;height:auto}.pb-aigc-page .aigc-nav .aigc-type .item.active{background:no-repeat center 50%;background-image:var(--color-primary-gradient-bg);background-size:contain;color:#fff}.pb-aigc-page .aigc-nav .aigc-nav-menu{padding:.5rem}.pb-aigc-page .aigc-nav .aigc-nav-menu .item{background-color:#f3f4f6;border-radius:4px;cursor:pointer;display:flex;height:40px;line-height:40px;margin:.5rem 0;padding:0 1rem;text-align:center;color:var(--color-text)}.pb-aigc-page .aigc-nav .aigc-nav-menu .item.active{color:var(--color-primary)}.pb-aigc-page .aigc-body{flex:1;display:flex;border-left:1px solid var(--color-body-line)}.pb-aigc-page .aigc-body .aigc-body-content{display:flex;flex-grow:1}.pb-aigc-page .aigc-body .aigc-body-content .aigc-body-nav{width:12rem;border-right:1px solid var(--color-body-line);background:var(--color-content-bg);padding:.5rem 1rem;overflow-y:auto;display:flex;flex-direction:column}.pb-aigc-page .aigc-body .aigc-body-content .aigc-body-nav a{text-decoration:none}.pb-aigc-page .aigc-body .aigc-body-content .aigc-body-main{flex-grow:1;padding:.5rem;display:flex}.pb-aigc-page .pb-aigc-chat{display:flex;--bg:#FFFFFF;--color-border:#F8F8F8;--color:var(--color-text);background-color:var(--bg);color:var(--color);border-radius:.5rem;flex-grow:1;flex-direction:column;padding:.5rem;width:0}.pb-aigc-page .pb-aigc-chat.dark{--bg:#1F1F1F;--color-border:#2F2F2F;--color:#CCC}.pb-aigc-page .pb-aigc-chat .main-box{flex-grow:1;height:0;overflow-y:auto;display:flex}.pb-aigc-page .pb-aigc-chat .main-box .view-history{text-align:center;padding:.5rem;color:var(--color-muted)}.pb-aigc-page .pb-aigc-chat .main-box .messages{width:100%}.pb-aigc-page .pb-aigc-chat .main-box .messages .message-item{padding:1rem 0}.pb-aigc-page .pb-aigc-chat .main-box .messages .message-item.user .container{flex-direction:row-reverse}.pb-aigc-page .pb-aigc-chat .main-box .messages .message-item.user .container .content{background:var(--color-primary);color:#fff}.pb-aigc-page .pb-aigc-chat .main-box .messages .message-item.user .container .tool{left:auto;right:3rem}.pb-aigc-page .pb-aigc-chat .main-box .messages .message-item .container{display:flex;padding:0;position:relative;align-items:flex-start}.pb-aigc-page .pb-aigc-chat .main-box .messages .message-item .container .user{width:3rem;text-align:center;color:var(--color-muted);flex-shrink:0}.pb-aigc-page .pb-aigc-chat .main-box .messages .message-item .container .user .avatar{width:2rem;height:2rem;border-radius:50%;background:#eee;background-size:cover;display:inline-flex}.pb-aigc-page .pb-aigc-chat .main-box .messages .message-item .container .user .name{font-size:.5rem;line-height:.5rem}.pb-aigc-page .pb-aigc-chat .main-box .messages .message-item .container .content{background:#f7f7f7;padding:.5rem;border-radius:.5rem}.pb-aigc-page .pb-aigc-chat .main-box .messages .message-item .container .content .msg-loading{color:var(--color);padding:.25rem 0;border-radius:.5rem;font-size:.5rem}.pb-aigc-page .pb-aigc-chat .main-box .messages .message-item .container .content .ub-html p{margin:0}.pb-aigc-page .pb-aigc-chat .main-box .messages .message-item .container .content .tool{color:var(--color-muted);margin-top:.5rem}.pb-aigc-page .pb-aigc-chat .input-box{height:auto;display:flex;padding:.5rem;align-items:end}.pb-aigc-page .pb-aigc-chat .input-box .left{flex-grow:1;padding:.25rem .5rem;position:relative}.pb-aigc-page .pb-aigc-chat .input-box .left /deep/ .el-textarea__inner{border:none;background:#f7f7f7;resize:none}.pb-aigc-page .pb-aigc-chat .input-box .right{padding:.5rem}.pb-aigc-page .pb-aigc-chat .input-box .right .send-btn{color:var(--color-primary)}.pb-aigc-page .pb-aigc-chat .input-box .right .send-btn .iconfont{font-size:1.5rem}.pb-aigc-page .pb-aigc-chat .input-box .action{padding:.5rem}