百度APP扫码登录
百度一下 生活更好
< index="skin" type="text/css">.s-skin-hasbg{background:0 0;_zoom:1}
.s-skin-container{position:fixed;_position:absolute;top:0;right:0;bottom:0;left:0;height:100vh;height:100dvh;width:100%;min-width:1000px;z-index:-10;background-position:center 0;background-repeat:no-repeat;background-size:cover;-webkit-background-size:cover;-o-background-size:cover;zoom:1}
.skin-dashboard-fixed-bg .skin-dashboard-change-mark{position:fixed;top:0;height:calc(var(--fixed-dashboard-tab) + 43px);width:100%;overflow:hidden;z-index:2}
body.ariabodytopfiexed .skin-dashboard-fixed-bg .skin-dashboard-change-mark{height:calc(var(--fixed-dashboard-tab) + 43px + 100px)}
.skin-dashboard-fixed-bg .skin-dashboard-change-mark .skin-dashboard-fixed-mark{position:absolute;top:0;left:0;bottom:0;width:100%;height:100dvh;z-index:1;min-width:1000px;background-image:var(--skin-root-bg-image);background-position:center 0;background-repeat:no-repeat;background-size:cover;-webkit-background-size:cover;-o-background-size:cover;zoom:1}
.skin-dashboard-fixed-bg .pcsearch-common-ai-dashboard .guide-container .dashboard-guide{--ai-dashboard-guide-gradient:#ffffff}
.skin-dashboard-fixed-bg .pcsearch-common-ai-dashboard .guide-container .dashboard-guide .arrow-svg{filter:brightness(0) invert(1)}
.skin-dashboard-fixed-bg .pcsearch-common-ai-dashboard .dashboard-inner .tab-container{--ai-dashboard-tab-text-color:#fff;--ai-dashboard-tab-sub-text-color:#fff}
.skin-dashboard-fixed-bg .pcsearch-common-ai-dashboard .dashboard-inner .tab-container .tab-icon{filter:brightness(0) invert(1)}
.skin-dashboard-fixed-bg .pcsearch-common-ai-dashboard .dashboard-inner .tab-container.tab-mode-sticky{background-color:unset}
.skin-dashboard-fixed-bg .pcsearch-common-ai-dashboard .dashboard-inner .tab-container.tab-mode-sticky .tab-item{opacity:.7}
.skin-dashboard-fixed-bg .pcsearch-common-ai-dashboard .dashboard-inner .tab-container.tab-mode-sticky .tab-item:hover{opacity:1}
.skin-dashboard-fixed-bg .pcsearch-common-ai-dashboard .dashboard-inner .tab-container.tab-mode-sticky .tab-item.tab-item-active{opacity:1}
.skin-dashboard-fixed-bg .pcsearch-common-ai-dashboard .dashboard-inner .tab-container.tab-mode-sticky .tab-item.tab-item-active::after{background-color:#fff}
@media screen and (max-width:1250px){
.s-skin-container,.skin-dashboard-fixed-bg .skin-dashboard-change-mark .skin-dashboard-fixed-mark{min-width:1250px}
}
.fixed-skin-wrapper{display:none;position:fixed;top:0;height:var(--fixed-bg-height,212px);width:100%;overflow:hidden;z-index:2}
.fixed-skin-wrapper.white-bg{background:#fff}
.fixed-skin-wrapper .fixed-skin-bg-inner{position:absolute;top:0;left:0;bottom:0;width:100%;height:100vh;height:100dvh}
body.ariabodytopfiexed .fixed-skin-wrapper{height:calc(var(--fixed-bg-height,212px) + 100px)}
@media screen and (max-width:1250px){
.fixed-skin-wrapper{min-width:1250px}
}
.fixed-skin-topbar{position:fixed;top:0;height:var(--s-top-height,60px);width:100%;overflow:hidden;z-index:5;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .1s ease-in,visibility .1s ease-in}
.fixed-skin-topbar .fixed-skin-bg-inner{position:absolute;top:0;left:0;bottom:0;width:100%;height:100vh;height:100dvh}
@media screen and (max-width:1480px){
.fixed-skin-topbar{opacity:1;visibility:visible;pointer-events:auto}
}
.feed-list-wrapper .fixed-skin-wrapper{width:calc(100% - var(--head-scrollbar-w,0px))}
.feed-list-wrapper .fixed-skin-wrapper .fixed-skin-bg-inner{width:100vw}
.feed-list-wrapper .skin-dashboard-fixed-bg .skin-dashboard-change-mark{width:calc(100% - var(--head-scrollbar-w,0px))}
.feed-list-wrapper .skin-dashboard-fixed-bg .skin-dashboard-change-mark .skin-dashboard-fixed-mark{width:100vw}
.feed-list-wrapper .fixed-skin-topbar{width:calc(100% - var(--head-scrollbar-w,0px))}
@media screen and (max-width:1250px){
.feed-list-wrapper .fixed-skin-wrapper{min-width:auto}
}
.s-skin-hasbg.red-blue-logo #lm,.s-skin-hasbg.red-blue-logo #lm a,.s-skin-hasbg.red-blue-logo #nv a{color:#333}
.s-skin-hasbg.red-blue-logo #lm a{color:#fff}
.s-skin-hasbg.red-blue-logo .s-ps-islite #lm a{color:#333}
.s-skin-hasbg.red-blue-logo #nv b{color:#000}
.s-skin-hasbg.white-logo #lm,.s-skin-hasbg.white-logo #lm a,.s-skin-hasbg.white-logo #nv a,.s-skin-hasbg.white-logo #nv b{color:#fff}
.s-skin-hasbg #lm,.s-skin-hasbg #lm a,.s-skin-hasbg #nv a,.s-skin-hasbg #nv b,.s-skin-hasbg .s-sp-menu a{color:#fff}
.s-skin-hasbg .s-sp-menu a{_color:#fff}
.s-skin-hasbg .s-u-level{color:#fff}
.s-skin-hasbg #u_sp .s-icon{background:url(../img/skin_dark-48fa9dbf5c.png) no-repeat;_background:url(../img/skin_dark_ie-8647a11021.png) no-repeat}
.s-skin-hasbg #u_sp .s-icons .s-icon-treasure{background-position:-13px -577px;_background-position:-13px -577px}
.s-skin-hasbg #u_sp .s-icons .s-icon-lite{background-position:-280px -577px;_background-position:-280px -577px}
.s-skin-hasbg #u_sp .s-icons .s-icon-skin{background-position:-43px -578px;_background-position:-43px -578px}
.s-skin-hasbg #u_sp .s-icons .s-icon-msg{background-position:-228px -575px;_background-position:-238px -575px}
.s-skin-hasbg #u_sp .s-icons .s-icon-feedback{background-position:-72px -577px;_background-position:-72px -577px}
.s-skin-hasbg #u_sp .s-icons .s-icon-line{background-position:-104px -577px;_background-position:-104px -577px}
.s-skin-hasbg .s-icons .s-icon-feedback:hover{background-position:-196px -577px;_background-position:-197px -578px}
.s-skin-hasbg .s-user-name-top .user-arrow,.s-skin-hasbg .s-user-setting-top .user-arrow{background:url(../img/skin_dark-48fa9dbf5c.png) no-repeat -707px -588px;_background:url(../img/skin_dark_ie-8647a11021.png) no-repeat -707px -588px}
.s-skin-hasbg .s-user-name-top a{color:#0079f5}
.s-skin-hasbg .s-user-set-menu div{border-color:#fff}
.s-skin-hasbg .s-user-set-menu .menu-arrow{background-position:0 -90px}
.s-skin-hasbg .s-bottom-ctner,.s-skin-hasbg .s-bottom-ctner a{color:#fff}
.s-skin-hasbg .first-screen .sethome{color:#0079f5}
.s-skin-hasbg .first-screen,.s-skin-hasbg .first-screen a{font-size:12px;text-decoration:none;color:#999}
.s-skin-user #s_bottom_ctner{_bottom:-1px}
.s-skin-hasbg .bottom{background:0 0;border-top:none;padding-bottom:20px}
.s-skin-hasbg #s_bottom_ctner .bottom-line1,.s-skin-hasbg #s_bottom_ctner .bottom-line1 a,.s-skin-hasbg #s_seth a{color:#fff}
.s-skin-hasbg #s_bottom_ctner .bottom-line2,.s-skin-hasbg #s_bottom_ctner .bottom-line2 a{color:#ccc}
.s-skin-hasbg #mCon{background-color:transparent}
.s-skin-hasbg #mCon span{color:#fff}
.s-skin-hasbg #mMenu{background:rgba(0,0,0,.7);background:#000\9;filter:alpha(opacity=70)\9}
.s-skin-hasbg #mMenu a:hover{background:rgba(34,34,34,.7);background:#222}
.s-skin-hasbg #mMenu a,.s-skin-hasbg #mMenu a:visited{color:#fff}
.s-skin-hasbg .weather-setting-arraw{background:url(../img/load_ext_spis-5e9f273bb5.png) no-repeat 0 -90px}
.s-skin-hasbg .city-wather .show-vertical,.s-skin-hasbg .city-wather a,.s-skin-hasbg .city-wather em,.s-skin-hasbg .s-mod-weather .unknown-text,.s-skin-hasbg .show-pollution a,.s-skin-hasbg .show-pollution em,.s-skin-hasbg .show-pollution span,.s-skin-hasbg .unknown-city{color:#fff}
.s-skin-hasbg .city-wather em{color:#fff}
.s-skin-hasbg .show-pollution .show-polution-name{text-shadow:none}
.s-skin-hasbg .s-mod-weather .unknown-icon{background:url(../img/load_spis-64604bbf24.png) no-repeat -15px 0;_background:0 0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://su.bdimg.com/static/superman/img/ie6/weather_nobg_unknown_city-6a31f9a7a2.png"enabled=truesizingMethod="crop")}
.s-skin-hasbg .s-mod-weather .unknown-text{color:#fff}
.s-skin-hasbg .s-mod-weather .unknown-setting{color:#8bc5ff}
.s-skin-hasbg .weather-setting-content{border:none}
.s-show-skin .weather-setting-content{border:1px solid #e3e3e3}
<>
.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="1a425413:0">
.ci-root-wrapper_3OhDk {
--container-height: 100px;
position: relative;
height: var(--container-height);
}
.ci-root-wrapper-single-line_2TQkw {
--container-height: 56px;
}
.ci-root-wrapper-result_35wC0 {
height: 0px;
}
.bottom-btn-placeholder_1uo7_ {
position: absolute;
top: 88px;
left: 50%;
transform: translateX(-50%);
width: 128px;
height: 44px;
background: #f0f3ff;
border-radius: 14px;
pointer-events: none;
}
.ci-line-clamp-1 {
-webkit-box-orient: inline-axis;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ci-root {
--ci-border-color: linear-gradient(whitewhite) padding-boxlinear-gradient(160deg#3377fe#4c6fff#8370ff#ba59ff) border-box;
--ci-box-shadow-color: rgba(771282550.05);
--ci-submit-filter: none;
--ci-submit-btn-img: url(https://psstatic.cdn.bcebos.com/basics/chat/send-icon_1750678058000.svg);
--ci-submit-pause-img: url(https://psstatic.cdn.bcebos.com/basics/chat/pause_1751376511000.png);
}
.ci-root {
position: relative;
width: 100%;
color: #333;
}
.ci-root * {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ci-position-bottom {
height: 100%;
}
#ci-area {
width: 100%;
}
#ci-main {
position: absolute;
top: 0;
width: 100%;
z-index: 99;
border-radius: 15px;
}
#ci-main * {
font-family: arial;
}
#ci-main.ci-main-focus:before {
opacity: 0.14;
}
#ci-main.ci-main-focus .ci-wrapper {
box-shadow: 0 13px 18px -15px #4d80ff33;
}
#ci-main.ci-main-focus .ci-wrapper-box-shadow {
box-shadow: 0 10px 40px -8px var(--ci-box-shadow-colorrgba(771282550.1));
}
#ci-main.ci-main-focus .ci-textarea {
overflow-x: hidden;
overflow-y: auto;
}
#ci-main.ci-main-focus .ci-ai .ci-editor {
overflow-y: scroll;
}
#ci-main.openning-anime .ci-wrapper,
#ci-main.openning-anime .ci-wrapper-box-shadow {
box-shadow: 0 0 #0000;
}
#ci-main.openning-anime .ci-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;
}
#ci-main.openning-anime .ci-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(0);
}
20% {
opacity: 1;
transform: translate(-50%-50%) rotate(120deg);
}
80% {
opacity: 1;
transform: translate(-50%-50%) rotate(480deg);
}
to {
opacity: 0;
transform: translate(-50%-50%) rotate(600deg);
}
}
#ci-main.ci-line-transition .ci-tool-placeholder {
padding-top: 6px;
height: 46px;
}
#ci-main.ci-line-transition .ci-tool {
position: absolute;
bottom: 9px;
right: 9px;
width: auto;
}
#ci-main .ci-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: var(--ci-border-colorlinear-gradient(whitewhite) padding-boxlinear-gradient(160deg#3377fe#4c6fff#8370ff#ba59ff) border-box);
}
.ci-position-top #ci-main .ci-wrapper-border {
background: var(--ci-border-colorlinear-gradient(#fff#fff) padding-box padding-boxlinear-gradient(#e4e7f4#ccd4f3) border-box) !important;
border: 1px solid transparent !important;
}
#ci-main .ci-wrapper-border.ci-wrapper-border-ai-search {
z-index: 2;
}
#ci-main .ci-wrapper-box-shadow {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
border-radius: inherit;
transition: box-shadow 0.24s ease;
box-shadow: 0 10px 40px -8px var(--ci-box-shadow-colorrgba(771282550.05));
}
#ci-main .ci-wrapper {
position: relative;
z-index: 3;
border: 1.5px solid transparent;
border-radius: inherit;
background: linear-gradient(#fff#fff) padding-boxtransparent border-box;
background-origin: border-box;
background-clip: padding-boxborder-box;
transition: box-shadow 0.24s ease;
}
#ci-main .ci-wrapper .ci-container {
position: relative;
display: flex;
flex-direction: column;
box-sizing: border-box;
padding: 8px 9px 8px 15px;
}
#ci-main .ci-wrapper .ci-container .ci-tool {
margin-top: auto;
}
#ci-main .ci-wrapper .ci-container:hover {
cursor: text;
}
#ci-main .ci-wrapper.ci-ai-wrapper #ci-panel {
max-height: 0;
}
#ci-main .ci-wrapper.ci-ai-wrapper #ci-panel.ci-panel-expand {
opacity: 1;
transition: max-height 0.28s easeopacity 0.28s ease;
}
#ci-main .ci-wrapper.ci-ai-wrapper #ci-panel.panel-shrink {
opacity: 0;
max-height: 0;
transition: max-height 0.16s easeopacity 0.16s ease;
}
#ci-main .ci-wrapper.ci-ai-wrapper.ci-ai-file-wrapper .ci-container {
padding-left: 12px;
}
#ci-main .ci-wrapper.ci-normal-wrapper #ci-panel.ci-panel-expand {
opacity: 1;
}
#ci-main .ci-wrapper.ci-normal-wrapper #ci-panel.panel-shrink {
display: none;
}
#ci-main .ci-wrapper #ci-panel {
position: relative;
overflow: hidden;
}
#ci-main .ci-wrapper #ci-panel .ci-panel-divider {
margin-top: 1px;
border-top: 0.3px solid #dbdce0;
position: absolute;
left: 15px;
right: 9px;
top: 0;
}
#ci-main .ci-wrapper #ci-panel .ci-panel-container {
max-height: inherit;
overflow: hidden;
border-bottom-left-radius: 18px;
border-bottom-right-radius: 18px;
}
#ci-main .ci-scroll-::-webkit-scrollbar {
display: block;
width: 4px;
}
#ci-main .ci-scroll-:hover::-webkit-scrollbar-thumb {
background-color: #4e6ef21a;
border-radius: 4px;
}
#ci-main .ci-scroll-::-webkit-scrollbar-track {
box-shadow: none;
background-color: initial;
}
#ci-main .ci-textarea {
width: 100%;
min-height: 26px;
cursor: auto;
padding: 0;
overflow: auto;
resize: none;
font-size: 16px;
border: none;
outline: none;
line-height: 28px;
display: block;
caret-color: #335bff;
overscroll-behavior: contain;
}
#ci-main .ci-textarea::placeholder {
padding-left: 1px;
color: #9195a3;
}
#ci-main .ci-ai {
position: relative;
}
#ci-main .ci-ai .ci-prefix-wrapper {
z-index: 1;
cursor: pointer;
background: #f6f7fe;
border-radius: 6px;
align-items: center;
height: 24px;
padding: 0 6px;
display: inline-flex;
position: relative;
}
#ci-main .ci-ai .ci-prefix-wrapper img {
margin-left: 3px;
}
#ci-main .ci-ai .ci-prefix-wrapper .ci-prefix {
display: flex;
align-items: center;
}
#ci-main .ci-ai .ci-prefix-wrapper .ci-prefix-text {
-webkit-user-select: none;
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;
}
#ci-main .ci-ai .cs-pc-input-agent {
display: inline-block;
color: #2440b3;
padding-left: 3px;
padding-right: 3px;
font-weight: 500;
}
#ci-main .ci-ai .cs-pc-input-agent .agent-icon-ai {
font-size: 11px;
line-height: 11px;
position: relative;
top: -4px;
font-weight: 400;
}
#ci-main .ci-ai .ci-editor {
outline: none;
line-height: 28px;
font-size: 16px;
cursor: text;
overflow-y: hidden;
overflow-x: hidden;
caret-color: #335bff;
-moz-user-select: text;
-webkit-user-select: text;
user-select: text;
word-break: break-all;
overscroll-behavior: contain;
max-height: 140px;
}
#ci-main .ci-ai .ci-editor.ci-caret-hidden {
caret-color: transparent;
}
#ci-main .ci-ai .ci-editor.ci-placeholder:after {
color: #9195a3;
content: attr(placeholder);
padding-left: 1px;
}
#ci-main .ci-ai .ci-editor * {
text-indent: 0;
}
#ci-main .ci-ai .ci-editor .ci-custom-item {
padding: 0 9px;
border-radius: 6px;
background-color: #4e6ef217;
max-width: calc(100% - 27px);
font-weight: 500;
color: #4e6ef2;
display: inline-block;
line-height: 24px;
margin: 0 3px;
}
#ci-main .ci-ai .ci-editor .ci-custom-item:focus {
outline: none;
}
#ci-main .ci-ai .ci-editor .ci-custom-item:empty:after {
content: attr(placeholder);
color: #4e6ef266;
}
#ci-main .ci-ai .ci-editor .ci-custom-no-width {
vertical-align: top;
font-size: 0px;
-webkit-user-select: none;
user-select: none;
}
#ci-main .ci-tool {
padding-top: 8px;
align-items: center;
display: flex;
justify-content: center;
width: 100%;
}
#ci-main .ci-tool * {
-webkit-user-select: none;
user-select: none;
}
#ci-main .ci-tool .tools-placeholder-wrapper {
flex: 1 1;
min-width: 12px;
}
#ci-main .ci-tool .right-tools-wrapper {
padding-left: 9px;
background: #fff;
border-radius: 12px;
align-items: center;
display: flex;
}
#ci-main .ci-tool .right-tools-wrapper #ci-right-tool {
display: flex;
align-items: center;
margin-right: 18px;
}
#ci-main .ci-tool .right-tools-wrapper #ci-right-tool > .tools-clear-icon:only-child {
margin-right: 0;
}
#ci-main .ci-tool .right-tools-wrapper #ci-right-tool .tools-clear-icon {
cursor: pointer;
margin-right: 15px;
opacity: 0.85;
}
#ci-main .ci-tool .right-tools-wrapper #ci-right-tool .tools-clear-icon svg {
display: block;
}
.ci-drag-mask {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #ffffffbf;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
pointer-events: none;
z-index: 99999;
color: #333;
}
.ci-drag-mask-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
top: 40%;
position: absolute;
left: 50%;
transform: translate(-50%);
}
.ci-drag-mask-image {
height: 84px;
width: 175px;
}
.ci-drag-mask-title {
font-size: 21px;
font-weight: 500;
margin-top: -2px;
}
.ci-drag-mask-content {
margin-top: 9px;
font-size: 14px;
}
.ci-drag-mask-sub-content {
margin-top: 3px;
font-size: 14px;
}
.capsule-inside-active #ci-main .right-tools-wrapper {
position: absolute;
right: 12px;
padding-left: 0;
background-color: transparent;
}
.capsule-inside-active .ci-tool {
min-height: 34px;
}
.capsule-inside-active .ci-panel-list {
height: 34px;
}
.capsule-inside-active .ci-panel {
font-weight: 400;
height: 34px !important;
}
.capsule-inside-active .ci-panel img {
margin-right: 4px;
}
.capsule-inside-active .more-dropdown-menu-wrapper .ci-panel img {
margin-right: 6px;
}
.capsule-inside-active .model-select-wrapper .ci-model-button,
.capsule-inside-active .draw-buttons-wrapper .draw-button-area .draw-button-container,
.capsule-inside-active #ci-left-tool .numero-btn-content,
.capsule-inside-active #ci-left-tool .music-btn-content,
.capsule-inside-active #ci-left-tool .ci-translate-button,
.capsule-inside-active #ci-left-tool .ci-language-select-button,
.capsule-inside-active #ci-left-tool .numero-btn-content .shrink-hide,
.capsule-inside-active #ci-left-tool .music-btn-content .shrink-hide,
.capsule-inside-active #ci-left-tool .ci-translate-button .shrink-hide,
.capsule-inside-active #ci-left-tool .ci-language-select-button .shrink-hide,
.capsule-inside-active .ci-voice-pill .ci-voice-pill-text,
.capsule-inside-active #numero-btn-content .shrink-hide {
font-weight: 400;
}
.capsule-inside-active .more-dropdown-container {
width: 70px;
}
.capsule-inside-active .more-dropdown-container .more-dropdown-trigger {
height: 34px;
padding: 0 9px;
}
.capsule-inside-active .more-dropdown-container .more-dropdown-trigger img {
width: 18px;
height: 18px;
margin-right: 4px;
}
.capsule-inside-active .more-dropdown-container .more-dropdown-trigger .more-dropdown-trigger-text {
white-space: nowrap;
}
@container (max-width: 580px) {
.capsule-inside-active .more-dropdown-container {
width: 36px;
}
.capsule-inside-active .more-dropdown-container .more-dropdown-trigger {
padding: 0;
}
.capsule-inside-active .more-dropdown-container .more-dropdown-trigger img {
margin-right: 0;
}
.capsule-inside-active .more-dropdown-container .more-dropdown-trigger-text {
display: none;
}
}
.capsule-inside-active .drop-down-btn {
font-weight: 400;
}
.capsule-inside-active .ci-tools-inside .ci-panel-list > *:not(:last-child) {
margin-right: 6px;
}
.capsule-inside-active #ci-right-tool .ci-tool-item svg,
.capsule-inside-active #ci-right-tool .ci-tool-item .ci-voice-mic-icon,
.capsule-inside-active #ci-right-tool .ci-tool-item img {
width: 18px;
height: 18px;
}
.capsule-inside-active .ci-model-button {
height: 34px;
}
.capsule-inside-active .ci-model-button:not(.model-network-select) {
gap: 4px;
padding-left: 9px;
padding-right: 9px;
}
.capsule-inside-active .ci-model-button .internet-search-icon {
gap: 4px;
}
.capsule-inside-active .ci-model-button .internet-search-icon svg {
width: 18px;
height: 18px;
}
.capsule-inside-active .ci-model-button.model-network-select .model-toggle svg {
scale: 1;
}
.ci-merge-upload-wrapper {
position: relative;
display: flex;
align-items: center;
}
.ci-merge-upload-wrapper .ci-popover {
left: auto;
right: -66px;
border: 0.5px solid var(--cos-color-border-tiny#DBDCE0);
box-shadow: 0 2px 20px #00000014;
}
.ci-merge-upload-wrapper-top .ci-popover {
top: auto;
bottom: calc(100% + 6px) !important;
}
.ci-merge-upload-wrapper-bottom .ci-popover {
top: calc(100% + 10px);
bottom: auto;
}
.ci-position-top .ci-merge-upload-wrapper-top .ci-popover {
left: auto!important;
right: 0;
}
.ci-position-bottom .ci-merge-upload-wrapper-bottom .ci-popover {
left: auto;
border-radius: 18px;
}
.ci-merge-upload-popover {
padding: 10px 0;
min-width: 142px;
white-space: nowrap;
}
.ci-merge-upload-popover .cos-tooltip {
display: block;
}
.ci-merge-upload-popover .cos-tooltip + .cos-tooltip,
.ci-merge-upload-popover .cos-tooltip + .ci-merge-upload-item {
margin-top: 8px;
}
.ci-merge-upload-item {
display: flex;
align-items: center;
width: 124px;
height: 32px;
padding: 0 9px;
border-radius: 12px;
cursor: pointer;
color: #333;
font-size: 14px;
line-height: 32px;
position: relative;
box-sizing: border-box;
margin: 0 auto;
}
.ci-merge-upload-item svg,
.ci-merge-upload-item .cos-icon {
flex-shrink: 0;
margin-right: 6px;
}
.ci-merge-upload-item .cos-icon {
font-size: 16px;
}
.ci-merge-upload-item span {
flex: 1;
width: 84px;
}
.ci-merge-upload-item:hover {
background-color: #4e6ef217;
color: #4e6ef2;
}
.ci-merge-upload-item-disabled {
opacity: 0.5;
cursor: not-allowed;
pointer-events: none;
}
.ci-merge-upload-tooltip .ci-tooltip-arrow {
display: none;
}
.ci-merge-upload-tooltip .ci-tooltip-content {
padding: 9px 12px;
font-size: 14px;
line-height: 18px;
max-width: 280px;
border-radius: 12px;
background-color: #fff;
color: #333;
box-shadow: 0 6px 21px #1e1f2433;
}
.ci-merge-upload-fixed-popover {
position: absolute;
z-index: 1000;
background: #fff;
border-radius: 18px;
border: 0.5px solid var(--cos-color-border-tiny#DBDCE0);
box-shadow: 0 2px 20px #00000014;
}
.capsule-sample1-active .ci-root {
container-type: inline-size;
}
@container (max-width: 392px) {
.capsule-sample1-active .ci-root .tools-clear-icon {
display: none;
}
}
.ci-bottom-search-btn {
position: absolute;
z-index: 0;
left: 50%;
transform: translate(-50%);
}
.ci-bottom-search-btn button {
font-size: 17px;
font-weight: 500;
height: 38px;
padding: 0 24px;
cursor: pointer;
color: #fff;
border-radius: 12px;
border: none;
background: linear-gradient(136deg#286aff#4e6ef2#7274f9#9f66ff);
}
.ci-bottom-search-btn button:hover {
background-image: linear-gradient(#00000017#00000017)linear-gradient(136deg#286aff#4e6ef2#7274f9#9f66ff);
}
.ci-scene-home #ci-main {
border-radius: 16px;
}
.ci-scene-home #ci-main .ci-textarea {
line-height: 25px;
min-height: 25px;
}
.ci-scene-home #ci-main .ci-ai .ci-editor {
line-height: 25px;
}
.ci-scene-home #ci-main .ci-wrapper-border {
background: #4e6ef2;
}
.ci-scene-home #ci-main .ci-file-input-wrapper {
padding-left: 6px;
}
.ci-scene-home .ci-voice-pill {
height: 38px !important;
}
.ci-scene-home.active-single-line #ci-main.one-line-input .ci-wrapper .ci-container {
padding-top: 14px;
padding-bottom: 14px;
padding-left: 12px;
}
.ci-scene-home.active-single-line #ci-main.one-line-input.ci-line-transition .ci-tool {
bottom: 4.5px;
right: 4.5px;
}
.ci-scene-home #ci-main.two-line-input .ci-wrapper .ci-container {
padding-top: 14px;
padding-bottom: 6px;
padding-left: 12px;
}
.ci-scene-home #ci-main.two-line-input.ci-line-transition .ci-tool {
bottom: 4.5px;
right: 4.5px;
}
.ci-scene-home #ci-main.two-line-input.ci-have-file .ci-wrapper .ci-container {
padding-top: 12px;
padding-left: 12px;
}
.ci-scene-home #ci-main.two-line-input.ci-have-file .ci-wrapper .ci-container .ci-file-container {
margin-top: 0;
}
.ci-scene-home #ci-main.two-line-input.ci-have-file .ci-wrapper .ci-container .ci-file-container .ci-image {
margin-right: 0;
}
.ci-scene-home #ci-submit-button {
background: #f0f3ff;
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
}
.ci-scene-home #ci-submit-button:hover {
background: linear-gradient(#4e6ef20f#4e6ef20f)#f0f3ff;
}
.ci-scene-home #ci-submit-button.ci-submit-wenxin {
width: 108px;
height: 44px;
color: transparent;
font-size: 0;
}
.ci-scene-home #ci-submit-button.ci-submit-wenxin img {
height: 15px;
display: block;
}
.ci-scene-home #ci-submit-button.ci-submit-text {
width: 108px;
height: 38px;
color: #4e6ef2;
font-size: 14px;
font-weight: 500;
}
.ci-scene-home .ci-bottom-search-btn button {
width: 128px;
height: 44px;
padding: 0;
background: #f0f3ff;
border-radius: 14px;
color: #4e6ef2;
font-size: 17px;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
}
.ci-scene-home .ci-bottom-search-btn button img {
height: 20px;
}
.ci-scene-home .ci-bottom-search-btn button:hover {
background: linear-gradient(#4e6ef20f#4e6ef20f)#f0f3ff;
color: #4e6ef2;
}
.ci-scene-home .ai-bdsug.ai-bdsug-new .ci-sug-search-btn-wrapper {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding-top: 12px;
}
.ci-scene-home .ai-bdsug.ai-bdsug-new .ci-sug-search-btn-wrapper .ci-sug-search-btn {
width: 128px;
height: 44px;
padding: 0;
border: none;
cursor: pointer;
background: #f0f3ff;
border-radius: 14px;
color: #4e6ef2;
font-size: 17px;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
}
.ci-scene-home .ai-bdsug.ai-bdsug-new .ci-sug-search-btn-wrapper .ci-sug-search-btn img {
height: 20px;
}
.ci-scene-home .ai-bdsug.ai-bdsug-new .ci-sug-search-btn-wrapper .ci-sug-search-btn:hover {
background: linear-gradient(#4e6ef20f#4e6ef20f)#f0f3ff;
color: #4e6ef2;
}
.ci-scene-result #ci-main .ci-textarea {
line-height: 25px;
min-height: 25px;
}
.ci-scene-result #ci-main .ci-ai .ci-editor {
line-height: 25px;
}
.ci-scene-result #ci-main .ci-wrapper-border {
background: #4e6ef2;
}
.ci-scene-result .ci-voice-pill {
height: 38px !important;
}
.ci-scene-result #ci-main.one-line-input .ci-wrapper .ci-container {
padding-top: 9px;
padding-bottom: 9px;
}
.ci-scene-result #ci-submit-button {
width: 104px;
height: 38px;
background: #f0f3ff;
border-radius: 12px;
color: #4e6ef2;
font-size: 17px;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
}
.ci-scene-result #ci-submit-button:hover {
background: linear-gradient(#4e6ef20f#4e6ef20f)#f0f3ff;
}
.ci-scene-result #ci-main.two-line-input.ci-have-file .ci-container {
padding: 9px 2.5px 2.5px 12px !important;
}
.ci-scene-result #ci-main.two-line-input.ci-have-file .ci-container .ci-file-container {
margin-top: 0 !important;
}
.ci-scene-result #ci-main.two-line-input.ci-have-file .ci-container .ci-file-container .ci-image {
margin-right: 0 !important;
}
.ci-scene-result #ci-main.two-line-input .ci-wrapper .ci-container {
padding-top: 14px;
padding-bottom: 2.5px !important;
padding-right: 2.5px !important;
}
.ci-scene-result #ci-main.two-line-input.ci-line-transition .ci-tool {
bottom: 4.5px;
}
#ci-main.one-line-input #ci-area {
width: 100%;
}
#ci-main.one-line-input .ci-wrapper .ci-container {
padding-bottom: 7px;
}
#ci-main.one-line-input .ci-tool-placeholder {
height: 0;
padding-top: 0;
}
#ci-main.one-line-input:not(.ci-line-transition) .ci-tool {
position: absolute;
right: 2.5px;
top: 0;
bottom: 0;
padding-top: 0;
width: auto;
}
#ci-main.one-line-input:not(.ci-line-transition) .ci-tool #ci-submit-button {
height: 38px;
}
#ci-main.one-line-input.ci-line-transition .ci-tool {
bottom: 2.5px;
right: 2.5px;
}
#ci-main.one-line-input .ci-ai .ci-prefix-wrapper {
display: none;
}
#ci-main.one-line-input.ci-have-file .ci-textarea {
text-indent: var(--file-width);
}
#ci-main.one-line-input .ci-textarea {
white-space: nowrap;
overflow: hidden;
}
#ci-main.one-line-input .ci-single-file-item {
position: absolute;
display: flex;
align-items: center;
min-width: 26px;
height: 100%;
top: 0;
bottom: 0;
}
.ci-file-input-wrapper {
display: flex;
align-items: center;
}
.active-single-line .ci-main-focus:not(.one-line-input) .ci-container {
padding-right: 2.5px !important;
padding-bottom: 2.5px !important;
}
.active-single-line #ci-main .ci-textarea {
width: calc(100% - 6px);
margin-right: 6px;
}
.active-single-line.ci-position-bottom #ci-panel > div:after {
right: 2.5px;
width: calc(100% - 18px);
}
.ci-tooltip {
position: relative;
}
.ci-tooltip-trigger {
position: absolute;
z-index: 500;
}
.ci-tooltip-trigger .ci-tooltip-content {
padding: 9px 12px;
font-size: 14px;
line-height: 18px;
overflow-wrap: break-word;
white-space: normal;
text-align: left;
max-width: 300px;
background-color: #fff;
box-shadow: 0 6px 21px #1e1f2433;
color: #333;
border-radius: 12px;
}
.ci-tooltip-trigger .ci-tooltip-arrow {
border: 6px solid #0000;
height: 0;
position: absolute;
width: 0;
}
.ci-tooltip.ci-tooltip-trigger-hidden {
visibility: hidden;
}
.ci-tooltip-top {
margin-top: 6px;
}
.ci-tooltip-top .ci-tooltip-arrow {
border-top-color: #fff;
}
.ci-tooltip-bottom {
margin-top: 1px;
}
.ci-tooltip-bottom .ci-tooltip-arrow {
top: -12px;
border-bottom-color: #fff;
}
.ci-tooltip-left {
margin-right: 8px;
}
.ci-tooltip-left .ci-tooltip-arrow {
right: -12px;
border-left-color: #fff;
}
.ci-tooltip-right {
margin-left: 8px;
}
.ci-tooltip-right .ci-tooltip-arrow {
left: -12px;
border-right-color: #fff;
}
.ci-tooltip-wrapper {
position: relative;
cursor: pointer;
z-index: 102;
}
.ci-tooltip-wrapper:hover .ci-tooltip-content {
opacity: 1;
}
.ci-tooltip-wrapper.ci-tooltip-anchor-center .ci-tooltip-content {
left: 50%;
transform: translate(-50%);
}
.ci-tooltip-wrapper.ci-tooltip-anchor-center .ci-tooltip-content:before {
left: 50%;
margin-left: -6px;
}
.ci-tooltip-wrapper.ci-tooltip-anchor-center .ci-tooltip-content-bottom {
top: 30px;
}
.ci-tooltip-wrapper.ci-tooltip-anchor-center .ci-tooltip-content-top {
top: -10px;
transform: translate(-50%-106%);
}
.ci-tooltip-wrapper.ci-tooltip-anchor-center .ci-tooltip-content-top:before {
transform: rotate(180deg);
bottom: -6px;
top: unset;
}
.ci-tooltip-wrapper.ci-tooltip-anchor-left .ci-tooltip-content {
left: 0;
}
.ci-tooltip-wrapper.ci-tooltip-anchor-left .ci-tooltip-content:before {
left: 16px;
}
.ci-tooltip-wrapper .ci-tooltip-content {
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: 101;
top: 30px;
opacity: 0;
transition: opacity 0.2s;
box-shadow: 0 6px 21px #1e1f2433;
}
.ci-tooltip-wrapper .ci-tooltip-content: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;
}
.ci-tooltip-wrapper .ci-tooltip-content.ci-tooltip-content-left {
top: 50%;
right: calc(100% + 8px);
left: auto;
transform: translateY(-50%);
max-width: 320px;
text-wrap: auto;
}
.ci-tooltip-wrapper .ci-tooltip-content.ci-tooltip-content-left:before {
top: 50%;
right: -6px;
left: auto;
transform: translateY(-50%);
border-right: none;
border-left: 6px solid #fff;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
}
.ci-file-swiper-container {
width: 100%;
position: relative;
}
.ci-file-swiper-container .ci-file-swiper-left-button,
.ci-file-swiper-container .ci-file-swiper-right-button {
position: absolute;
top: 0;
height: 100%;
width: 59px;
z-index: 2;
display: flex;
align-items: center;
opacity: 1;
transition: opacity 0.3s;
}
.ci-file-swiper-container .ci-file-swiper-left-button.ci-file-swiper-hidden,
.ci-file-swiper-container .ci-file-swiper-right-button.ci-file-swiper-hidden {
opacity: 0;
pointer-events: none;
}
.ci-file-swiper-container .ci-file-swiper-left-button {
left: 0;
background: linear-gradient(92.65deg#fff 2.78%#fff0 98.37%);
}
.ci-file-swiper-container .ci-file-swiper-right-button {
right: 0;
background: linear-gradient(92.65deg#fff0 2.78%#fff 98.37%);
}
.ci-file-swiper-container .ci-file-left-icon-wrapper,
.ci-file-swiper-container .ci-file-right-icon-wrapper {
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 9px;
border-radius: 50%;
background-color: #ffffffb3;
box-shadow: 0 1.578px 9.467px #0000001a;
cursor: pointer;
}
.ci-file-swiper-container .ci-file-left-icon-wrapper:hover,
.ci-file-swiper-container .ci-file-right-icon-wrapper:hover {
background-color: #fff;
}
.ci-file-swiper-container .ci-file-left-icon-wrapper:hover .cs-icon-arrow-left,
.ci-file-swiper-container .ci-file-right-icon-wrapper:hover .cs-icon-arrow-left,
.ci-file-swiper-container .ci-file-left-icon-wrapper:hover .cs-icon-arrow-right,
.ci-file-swiper-container .ci-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%);
}
.ci-file-swiper-container .ci-file-right-icon-wrapper {
margin-left: 20px;
}
.ci-file-swiper-container .ci-file-cs-icon-left,
.ci-file-swiper-container .ci-file-cs-icon-right {
width: 100%;
height: 100%;
color: var(--cos-color-text);
font-weight: 700;
display: flex;
justify-content: center;
align-items: center;
}
.ci-file-swiper-container .ci-file-cs-icon-left .ci-file-cs-icon-arrow-left,
.ci-file-swiper-container .ci-file-cs-icon-right .ci-file-cs-icon-arrow-left,
.ci-file-swiper-container .ci-file-cs-icon-left .ci-file-cs-icon-arrow-right,
.ci-file-swiper-container .ci-file-cs-icon-right .ci-file-cs-icon-arrow-right {
height: 25px;
width: 25px;
}
.ci-file-swiper-container .ci-file-cs-icon-left .ci-file-cs-icon-arrow-left,
.ci-file-swiper-container .ci-file-cs-icon-right .ci-file-cs-icon-arrow-left {
transform: rotate(180deg);
}
.ci-file-swiper-container .ci-file-cs-icon-left {
margin-right: 2px;
}
.ci-file-swiper-container .ci-file-swiper-scroll-container {
position: relative;
width: 100%;
overflow-x: auto;
scrollbar-width: none;
-ms-overflow-: none;
z-index: 1;
}
.ci-file-swiper-container .ci-file-swiper-scroll-container::-webkit-scrollbar {
display: none;
}
.ci-file-swiper-container .ci-file-swiper-wrapper {
display: grid;
grid-auto-flow: column;
grid-auto-columns: max-content;
column-gap: 9px;
width: max-content;
}
.ci-toast-root {
align-items: center;
background-color: #fff;
border-radius: 12px;
box-shadow: 0 6px 21px #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;
}
.ci-toast-root-view {
opacity: 1;
}
.ci-toast-content {
flex-shrink: 0;
text-align: center;
font-size: 16px;
line-height: 23px;
margin: 3px 0;
}
.ci-close-icon {
width: 18px;
height: 18px;
cursor: pointer;
}
.ci-dialog-wrapper {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 1000;
display: flex;
align-items: center;
justify-content: center;
}
.ci-dialog-wrapper .ci-dialog-mask {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: #13141880;
}
.ci-dialog-wrapper .ci-dialog {
font-family: arial;
position: relative;
display: flex;
flex-direction: column;
background: #fff;
border-radius: 12px;
box-shadow: 0 8px 24px #0000001f;
box-sizing: border-box;
max-width: calc(100vw - 32px);
width: fit-content;
padding: 21px 0 21px 21px;
z-index: 1;
max-height: 70%;
overflow: hidden;
}
.ci-dialog-wrapper .ci-dialog-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 21px;
padding-right: 21px;
}
.ci-dialog-wrapper .ci-dialog-title {
font-size: 18px;
line-height: 18px;
font-weight: 500;
color: #1f2329;
}
.ci-dialog-wrapper .ci-dialog-close {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
background: transparent;
cursor: pointer;
color: #666;
padding: 4px;
border-radius: 6px;
}
.ci-dialog-wrapper .ci-dialog-close:hover {
background: #f5f7fa;
color: #333;
}
.ci-dialog-wrapper .ci-dialog-body {
min-height: 0;
font-size: 14px;
color: #333;
line-height: 22px;
overflow-y: scroll;
overflow-y: overlay;
padding-right: 21px;
}
.ci-dialog-wrapper .ci-dialog-body:after {
content: "";
position: sticky;
left: 0;
right: 0;
height: 16px;
pointer-events: none;
z-index: 1;
display: block;
bottom: -1px;
background: linear-gradient(to top#fff#fff0);
}
.ci-dialog-wrapper .ci-dialog-footer {
display: flex;
justify-content: flex-end;
padding-right: 21px;
}
.ci-dialog-wrapper .ci-dialog-footer > * {
margin-left: 12px;
}
.ci-dialog-wrapper .ci-dialog-footer > *:first-child {
margin-left: 0;
}
.ci-dialog-wrapper .ci-dialog-btn {
width: 80px;
height: 30px;
font-size: 13px;
line-height: 13px;
font-weight: 400;
border-radius: 9999px;
border: none;
cursor: pointer;
}
.ci-dialog-wrapper .ci-dialog-btn-cancel {
background: #eef3ff;
color: #4e6ef2;
}
.ci-dialog-wrapper .ci-dialog-btn-ok {
background: #4e6ef2;
color: #fff;
}
.ci-dialog-wrapper .ci-dialog-btn:active {
transform: translateY(1px);
}
.ci-voice {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
position: relative;
height: 100%;
}
.ci-voice:hover {
color: #4e6ef2;
}
.ci-voice .ci-voice-mic-icon {
display: block;
width: 20px;
height: 20px;
}
.ci-voice .ci-voice-mic-icon svg {
opacity: 1;
}
.ci-voice.ci-voice-recording .ci-voice-mic-icon {
display: none;
}
.ci-voice .ci-voice-pill {
display: inline-flex;
align-items: center;
height: 36px;
width: 98px;
line-height: 28px;
padding: 0 12px;
border-radius: 12px;
background: #4e6ef20a;
white-space: nowrap;
animation: ci-voice-pill-enter 0.2s cubic-bezier(0.220.610.361) forwards;
box-sizing: border-box;
overflow: hidden;
}
.ci-voice .ci-voice-pill > * {
margin-left: 10px;
}
.ci-voice .ci-voice-pill > *:first-child {
margin-left: 0;
}
.ci-voice .ci-voice-pill:hover {
background: #4e6ef217;
}
@keyframes ci-voice-pill-enter {
0% {
opacity: 0;
clip-path: inset(0 0 0 calc(100% - 34px));
-webkit-clip-path: inset(0 0 0 calc(100% - 34px));
}
to {
opacity: 1;
clip-path: inset(0 0 0 0);
-webkit-clip-path: inset(0 0 0 0);
}
}
.ci-voice .ci-voice-pill-text {
font-size: 14px;
line-height: 14px;
font-weight: 500;
color: #333;
}
.ci-voice .ci-voice-pill-bars {
display: inline-flex;
align-items: center;
height: 12px;
}
.ci-voice .ci-voice-pill-bars > * {
margin-left: 3px;
}
.ci-voice .ci-voice-pill-bars > *:first-child {
margin-left: 0;
}
.ci-voice .ci-voice-pill-bars .ci-voice-pill-bars-bar {
width: 2px;
border-radius: 32px;
height: 4px;
background: #4e6ef2;
transform-origin: center center;
transition: height 0.12s cubic-bezier(0.400.21);
}
.ci-dialog-wrapper .ci-voice-dialog-title {
display: flex;
align-items: center;
}
.ci-dialog-wrapper .ci-voice-dialog-title > * {
margin-left: 6px;
}
.ci-dialog-wrapper .ci-voice-dialog-title > *:first-child {
margin-left: 0;
}
.ci-dialog-wrapper .ci-voice-dialog-title .ci-voice-dialog-title-icon {
flex: 0 0 auto;
}
.ci-dialog-wrapper .ci-voice-dialog-tips {
color: #333;
text-align: left;
}
.ci-dialog-wrapper .ci-voice-dialog-tips .ci-voice-dialog-tips-item {
margin-bottom: 21px;
}
.ci-dialog-wrapper .ci-voice-dialog-tips .ci-voice-dialog-tips-item:last-child {
margin-bottom: 0;
}
.ci-dialog-wrapper .ci-voice-dialog-tips .ci-voice-dialog-tips-item .ci-voice-dialog-tips-item-title {
font-weight: 600;
line-height: 14px;
font-size: 14px;
margin-bottom: 9px;
}
.ci-dialog-wrapper .ci-voice-dialog-tips .ci-voice-dialog-tips-item .ci-voice-dialog-tips-item-title .ci-voice-dialog-tips-item-title-index {
margin-right: 4px;
}
.ci-dialog-wrapper .ci-voice-dialog-tips .ci-voice-dialog-tips-item .ci-voice-dialog-tips-item-desc {
color: #666;
line-height: 13px;
font-size: 13px;
font-weight: 400;
}
.ci-dialog-wrapper .ci-voice-dialog-tips .ci-voice-dialog-tips-item .ci-voice-dialog-tips-item-img {
width: 380px;
height: 220px;
border-radius: 9px;
overflow: hidden;
margin-top: 21px;
}
.ci-dialog-wrapper .ci-voice-dialog-tips .ci-voice-dialog-tips-item .ci-voice-dialog-tips-item-img img {
width: 100%;
height: 100%;
}
.border-animation-svg {
position: absolute;
top: calc(-1 * var(--svg-padding));
left: calc(-1 * var(--svg-padding));
}
.border-animation-svg rect {
filter: blur(0.2px);
opacity: 0;
transition: opacity 0.24s ease-in;
}
.ci-overword-tip {
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;
}
.ci-overword-tip-pure {
margin-left: 0;
}
.ci-overword-tip .overword-submit {
margin-left: 9px;
color: #4e6ef2;
cursor: pointer;
}
.ci-divider {
background-color: #edeef0;
height: 1px;
}
#ci-right-tool *,
#ci-left-tool *,
.ci-panel-list * {
font-family: PingFang SCArialsans-serif;
}
.ci-left-tool {
display: flex;
}
.ci-left-tool .ci-left-tools-wrapper,
.ci-right-tool {
display: flex;
}
.ci-right-tool .ci-tool-item {
display: flex;
cursor: pointer;
color: #333;
}
.ci-left-tool {
display: flex;
box-sizing: border-box;
}
.ci-left-tool .ds-btn {
display: flex;
align-items: center;
margin-left: 6px;
}
.ci-left-tool .ds-btn img {
width: 25px;
height: 14px;
}
.ci-left-tool .ds-btn span {
margin-right: 1px;
}
.ci-right-tool {
display: flex;
align-items: center;
}
.ci-right-tool > * {
margin-left: 15px;
}
.ci-right-tool > *:first-child {
margin-left: 0;
}
.ci-right-tool .ci-tool-item {
display: flex;
cursor: pointer;
}
.ci-right-tool .ci-tool-item svg {
display: block;
}
.ci-right-tool .ci-tool-item:hover {
color: #4e6ef2;
}
.ci-right-tool .upload-btn-disabled {
cursor: not-allowed;
opacity: 0.5;
}
.right-tools-wrapper {
min-height: 38px;
}
.ci-ask-ai-icon {
width: 40px;
height: 14px;
margin-left: 7px;
}
.ask-ai-button-wrapper {
position: relative;
display: inline-flex;
}
.ask-ai-button-wrapper .ask-ai-button-border {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%-50%);
pointer-events: none;
}
.ask-ai-button-wrapper .tooltip {
left: 6px !important;
}
.aisearch-btn {
border-radius: 12px;
border: 0.5px solid rgba(2192202240.85);
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: #4e6ef2;
}
.aisearch-btn-wenxin {
padding: 0 15px;
}
.aisearch-btn-wenxin .ci-ask-wenxin-icon {
height: 14px;
}
.ci-background {
position: relative;
}
.ci-weak-svg svg,
.ci-weak-svg img {
opacity: 1;
}
.ci-weak-svg:hover svg,
.ci-weak-svg:hover img {
opacity: 1;
}
.ci-file-container {
margin-top: 3px;
margin-bottom: 12px;
}
.ci-file-container .ci-file-delete {
width: 15px;
height: 15px;
position: absolute;
top: -1px;
right: -1px;
display: none;
}
.ci-file-container .ci-file-delete .ci-file-delete-icon {
width: 100%;
height: 100%;
}
.ci-file-container .ci-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;
}
.ci-file-container .ci-file .ci-file-icon {
width: 36px;
height: 36px;
border-radius: 9px;
margin-right: 9px;
position: relative;
}
.ci-file-container .ci-file .ci-file-icon .ci-file-icon-img {
border-radius: 9px;
border: 0.5px solid #fff;
width: 100%;
height: 100%;
}
.ci-file-container .ci-file .ci-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;
}
.ci-file-container .ci-file .ci-file-content .ci-file-name {
font-size: 12px;
font-weight: 500;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.ci-file-container .ci-file .ci-file-content .ci-file-desc {
font-size: 12px;
font-weight: 400;
width: 100%;
}
.ci-file-container .ci-file .ci-file-content .ci-file-desc-success {
display: flex;
}
.ci-file-container .ci-file .ci-file-content .ci-file-desc-success-name {
margin-right: 6px;
flex: 0 1 auto;
}
.ci-file-container .ci-file .ci-file-content .ci-file-desc-success-size {
flex: 1;
}
.ci-file-container .ci-file:hover {
background: #4e6ef20f;
}
.ci-file-container .ci-file:hover .ci-file-delete {
display: flex;
}
.ci-file-container .ci-file-uploading .ci-file-icon-loading {
position: absolute;
top: 10px;
left: 10px;
width: 16px;
height: 16px;
animation: rotateForever 1s linear infinite;
}
.ci-file-container .ci-file-failed .ci-file-content {
color: #848691;
}
.ci-file-container .ci-image {
position: relative;
width: 60px;
height: 60px;
display: flex;
flex-direction: row;
border-radius: 12px;
cursor: pointer;
box-sizing: border-box;
}
.ci-file-container .ci-image .ci-image-bg {
object-fit: cover;
border-radius: 12px;
min-width: 100%;
border: 0.5px solid #DCDDE0;
box-sizing: border-box;
}
.ci-file-container .ci-image:hover .ci-file-delete {
display: flex;
}
.ci-file-container .ci-image-uploading .ci-file-icon-loading {
position: absolute;
top: 18px;
left: 18px;
width: 24px;
height: 24px;
animation: rotateForever 1s linear infinite;
}
.ci-file-container .ci-file-click-upload {
width: 60px;
height: 60px;
border-radius: 15px;
background-color: #f5f6f9;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.ci-file-container .ci-file-click-upload:hover {
background: #4e6ef20f;
}
.ci-file-container .ci-file-click-upload:hover img {
filter: brightness(0) saturate(100%) invert(35%) sepia(77%) saturate(2345%) hue-rotate(218deg) brightness(103%) contrast(99%);
}
.ci-file-container .ci-file-click-upload .ci-upload-img {
height: 25px;
width: 25px;
}
.ci-file-container .image-click-upload {
width: 60px;
height: 60px;
}
.ci-file-guide-wrapper {
width: 100%;
height: 30px;
margin-bottom: 6px;
font-size: 14px;
font-weight: 400;
color: #333;
}
.ci-file-guide-wrapper .ci-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;
}
.ci-file-guide-wrapper .ci-file-guide-item .ai-input-file-guide-icon {
width: 16px;
height: 16px;
object-fit: contain;
margin-right: 6px;
}
.ci-file-guide-wrapper .ci-file-guide-item:hover {
cursor: pointer;
background: #4e6ef20f;
color: #4e6ef2;
}
.ci-file-guide-wrapper .ci-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%);
}
.ci-file-guide-wrapper .ci-file-guide-disabled {
opacity: 0.4;
}
.ci-file-guide-tooltip {
display: none;
}
.ci-file-delete {
width: 15px;
height: 15px;
position: fixed;
display: none;
}
.ci-file-delete .ci-file-delete-icon {
width: 100%;
height: 100%;
}
.ci-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;
}
.ci-file:hover .ci-file-delete {
display: flex;
}
.ci-file:hover .ci-file-inner {
background: #4e6ef20f;
}
.ci-file .ci-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;
}
.ci-file .ci-file-icon {
position: relative;
}
.ci-file .ci-file-icon .ci-file-icon-img {
width: 20px;
height: 20px;
border-radius: 6px;
display: block;
}
.ci-file .ci-file-name {
font-size: 16px;
line-height: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ci-file .ci-file-name-container {
font-size: 14px;
line-height: 17px;
margin-left: 3px;
overflow: hidden;
}
.ci-file .ci-file-name-container .ci-file-name {
display: inline-block;
max-width: 100px;
height: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: top;
}
.ci-file .ci-file-name-container .ci-file-num {
display: inline-block;
height: 100%;
}
.ci-file-uploading .ci-file-icon-loading {
position: absolute;
top: calc(50% - 5px);
left: calc(50% - 5px);
width: 10px;
height: 10px;
animation: rotateForever 1s linear infinite;
}
.ci-file-failed .ci-file-content {
color: #848691;
}
.ci-image {
position: relative;
vertical-align: bottom;
width: 28px;
height: 28px;
display: inline-flex;
flex-direction: row;
border-radius: 6px;
cursor: pointer;
margin-right: 6px;
}
.ci-image .ci-image-bg {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 6px;
min-width: 100%;
}
.ci-image .ci-image-num {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%-50%);
z-index: 2;
color: #fff;
font-size: 14px;
font-weight: 700;
}
.ci-image:hover .ci-file-delete {
display: flex;
}
.ci-image-uploading .ci-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: #00000080;
}
.ci-submit-button {
display: flex;
}
.ci-submit-pause {
display: inline-block;
width: 36px;
height: 36px;
cursor: pointer;
background-image: var(--ci-submit-pause-imgurl(https://psstatic.cdn.bcebos.com/basics/chat/pause_1751376511000.png));
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}
.ci-submit-pause:hover {
opacity: 0.8;
}
#ci-submit-button {
font-size: 17px;
font-weight: 500;
width: 104px;
height: 38px;
cursor: pointer;
color: #fff;
border-radius: 12px;
position: relative;
border: none;
background: linear-gradient(136deg#286aff#4e6ef2#7274f9#9f66ff);
}
#ci-submit-button:hover {
background-image: linear-gradient(#00000017#00000017)linear-gradient(136deg#286aff#4e6ef2#7274f9#9f66ff);
}
#ci-submit-button-ai {
display: inline-block;
width: 36px;
height: 36px;
cursor: pointer;
opacity: 0.3;
background-image: var(--ci-submit-btn-imgurl(https://psstatic.cdn.bcebos.com/basics/chat/send-icon_1750678058000.svg));
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}
#ci-submit-button-ai.ci-submit-button-ai-active {
opacity: 1;
display: block;
}
@keyframes rotateForever {
0% {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
.ci-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;
flex: none;
}
.ci-input-file:hover .ci-input-file-delete {
display: flex;
}
.ci-input-file:hover .ci-input-file-inner {
background: #4e6ef20f;
}
.ci-input-file .ci-input-file-inner {
position: relative;
height: 28px;
max-width: 243px;
display: flex;
border-radius: 6px;
background-color: #f5f6f9;
box-sizing: border-box;
cursor: pointer;
padding: 0 9px 0 3px;
align-items: center;
font-size: 14px;
}
.ci-input-file .ci-input-file-inner .ci-input-file-icon {
display: flex;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
}
.ci-input-file .ci-input-file-inner .ci-input-file-icon-img {
display: block;
width: 100%;
height: 100%;
border-radius: 6px;
}
.ci-input-file .ci-input-file-name-container {
display: flex;
align-items: center;
margin-left: 3px;
}
.ci-input-file .ci-input-file-name-container .ci-input-file-name {
max-width: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ci-input-file-icon-loading {
position: absolute;
width: 10px;
height: 10px;
animation: rotateForever 1s linear infinite;
}
.ci-input-file-failed .ci-input-file-content {
color: #848691;
}
.ci-input-image {
position: relative;
vertical-align: bottom;
width: 28px;
height: 28px;
display: inline-flex;
flex-direction: row;
border-radius: 6px;
cursor: pointer;
}
.ci-input-image .ci-input-image-bg {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 6px;
min-width: 100%;
}
.ci-input-image .ci-input-image-num {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%-50%);
z-index: 2;
color: #fff;
font-size: 14px;
font-weight: 700;
}
.ci-input-image:hover .ci-input-file-delete {
display: flex;
}
.ci-input-image:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 6px;
background: #00000080;
}
.ci-tools-top {
position: absolute;
width: 100%;
}
.ci-tools-top .ci-panel-list {
bottom: 6px;
background: #fff;
padding: 0 0 4.5px;
}
.ci-tools-bottom .ci-panel-list {
bottom: -33px;
}
.ci-tools-inside {
flex: 1;
min-width: 0;
display: flex;
align-items: center;
padding: 0 0 0 6px;
box-sizing: border-box;
}
.ci-tools-inside .ci-tools-divider {
height: 12px;
border-left: 1px solid var(--cos-color-border-tiny#DBDCE0);
flex-shrink: 0;
margin-right: 6px;
}
.ci-tools-inside .ci-panel-list {
position: static;
flex: 1;
min-width: 0;
display: flex;
flex-wrap: nowrap;
}
.ci-tools-inside .ci-panel-list > *:not(:last-child) {
margin-right: 8px;
}
.ci-ai-search .ci-panel-bottom {
position: absolute;
z-index: 99;
width: 100%;
max-height: 0;
background: #fff;
transition: max-height 0.28s ease;
overflow: hidden;
border-radius: inherit;
}
.ci-position-bottom #ci-panel > div:after {
content: "";
display: block;
border-top: 0.3px solid #dbdce0;
position: absolute;
left: 15px;
right: 9px;
top: 1px;
width: calc(100% - 22px);
}
.ci-panel-top {
position: relative;
z-index: 3;
border-radius: inherit;
width: 100%;
max-height: 0;
background: #fff;
transition: max-height 0.28s ease;
box-sizing: border-box;
top: 1px;
overflow: hidden;
}
.ci-panel-top .ci-divider {
margin-top: 15px;
margin-left: 18px;
width: calc(100% - 36px);
}
.ci-panel-top .ci-panel-container {
height: 100%;
max-height: 377px;
}
.ci-open-panel .ci-panel-top {
border-radius: 21px 21px 0 0;
padding-top: 0;
box-shadow: 0 4px 25px #77a7ff1f;
}
.ci-open-panel .ci-panel-top:after {
content: "";
background: var(--cos-color-border-minor#EDEDF0);
z-index: 100;
width: 97.5%;
height: 0.5px;
position: absolute;
bottom: 1px;
left: 50%;
transform: translate(-50%);
}
.ci-open-panel .ci-wrapper {
border: 0 0 21px 21px;
}
.ci-panel-list {
display: flex;
position: absolute;
width: 100%;
opacity: 0;
transition: opacity 0.18s ease;
}
.ci-panel-list.ci-panel-ready {
opacity: 1;
}
.ci-panel-list > *:not(:last-child) {
margin-right: 9px;
}
.ci-panel-expand {
opacity: 1;
}
.ci-smart-mic {
display: flex;
align-items: center;
}
.ai-bdsug.ai-bdsug-new {
font-size: 14px;
font-weight: 400;
color: #1e1f24;
padding-bottom: 9px;
margin-top: 10px;
-webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto;
}
.ai-bdsug.ai-bdsug-new .bdsug-s .bdsug-store-del {
display: inline-block;
}
.ai-bdsug.ai-bdsug-new .bdsug-store-del {
font-size: 12px;
color: #666;
text-decoration: underline;
position: absolute;
top: 0;
cursor: pointer;
display: none;
right: 9px;
text-decoration: none;
}
.ai-bdsug.ai-bdsug-new .bdsug-store-del:hover {
color: #4e6ef2;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-store {
color: #1e1f24;
}
.ai-bdsug.ai-bdsug-new ul li {
position: relative;
display: flex;
align-items: center;
padding-right: 9px;
min-height: 32px;
line-height: 32px;
cursor: pointer;
color: #1e1f24;
}
.ai-bdsug.ai-bdsug-new ul li:first-child {
margin-top: -2px;
}
.ai-bdsug.ai-bdsug-new ul li:last-child {
margin-bottom: -3px;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-color-red {
color: #ee0333;
}
.ai-bdsug.ai-bdsug-new ul li .sug-content {
box-sizing: border-box;
min-width: 200px;
padding-left: 15px;
padding-right: 54px;
overflow: hidden;
text-overflow: ellipsis;
}
.ai-bdsug.ai-bdsug-new ul li .sug-content.sug-full-width {
width: 100%;
display: flex;
}
.ai-bdsug.ai-bdsug-new ul li .sug-content .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 li .sug-content .pc-aifile-img-container img {
width: 14px;
height: 14px;
border-radius: 3px;
}
.ai-bdsug.ai-bdsug-new ul li .sug-content .pc-aifile-single-img {
box-shadow: 0 0 0 0.5px #dcdde04d inset;
border-radius: 3px;
}
.ai-bdsug.ai-bdsug-new ul li .sug-content .img-more-mask {
position: absolute;
top: 9px;
left: 0;
width: 14px;
height: 14px;
background-color: #0003;
border-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
color: #fff;
line-height: 1;
}
.ai-bdsug.ai-bdsug-new ul li .sug-content .pc-aifile-info {
display: flex;
font-size: 14px;
color: #9195a3;
margin-left: 3px;
}
.ai-bdsug.ai-bdsug-new ul li b {
font-weight: 400;
color: #1e1f24;
}
.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#873cff);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-ai-hover-upgrade .ask-ai-tail-icon {
background-image: url(https://psstatic.cdn.bcebos.com/aife/superman/black_search_1765518039000.svg);
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-ai-hover-upgrade .ask-ai-tail-text {
color: #333;
-webkit-text-fill-color: #333;
background: none;
-webkit-background-clip: none;
background-clip: none;
}
.ai-bdsug.ai-bdsug-new ul li .sug-highlight {
color: #ee0333;
}
.ai-bdsug.ai-bdsug-new ul li .ask-ai-tail {
display: flex;
align-items: center;
padding-right: 12px;
opacity: 0;
white-space: nowrap;
}
.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/aife/static/star_new_1770104836000.png);
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: #000;
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#873cff);
-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-s {
background-color: #335cff0d;
color: #4e6ef2;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-s b,
.ai-bdsug.ai-bdsug-new ul li.bdsug-s .direct-sug-wrap .name,
.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.his_pc_aifile,
.ai-bdsug.ai-bdsug-new ul li.bdsug-s .search-sug-icon.his_pc_aipic,
.ai-bdsug.ai-bdsug-new ul li.bdsug-s .search-sug-icon.his_pc_ai,
.ai-bdsug.ai-bdsug-new ul li.bdsug-s .search-sug-icon.his_pc_aiintention {
background-image: url(https://psstatic.cdn.bcebos.com/aife/static/star_new_1770104836000.png);
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-s .search-sug-icon.his_pc_aifile ~ span,
.ai-bdsug.ai-bdsug-new ul li.bdsug-s .search-sug-icon.his_pc_aipic ~ span,
.ai-bdsug.ai-bdsug-new ul li.bdsug-s .search-sug-icon.his_pc_ai ~ span,
.ai-bdsug.ai-bdsug-new ul li.bdsug-s .search-sug-icon.his_pc_aiintention ~ span {
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.bdsug-ai-hover-upgrade {
color: #1e1f24;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-s.bdsug-ai-hover-upgrade .search-sug-icon {
background-image: url(https://psstatic.cdn.bcebos.com/aife/superman/search_1756192482000.svg);
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-s.bdsug-ai-hover-upgrade .search-sug-icon.ai_guide {
background-image: url(https://psstatic.cdn.bcebos.com/aife/superman/ai_1756192472000.svg);
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-s.bdsug-ai-hover-upgrade .direct-sug-wrap .name,
.ai-bdsug.ai-bdsug-new ul li.bdsug-s.bdsug-ai-hover-upgrade .direct-sug-wrap .brief,
.ai-bdsug.ai-bdsug-new ul li.bdsug-s.bdsug-ai-hover-upgrade .direct-sug-wrap .info {
color: #1e1f24;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-s.bdsug-ai-hover-upgrade.bdsug-color-red {
color: #ee0333;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-s.bdsug-ai-hover-upgrade b {
color: #1e1f24;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-s.bdsug-ai-hover-upgrade .sug-content:hover {
font-weight: 500;
color: #4e6ef2;
}
.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_1756192477000.svg);
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-s.bdsug-ai-hover-upgrade .sug-content:hover .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.bdsug-ai-hover-upgrade .sug-content:hover b {
font-weight: 500;
color: #4e6ef2;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-s.bdsug-ai-hover-upgrade .sug-content:hover .direct-sug-wrap .name,
.ai-bdsug.ai-bdsug-new ul li.bdsug-s.bdsug-ai-hover-upgrade .sug-content:hover .direct-sug-wrap .brief,
.ai-bdsug.ai-bdsug-new ul li.bdsug-s.bdsug-ai-hover-upgrade .sug-content:hover .direct-sug-wrap .info {
color: #4e6ef2;
}
.ai-bdsug.ai-bdsug-new ul li.bdsug-s .pc-aifile-info {
background-image: linear-gradient(45deg#4e6ef2#873cff);
-webkit-background-clip: text;
background-clip: text;
color: transparent !important;
}
.ai-bdsug.ai-bdsug-new ul .bdsug-ai-guide {
box-sizing: content-box;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 3px;
border-radius: 3px;
margin-left: 3px;
transform: translateY(-0.5px);
font-weight: 600;
color: #4e6ef2;
}
.ai-bdsug.ai-bdsug-new ul .bdsug-ai-guide .bdsug-logo {
margin-left: 1px;
margin-right: 3px;
height: 14px;
}
.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: #36f;
border: 1px solid rgba(511022550.4);
border-radius: 4px;
}
.ai-bdsug.ai-bdsug-new ul .sug-new-tag-orange {
color: #f33;
border: 1px solid rgba(25551510.4);
border-radius: 4px;
}
.ai-bdsug.ai-bdsug-new ul .direct-sug-wrap {
display: flex;
height: 40px;
padding: 9px 0;
color: #1e1f24;
}
.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: #1e1f24;
}
.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;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.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: #1e1f24;
}
.ai-bdsug.ai-bdsug-new ul .direct-sug-wrap .brief {
margin-right: 6px;
}
.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.his_pc_aifile,
.ai-bdsug.ai-bdsug-new ul .search-sug-icon.his_pc_aipic,
.ai-bdsug.ai-bdsug-new ul .search-sug-icon.his_pc_ai,
.ai-bdsug.ai-bdsug-new ul .search-sug-icon.his_pc_aiintention {
background-image: url(https://psstatic.cdn.bcebos.com/aife/static/star_new_1770104836000.png);
}
.ai-bdsug.ai-bdsug-new .bdsug-feedback-tool-zone {
display: flex;
flex-wrap: wrap;
font-size: 13px;
color: #9195a3;
margin: 3px 13.5px -1.5px 0;
text-decoration: none;
}
.ai-bdsug.ai-bdsug-new .bdsug-feedback-tool-zone a {
color: #9195a3;
text-decoration: none;
}
.ai-bdsug.ai-bdsug-new .bdsug-feedback-tool-zone *:first-child {
margin-left: auto;
}
.ai-bdsug.ai-bdsug-new .bdsug-feedback-tool-zone *:not(:last-child) {
margin-right: 9px;
}
.ai-bdsug.ai-bdsug-new .bdsug-feedback-tool-zone span:hover,
.ai-bdsug.ai-bdsug-new .bdsug-feedback-tool-zone a:hover {
cursor: pointer;
color: #4e6ef2;
}
.ai-bdsug.ai-bdsug-new .bdsug-feedback-tool-zone .ci-sug-search-btn-wrapper {
width: 100%;
padding: 8px 15px 4px;
text-align: center;
box-sizing: border-box;
margin-left: 0;
}
.ai-bdsug.ai-bdsug-new .bdsug-feedback-tool-zone .ci-sug-search-btn-wrapper .ci-sug-search-btn {
font-size: 14px;
font-weight: 500;
height: 32px;
padding: 0 20px;
cursor: pointer;
color: #fff;
border-radius: 10px;
border: none;
background: linear-gradient(136deg#286aff#4e6ef2#7274f9#9f66ff);
}
.ai-bdsug.ai-bdsug-new .bdsug-feedback-tool-zone .ci-sug-search-btn-wrapper .ci-sug-search-btn:hover {
background-image: linear-gradient(#00000017#00000017)linear-gradient(136deg#286aff#4e6ef2#7274f9#9f66ff);
}
.ai-bdsug.ai-bdsug-new .ai-bdsug-feedback-wrap {
background: none;
text-align: right;
margin-right: 16.5px;
}
.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-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%);
}
/*$vite$:1*/
互联网新闻信息服务许可证11220180008
网络文化经营许可证： 京网文〔2023〕1034-029号
互联网宗教信息服务许可证编号：京（2022）0000043
药品医疗器械网络信息服务备案（京）网药械信息备字（2021）第00159号
医疗器械网络交易服务第三方平台备案凭证（京）网械平台备字（2020）第00002号
药品网络交易服务第三方平台备案凭证（京）网药平台备字〔2023〕第000002号
©2026 Baidu
返回顶部
辅助模式