.contact-card-final-touch-v2 { /* Renamed for this version */
    background-color: var(--white-bg) !important; /* 使用 CSS 变量，并提高优先级 */
    border-radius: 18px;
    border: 1px solid var(--border-color) !important; /* 添加边框，并提高优先级 */
    padding: 20px 22px 22px 22px;
    box-shadow: 0 10px 35px rgba(100, 120, 150, 0.15);
    width: 100%;
    max-width: 800px; /* 增加最大宽度以适应桌面端布局 */
    margin: 40px auto; /* 自动居中并提供上下间距 */
    position: relative;
    overflow: hidden;
}

.contact-card-final-touch-v2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 7px;
    background-image: linear-gradient(to right, #007BFF, #20c997, #FFC107);
}

/* 1. 微信文字居中，并保证右侧距离 */
.wechat-primary-final-v2 {
    display: flex; /* 保持flex用于图标和文字的对齐 */
    align-items: center;
    justify-content: center; /* 使内部元素（图标+文字整体）在flex容器中居中 */
    margin-top: 10px;
    margin-bottom: 18px;
    /* white-space: nowrap; 如果希望强制不换行，但可能导致小屏省略 */
}

.wechat-primary-final-v2 .icon-wechat-logo-final-v2 {
    display: flex;
    align-items: center;
    margin-right: 8px;
    flex-shrink: 0; /* 防止图标被压缩 */
    transition: margin-right 0.3s ease, width 0.3s ease, opacity 0.3s ease;
}
.wechat-primary-final-v2 .icon-wechat-logo-final-v2 svg {
    width: 22px;
    height: 22px;
    color: #007BFF;
}

.wechat-primary-final-v2 .wechat-text-container { /* 新增容器用于文字部分的flex布局 */
    display: flex;
    align-items: baseline; /* 基线对齐，让"微信："和ID看起来更舒服 */
    flex-wrap: wrap; /* 允许在极小屏幕下换行（作为备选）*/
    justify-content: center; /* 文字内容在容器内居中 */
    overflow: hidden; /* 配合 text-overflow */
    /* max-width: calc(100% - 30px);  如果图标固定，可以这样限制文字区的最大宽度 */
}

/* 2. 调节第一行文字颜色 */
.wechat-primary-final-v2 .wechat-prompt-v2 { /* "有好点子？添加微信：" 部分 */
    font-size: 14.5px;
    color: #5a6f80; /* 更柔和的灰色 */
    /* 或者用点缀色: color: #20c997; */
    margin-right: 4px;
    white-space: nowrap; /* 这部分文字不希望换行 */
}

.wechat-primary-final-v2 .wechat-id-final-v2 { /* "Qinniao1234" 部分 */
    font-size: 15px; /* 可以比提示文字略大一点 */
    font-weight: 600;
    color: #0056b3; /* 主蓝色的深色调 */
    white-space: nowrap; /* ID不希望换行 */
    overflow: hidden;
    text-overflow: ellipsis; /* 如果ID太长，显示省略号 */
}


.ai-learn-guidance-final-v2 {
    padding: 11px 14px;
    margin-bottom: 18px;
    background-color: rgba(32, 201, 151, 0.08);
    border-radius: 10px;
    display: flex;
    align-items: center;
    border-left: 3px solid #20c997;
}

.ai-learn-guidance-final-v2 .icon-idea-learn-final-v2 svg {
    width: 18px;
    height: 18px;
    fill: #1aa087;
    margin-right: 10px;
    flex-shrink: 0;
}

.ai-learn-guidance-final-v2 .guidance-text-final-v2 {
    font-size: 13px;
    color: #2c3e50;
    line-height: 1.55;
}
.ai-learn-guidance-final-v2 .guidance-text-final-v2 strong {
    color: #007BFF;
    font-weight: 600;
}

.action-button-area-final-touch-v2 {
    display: block;
    width: 100%;
    text-align: center;
}

