/* 网页版覆盖/修正样式，必须在 pages.css 之后加载 */

/* message 页自带自定义导航栏，去掉给微信胶囊按钮留的右边距 */
#page-message .nav-right {
  margin-right: 0;
}

/* 报单页：项目列表固定三列，避免桌面端滚动条占宽导致换行 */
#page-form .project-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

#page-form .project-chip {
  width: 100%;
  margin: 0;
}

/* 报单页：项目列表可滚动（小程序为 scroll-view） */
#page-form .project-scroll {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* 小程序的 <button> 默认块级、占满整行；网页 <button> 默认 inline-block 会缩成小方块 */
.submit-btn,
.a-submit,
.save-btn {
  display: block;
  width: 100%;
}

/* 小程序的 <input> 默认占满容器宽度；网页 <input> 默认较窄 */
#page-announcement .a-input,
#page-editprofile .nick-input,
#page-members .search-input,
#page-review .search-input {
  width: 100%;
  box-sizing: border-box;
}

/* ---------- 清单管理页（项目清单 / 礼物清单） ---------- */
#page-projlist {
  background: #eef4fb;
}

#page-projlist .proj-page {
  padding-bottom: 20px;
}

#page-projlist .proj-header {
  background: linear-gradient(135deg, #6fb1fc 0%, #4a90e2 100%);
  padding: 22px 20px;
}

#page-projlist .proj-header-title {
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
}

#page-projlist .proj-header-sub {
  color: rgba(255, 255, 255, 0.9);
  font-size: 12px;
  margin-top: 6px;
}

#page-projlist .proj-add-card {
  background: #ffffff;
  margin: 12px;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(74, 144, 226, 0.08);
}

#page-projlist .proj-add {
  display: flex;
  align-items: center;
  gap: 8px;
}

#page-projlist .proj-input {
  flex: 1;
  box-sizing: border-box;
  background: #f0f2f5;
  border-radius: 999px;
  padding: 10px 16px;
  font-size: 14px;
}

#page-projlist .proj-add-btn {
  flex-shrink: 0;
  background: #4a90e2;
  color: #ffffff;
  border-radius: 999px;
  padding: 0 20px;
  height: 38px;
  font-size: 14px;
}

#page-projlist .proj-list {
  padding: 0 12px;
}

#page-projlist .proj-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #ffffff;
  border-radius: 8px;
  padding: 12px 14px;
  margin-bottom: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
}

#page-projlist .proj-name {
  font-size: 14px;
  color: #1f2430;
}

#page-projlist .proj-del {
  font-size: 13px;
  color: #ef4444;
}

#page-projlist .proj-empty {
  text-align: center;
  color: #9ca3af;
  font-size: 13px;
  padding: 60px 0;
}

/* ---------- 时间滚轮选择器（仿小程序 picker-view） ---------- */
.wheel-mask {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 3000;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}

.wheel-sheet {
  background: #ffffff;
  border-radius: 16px 16px 0 0;
  width: 100%;
  max-width: 375px;
  padding-bottom: env(safe-area-inset-bottom);
}

.wheel-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  border-bottom: 1px solid #eee;
}

.wheel-cancel {
  font-size: 15px;
  color: #666;
}

.wheel-title {
  font-size: 15px;
  font-weight: 600;
  color: #1f2430;
}

.wheel-confirm {
  font-size: 15px;
  color: #4a90e2;
  font-weight: 500;
}

.wheel-body {
  position: relative;
  display: flex;
  height: 216px;
  padding: 0 8px;
}

.wheel-col {
  flex: 1;
  height: 216px;
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.wheel-col::-webkit-scrollbar {
  display: none;
}

.wheel-col::before,
.wheel-col::after {
  content: '';
  display: block;
  height: 90px;
}

.wheel-item {
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 15px;
  color: #1f2430;
  scroll-snap-align: center;
}

.wheel-highlight {
  position: absolute;
  left: 8px;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  height: 36px;
  border-top: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  pointer-events: none;
}

/* ---------- 时间筛选 chips（在上一次基础上缩小 15%） ---------- */
#page-admin .chip,
#page-mine .chip,
#page-controllerList .chip,
#page-yesterdayRank .chip,
#page-review .chip,
#page-myreport .chip {
  font-size: 13.6px;
  padding: 6px 10px;
  border-radius: 15px;
  margin-right: 7px;
  margin-bottom: 4px;
  white-space: nowrap;
}

