/* skin/css/index.css */

/* Banner */
.scroll-banner {
    margin: 15px;
    border: 1px solid #d4d0c8;
    padding: 5px;
    background: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}
.main-swiper { border-radius: 2px; }
.pattern-border {
    height: 6px;
    background: repeating-linear-gradient(45deg, var(--ink-red) 0, var(--ink-red) 10px, transparent 10px, transparent 20px);
    margin-top: 5px;
    opacity: 0.8;
}
.swiper-pagination-bullet-active { background: var(--ink-red); }

/* List Box */
.ink-list-box { padding: 0 15px; }
.ink-row {
    display: flex; align-items: center; padding: 15px 0;
    border-bottom: 1px dashed #ccc;
}
.ink-row:last-child { border-bottom: none; }
.ink-row img { width: 50px; height: 50px; border-radius: 8px; margin-right: 15px; }
.ink-row.small img { width: 40px; height: 40px; }
.ir-info { flex: 1; }
.ir-info h3 { font-size: 15px; font-weight: bold; margin-bottom: 4px; font-family: var(--font-serif); }
.ir-info p { font-size: 12px; color: #666; }

/* Grid 2 */
.ink-grid-2 {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 10px; padding: 0 15px;
}
.ig-card {
    background: #fdfdfd; border: 1px solid #eee;
    padding: 10px; display: flex; align-items: center;
}
.ig-card img { width: 32px; height: 32px; margin-right: 8px; }
.ig-card span { font-size: 13px; font-weight: bold; color: #333; }

/* Rank Card */
.rank-card {
    margin: 0 15px; border: 1px solid var(--ink-red);
    padding: 10px; background: #fffcf5;
}
.rc-item {
    display: flex; padding: 8px 0; border-bottom: 1px solid #eee; align-items: center;
}
.rc-item:last-child { border-bottom: none; }
.rc-num { width: 24px; text-align: center; font-weight: bold; font-family: var(--font-serif); color: #999; margin-right: 10px; }
.rc-num.top { color: var(--ink-red); font-size: 16px; }
.rc-name { flex: 1; font-size: 14px; font-weight: bold; }
.rc-hot { font-size: 12px; color: #999; }