* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Microsoft YaHei", sans-serif;
}

.lottery-container {
  max-width: 100%;
  border: 1px solid #a5f3e8;
  border-radius: 2px;
  overflow: hidden;
  background: #fff;
  margin: 1px;
}

.lottery-top-tip {
  background: linear-gradient(to bottom, #a5f3e8 0%, #dcedc8 100%);
  color: #222;
  text-align: center;
  padding: 8px 0;
  font-size: 30px;
  font-weight: bold;
}

/* 独立标签栏：样式和原版完全不同 */
.lottery-tab-group {
  display: flex;
  background: #f7f7f7;
  padding: 5px;
  gap: 6px;
}
.lottery-tab-item {
  flex: 1;
  padding: 3px 0;
  text-align: center;
  font-size: 16px;
  border-radius: 4px;
  background: #eaeaea;
  color: #444;
  cursor: pointer;
  border: 1px solid #ddd;
}
.lottery-tab-item.lottery-tab-on {
  background: #2d8cf0;
  color: #fff;
  border-color: #2d8cf0;
}

.lottery-panel {
  display: none;
}
.lottery-panel.lottery-panel-show {
  display: block;
}

.lottery-info-bar {
  display: flex;
  align-items: center;
  padding: 5px 5px;
  background: #fff9dd;
  font-size: 15px;
  font-weight: bold;
}
.lottery-info-period {
  flex: 3;
  border-radius: 2px;
  background: #eaeaea;
  padding: 6px 0;
  margin-left: 4px;
  text-align: center;

}
.lottery-history-btn {
  flex: 2;
  padding: 7.5px 0;
  border-radius: 2px;
  background: #ffd0e0;
  color: #333;
  border: none;
  font-weight: bold;
  cursor: pointer;
}
.lottery-info-site {
  flex: 3;
  color: #009a56;
   border-radius: 2px;
  background: #eaeaea;
  padding: 7px 0;
  margin-left: -10px;
  text-align: center;
}
.lottery-info-site span {
  color: red;
}

/* 间距：整体1px，6-7格 5px */
.lottery-nums-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  padding: 1px;
  column-gap: 1px;

}
.lottery-nums-grid .lottery-cell:nth-child(6) {
  margin-right: 4px;
}

.lottery-cell {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.lottery-num-box {
  width: 100%;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  height: 35px;
  border-radius: 1px 1px 1px 1px;
}
.lottery-red { background: #d92626; }
.lottery-blue { background: #2b4bd1; }
.lottery-green { background: #24b559; }

.lottery-zodiac {
  width: 100%;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
  background: #fff;
  border: 1px solid #bbb;
  border-top: none;
  border-radius: 1px 1px 1px 1px;
  height: 30px;
}

.lottery-next-bar {
  background: #fff9dd;
  padding: 5px 5px;
  display: flex;
  justify-content: space-between;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 1px;
}
.lottery-next-time span {
  color: red;
  letter-spacing: 1px;
}
.lottery-refresh {
  color: #993399;
  cursor: pointer;
}

@media (max-width: 768px) {
  .lottery-top-tip { font-size: 16px; }
  .lottery-tab-item { font-size: 16x; padding: 8px 0; }
  .lottery-num-box { font-size: 20px; }
  .lottery-zodiac { font-size: 20px; }
}


/*底部说明的样式*/
   /* 仅作用于 .feedback-template 容器内，避免全局污染 */
        .feedback-template * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        .feedback-template {
            width: 100%;
            max-width: 900px;
            margin: 10px auto;
            background: linear-gradient(135deg, #d48a4a 0%, #b35a35 100%);
            border: 2px solid #884422;
            padding: 10px;
            font-family: "Microsoft Yahei", sans-serif;
        }
        .feedback-template__header {
            background-color: #ffdd00;
            color: #000;
            text-align: center;
            font-size: 15px;
            font-weight: bold;
            padding: 8px 0;
            margin-bottom: 6px;
        }
        .feedback-template__section {
            border-bottom: 2px solid #000;
            padding: 15px 15px;
            font-size: 15px;
            line-height: 1.6;
            color: #fff;
            text-align: center;
        }
        .feedback-template__domain {
            color: #ff0000;
            font-weight: bold;
        }
        .feedback-template__footer-tag {
            background-color: #ffdd00;
            color: #ff0000;
            text-align: center;
            font-size: 15px;
            font-weight: bold;
            padding: 5px 0;
            margin: 15px 0 5px;
        }