<>
.index-logo-srcnew,
.index-logo-peak {
display: none;
}
@media (-webkit-min-device-pixel-ratio: 2),
(min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2){
.index-logo-src {
display: none;
}
.index-logo-srcnew {
display: inline;
}
}
>
< data-vue-ssr-id="285fce29:0 9aa2c530:0 f72a6ad4:0 792f1b2b:0 43cd0966:0 54b62cd7:0 85324b30:0">
.chat-input-background_3edHa {
position: relative;
}
.chat-input-background_3edHa #voice-input-wrapper .chat-voice-input-mic-icon svg {
opacity: 1;
}
.weak-svg_2Rvl2 svg,
.weak-svg_2Rvl2 img {
opacity: 0.85;
}
.weak-svg_2Rvl2:hover svg,
.weak-svg_2Rvl2:hover img {
opacity: 1;
}
.aisearch-btn_1yI-K {
margin-left: -6px;
border-radius: 12px;
border: 0.5px solid #DBDCE0;
height: 38px;
display: flex;
align-items: center;
padding: 0 18px 0 15px;
cursor: pointer;
font-size: 14px;
font-weight: 500;
box-sizing: border-box;
color: #333333;
}
.aisearch-btn_1yI-K.jump-btn_2QC9p {
color: #4E6EF2;
font-weight: 500;
}
.aisearch-btn_1yI-K.new-brand-btn_1WMjQ {
padding: 0 15px;
}
.aisearch-btn_1yI-K.new-brand-btn_1WMjQ .ds-btn_2pPkz {
margin-left: 0;
}
.aisearch-btn_1yI-K.new-brand-btn_1WMjQ .ds-btn_2pPkz img {
height: 14px;
}
.aisearch-btn-active_2XFWO {
background-color: rgba(781102420.09);
color: #4e6ef2;
border-color: rgba(781102420.12);
font-weight: 500;
}
.aisearch-btn-active_2XFWO .new-input-img_2U7f2 {
opacity: 1;
filter: brightness(0) saturate(100%) invert(35%) sepia(77%) saturate(2345%) hue-rotate(218deg) brightness(103%) contrast(99%);
}
.ai-search-btn-svg_vi_CZ {
margin-left: -6px;
}
.left-tool_12WeH {
display: flex;
}
.left-tool_12WeH .overword-tip_3QK26 {
display: flex;
justify-content: center;
align-items: center;
margin-left: 15px;
color: #9195a3;
font-size: 14px;
-webkit-font-smoothing: antialiased;
/* 标准抗锯齿 */
-moz-osx-font-smoothing: grayscale;
/* 针对Mac的字体平滑 */
}
.left-tool_12WeH .overword-tip-pure_3yM61 {
margin-left: 0;
}
.left-tool_12WeH .overword-tip_3QK26 .overword-submit_29wEi {
margin-left: 9px;
color: #4e6ef2;
cursor: pointer;
}
.left-tool_12WeH .ds-btn_2pPkz {
display: flex;
align-items: center;
margin-left: 7px;
}
.left-tool_12WeH .ds-btn_2pPkz img {
height: 14px;
}
.right-tool_3we_U {
display: flex;
}
.right-tool_3we_U.right-tool-no-margin_1fwj_ {
margin-right: -15px;
}
.right-tool_3we_U > *:not(:last-child) {
margin-right: 15px;
}
.right-tool_3we_U .tool-item_1e6GD {
display: flex;
cursor: pointer;
color: #333;
}
.right-tool_3we_U .tool-item_1e6GD svg {
display: block;
}
.right-tool_3we_U .tool-item_1e6GD:hover {
color: #4e6ef2;
}
.right-tool_3we_U .upload-btn-disabled_1sius {
cursor: not-allowed;
opacity: 0.5;
}
.panel-list_8jHmm {
display: flex;
justify-content: center;
position: absolute;
width: 100%;
bottom: -84px;
}
.panel-list_8jHmm > *:not(:last-child) {
margin-right: 9px;
}
.smart-input-mic_3blO0 {
display: none;
}
.drop-down-wrapper_2KOP3 .guide:before {
content: '';
position: absolute;
top: -1px;
right: -1px;
width: 7px;
height: 7px;
background-color: #f73131;
border-radius: 50px;
box-shadow: 0px 1.56px 7.78px 0px #ff274b4d;
}
.drop-down-btn_2L7_a {
position: relative;
cursor: pointer;
border-radius: 12px;
height: 36px;
box-sizing: border-box;
flex-grow: 1;
flex-shrink: 0;
background: #f6f7fe;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
font-weight: 500;
color: #333333;
}
.drop-down-btn_2L7_a:hover {
color: #4e6ef2;
background: #eff2fe;
}
.drop-down-btn_2L7_a:hover img {
filter: brightness(0) saturate(100%) invert(35%) sepia(77%) saturate(2345%) hue-rotate(218deg) brightness(103%) contrast(99%);
}
.drop-down-menu-wrapper_-I6Hm {
top: 100%;
left: 0;
}
.drop-down-menu_1hfyl.drop-down-menu_1hfyl.drop-down-menu_1hfyl > * {
height: 32px;
padding-left: 9px;
background: #fff;
}
.drop-down-menu_1hfyl.drop-down-menu_1hfyl.drop-down-menu_1hfyl > *:hover {
background: rgba(781102420.06);
}
.drop-down-menu_1hfyl.drop-down-menu_1hfyl.drop-down-menu_1hfyl > *:not(:last-child) {
margin-bottom: 8px;
}
.drop-down-menu_1hfyl.drop-down-menu_1hfyl.drop-down-menu_1hfyl * {
justify-content: flex-start;
}
.drop-down-menu_1hfyl.drop-down-menu_1hfyl.drop-down-menu_1hfyl .panel-guide:before {
top: 4px;
left: 74px;
}
.drop-down-menu_1hfyl.drop-down-menu_1hfyl.drop-down-menu_1hfyl .deep-research-panel:before {
left: 87px;
}
body:not(.home-index-middle) #chat-textarea,
body:not(.home-index-middle) #chat-input-area {
min-height: 28px;
}
body:not(.home-index-middle) #chat-input-main .chat-input-tool {
padding-top: 7px;
}
body:not(.home-index-middle) .smart-input-new- #chat-input-main {
border-radius: 21px;
}
body:not(.home-index-middle) .smart-input-new- #chat-textarea,
body:not(.home-index-middle) .smart-input-new- #chat-input-area {
min-height: 49px;
}
body:not(.home-index-middle) .smart-input-new-.smart_input_height_superman.smart_input_superman #head_wrapper.search-box-new-head-wrapper {
height: calc(35% + 120px);
}
body:not(.home-index-middle) .smart-input-new- .aisearch-btn_1yI-K {
padding: 0 12px 0 9px;
height: 36px;
}
body:not(.home-index-middle) .smart-input-new- .panel-list_8jHmm {
bottom: -60px;
}
body:not(.home-index-middle) .smart-input-new- .weak-svg_2Rvl2 svg,
body:not(.home-index-middle) .smart-input-new- .weak-svg_2Rvl2 img {
opacity: 1;
}
body:not(.home-index-middle) .smart-input-new- .s-bottom-space {
margin-top: 13px;
}
body:not(.home-index-middle) .smart-input-new- #s_wrap.s-isindex-wrap {
margin-top: 13px;
}
body:not(.home-index-middle) .smart-input-new- .s-hotsearch-wrapper-no-login {
margin-top: 100px;
}
#right-tool *:not(.cos-icon),
#left-tool *:not(.cos-icon),
.panel-list_8jHmm *:not(.cos-icon) {
font-family: PingFang SCArialsans-serif !important;
}
.chat-input-anchor {
position: relative;
width: 100%;
height: 100%;
-webkit-font-smoothing: antialiased;
/* 标准抗锯齿 */
-moz-osx-font-smoothing: grayscale;
/* 针对Mac的字体平滑 */
}
#chat-input-main {
position: absolute;
top: 0;
width: 100%;
z-index: 99;
border-radius: 19px;
}
#chat-input-main * {
font-family: arial;
}
#chat-input-main.chat-input-main-focus:before {
opacity: 0.14;
}
#chat-input-main.chat-input-main-focus .chat-input-wrapper {
box-shadow: 0 13px 18px -15px rgba(771282550.2);
}
#chat-input-main.chat-input-main-focus .chat-input-wrapper.chat-ai-wrapper #chat-input-panel {
display: block;
}
#chat-input-main.chat-input-main-focus .chat-input-wrapper-box-shadow {
box-shadow: 0 10px 40px -8px rgba(771282550.1);
}
#chat-input-main.chat-input-main-focus .chat-input-textarea {
max-height: 70px;
overflow-x: hidden;
overflow-y: auto;
}
#chat-input-main.chat-input-main-focus .chat-input-ai .ai-input-editor {
max-height: 70px;
overflow-y: scroll;
}
#chat-input-main.openning-anime .chat-input-wrapper {
box-shadow: 0 0 0 rgba(0000);
}
#chat-input-main.openning-anime .chat-input-wrapper-box-shadow {
box-shadow: 0 0 0 rgba(0000);
}
#chat-input-main.openning-anime .chat-input-op-anime {
z-index: 2;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
border-radius: inherit;
overflow: hidden;
transition: opacity 1s ease;
}
#chat-input-main.openning-anime .chat-input-op-anime:before {
content: '';
width: 1000px;
height: 1000px;
top: 50%;
left: 50%;
transform-origin: center;
position: absolute;
background-size: 100% 100%;
animation: rotateAndFade 5s linear forwards;
background-image: url(https://gips0.baidu.com/it/u=14154217,3818936281&fm=3028&app=3028&f=PNG&fmt=auto&q=100&size=f384_384);
}
@keyframes rotateAndFade {
0% {
opacity: 0;
transform: translate(-50%-50%) rotate(0deg);
}
20% {
opacity: 1;
transform: translate(-50%-50%) rotate(120deg);
/* 1s 旋转 120° */
}
80% {
opacity: 1;
transform: translate(-50%-50%) rotate(480deg);
/* 接着旋转两圈(2s + 1s) */
}
100% {
opacity: 0;
transform: translate(-50%-50%) rotate(600deg);
/* 最后 1s 再转 120° */
}
}
#chat-input-main .chat-input-wrapper-border {
z-index: 1;
position: absolute;
border: 1.5px solid transparent;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
border-radius: inherit;
background: #4e6ef2;
background: linear-gradient(whitewhite) padding-boxlinear-gradient(160deg#3377fe#4c6fff#8370ff#ba59ff) border-box;
}
#chat-input-main .chat-input-wrapper-border.chat-input-wrapper-border-ai-search {
z-index: 2;
}
#chat-input-main .chat-input-wrapper-box-shadow {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
border-radius: inherit;
transition: box-shadow 240ms ease;
box-shadow: 0 10px 40px -8px rgba(771282550.05);
}
#chat-input-main .chat-input-wrapper {
position: relative;
z-index: 3;
border: 1.5px solid transparent;
border-radius: inherit;
background: linear-gradient(whitewhite) padding-boxtransparent border-box;
background-origin: border-box;
background-clip: padding-boxborder-box;
transition: box-shadow 240ms ease;
box-shadow: 0 13px 18px -15px rgba(771282550.1);
}
#chat-input-main .chat-input-wrapper .chat-input-container {
padding: 9px 9px 9px 0px;
}
#chat-input-main .chat-input-wrapper .chat-input-container:hover {
cursor: text;
}
#chat-input-main .chat-input-wrapper.chat-ai-wrapper #chat-input-panel {
display: none;
}
#chat-input-main .chat-input-wrapper.chat-ai-wrapper #chat-input-panel.panel-expand {
opacity: 1;
transition: max-height 280ms easeopacity 280ms ease;
}
#chat-input-main .chat-input-wrapper.chat-ai-wrapper #chat-input-panel.panel-shrink {
opacity: 0;
max-height: 0;
transition: max-height 160ms easeopacity 160ms ease;
}
#chat-input-main .chat-input-wrapper.chat-ai-wrapper .chat-input-container {
padding-left: 12px;
}
#chat-input-main .chat-input-wrapper.chat-ai-wrapper.chat-ai-file-wrapper .chat-input-container {
padding-left: 12px;
}
#chat-input-main .chat-input-wrapper.chat-normal-wrapper .chat-input-container {
padding-left: 18px;
}
#chat-input-main .chat-input-wrapper.chat-normal-wrapper #chat-input-panel.panel-expand {
opacity: 1;
}
#chat-input-main .chat-input-wrapper.chat-normal-wrapper #chat-input-panel.panel-shrink {
display: none;
}
#chat-input-main .chat-input-wrapper #chat-input-panel {
position: relative;
overflow: hidden;
}
#chat-input-main .chat-input-wrapper #chat-input-panel .chat-input-panel-divider {
margin-top: 1px;
border-top: 0.3px solid #dbdce0;
position: absolute;
left: 15px;
right: 9px;
top: 0;
}
#chat-input-main .chat-input-wrapper #chat-input-panel .chat-input-panel-container {
max-height: inherit;
overflow: hidden;
border-bottom-left-radius: 18px;
border-bottom-right-radius: 18px;
}
#chat-input-main .chat-input-scroll-::-webkit-scrollbar {
display: block;
width: 4px;
}
#chat-input-main .chat-input-scroll-:hover::-webkit-scrollbar-thumb {
background-color: rgba(781102420.1);
border-radius: 4px;
}
#chat-input-main .chat-input-scroll-::-webkit-scrollbar-track {
box-shadow: none;
background-color: initial;
}
#chat-input-main .chat-input-textarea {
width: 100%;
box-sizing: border-box;
max-height: 26px;
cursor: auto;
padding: 0;
overflow: hidden;
resize: none;
font-size: 16px;
border: none;
outline: none;
line-height: 26px;
padding-right: 6px;
display: block;
caret-color: #335bff;
}
#chat-input-main .chat-input-textarea::placeholder {
padding-left: 1px;
color: #9195a3;
}
#chat-input-main .chat-input-ai {
position: relative;
padding-left: 6px;
}
#chat-input-main .chat-input-ai .ai-input-prefix-wrapper {
z-index: 1;
display: inline-flex;
align-items: center;
position: relative;
cursor: pointer;
user-select: none;
}
#chat-input-main .chat-input-ai .ai-input-prefix-wrapper .ai-input-prefix-container {
height: 24px;
padding: 0 6px;
border-radius: 6px;
background: #F6F7FE;
display: flex;
align-items: center;
}
#chat-input-main .chat-input-ai .ai-input-prefix-wrapper .close-icon {
margin-left: 3px;
}
#chat-input-main .chat-input-ai .ai-input-prefix-wrapper .ai-input-prefix {
user-select: none;
font-size: 16px;
line-height: 16px;
font-weight: 500;
background: linear-gradient(90deg#2867fa#873cff);
-webkit-background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
/* Safari 兼容 */
}
#chat-input-main .chat-input-ai .ai-input-prefix-wrapper .ai-input-prefix-holder {
width: 6px;
height: 1em;
vertical-align: baseline;
background: transparent;
}
#chat-input-main .chat-input-ai .cs-pc-input-agent {
display: inline-block;
color: #2440B3;
padding-left: 3px;
padding-right: 3px;
font-weight: 500;
}
#chat-input-main .chat-input-ai .cs-pc-input-agent .agent-icon-ai {
font-size: 11px;
line-height: 11px;
position: relative;
top: -4px;
font-weight: 400;
}
#chat-input-main .chat-input-ai .ai-input-editor {
outline: none;
line-height: 28px;
font-size: 16px;
cursor: text;
max-height: 28px;
overflow-y: hidden;
overflow-x: hidden;
caret-color: #335bff;
-moz-user-select: text;
user-select: text;
padding-right: 9px;
margin-right: -9px;
}
#chat-input-main .chat-input-ai .ai-input-editor.ai-input-caret-hidden {
caret-color: transparent;
}
#chat-input-main .chat-input-ai .ai-input-editor.ai-input-placeholder:after {
color: #9195a3;
content: attr(placeholder);
padding-left: 1px;
}
#chat-input-main .chat-input-ai .ai-input-editor * {
text-indent: 0;
}
#chat-input-main .chat-input-ai .ai-input-editor .input-custom-item {
padding: 0 6px;
border-radius: 6px;
background-color: rgba(781102420.09);
max-width: calc(100% - 27px);
font-weight: 500;
color: #4e6ef2;
display: inline-block;
line-height: 24px;
}
#chat-input-main .chat-input-ai .ai-input-editor .input-custom-item:focus {
outline: none;
}
#chat-input-main .chat-input-ai .ai-input-editor .input-custom-placeholder:after {
content: attr(placeholder);
color: rgba(781102420.4);
}
#chat-input-main .chat-input-ai .ai-input-editor .input-custom-no-width {
user-select: none;
display: inline-block;
width: 3px;
}
#chat-input-main .chat-input-tool {
padding-top: 9px;
align-items: center;
display: flex;
justify-content: center;
width: 100%;
}
#chat-input-main .chat-input-tool * {
user-select: none;
}
#chat-input-main .chat-input-tool .tools-placeholder-wrapper {
flex: 1 1;
min-width: 12px;
}
#chat-input-main .chat-input-tool .right-tools-wrapper {
padding-left: 9px;
background: #fff;
border-radius: 12px;
align-items: center;
display: flex;
}
#chat-input-main .chat-input-tool .right-tools-wrapper #right-tool {
display: flex;
align-items: center;
margin-right: 18px;
}
#chat-input-main .chat-input-tool .right-tools-wrapper #right-tool > .tools-clear-icon:only-child {
margin-right: 0;
}
#chat-input-main .chat-input-tool .right-tools-wrapper #right-tool .tools-clear-icon {
display: none;
cursor: pointer;
margin-right: 15px;
}
#chat-input-main .chat-input-tool .right-tools-wrapper #right-tool .tools-clear-icon.show-clear-icon {
display: block;
opacity: 0.85;
}
#chat-input-main .chat-input-tool .right-tools-wrapper #right-tool .tools-clear-icon svg {
display: block;
}
#chat-input-main .chat-input-tool .right-tools-wrapper #right-tool #voice-input-wrapper:not(:last-child) {
margin-right: 18px;
}
#chat-input-main .chat-input-tool .right-tools-wrapper #right-tool #voice-input-wrapper:empty {
margin-right: 0;
}
#chat-input-main .chat-input-tool .right-tools-wrapper #chat-submit-button {
font-size: 17px;
font-weight: 500;
width: 108px;
height: 44px;
cursor: pointer;
color: #fff;
border-radius: 15px;
position: relative;
border: none;
background: linear-gradient(136deg#286aff#4e6ef2#7274f9#9f66ff);
}
#chat-input-main .chat-input-tool .right-tools-wrapper #chat-submit-button:hover {
background-image: linear-gradient(rgba(0000.09)rgba(0000.09))linear-gradient(136deg#286aff#4e6ef2#7274f9#9f66ff);
}
#chat-input-main .chat-input-tool .right-tools-wrapper #chat-submit-button-ai {
cursor: pointer;
opacity: 0.3;
}
#chat-input-main .chat-input-tool .right-tools-wrapper #chat-submit-button-ai.chat-submit-button-ai-active {
opacity: 1;
}
.chat-input-drag-mask {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(2552552550.75);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
pointer-events: none;
z-index: 99999;
color: #333333;
}
.chat-input-drag-mask-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
top: 40%;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.chat-input-drag-mask-image {
height: 84px;
width: 175px;
}
.chat-input-drag-mask-title {
font-size: 21px;
font-weight: 500;
margin-top: -2px;
}
.chat-input-drag-mask-content {
margin-top: 9px;
font-size: 14px;
}
.chat-input-drag-mask-sub-content {
margin-top: 3px;
font-size: 14px;
}
.smart-input-new- #chat-input-main .chat-input-wrapper-border {
border: 1px solid transparent;
background: linear-gradient(120.58deg#7AA2FF 3.49%#878FFF 99.21%);
}
.smart-input-new- #chat-input-main .chat-input-wrapper-box-shadow {
box-shadow: 0px 8px 36px -18px rgba(771282550.28);
}
.smart-input-new- #chat-input-main.chat-input-main-focus .chat-input-wrapper-box-shadow {
box-shadow: 0px 8px 22px -15px rgba(771282550.1);
}
#chat-input-main.one-line-input #chat-input-area {
width: 100%;
}
#chat-input-main.one-line-input .chat-input-wrapper .chat-input-container {
padding-bottom: 9px;
}
#chat-input-main.one-line-input .chat-input-tool {
position: absolute;
right: 2.5px;
top: 2.5px;
padding-top: 0;
width: auto;
}
#chat-input-main.one-line-input .chat-input-tool #left-tool {
display: none;
}
#chat-input-main.one-line-input .chat-input-tool #chat-submit-button {
height: 38px;
}
#chat-input-main.one-line-input .chat-input-tool #voice-input-wrapper .listening-pill {
height: 38px;
}
.chat-input-anchor-ai-search #chat-input-main {
border-radius: 21px;
}
.chat-input-anchor-ai-search #chat-input-main.chat-input-main-focus .chat-input-textarea {
max-height: 260px;
}
.chat-input-anchor-ai-search #chat-input-main.chat-input-main-focus .chat-input-ai .ai-input-editor {
max-height: 176px;
}
.chat-input-anchor-ai-search #chat-input-main.chat-input-main-focus .chat-ai-file-wrapper .ai-input-editor {
max-height: 147px;
}
.chat-input-anchor-ai-search #chat-input-main .chat-input-tool {
padding-top: 9px;
}
.chat-input-anchor-ai-search #chat-input-main .chat-input-textarea {
min-height: 45px;
}
.chat-input-anchor-ai-search #chat-input-main .chat-input-wrapper.chat-normal-wrapper.chat-ai-file-wrapper .chat-input-container {
padding-left: 18px;
}
.chat-input-anchor-ai-search #chat-input-main .chat-ai-file-wrapper .chat-input-container {
padding-top: 12px;
}
.chat-input-anchor-ai-search #chat-input-main .chat-input-container {
padding: 9px 12px 11px 12px;
}
.chat-input-anchor-ai-search #chat-input-main .chat-input-container .right-tools-wrapper .chat-voice-input .chat-voice-input-mic-icon svg {
color: #333;
opacity: 1;
}
.chat-input-anchor-ai-search #chat-input-main .chat-input-container .right-tools-wrapper .chat-voice-input .chat-voice-input-mic-icon svg:hover {
color: #4e6ef2;
}
.chat-input-anchor-ai-search #chat-input-main .chat-input-container .chat-input-ai {
min-height: 69px;
}
.chat-input-anchor-ai-search #chat-input-main .chat-input-scroll- {
scrollbar-width: auto;
scrollbar-color: auto;
}
@keyframes rotateForever {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.ai-input-file-delete {
width: 15px;
height: 15px;
position: fixed;
display: none;
}
.ai-input-file-delete .ai-input-file-delete-icon {
width: 100%;
height: 100%;
}
.ai-input-file {
position: relative;
height: 28px;
max-width: 243px;
display: inline-flex;
flex-direction: row;
cursor: pointer;
padding-right: 6px;
vertical-align: bottom;
align-items: center;
}
.ai-input-file:hover .ai-input-file-delete {
display: flex;
}
.ai-input-file:hover .ai-input-file-inner {
background: rgba(781102420.06);
}
.ai-input-file .ai-input-file-inner {
position: relative;
height: 28px;
max-width: 243px;
display: inline-flex;
flex-direction: row;
border-radius: 6px;
background-color: #f5f6f9;
box-sizing: border-box;
cursor: pointer;
padding: 3px 9px 3px 3px;
vertical-align: bottom;
align-items: center;
}
.ai-input-file .ai-input-file-icon {
position: relative;
}
.ai-input-file .ai-input-file-icon .ai-input-file-icon-img {
width: 20px;
height: 20px;
border-radius: 6px;
display: block;
}
.ai-input-file .ai-input-file-name {
font-size: 16px;
line-height: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ai-input-file .ai-input-file-name-container {
font-size: 14px;
line-height: 14px;
margin-left: 3px;
overflow: hidden;
}
.ai-input-file .ai-input-file-name-container .ai-input-file-name {
display: inline-block;
max-width: 100px;
height: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: top;
font-size: 14px;
line-height: 14px;
}
.ai-input-file .ai-input-file-name-container .ai-input-file-num {
display: inline-block;
height: 100%;
font-size: 14px;
line-height: 14px;
}
.ai-input-file-uploading .ai-input-file-icon-loading {
position: absolute;
top: calc(50% - 5px);
left: calc(50% - 5px);
width: 10px;
height: 10px;
animation: rotateForever 1s linear infinite;
}
.ai-input-file-failed .ai-input-file-content {
color: #848691;
}
.ai-input-image {
position: relative;
vertical-align: bottom;
width: 28px;
height: 28px;
display: inline-flex;
flex-direction: row;
border-radius: 6px;
cursor: pointer;
margin-right: 6px;
}
.ai-input-image .ai-input-image-bg {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 6px;
min-width: 100%;
}
.ai-input-image .ai-input-image-num {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%-50%);
z-index: 2;
color: white;
font-size: 14px;
font-weight: bold;
}
.ai-input-image:hover .ai-input-file-delete {
display: flex;
}
.ai-input-image-uploading .ai-input-file-icon-loading {
position: absolute;
top: calc(50% - 5px);
left: calc(50% - 5px);
width: 10px;
height: 10px;
animation: rotateForever 1s linear infinite;
}
.multi-image-mask::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 6px;
background: rgba(0000.5);
}
.ai-bdsug.ai-bdsug-new {
font-size: 14px;
font-weight: 400;
color: #1e1f24;
padding-bottom: 14px;
margin-top: 10px;
-webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto;
}
.ai-bdsug.ai-bdsug-new ul {
/* 通用直达模板热标样式 */
/* 老数据热标样式 */
/* 通用直达模板 */
/* 文件样式 */
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-store span {
color: #1e1f24;
}
.ai-bdsug.ai-bdsug-new ul li {
position: relative;
padding-left: 0 !important;
padding-right: 9px;
min-height: 28px;
line-height: 28px;
cursor: pointer;
color: #1e1f24;
}
.ai-bdsug.ai-bdsug-new ul li b {
font-weight: 400;
color: #1e1f24;
}
.ai-bdsug.ai-bdsug-new ul li .bdsug-store-del {
right: 9px;
text-decoration: none;
}
.ai-bdsug.ai-bdsug-new ul li .bdsug-store-del:hover {
color: #4e6ef2;
}
.ai-bdsug.ai-bdsug-new ul li:not([class*="bdsug-no-avoid"])[data-no-ai-sug="1"] .ask-ai-tail-wrapper {
display: none !important;
}
.ai-bdsug.ai-bdsug-new ul li .ask-ai-tail-wrapper {
display: flex;
flex: 1;
align-self: stretch;
}
.ai-bdsug.ai-bdsug-new ul li .ask-ai-tail-wrapper:hover {
font-weight: 500;
}
.ai-bdsug.ai-bdsug-new ul li .ask-ai-tail-wrapper:hover .ask-ai-tail-text {
background: linear-gradient(90deg#2867FA 0%#873CFF 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}
.ai-bdsug.ai-bdsug-new ul li .ask-ai-tail {
display: flex;
align-items: center;
padding-right: 12px;
opacity: 0;
}
.ai-bdsug.ai-bdsug-new ul li .ask-ai-tail-icon {
margin-right: 6px;
width: 14px;
height: 14px;
background-image: url('https://psstatic.cdn.bcebos.com/basics/aichat/star_linear_1768206600000.svg');
background-repeat: no-repeat;
background-position: center;
background-size: 14px 14px;
}
.ai-bdsug.ai-bdsug-new ul li .ask-ai-tail-icon::before {
content: '';
background-image: url('https://psstatic.cdn.bcebos.com/multimode/ai-icon-bold_1759053952000.png');
}
.ai-bdsug.ai-bdsug-new ul li .ask-ai-tail-line {
width: 0.5px;
height: 10px;
background-color: #000000;
margin-right: 21px;
opacity: 0.2;
}
.ai-bdsug.ai-bdsug-new ul li .ask-ai-tail-text {
font-size: 14px;
background: linear-gradient(90deg#2867FA 0%#873CFF 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}
.ai-bdsug.ai-bdsug-new ul li .ask-ai-tail-blank {
flex: 1;
height: 32px;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-ai-upgrade {
color: #1e1f24;
min-height: 32px;
line-height: 32px;
display: flex;
align-items: center;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-ai-upgrade b {
color: #1e1f24;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-ai-upgrade .direct-sug-wrap {
color: #1e1f24;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-ai-upgrade .direct-sug-wrap .name {
color: #1e1f24;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-ai-upgrade .direct-sug-wrap .brief,
.ai-bdsug.ai-bdsug-new ul li.bdsug-ai-upgrade .direct-sug-wrap .info {
color: #1e1f24;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-ai-upgrade:first-child {
margin-top: -2px;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-ai-upgrade:last-child {
margin-bottom: -3px;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-color-red {
color: #ee0333;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-ask-tail {
display: flex;
padding-left: 16px;
align-items: center;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-ask-tail .sug-content {
box-sizing: border-box;
min-width: 200px;
padding-left: 15px;
padding-right: 54px;
overflow: hidden;
text-overflow: ellipsis;
color: #ee0333;
display: flex;
align-items: center;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-ask-tail .sug-content b {
color: #1e1f24;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-ask-tail .sug-content.sug-content-double {
width: 100%;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-ask-tail .direct-sug-wrap {
display: flex;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-ai-hover-upgrade .sug-content {
padding-right: 100px;
min-width: 240px;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-ai-hover-upgrade .sug-content:hover {
font-weight: 500;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-ai-hover-upgrade .sug-content:hover .search-sug-icon {
background-image: url('https://psstatic.cdn.bcebos.com/aife/superman/search-hover-border_1768225457000.svg');
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-ai-hover-upgrade .ask-ai-tail-line {
margin-right: 12px;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-s {
background-color: #335CFF0D;
color: #4e6ef2;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-s .ori-his {
color: #4e6ef2;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-s .ori-his.ainew-his,
.ai-bdsug.ai-bdsug-new ul li.bdsug-s .bdsug-s-aifile {
background-image: linear-gradient(45deg#4E6EF2#873CFF);
-webkit-background-clip: text;
background-clip: text;
color: transparent!important;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-s b {
color: #4e6ef2;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-s .direct-sug-wrap .name {
color: #4e6ef2;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-s .direct-sug-wrap .brief,
.ai-bdsug.ai-bdsug-new ul li.bdsug-s .direct-sug-wrap .info {
color: #4e6ef2;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-s .ask-ai-tail {
opacity: 1;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-s .search-sug-icon {
background-image: url('https://psstatic.cdn.bcebos.com/aife/superman/search-hover_1756192477000.svg');
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-s .search-sug-icon.ai_guide {
background-image: url('https://psstatic.cdn.bcebos.com/aife/superman/ai-icon-hover_1756192461000.svg');
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-s .search-sug-icon.ai_his {
background-image: url('https://psstatic.cdn.bcebos.com/multimode/ai-icon-bold_1759053952000.png');
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-s .search-sug-icon.ai_new_his {
background-image: url('https://psstatic.cdn.bcebos.com/aife/static/star-hover_1765347114000.png');
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-s .search-sug-icon.new_his {
background-image: url('https://psstatic.cdn.bcebos.com/aife/static/normal-hover_1765347379000.png');
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-s .search-sug-icon.ask-ai-tail-icon {
background-image: url('https://psstatic.cdn.bcebos.com/basics/aichat/star_linear_1768206600000.svg');
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-s.bdsug-color-red {
color: #ee0333;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-s .sug-content {
color: #4e6ef2;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-s .sug-content span:not([class*="sug-tag-comm"]),
.ai-bdsug.ai-bdsug-new ul li.bdsug-s .sug-content b {
color: #4e6ef2;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-s.bdsug-ai-hover-upgrade .sug-content:hover {
font-weight: 500;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-s.bdsug-ai-hover-upgrade .sug-content:hover .search-sug-icon {
background-image: url('https://psstatic.cdn.bcebos.com/aife/superman/search-hover-border_1768225457000.svg');
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-s.bdsug-ai-hover-upgrade .sug-content:hover b {
font-weight: 500;
}
.ai-bdsug.ai-bdsug-new ul .sug-tag-text {
position: sticky;
right: -4px;
margin-top: -2.5px;
display: inline-block;
box-sizing: border-box;
margin-left: 6px;
padding: 1px;
font-size: 12px;
line-height: 12px;
font-weight: 500;
text-align: center;
border-radius: 4px;
vertical-align: middle;
border-width: 1px;
border-: solid;
}
.ai-bdsug.ai-bdsug-new ul .sug-tag-img {
height: 18px;
max-width: 80px;
vertical-align: middle;
margin-left: 6px;
}
.ai-bdsug.ai-bdsug-new ul .sug-new-tag {
text-align: center;
margin-left: 6px;
box-sizing: border-box;
font-size: 12px;
line-height: 14px;
padding: 1px 4px;
font-weight: 500;
}
.ai-bdsug.ai-bdsug-new ul .sug-new-tag-grey {
color: #858585;
border: 1px solid rgba(1331331330.5);
border-radius: 4px;
}
.ai-bdsug.ai-bdsug-new ul .sug-new-tag-blue {
color: #3366ff;
border: 1px solid rgba(511022550.4);
border-radius: 4px;
}
.ai-bdsug.ai-bdsug-new ul .sug-new-tag-orange {
color: #ff3333;
border: 1px solid rgba(25551510.4);
border-radius: 4px;
}
.ai-bdsug.ai-bdsug-new ul .sug-hot-orange,
.ai-bdsug.ai-bdsug-new ul .sug-hot-grey,
.ai-bdsug.ai-bdsug-new ul .sug-hot-blue {
display: inline-block;
width: 12px;
height: 12px;
font-size: 12px;
line-height: 12px;
padding: 2px;
text-align: center;
font-weight: 500;
margin-left: 6px;
vertical-align: text-bottom;
}
.ai-bdsug.ai-bdsug-new ul .direct-sug-wrap {
display: block;
width: 100%;
height: 40px;
padding: 9px 0;
color: #626675;
/* 顶部样式 */
/* 底部样式 */
}
.ai-bdsug.ai-bdsug-new ul .direct-sug-wrap .left-img-wrap {
position: relative;
}
.ai-bdsug.ai-bdsug-new ul .direct-sug-wrap .left-img-wrap::before {
content: '';
width: 38px;
height: 38px;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
border: 1px solid rgba(0000.06);
border-radius: 9px;
}
.ai-bdsug.ai-bdsug-new ul .direct-sug-wrap .left-img {
box-sizing: border-box;
float: left;
width: 40px;
height: 40px;
border-radius: 9px;
margin-right: 6px;
}
.ai-bdsug.ai-bdsug-new ul .direct-sug-wrap .content {
float: left;
}
.ai-bdsug.ai-bdsug-new ul .direct-sug-wrap .header {
margin-bottom: 9px;
line-height: 18px;
height: 18px;
vertical-align: middle;
}
.ai-bdsug.ai-bdsug-new ul .direct-sug-wrap .name {
float: left;
font-size: 16px;
font-weight: 500;
color: #626675;
}
.ai-bdsug.ai-bdsug-new ul .direct-sug-wrap .tag-img {
width: 18px;
margin-left: 4px;
}
.ai-bdsug.ai-bdsug-new ul .direct-sug-wrap .more {
line-height: 14px;
width: 240px;
}
.ai-bdsug.ai-bdsug-new ul .direct-sug-wrap .brief,
.ai-bdsug.ai-bdsug-new ul .direct-sug-wrap .info {
font-size: 14px;
font-weight: 400;
color: #626675;
}
.ai-bdsug.ai-bdsug-new ul .direct-sug-wrap .brief {
margin-right: 6px;
}
.ai-bdsug.ai-bdsug-new ul .direct-sug-wrap .right-btn {
float: right;
margin-top: 8px;
margin-right: 6px;
width: 60px;
height: 24px;
text-align: center;
font-size: 14px;
color: #3366ff;
line-height: 24px;
background-image: linear-gradient(111deg#e8f7ff 0%#edf0ff 100%);
border-radius: 12px;
}
.ai-bdsug.ai-bdsug-new ul .direct-sug-wrap .right-btn:hover {
background: #315efb;
color: #fff;
}
.ai-bdsug.ai-bdsug-new ul .search-sug-icon {
margin-right: 6px;
background-image: url('https://psstatic.cdn.bcebos.com/aife/superman/search_1756192482000.svg');
background-repeat: no-repeat;
background-position: center;
background-size: 14px 14px;
}
.ai-bdsug.ai-bdsug-new ul .search-sug-icon::before {
content: '度';
background-image: url('https://psstatic.cdn.bcebos.com/aife/superman/search-hover_1756192477000.svg');
visibility: hidden;
}
.ai-bdsug.ai-bdsug-new ul .search-sug-icon.ai_guide {
background-image: url('https://psstatic.cdn.bcebos.com/aife/superman/ai_1756192472000.svg');
}
.ai-bdsug.ai-bdsug-new ul .search-sug-icon.ai_guide::before {
background-image: url('https://psstatic.cdn.bcebos.com/aife/superman/ai-icon-hover_1756192461000.svg');
}
.ai-bdsug.ai-bdsug-new ul .search-sug-icon.ai_his {
background-image: url('https://psstatic.cdn.bcebos.com/aife/superman/ai_1756192472000.svg');
}
.ai-bdsug.ai-bdsug-new ul .search-sug-icon.ai_new_his {
background-image: url('https://psstatic.cdn.bcebos.com/aife/static/clock-circle-star_1765279751000.png');
}
.ai-bdsug.ai-bdsug-new ul .search-sug-icon.new_his {
background-image: url('https://psstatic.cdn.bcebos.com/aife/static/normal_1765347349000.png');
}
.ai-bdsug.ai-bdsug-new ul .pc-aifile-img-container {
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-left: 6px;
margin-right: 3px;
}
.ai-bdsug.ai-bdsug-new ul .pc-aifile-img-container img {
width: 14px;
height: 14px;
border-radius: 3px;
}
.ai-bdsug.ai-bdsug-new ul .pc-aifile-img-container.pc-aifile-single-img {
box-shadow: 0 0 0 0.5px rgba(2202212240.3) inset;
border-radius: 3px;
}
.ai-bdsug.ai-bdsug-new ul .img-more-mask {
position: absolute;
top: 0;
left: 0;
width: 14px;
height: 14px;
background-color: #00000033;
border-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
color: #FFFFFF;
line-height: 1;
}
.ai-bdsug.ai-bdsug-new ul .pc-aifile-info {
display: flex;
font-size: 14px;
color: #9195A3;
}
.ai-bdsug.ai-bdsug-new ul .pc-aifile-more {
margin-left: 3px;
color: #9195A3;
}
.ai-bdsug.ai-bdsug-new .bdsug-feedback-tool-zone {
margin-top: 10px;
}
.ai-bdsug.ai-bdsug-new .bdsug-feedback-tool-zone .setup_storeSug:hover {
color: #4e6ef2 !important;
}
.ai-bdsug.ai-bdsug-new .bdsug-feedback-tool-zone .del_all_storeSug:hover {
color: #4e6ef2 !important;
}
.ai-bdsug.ai-bdsug-new .bdsug-feedback-tool-zone .more_storeSug:hover {
color: #4e6ef2 !important;
}
.ai-bdsug.ai-bdsug-new .bdsug-feedback-tool-zone *:last-child {
margin-right: 0 !important;
}
.ai-bdsug.ai-bdsug-new .ai-bdsug-feedback-wrap {
background: none;
text-align: right;
margin-right: 15px;
}
.ai-bdsug.ai-bdsug-new .ai-bdsug-feedback-wrap .bdsug-feedback {
color: #9195a3;
font-size: 13px;
cursor: pointer;
}
.ai-bdsug.ai-bdsug-new .ai-bdsug-feedback-wrap .bdsug-feedback:hover {
color: #4e6ef2;
}
.ai-bdsug.ai-bdsug-new.bdsug-ai-upgrade .ai-bdsug-feedback-wrap {
margin-right: 16.5px;
}
.ai-bdsug.ai-bdsug-new.bdsug-ai-upgrade .bdsug-feedback-tool-zone {
text-align: right;
margin-right: 13.5px;
}
.ai-sug-panel-list {
-webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto;
display: flex;
justify-content: start;
margin-bottom: 10px;
margin-left: 17px;
}
.ai-sug-panel-list .ai-sug-panel-divider {
height: 14px;
margin: 0 7.5px;
align-self: center;
border-right: 0.5px solid #dbdce0;
}
.ai-sug-panel-list .ai-sug-panel-btn {
cursor: pointer;
padding: 0 7.5px;
border-radius: 9px;
height: 30px;
display: flex;
align-items: center;
font-size: 14px;
line-height: 14px;
}
.ai-sug-panel-list .ai-sug-panel-btn img {
height: 14px;
width: 14px;
margin-right: 6px;
}
.ai-sug-panel-list .ai-sug-panel-btn:hover {
color: #315efb;
}
.ai-sug-panel-list .ai-sug-panel-btn:hover img {
filter: brightness(0) saturate(100%) invert(35%) sepia(77%) saturate(2345%) hue-rotate(218deg) brightness(103%) contrast(99%);
}
.ai-input-file-swiper-container {
width: 100%;
position: relative;
}
.ai-input-file-swiper-container .ai-input-file-swiper-left-button,
.ai-input-file-swiper-container .ai-input-file-swiper-right-button {
position: absolute;
top: 0;
height: 100%;
width: 59px;
z-index: 1;
display: flex;
align-items: center;
opacity: 1;
transition: opacity 0.3s;
}
.ai-input-file-swiper-container .ai-input-file-swiper-left-button.ai-input-file-swiper-hidden,
.ai-input-file-swiper-container .ai-input-file-swiper-right-button.ai-input-file-swiper-hidden {
opacity: 0;
pointer-events: none;
}
.ai-input-file-swiper-container .ai-input-file-swiper-left-button {
left: 0;
background: linear-gradient(92.65deg#ffffff 2.78%rgba(2552552550) 98.37%);
}
.ai-input-file-swiper-container .ai-input-file-swiper-right-button {
right: 0;
background: linear-gradient(92.65degrgba(2552552550) 2.78%#ffffff 98.37%);
}
.ai-input-file-swiper-container .ai-input-file-left-icon-wrapper,
.ai-input-file-swiper-container .ai-input-file-right-icon-wrapper {
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 9px;
border-radius: 50%;
background-color: rgba(2552552550.7);
box-shadow: 0px 1.578px 9.467px rgba(0000.1);
cursor: pointer;
}
.ai-input-file-swiper-container .ai-input-file-left-icon-wrapper:hover,
.ai-input-file-swiper-container .ai-input-file-right-icon-wrapper:hover {
background-color: #ffffff;
}
.ai-input-file-swiper-container .ai-input-file-left-icon-wrapper:hover .cs-icon-arrow-left,
.ai-input-file-swiper-container .ai-input-file-right-icon-wrapper:hover .cs-icon-arrow-left,
.ai-input-file-swiper-container .ai-input-file-left-icon-wrapper:hover .cs-icon-arrow-right,
.ai-input-file-swiper-container .ai-input-file-right-icon-wrapper:hover .cs-icon-arrow-right {
filter: brightness(0) saturate(100%) invert(35%) sepia(77%) saturate(2345%) hue-rotate(218deg) brightness(103%) contrast(99%);
}
.ai-input-file-swiper-container .ai-input-file-right-icon-wrapper {
margin-left: 20px;
}
.ai-input-file-swiper-container .ai-input-file-cs-icon-left,
.ai-input-file-swiper-container .ai-input-file-cs-icon-right {
width: 100%;
height: 100%;
color: var(--cos-color-text);
font-weight: 700;
display: flex;
justify-content: center;
align-items: center;
}
.ai-input-file-swiper-container .ai-input-file-cs-icon-left .ai-input-file-cs-icon-arrow-left,
.ai-input-file-swiper-container .ai-input-file-cs-icon-right .ai-input-file-cs-icon-arrow-left,
.ai-input-file-swiper-container .ai-input-file-cs-icon-left .ai-input-file-cs-icon-arrow-right,
.ai-input-file-swiper-container .ai-input-file-cs-icon-right .ai-input-file-cs-icon-arrow-right {
height: 25px;
width: 25px;
}
.ai-input-file-swiper-container .ai-input-file-cs-icon-left .ai-input-file-cs-icon-arrow-left,
.ai-input-file-swiper-container .ai-input-file-cs-icon-right .ai-input-file-cs-icon-arrow-left {
transform: rotate(180deg);
}
.ai-input-file-swiper-container .ai-input-file-cs-icon-left {
margin-right: 2px;
}
.ai-input-file-swiper-container .ai-input-file-swiper-scroll-container {
position: relative;
width: 100%;
overflow-x: auto;
scrollbar-width: none;
/* Firefox */
-ms-overflow-: none;
/* IE and Edge */
}
.ai-input-file-swiper-container .ai-input-file-swiper-scroll-container::-webkit-scrollbar {
display: none;
/* ChromeSafari and Opera */
}
.ai-input-file-swiper-container .ai-input-file-swiper-wrapper {
display: grid;
grid-auto-flow: column;
grid-auto-columns: max-content;
column-gap: 9px;
width: max-content;
padding-right: 4px;
}
.ai-chat-input-file-container {
margin-top: 3px;
margin-bottom: 12px;
}
@keyframes rotateForever {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.ai-chat-input-file-container .ai-chat-input-file-delete {
width: 15px;
height: 15px;
position: absolute;
top: -1px;
right: -1px;
display: none;
}
.ai-chat-input-file-container .ai-chat-input-file-delete .ai-chat-input-file-delete-icon {
width: 100%;
height: 100%;
}
.ai-chat-input-file-container .ai-chat-input-file {
position: relative;
width: 228px;
height: 60px;
display: flex;
flex-direction: row;
border-radius: 12px;
background-color: #F5F6FA;
padding: 12px;
box-sizing: border-box;
cursor: pointer;
}
.ai-chat-input-file-container .ai-chat-input-file .ai-chat-input-file-icon {
width: 36px;
height: 36px;
border-radius: 9px;
margin-right: 9px;
position: relative;
}
.ai-chat-input-file-container .ai-chat-input-file .ai-chat-input-file-icon .ai-chat-input-file-icon-img {
border-radius: 9px;
border: 0.5px solid #fff;
width: 100%;
height: 100%;
}
.ai-chat-input-file-container .ai-chat-input-file .ai-chat-input-file-content {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
height: 100%;
overflow: hidden;
flex: 1;
padding: 1.5px 0;
box-sizing: border-box;
}
.ai-chat-input-file-container .ai-chat-input-file .ai-chat-input-file-content .ai-chat-input-file-name {
font-size: 12px;
font-weight: 500;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.ai-chat-input-file-container .ai-chat-input-file .ai-chat-input-file-content .ai-chat-input-file-desc {
font-size: 12px;
font-weight: 400;
width: 100%;
}
.ai-chat-input-file-container .ai-chat-input-file .ai-chat-input-file-content .ai-chat-input-file-desc-success {
display: flex;
}
.ai-chat-input-file-container .ai-chat-input-file .ai-chat-input-file-content .ai-chat-input-file-desc-success-name {
margin-right: 6px;
flex: 0 1 auto;
}
.ai-chat-input-file-container .ai-chat-input-file .ai-chat-input-file-content .ai-chat-input-file-desc-success-size {
flex: 1;
}
.ai-chat-input-file-container .ai-chat-input-file:hover {
background: rgba(781102420.06);
}
.ai-chat-input-file-container .ai-chat-input-file:hover .ai-chat-input-file-delete {
display: flex;
}
.ai-chat-input-file-container .ai-chat-input-file-uploading .ai-chat-input-file-icon-loading {
position: absolute;
top: 10px;
left: 10px;
width: 16px;
height: 16px;
animation: rotateForever 1s linear infinite;
}
.ai-chat-input-file-container .ai-chat-input-file-failed .ai-chat-input-file-content {
color: #848691;
}
.ai-chat-input-file-container .ai-chat-input-image {
position: relative;
width: 54px;
height: 54px;
display: flex;
flex-direction: row;
border-radius: 12px;
cursor: pointer;
box-sizing: border-box;
}
.ai-chat-input-file-container .ai-chat-input-image .ai-chat-input-image-bg {
object-fit: cover;
border-radius: 12px;
min-width: 100%;
border: 0.5px solid #DCDDE0;
box-sizing: border-box;
}
.ai-chat-input-file-container .ai-chat-input-image:hover .ai-chat-input-file-delete {
display: flex;
}
.ai-chat-input-file-container .ai-chat-input-image-uploading .ai-chat-input-file-icon-loading {
position: absolute;
top: 15px;
left: 15px;
width: 24px;
height: 24px;
animation: rotateForever 1s linear infinite;
}
.ai-chat-input-file-container .ai-chat-input-file-click-upload {
width: 60px;
height: 60px;
border-radius: 15px;
background-color: #f5f6f9;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.ai-chat-input-file-container .ai-chat-input-file-click-upload:hover {
background: rgba(781102420.06);
}
.ai-chat-input-file-container .ai-chat-input-file-click-upload:hover img {
filter: brightness(0) saturate(100%) invert(35%) sepia(77%) saturate(2345%) hue-rotate(218deg) brightness(103%) contrast(99%);
}
.ai-chat-input-file-container .ai-chat-input-file-click-upload .ai-chat-input-upload-img {
height: 25px;
width: 25px;
}
.ai-chat-input-file-container .image-click-upload {
width: 54px;
height: 54px;
}
.ai-input-file-guide-wrapper {
width: 100%;
height: 30px;
margin-bottom: 12px;
font-size: 14px;
font-weight: 400;
color: #333;
}
.ai-input-file-guide-wrapper .ai-input-file-guide-item {
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
height: 30px;
padding: 0 12px;
background-color: #f5f6f9;
border-radius: 9px;
}
.ai-input-file-guide-wrapper .ai-input-file-guide-item .ai-input-file-guide-icon {
width: 16px;
height: 16px;
object-fit: contain;
margin-right: 6px;
}
.ai-input-file-guide-wrapper .ai-input-file-guide-item:hover {
cursor: pointer;
background: rgba(781102420.06);
color: #4E6EF2;
}
.ai-input-file-guide-wrapper .ai-input-file-guide-item:hover .ai-input-file-guide-icon {
filter: brightness(0) saturate(100%) invert(35%) sepia(77%) saturate(2345%) hue-rotate(218deg) brightness(103%) contrast(99%);
}
.ai-input-file-guide-wrapper .ai-input-file-guide-disabled {
opacity: 0.4;
}
.ai-input-file-guide-tooltip {
display: none;
}
.snap-text-panel {
max-height: inherit;
padding-top: 12px;
box-sizing: border-box;
}
.snap-text-panel .snap-text-panel-content {
box-sizing: border-box;
padding-left: 12px;
display: flex;
flex-wrap: wrap;
max-height: 346px;
overflow-y: scroll;
overflow-x: hidden;
}
.snap-text-panel .snap-text-panel-content .snap-text-item {
position: relative;
overflow: hidden;
cursor: pointer;
margin-right: 12px;
margin-bottom: 12px;
margin-top: 3px;
box-sizing: border-box;
border-radius: 15px;
display: flex;
flex-direction: column;
align-items: center;
}
.snap-text-panel .snap-text-panel-content .snap-text-item .snap-text-item-img-container {
position: relative;
border-radius: 15px;
overflow: hidden;
width: 100%;
aspect-ratio: 3 / 2;
}
.snap-text-panel .snap-text-panel-content .snap-text-item .snap-text-item-img {
width: 100%;
aspect-ratio: 3 / 2;
object-fit: cover;
transition: transform 240ms ease-in-out;
}
.snap-text-panel .snap-text-panel-content .snap-text-item .snap-text-item-text {
box-sizing: border-box;
margin-top: 9px;
padding: 0 6px;
font-weight: 500;
font-size: 14px;
line-height: 14px;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
}
.snap-text-panel .snap-text-panel-content .snap-text-item .snap-text-item-btn {
position: absolute;
font-size: 14px;
bottom: 38px;
transition: opacity 240ms ease-in-out;
left: 50%;
transform: translateX(-50%);
width: 88px;
height: 30px;
z-index: 10;
border-radius: 15px;
background: #000000CC;
color: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
backdrop-filter: blur(30px);
}
.snap-text-panel .snap-text-panel-content .snap-text-item .snap-text-item-btn:hover {
backdrop-filter: blur(30px);
}
.snap-text-panel .snap-text-panel-content .snap-text-item .snap-text-item-hover-mask {
display: none;
position: absolute;
height: 60px;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(180degrgba(0000) 0%rgba(0000.264) 100%);
box-shadow: 0px 4px 4px 0px #00000040;
}
.snap-text-panel .snap-text-panel-content .snap-text-item:hover .snap-text-item-img {
transform: scale(1.05);
transform-origin: center center;
}
.snap-text-panel .snap-text-panel-content .snap-text-item:hover .snap-text-item-btn {
opacity: 1;
}
.snap-text-panel .snap-text-panel-content .use-model-tag {
position: absolute;
top: 15px;
left: 15px;
z-index: 10;
border-radius: 3px;
padding-top: 2px;
padding-right: 3px;
padding-bottom: 2px;
padding-left: 3px;
font-size: var(--cos-text-caption12px);
font-weight: 500;
color: #fff;
white-space: nowrap;
backdrop-filter: blur(24px);
background: linear-gradient(131deg#286AFF 8.81%#4E6EF2 33.25%#7274F9 67.89%#9F66FF 94.56%)rgba(0000.3);
}
.tooltip-wrapper_1paL6 {
position: relative;
cursor: pointer;
}
.tooltip-wrapper_1paL6:hover .tooltip_3tG1Z {
opacity: 1;
}
.tooltip-wrapper_1paL6.anchor-center_ZAuUP .tooltip_3tG1Z {
left: 50%;
transform: translateX(-50%);
}
.tooltip-wrapper_1paL6.anchor-center_ZAuUP .tooltip_3tG1Z:before {
left: 50%;
margin-left: -6px;
}
.tooltip-wrapper_1paL6.anchor-left_2rMNl .tooltip_3tG1Z {
left: 0;
}
.tooltip-wrapper_1paL6.anchor-left_2rMNl .tooltip_3tG1Z:before {
left: 16px;
}
.tooltip-wrapper_1paL6.anchor-right_2AGkY .tooltip_3tG1Z {
right: -5px;
}
.tooltip-wrapper_1paL6.anchor-right_2AGkY .tooltip_3tG1Z:before {
right: 10px;
}
.tooltip-wrapper_1paL6 .tooltip_3tG1Z {
background-color: #fff;
color: #333;
box-sizing: border-box;
display: inline-block;
max-width: 280px;
width: max-content;
min-width: fit-content;
font-size: 14px;
text-align: left;
padding: 9px 12px;
border-radius: 12px;
position: absolute;
z-index: 1;
top: 35px;
opacity: 0;
transition: opacity 0.2s;
box-shadow: 0 6px 21px 0 rgba(3031360.2);
}
.tooltip-wrapper_1paL6 .tooltip_3tG1Z:before {
content: '';
position: absolute;
top: -6px;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
}
.tooltip-wrapper_1paL6 .init-toast_JunWh.tooltip_3tG1Z {
opacity: 1;
}
.svg_2cDwx {
position: absolute;
top: calc(-1 * var(--svg-padding));
left: calc(-1 * var(--svg-padding));
}
.svg_2cDwx rect {
filter: blur(0.2px);
opacity: 0;
transition: 240ms ease-in opacity;
}
.panel_2vfwX {
position: relative;
cursor: pointer;
border-radius: 12px;
height: 36px;
box-sizing: border-box;
flex-grow: 1;
flex-shrink: 0;
background: #f6f7fe;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
font-weight: 500;
color: #333333;
}
.panel-guide_1OQr9:before {
content: '';
position: absolute;
top: -1px;
right: -1px;
width: 7px;
height: 7px;
background-color: #f73131;
border-radius: 50px;
box-shadow: 0px 1.56px 7.78px 0px #ff274b4d;
}
.panel_2vfwX img {
height: 16px;
width: 16px;
margin-right: 6px;
}
.panel_2vfwX:hover {
color: #4e6ef2;
background: #eff2fe;
}
.panel_2vfwX:hover img {
filter: brightness(0) saturate(100%) invert(35%) sepia(77%) saturate(2345%) hue-rotate(218deg) brightness(103%) contrast(99%);
}
.panel_2vfwX .panel-link_1IIS3 {
display: flex;
align-items: center;
color: inherit;
justify-content: center;
width: 100%;
height: 100%;
}
.panel_2vfwX .panel-link_1IIS3:hover {
text-decoration: none;
background: transparent;
color: inherit;
}
.panel_2vfwX .panel-link_1IIS3:active,
.panel_2vfwX .panel-link_1IIS3:visited {
text-decoration: none;
color: unset;
}
.panel_2vfwX .guide-bub-container_2skZT {
width: 100%;
height: 100%;
padding: 0 5px 0 18px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.panel_2vfwX .guide-bub-container_2skZT:hover {
text-decoration: none;
background: transparent;
}
.panel_2vfwX .guide-bub-container_2skZT:hover .guide-bub-container-center_2ZZz1 {
color: #4e6ef2;
background: unset;
-webkit-background-clip: unset;
background-clip: unset;
-webkit-text-fill-color: unset;
}
.panel_2vfwX .guide-bub-container_2skZT:hover .guide-bub-container-center_2ZZz1::before {
background: #eff2fe;
}
.panel_2vfwX .guide-bub-container_2skZT:hover .guide-bub-container-center_2ZZz1::after {
background: #eff2fe;
}
.panel_2vfwX .guide-bub-container_2skZT:active,
.panel_2vfwX .guide-bub-container_2skZT:visited {
text-decoration: none;
color: unset;
}
.panel_2vfwX .guide-bub-container_2skZT .guide-bub-container-center-box_2hCgr {
overflow: unset;
}
.panel_2vfwX .guide-bub-container_2skZT .guide-bub-container-center_2ZZz1 {
position: relative;
white-space: nowrap;
font-size: 14px;
letter-spacing: 0.06em;
line-height: 20px;
font-weight: 500;
color: #333;
}
.panel_2vfwX .guide-bub-container_2skZT .guide-bub-container-text_119rj {
background: linear-gradient(90deg#3377FE#BA59FF);
background-clip: text;
color: transparent;
-webkit-background-clip: text;
}
.panel_2vfwX .guide-bub-container_2skZT .guide-bub-container-right-btn_20kmb {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 74px;
height: 26px;
border-radius: 15px;
margin-left: 6px;
background: #fff;
color: #4e6ef2;
}
.guide-bub_2c8ND {
flex: 0;
}
.s-skin-hasbg .guide-bub-container-center-box_2hCgr {
overflow: hidden !important;
}
.s-skin-hasbg .guide-bub-container-center-box_2hCgr .guide-bub-container-center_2ZZz1::before {
content: none;
}
.s-skin-hasbg .guide-bub-container-center-box_2hCgr .guide-bub-container-center_2ZZz1::after {
content: none;
}
.more-dropdown-container {
position: relative;
width: 86px;
}
.more-dropdown-container:hover .more-dropdown-menu {
display: block;
}
.more-dropdown-menu-wrapper {
position: absolute;
z-index: 1;
padding: 6px 0;
}
.more-dropdown-menu {
display: none;
box-sizing: border-box;
width: 120px;
padding: 10px 9px;
border-radius: 18px;
border: 0.5px #dbdce0 solid;
box-shadow: 0px 2px 20px 0px rgba(0000.08);
background: #fff;
}
.more-dropdown-trigger {
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
}
.more-dropdown-trigger-icon {
width: 16px;
height: 16px;
margin-right: 6px;
}
.toast-root_1ZTPr {
align-items: center;
background-color: #fff;
border-radius: 12px;
box-shadow: 0 6px 21px 0 #1e1f2433;
box-sizing: border-box;
color: #333;
display: flex;
height: 42px;
top: 15px;
left: 50%;
opacity: 0;
padding: 12px 15px;
pointer-events: none;
position: fixed;
text-align: center;
transform: translate(-50%);
transition: top 0.3s easeopacity 0.16s ease;
z-index: 902;
}
.toast-root-view_28aig {
opacity: 1;
}
.toast-content_14k2i {
flex-shrink: 0;
text-align: center;
font-size: 16px;
line-height: 23px;
margin: 3px 0;
}
>