/* ============================================
   整合版全局样式 - reset.css + style.css + aaa.css
   清理重复/冗余/错误代码，保留现代表格风格
   ============================================ */


    /* 张大仙样式 */

    /* 卡片列表容器 */
    .card-list {
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 8px;
        max-width: 100%;
        box-sizing: border-box;
    }
    /* 单行卡片 */
    .card-row {
        display: flex;
        align-items: center;
        background: #fff;
        border-radius: 12px;
        box-shadow: 0 1px 4px rgba(0,0,0,0.08);
        border: 1px solid #e2e8f0;
        overflow: hidden;
        transition: 0.2s;
    }
    /* 期数列 */
    .period-col {
        width: 80px;
        flex-shrink: 0;
        text-align: center;
        font-weight: bold;
        font-size: 1rem;
        color: #0f3b5c;
        background: #f1f5f9;
        padding: 10px 0;
        border-right: 1px solid #e2e8f0;
    }
    /* ziliao14 内容列（可横向滚动） */
    .content-col {
        flex: 1;
        padding: 10px 12px;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        font-size: 0.95rem;
        background: #fefefe;
    }
    .content-col::-webkit-scrollbar {
        height: 4px;
    }
    .content-col::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 4px;
    }
    .content-col::-webkit-scrollbar-thumb {
        background: #cbd5e0;
        border-radius: 4px;
    }
    .content-col font {
        font-size: inherit;
        color: #2a0491;
    }
    .highlight-yellow {
        background-color: #FFFF00;
        padding: 0 2px;
        border-radius: 4px;
    }
    /* 结果列 */
    .result-col {
        width: 80px;
        flex-shrink: 0;
        text-align: center;
        font-weight: bold;
        font-size: 1.1rem;
        color: #1e466e;
        background: #f1f5f9;
        padding: 10px 0;
        border-left: 1px solid #e2e8f0;
    }
    .result-col .red-ask {
        color: #e53e3e;
    }
    /* 移动端优化 */
    @media (max-width: 600px) {
        .period-col, .result-col {
            width: 65px;
            font-size: 0.9rem;
            padding: 8px 0;
        }
        .content-col {
            font-size: 0.85rem;
            padding: 8px 10px;
        }
        .result-col {
            font-size: 1rem;
        }
    }