#nvm-ai-toggle {
position: fixed;
right: 20px;
bottom: 20px;
width: 64px;
height: 64px;
border: none;
border-radius: 50%;
background: #9925e9;
color: #ffffff;
font-size: 14px;
font-weight: 600;
cursor: pointer;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
z-index: 999998;
transition:
transform 0.2s ease,
box-shadow 0.2s ease;
}
#nvm-ai-toggle:hover {
transform: scale(1.05);
box-shadow:
0 7px 24px rgba(0, 0, 0, 0.30);
} #nvm-ai-box {
position: fixed;
right: 20px;
bottom: 20px;
width: 350px;
height: 450px;
background: #ffffff;
border: 1px solid #dddddd;
border-radius: 12px;
box-shadow:
0 5px 25px rgba(0, 0, 0, 0.20);
display: flex;
flex-direction: column;
overflow: hidden;
z-index: 999999;
} #nvm-ai-box.nvm-ai-minimized {
display: none;
} #nvm-ai-title {
min-height: 55px;
padding: 0 15px;
background: #9925e9;
color: #ffffff;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 15px;
font-weight: 600;
} #nvm-ai-minimize {
width: 32px;
height: 32px;
border: none;
background: transparent;
color: #ffffff;
font-size: 26px;
line-height: 26px;
cursor: pointer;
padding: 0;
}
#nvm-ai-minimize:hover {
opacity: 0.75;
} #nvm-ai-messages {
flex: 1;
padding: 15px;
overflow-y: auto;
background: #f7f7f7;
} .nvm-ai-message {
margin-bottom: 10px;
padding: 10px 12px;
background: #ffffff;
border: 1px solid #e5e5e5;
border-radius: 8px;
font-size: 14px;
line-height: 1.55;
word-wrap: break-word;
overflow-wrap: break-word;
} .nvm-ai-message strong,
.nvm-ai-message b {
font-weight: 700;
} .nvm-ai-message em,
.nvm-ai-message i {
font-style: italic;
} .nvm-ai-message p {
margin-top: 0;
margin-bottom: 10px;
}
.nvm-ai-message p:last-child {
margin-bottom: 0;
} .nvm-ai-message ul {
margin-top: 8px;
margin-bottom: 10px;
padding-left: 22px;
list-style-type: disc;
}
.nvm-ai-message ul li {
margin-bottom: 5px;
padding-left: 2px;
} .nvm-ai-message ol {
margin-top: 8px;
margin-bottom: 10px;
padding-left: 24px;
list-style-type: decimal;
}
.nvm-ai-message ol li {
margin-bottom: 5px;
padding-left: 2px;
} .nvm-ai-message a,
.nvm-ai-message a:link,
.nvm-ai-message a:visited {
display: inline;
color: #9925e9;
font-family: inherit;
font-size: inherit;
font-weight: 500;
line-height: inherit;
text-decoration: underline;
margin: 0;
padding: 0;
vertical-align: baseline;
word-break: break-word;
overflow-wrap: break-word;
}
.nvm-ai-message a:hover,
.nvm-ai-message a:focus {
color: #9925e9;
text-decoration: none;
}
.nvm-ai-message a:focus {
outline: 2px solid #9925e9;
outline-offset: 2px;
} #nvm-ai-input-area {
display: flex;
gap: 8px;
padding: 10px;
background: #ffffff;
border-top: 1px solid #dddddd;
} #nvm-ai-input {
flex: 1;
min-width: 0;
height: 40px;
padding: 0 10px;
border: 1px solid #cccccc;
border-radius: 6px;
outline: none;
font-size: 14px;
}
#nvm-ai-input:focus {
border-color: #9925e9;
} #nvm-ai-send {
height: 40px;
padding: 0 15px;
border: none;
border-radius: 6px;
background: #9925e9;
color: #ffffff;
cursor: pointer;
font-size: 14px;
font-weight: 600;
}
#nvm-ai-send:hover {
opacity: 0.90;
}
#nvm-ai-send:disabled {
opacity: 0.60;
cursor: not-allowed;
} .nvm-ai-typing {
opacity: 0.75;
font-style: italic;
} @media (max-width: 600px) {
#nvm-ai-box {
right: 10px;
bottom: 10px;
width: calc(100vw - 20px);
height: 70vh;
max-height: 550px;
}
#nvm-ai-toggle {
right: 15px;
bottom: 15px;
}
}