/* ============================================================
   区域12：对照表区域（<div class="container">）
   包含：所有 <table class="tbl">
   ============================================================ */
.container {
    max-width: 380px;
    margin-top: 15px;
}

.tbl {                          /* <table class="tbl"> 对照表 */
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    table-layout: fixed;
}

.tbl td {
    border: 1px solid #ccc;
    padding: 6px 3px;
    text-align: center;
    font-size: 13px;
    vertical-align: middle;
}

.tbl .hd {                      /* 表头行 */
    background: var(--ss);
    font-weight: bold;
}

.tbl .hd td {
    background-color: var(--ss);
    color: white;
    font-weight: bold;
    font-size: 14px;
    padding: 8px;
}

.tbl.two {                      /* 两列表格（波色、五行等） */
    table-layout: auto;
}

.tbl.two td {
    text-align: center;
}

/* 号码颜色类（对照表内使用） */
.r { color: #e53935; font-weight: bold; }      /* 红波 */
.b { color: #1e88e5; font-weight: bold; }      /* 蓝波 */
.g { color: #43a047; font-weight: bold; }      /* 绿波 */
.gold { color: #d4af37; font-weight: bold; }   /* 金色（五行"金"） */
.e { color: #8d6e63; font-weight: bold; }      /* 土色（五行"土"） */

/* 背景色类（对照表表头用） */
.bg-r { background: #ffebee; }
.bg-b { background: #e3f2fd; }
.bg-g { background: #e8f5e9; }
.bg-y { background: #fff8e1; }
.bg-w { background: #f3e5f5; }
.bg-e { background: #e8f5e9; }

.nums {                         /* 号码列表单元格 */
    text-align: left;
    line-height: 1.5;
    word-break: break-word;
}




/* ============================================================
   区域14：底部声明（<div class="all-list"> / <div class="sm">）
   ============================================================ */
.all-bottom{
    width: 100%;
    padding: 10px 0px;
    text-align: left;
}

.sm {
    color: var(--ss);
     background: #fff;
    border-radius: 4px;
    padding:  10px 10px;
    margin: 10px;
    text-align: left;
}