.role-store-item {text-align: left;background-color: var(--n-m-bg-color);padding: 10px;border-radius: 5px;margin-bottom: 10px;cursor: pointer;}
.role-store-item-title {font-weight: bold;font-size: 16px;color: var(--n-text-title-color);}
.role-store-item-desc {color: var(--n-text-desc-color);}
#chat-box-platform select,#chat-box-platform select option {background: rgb(16, 16, 20);color: var(--primary-color-dark);}
#chat-box-platform [name=platform-select] {-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: pointer;}
.chat-platform-icon,.set-platform-icon {width: 16px;height: 16px; /*margin-right: 10px;*/margin-right: 5px;}
.set-platform-item {cursor: pointer;padding: 0 10px;}
.set-platform-name {width: 330px;}
.set-platform-select {position: absolute;top: 32px;left: -9px;background-color: var(--base-bg-color);z-index: 10;padding: 10px 5px;box-shadow: var(--n-box-shadow);max-height: 400px;overflow: auto;}
.set-platform-select .set-platform-item {padding: 3px 26px 3px 10px;margin-bottom: 8px;}
.set-platform-select .set-platform-item:hover {background-color: var(--menu-bg-color);}
.set-platform-item-selected {background-color: var(--menu-bg-color);color: var(--select-text-color);}
.set-platform-role textarea {width: 100%;resize: none;background-color: var(--base-bg-color);padding: 3px;outline: none;}
.chat-send-btn,#chat-upload-file {border-radius: .375rem;border: 1px solid #e5e7eb;cursor: pointer;background-color: var(--base-bg-color);padding: 2px 10px;}
.chat-send-btn.selected {background-color: var(--primary-color);color: #FFF;}
.chat-file-item {height: 32px;position: relative;}
.chat-file-item img{height: 100%;}
.chat-file-item .chat-up-file-show {height: 100%;width: 32px;text-align: center;vertical-align: middle;border: 1px solid #e5e7eb;}
.chat-file-item .chat-up-file-show .iconfont {font-size: 22px;}
.chat-file-item i {width: 12px;right: -6px;top: -6px;position: absolute;cursor: pointer;}
#chat-upload-file {position: relative;}
#chat-upload-file:hover #chat-upload-file-sel {display: block !important;}
#chat-upload-file-sel {position: absolute;border-radius: .375rem;border: 1px solid #e5e7eb;cursor: pointer;background-color: var(--base-bg-color);padding: 0.5rem 10px 0.25rem 10px;width: 99px;top: -90px;left: -1px;z-index: 100;}
#chat-upload-file-sel > div:hover {background-color: var(--chat-bg-color);border-radius: 3px;color: var(--select-text-color);}
.ask-file-item {cursor: pointer;padding: 12px;border: 1px solid #eee;border-radius: 12px;display: flex;align-items: center;justify-content: center;}
.ask-file-item span.iconfont {font-size: 30px;margin-top:5px;}
.ask-file-item .info .name {font-size: 14px;color: #333;/*color: var(--primary-color);*/}
.ask-file-item .info {margin-left:5px;}
.ask-file-item .info .summary{margin-top:2px;font-size: 12px;line-height: 12px;color: #81858c;}
.ask-file-item .ask-file-video {position: relative;}
.ask-file-item .ask-file-video video {display: block;max-width: 200px;max-height: 150px;border-radius: 4px;background: #000;cursor: pointer;}
.ask-file-item .ask-file-video i {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 40px;line-height: 1;color: #fff;pointer-events: none;text-shadow: 0 0 8px rgba(0, 0, 0, .5);}
.chat-platform-set-dialog .n-card {top: -150px;}
.markdown-body p>img {max-width: 50%;}

#aside-nav-bar{border-right: 1px solid #E5E7EB;}
#aside-nav-bar.n-layout-sider--collapsed{border-right: unset;}
#aside-nav-bar .new_chat_btn{min-height:40px;background-color: #DBEAFE;font-size: 16px;color:#1980FA;padding:10px;--n-border:none;}
#aside-nav-bar .sider-list{padding:0;}
#aside-nav-bar .sider-list .top_box{margin-bottom:10px;}
#aside-nav-bar .sider-list .top_box .label{color: #666;font-size: 12px;padding: .45rem 0;}
#aside-nav-bar .sider-list .normal_box{display: flex;flex-direction: column;gap: 12px;}
#aside-nav-bar .sider-list .sub_box .label{color: #666;font-size: 12px;}
#aside-nav-bar .sider-list .sider-item{margin-bottom:0;}
#aside-nav-bar .sider-list .sider-item--inner[data-v-41fd486f]{border:none;color: #576585;padding: .45rem;height: 44px;}
#aside-nav-bar .sider-list .sider-item--inner[data-v-41fd486f]:hover{background-color: #DBEAFE60;color: var(--primary-color);}
#aside-nav-bar .sider-list .sider-item--inner[data-v-41fd486f] .middle-box{padding-right: 0;}
#aside-nav-bar .sider-list .sider-item--inner[data-v-41fd486f]:hover .middle-box{padding-right: 0.5rem;}
#aside-nav-bar .sider-list .sider-item--inner[data-v-41fd486f] .box-nav-btn{display: none;padding-right: 6px;position: relative;}
#aside-nav-bar .sider-list .sider-item--inner[data-v-41fd486f]:hover .box-nav-btn{display: flex;border-radius: 100px;padding:6px;}
#aside-nav-bar .sider-list .sider-item--inner[data-v-41fd486f] .box-nav-btn:hover{background-color: #DBEAFE;}
#aside-nav-bar .sider-list .sider-item--inner__active[data-v-41fd486f]{background-color: #DBEAFE60;color: var(--primary-color);padding-right: .45rem;}
#aside-nav-bar .sider-list .sider-item--inner__active[data-v-41fd486f] .middle-box{padding-right: 0.5rem;}
#aside-nav-bar .sider-list .sider-item--inner__active[data-v-41fd486f] .box-nav-btn{display: flex;border-radius: 100px;padding:3px;z-index: 1;}
#aside-nav-bar .sider-list .sider-item--inner .action-list {position: absolute;top: 25px;left: -70px;right: -18px;background: white;border-radius: 8px;box-shadow: 0 4px 18px rgba(0,0,0,0.15);z-index: 1000;display: none;padding: 4px 3px;}
#aside-nav-bar .sider-list .sider-item--inner .action-list.show {display: block;}
#aside-nav-bar .sider-list .sider-item--inner .action-item {display: flex;align-items: center;gap: 6px;padding: 8px;cursor: pointer;color: #333;transition: all 0.2s ease;}
#aside-nav-bar .sider-list .sider-item--inner .action-item:hover {background: #f7f7f7;border-radius: 8px;}
#aside-nav-bar .sider-list .sider-item--inner .action-item.chat-nav-del {color: #dc3545;}
#aside-nav-bar .sider-list .sider-item--inner .action-item.chat-nav-del:hover {background: #fff5f5;}
#aside-nav-bar .sider-list .login_btn{cursor: pointer;padding:8px 12px;color:#0009;border-radius:6px;text-align: center;}
#aside-nav-bar .sider-list .login_btn:hover{background-color: #e9e9e960;}
#aside-nav-bar .role_btn{min-height:40px;background-color: #DBEAFE;font-size: 16px;font-weight:bold;color:#1980FA;--n-border:none;}
header.nologin {display:flex !important;border-bottom-width: 0;}
header.nologin .header_sub > div:has(.btn_group) {display: none;}
.nav_btn_group{display: flex;align-items: center;gap: 8px;padding:2px;}
.nav_btn_group.collapsed{border:1px solid #eee;border-radius: 100px;}
.nav_btn_group.collapsed ._btn.new_chat_btn{display: flex;}
.nav_btn_group ._btn{color:#81858c;cursor: pointer;border-radius: 100px;padding:6px;}
.nav_btn_group ._btn:hover{background-color: #eee;}
.nav_btn_group ._btn.new_chat_btn{display: none;}
.selected_model{display: flex;color: #00000099;/*color: var(--primary-color);*/}
.message-request{background-color: transparent !important;max-width: 80%;border: none !important;}
.message-request .chat-msg-content{font-size: 14px;line-height: 24px;white-space: pre-wrap;background-color: #DBEAFE60;padding: 0.5rem 0.75rem;border-radius: 1.2rem;width: fit-content;}
.message-reply{/*border: 1px solid #f0f0f0;*/}
.message-reply blockquote{font-size: 14px;}
.message-reply .chat-msg-content {font-size: 14px;}
.message-reply .toolbar {/*padding: 0 15px;*/min-width: auto !important;width: 100% !important;}
.message-reply .toolbar .code_type{/*display: none;*/}
.message-reply .toolbar .code_type::after{position: relative;}
.message-reply .toolbar.code-toolbar-fixed{padding:0;min-width: 128px;}
.message-reply .toolbar.code-toolbar-fixed .code_type{display: flex;}
.message-reply .toolbar .chat-code-btn-group.disabled{color: #61666b60;}
.message-reply .toolbar .chat-code-btn-group.disabled .chat-code-btn{cursor: not-allowed;}

/*消息编辑start*/
.message-box .history-nav-group{display: inline-flex; align-items: center; margin-left: 10px;}
.message-box .history-nav-group .history-nav-btn{width:26px;height:26px;border:none; background:none;padding: 0 5px;}
.message-box .history-nav-group .history-nav-btn:hover{background-color: #f6f6f6;border-radius: 100px;}
.message-box .history-nav-group .history-nav-btn i{font-size: 12px;}
.message-box .history-nav-group .history-counter{color:#81858c; font-size: 13px; margin: 0 5px; user-select: none;}
.message-box .chat-edit-area{position: relative;width: 100%; margin-top: 5px;}
.message-box .chat-edit-area .edit-btn-group{position: absolute;bottom: 12px;right: 10px;display: flex; justify-content: flex-end; gap: 8px; margin-top: 8px;}
.message-box .chat-edit-area .edit-textarea{width: 100%;border-radius: 15px;padding: 10px 10px 40px 10px;border: 1px solid #e5e7eb;outline: none;resize: none;max-height: 300px;overflow-y: auto;}
.message-box .chat-edit-area .edit-btn-cancel{padding: 5px 15px;border-radius: 10px;border: 1px solid #e5e7eb;background: #fff;cursor: pointer;font-size: 12px;}
.message-box .chat-edit-area .edit-btn-send{padding: 5px 15px;border-radius: 10px;background: var(--primary-color, #007bff);color: white;border: none;cursor: not-allowed;opacity: 0.5;font-size: 12px;}
/*消息编辑end*/

/*右侧上下文定位栏start*/
.chat_container.panel-open .context-nav {right: -15px;}
.context-nav {border-radius: 12px;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);z-index: 100;transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);}
.context-nav:hover {padding: 20px 10px 20px 20px;background-color: white;box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);}
.context-nav:hover .context-nav-container{width: 320px;}
.context-nav:hover .context-nav-container .nav-dot::after {opacity: 1;}
.context-nav:hover .context-nav-container .nav-titles {opacity: 1;width: 270px;}
.context-nav:hover .context-nav-container .nav-dots {max-height: 300px;/*overflow-y: auto;*/}
.context-nav .context-nav-container {display: flex;width: 50px;overflow-y: scroll;max-height: 300px;transition: all 0.2s ease;}
.context-nav .nav-dots {width: 50px;display: flex;flex-direction: column;align-items: center;gap: 10px;position: relative;}
.context-nav .nav-dot {display:flex;align-items:center;width: 12px;height:18px;min-height:18px;cursor: pointer;transition: all 0.2s ease;position: relative;}
.context-nav .nav-dot::after{content:"";display:flex;width: 12px;height:1px;min-height:1px;border-radius: 10px;background-color: #00000029;}
.context-nav .nav-dot:hover {transform: scale(1.3);}
.context-nav .nav-dot:hover::after{background-color: var(--primary-color);}
.context-nav .nav-dot.active::after{transform: scale(1.1);height:5px;min-height:5px;background-color: var(--primary-color);box-shadow: 0 0 10px rgba(255, 255, 255, 0.8);}
.context-nav .nav-titles {flex: 1;opacity: 0;transition: opacity 0.3s ease 0.1s;width: 0;display: flex;flex-direction: column;gap: 10px;}
.context-nav .nav-title-item {line-height:18px;min-height:18px;cursor: pointer;transition: all 0.2s ease;color: #333;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.context-nav .nav-title-item:hover {color: var(--primary-color);transform: translateX(5px);}
.context-nav .nav-title-item.active {color: var(--primary-color);font-weight: 600;}
/*右侧上下文定位栏end*/

.link_icon{width: 30px;height: 30px;border-radius: 100px;background: url('/static/images/icon/icon_link.png');background-size: cover;}
#chat-upload-file{padding: 2px;border-radius:100px;margin-right:0;border: 1px solid #e9e9e9;color: #9e9e9e;}
.common_word_btn{padding: 2px;border-radius: 100px;border: 1px solid #e9e9e9;color: #9e9e9e;cursor: pointer;}
.chat-send-btn {border-radius: 1rem;line-height: 25px;}
.chat-msg-btn{display: flex;align-items: center;gap: 2px;color: #848B9A;}
#chat-send{border-radius: 10px;background-color: var(--primary-color);color: #fff;--n-border: none;}
#chat-send.disabled{cursor: not-allowed;opacity: .6;}
#chat_platform_box{position: absolute;top: auto;left: 0;}
#chat_platform_box .set-platform-select{max-width: 240px;max-height: 320px;box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);}
.markdown-body{position: relative;}
.input_box.search_active .words_box{border-top: 0;border-radius: 0 0 10px 10px;margin-top:0;}
.input_box.search_active .sub_area_box{border-radius: 15px 15px 0 0 !important;}
.input_box.search_active.before .words_box{border-top: 1px solid #e0e0e6;border-bottom: 0;border-radius: 10px 10px 0 0;margin-top:0;}
.input_box.search_active.before .sub_area_box{border-radius:0 0 15px 15px !important;}
.input_box .words_box{position:absolute;left:0;top:auto;z-index:2;margin-top:10px;width: 100%;padding:10px;background-color: #fff;border-radius: 10px;border:1px solid #e0e0e6;box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);}
.input_box .words_box .top{display: flex;justify-content: space-between;align-items: center;color: #9e9e9e;font-size: 12px;}
.input_box .words_box .top .set_btn{cursor: pointer;}
.input_box .words_box .items_box{display: flex;flex-direction:column;gap: 5px;margin-top:10px;max-height: 320px;overflow-y: auto;}
.input_box .words_box .items_box .item{display: grid;grid-template-columns: max-content auto;align-items: center;gap: 10px;padding:6px;border-radius: 8px;cursor: pointer;}
.input_box .words_box .items_box .item.active{background-color: #00000008;}
.input_box .words_box .items_box .item:hover{background-color: #00000008;}
.input_box .words_box .items_box .item:first-child{background-color: #00000008;}
.input_box .words_box .items_box .item .label{display: flex;align-items: center;gap: 5px;background-color: #0000000d;color:#000000e6;padding: 2px 8px;border-radius: 5px;}
.input_box .words_box .items_box .item .label img{border-radius: 100px;max-height: 20px;max-width: 20px;}
.input_box .words_box .items_box .item .content{color:#0009;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.input_box .role_box{width: 100%;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap:13px;position: absolute;left: auto;top: auto;margin-top: 30px;}
.input_box .role_box .item{display: flex;justify-content: center;align-items: center;gap:6px;padding:8px 14px;border:1px solid #00000021;border-radius: 10px;color:#00000099;cursor: pointer;}
.input_box .role_box .item:hover{background-color: #00000008;}
.input_box .role_box .item img{max-height: 20px;max-width: 30px;}
.input_box .scroll_bottom{
    display:none;position: absolute;top:-30px;right: 20px;z-index:99;background-color: #fff;border-radius: 100px;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .2), 0 0 4px 0 rgba(0, 0, 0, .02), 0 12px 32px 0 rgba(0, 0, 0, .08);
}
/*常用语弹窗start*/
.mask_box .common_words_box{width:720px;position: relative;background-color: #fff;border-radius: 12px;padding:15px 30px 30px;box-shadow: 10px 20px 15px rgba(0, 0, 0, 0.1);}
.mask_box .common_words_box .header{padding:0;text-align: center;}
.mask_box .common_words_box .content_box .top{margin-top:20px;display: flex;justify-content: space-between;align-items: center;}
.mask_box .common_words_box .content_box .top .search_box{border:1px solid #9e9e9e60;border-radius: 8px;padding:6px 10px;min-width: 240px;}
.mask_box .common_words_box .content_box .top .add_btn{background-color: #00000008;padding: 6px 10px;border-radius: 6px;cursor: pointer;}
.mask_box .common_words_box .content_box .top .add_btn:hover{background-color: #00000010;}
.mask_box .common_words_box .content_box .sub_box{min-height: 400px;margin-top:20px;padding: 25px 15px;border:1px solid #9e9e9e60;border-radius: 10px;}
.mask_box .common_words_box .content_box .head{display: grid;align-items: center;gap:15px;grid-template-columns: 30% 70%;color:#0009;margin-bottom: 15px;padding: 0 8px;}
.mask_box .common_words_box .content_box .items_box{max-height: 400px;overflow: auto;}
.mask_box .common_words_box .content_box .item{display: grid;align-items: center;gap:15px;grid-template-columns: 30% 70%;position: relative;padding: 12px 8px;}
.mask_box .common_words_box .content_box .item.active{background-color: #00000008;}
.mask_box .common_words_box .content_box .item:hover{background-color: #00000008;cursor: pointer;border-radius: 6px;}
.mask_box .common_words_box .content_box .item .word{max-width: 85%;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.mask_box .common_words_box .content_box .item .label{display: flex;align-items: center;gap:5px;max-width:75%;background-color: #0000000d;color:#000000e6;padding: 2px 8px;border-radius: 5px;}
.mask_box .common_words_box .content_box .item .label img{border-radius: 100px;max-height: 20px;max-width: 20px;}
.mask_box .common_words_box .content_box .item .content{width:95%;color:#0009;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.mask_box .common_words_box .content_box .item .operate{display:none;position: absolute;right: 0;top:auto;justify-content: center;align-items: center;gap:8px;}
.mask_box .common_words_box .content_box .item .op_btn{cursor: pointer;padding:5px 8px;border-radius: 6px;}
.mask_box .common_words_box .content_box .item .op_btn:hover{background-color: #00000010;}
.mask_box .common_words_box .content_box .item .op_btn.del_btn{color: red;}
.mask_box .common_words_box .content_box .item:hover .operate{display: flex;}
.mask_box .common_words_box .content_box .item:hover .content{max-width: 80%;}
.mask_box .operate_words_box{padding:20px 28px;border-radius: 12px;}
.mask_box .operate_words_box .header{padding:0;display: flex;justify-content: space-between;align-items: center;}
.mask_box .operate_words_box .content_box .top{margin-top:10px;display: flex;justify-content: space-between;align-items: center;gap:10px;}
.mask_box .operate_words_box .content_box .tip{color: #00000073;}
.mask_box .operate_words_box .content_box .random_btn{padding:6px 10px;border-radius:6px;display: flex;justify-content: center;align-items: center;gap:2px;background-color:var(--primary-color);color:#fff;cursor: pointer;}
.mask_box .operate_words_box .content_box .sub_box{margin-top:15px;border-radius: 6px;border:1px solid #0000000d;}
.mask_box .operate_words_box .content_box .content_input{min-height:312px;border:none;width: 100%;height: 100%;border-radius: 6px;padding:8px;}
.mask_box .operate_words_box .content_box .custom_box{cursor: pointer;padding: 10px;display:flex;justify-content:space-between;align-items:center;background-color: #0000000d;}
.mask_box .operate_words_box .content_box .custom_sub{width: 85%;display: flex;align-items: center;}
.mask_box .operate_words_box .content_box .custom_box ._btn{color: var(--primary-color);}
.mask_box .operate_words_box .content_box .custom_box input{width: 100%;background-color:transparent;}
.mask_box .operate_words_box .content_box .custom_box em{max-width: 50%;font-style: normal;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.mask_box .operate_words_box .content_box .operate_box{margin-top:25px;display: flex;justify-content: flex-end;align-items: center;gap:8px;}
.mask_box .operate_words_box .content_box .operate_box .op_btn{cursor:pointer;padding:6px 25px;border-radius: 6px;background-color:#0000000d;color: #00000099;}
.mask_box .operate_words_box .content_box .operate_box .create_btn{background-color: var(--primary-color);color: #fff;}
.mask_box .operate_words_box .content_box .operate_box .create_btn.disabled{opacity: .5;cursor: not-allowed;}
/*常用语弹窗end*/
.markdown-body .search_result{position:relative;display: flex;justify-content: center;align-items: center;padding: 5px 20px 5px 5px;border-radius: 8px;background-color: #f6f6f6;margin-bottom: 10px;cursor: pointer;width: 180px;font-size: 14px;text-align: center;}
.markdown-body .search_result::before {content: "";position: absolute;top: 15px;right: 10px;transform: rotate(90deg);border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #333639 transparent;}
.markdown-body .search_result::after {content: "";position: absolute;top: 15px;right: 12px;transform: rotate(90deg);border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #fff transparent;}
.markdown-body .search_result:hover{background-color: #f3f3f3;}
.markdown-body .search_result .label{margin-left:3px;}
.chat_container {display: flex;transition: all 0.3s ease;}
.chat_container .left-content {width: 100%;transition: all 0.3s ease;}
.chat_container .left-content .logo{display: none;}
.chat_container .left-content .logo img{max-width: 180px;}
.chat_container .left-content.default .logo{display: flex;justify-content: center;align-items: center;margin-bottom: 30px;}
.chat_container .left-content.default{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.chat_container .left-content.default #message-wrapper-scroll{height: auto !important;}
.chat_container .left-content.default .input_box{padding-bottom: 10rem;}
.chat_container .right-panel {width: 0;background-color: #fff;border-left: 1px solid #f3f3f3;border-top: 1px solid #f3f3f3;position: fixed;right: -100%;top: 56px;bottom: 0;z-index:99;/*transition: all 0.3s ease;*/display: flex;flex-direction: column;}
.chat_container .right-panel .panel-header {padding: 10px 15px;background-color: #fff;border-bottom:1px solid #f3f3f3;display: flex;justify-content: space-between;align-items: center;}
.chat_container .right-panel .close-btn {background: none;border: none;color: #333;font-size: 24px;cursor: pointer;}
.chat_container .right-panel .panel-content {padding: 6px;flex-grow: 1;overflow-y: auto;}
.chat_container .right-panel .items_box{display: grid;/*justify-content: center;*/align-items: center;}
.chat_container .right-panel .items_box .item{border-radius: 10px;padding:8px 10px;cursor: pointer;}
.chat_container .right-panel .items_box .item:hover{background-color: #f6f6f6;}
.chat_container .right-panel .items_box .item .head{display: flex;justify-content: space-between;align-items: center;gap: 4px;font-size: 12px;}
.chat_container .right-panel .items_box .item .head_l{display: flex;justify-content: center;align-items: center;gap: 4px;}
.chat_container .right-panel .items_box .item .icon{max-height: 22px;max-width: 22px;border-radius: 100px;}
.chat_container .right-panel .items_box .item .index{width: 25px;height: 25px;display: flex;justify-content: center;align-items: center;border-radius: 100px;background-color: #f3f3f3;}
.chat_container .right-panel .items_box .item .title{margin-top:8px;font-size:1rem;}
.chat_container .right-panel .items_box .item .desc{margin-top:6px;color: #ccc;font-size: 0.8rem;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.chat_container.panel-open .left-content {/*transform: translateX(-150px);*/}
.chat_container.panel-open .right-panel {right: 0;}
.chat_container .file-list[data-v-c729cd70] {display: grid;grid-template-columns: repeat(3, minmax(160px, 1fr));gap: 8px;}
.chat_container .file-list .file-box[data-v-c729cd70] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;min-width: 160px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;background: #f5f5f5;}
.chat_container .file-list .file-item[data-v-6ee09900] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: flex;-webkit-box-pack: start;-webkit-justify-content: flex-start;-moz-box-pack: start;justify-content: flex-start;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;align-items: center;-webkit-flex-wrap: nowrap;flex-wrap: nowrap;gap: 8px;width: 100%;padding: 10px;}
.chat_container .file-list .file-item .file-icon[data-v-6ee09900] {overflow: hidden;width: 36px;height: 36px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;display: flex;justify-content: center;align-items: center;}
.chat_container .file-list .file-item .file-info[data-v-6ee09900] {overflow: hidden;-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;flex: 1;color: #838a95;font-size: 12px;font-style: normal;font-weight: 400;line-height: 20px;text-align: left;}
.chat_container .file-list .file-item .file-status[data-v-6ee09900] {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: flex;-webkit-box-pack: start;-webkit-justify-content: flex-start;-moz-box-pack: start;justify-content: flex-start;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;align-items: center;gap: 8px;}
.chat_container .file-list .file-item .delete-icon[data-v-6ee09900] {position: absolute;top: -4px;right: -4px;padding: 1px;color: rgba(0, 0, 0, .6);cursor: pointer;border-radius: 100px;background-color: #00000020;width: 22px;height: 22px;display: flex;justify-content: center;align-items: center;}
.chat_container .file-list .file-item .file-name{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.chat_container .file-list .file-item .file-icon .file-video-thumb {position: relative;display: block;width: 36px;height: 36px;cursor: pointer;}
.chat_container .file-list .file-item .file-icon .file-video-thumb video {display: block;width: 36px;height: 36px;object-fit: cover;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;background: #000;}
.chat_container .file-list .file-item .file-icon .file-video-thumb i {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 16px;color: #fff;pointer-events: none;text-shadow: 0 0 6px rgba(0, 0, 0, .6);}

/**********对话分享相关 start**********/
.message-box {position: relative;overflow: unset !important;}
.message-box.selected .message-request,
.message-box.selected .message-reply {background-color: rgba(59, 130, 246, 0.05);border: 1px solid rgba(59, 130, 246, 0.05);}
.message-box.selected::before {content: '';position: absolute;left: -35px;top: 6px;width: 20px;height: 100%;}
.message-checkbox-container {display: none;position: absolute;left: -35px;top: 6px;z-index: 100;width: 20px;height: 100%;pointer-events: none;}
.message-checkbox-container .message-checkbox {position: sticky;top: 10px;width: 20px;height: 20px;pointer-events: auto;}
.message-checkbox-container .checkbox-input {position: absolute;opacity: 0;width: 0;height: 0;}
.message-checkbox-container .checkbox-custom {
    width: 20px;height: 20px;border: 1px solid #d1d5db;border-radius: 4px;background: white;
    display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.2s;/*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);*/
}
.message-checkbox-container .checkbox-input:checked + .checkbox-custom {background: #3b82f6;border-color: #3b82f6;}
.message-checkbox-container .checkbox-input:checked + .checkbox-custom .checkbox-icon {opacity: 1;transform: scale(1);}
.message-checkbox-container .checkbox-icon {opacity: 0;transform: scale(0);transition: all 0.2s;color: white;}
/* 底部工具栏 */
.share-bottom-toolbar {
    position: absolute;bottom: 0;left: 0;right: 0;background: white;border-top: 1px solid #e5e7eb;
    z-index: 1000;padding: 15px 20px;display: flex;justify-content: space-between;align-items: center;animation: slideUp 0.3s ease;
}
.share-bottom-toolbar .toolbar-box {display: flex;justify-content: space-between;align-items: center;}
.share-bottom-toolbar .toolbar-left {display: flex;align-items: center;gap: 20px;}
.share-bottom-toolbar .toolbar-right {display: flex;align-items: center;gap: 10px;}
.share-bottom-toolbar .toolbar-btn {
    display: flex;align-items: center;gap: 6px;padding: 8px 16px;border-radius: 6px;font-size: 14px;
    cursor: pointer;transition: all 0.2s;border: 1px solid #d1d5db;background: white;color: #374151;
}
.share-bottom-toolbar .toolbar-btn:hover {background: #f9fafb;border-color: #9ca3af;}
.share-bottom-toolbar .toolbar-btn.primary {background: #3b82f6;color: white;border-color: #3b82f6;}
.share-bottom-toolbar .toolbar-btn.primary:hover {background: #2563eb;}
.share-bottom-toolbar .toolbar-btn.primary:disabled {background: #93c5fd;border-color: #93c5fd;cursor: not-allowed;opacity: 0.6;}
.share-bottom-toolbar .toolbar-btn.all-selected {/*background: #dbeafe;border-color: #3b82f6;*/color: var(--primary-color);}
.share-bottom-toolbar .toolbar-btn.select-all-btn{border:unset;background: unset;}
.share-bottom-toolbar .selection-count {font-size: 14px;color: #374151;}
.share-bottom-toolbar .selection-count span {font-weight: 600;color: #3b82f6;}
/* 分享弹窗样式 */
.share-dialog-overlay {
    position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);
    display: flex;align-items: center;justify-content: center;z-index: 10000;animation: fadeIn 0.3s ease;
}
.share-dialog {
    background: white;border-radius: 16px;width: 400px;
    max-width: 90vw;max-height: 90vh;overflow-y: auto;box-shadow: 0 3px 30px rgba(0, 0, 0, 0.2);
}
.share-dialog .create_btn {
    display: flex;align-items: center;justify-content: center;gap: 6px;margin-top: 15px;padding: 10px 16px;
    background: #3b82f6;color: white;border: none;border-radius: 100px;font-size: 14px;cursor: pointer;transition: background 0.2s;
}
.share-dialog .dialog-header {padding: 24px 24px 16px;position: relative;}
.share-dialog .dialog-header h3 {margin-bottom: 8px;font-size: 16px;font-weight: bold;color: #111827;}
.share-dialog .dialog-subtitle {font-size: 14px;color: #6b7280;}
.share-dialog .close-dialog-btn {
    position: absolute;top: 20px;right: 20px;background: none;border: none;font-size: 24px;color: #9ca3af;cursor: pointer;
    width: 32px;height: 32px;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: all 0.2s;
}
.share-dialog .close-dialog-btn:hover {background: #f3f4f6;color: #374151;}
.share-dialog .dialog-content {padding: 0 24px 24px;}
.share-dialog .result_box {display: none;margin-top: 18px;}
.share-dialog .result_box .link-container {
    position:relative;display: flex;gap: 8px;margin-bottom: 12px;
    padding: 6px;border: 1px solid #d1d5db;border-radius: 100px;font-size: 14px;background: #f9fafb;
}
.share-dialog .result_box .share-link-input {width: calc(100% - 70px);padding: 5px 12px;color: #374151;background: #f9fafb;border-radius: 100px;
}
.share-dialog .result_box .copy-link-btn {
    position: absolute;right: 6px;display: flex;align-items: center;gap: 2px;padding: 5px 12px;background: #3b82f6;
    color: white;border: none;border-radius: 100px;cursor: pointer;transition: background 0.2s;
}
.share-dialog .result_box .copy-link-btn:hover {background: #2563eb;}
/**********对话分享相关 end**********/