/* ========================================
   Bangumi 全局样式
   完全复制自React前端
   ======================================== */

/* ===== Utility Classes (utils.less) ===== */

/* Flex Box */
.flex {
    display: flex;
}

.flex-col {
    flex-direction: column;
}

.flex-1 {
    flex: 1;
}

.justify-between {
    justify-content: space-between;
}

.justify-center {
    justify-content: center;
}

.items-center {
    align-items: center;
}

/* Text Style */
.text-center {
    text-align: center;
}

/* Sizes */
.h-full {
    height: 100%;
}

.w-full {
    width: 100%;
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hidden {
    display: none;
}

/* ===== Animations (animation.less) ===== */

@keyframes ping {
    75%,
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

/* ===== Global Layout Styles ===== */

.content-wrapper {
    min-height: calc(100vh - 60px); /* 60px是Header高度 */
}

/* ===== 响应式断点 ===== */

@media screen and (max-width: 1260px) {
    .container {
        padding: 0 20px;
    }
}

@media screen and (max-width: 992px) {
    /* 平板端适配 */
}

@media screen and (max-width: 768px) {
    /* 移动端适配 */
    .container {
        padding: 0 15px;
    }
}

@media screen and (max-width: 576px) {
    /* 小屏移动端适配 */
}