/* 用餐与料理合并页 */
.meal-lead{font-size:13px;color:var(--text-light);line-height:1.7;margin:-6px 0 12px}
.meal-tabs{display:flex;gap:4px;margin:0 0 16px;border-bottom:1px solid var(--border);
  overflow-x:auto;scrollbar-width:thin}
.meal-tab{flex:0 0 auto;padding:10px 16px;border:1px solid transparent;
  border-bottom:2px solid transparent;margin-bottom:-1px;border-radius:7px 7px 0 0;
  font-size:13.5px;font-weight:600;color:var(--text-light);text-decoration:none;
  white-space:nowrap;transition:color .15s,background .15s,border-color .15s}
.meal-tab:hover{color:var(--accent);background:var(--accent-soft)}
.meal-tab.is-active{color:var(--accent);border-bottom-color:var(--accent);
  background:var(--accent-soft)}

.meal-stage{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;
  padding:16px;box-shadow:var(--shadow-sm);overflow-x:auto;font-size:13px}
body .meal-stage table{margin-left:0!important;margin-right:auto!important;border-collapse:separate;
  border-spacing:0}

/* 用餐一览：筛选工具条 + 全宽数据表 */
.meal-stage table#zk{width:100%!important;min-width:720px;border:1px solid var(--border);
  border-radius:9px;overflow:hidden;background:var(--table-header-bg);margin:0 0 12px}
.meal-stage table#zk th{border:0!important;border-right:1px solid var(--border-soft)!important;
  padding:9px 10px!important;background:transparent!important;color:var(--text-light)!important;
  font-size:12px!important;font-weight:600!important;text-align:center;white-space:nowrap}
.meal-stage table#zk th:first-child{width:auto!important;text-align:left;color:var(--text)!important;
  font-size:13px!important}
.meal-stage table#zk th:last-child{border-right:0!important}
.meal-stage table#zk th a{display:inline-block;padding:3px 9px;margin-left:4px;border-radius:999px;
  background:var(--card-bg);border:1px solid var(--border);color:var(--text-light)!important;
  font-size:11.5px!important;font-weight:600;text-decoration:none;transition:all .15s}
.meal-stage table#zk th a:hover{background:var(--accent-soft);border-color:var(--accent);
  color:var(--accent)!important}
.meal-stage table#zk select{max-width:100%;min-width:86px;padding:4px 6px;border-radius:6px;
  border:1px solid var(--border);background:var(--card-bg);color:var(--text);font-size:12px}

.meal-stage table#syoku{width:100%!important;min-width:760px;table-layout:auto!important;
  border:1px solid var(--border);border-radius:9px;overflow:hidden;background:var(--card-bg)}
.meal-stage table#syoku col{width:auto!important}
.meal-stage table#syoku th{padding:9px 8px!important;background:var(--table-header-bg)!important;
  color:var(--text-light)!important;font-size:12px!important;font-weight:600!important;
  border:0!important;border-bottom:1px solid var(--border)!important;white-space:nowrap}
.meal-stage table#syoku td{padding:7px 8px!important;border:0!important;
  border-bottom:1px solid var(--border-soft)!important;color:var(--text-light);
  white-space:nowrap;vertical-align:middle}
.meal-stage table#syoku tr:not(:first-child):nth-child(even) td{background:rgba(255,255,255,.025)}
.meal-stage table#syoku tr:not(:first-child):hover td{background:var(--accent-soft)}
.meal-stage table#syoku td:first-child{color:var(--accent);font-weight:700;text-align:center}
.meal-stage table#syoku td:nth-child(4){color:var(--text);font-weight:600}
.meal-stage table#syoku a{color:var(--text-light)}
.meal-stage table#syoku a:hover{color:var(--accent)}

/* 推荐料理：同样占满容器 */
.meal-stage table.meal-recommend{width:100%!important;min-width:650px;max-width:none!important;
  table-layout:auto;border:1px solid var(--border);border-radius:9px;overflow:hidden;
  background:var(--card-bg)}
