/* ============================================================
   模板变体 t3 —— 暖色、衬线、双栏(侧边栏)
   用于 pair2(德乙):deyijifenbang.com + tuoyuemi.com
   ⛔ 配对内两站【必须】共用本文件。单独给其中一站改样式会立刻废掉该组对照。
   与 t1 外观不同但精致度对等 —— 组间差异不影响组内 A/B 比较。
   纯 CSS,不含任何 JS。
   ============================================================ */
*{box-sizing:border-box;margin:0;padding:0}
body{font:16px/1.8 Georgia,"Songti SC","SimSun",serif;color:#2b2b2b;background:#fbfaf7;-webkit-text-size-adjust:100%}
a{color:#8a5a2b}

.masthead{max-width:1000px;margin:0 auto;padding:32px 24px 18px;border-bottom:3px double #d8cfc0}
.masthead-title{font-size:30px;letter-spacing:.5px}
.masthead-title a{color:#2b2b2b;text-decoration:none}
.masthead-desc{color:#877f70;font-size:15px;margin-top:4px}

.layout{max-width:1000px;margin:0 auto;padding:24px;display:flex;gap:36px}
.side{flex:0 0 190px}
.side nav ul{list-style:none}
.side nav li{margin-bottom:10px}
.side nav a{text-decoration:none;font-size:15px}
.content{flex:1;min-width:0}

h1{font-size:27px;margin-bottom:16px;font-weight:normal;color:#4a3520}
h2{font-size:20px;margin:32px 0 12px;border-left:4px solid #c9a06a;padding-left:11px;line-height:1.4}
h3{font-size:17px;margin:22px 0 10px}
p{margin-bottom:16px}
ul,ol{margin:0 0 16px 24px}
strong{color:#6b4a26}

/* 正文里的说明表格 */
table{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:15px}
th,td{border:1px solid #e0d8c8;padding:9px 12px;text-align:left}
th{background:#f2ece0;color:#5a4429}

/* ---------- 积分榜 ---------- */
.standings{margin:24px 0 34px}
.standings h2{margin-top:0}
.standings-note{color:#877f70;font-size:13.5px;margin-bottom:12px;line-height:1.6}

.legend{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:#7a7060}
.legend li{display:flex;align-items:center;gap:6px;margin:0}
.legend .sw{width:13px;height:13px;border-radius:3px;display:inline-block;border:1px solid rgba(0,0,0,.08)}

/* 窄屏时表格自身横向滚动,页面 body 不会被撑出横向滚动条 */
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #e0d8c8;border-radius:4px;background:#fff}

.standings-table{width:100%;min-width:620px;border-collapse:collapse;margin:0;font-size:14.5px;font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;font-variant-numeric:tabular-nums}
.standings-table th,.standings-table td{border:0;border-bottom:1px solid #efe8da;padding:9px 8px;text-align:center;white-space:nowrap}
.standings-table thead th{position:sticky;top:0;background:#6b4a26;color:#f7f1e6;font-weight:600;font-size:13px;letter-spacing:.4px}
.standings-table tbody tr:last-child td{border-bottom:0}
.standings-table tbody tr:hover td{background:#faf5ec}
.standings-table .rk{width:44px;color:#a09580;font-size:13px}
.standings-table .tm{text-align:left;font-weight:600;padding-left:12px;min-width:130px}
.standings-table .pt{font-weight:700;color:#6b4a26;font-size:15px}

/* 升降级分区:左侧色条 + 极淡底色 */
.z-promote  .rk{box-shadow:inset 4px 0 0 #4a7c3f}
.z-playoff  .rk{box-shadow:inset 4px 0 0 #b8862b}
.z-relegate .rk{box-shadow:inset 4px 0 0 #a8442e}
.z-promote  td{background:#f5f9f2}
.z-playoff  td{background:#fdf8ec}
.z-relegate td{background:#fcf3f0}
.sw.z-promote{background:#4a7c3f}
.sw.z-playoff{background:#b8862b}
.sw.z-relegate{background:#a8442e}

.pagefoot{max-width:1000px;margin:0 auto;padding:20px 24px 46px;color:#a89f8c;font-size:13px;border-top:1px solid #e8e0d0}

@media(max-width:640px){
  .layout{flex-direction:column;gap:20px}
  .side{flex:none}
  h1{font-size:23px}
  h2{font-size:18px}
  .standings-table{font-size:13.5px}
  .standings-table th,.standings-table td{padding:8px 6px}
}