diff --git a/src/views/AiEmotion.vue b/src/views/AiEmotion.vue index 0efd6ec..bbd24cf 100644 --- a/src/views/AiEmotion.vue +++ b/src/views/AiEmotion.vue @@ -2053,91 +2053,89 @@ defineExpose({ height: auto; margin: 0 auto; margin-top: 20px; +} - .conclusion-container { - padding: 20px; - border-radius: 15px; - margin: 20px; - /* background: linear-gradient(135deg, rgba(0, 212, 255, 0.15) 0%, rgba(0, 100, 200, 0.15) 100%); */ - border: 2px solid rgba(0, 212, 255, 0.4); - - .conclusion-item { - margin-bottom: 20px; - padding: 20px; - border-radius: 12px; - border: 1px solid rgba(0, 212, 255, 0.5); - transition: all 0.3s ease; - position: relative; - overflow: hidden; - - &::before { - content: ''; - position: absolute; - top: 0; - left: 0; - right: 0; - height: 2px; - background: linear-gradient(90deg, #00d4ff, #0099ff, #00d4ff); - opacity: 0.8; - } +.bk-image .conclusion-container { + padding: 20px; + border-radius: 15px; + margin: 20px; + /* background: linear-gradient(135deg, rgba(0, 212, 255, 0.15) 0%, rgba(0, 100, 200, 0.15) 100%); */ + border: 2px solid rgba(0, 212, 255, 0.4); +} +.bk-image .conclusion-container .conclusion-item { + margin-bottom: 20px; + padding: 20px; + border-radius: 12px; + border: 1px solid rgba(0, 212, 255, 0.5); + transition: all 0.3s ease; + position: relative; + overflow: hidden; +} +.bk-image .conclusion-container .conclusion-item::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + height: 2px; + background: linear-gradient(90deg, #00d4ff, #0099ff, #00d4ff); + opacity: 0.8; +} - &:last-child { - margin-bottom: 0; - } +.bk-image .conclusion-container .conclusion-item:last-child { + margin-bottom: 0; +} - .conclusion-title { - color: #FFD700; - font-size: 22px; - font-weight: bold; - margin: 0 0 15px 0; - text-align: center; - letter-spacing: 2px; +.bk-image .conclusion-container .conclusion-item .conclusion-title { + color: #FFD700; + font-size: 22px; + font-weight: bold; + margin: 0 0 15px 0; + text-align: center; + letter-spacing: 2px; +} - &::after { - content: ''; - position: absolute; - bottom: -5px; - left: 50%; - transform: translateX(-50%); - width: 60px; - height: 2px; - background: linear-gradient(90deg, transparent, #00d4ff, transparent); - } - } +.bk-image .conclusion-container .conclusion-item .conclusion-title::after { + content: ''; + position: absolute; + bottom: -5px; + left: 50%; + transform: translateX(-50%); + width: 60px; + height: 2px; + background: linear-gradient(90deg, transparent, #00d4ff, transparent); +} - .conclusion-text { - color: #ffffff; - font-size: 20px; - line-height: 1.8; - margin: 0 0 12px 0; - text-align: left; - word-wrap: break-word; - padding-left: 15px; - position: relative; +.bk-image .conclusion-container .conclusion-item .conclusion-text { + color: #ffffff; + font-size: 20px; + line-height: 1.8; + margin: 0 0 12px 0; + text-align: left; + word-wrap: break-word; + padding-left: 15px; + position: relative; +} - &:last-child { - margin-bottom: 0; - } - } - } - } +.bk-image .conclusion-container .conclusion-item .conclusion-text:last-child { + margin-bottom: 0; +} - .conclusion-placeholder { - padding: 30px; - text-align: center; - border-radius: 12px; - background: rgba(255, 255, 255, 0.05); - border: 1px dashed rgba(153, 153, 153, 0.3); +.bk-image .conclusion-placeholder { + padding: 30px; + text-align: center; + border-radius: 12px; + background: rgba(255, 255, 255, 0.05); + border: 1px dashed rgba(153, 153, 153, 0.3); +} - p { - color: #999999; - font-size: 16px; - margin: 0; - font-style: italic; - } - } +.bk-image .conclusion-placeholder p { + color: #999999; + font-size: 16px; + margin: 0; + font-style: italic; } /* 最后文字的颜色 */