.meal-stage table.meal-recommend th{padding:9px 10px!important;background:var(--table-header-bg)!important;
  border:0!important;border-bottom:1px solid var(--border)!important;color:var(--text-light)!important;
  font-size:12px!important;font-weight:600!important}
.meal-stage table.meal-recommend td{padding:7px 9px!important;border:0!important;
  border-bottom:1px solid var(--border-soft)!important;white-space:normal;
  overflow-wrap:anywhere;color:var(--text-light)}
.meal-stage table.meal-recommend tr:not(:first-child):nth-child(even) td{background:rgba(255,255,255,.025)}
.meal-stage table.meal-recommend tr:not(:first-child):hover td{background:var(--accent-soft)}
.meal-stage table.meal-recommend td:first-child{color:var(--accent);font-weight:700;text-align:center;vertical-align:top!important}
.meal-stage table.meal-recommend a{color:var(--text-light)}
.meal-stage table.meal-recommend a:hover{color:var(--accent)}

.meal-loading{padding:56px 20px;text-align:center;color:var(--text-faint);font-size:13px}
@media(max-width:768px){
  .meal-lead{font-size:12.5px;margin-bottom:10px}
  .meal-tabs{gap:2px;margin-bottom:12px}
  .meal-tab{padding:9px 11px;font-size:12.5px}
  .meal-stage{padding:9px;font-size:12px}
  .meal-stage table#zk th,.meal-stage table#zk td{padding:7px 6px!important}
  .meal-stage table#syoku th,.meal-stage table#syoku td{padding:6px!important;font-size:11.5px!important}
  .meal-stage table.meal-recommend th,.meal-stage table.meal-recommend td{padding:6px!important;font-size:11.5px!important}
}

/* 推荐料理季节切换工具行 */
.meal-stage>a[href^="mesi"]{display:inline-block;padding:4px 11px;margin:0 4px 8px 0;
  border-radius:999px;border:1px solid var(--border);background:var(--card-bg);
  color:var(--text-light)!important;font-size:12px;font-weight:600;text-decoration:none}
.meal-stage>a[href^="mesi"]:hover{color:var(--accent)!important;border-color:var(--accent);
  background:var(--accent-soft)}
.meal-stage>hr{display:none}

/* 筛选控件与下方四列效果对齐：左 60%，效果四列各 10% */
.meal-stage table#zk{table-layout:fixed}
.meal-stage table#zk th:first-child{width:auto!important;text-align:left!important}
.meal-stage table#zk th:not(:first-child){width:auto!important;padding:9px 4px!important;text-align:center!important}
.meal-stage table#zk th{vertical-align:middle!important}
.meal-stage table#zk select{width:100%;min-width:0;font-size:11px;padding:4px 3px;text-align:center;text-align-last:center}
.meal-stage table#syoku{table-layout:fixed!important}
.meal-stage table#syoku col.c-season{width:8%!important}
.meal-stage table#syoku col.c-food{width:13%!important}
.meal-stage table#syoku col.c-dish{width:22%!important}
.meal-stage table#syoku col.c-effect{width:11%!important}
.meal-stage table#syoku th,.meal-stage table#syoku td{vertical-align:middle!important}
.meal-stage table#syoku td:nth-child(4),
.meal-stage table#syoku td:nth-child(n+5){white-space:normal!important;overflow-wrap:anywhere}
.meal-stage table#syoku td:nth-child(n+5){text-align:center;padding-left:4px!important;padding-right:4px!important}

.meal-stage .zk-label{margin-left:14px;color:var(--text-faint);font-size:11px;font-weight:500}

.meal-stage table#zk col.c-season{width:8%!important}
.meal-stage table#zk col.c-food{width:13%!important}
.meal-stage table#zk col.c-dish{width:22%!important}
.meal-stage table#zk col.c-effect{width:11%!important}