/* skin/css/index.css */

/* Banner */
.banner-wrapper { padding: 15px; }
.main-swiper { border: 2px solid #000; }
.deco-stripes {
    height: 4px;
    background: repeating-linear-gradient(90deg, #000 0, #000 12px, transparent 12px, transparent 15px);
    margin-top: 5px;
}
.swiper-pagination-bullet { width: 6px; height: 6px; border-radius: 0; background: #666; opacity: 1; }
.swiper-pagination-bullet-active { background: var(--primary-color); border: 1px solid #000; }

/* 密集网格 (最新应用) */
.matrix-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    background: #000; /* 网格线 */
    border: 2px solid #000;
    margin: 0 15px;
}
.matrix-item {
    background: #fff;
    padding: 12px 2px;
    text-align: center;
    display: flex; flex-direction: column; align-items: center;
}
.matrix-item a{
    display: flex; flex-direction: column; align-items: center;
}
.matrix-item img {
    width: 44px; height: 44px;
    border: 1px solid #ddd;
    margin-bottom: 5px;
    border-radius: 0;
}
.matrix-item span { font-size: 12px; font-weight: bold; }

/* 列表卡片 (热门游戏) */
.card-stack { display: flex; flex-direction: column; }
.row-card { display: flex; align-items: center; padding-right: 15px; }
.idx-tag {
    font-size: 20px; font-weight: 900; color: #ccc; margin-right: 12px; font-family: monospace;
}
.row-card img {
    width: 50px; height: 50px; border: 1px solid #000; margin-right: 12px;
}
.rc-info { flex: 1; }
.rc-info h3 { font-size: 15px; font-weight: 800; margin-bottom: 4px; }
.rc-info p {
    font-size: 12px; background: #000; color: #fff;
    display: inline-block; padding: 1px 4px;
}

/* 2列网格 (安卓游戏) */
.grid-2col {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 15px; margin: 0 15px;
}
.grid-box {
    margin: 0; /* reset margin */
    display: flex; align-items: center;
    padding: 12px;
}
.grid-box img { width: 30px;min-width: 30px; height: 30px; margin-right: 12px; border: 1px solid #000; }
.grid-box span { font-size: 13px; font-weight: bold; }

/* 迷你行 (热门软件) */
.mini-row { display: flex; align-items: center; margin-bottom: 12px; padding: 8px 15px; }
.mini-row img { width: 32px; height: 32px; border: 1px solid #000; margin-right: 12px; }
.mr-name { flex: 1; font-weight: bold; font-size: 14px; }
.mr-dl { font-weight: 900; color: #000; font-family: monospace; }

/* 排行 */
.rank-block { padding: 5px 15px; }
.rank-line {
    display: flex; align-items: center; padding: 12px 0;
    border-bottom: 1px dashed #ccc;
}
.rank-line:last-child { border-bottom: none; }
.r-num { width: 24px; text-align: center; font-weight: bold; color: #999; margin-right: 12px; }
.r-num.n1 { background: var(--primary-color); color: #000; }
.r-num.n2 { background: #000; color: #fff; }
.r-num.n3 { background: #999; color: #fff; }
.r-name { flex: 1; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.r-hot { font-size: 12px; font-family: monospace; color: #666; }