/* 冷库视界前台 · 复刻补充样式（配合 css.css + bootstrap.min.css 使用） */

/* layui 风格按钮（旧站依赖 layui，此处独立实现避免引入整个库） */
.layui-btn {
    display: inline-block;
    padding: 8px 22px;
    border: none;
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    background: #1e9fff;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
}
.layui-btn:hover { opacity: .88; color: #fff; text-decoration: none; }
.layui-input {
    display: block;
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    font-size: 14px;
    outline: none;
}
.layui-input:focus { border-color: #d2d2d2; }

/* 页头搜索框（旧站 layui 行内表单） */
.search-form-flex { display: flex; align-items: center; gap: 0; }
.search-form-flex .layui-input { border-radius: 3px 0 0 3px; width: 220px; }
.search-form-flex .layui-btn { border-radius: 0 3px 3px 0; }

/* 首页轮播（原生 JS，替代 Swiper 4.3.5） */
.ts-slider {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}
.ts-slider-track {
    display: flex;
    transition: transform .6s ease;
}
.ts-slider-item { flex: 0 0 100%; }
.ts-slider-item img {
    width: 100%;
    height: 340px;
    object-fit: cover;
    display: block;
}
.ts-slider-prev, .ts-slider-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .3);
    cursor: pointer;
    z-index: 2;
}
.ts-slider-prev { left: 12px; }
.ts-slider-next { right: 12px; }
.ts-slider-prev::before, .ts-slider-next::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.ts-slider-prev::before { transform: translate(-35%, -50%) rotate(-135deg); }
.ts-slider-next::before { transform: translate(-65%, -50%) rotate(45deg); }
.ts-slider-dots {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    gap: 8px;
    z-index: 2;
}
.ts-slider-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .5);
    cursor: pointer;
}
.ts-slider-dot.active { background: #fff; }

/* 首页"更多资讯" */
.btn-more-list {
    display: inline-block;
    padding: 8px 20px;
    border: 1px solid #1e9fff;
    color: #1e9fff;
    border-radius: 3px;
    font-size: 14px;
}
.btn-more-list:hover { background: #1e9fff; color: #fff; text-decoration: none; }

/* 错误页 */
.error-page { text-align: center; padding: 80px 0; }
.error-page h1 { font-size: 64px; color: #123a4a; margin-bottom: 12px; }
.error-page p { margin: 12px 0 24px; color: #6a7680; }

/* 回到顶部按钮（css.css 定义定位，这里补手势） */
.el-backtop { cursor: pointer; }

/* 留言页提示条 */
.alert-success { background: #e6f6ec; color: #18794e; }
.alert-danger { background: #fdecea; color: #b3261e; }

@media (max-width: 992px) {
    .ts-slider-item img { height: 200px; }
    .search-form-flex .layui-input { width: 140px; }
}