/* 我的报备记录原本没有 chip 样式，补上未选中态的背景 */
#page-myreport .chip {
  color: #6b7280;
  background: #eef4fb;
}
#page-admin .chip-wrap,
#page-mine .chip-wrap,
#page-controllerList .chip-wrap,
#page-yesterdayRank .chip-wrap,
#page-review .chip-wrap,
#page-myreport .chip-wrap {
  margin-right: 7px;
  margin-bottom: 4px;
}
#page-admin .chip-wrap .chip,
#page-mine .chip-wrap .chip,
#page-controllerList .chip-wrap .chip,
#page-yesterdayRank .chip-wrap .chip,
#page-review .chip-wrap .chip,
#page-myreport .chip-wrap .chip {
  margin-right: 0;
  margin-bottom: 0;
}

/* ---------- 紫色主题改蓝色 ---------- */
#page-rank .tab-item.active {
  background: linear-gradient(135deg, #6fb1fc 0%, #4a90e2 100%);
}
#page-message .nav-right {
  color: #4a90e2;
  background: #e8f2fd;
}
#page-editprofile .save-btn {
  background: linear-gradient(135deg, #6fb1fc 0%, #4a90e2 100%);
}

/* ---------- 我的报备记录：时间筛选 ---------- */
#page-myreport .filter-bar {
  background: #fff;
  border-radius: 10px;
  padding: 12px 14px;
  margin: 12px 12px 0;
  box-shadow: 0 2px 8px rgba(74, 144, 226, 0.08);
}
#page-myreport .chips {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#page-myreport .chip.active {
  color: #fff;
  background: linear-gradient(135deg, #6fb1fc 0%, #4a90e2 100%);
}
#page-myreport .chip-wrap {
  position: relative;
}
#page-myreport .dropdown {
  position: absolute;
  top: 35px;
  left: 0;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  z-index: 10;
  min-width: 75px;
  overflow: hidden;
}
#page-myreport .dd-item {
  padding: 11px 18px;
  font-size: 13px;
  color: #333;
}
#page-myreport .dd-item:active {
  background: #eef4fb;
}

/* ---------- 邀请码页 ---------- */
#page-invitecode {
  background: #eef4fb;
}
#page-invitecode .page {
  min-height: 100vh;
  padding-bottom: 20px;
}
#page-invitecode .header {
  background: linear-gradient(135deg, #6fb1fc 0%, #4a90e2 100%);
  padding: 22px 20px;
}
#page-invitecode .header-title {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}
#page-invitecode .header-sub {
  color: rgba(255, 255, 255, 0.9);
  font-size: 12px;
  margin-top: 6px;
}

/* ---------- 首页背景（仅超管） ---------- */
#page-homebg {
  background: #eef4fb;
}
#page-homebg .page {
  min-height: 100vh;
  padding-bottom: 20px;
}
#page-homebg .header {
  background: linear-gradient(135deg, #6fb1fc 0%, #4a90e2 100%);
  padding: 22px 20px;
}
#page-homebg .header-title {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}
#page-homebg .header-sub {
  color: rgba(255, 255, 255, 0.9);
  font-size: 12px;
  margin-top: 6px;
}
#page-homebg .homebg-card {
  background: #fff;
  margin: 12px;
  padding: 16px;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(74, 144, 226, 0.08);
}
#page-homebg .homebg-preview {
  width: 100%;
  height: 150px;
  border-radius: 10px;
  overflow: hidden;
  background: #f0f4f9;
  display: flex;
  align-items: center;
  justify-content: center;
}
#page-homebg .homebg-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#page-homebg .homebg-empty {
  color: #c0c4cc;
  font-size: 14px;
}
#page-homebg .homebg-tip {
  font-size: 12px;
  color: #9ca3af;
  margin: 10px 2px;
}
#page-homebg .homebg-upload,
#page-homebg .homebg-save {
  display: block;
  width: 100%;
  height: 44px;
  border: none;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 600;
}
#page-homebg .homebg-upload {
  background: #eef4fb;
  color: #4a90e2;
  margin-bottom: 10px;
}
#page-homebg .homebg-save {
  background: linear-gradient(135deg, #6fb1fc 0%, #4a90e2 100%);
  color: #fff;
}