.cta-button-final-touch-v2 {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 11px 15px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 500;
    font-size: 14.5px;
    color: #fff;
    border: none;
    cursor: pointer;
    background-image: linear-gradient(to right, #007BFF, #00A6FF);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.25);
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.cta-button-final-touch-v2:hover {
    background-image: linear-gradient(to right, #0056b3, #007BFF);
    transform: translateY(-1px);
}

.cta-button-final-touch-v2 .icon-plus-final-v2 svg {
    width: 15px;
    height: 15px;
    margin-right: 7px;
    fill: white;
}

/* 小屏幕下的细微调整 */
@media (max-width: 380px) {
    /* 移除小屏幕下的padding调整，由主样式max-width和margin控制 */
    /* .contact-card-final-touch-v2 {
        padding: 18px;
    } */
    .wechat-primary-final-v2 .icon-wechat-logo-final-v2 { /* 图标在小屏下可以依然显示 */
        /* display: none; 如果需要隐藏则取消注释 */
        margin-right: 5px; /* 减小间距 */
    }
    .wechat-primary-final-v2 .icon-wechat-logo-final-v2 svg { width: 20px; height: 20px; }

    .wechat-primary-final-v2 .wechat-text-container {
         /* 在极小屏幕，如果文字太长，允许提示文字和ID换行，但优先显示ID */
         /* flex-wrap: nowrap; 如果绝对不希望换行，则使用这个并依赖省略号 */
    }
    .wechat-primary-final-v2 .wechat-prompt-v2 { font-size: 13px; }
    .wechat-primary-final-v2 .wechat-id-final-v2 { font-size: 13.5px; }


    .ai-learn-guidance-final-v2 { padding: 9px 10px; margin-bottom: 15px; border-left-width: 2px;}
    .ai-learn-guidance-final-v2 .icon-idea-learn-final-v2 svg { width: 16px; height: 16px;}
    .ai-learn-guidance-final-v2 .guidance-text-final-v2 { font-size: 11.5px; }

    .cta-button-final-touch-v2 { padding: 10px 12px; font-size: 13px;}
    .cta-button-final-touch-v2 .icon-plus-final-v2 svg { width: 12px; height: 12px;}
}
 @media (max-width: 330px) { /* 针对非常窄的屏幕 */
    .contact-card-final-touch-v2 { padding: 15px; }
    .wechat-primary-final-v2 .icon-wechat-logo-final-v2 { display: none; } /* 极小屏幕隐藏图标 */
    .wechat-primary-final-v2 .wechat-prompt-v2 { font-size: 11.5px; }
    .wechat-primary-final-v2 .wechat-id-final-v2 { font-size: 12.5px; }
    .ai-learn-guidance-final-v2 { font-size: 10px; padding: 8px; }
    .cta-button-final-touch-v2 { font-size: 11.5px; padding: 9px 10px;}
 }

[data-theme="dark"] .contact-card-final-touch-v2 {
    background-color: var(--white-bg) !important; /* 使用正确的深色背景变量 */
    border: 1px solid var(--border-color) !important;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .wechat-primary-final-v2 .icon-wechat-logo-final-v2 svg {
    color: var(--primary-color); /* 深色模式下图标颜色 */
}

[data-theme="dark"] .wechat-primary-final-v2 .wechat-prompt-v2 {
    color: var(--light-text); /* 深色模式下提示文字颜色 */
}

[data-theme="dark"] .wechat-primary-final-v2 .wechat-id-final-v2 {
    color: var(--primary-color); /* 深色模式下ID颜色 */
}

[data-theme="dark"] .ai-learn-guidance-final-v2 {
    background-color: rgba(32, 201, 151, 0.15); /* 深色模式下提示框背景色 */
    border-left-color: #20c997; /* 边框颜色不变 */
}

[data-theme="dark"] .ai-learn-guidance-final-v2 .icon-idea-learn-final-v2 svg {
    fill: #20c997; /* 深色模式下图标填充色 */
}

[data-theme="dark"] .ai-learn-guidance-final-v2 .guidance-text-final-v2 {
    color: var(--dark-text); /* 深色模式下提示文字颜色 */
}

[data-theme="dark"] .ai-learn-guidance-final-v2 .guidance-text-final-v2 strong {
    color: var(--primary-color); /* 确保强调文字在深色模式下也清晰 */
}

[data-theme="dark"] .ai-learn-guidance-final-v2 .guidance-text-final-v2 strong {
    color: var(--primary-color); /* 深色模式下高亮文本颜色 */
}

[data-theme="dark"] .cta-button-final-touch-v2 {
    background-image: linear-gradient(to right, var(--primary-color), var(--primary-hover)); /* 深色模式下按钮背景 */
    box-shadow: 0 4px 12px rgba(58, 142, 255, 0.25); /* 深色模式下按钮阴影 */
}

[data-theme="dark"] .cta-button-final-touch-v2:hover {
    background-image: linear-gradient(to right, var(--primary-hover), var(--primary-color)); /* 深色模式下按钮hover背景 */
}