/* 所有者：Agent F。本周纸卡（print-card.js）：A4 竖版、大字、黑白打印也看得清。
   .wk-card 的样式在屏幕预览和打印时都生效；@media print 里只打印纸卡、藏起页面其他部分。 */
.wk-card {
  box-sizing: border-box;
  width: 100%;
  max-width: 182mm;
  margin: 0 auto;
  color: #000;
  background: #fff;
  font-family: "PingFang SC", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;
  font-size: 19pt;
  line-height: 1.4;
}
.wk-card *,
.wk-card *::before,
.wk-card *::after {
  box-sizing: border-box;
}
.wk-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 6mm;
  border-bottom: 1.2mm solid #000;
  padding-bottom: 2mm;
  margin-bottom: 3mm;
}
.wk-card h1 {
  margin: 0;
  font-size: 34pt;
  line-height: 1.15;
}
.wk-dates {
  margin: 0;
  font-size: 20pt;
  font-weight: 700;
}
.wk-demo {
  margin: 0 0 3mm;
  font-size: 15pt;
}
.wk-demo-tag {
  display: inline-block;
  border: 0.6mm solid #000;
  border-radius: 2mm;
  padding: 0 2mm;
  margin-right: 2mm;
  font-weight: 700;
}
.wk-section {
  margin: 0 0 4mm;
  break-inside: avoid;
}
.wk-card h2 {
  margin: 0 0 2mm;
  font-size: 23pt;
  line-height: 1.2;
}
.wk-meals {
  list-style: none;
  margin: 0;
  padding: 0;
}
.wk-meal {
  display: flex;
  align-items: center;
  gap: 4mm;
  padding: 2mm 0;
  border-bottom: 0.3mm solid #999;
  break-inside: avoid;
}
.wk-meal:last-child {
  border-bottom: 0;
}
.wk-photos {
  display: flex;
  gap: 1.5mm;
  flex: none;
}
.wk-photo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 27mm;
  height: 27mm;
  border-radius: 3mm;
  overflow: hidden;
  border: 0.3mm solid #999;
  background: #f2f2f2;
}
.wk-card .wk-photo img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
}
.wk-photo-text {
  font-size: 15pt;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
  padding: 1mm;
}
.wk-meal-text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.wk-meal-text strong {
  font-size: 21pt;
  line-height: 1.25;
}
.wk-meal-text span {
  font-size: 16pt;
}
.wk-list {
  margin: 0;
  padding-left: 7mm;
}
.wk-card .wk-list li {
  margin: 0 0 1.2mm;
}
.wk-buy {
  list-style: none;
  padding-left: 0;
  columns: 2;
  column-gap: 8mm;
}
.wk-buy li {
  display: flex;
  align-items: center;
  gap: 3mm;
  break-inside: avoid;
}
.wk-buy small {
  font-size: 14pt;
}
.wk-box {
  flex: none;
  width: 7mm;
  height: 7mm;
  border: 0.6mm solid #000;
  border-radius: 1mm;
}
.wk-hot {
  margin: 1mm 0 0;
  font-weight: 700;
}
.wk-empty {
  margin: 0;
}
.wk-ask {
  display: flex;
  align-items: flex-end;
  gap: 3mm;
  margin-top: 5mm;
  font-size: 24pt;
  font-weight: 700;
}
.wk-line {
  flex: 1;
  height: 12mm;
  border-bottom: 0.6mm solid #000;
}
.wk-foot {
  margin: 3mm 0 0;
  font-size: 13pt;
  color: #333;
}

@media print {
  @page {
    size: A4 portrait;
    margin: 12mm 14mm;
  }
  body.printing-card {
    margin: 0;
    padding: 0;
    background: #fff !important;
  }
  body.printing-card > *:not(#print-area) {
    display: none !important;
  }
  body.printing-card > #print-area {
    display: block !important;
    padding: 0;
    font: inherit;
    color: #000;
  }
  html:has(body.printing-card) {
    background: #fff !important;
  }
  .wk-card {
    max-width: none;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  /* style.css 里“打印这一餐”的 #print-area 规则（id 选择器）会压过纸卡的样式，这里按纸卡改回来 */
  #print-area .wk-card h1 {
    font-size: 34pt;
  }
  #print-area .wk-card li {
    margin: 0 0 1.2mm;
  }
  #print-area .wk-card .wk-meal {
    margin: 0;
  }
  #print-area .wk-card .wk-photo img {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
  }
}