/* xnx_appcenter 应用中心样式 */

/* ============ 列表页卡片网格 ============ */

/* 卡片图标：圆角 + 固定尺寸 */
.appcenter-card-icon {
    width: 64px;
    height: 64px;
    object-fit: cover;
    flex-shrink: 0;
}

/* 卡片右上角斜角价格徽章 */
.appcenter-price-ribbon {
    position: absolute;
    top: 12px;
    right: -42px;
    width: 120px;
    text-align: center;
    padding: 2px 0;
    font-size: 0.72rem;
    font-weight: 600;
    color: #fff;
    transform: rotate(45deg);
    transform-origin: center;
    z-index: 2;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 卡片一句话介绍：最多显示 2 行，超出省略 */
.appcenter-brief-2line {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-word;
}

/* 卡片悬停效果：轻微上浮 */
.appcenter-card {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.appcenter-card:hover {
    transform: translateY(-2px);
}

/* 网格响应式：小屏单列，中屏双列，大屏三列（Bootstrap row-cols 已处理） */
.appcenter-grid {
    min-width: 0;
}

/* ============ 详情页 ============ */

/* 详情页大图标 */
.appcenter-detail-icon {
    width: 96px;
    height: 96px;
    object-fit: cover;
}
 

/* 介绍内容排版 */
.appcenter-intro-content {
    line-height: 1.7;
    padding: 12px;
    word-break: break-word;
}
.appcenter-intro-content img {
    max-width: 100%;
    height: auto;
    border-radius: 0.375rem;
}
.appcenter-intro-content p {
    margin-bottom: 0.75rem;
}
.appcenter-intro-content p:last-child {
    margin-bottom: 0;
}

/* 截图网格 */
.appcenter-screenshots {
    min-width: 0;
}
.appcenter-screenshot-item {
    overflow: hidden;
    border-radius: 0.375rem;
    transition: opacity 0.15s ease;
}
.appcenter-screenshot-item:hover {
    opacity: 0.85;
}
.appcenter-screenshot-item img {
    width: 100%;
    height: auto;
    display: block;
}

/* 更新日志条目 */
.appcenter-changelog-item {
    min-width: 0;
}

/* 评论条目 */
.appcenter-comment-item {
    min-width: 0;
}
.appcenter-comment-item .small {
    word-break: break-word;
}

/* ============ 筛选区 ============ */

/* Tab 切换：紧凑间距 */
.appcenter-filter-tab .nav-link {
    padding: 0.25rem 0.75rem;
    font-size: 0.875rem;
}

/* 按钮组：紧凑 */
.appcenter-filter-price .btn,
.appcenter-filter-orderby .btn {
    padding: 0.2rem 0.6rem;
    font-size: 0.8rem;
}

/* 标签筛选：移动端横向滑动（不换行） */
.appcenter-filter-tag {
    flex-wrap: nowrap;
    overflow-x: auto;
    flex: 1 1 auto;
    min-width: 0;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.appcenter-filter-tag::-webkit-scrollbar {
    display: none;
}
.appcenter-filter-tag .btn {
    flex-shrink: 0;
    white-space: nowrap;
}

/* 搜索框 */
.appcenter-search-form {
    min-width: 200px;
}
.appcenter-search-form .form-control {
    width: auto;
    min-width: 150px;
}

/* ============ 我的购买列表 ============ */
.appcenter-purchase-icon {
    width: 48px;
    height: 48px;
    object-fit: cover;
}
.appcenter-purchase-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem;
}
.appcenter-purchase-meta > span {
    display: inline-flex;
    align-items: center;
}

/* 移动端：图标缩小、间距紧凑、日期独占一行 */
@media (max-width: 575.98px) {
    .appcenter-purchase-icon {
        width: 40px;
        height: 40px;
    }
    .appcenter-purchase-list .list-group-item {
        padding: 0.5rem 0.75rem;
    }
    .appcenter-purchase-meta {
        font-size: 0.72rem;
    }
    .appcenter-purchase-meta .appcenter-purchase-date {
        flex-basis: 100%;
    }
}