.chaisend{
    position: relative;
    display: flex;
}
.cochai {
    border: 1px solid #3684eb;
    margin-top: 9px;
    border-radius: 15px;
    width: 80%;
    position: relative;

    /* 只让阴影过渡 0.3 秒，丝滑延迟，不影响其他 */
    transition: box-shadow 0.3s ease;
}

.cochai:hover{
    /* 只有阴影渐变，无任何放大 */
    box-shadow: 0 1px 8px rgb(71 139 244 / 60%);
}
.cochai textarea {
    width: 95%;
    min-height: 75px;
    margin-bottom: 30px;
}

/* 你的输出容器 */
.iikiommk {
    min-height: 200px;
    height: auto;
    max-height: 600px; /* 加个最大高度，避免无限拉长 */

    padding: 10px;
    overflow-y: auto;
    /* 圆角 + 柔和样式 */
    border-radius: 8px;

}

/* 滚动条整体 */
.iikiommk::-webkit-scrollbar {
    width: 6px;
}

/* 滚动条轨道 */
.iikiommk::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

/* 滚动条滑块 */
.iikiommk::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 10px;
}

/* hover 时滑块变深色 */
.iikiommk::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* 你原来的 stream-line 保持不变（已优化好） */
.iikiommk .stream-line {
    position: relative;

}

/* 文本区域 */
.iikiommk .stream-text {
    padding-bottom: 25px; /* 给按钮留位置 */
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
}

/* 按钮组 */
.iikiommk .button-list {
    position: absolute;
    bottom: 10px;
    right: 12px;
    display: flex;
    gap: 6px;
}

/* 按钮样式 */
.iikiommk .copy-btn,
.iikiommk .read-btn {
    padding: 3px 8px;
    font-size: 12px;
    color: #fff;
    background: #3684eb;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
}
.iikiommk .copy-btn:hover,
.iikiommk .read-btn:hover {
    background: #2573e0;
}
.iikiommk .stream-line:hover{
    /* 可选：让按钮微微放大，更高级 */
    transform: scale(1.01);
}

.xinas{
    position: absolute;
    right: 5px;
    bottom: 5px;
}
.send-fas{
    position: relative;
}
.send-fas .aifas{
    margin-left: 10px;
    width: 150px;
    border: 2px solid #135fd5;
    background: #478bf4;
    height: 50px;
    border-radius: 10px;
    color: #FFFFFF;
    font-size: 18px;
    position: absolute;
    bottom: 0;
}
.chaili{
    box-shadow: 0 1px 4px rgba(0,0,0,.1);
    padding: 8px;
    margin-top: 15px;
}
.aifanyi{
    position: relative;
}
.ai-translate-title{
    text-align: center;
    margin: 40px 0 50px;
    padding: 0 20px;
}
.ai-translate-title h2{
    font-size: 30px;
    font-weight: 700;
    color: #1d72b3;
    margin: 0 0 12px;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}
.ai-translate-title p{
    font-size: 16px;
    color: #555;
    margin: 0;
    line-height: 1.8;
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
   display: contents;
}
.jitexth {
position: absolute;
width: 100%;
top: 12%;
}

.iikiommk .stream-line {

/* 盒子样式 */
    box-shadow: 0 1px 4px rgb(20 118 255 / 26%);
    margin: 30px 0 0 0;
    padding: 12px 15px;
    min-height: 50px;
    width: 100%;
    border-radius: 6px;
    box-sizing: border-box;
    line-height: 1.7;
    font-size: 15px;
    color: #333;
    text-align: left;
    font-family: "Microsoft YaHei", sans-serif;
    letter-spacing: 0.5px;
    transition: all 0.3s;
}
/* ===================================== */
/* 🔥 AI 配置栏 - 现代化极简风格 */
/* ===================================== */
.ai-config-group {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
}

.ai-config-item {
    display: flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 7px 11px;
    gap: 8px;
    box-shadow: 0 1px 3px rgba(0, 11, 40, 0.05);
    transition: all 0.3s ease;
}

.ai-config-item:hover {
    border-color: #3684eb;
    box-shadow: 0 3px 8px rgba(54, 132, 235, 0.12);
}

.ai-config-item .icon {
    font-size: 16px;
    opacity: 0.8;
}

.ai-config-item .label {
    font-size: 13px;
    color: #64748b;
    white-space: nowrap;
}

.ai-select {
    border: none;
    outline: none;
    background: transparent;
    font-size: 14px;
    color: #333;
    padding: 0 6px;
    min-width: 110px;
    cursor: pointer;
}

.ai-select option {
    padding: 10px;
}

/* ===================================== */
/* 适配你的原有风格：主色调蓝色 */
/* ===================================== */
.ai-config-item:focus-within {
    border-color: #3684eb;
    box-shadow: 0 0 0 2px rgba(54, 132, 235, 0.15);
}


.shanchusss-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='24' height='24'%3E%3Cpath d='M512 983.466667C251.733333 983.466667 40.533333 772.266667 40.533333 512S251.733333 40.533333 512 40.533333 983.466667 251.733333 983.466667 512C981.333333 772.266667 772.266667 981.333333 512 983.466667z m0-878.933334C288 104.533333 104.533333 288 104.533333 512S288 919.466667 512 919.466667 919.466667 736 919.466667 512C917.333333 288 736 106.666667 512 104.533333z' fill='%233684eb'%3E%3C/path%3E%3Cpath d='M640 672c-8.533333 0-17.066667-4.266667-21.333333-8.533333l-256-256c-10.666667-12.8-10.666667-34.133333 4.266666-44.8 12.8-10.666667 29.866667-10.666667 42.666667 0l256 256c12.8 12.8 12.8 32 0 44.8-8.533333 6.4-17.066667 8.533333-25.6 8.533333z' fill='%233684eb'%3E%3C/path%3E%3Cpath d='M384 672c-8.533333 0-17.066667-4.266667-23.466667-8.533333-12.8-12.8-12.8-32 0-44.8l256-256c12.8-12.8 34.133333-10.666667 44.8 2.133333s10.666667 32 0 42.666667l-256 256c-4.266667 4.266667-12.8 8.533333-21.333333 8.533333z' fill='%233684eb'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 2px;
}
/* 加载动画 */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.aifas.loading {
    pointer-events: none;
    opacity: 0.7;
}
.aifas .loading-icon {
    display: none;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-top: 2px solid transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-right: 6px;
    vertical-align: middle;
}
.aifas.loading .loading-icon {
    display: inline-block;
}

/* 🔥 打字机光标 */
.stream-cursor {
    display: inline-block;
    width: 3px;
    height: 18px;
    background: #1a73e8;
    margin-left: 4px;
    animation: blink 1s infinite;
    vertical-align: middle;
}
@keyframes blink {
    0%,50% { opacity:1; }
    51%,100% { opacity:0; }
}

/* 滚动条整体宽度 */
#aitext::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

/* 滚动条轨道（背景槽） */
#aitext::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

/* 滚动条滑块（可拖动部分） */
#aitext::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
    transition: background 0.2s;
    cursor: pointer;
}

/* 鼠标悬停时滑块变深 */
#aitext::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1;
}

/* 滚动条四角（几乎看不见，美化用） */
#aitext::-webkit-scrollbar-corner {
    background: transparent;
}

@media (max-width: 768px) {
    .chaisend {
        flex-direction: column; /* 竖排显示 */
        width: 100%;
    }
    .send-fas .aifas{
        position: relative;
        margin-top: 5px;
    }
    .cochai{
        width: 98%;
    }

}