@tailwind base;
@tailwind components;
@tailwind utilities;

/* ============================================================
 * 企数智 V2 自定义样式
 * 约定：自定义 class 统一 zsv_ 前缀；页面级再加页面前缀，如 zsv_idx_*
 * 说明：本文件为 Tailwind 源文件，构建产物为 css/app.min.css（勿手改产物）
 * ============================================================ */

:root {
    --zsv-family: Inter, "Microsoft Yahei", "PingFang SC", "HanHei SC", Arial, sans-serif;
}

body {
    font-family: var(--zsv-family);
    background-color: #F5F8FC;
    color: #000000de;
}

/* 频道头部网格背景（对应设计稿 CHANNEL_HEADER_STYLE） */
.zsv_channel_header {
    background-image:
        linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px),
        linear-gradient(180deg, #007cf8 0%, #0364c5 100%);
    background-size: 36px 36px, 36px 36px, 100% 100%;
}

/* 隐藏横向滚动条（tab 横滑） */
.zsv_scrollbar_hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.zsv_scrollbar_hide::-webkit-scrollbar {
    display: none;
}

/* 多行文本省略 */
.zsv_line_clamp_1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.zsv_line_clamp_2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 站点容器统一宽度 */
.zsv_container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

/* 首页公告垂直滚动（单行展示，多标题循环滚动） */
.zsv_notice_scroll {
    height: 1.25rem;
}
.zsv_notice_list {
    animation: zsv_notice_scroll 12s linear infinite;
}
.zsv_notice_scroll:hover .zsv_notice_list {
    animation-play-state: paused;
}
@keyframes zsv_notice_scroll {
    0% { transform: translateY(0); }
    100% { transform: translateY(-50%); }
}