/* ==========================================================================
   童趣智造 B2B 单页主题 —— 样式
   与原设计稿保持一致，仅做必要补充
   ========================================================================== */

/* 首屏深色渐变遮罩（原稿 .gradient-overlay） */
.gradient-overlay {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.88) 0%, rgba(12, 74, 110, 0.8) 100%);
}

/* 产品卡片图片悬停放大（原稿 .product-card:hover .product-img） */
.product-card:hover .product-img {
    transform: scale(1.05);
}

/* Toast 提示进入动画（原稿 .toast-enter / .toast-enter-active） */
.toast-enter {
    transform: translateY(-100%);
    opacity: 0;
}
.toast-enter-active {
    transform: translateY(0);
    opacity: 1;
    transition: all 0.3s ease-out;
}

/* 询盘附件上传区：把原生 file input 隐藏，用 label 模拟原稿的上传框 */
.tc-file-input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* 提交按钮禁用态 */
.tc-btn-loading,
button[disabled].tc-submit-btn {
    opacity: 0.65;
    cursor: not-allowed;
}

/* 工厂实景视频：封面与弹窗 */
.tc-video-cover-img {
    will-change: transform;
}

.tc-video-cover::after {
    content: "";
    position: absolute;
    inset: 0;
    box-shadow: inset 0 0 120px rgba(2, 132, 199, 0.15);
    pointer-events: none;
}

@keyframes tc-video-fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

#tc-video-modal {
    animation: tc-video-fade-in 0.22s ease-out;
}

#tc-video-player iframe,
#tc-video-player video {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

/* 后台询盘详情表 */
.tc-detail-table {
    width: 100%;
    border-collapse: collapse;
}
.tc-detail-table th,
.tc-detail-table td {
    border: 1px solid #e2e8f0;
    padding: 8px 12px;
    text-align: left;
    vertical-align: top;
    font-size: 13px;
}
.tc-detail-table th {
    width: 140px;
    background: #f8fafc;
    font-weight: 600;
}
.tc-detail-table .tc-pre {
    white-space: pre-wrap;
    word-break: break-word;
}

/* 后台产品字段面板 */
.tc-field-row {
    margin-bottom: 12px;
}
.tc-field-row label {
    display: block;
    font-weight: 600;
    margin-bottom: 4px;
}
.tc-field-row input[type="text"],
.tc-field-row textarea,
.tc-field-row select {
    width: 100%;
    max-width: 560px;
}
.tc-field-hint {
    color: #64748b;
    font-size: 12px;
}