.post-PandaAI {
background: var(--body-bg-color);
border-radius: var(--main-radius);
padding: 8px;
line-height: 1.3;
border: 1px solid var(--focus-color-opacity1);
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 16px;
}
.PandaAI-title {
display: flex;
color: var(--theme-color);
border-radius: 8px;
align-items: center;
padding: 0 12px;
cursor: default;
user-select: none;
position: relative;
}
.PandaAI-title-text {
font-weight: bold;
margin-left: 8px;
line-height: 1;
font-size: 15px;
}
.PandaAI-explanation {
padding: 8px 12px;
background: var(--main-bg-color);
border-radius: var(--main-radius);
border: 1px solid var(--focus-color-opacity1);
font-size: 15px;
line-height: 1.4;
display: block;
color: var(--heo-fontcolor);
}
.PandaAI-suggestions {
display: flex;
flex-wrap: wrap;
}
.PandaAI-suggestions .PandaAI-suggestions-item {
margin-top: 12px;
padding: 8px 12px;
background: var(--heo-card-bg);
border-radius: 8px 8px 8px 0;
border: var(--style-border-always);
font-size: 15px;
line-height: 1.4;
display: flex;
width: fit-content;
margin-right: 12px;
cursor: pointer;
transition: .3s;
}
.PandaAI-suggestions .PandaAI-suggestions-item:hover {
background: var(--heo-main);
color: var(--heo-white);
}
.blinking-cursor {
background-color: var(--theme-color);
width: 14px;
height: 14px;
border-radius: 16px;
display: inline-block;
vertical-align: middle;
animation: blinking-cursor 2s infinite;
-webkit-animation: blinking-cursor 2s infinite;
margin-left: 4px;
margin-bottom: 3px;
transform: scale(.6);
}
@keyframes blinking-cursor {
0% {
transform: scale(.6)
}
25% {
transform: scale(1)
}
50% {
transform: scale(.6)
}
75% {
transform: scale(1)
}
100% {
transform: scale(.6)
}
}
.PandaAI-tag {
font-size: 11px;
background-color: var(--theme-color);
box-shadow: var(--main-shadow);
color: var(--body-bg-color);
border-radius: var(--main-radius);
margin-left: auto;
line-height: 12px;
padding: 6px 8px;
display: flex;
align-items: center;
justify-content: center;
transition: .3s;
outline: none;
border: none;
cursor: pointer;
letter-spacing: 1px;
}
.PandaAI-tag:hover {
opacity: .8;
}
.PandaAI-tag.loadingAI {
animation-duration: 2s;
animation-name: AILoading;
animation-iteration-count: infinite;
animation-direction: alternate;
cursor: default;
}
@keyframes AILoading {
0% {
opacity: 1
}
25% {
opacity: .3
}
50% {
opacity: 1
}
75% {
opacity: .3
}
100% {
opacity: 1
}
}
ins.adsbygoogle {
margin: 16px 0;
background: var(--heo-card-bg);
border-radius: var(--main-radius);
overflow: hidden;
border: var(--style-border-always);
}
#PandaAI-Toggle {
font-size: 12px;
background: var(--heo-lighttext);
color: var(--heo-card-bg);
padding: 4px;
border-radius: 4px;
margin-left: 6px;
transform: scale(.8);
cursor: pointer;
transition: .3s;
font-weight: bold;
}
#PandaAI-Toggle:hover {
background: var(--heo-fontcolor);
color: var(--heo-card-bg);
}
.PandaAI-title-icon {
width: 22px;
height: 22px;
display: flex;
background: var(--theme-color);
color: var(--body-bg-color);
font-size: 14px;
border-radius: 20px;
justify-content: center;
align-items: center;
}
.PandaAI-title-icon svg {
width: 14px;
height: 14px;
fill: var(--body-bg-color);
}
.PandaAI-title-icon svg path {
fill: var(--body-bg-color);
}
@media screen and (max-width: 768px) {
.postchat_discuz_mobile .post-PandaAI {
max-width:calc(100vw - 46px);
margin: 16px auto;
margin-bottom: 0
}
}