/* skin/css/index.css */

/* TV Banner */
.tv-frame {
    background: #222;
    padding: 12px 12px 30px 12px;
    margin: 15px;
    border-radius: 4px;
    box-shadow: 4px 4px 0 rgba(0,0,0,0.3);
    position: relative;
}
.main-swiper {
    border: 2px solid #555;
    background: #000;
}
.tv-knobs {
    position: absolute; bottom: 5px; right: 15px;
    color: #555; letter-spacing: 5px; font-size: 12px;
}
.swiper-pagination-bullet { background: #fff; opacity: 0.5; width: 8px; height: 8px; border-radius: 0; }
.swiper-pagination-bullet-active { background: var(--pixel-green); opacity: 1; }

/* Pixel Grid (最新应用) */
.bit-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    padding: 0 15px;
}
.bit-item {
    text-align: center;
}
.bit-item img {
    width: 50px; height: 50px;
    border: 3px solid var(--pixel-black);
    margin: 0 auto 5px;
    background: #fff;
}
.bit-item span { font-size: 12px; font-weight: bold; }

/* Cartridge List (热门游戏) */
.cartridge-list { display: flex; flex-direction: column; gap: 15px; padding: 0 15px; }
.cartridge {
    background: #ddd; /* 卡带灰 */
    border: 3px solid var(--pixel-black);
    border-top: 6px solid var(--pixel-black); /* 卡带顶部 */
    padding: 12px;
    display: flex; align-items: center;
    box-shadow: 4px 4px 0 rgba(0,0,0,0.1);
}
.c-img-box {
    width: 50px; height: 50px;
    background: #fff; border: 2px solid #000;
    margin-right: 15px; padding: 2px;
}
.c-img-box img { width: 100%; height: 100%; }
.c-info { flex: 1; }
.c-info h3 { font-size: 14px; font-weight: 900; margin-bottom: 4px; }
.c-info p { font-size: 12px; font-family: monospace; color: #555; }

/* NES Grid 2 (安卓游戏) */
.nes-grid-2 {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 12px; padding: 0 15px;
}
.ng-item {
    background: #fff;
    border: 2px solid #000;
    padding: 8px;
    display: flex; align-items: center;
    box-shadow: 2px 2px 0 #ccc;
}
.ng-item img { width: 30px; min-width: 30px; height: 30px; margin-right: 8px; border: 1px solid #000; }
.ng-item span { font-size: 12px; font-weight: bold; }

/* Mini Box (热门软件) */
.mini-box {
    background: #fff;
    border: 3px solid #000;
    margin: 0 15px;
    padding: 5px;
}
.mb-row {
    display: flex; align-items: center;
    padding: 8px;
    border-bottom: 1px dashed #000;
}
.mb-row:last-child { border-bottom: none; }
.mb-row img { width: 24px; height: 24px; margin-right: 12px; border: 1px solid #000; }
.mb-row span { flex: 1; font-weight: bold; font-size: 13px; }
.mb-btn { font-weight: 900; font-family: monospace; }

/* Score Board (排行) */
.score-board {
    background: #000; color: var(--pixel-green);
    margin: 0 15px; padding: 12px;
    border: 4px solid #555;
    font-family: monospace;
}
.sb-row { display: flex; justify-content: space-between; padding: 5px 0; }
.sb-rank { width: 30px; color: #fff; }
.sb-name { flex: 1; }
.sb-score { text-align: right; }