/* ===== pages/index/index ===== */
#mpScreen[data-route="pages/index/index"]{
  background-color: var(--mp-n100);
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', 'PingFang SC', 'Noto Sans SC', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.022em;
  font-weight: 400;}

/* ========== 地址选择器显示文本 - 美化字体 ========== */#mpScreen[data-route="pages/index/index"] .address-picker-select-text{
  font-size: calc(28 * var(--mprpx));
  line-height: 1.5;
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'PingFang SC', 'Noto Sans SC', sans-serif;
  font-weight: 500;
  color: var(--mp-ink1);
  letter-spacing: -0.018em;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;}

/* 地址选择器占位态样式 - 未选择时显示提示文案，使用柔和的灰色和轻量字重 */#mpScreen[data-route="pages/index/index"] .address-picker-select-text:empty,
#mpScreen[data-route="pages/index/index"] .address-picker-select-text:only-child,
#mpScreen[data-route="pages/index/index"] .address-picker-select-text.is-placeholder{
  color: var(--mp-n68);
  font-weight: 400;
  font-size: calc(26 * var(--mprpx));
  letter-spacing: -0.01em;
  display: flex;
  align-items: center;
  gap: calc(8 * var(--mprpx));}

/* 已选地址富文本样式 - 选中后使用主题色点缀 */#mpScreen[data-route="pages/index/index"] .address-picker-has-value .address-picker-select-text{
  color: var(--mp-b1);
  font-weight: 600;}

/* 长地址文本优雅截断动画 - 超过一行时平滑渐隐 */#mpScreen[data-route="pages/index/index"] .address-picker-select-text.ellipsis-animated{
  background: linear-gradient(to right, var(--mp-n08) 70%, transparent 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;}#mpScreen[data-route="pages/index/index"] .page-container{
  display: flex;
  flex-direction: column;
  height: calc(100 * var(--mpvh));
  /* 手机内置浏览器（微信/Safari）的工具栏沉降后不一定再触发 resize，--mpvh 就会算大，
     这个盒子一旦比真正的滚动区高，末尾的底栏就被 overflow:hidden 裁到框外、还滚不回来。
     max-height 把它永远钳在滚动区自身高度上：数字算错也丢不了底栏。 */
  max-height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: calc(100 * var(--mpvw));}

/* ========== 角色选择弹窗 - 圆角大卡片宠物风设计 ========== */#mpScreen[data-route="pages/index/index"] .modal-overlay{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 45%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;}#mpScreen[data-route="pages/index/index"] .modal-mask{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;}#mpScreen[data-route="pages/index/index"] .modal-main{
  width: calc(84 * var(--mpvw));
  max-width: calc(640 * var(--mprpx));
  max-height: calc(88 * var(--mpvh));
  background: var(--mp-n100);
  border-radius: calc(48 * var(--mprpx));
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0;
  box-shadow: 0 calc(20 * var(--mprpx)) calc(70 * var(--mprpx)) color-mix(in srgb, var(--mp-n00), transparent 82%), 0 calc(4 * var(--mprpx)) calc(16 * var(--mprpx)) color-mix(in srgb, var(--mp-n00), transparent 92%);
  display: flex;
  flex-direction: column;}#mpScreen[data-route="pages/index/index"] .modal-close{
  position: absolute;
  top: calc(20 * var(--mprpx));
  right: calc(20 * var(--mprpx));
  width: calc(56 * var(--mprpx));
  height: calc(56 * var(--mprpx));
  border-radius: 50%;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 94%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  transition: background-color 0.2s ease;}#mpScreen[data-route="pages/index/index"] .modal-close:active{
  background-color: color-mix(in srgb, var(--mp-n00), transparent 88%);}#mpScreen[data-route="pages/index/index"] .modal-close-icon{
  font-size: calc(28 * var(--mprpx));
  color: var(--mp-n60);
  font-weight: 600;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}

/* 头像区域 */#mpScreen[data-route="pages/index/index"] .modal-avatar-section{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(60 * var(--mprpx)) 0 calc(24 * var(--mprpx));
  background: linear-gradient(180deg, var(--mp-w96) 0%, var(--mp-n100) 100%);}#mpScreen[data-route="pages/index/index"] .modal-paw-deco{
  position: absolute;
  font-size: calc(34 * var(--mprpx));
  opacity: 0.3;
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .paw-deco-tl{ top: calc(28 * var(--mprpx)); left: calc(56 * var(--mprpx));}#mpScreen[data-route="pages/index/index"] .paw-deco-tr{ top: calc(28 * var(--mprpx)); right: calc(56 * var(--mprpx));}#mpScreen[data-route="pages/index/index"] .paw-deco-bl{ bottom: calc(38 * var(--mprpx)); left: calc(56 * var(--mprpx));}#mpScreen[data-route="pages/index/index"] .paw-deco-br{ bottom: calc(38 * var(--mprpx)); right: calc(56 * var(--mprpx));}#mpScreen[data-route="pages/index/index"] .modal-avatar-wrapper{
  width: calc(148 * var(--mprpx));
  height: calc(148 * var(--mprpx));
  border-radius: 50%;
  border: calc(5 * var(--mprpx)) solid var(--mp-line4);
  box-shadow: 0 calc(6 * var(--mprpx)) calc(24 * var(--mprpx)) color-mix(in srgb, var(--mp-n00), transparent 90%), 0 0 0 calc(8 * var(--mprpx)) color-mix(in srgb, var(--mp-b2), transparent 90%);
  overflow: hidden;
  flex-shrink: 0;
  box-sizing: border-box;
  background-color: var(--mp-w96);}#mpScreen[data-route="pages/index/index"] .modal-avatar-img{
  width: 100%;
  height: 100%;
  border-radius: 50%;}

/* 标题区域 */#mpScreen[data-route="pages/index/index"] .modal-title-section{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(12 * var(--mprpx)) 0 calc(6 * var(--mprpx));
  gap: calc(14 * var(--mprpx));}#mpScreen[data-route="pages/index/index"] .modal-title-emoji{
  font-size: calc(40 * var(--mprpx));
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 calc(2 * var(--mprpx)) calc(4 * var(--mprpx)) color-mix(in srgb, var(--mp-n00), transparent 92%));}#mpScreen[data-route="pages/index/index"] .modal-app-title{
  font-size: calc(48 * var(--mprpx));
  font-weight: 800;
  color: var(--mp-ink1);
  letter-spacing: -0.03em;
  line-height: 1.2;}

/* 副标题区域 */#mpScreen[data-route="pages/index/index"] .modal-subtitle-section{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(10 * var(--mprpx)) 0 calc(20 * var(--mprpx));
  gap: calc(10 * var(--mprpx));}#mpScreen[data-route="pages/index/index"] .modal-subtitle-emoji{
  font-size: calc(26 * var(--mprpx));
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .modal-subtitle-heart{
  font-size: calc(22 * var(--mprpx));
  animation: heartBeat 1.2s ease-in-out infinite;}

@keyframes heartBeat {
  0%, 100% { transform: scale(1); }
  15% { transform: scale(1.25); }
  30% { transform: scale(1); }
  45% { transform: scale(1.25); }
  60% { transform: scale(1); }
}#mpScreen[data-route="pages/index/index"] .modal-subtitle-text{
  font-size: calc(26 * var(--mprpx));
  color: var(--mp-n60);
  font-weight: 400;
  letter-spacing: -0.01em;
  line-height: 1.4;}

/* 身份选项卡片区域 */#mpScreen[data-route="pages/index/index"] .modal-options-section{
  padding: 0 calc(32 * var(--mprpx)) calc(20 * var(--mprpx));
  display: flex;
  flex-direction: column;
  gap: calc(18 * var(--mprpx));}#mpScreen[data-route="pages/index/index"] .modal-role-card{
  display: flex;
  align-items: center;
  padding: calc(30 * var(--mprpx)) calc(26 * var(--mprpx));
  background-color: var(--mp-n100);
  border-radius: calc(26 * var(--mprpx));
  border: calc(2 * var(--mprpx)) solid color-mix(in srgb, var(--mp-n00), transparent 96%);
  box-sizing: border-box;
  transition: all 0.2s ease;
  position: relative;
  box-shadow: 0 calc(2 * var(--mprpx)) calc(8 * var(--mprpx)) color-mix(in srgb, var(--mp-n00), transparent 97%);}#mpScreen[data-route="pages/index/index"] .modal-role-card:active{
  background-color: var(--mp-w96);
  border-color: color-mix(in srgb, var(--mp-b2), transparent 70%);
  transform: scale(0.98);
  box-shadow: 0 calc(4 * var(--mprpx)) calc(16 * var(--mprpx)) color-mix(in srgb, var(--mp-b2), transparent 90%);}#mpScreen[data-route="pages/index/index"] .modal-role-card-left{
  width: calc(76 * var(--mprpx));
  height: calc(76 * var(--mprpx));
  border-radius: 50%;
  background: linear-gradient(135deg, var(--mp-w96), var(--mp-w92));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-right: calc(22 * var(--mprpx));
  box-shadow: 0 calc(2 * var(--mprpx)) calc(8 * var(--mprpx)) color-mix(in srgb, var(--mp-b2), transparent 90%);}#mpScreen[data-route="pages/index/index"] .modal-role-card-emoji{
  font-size: calc(38 * var(--mprpx));
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .modal-role-card-center{
  flex: 1;
  min-width: 0;}#mpScreen[data-route="pages/index/index"] .modal-role-card-title{
  display: block;
  font-size: calc(28 * var(--mprpx));
  font-weight: 700;
  color: var(--mp-ink1);
  margin-bottom: calc(8 * var(--mprpx));
  letter-spacing: -0.015em;
  line-height: 1.3;}#mpScreen[data-route="pages/index/index"] .modal-role-card-desc{
  display: block;
  font-size: calc(22 * var(--mprpx));
  color: var(--mp-n60);
  font-weight: 400;
  line-height: 1.4;}#mpScreen[data-route="pages/index/index"] .modal-role-card-right{
  flex-shrink: 0;
  margin-left: calc(14 * var(--mprpx));
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .modal-role-card-arrow{
  font-size: calc(36 * var(--mprpx));
  color: var(--mp-n85);
  font-weight: 300;
  line-height: 1;}

/* Language 切换按钮区域 */#mpScreen[data-route="pages/index/index"] .modal-lang-section{
  padding: 0 calc(32 * var(--mprpx)) calc(8 * var(--mprpx));
  display: flex;
  flex-direction: column;}#mpScreen[data-route="pages/index/index"] .modal-lang-btn{
  display: flex;
  align-items: center;
  padding: calc(22 * var(--mprpx)) calc(26 * var(--mprpx));
  background-color: var(--mp-n100);
  border-radius: calc(26 * var(--mprpx));
  border: calc(2 * var(--mprpx)) solid color-mix(in srgb, var(--mp-x00), transparent 88%);
  box-sizing: border-box;
  transition: all 0.2s ease;
  box-shadow: 0 calc(2 * var(--mprpx)) calc(8 * var(--mprpx)) color-mix(in srgb, var(--mp-x01), transparent 96%);}#mpScreen[data-route="pages/index/index"] .modal-lang-btn:active{
  background-color: var(--mp-x02);
  border-color: color-mix(in srgb, var(--mp-x00), transparent 70%);
  transform: scale(0.98);}#mpScreen[data-route="pages/index/index"] .modal-lang-btn-icon{
  font-size: calc(34 * var(--mprpx));
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: calc(16 * var(--mprpx));
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .modal-lang-btn-text{
  flex: 1;
  font-size: calc(26 * var(--mprpx));
  font-weight: 600;
  color: var(--mp-x03);
  letter-spacing: -0.01em;
  line-height: 1.3;
  display: flex;
  align-items: center;}#mpScreen[data-route="pages/index/index"] .modal-lang-btn-arrow{
  font-size: calc(36 * var(--mprpx));
  color: var(--mp-x04);
  font-weight: 300;
  line-height: 1;
  flex-shrink: 0;
  margin-left: calc(14 * var(--mprpx));
  display: flex;
  align-items: center;
  justify-content: center;}

/* 底部区域 */#mpScreen[data-route="pages/index/index"] .modal-bottom-section{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 calc(32 * var(--mprpx)) calc(36 * var(--mprpx));
  gap: calc(18 * var(--mprpx));}#mpScreen[data-route="pages/index/index"] .modal-privacy-row{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(6 * var(--mprpx));
  flex-wrap: wrap;
  padding: calc(4 * var(--mprpx)) 0;}#mpScreen[data-route="pages/index/index"] .modal-privacy-checkbox{
  width: calc(32 * var(--mprpx));
  height: calc(32 * var(--mprpx));
  border-radius: 50%;
  border: calc(2 * var(--mprpx)) solid var(--mp-line3);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-sizing: border-box;
  transition: all 0.25s ease;}#mpScreen[data-route="pages/index/index"] .modal-privacy-checkbox.checked{
  border-color: var(--mp-b2);
  background-color: var(--mp-b2);}#mpScreen[data-route="pages/index/index"] .modal-privacy-checkmark{
  font-size: calc(18 * var(--mprpx));
  color: var(--mp-inkOn);
  font-weight: 700;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .modal-privacy-text{
  font-size: calc(22 * var(--mprpx));
  color: var(--mp-n60);
  font-weight: 400;
  line-height: 1.4;}#mpScreen[data-route="pages/index/index"] .modal-privacy-link{
  color: var(--mp-b2);
  font-weight: 600;
  font-size: calc(22 * var(--mprpx));
  line-height: 1.4;}#mpScreen[data-route="pages/index/index"] .modal-bottom-fun-deco{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: calc(10 * var(--mprpx));
  padding: calc(8 * var(--mprpx)) 0 0;
  flex-wrap: wrap;}#mpScreen[data-route="pages/index/index"] .modal-fun-emoji{
  font-size: calc(28 * var(--mprpx));
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: funBounce 2s ease-in-out infinite;}#mpScreen[data-route="pages/index/index"] .modal-fun-emoji:nth-child(1){ animation-delay: 0s;}#mpScreen[data-route="pages/index/index"] .modal-fun-emoji:nth-child(2){ animation-delay: 0.15s;}#mpScreen[data-route="pages/index/index"] .modal-fun-emoji:nth-child(3){ animation-delay: 0.3s;}#mpScreen[data-route="pages/index/index"] .modal-fun-emoji:nth-child(4){ animation-delay: 0.45s;}#mpScreen[data-route="pages/index/index"] .modal-fun-emoji:nth-child(5){ animation-delay: 0.6s;}#mpScreen[data-route="pages/index/index"] .modal-fun-emoji:nth-child(6){ animation-delay: 0.75s;}#mpScreen[data-route="pages/index/index"] .modal-fun-emoji:nth-child(7){ animation-delay: 0.9s;}#mpScreen[data-route="pages/index/index"] .modal-fun-emoji:nth-child(8){ animation-delay: 1.05s;}

@keyframes funBounce {
  0%, 100% { transform: translateY(0) scale(1); }
  30% { transform: translateY(-8rpx) scale(1.15); }
  60% { transform: translateY(0) scale(1); }
}#mpScreen[data-route="pages/index/index"] .modal-fun-heart{
  animation: heartBeat 1.2s ease-in-out infinite;}#mpScreen[data-route="pages/index/index"] .modal-bottom-hint{
  font-size: calc(22 * var(--mprpx));
  color: var(--mp-n68);
  font-weight: 400;
  letter-spacing: -0.005em;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: center;}

/* ========== 隐私协议 ========== */#mpScreen[data-route="pages/index/index"] .privacy-row{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 12px 0 4px;
  flex-wrap: wrap;
  gap: 4px;}#mpScreen[data-route="pages/index/index"] .privacy-checkbox{
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid color-mix(in srgb, var(--mp-n00), transparent 88%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-right: 6px;
  box-sizing: border-box;
  transition: all 0.2s ease;}#mpScreen[data-route="pages/index/index"] .privacy-checkbox.checked{
  border-color: var(--mp-n08);
  background-color: var(--mp-n08);}#mpScreen[data-route="pages/index/index"] .checkbox-icon{
  font-size: 12px;
  color: var(--mp-inkOn);
  font-weight: 700;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .privacy-text-wrap{
  display: flex;
  align-items: center;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .privacy-text{
  font-size: 12px;
  color: var(--mp-n60);
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: -0.005em;}#mpScreen[data-route="pages/index/index"] .privacy-link{
  color: var(--mp-ink1);
  font-weight: 600;
  font-size: 12px;}#mpScreen[data-route="pages/index/index"] .douyin-auth-tag{
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--mp-w92), var(--mp-w84));
  border-radius: 10px;
  padding: 4px 10px;
  flex-shrink: 0;
  border: 1px solid color-mix(in srgb, var(--mp-b2), transparent 75%);}#mpScreen[data-route="pages/index/index"] .douyin-auth-tag-text{
  font-size: 11px;
  font-weight: 600;
  color: var(--mp-x05);
  letter-spacing: 0.01em;
  line-height: 1.4;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;}

/* ========== 用户角色行 ========== */#mpScreen[data-route="pages/index/index"] .user-role-row{
  display: flex;
  gap: 6px;
  flex-wrap: wrap;}#mpScreen[data-route="pages/index/index"] .role-badge-adopter{
  background-color: var(--mp-n96);}#mpScreen[data-route="pages/index/index"] .role-badge-guardian{
  background-color: var(--mp-n96);}

/* Language 标签行 - 身份标签下方 */#mpScreen[data-route="pages/index/index"] .user-lang-row{
  display: flex;
  margin-top: 6px;}#mpScreen[data-route="pages/index/index"] .lang-badge{
  background: linear-gradient(135deg, var(--mp-x06), var(--mp-x07));
  border: 1.5px solid color-mix(in srgb, var(--mp-x08), transparent 80%);
  border-radius: 10px;
  padding: 3px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  flex-shrink: 0;
  gap: 4px;}#mpScreen[data-route="pages/index/index"] .lang-badge:active{
  transform: scale(0.94);
  background: linear-gradient(135deg, var(--mp-x07), var(--mp-x09));
  border-color: color-mix(in srgb, var(--mp-x08), transparent 60%);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--mp-x10), transparent 85%);}#mpScreen[data-route="pages/index/index"] .lang-badge .badge-text{
  color: var(--mp-x11);
  font-weight: 600;}#mpScreen[data-route="pages/index/index"] .lang-badge-arrow{
  font-size: 14px;
  color: var(--mp-x11);
  font-weight: 300;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .header-actions{
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  margin-left: auto;}

/* 🐾 游客首页头部右侧的「去登录」标签按钮 */#mpScreen[data-route="pages/index/index"] .guest-login-chip{
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  padding: 9px 14px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-bHi));
  box-shadow: 0 3px 12px color-mix(in srgb, var(--mp-b2), transparent 62%), inset 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 50%);
  flex-shrink: 0;
  box-sizing: border-box;
  animation: guestChipIn 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) both;
  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.2s ease;
  will-change: transform;}

@keyframes guestChipIn {
  0% { transform: scale(0.5) translateX(18px); opacity: 0; }
  70% { transform: scale(1.06) translateX(0); opacity: 1; }
  100% { transform: scale(1) translateX(0); opacity: 1; }
}#mpScreen[data-route="pages/index/index"] .guest-login-chip:active{
  transform: scale(0.93);
  box-shadow: 0 1px 6px color-mix(in srgb, var(--mp-b2), transparent 70%), inset 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 60%);}#mpScreen[data-route="pages/index/index"] .guest-login-chip-shine{
  position: absolute;
  top: 0;
  left: 0;
  width: 45%;
  height: 100%;
  background: linear-gradient(100deg, transparent 0%, color-mix(in srgb, var(--mp-n100), transparent 45%) 50%, transparent 100%);
  transform: translateX(-180%) skewX(-18deg);
  animation: guestChipShine 3.2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  will-change: transform;}

@keyframes guestChipShine {
  0% { transform: translateX(-180%) skewX(-18deg); }
  55%, 100% { transform: translateX(360%) skewX(-18deg); }
}#mpScreen[data-route="pages/index/index"] .guest-login-chip-icon{
  font-size: 14px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  animation: guestChipKey 2.4s cubic-bezier(0.45, 0, 0.55, 1) infinite;}

@keyframes guestChipKey {
  0%, 100% { transform: rotate(0deg) scale(1); }
  30% { transform: rotate(-14deg) scale(1.16); }
  55% { transform: rotate(10deg) scale(1.08); }
}#mpScreen[data-route="pages/index/index"] .guest-login-chip-text{
  font-size: 13px;
  font-weight: 700;
  color: var(--mp-inkOn);
  line-height: 1.2;
  letter-spacing: 0.01em;
  white-space: nowrap;
  position: relative;
  z-index: 1;
  text-shadow: 0 1px 2px color-mix(in srgb, var(--mp-bDeep), transparent 60%);}#mpScreen[data-route="pages/index/index"] .switch-role-btn{
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--mp-n96);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .switch-role-icon{
  font-size: 16px;}

/* ========== 身份切换欢迎弹窗 ========== */#mpScreen[data-route="pages/index/index"] .welcome-popup-overlay{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;}#mpScreen[data-route="pages/index/index"] .welcome-popup-overlay.active{
  opacity: 1;
  pointer-events: auto;}

/* 背景模糊遮罩 */#mpScreen[data-route="pages/index/index"] .welcome-popup-bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 50%);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  z-index: 0;}

/* 礼花容器 */#mpScreen[data-route="pages/index/index"] .firework-container{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  overflow: hidden;}#mpScreen[data-route="pages/index/index"] .firework-particle{
  position: absolute;
  font-size: 32px;
  line-height: 1;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;}

/* 礼花粒子 - 第一组（8个粒子从中心炸开） */#mpScreen[data-route="pages/index/index"] .welcome-popup-overlay.active .firework-particle.fp-1{
  animation: fireworkBurst1 1.2s ease-out forwards;}#mpScreen[data-route="pages/index/index"] .welcome-popup-overlay.active .firework-particle.fp-2{
  animation: fireworkBurst2 1.2s ease-out 0.05s forwards;}#mpScreen[data-route="pages/index/index"] .welcome-popup-overlay.active .firework-particle.fp-3{
  animation: fireworkBurst3 1.2s ease-out 0.1s forwards;}#mpScreen[data-route="pages/index/index"] .welcome-popup-overlay.active .firework-particle.fp-4{
  animation: fireworkBurst4 1.2s ease-out 0.15s forwards;}#mpScreen[data-route="pages/index/index"] .welcome-popup-overlay.active .firework-particle.fp-5{
  animation: fireworkBurst5 1.2s ease-out 0.2s forwards;}#mpScreen[data-route="pages/index/index"] .welcome-popup-overlay.active .firework-particle.fp-6{
  animation: fireworkBurst6 1.2s ease-out 0.25s forwards;}#mpScreen[data-route="pages/index/index"] .welcome-popup-overlay.active .firework-particle.fp-7{
  animation: fireworkBurst7 1.2s ease-out 0.3s forwards;}#mpScreen[data-route="pages/index/index"] .welcome-popup-overlay.active .firework-particle.fp-8{
  animation: fireworkBurst8 1.2s ease-out 0.35s forwards;}

/* 礼花粒子 - 第二组（小粒子，延迟炸开） */#mpScreen[data-route="pages/index/index"] .welcome-popup-overlay.active .firework-particle.fp-small-1{
  animation: fireworkBurstSmall1 1s ease-out 0.4s forwards;}#mpScreen[data-route="pages/index/index"] .welcome-popup-overlay.active .firework-particle.fp-small-2{
  animation: fireworkBurstSmall2 1s ease-out 0.45s forwards;}#mpScreen[data-route="pages/index/index"] .welcome-popup-overlay.active .firework-particle.fp-small-3{
  animation: fireworkBurstSmall3 1s ease-out 0.5s forwards;}#mpScreen[data-route="pages/index/index"] .welcome-popup-overlay.active .firework-particle.fp-small-4{
  animation: fireworkBurstSmall4 1s ease-out 0.55s forwards;}#mpScreen[data-route="pages/index/index"] .welcome-popup-overlay.active .firework-particle.fp-small-5{
  animation: fireworkBurstSmall5 1s ease-out 0.6s forwards;}#mpScreen[data-route="pages/index/index"] .welcome-popup-overlay.active .firework-particle.fp-small-6{
  animation: fireworkBurstSmall6 1s ease-out 0.65s forwards;}

/* 礼花粒子 - 第三组（迷你粒子群） */#mpScreen[data-route="pages/index/index"] .welcome-popup-overlay.active .firework-particle.fp-mini-1{
  animation: fireworkBurstMini1 0.8s ease-out 0.7s forwards;}#mpScreen[data-route="pages/index/index"] .welcome-popup-overlay.active .firework-particle.fp-mini-2{
  animation: fireworkBurstMini2 0.8s ease-out 0.73s forwards;}#mpScreen[data-route="pages/index/index"] .welcome-popup-overlay.active .firework-particle.fp-mini-3{
  animation: fireworkBurstMini3 0.8s ease-out 0.76s forwards;}#mpScreen[data-route="pages/index/index"] .welcome-popup-overlay.active .firework-particle.fp-mini-4{
  animation: fireworkBurstMini4 0.8s ease-out 0.79s forwards;}#mpScreen[data-route="pages/index/index"] .welcome-popup-overlay.active .firework-particle.fp-mini-5{
  animation: fireworkBurstMini5 0.8s ease-out 0.82s forwards;}#mpScreen[data-route="pages/index/index"] .welcome-popup-overlay.active .firework-particle.fp-mini-6{
  animation: fireworkBurstMini6 0.8s ease-out 0.85s forwards;}

/* 礼花粒子动画关键帧 - 第一组大粒子 */
@keyframes fireworkBurst1 {
  0% { top: 50%; left: 50%; opacity: 1; transform: translate(-50%, -50%) scale(0.3); }
  100% { top: 5%; left: 10%; opacity: 0; transform: translate(-50%, -50%) scale(1.2); }
}
@keyframes fireworkBurst2 {
  0% { top: 50%; left: 50%; opacity: 1; transform: translate(-50%, -50%) scale(0.3); }
  100% { top: 5%; left: 90%; opacity: 0; transform: translate(-50%, -50%) scale(1.2); }
}
@keyframes fireworkBurst3 {
  0% { top: 50%; left: 50%; opacity: 1; transform: translate(-50%, -50%) scale(0.3); }
  100% { top: 90%; left: 10%; opacity: 0; transform: translate(-50%, -50%) scale(1.2); }
}
@keyframes fireworkBurst4 {
  0% { top: 50%; left: 50%; opacity: 1; transform: translate(-50%, -50%) scale(0.3); }
  100% { top: 90%; left: 90%; opacity: 0; transform: translate(-50%, -50%) scale(1.2); }
}
@keyframes fireworkBurst5 {
  0% { top: 50%; left: 50%; opacity: 1; transform: translate(-50%, -50%) scale(0.3); }
  100% { top: 5%; left: 50%; opacity: 0; transform: translate(-50%, -50%) scale(1.2); }
}
@keyframes fireworkBurst6 {
  0% { top: 50%; left: 50%; opacity: 1; transform: translate(-50%, -50%) scale(0.3); }
  100% { top: 90%; left: 50%; opacity: 0; transform: translate(-50%, -50%) scale(1.2); }
}
@keyframes fireworkBurst7 {
  0% { top: 50%; left: 50%; opacity: 1; transform: translate(-50%, -50%) scale(0.3); }
  100% { top: 50%; left: 5%; opacity: 0; transform: translate(-50%, -50%) scale(1.2); }
}
@keyframes fireworkBurst8 {
  0% { top: 50%; left: 50%; opacity: 1; transform: translate(-50%, -50%) scale(0.3); }
  100% { top: 50%; left: 95%; opacity: 0; transform: translate(-50%, -50%) scale(1.2); }
}

/* 礼花粒子动画关键帧 - 第二组小粒子 */
@keyframes fireworkBurstSmall1 {
  0% { top: 50%; left: 50%; opacity: 1; transform: translate(-50%, -50%) scale(0); }
  100% { top: 15%; left: 20%; opacity: 0; transform: translate(-50%, -50%) scale(1); }
}
@keyframes fireworkBurstSmall2 {
  0% { top: 50%; left: 50%; opacity: 1; transform: translate(-50%, -50%) scale(0); }
  100% { top: 15%; left: 80%; opacity: 0; transform: translate(-50%, -50%) scale(1); }
}
@keyframes fireworkBurstSmall3 {
  0% { top: 50%; left: 50%; opacity: 1; transform: translate(-50%, -50%) scale(0); }
  100% { top: 80%; left: 20%; opacity: 0; transform: translate(-50%, -50%) scale(1); }
}
@keyframes fireworkBurstSmall4 {
  0% { top: 50%; left: 50%; opacity: 1; transform: translate(-50%, -50%) scale(0); }
  100% { top: 80%; left: 80%; opacity: 0; transform: translate(-50%, -50%) scale(1); }
}
@keyframes fireworkBurstSmall5 {
  0% { top: 50%; left: 50%; opacity: 1; transform: translate(-50%, -50%) scale(0); }
  100% { top: 10%; left: 50%; opacity: 0; transform: translate(-50%, -50%) scale(1); }
}
@keyframes fireworkBurstSmall6 {
  0% { top: 50%; left: 50%; opacity: 1; transform: translate(-50%, -50%) scale(0); }
  100% { top: 85%; left: 50%; opacity: 0; transform: translate(-50%, -50%) scale(1); }
}

/* 礼花粒子动画关键帧 - 第三组迷你粒子 */
@keyframes fireworkBurstMini1 {
  0% { top: 50%; left: 50%; opacity: 1; transform: translate(-50%, -50%) scale(0); }
  100% { top: 25%; left: 30%; opacity: 0; transform: translate(-50%, -50%) scale(0.8); }
}
@keyframes fireworkBurstMini2 {
  0% { top: 50%; left: 50%; opacity: 1; transform: translate(-50%, -50%) scale(0); }
  100% { top: 25%; left: 70%; opacity: 0; transform: translate(-50%, -50%) scale(0.8); }
}
@keyframes fireworkBurstMini3 {
  0% { top: 50%; left: 50%; opacity: 1; transform: translate(-50%, -50%) scale(0); }
  100% { top: 70%; left: 30%; opacity: 0; transform: translate(-50%, -50%) scale(0.8); }
}
@keyframes fireworkBurstMini4 {
  0% { top: 50%; left: 50%; opacity: 1; transform: translate(-50%, -50%) scale(0); }
  100% { top: 70%; left: 70%; opacity: 0; transform: translate(-50%, -50%) scale(0.8); }
}
@keyframes fireworkBurstMini5 {
  0% { top: 50%; left: 50%; opacity: 1; transform: translate(-50%, -50%) scale(0); }
  100% { top: 40%; left: 15%; opacity: 0; transform: translate(-50%, -50%) scale(0.8); }
}
@keyframes fireworkBurstMini6 {
  0% { top: 50%; left: 50%; opacity: 1; transform: translate(-50%, -50%) scale(0); }
  100% { top: 60%; left: 85%; opacity: 0; transform: translate(-50%, -50%) scale(0.8); }
}

/* 欢迎卡片 - 主弹窗 */#mpScreen[data-route="pages/index/index"] .welcome-popup-card{
  position: relative;
  z-index: 2;
  width: calc(80 * var(--mpvw));
  max-width: 320px;
  background: linear-gradient(160deg, var(--mp-n100) 0%, var(--mp-n100) 40%, var(--mp-w96) 100%);
  border-radius: 32px;
  padding: 36px 28px 30px;
  box-sizing: border-box;
  box-shadow: 0 20px 60px color-mix(in srgb, var(--mp-n00), transparent 75%), 0 0 0 4px color-mix(in srgb, var(--mp-b2), transparent 85%), 0 0 0 8px color-mix(in srgb, var(--mp-bHi), transparent 92%);
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translateY(-120%);
  opacity: 0;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.4s ease;}

/* 领养者主题（粉色系） */#mpScreen[data-route="pages/index/index"] .welcome-popup-card.adopter-theme{
  background: linear-gradient(160deg, var(--mp-n100) 0%, var(--mp-n100) 40%, var(--mp-x12) 100%);
  box-shadow: 0 20px 60px color-mix(in srgb, var(--mp-n00), transparent 75%), 0 0 0 4px color-mix(in srgb, var(--mp-x13), transparent 85%), 0 0 0 8px color-mix(in srgb, var(--mp-x13), transparent 92%);}

/* 守护人主题（橙色系） */#mpScreen[data-route="pages/index/index"] .welcome-popup-card.guardian-theme{
  background: linear-gradient(160deg, var(--mp-n100) 0%, var(--mp-n100) 40%, var(--mp-w92) 100%);
  box-shadow: 0 20px 60px color-mix(in srgb, var(--mp-n00), transparent 75%), 0 0 0 4px color-mix(in srgb, var(--mp-b2), transparent 85%), 0 0 0 8px color-mix(in srgb, var(--mp-bHi), transparent 92%);}

/* 弹入阶段 */#mpScreen[data-route="pages/index/index"] .welcome-popup-card.pop-in{
  transform: translateY(0);
  opacity: 1;}

/* 淡出阶段 */#mpScreen[data-route="pages/index/index"] .welcome-popup-card.fade-out{
  transform: translateY(-30px);
  opacity: 0;
  transition: transform 0.5s ease-in, opacity 0.5s ease-in;}

/* 粒子容器 */#mpScreen[data-route="pages/index/index"] .welcome-popup-particles{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
  overflow: visible;}#mpScreen[data-route="pages/index/index"] .welcome-popup-particle{
  position: absolute;
  font-size: 20px;
  line-height: 1;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;}

/* 卡片粒子弹出动画 */#mpScreen[data-route="pages/index/index"] .welcome-popup-card.pop-in .welcome-popup-particle{
  animation: particleBounce 1.8s ease-out forwards;}#mpScreen[data-route="pages/index/index"] .welcome-popup-card.pop-in .welcome-popup-particle.pp-1{
  animation-delay: 0.15s;}#mpScreen[data-route="pages/index/index"] .welcome-popup-card.pop-in .welcome-popup-particle.pp-2{
  animation-delay: 0.25s;}#mpScreen[data-route="pages/index/index"] .welcome-popup-card.pop-in .welcome-popup-particle.pp-3{
  animation-delay: 0.35s;}#mpScreen[data-route="pages/index/index"] .welcome-popup-card.pop-in .welcome-popup-particle.pp-4{
  animation-delay: 0.45s;}#mpScreen[data-route="pages/index/index"] .welcome-popup-card.pop-in .welcome-popup-particle.pp-5{
  animation-delay: 0.55s;}#mpScreen[data-route="pages/index/index"] .welcome-popup-card.pop-in .welcome-popup-particle.pp-6{
  animation-delay: 0.65s;}

@keyframes particleBounce {
  0% { opacity: 0; transform: translate(0, 0) scale(0); }
  30% { opacity: 1; transform: translate(0, 0) scale(1.5); }
  60% { opacity: 0.8; transform: translate(0, 0) scale(1); }
  100% { opacity: 0; transform: translate(0, 0) scale(0.5); }
}

/* 欢迎主标题 */#mpScreen[data-route="pages/index/index"] .welcome-main-text{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-bottom: 16px;
  z-index: 1;
  flex-wrap: wrap;}#mpScreen[data-route="pages/index/index"] .welcome-emoji-prefix,
#mpScreen[data-route="pages/index/index"] .welcome-emoji-suffix{
  font-size: 36px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: welcomeEmojiSwing 1.5s ease-in-out infinite;}#mpScreen[data-route="pages/index/index"] .welcome-emoji-suffix{
  animation-delay: 0.3s;}

@keyframes welcomeEmojiSwing {
  0%, 100% { transform: rotate(0deg) scale(1); }
  25% { transform: rotate(10deg) scale(1.15); }
  50% { transform: rotate(0deg) scale(1); }
  75% { transform: rotate(-10deg) scale(1.15); }
}#mpScreen[data-route="pages/index/index"] .welcome-title{
  font-size: 26px;
  font-weight: 800;
  color: var(--mp-ink1);
  letter-spacing: -0.02em;
  line-height: 1.3;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;}

/* 身份标签 */#mpScreen[data-route="pages/index/index"] .welcome-role-tag{
  border-radius: 20px;
  padding: 8px 24px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;}#mpScreen[data-route="pages/index/index"] .welcome-role-tag.tag-adopter{
  background: linear-gradient(135deg, var(--mp-x14), var(--mp-x15));
  border: 2px solid color-mix(in srgb, var(--mp-x16), transparent 80%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--mp-x13), transparent 85%);}#mpScreen[data-route="pages/index/index"] .welcome-role-tag.tag-guardian{
  background: linear-gradient(135deg, var(--mp-w92), var(--mp-w84));
  border: 2px solid color-mix(in srgb, var(--mp-b2), transparent 80%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--mp-b2), transparent 85%);}#mpScreen[data-route="pages/index/index"] .welcome-role-tag-text{
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .tag-adopter .welcome-role-tag-text{
  color: var(--mp-x17);}#mpScreen[data-route="pages/index/index"] .tag-guardian .welcome-role-tag-text{
  color: var(--mp-bRich);}

/* 底部装饰文字 */#mpScreen[data-route="pages/index/index"] .welcome-sub-text{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  z-index: 1;}#mpScreen[data-route="pages/index/index"] .welcome-sub-emoji{
  font-size: 20px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .welcome-sub-desc{
  font-size: 14px;
  color: var(--mp-n50);
  font-weight: 400;
  letter-spacing: -0.005em;
  line-height: 1.5;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;}

/* 卡片底部装饰emoji行 */#mpScreen[data-route="pages/index/index"] .welcome-card-bottom-deco{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 14px;
  z-index: 1;}#mpScreen[data-route="pages/index/index"] .welcome-card-bottom-emoji{
  font-size: 22px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: welcomeBottomEmoji 2s ease-in-out infinite;}#mpScreen[data-route="pages/index/index"] .welcome-card-bottom-emoji:nth-child(1){ animation-delay: 0s;}#mpScreen[data-route="pages/index/index"] .welcome-card-bottom-emoji:nth-child(2){ animation-delay: 0.2s;}#mpScreen[data-route="pages/index/index"] .welcome-card-bottom-emoji:nth-child(3){ animation-delay: 0.4s;}#mpScreen[data-route="pages/index/index"] .welcome-card-bottom-emoji:nth-child(4){ animation-delay: 0.6s;}#mpScreen[data-route="pages/index/index"] .welcome-card-bottom-emoji:nth-child(5){ animation-delay: 0.8s;}

@keyframes welcomeBottomEmoji {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-6px) scale(1.2); }
}

/* ========== 内容区域 ========== */#mpScreen[data-route="pages/index/index"] .content-area{
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 20px;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .tab-content{
  padding: 16px;
  width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;}

/* ========== 首页背景层：全站统一的极简底色，漂浮 emoji 交给运行时的高帧图层 ========== */#mpScreen[data-route="pages/index/index"] .home-tab-content{
  position: relative;
  min-height: calc(100% + 20px);
  margin-bottom: -20px;
  box-sizing: border-box;
  padding-bottom: 28px;
  background: linear-gradient(180deg, var(--mp-bgA) 0%, var(--mp-bgB) 100%);}#mpScreen[data-route="pages/index/index"] .home-tab-content > *{
  position: relative;
  z-index: 1;}

/* 页面内的漂浮 emoji：小程序端用这套关键帧。
   H5 端由运行时的高帧漂浮层统一接管（base.css 里隐藏），避免出现两层。 */#mpScreen[data-route="pages/index/index"] .home-bg-deco{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;}#mpScreen[data-route="pages/index/index"] .home-float{
  position: absolute;
  line-height: 1;
  opacity: 0.3;
  will-change: transform;
  animation: homeDriftA 13s ease-in-out infinite;}#mpScreen[data-route="pages/index/index"] .hf-1{ top: 4%; left: 7%; font-size: 22px;}#mpScreen[data-route="pages/index/index"] .hf-2{ top: 12%; right: 9%; font-size: 17px; animation: homeDriftB 17s ease-in-out -3s infinite;}#mpScreen[data-route="pages/index/index"] .hf-3{ top: 30%; left: 4%; font-size: 19px; animation: homeDriftC 15s ease-in-out -7s infinite;}#mpScreen[data-route="pages/index/index"] .hf-4{ top: 46%; right: 6%; font-size: 21px; animation: homeDriftA 19s ease-in-out -5s infinite;}#mpScreen[data-route="pages/index/index"] .hf-5{ top: 65%; left: 9%; font-size: 17px; animation: homeDriftC 12s ease-in-out -9s infinite;}#mpScreen[data-route="pages/index/index"] .hf-6{ top: 84%; right: 11%; font-size: 23px; animation: homeDriftB 16s ease-in-out -2s infinite;}

/* 三条轨迹都不走回头路：横纵不同周期 + 逐帧变向，看起来才不像钟摆 */
@keyframes homeDriftA {
  0% { transform: translate(0, 0) rotate(-8deg); }
  22% { transform: translate(14px, -22px) rotate(6deg); }
  47% { transform: translate(-8px, -38px) rotate(-4deg); }
  71% { transform: translate(18px, -14px) rotate(10deg); }
  100% { transform: translate(0, 0) rotate(-8deg); }
}

@keyframes homeDriftB {
  0% { transform: translate(0, 0) rotate(7deg); }
  31% { transform: translate(-18px, -16px) rotate(-9deg); }
  58% { transform: translate(9px, -34px) rotate(5deg); }
  83% { transform: translate(-11px, -9px) rotate(-6deg); }
  100% { transform: translate(0, 0) rotate(7deg); }
}

@keyframes homeDriftC {
  0% { transform: translate(0, 0) rotate(0deg) scale(1); }
  26% { transform: translate(11px, -27px) rotate(-11deg) scale(1.08); }
  54% { transform: translate(-15px, -12px) rotate(8deg) scale(0.94); }
  79% { transform: translate(6px, -31px) rotate(-5deg) scale(1.05); }
  100% { transform: translate(0, 0) rotate(0deg) scale(1); }
}

/* ========== 用户头部 ========== */#mpScreen[data-route="pages/index/index"] .user-header{
  display: flex;
  align-items: center;
  background: var(--mp-n100);
  border-radius: 22px;
  padding: 18px 16px;
  margin-bottom: 20px;
  box-sizing: border-box;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--mp-n00), transparent 96%);
  border: 0.5px solid color-mix(in srgb, var(--mp-n00), transparent 95%);
  transition: transform 0.2s ease;
  width: 100%;
  overflow: hidden;}#mpScreen[data-route="pages/index/index"] .user-avatar{
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  flex-shrink: 0;}

/* 头像：emoji 头像 + 色系匹配渐变背景，点一下进选择面板 */#mpScreen[data-route="pages/index/index"] .user-avatar-wrap{
  position: relative;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .user-avatar-emoji{
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  box-sizing: border-box;
  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.2s ease;}#mpScreen[data-route="pages/index/index"] .user-avatar-wrap:active .user-avatar-emoji{
  transform: scale(0.9);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--mp-b2), transparent 72%);}#mpScreen[data-route="pages/index/index"] .user-avatar-emoji-text{
  font-size: 26px;
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .user-avatar-edit{
  position: absolute;
  right: -3px;
  bottom: -2px;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background-color: var(--mp-n100);
  border: 1px solid color-mix(in srgb, var(--mp-b2), transparent 70%);
  box-shadow: 0 1px 4px color-mix(in srgb, var(--mp-n00), transparent 86%);
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .user-avatar-edit-icon{
  font-size: 10px;
  line-height: 1;}

/* 🧪 内测人员专属角标：配色与后台【内测】身份标同一套紫 */#mpScreen[data-route="pages/index/index"] .user-avatar-edit-beta{
  background-color: var(--mp-x18);
  border-color: color-mix(in srgb, var(--mp-x19), transparent 50%);
  box-shadow: 0 1px 5px color-mix(in srgb, var(--mp-x20), transparent 70%);}#mpScreen[data-route="pages/index/index"] .user-avatar-edit-beta .user-avatar-edit-icon{
  font-size: 11px;}#mpScreen[data-route="pages/index/index"] .user-info-text{
  flex: 1;
  min-width: 0;
  max-width: 55%;
  margin-left: 12px;
  display: flex;
  flex-direction: column;
  overflow: hidden;}#mpScreen[data-route="pages/index/index"] .user-name{
  font-size: 16px;
  font-weight: 600;
  color: var(--mp-ink1);
  margin-bottom: 4px;
  letter-spacing: -0.015em;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;}#mpScreen[data-route="pages/index/index"] .user-badge{
  background-color: var(--mp-n96);
  border-radius: 10px;
  padding: 3px 10px;
  align-self: flex-start;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .badge-text{
  font-size: 12px;
  color: var(--mp-n60);
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  letter-spacing: -0.01em;}#mpScreen[data-route="pages/index/index"] .guardian-type-badge .badge-text{
  font-size: 12px;
  font-weight: 600;
  color: var(--mp-x21);}

/* Language 标签按钮 - 与身份标签样式一致，增加点击感 */#mpScreen[data-route="pages/index/index"] .lang-badge{
  background: linear-gradient(135deg, var(--mp-x22), var(--mp-x23));
  border: 1px solid color-mix(in srgb, var(--mp-x00), transparent 85%);
  cursor: pointer;
  transition: all 0.2s ease;}#mpScreen[data-route="pages/index/index"] .lang-badge:active{
  background: linear-gradient(135deg, var(--mp-x24), var(--mp-x25));
  transform: scale(0.95);
  border-color: color-mix(in srgb, var(--mp-x00), transparent 70%);}#mpScreen[data-route="pages/index/index"] .lang-badge .badge-text{
  color: var(--mp-x26);
  font-weight: 600;}#mpScreen[data-route="pages/index/index"] .publish-entry{
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-bHi));
  border-radius: 22px;
  padding: 8px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  border: none;
  box-sizing: border-box;
  box-shadow: 0 2px 10px color-mix(in srgb, var(--mp-b2), transparent 65%);
  position: relative;
  overflow: hidden;}#mpScreen[data-route="pages/index/index"] .publish-entry:active{
  transform: scale(0.94);
  box-shadow: 0 1px 4px color-mix(in srgb, var(--mp-b2), transparent 75%);
  background: linear-gradient(135deg, var(--mp-b1), var(--mp-b2));}#mpScreen[data-route="pages/index/index"] .publish-entry-text{
  font-size: 13px;
  font-weight: 700;
  color: var(--mp-inkOn);
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  letter-spacing: 0.01em;
  text-shadow: 0 1px 2px color-mix(in srgb, var(--mp-n00), transparent 90%);}

/* ========== 区域标题 ========== */#mpScreen[data-route="pages/index/index"] .section-header{
  display: flex;
  flex-direction: column;
  padding: 6px 0 10px;}#mpScreen[data-route="pages/index/index"] .section-title{
  font-size: 22px;
  font-weight: 700;
  color: var(--mp-ink1);
  margin-bottom: 1px;
  letter-spacing: 0.05em;
  line-height: 1.15;
  display: flex;
  align-items: center;
  white-space: nowrap;
  word-spacing: 6px;}#mpScreen[data-route="pages/index/index"] .section-subtitle{
  font-size: 13px;
  color: var(--mp-n60);
  font-weight: 400;
  letter-spacing: -0.01em;
  line-height: 1.2;
  white-space: nowrap;}

/* ========== 宠物卡片列表 ========== */#mpScreen[data-route="pages/index/index"] .pet-list{
  padding: 0;}#mpScreen[data-route="pages/index/index"] .pet-card{
  background-color: var(--mp-n100);
  border-radius: 22px;
  padding: 18px 18px;
  margin-bottom: 16px;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--mp-n00), transparent 92%), 0 2px 6px color-mix(in srgb, var(--mp-n00), transparent 96%);
  box-sizing: border-box;
  border: 0.5px solid color-mix(in srgb, var(--mp-n00), transparent 95%);
  width: 100%;
  overflow: hidden;
  transition: transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 0.2s ease;
  position: relative;}#mpScreen[data-route="pages/index/index"] .pet-card:active{
  transform: translateY(-2px);
  box-shadow: 0 6px 16px color-mix(in srgb, var(--mp-n00), transparent 88%), 0 3px 8px color-mix(in srgb, var(--mp-n00), transparent 94%);}

/* 旧的全局卡片顶部边框规则已移除，三种功能卡片分别使用各自的趣味主题样式：
   - waiting-fun-card: 蓝色主题
   - my-favorite-fun-card: 粉色主题
   - my-publish-fun-card: 橙色主题
*/

/* emoji边框装饰容器 */#mpScreen[data-route="pages/index/index"] .pet-card-emoji-border{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
  overflow: visible;}#mpScreen[data-route="pages/index/index"] .pet-card-emoji-dot{
  position: absolute;
  font-size: 20px;
  line-height: 1;
  z-index: 1;}#mpScreen[data-route="pages/index/index"] .pet-card-emoji-dot.dot-tl{
  top: -10px;
  left: -6px;}#mpScreen[data-route="pages/index/index"] .pet-card-emoji-dot.dot-tr{
  top: -10px;
  right: -6px;}#mpScreen[data-route="pages/index/index"] .pet-card-emoji-dot.dot-bl{
  bottom: -10px;
  left: -6px;}#mpScreen[data-route="pages/index/index"] .pet-card-emoji-dot.dot-br{
  bottom: -10px;
  right: -6px;}#mpScreen[data-route="pages/index/index"] .pet-card-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;}#mpScreen[data-route="pages/index/index"] .pet-type-tag{
  border-radius: 12px;
  padding: 8px 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--mp-n96);
  transition: all 0.2s ease;}#mpScreen[data-route="pages/index/index"] .pet-type-text{
  font-size: 12px;
  font-weight: 600;
  color: var(--mp-ink1);
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .pet-gender{
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  flex-shrink: 0;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  align-self: center;}#mpScreen[data-route="pages/index/index"] .pet-gender-male{
  color: var(--mp-x27);}#mpScreen[data-route="pages/index/index"] .pet-gender-female{
  color: var(--mp-x16);}#mpScreen[data-route="pages/index/index"] .pet-name{
  font-size: 19px;
  font-weight: 700;
  color: var(--mp-ink1);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  letter-spacing: -0.025em;
  line-height: 1.3;
  white-space: nowrap;
  text-align: center;}#mpScreen[data-route="pages/index/index"] .pet-info-row{
  display: flex;
  align-items: baseline;
  margin-bottom: 6px;
  padding: 1px 0;}#mpScreen[data-route="pages/index/index"] .pet-info-label{
  font-size: 13px;
  color: var(--mp-n60);
  width: 52px;
  flex-shrink: 0;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.005em;
  display: flex;
  align-items: center;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .pet-info-value{
  font-size: 14px;
  color: var(--mp-ink2);
  flex: 1;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.005em;
  word-break: break-all;
  overflow-wrap: break-word;}#mpScreen[data-route="pages/index/index"] .pet-card-footer{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--mp-line1);}#mpScreen[data-route="pages/index/index"] .publisher-info{
  display: flex;
  flex-direction: column;}#mpScreen[data-route="pages/index/index"] .publisher-label{
  font-size: 13px;
  color: var(--mp-n60);
  font-weight: 500;
  margin-bottom: 2px;
  letter-spacing: -0.005em;
  display: flex;
  align-items: center;
  white-space: nowrap;
  text-align: center;}#mpScreen[data-route="pages/index/index"] .publish-time{
  font-size: 11px;
  color: var(--mp-n68);
  font-weight: 400;
  letter-spacing: -0.005em;
  display: flex;
  align-items: center;
  white-space: nowrap;
  text-align: center;}#mpScreen[data-route="pages/index/index"] .contact-btn{
  background: var(--mp-n08);
  border-radius: 22px;
  padding: 9px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.15s ease, opacity 0.15s ease;}#mpScreen[data-route="pages/index/index"] .contact-btn-text{
  font-size: 14px;
  font-weight: 600;
  color: var(--mp-inkOn);
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .adopted-btn{
  background: linear-gradient(135deg, var(--mp-b1), var(--mp-bDeep));
  border-radius: calc(24 * var(--mprpx));
  padding: 0 calc(12 * var(--mprpx));
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  box-sizing: border-box;
  transition: all 0.2s ease;
  flex-shrink: 1;
  flex-grow: 0;
  min-width: 0;
  overflow: hidden;
  box-shadow: 0 calc(4 * var(--mprpx)) calc(16 * var(--mprpx)) color-mix(in srgb, var(--mp-bDeep), transparent 50%);
  height: calc(52 * var(--mprpx));
  position: relative;
  z-index: 10;
  opacity: 1 !important;
  filter: brightness(1.05);}#mpScreen[data-route="pages/index/index"] .adopted-btn:active{
  transform: scale(0.96);
  opacity: 0.88;}#mpScreen[data-route="pages/index/index"] .adopted-btn-text{
  font-size: calc(26 * var(--mprpx));
  font-weight: 700;
  color: var(--mp-inkOn);
  line-height: 1;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  letter-spacing: 0.01em;
  text-shadow: 0 calc(2 * var(--mprpx)) calc(4 * var(--mprpx)) color-mix(in srgb, var(--mp-n00), transparent 90%);
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;}#mpScreen[data-route="pages/index/index"] .edit-btn{
  background: linear-gradient(135deg, var(--mp-n18), var(--mp-n28));
  border-radius: calc(24 * var(--mprpx));
  padding: 0 calc(12 * var(--mprpx));
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  max-width: 38%;
  overflow: hidden;
  flex-shrink: 1;
  flex-grow: 0;
  min-width: 0;
  box-sizing: border-box;
  height: calc(52 * var(--mprpx));
  box-shadow: 0 calc(5 * var(--mprpx)) calc(14 * var(--mprpx)) color-mix(in srgb, var(--mp-n00), transparent 82%);}#mpScreen[data-route="pages/index/index"] .edit-btn:active{
  transform: scale(0.96);
  opacity: 0.88;}#mpScreen[data-route="pages/index/index"] .edit-btn-text{
  font-size: calc(26 * var(--mprpx));
  font-weight: 700;
  color: var(--mp-inkOn);
  line-height: 1;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  letter-spacing: 0.01em;}

/* 卡片底部操作区：两按钮上下摆放、右对齐且等宽；窄屏时随卡片收缩、文字省略，不溢出卡片 */#mpScreen[data-route="pages/index/index"] .footer-actions{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 6px;
  flex: 0 0 auto;
  min-width: 0;
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .footer-actions .adopted-btn,
#mpScreen[data-route="pages/index/index"] .footer-actions .edit-btn{
  flex: 0 1 auto;
  width: 96px;
  min-width: 0;
  max-width: 100%;
  height: 30px;
  padding: 0 10px;
  border-radius: 15px;
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .footer-actions .adopted-btn-text,
#mpScreen[data-route="pages/index/index"] .footer-actions .edit-btn-text{
  font-size: 12px;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;}

/* ========== 互动按钮样式 ========== */#mpScreen[data-route="pages/index/index"] .card-interact-btns{
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .interact-btn{
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 96%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;}#mpScreen[data-route="pages/index/index"] .interact-btn:active{
  transform: scale(0.9);
  background-color: color-mix(in srgb, var(--mp-n00), transparent 92%);}#mpScreen[data-route="pages/index/index"] .interact-btn-text{
  font-size: 16px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .not-interested-btn:active{
  background-color: color-mix(in srgb, var(--mp-n00), transparent 88%);}#mpScreen[data-route="pages/index/index"] .follow-btn:active{
  background-color: color-mix(in srgb, var(--mp-x28), transparent 90%);}#mpScreen[data-route="pages/index/index"] .favorited-btn{
  background-color: color-mix(in srgb, var(--mp-x13), transparent 90%);}#mpScreen[data-route="pages/index/index"] .favorited-btn:active{
  background-color: color-mix(in srgb, var(--mp-x13), transparent 80%);}

/* ========== 空状态 ========== */#mpScreen[data-route="pages/index/index"] .empty-my{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 80px 0;}#mpScreen[data-route="pages/index/index"] .empty-icon{
  font-size: 72px;
  margin-bottom: 16px;
  line-height: 1;
  filter: drop-shadow(0 2px 4px color-mix(in srgb, var(--mp-n00), transparent 94%));}#mpScreen[data-route="pages/index/index"] .empty-text{
  font-size: 17px;
  color: var(--mp-n60);
  margin-bottom: 6px;
  font-weight: 500;
  letter-spacing: -0.015em;}#mpScreen[data-route="pages/index/index"] .empty-hint{
  font-size: 13px;
  color: var(--mp-n68);
  font-weight: 400;
  letter-spacing: -0.005em;}

/* 坐等被领养的空状态：换成一张毛玻璃卡，配浮动的放大镜、绕圈的虚线环和一排探头的小动物 */#mpScreen[data-route="pages/index/index"] .empty-pet{
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 320px;
  padding: 20px 0 26px;}#mpScreen[data-route="pages/index/index"] .empty-card{
  position: relative;
  width: 100%;
  max-width: 372px;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding: 28px 22px 24px;
  border-radius: 26px;
  background: linear-gradient(165deg, color-mix(in srgb, var(--mp-n100), transparent 16%) 0%, color-mix(in srgb, var(--mp-n100), transparent 38%) 100%);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: 1px solid color-mix(in srgb, var(--mp-line4), transparent 8%);
  box-shadow: 0 14px 36px color-mix(in srgb, var(--mp-b2), transparent 85%), 0 2px 8px color-mix(in srgb, var(--mp-w20), transparent 95%);
  animation: emptyCardIn 0.42s cubic-bezier(0.22, 1.12, 0.36, 1);}

@keyframes emptyCardIn {
  0% { opacity: 0; transform: translateY(16px) scale(0.94); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}#mpScreen[data-route="pages/index/index"] .empty-card-paw{
  position: absolute;
  line-height: 1;
  opacity: 0.26;}#mpScreen[data-route="pages/index/index"] .empty-card-paw-a{ top: 17px; left: 19px; font-size: 15px; transform: rotate(-18deg);}#mpScreen[data-route="pages/index/index"] .empty-card-paw-b{ top: 23px; right: 21px; font-size: 13px; transform: rotate(16deg);}#mpScreen[data-route="pages/index/index"] .empty-card-paw-c{ bottom: 22px; left: 27px; font-size: 12px; transform: rotate(8deg); opacity: 0.18;}#mpScreen[data-route="pages/index/index"] .empty-card-paw-d{ bottom: 26px; right: 24px; font-size: 14px; transform: rotate(-12deg); opacity: 0.2;}#mpScreen[data-route="pages/index/index"] .empty-card-orb{
  position: relative;
  width: 84px;
  height: 84px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  background: radial-gradient(circle at 32% 28%, var(--mp-n100) 0%, var(--mp-w92) 54%, var(--mp-w92) 100%);
  box-shadow: 0 8px 22px color-mix(in srgb, var(--mp-b2), transparent 76%), inset 0 0 0 1px color-mix(in srgb, var(--mp-n100), transparent 10%);
  animation: emptyOrbFloat 3.4s ease-in-out infinite;}#mpScreen[data-route="pages/index/index"] .empty-card-orb-emoji{
  font-size: 36px;
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .empty-card-orb-ring{
  position: absolute;
  top: -8px;
  left: -8px;
  right: -8px;
  bottom: -8px;
  border-radius: 50%;
  border: 1.5px dashed color-mix(in srgb, var(--mp-b2), transparent 68%);
  animation: emptyRingSpin 16s linear infinite;}

@keyframes emptyOrbFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}

@keyframes emptyRingSpin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}#mpScreen[data-route="pages/index/index"] .empty-pet .empty-text{
  color: var(--mp-cDeep);
  margin-bottom: 7px;}#mpScreen[data-route="pages/index/index"] .empty-pet .empty-hint{
  color: var(--mp-w42);
  margin-bottom: 18px;}#mpScreen[data-route="pages/index/index"] .empty-card-animals{
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 20px;}#mpScreen[data-route="pages/index/index"] .empty-card-animal{
  font-size: 19px;
  line-height: 1;
  opacity: 0.55;
  margin: 0 5px;
  animation: emptyAnimalPeek 2.6s ease-in-out infinite;}#mpScreen[data-route="pages/index/index"] .empty-card-animal-b{ animation-delay: 0.22s;}#mpScreen[data-route="pages/index/index"] .empty-card-animal-c{ animation-delay: 0.44s;}#mpScreen[data-route="pages/index/index"] .empty-card-animal-d{ animation-delay: 0.66s;}#mpScreen[data-route="pages/index/index"] .empty-card-animal-e{ animation-delay: 0.88s;}

@keyframes emptyAnimalPeek {
  0%, 100% { transform: translateY(0); opacity: 0.42; }
  45% { transform: translateY(-5px); opacity: 0.66; }
}#mpScreen[data-route="pages/index/index"] .empty-clear-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  padding: 0 24px;
  border-radius: 21px;
  background: linear-gradient(135deg, var(--mp-bGlow) 0%, var(--mp-b2) 54%, var(--mp-b1) 100%);
  box-shadow: 0 7px 18px color-mix(in srgb, var(--mp-b1), transparent 70%);
  transition: transform 0.16s cubic-bezier(0.22, 1.12, 0.36, 1), box-shadow 0.16s ease;}#mpScreen[data-route="pages/index/index"] .empty-clear-btn:active{
  transform: scale(0.95);
  box-shadow: 0 3px 10px color-mix(in srgb, var(--mp-b1), transparent 74%);}#mpScreen[data-route="pages/index/index"] .empty-clear-icon{
  font-size: 16px;
  line-height: 1;
  margin-right: 7px;}#mpScreen[data-route="pages/index/index"] .empty-clear-text{
  font-size: 14px;
  font-weight: 600;
  color: var(--mp-inkOn);
  letter-spacing: 0.01em;}

/* ========== 底部导航：暖橙毛玻璃悬浮胶囊 + 弹性滑动光带 ========== */
/* 安全区只能让一次：base.css 里那条 margin-bottom 已经把整颗胶囊抬到手机横条上方，
   这里再往 padding 里加 env() 就会在胶囊底下多出一条 34px 的空带。 */#mpScreen[data-route="pages/index/index"] .bottom-nav{
  position: relative;
  display: flex;
  align-items: stretch;
  align-self: center;
  width: calc(100% - 20px);
  max-width: 460px;
  box-sizing: border-box;
  margin: 0 0 10px;
  padding: 8px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--mp-n100), transparent 4%), color-mix(in srgb, var(--mp-w96), transparent 8%));
  border: 1px solid color-mix(in srgb, var(--mp-b2), transparent 80%);
  border-radius: 26px;
  box-shadow: 0 8px 24px color-mix(in srgb, var(--mp-b2), transparent 84%), 0 2px 8px color-mix(in srgb, var(--mp-n00), transparent 95%), inset 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 10%);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  overflow: hidden;
  flex-shrink: 0;
  transition: background-color 0.3s ease;}

/* 缓缓扫过的一缕高光，让底栏有"活着"的呼吸感 */#mpScreen[data-route="pages/index/index"] .nav-glow{
  position: absolute;
  top: 0;
  bottom: 0;
  left: -45%;
  width: 45%;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--mp-n100), transparent 40%), transparent);
  pointer-events: none;
  animation: navGlowSweep 7.5s cubic-bezier(0.45, 0, 0.55, 1) infinite;
  z-index: 0;}

@keyframes navGlowSweep {
  0%, 62% { transform: translateX(0); }
  100% { transform: translateX(322%); }
}#mpScreen[data-route="pages/index/index"] .nav-thumb{
  position: absolute;
  top: 8px;
  left: 8px;
  bottom: 8px;
  width: calc((100% - 16px) / 3);
  border-radius: 20px;
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-bHi));
  box-shadow: 0 4px 14px color-mix(in srgb, var(--mp-b2), transparent 60%), inset 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 50%);
  transform: translateX(0);
  transition: transform 0.46s cubic-bezier(0.34, 1.48, 0.5, 1);
  will-change: transform;
  pointer-events: none;
  z-index: 1;}#mpScreen[data-route="pages/index/index"] .nav-count-2 .nav-thumb{
  width: calc((100% - 16px) / 2);}#mpScreen[data-route="pages/index/index"] .nav-count-4 .nav-thumb{
  width: calc((100% - 16px) / 4);}#mpScreen[data-route="pages/index/index"] .nav-active-waiting .nav-thumb{
  transform: translateX(100%);}#mpScreen[data-route="pages/index/index"] .nav-active-nation .nav-thumb{
  transform: translateX(200%);}#mpScreen[data-route="pages/index/index"] .nav-active-messages .nav-thumb{
  transform: translateX(300%);}#mpScreen[data-route="pages/index/index"] .nav-thumb-spark{
  position: absolute;
  top: 2px;
  right: 5px;
  font-size: 9px;
  line-height: 1;
  opacity: 0.9;
  animation: navSparkTwinkle 2.6s ease-in-out infinite;}

@keyframes navSparkTwinkle {
  0%, 100% { transform: scale(0.7) rotate(-12deg); opacity: 0.55; }
  50% { transform: scale(1.1) rotate(10deg); opacity: 1; }
}#mpScreen[data-route="pages/index/index"] .nav-item{
  flex: 1;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 6px 0;
  margin: 0;
  border-radius: 20px;
  min-width: 0;
  transition: transform 0.26s cubic-bezier(0.34, 1.48, 0.5, 1);}#mpScreen[data-route="pages/index/index"] .nav-item:active{
  transform: scale(0.92);}#mpScreen[data-route="pages/index/index"] .nav-icon{
  font-size: 26px;
  margin-bottom: 2px;
  line-height: 1;
  transition: filter 0.24s ease;
  filter: grayscale(0.28) opacity(0.78);}#mpScreen[data-route="pages/index/index"] .nav-item.active .nav-icon{
  filter: none;
  animation: navIconPop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);}

@keyframes navIconPop {
  0% { transform: translateY(0) scale(1); }
  32% { transform: translateY(-5px) scale(1.22); }
  62% { transform: translateY(1px) scale(0.95); }
  100% { transform: translateY(0) scale(1); }
}#mpScreen[data-route="pages/index/index"] .nav-label{
  font-size: 11px;
  font-weight: 600;
  color: var(--mp-n60);
  letter-spacing: -0.01em;
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  transition: color 0.26s ease;}#mpScreen[data-route="pages/index/index"] .nav-item.active .nav-label{
  color: var(--mp-inkOn);
  text-shadow: 0 1px 3px color-mix(in srgb, var(--mp-bDark), transparent 65%);}

/* ========== 发布/编辑面板 ========== */#mpScreen[data-route="pages/index/index"] .publish-overlay{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 900;
  display: flex;
  align-items: flex-end;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .overlay-mask{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 55%);}#mpScreen[data-route="pages/index/index"] .publish-panel{
  position: relative;
  background-color: var(--mp-n100);
  border-radius: 32px 32px 0 0;
  width: 100%;
  max-width: calc(100 * var(--mpvw));
  height: calc(85 * var(--mpvh));
  max-height: calc(85 * var(--mpvh));
  display: flex;
  flex-direction: column;
  box-shadow: 0 -8px 32px color-mix(in srgb, var(--mp-n00), transparent 90%), 0 -1px 3px color-mix(in srgb, var(--mp-n00), transparent 96%), 0 -3px 0 0 var(--mp-w92);
  box-sizing: border-box;
  overflow: hidden;
  transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);}#mpScreen[data-route="pages/index/index"] .panel-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px 16px;
  border-bottom: 1px solid var(--mp-line1);
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .panel-header-left{
  display: flex;
  align-items: center;
  gap: 10px;}

/* 修改面板没有模板箱按钮，用等高占位保证两个面板标题居中位置一致 */#mpScreen[data-route="pages/index/index"] .panel-header-spacer{
  width: 36px;
  height: 36px;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .panel-fullscreen-toggle{
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--mp-x29);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .fullscreen-toggle-icon{
  font-size: 18px;
  line-height: 1;}

/* 模板收集箱按钮 */#mpScreen[data-route="pages/index/index"] .template-box-btn{
  position: relative;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--mp-w92);
  cursor: pointer;
  border: 1px solid var(--mp-w84);
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .template-box-icon{
  font-size: 18px;}#mpScreen[data-route="pages/index/index"] .template-box-badge{
  position: absolute;
  top: -4px;
  right: -4px;
  background: var(--mp-b1);
  color: var(--mp-inkOn);
  font-size: 10px;
  min-width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  border-radius: 8px;
  padding: 0 4px;}#mpScreen[data-route="pages/index/index"] .panel-fullscreen{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  border-radius: 0 !important;
  z-index: 1001 !important;}#mpScreen[data-route="pages/index/index"] .panel-fullscreen .panel-header{
  border-radius: 0 !important;
  padding-top: 24px !important;}#mpScreen[data-route="pages/index/index"] .panel-fullscreen .panel-body{
  max-height: none !important;
  flex: 1 !important;}#mpScreen[data-route="pages/index/index"] .panel-title{
  font-size: 17px;
  font-weight: 700;
  color: var(--mp-ink1);
  letter-spacing: -0.025em;
  line-height: 1.3;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .panel-close{
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--mp-n96);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.15s ease;}#mpScreen[data-route="pages/index/index"] .close-icon{
  font-size: 16px;
  color: var(--mp-n60);
  font-weight: 600;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .panel-body{
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 20px 24px;
  width: 100%;
  box-sizing: border-box;
  min-height: 0;}#mpScreen[data-route="pages/index/index"] .panel-footer{
  padding: 12px 16px;
  padding-bottom: calc(12px + env(safe-area-inset-bottom));
  border-top: 1px solid var(--mp-line1);
  flex-shrink: 0;
  background-color: var(--mp-n100);
  z-index: 10;
  width: 100%;
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .footer-btn-row{
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  flex-wrap: nowrap;
  padding: 0;}

/* 保存模板按钮 */#mpScreen[data-route="pages/index/index"] .save-template-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 0 8px;
  height: 48px;
  border-radius: 24px;
  background: linear-gradient(135deg, var(--mp-w92), var(--mp-w84));
  border: 1px solid var(--mp-cPale);
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  max-width: 100px;
  box-sizing: border-box;
  overflow: hidden;}#mpScreen[data-route="pages/index/index"] .save-template-btn::after{
  border: none;}#mpScreen[data-route="pages/index/index"] .save-template-icon{
  font-size: 18px;}#mpScreen[data-route="pages/index/index"] .save-template-text{
  font-size: 12px;
  font-weight: 600;
  color: var(--mp-bRich);
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;}

/* ========== 表单 ========== */#mpScreen[data-route="pages/index/index"] .form-group{
  margin-bottom: 18px;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;}#mpScreen[data-route="pages/index/index"] .form-label{
  font-size: 14px;
  font-weight: 600;
  color: var(--mp-ink1);
  margin-bottom: 8px;
  display: block;
  letter-spacing: -0.015em;
  line-height: 1.4;}#mpScreen[data-route="pages/index/index"] .required{
  color: var(--mp-x30);
  font-weight: 700;}#mpScreen[data-route="pages/index/index"] .form-input{
  width: 100%;
  max-width: 100%;
  height: 46px;
  background-color: var(--mp-n96);
  border-radius: 14px;
  padding: 0 16px;
  font-size: 15px;
  color: var(--mp-ink2);
  box-sizing: border-box;
  border: 0.5px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  font-weight: 400;
  letter-spacing: -0.01em;
  transition: border-color 0.15s ease, background-color 0.15s ease;}#mpScreen[data-route="pages/index/index"] .form-textarea{
  width: 100%;
  max-width: 100%;
  height: 84px;
  background-color: var(--mp-n96);
  border-radius: 14px;
  padding: 12px 16px;
  font-size: 15px;
  color: var(--mp-ink2);
  box-sizing: border-box;
  border: 0.5px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  font-weight: 400;
  letter-spacing: -0.01em;
  transition: border-color 0.15s ease;}#mpScreen[data-route="pages/index/index"] .type-selector{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .type-option{
  flex: 1;
  height: 46px;
  background-color: var(--mp-n96);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid color-mix(in srgb, var(--mp-n00), transparent 96%);
  box-sizing: border-box;
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);}#mpScreen[data-route="pages/index/index"] .type-option.selected{
  border-color: var(--mp-n08);
  background-color: var(--mp-n96);}#mpScreen[data-route="pages/index/index"] .type-option-text{
  font-size: 14px;
  font-weight: 600;
  color: var(--mp-n60);
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .type-option.selected .type-option-text{
  color: var(--mp-ink1);}#mpScreen[data-route="pages/index/index"] .form-tip{
  background-color: var(--mp-n96);
  border-radius: 14px;
  padding: 12px 16px;
  margin-top: 8px;
  border: 0.5px solid color-mix(in srgb, var(--mp-n00), transparent 96%);
  transition: background-color 0.2s ease;}#mpScreen[data-route="pages/index/index"] .tip-text{
  font-size: 13px;
  color: var(--mp-n60);
  font-weight: 500;
  letter-spacing: -0.005em;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .submit-btn{
  flex: 1;
  min-width: 0;
  width: 0;
  height: 48px;
  background: var(--mp-n08);
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  color: var(--mp-inkOn);
  border: none;
  box-sizing: border-box;
  letter-spacing: -0.015em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 10px;
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  flex-shrink: 1;}#mpScreen[data-route="pages/index/index"] .submit-btn::after{
  border: none;}

/* ========== 编辑面板确认修改按钮美化 ========== */#mpScreen[data-route="pages/index/index"] .edit-submit-btn{
  background: linear-gradient(135deg, var(--mp-x31), var(--mp-x32));
  box-shadow: 0 4px 16px color-mix(in srgb, var(--mp-x31), transparent 65%);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);}#mpScreen[data-route="pages/index/index"] .edit-submit-btn:active{
  transform: scale(0.96);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--mp-x31), transparent 75%);
  background: linear-gradient(135deg, var(--mp-x32), var(--mp-x33));}#mpScreen[data-route="pages/index/index"] .edit-submit-btn-icon{
  font-size: 18px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .edit-submit-btn-text{
  font-size: 15px;
  font-weight: 700;
  color: var(--mp-inkOn);
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  letter-spacing: 0.02em;}

/* 面板顶部装饰 */#mpScreen[data-route="pages/index/index"] .gt-panel-top-deco{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 12px 0 0 0;
  overflow: hidden;}#mpScreen[data-route="pages/index/index"] .gt-panel-deco-emoji{
  font-size: 20px;
  line-height: 1;
  animation: decoFloat 2.5s ease-in-out infinite;}#mpScreen[data-route="pages/index/index"] .gt-panel-deco-emoji.deco-float-1{ animation-delay: 0s;}#mpScreen[data-route="pages/index/index"] .gt-panel-deco-emoji.deco-float-2{ animation-delay: 0.3s;}#mpScreen[data-route="pages/index/index"] .gt-panel-deco-emoji.deco-float-3{ animation-delay: 0.6s;}#mpScreen[data-route="pages/index/index"] .gt-panel-deco-emoji.deco-float-4{ animation-delay: 0.9s;}#mpScreen[data-route="pages/index/index"] .gt-panel-deco-emoji.deco-float-5{ animation-delay: 1.2s;}

@keyframes decoFloat {
  0%, 100% { transform: translateY(0px) scale(1); }
  50% { transform: translateY(-6px) scale(1.1); }
}

/* 面板底部装饰 */#mpScreen[data-route="pages/index/index"] .gt-panel-bottom-deco{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 8px 0 12px 0;
  opacity: 0.6;}#mpScreen[data-route="pages/index/index"] .gt-panel-bottom-deco .gt-panel-deco-emoji{
  font-size: 16px;
  animation: none;}

/* 面板标题行 */#mpScreen[data-route="pages/index/index"] .gt-panel-title-row{
  display: flex;
  align-items: center;
  gap: 6px;}#mpScreen[data-route="pages/index/index"] .gt-panel-title-emoji{
  font-size: 22px;
  line-height: 1;}

/* 面板副标题 */#mpScreen[data-route="pages/index/index"] .gt-panel-subtitle-row{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 24px 6px 24px;}#mpScreen[data-route="pages/index/index"] .gt-panel-subtitle-dot{
  font-size: 14px;
  opacity: 0.7;}#mpScreen[data-route="pages/index/index"] .gt-panel-subtitle{
  font-size: 13px;
  color: var(--mp-n60);
  font-weight: 400;
  letter-spacing: -0.005em;}

/* 守护人版本卡片 emoji 花边装饰 */#mpScreen[data-route="pages/index/index"] .gt-card-emoji-border{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
  overflow: visible;}#mpScreen[data-route="pages/index/index"] .gt-card-emoji-dot{
  position: absolute;
  font-size: 24px;
  line-height: 1;
  z-index: 1;
  opacity: 0.8;
  transition: transform 0.3s ease, opacity 0.3s ease;}#mpScreen[data-route="pages/index/index"] .gt-card-emoji-dot.dot-tl{ top: -12px; left: -10px;}#mpScreen[data-route="pages/index/index"] .gt-card-emoji-dot.dot-tr{ top: -12px; right: -10px;}#mpScreen[data-route="pages/index/index"] .gt-card-emoji-dot.dot-bl{ bottom: -12px; left: -10px;}#mpScreen[data-route="pages/index/index"] .gt-card-emoji-dot.dot-br{ bottom: -12px; right: -10px;}#mpScreen[data-route="pages/index/index"] .gt-card-emoji-dot.dot-tm{ top: -14px; left: 50%; transform: translateX(-50%);}#mpScreen[data-route="pages/index/index"] .gt-card-emoji-dot.dot-bm{ bottom: -14px; left: 50%; transform: translateX(-50%);}

/* 卡片丝带标签 */#mpScreen[data-route="pages/index/index"] .gt-card-ribbon{
  position: absolute;
  top: 14px;
  right: -8px;
  z-index: 2;
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-b1));
  color: var(--mp-inkOn);
  padding: 4px 16px 4px 12px;
  border-radius: 20px 4px 4px 20px;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--mp-b1), transparent 70%);}#mpScreen[data-route="pages/index/index"] .gt-card-ribbon.personal-ribbon{
  background: linear-gradient(135deg, var(--mp-x34), var(--mp-x35));
  box-shadow: 0 2px 8px color-mix(in srgb, var(--mp-x34), transparent 70%);}#mpScreen[data-route="pages/index/index"] .gt-card-ribbon-text{
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.02em;}

/* 卡片图标包裹 */#mpScreen[data-route="pages/index/index"] .gt-card-icon-wrap{
  width: 52px;
  height: 52px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  flex-shrink: 0;}

/* 守护人版本卡片标题行 */#mpScreen[data-route="pages/index/index"] .gt-card-title-row{
  display: flex;
  align-items: center;
  gap: 8px;}#mpScreen[data-route="pages/index/index"] .gt-card-badge{
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-b1));
  color: var(--mp-inkOn);
  font-size: 10px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 10px;
  line-height: 1.4;
  white-space: nowrap;
  box-shadow: 0 2px 6px color-mix(in srgb, var(--mp-b1), transparent 75%);}#mpScreen[data-route="pages/index/index"] .gt-card-badge.personal-badge{
  background: linear-gradient(135deg, var(--mp-x34), var(--mp-x35));
  box-shadow: 0 2px 6px color-mix(in srgb, var(--mp-x34), transparent 80%);}

/* 守护人版本卡片特性行 */#mpScreen[data-route="pages/index/index"] .gt-feature{
  display: flex;
  align-items: center;
  gap: 8px;}#mpScreen[data-route="pages/index/index"] .gt-feature-emoji{
  font-size: 18px;
  line-height: 1;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;}#mpScreen[data-route="pages/index/index"] .gt-feature-text{
  font-size: 14px;
  color: var(--mp-ink2);
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: -0.01em;}#mpScreen[data-route="pages/index/index"] .gt-feature-highlight{
  color: var(--mp-x05);
  font-weight: 700;}#mpScreen[data-route="pages/index/index"] .gt-feature-sub{
  color: var(--mp-n60);
  font-size: 12px;}#mpScreen[data-route="pages/index/index"] .gt-card-header{
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  position: relative;
  z-index: 1;}#mpScreen[data-route="pages/index/index"] .gt-card-icon{
  font-size: 28px;
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .gt-card-title{
  font-size: 20px;
  font-weight: 700;
  color: var(--mp-ink1);
  letter-spacing: -0.025em;
  line-height: 1.3;}#mpScreen[data-route="pages/index/index"] .gt-card-features{
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
  position: relative;
  z-index: 1;}#mpScreen[data-route="pages/index/index"] .gt-card-footer{
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 14px;
  border-top: 1.5px dashed color-mix(in srgb, var(--mp-n00), transparent 92%);
  position: relative;
  z-index: 1;}#mpScreen[data-route="pages/index/index"] .gt-card-footer-inner{
  display: flex;
  align-items: baseline;
  gap: 10px;}#mpScreen[data-route="pages/index/index"] .gt-price-row{
  display: flex;
  align-items: baseline;
  gap: 2px;}#mpScreen[data-route="pages/index/index"] .gt-price-symbol{
  font-size: 16px;
  font-weight: 700;
  color: var(--mp-x05);
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .gt-price{
  font-size: 26px;
  font-weight: 800;
  color: var(--mp-ink1);
  letter-spacing: -0.03em;
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .collective-card .gt-price{
  color: var(--mp-x05);}#mpScreen[data-route="pages/index/index"] .personal-card .gt-price.personal-price{
  font-size: 22px;
  color: var(--mp-x36);
  font-weight: 700;}#mpScreen[data-route="pages/index/index"] .gt-price-label{
  font-size: 13px;
  color: var(--mp-n60);
  font-weight: 400;
  letter-spacing: -0.005em;}

/* ========== 疫苗日期区域样式 ========== */#mpScreen[data-route="pages/index/index"] .vaccine-dates-section{
  width: 100%;
  box-sizing: border-box;
  margin-top: 4px;}#mpScreen[data-route="pages/index/index"] .vaccine-count-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: linear-gradient(135deg, var(--mp-n100), var(--mp-w96));
  border-radius: 16px;
  margin-bottom: 12px;}#mpScreen[data-route="pages/index/index"] .vaccine-count-label{
  font-size: 15px;
  font-weight: 600;
  color: var(--mp-ink1);}#mpScreen[data-route="pages/index/index"] .vaccine-count-stepper{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  background: var(--mp-n100);
  border-radius: 20px;
  padding: 4px 8px;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--mp-n00), transparent 94%);}#mpScreen[data-route="pages/index/index"] .vaccine-count-btn{
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-b1));
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.15s ease;}#mpScreen[data-route="pages/index/index"] .vaccine-count-btn:active{
  transform: scale(0.92);}#mpScreen[data-route="pages/index/index"] .vaccine-count-btn.disabled{
  background: var(--mp-n91);
  opacity: 0.5;}#mpScreen[data-route="pages/index/index"] .vaccine-count-btn-text{
  font-size: 20px;
  font-weight: 700;
  color: var(--mp-inkOn);
  line-height: 1;
  margin-top: -2px;}#mpScreen[data-route="pages/index/index"] .vaccine-count-value{
  font-size: 18px;
  font-weight: 700;
  color: var(--mp-ink1);
  min-width: 24px;
  text-align: center;}#mpScreen[data-route="pages/index/index"] .vaccine-date-list{
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .vaccine-date-item{
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px 14px;
  background: var(--mp-n100);
  border: 1px solid var(--mp-line1);
  border-radius: 16px;
  box-sizing: border-box;
  transition: all 0.2s ease;}#mpScreen[data-route="pages/index/index"] .vaccine-date-item:active{
  transform: scale(0.98);
  border-color: var(--mp-w84);}#mpScreen[data-route="pages/index/index"] .vaccine-date-item-label{
  font-size: 14px;
  font-weight: 700;
  color: var(--mp-b1);
  background: linear-gradient(135deg, var(--mp-w92), var(--mp-w84));
  border-radius: 10px;
  padding: 6px 10px;
  line-height: 1;
  white-space: nowrap;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .vaccine-date-picker{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  flex: 1;
  min-width: 140px;
  height: 42px;
  background-color: var(--mp-n100);
  border-radius: 12px;
  padding: 0 12px;
  box-sizing: border-box;
  border: 1px solid color-mix(in srgb, var(--mp-n00), transparent 96%);}#mpScreen[data-route="pages/index/index"] .vaccine-date-picker-text{
  font-size: 14px;
  font-weight: 600;
  color: var(--mp-ink1);
  flex: 1;}#mpScreen[data-route="pages/index/index"] .vaccine-date-picker-placeholder{
  font-size: 13px;
  color: var(--mp-n60);
  flex: 1;}#mpScreen[data-route="pages/index/index"] .vaccine-date-picker-arrow{
  font-size: 16px;
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .rabies-checkbox{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  padding: 8px 10px;
  background: linear-gradient(135deg, var(--mp-n96), var(--mp-n91));
  border-radius: 12px;
  border: 2px solid transparent;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  white-space: nowrap;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .rabies-checkbox.rabies-checked{
  background: linear-gradient(135deg, var(--mp-x37), var(--mp-x38));
  border-color: var(--mp-x39);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mp-x40), transparent 90%);}#mpScreen[data-route="pages/index/index"] .rabies-checkbox:active{
  transform: scale(0.94);}#mpScreen[data-route="pages/index/index"] .rabies-checkbox-emoji{
  font-size: 16px;
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .rabies-checkbox-text{
  font-size: 12px;
  font-weight: 600;
  color: var(--mp-n38);
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .rabies-checkbox.rabies-checked .rabies-checkbox-text{
  color: var(--mp-x41);
  font-weight: 700;}

/* 卡片点击提示 */#mpScreen[data-route="pages/index/index"] .gt-card-tap-hint{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 6px 0 0 0;
  opacity: 0.5;}#mpScreen[data-route="pages/index/index"] .gt-card-tap-hint-paw{
  font-size: 12px;
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .gt-card-tap-hint-text{
  font-size: 11px;
  color: var(--mp-n60);
  font-weight: 400;}

/* ========== 卡片内照片展示 ========== */#mpScreen[data-route="pages/index/index"] .pet-card-photos{
  margin-top: 10px;
  margin-bottom: 4px;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 18px;
  position: relative;
  z-index: 2;}#mpScreen[data-route="pages/index/index"] .card-photo-scroll{
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 12px;}#mpScreen[data-route="pages/index/index"] .card-photo-scroll-inner{
  display: flex;
  flex-direction: row;
  white-space: nowrap;
  height: 88px;
  box-sizing: border-box;
  padding: 4px 0;}#mpScreen[data-route="pages/index/index"] .card-photo-item{
  display: inline-flex;
  margin-right: 10px;
  position: relative;
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--mp-n00), transparent 90%);
  border: 2px solid color-mix(in srgb, var(--mp-n00), transparent 96%);
  box-sizing: border-box;
  transition: transform 0.2s ease, box-shadow 0.2s ease;}#mpScreen[data-route="pages/index/index"] .card-photo-item:active{
  transform: scale(0.95);
  box-shadow: 0 1px 4px color-mix(in srgb, var(--mp-n00), transparent 85%);}#mpScreen[data-route="pages/index/index"] .card-photo-item:last-child{
  margin-right: 0;}#mpScreen[data-route="pages/index/index"] .card-photo-thumb{
  width: 80px;
  height: 80px;
  border-radius: 10px;
  display: block;}#mpScreen[data-route="pages/index/index"] .card-photo-cover-tag{
  position: absolute;
  top: 4px;
  left: 4px;
  background: color-mix(in srgb, var(--mp-b2), transparent 10%);
  border-radius: 6px;
  padding: 2px 6px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;}

/* ========== 宠物卡片增强 ========== */#mpScreen[data-route="pages/index/index"] .pet-dialect{
  font-size: 13px;
  color: var(--mp-n60);
  font-style: italic;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 6px;
  font-weight: 400;
  letter-spacing: -0.005em;
  white-space: nowrap;
  text-align: center;}#mpScreen[data-route="pages/index/index"] .pet-gender-row{
  display: flex;
  align-items: center;
  gap: 8px;}#mpScreen[data-route="pages/index/index"] .pet-sterilized-tag{
  font-size: 11px;
  border-radius: 8px;
  padding: 4px 10px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
  transition: all 0.2s ease;}#mpScreen[data-route="pages/index/index"] .pet-sterilized-tag.sterilized-yes{
  color: var(--mp-x42);
  background-color: var(--mp-n96);}#mpScreen[data-route="pages/index/index"] .pet-sterilized-tag.sterilized-no{
  color: var(--mp-x21);
  background-color: var(--mp-x43);}#mpScreen[data-route="pages/index/index"] .pet-sterilized-tag.sterilized-unknown{
  color: var(--mp-n60);
  background-color: var(--mp-n96);}#mpScreen[data-route="pages/index/index"] .douyin-btn{
  background: var(--mp-n08);
  border-radius: 22px;
  padding: 9px 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  height: 36px;
  box-sizing: border-box;
  transition: transform 0.15s ease, opacity 0.15s ease;
  flex-shrink: 0;
  overflow: hidden;}#mpScreen[data-route="pages/index/index"] .douyin-btn::after{
  border: none;}#mpScreen[data-route="pages/index/index"] .douyin-btn-text{
  font-size: 13px;
  font-weight: 600;
  color: var(--mp-inkOn);
  line-height: 1;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}

/* ========== 品种选择器 ========== */#mpScreen[data-route="pages/index/index"] .breed-select-row{
  width: 100%;}#mpScreen[data-route="pages/index/index"] .breed-display{
  width: 100%;
  height: 46px;
  background-color: var(--mp-n96);
  border-radius: 14px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 0.5px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  box-sizing: border-box;
  transition: border-color 0.15s ease;}#mpScreen[data-route="pages/index/index"] .breed-display-text{
  font-size: 15px;
  color: var(--mp-ink2);
  font-weight: 400;
  letter-spacing: -0.01em;}#mpScreen[data-route="pages/index/index"] .breed-placeholder{
  color: var(--mp-n68);}#mpScreen[data-route="pages/index/index"] .breed-arrow{
  font-size: 12px;
  color: var(--mp-n60);}#mpScreen[data-route="pages/index/index"] .breed-picker-panel{
  position: relative;
  background-color: var(--mp-n100);
  border-radius: 32px 32px 0 0;
  width: 100%;
  max-width: calc(100 * var(--mpvw));
  max-height: calc(70 * var(--mpvh));
  display: flex;
  flex-direction: column;
  box-shadow: 0 -8px 32px color-mix(in srgb, var(--mp-n00), transparent 90%), 0 -1px 3px color-mix(in srgb, var(--mp-n00), transparent 96%), 0 -3px 0 0 var(--mp-w92);
  box-sizing: border-box;
  overflow-x: hidden;}#mpScreen[data-route="pages/index/index"] .breed-list{
  flex: 1;
  overflow-y: auto;
  max-height: calc(50 * var(--mpvh));
  padding: 8px 0;}#mpScreen[data-route="pages/index/index"] .breed-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 24px;
  border-bottom: 1px solid var(--mp-line1);
  transition: background-color 0.15s ease;}#mpScreen[data-route="pages/index/index"] .breed-item.selected{
  background-color: var(--mp-n96);}#mpScreen[data-route="pages/index/index"] .breed-item-text{
  font-size: 15px;
  color: var(--mp-ink2);
  font-weight: 400;
  letter-spacing: -0.01em;}#mpScreen[data-route="pages/index/index"] .breed-item.selected .breed-item-text{
  color: var(--mp-ink1);
  font-weight: 600;}#mpScreen[data-route="pages/index/index"] .breed-check{
  font-size: 18px;
  color: var(--mp-ink1);
  font-weight: 700;}

/* ========== 年龄切换 ========== */#mpScreen[data-route="pages/index/index"] .age-toggle-row{
  display: flex;
  gap: 10px;
  margin-bottom: 10px;}#mpScreen[data-route="pages/index/index"] .age-toggle{
  flex: 1;
  height: 40px;
  background-color: var(--mp-n96);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid color-mix(in srgb, var(--mp-n00), transparent 96%);
  box-sizing: border-box;
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);}#mpScreen[data-route="pages/index/index"] .age-toggle.active{
  border-color: var(--mp-n08);
  background-color: var(--mp-n96);}#mpScreen[data-route="pages/index/index"] .age-toggle-text{
  font-size: 13px;
  font-weight: 600;
  color: var(--mp-n60);
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .age-toggle.active .age-toggle-text{
  color: var(--mp-ink1);}

/* ========== 表单提示 ========== */#mpScreen[data-route="pages/index/index"] .form-hint{
  font-size: 12px;
  color: var(--mp-n60);
  margin-top: 6px;
  display: block;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: -0.005em;}

/* ========== 免审修改提示 ========== */#mpScreen[data-route="pages/index/index"] .free-edit-hint{
  color: var(--mp-ink1);
  font-weight: 600;}

/* ========== 来源选择器 ========== */#mpScreen[data-route="pages/index/index"] .source-selector{
  flex-wrap: wrap;
  gap: 8px;}#mpScreen[data-route="pages/index/index"] .source-selector .type-option{
  flex: 0 0 auto;
  min-width: 0;
  padding: 0 12px;}

/* ========== 选择器搜索框 ========== */#mpScreen[data-route="pages/index/index"] .picker-search{
  padding: 10px 16px;
  border-bottom: 1px solid var(--mp-line1);
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .picker-search-input{
  width: 100%;
  height: 42px;
  background-color: var(--mp-n96);
  border-radius: 12px;
  padding: 0 16px;
  font-size: 14px;
  color: var(--mp-ink2);
  box-sizing: border-box;
  border: 0.5px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  font-weight: 400;
  letter-spacing: -0.01em;
  transition: border-color 0.15s ease;}#mpScreen[data-route="pages/index/index"] .breed-empty{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 0;}#mpScreen[data-route="pages/index/index"] .breed-empty-text{
  font-size: 14px;
  color: var(--mp-n68);
  font-weight: 400;
  letter-spacing: -0.005em;}

/* ========== 图片上传 ========== */#mpScreen[data-route="pages/index/index"] .photo-grid{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;}#mpScreen[data-route="pages/index/index"] .photo-item{
  width: 80px;
  height: 80px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .photo-item-cover{
  border: 3px solid var(--mp-b2);
  box-shadow: 0 0 8px color-mix(in srgb, var(--mp-b2), transparent 60%);}#mpScreen[data-route="pages/index/index"] .photo-cover-badge{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: color-mix(in srgb, var(--mp-b2), transparent 10%);
  padding: 2px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;}#mpScreen[data-route="pages/index/index"] .photo-cover-badge-text{
  font-size: 10px;
  color: var(--mp-inkOn);
  font-weight: 600;
  line-height: 1.2;}#mpScreen[data-route="pages/index/index"] .photo-set-cover{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: color-mix(in srgb, var(--mp-n00), transparent 50%);
  padding: 2px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;}#mpScreen[data-route="pages/index/index"] .photo-set-cover-text{
  font-size: 10px;
  color: var(--mp-inkOn);
  font-weight: 500;}#mpScreen[data-route="pages/index/index"] .photo-thumb{
  width: 80px;
  height: 80px;
  border-radius: 10px;}#mpScreen[data-route="pages/index/index"] .photo-delete{
  position: absolute;
  top: -4px;
  right: -4px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 40%);
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .photo-delete-icon{
  font-size: 12px;
  color: var(--mp-inkOn);
  font-weight: 700;}#mpScreen[data-route="pages/index/index"] .photo-add{
  width: 80px;
  height: 80px;
  border-radius: 14px;
  border: 1.5px dashed color-mix(in srgb, var(--mp-n00), transparent 90%);
  background-color: var(--mp-n96);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-sizing: border-box;
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);}#mpScreen[data-route="pages/index/index"] .photo-add-icon{
  font-size: 28px;
  color: var(--mp-n60);
  font-weight: 300;
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .photo-add-text{
  font-size: 10px;
  color: var(--mp-n60);
  margin-top: 2px;
  font-weight: 400;
  letter-spacing: -0.005em;}

/* ========== 日期选择器 ========== */#mpScreen[data-route="pages/index/index"] .date-picker-display{
  display: flex;
  align-items: center;}#mpScreen[data-route="pages/index/index"] .date-picker-text{
  font-size: 15px;
  color: var(--mp-ink2);
  font-weight: 400;
  letter-spacing: -0.01em;}#mpScreen[data-route="pages/index/index"] .date-picker-placeholder{
  color: var(--mp-n68);}

/* ========== 地址定位 ========== */#mpScreen[data-route="pages/index/index"] .address-input-row{
  display: flex;
  align-items: center;
  gap: 10px;}#mpScreen[data-route="pages/index/index"] .address-input{
  flex: 1;}#mpScreen[data-route="pages/index/index"] .location-btn{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 46px;
  background-color: var(--mp-n96);
  border-radius: 14px;
  border: 0.5px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  box-sizing: border-box;
  flex-shrink: 0;
  transition: background-color 0.15s ease;}#mpScreen[data-route="pages/index/index"] .location-btn-icon{
  font-size: 16px;
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .location-btn-text{
  font-size: 10px;
  color: var(--mp-ink1);
  font-weight: 600;
  margin-top: 1px;
  letter-spacing: -0.005em;}

/* ========== 地址固定显示（不可点击，无下划线） ========== */

/* ========== 宠物来源标签 ========== */#mpScreen[data-route="pages/index/index"] .pet-source-tag{
  font-size: 11px;
  color: var(--mp-n60);
  border-radius: 8px;
  padding: 2px 8px;
  font-weight: 500;
  margin-left: 6px;
  background-color: var(--mp-n96);}

/* ========== 板块分隔线 ========== */#mpScreen[data-route="pages/index/index"] .section-divider{
  height: 1px;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 94%);
  margin: 16px 0 20px;
  border-radius: 0;}

/* ========== 搜索栏 ========== */#mpScreen[data-route="pages/index/index"] .search-bar{
  margin-bottom: 16px;}#mpScreen[data-route="pages/index/index"] .search-input-row{
  display: flex;
  align-items: center;
  background-color: var(--mp-n100);
  border-radius: 14px;
  padding: 0 14px;
  height: 46px;
  border: 0.5px solid color-mix(in srgb, var(--mp-n00), transparent 95%);
  box-sizing: border-box;
  box-shadow: 0 1px 2px color-mix(in srgb, var(--mp-n00), transparent 97%);
  transition: box-shadow 0.2s ease;}#mpScreen[data-route="pages/index/index"] .search-icon{
  font-size: 16px;
  margin-right: 8px;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .search-input{
  flex: 1;
  height: 46px;
  font-size: 14px;
  color: var(--mp-ink2);
  box-sizing: border-box;
  letter-spacing: -0.01em;}#mpScreen[data-route="pages/index/index"] .search-clear{
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 94%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-right: 8px;
  transition: background-color 0.15s ease;}#mpScreen[data-route="pages/index/index"] .search-clear-icon{
  font-size: 12px;
  color: var(--mp-n60);
  font-weight: 600;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .filter-toggle{
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: var(--mp-n96);}#mpScreen[data-route="pages/index/index"] .filter-toggle.active{
  background-color: var(--mp-n96);}#mpScreen[data-route="pages/index/index"] .filter-toggle-icon{
  font-size: 18px;
  color: var(--mp-n60);}#mpScreen[data-route="pages/index/index"] .filter-toggle.active .filter-toggle-icon{
  color: var(--mp-ink1);}

/* ========== 筛选面板 ========== */#mpScreen[data-route="pages/index/index"] .filter-panel{
  background-color: var(--mp-n100);
  border-radius: 12px;
  padding: 14px 16px;
  margin-top: 10px;
  border: 0.5px solid color-mix(in srgb, var(--mp-n00), transparent 95%);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--mp-n00), transparent 96%);
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .filter-row{
  display: flex;
  align-items: flex-start;
  margin-bottom: 12px;}#mpScreen[data-route="pages/index/index"] .filter-row:last-of-type{
  margin-bottom: 10px;}#mpScreen[data-route="pages/index/index"] .filter-label{
  font-size: 13px;
  font-weight: 600;
  color: var(--mp-n60);
  width: 52px;
  flex-shrink: 0;
  line-height: 28px;}#mpScreen[data-route="pages/index/index"] .filter-tags{
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;}#mpScreen[data-route="pages/index/index"] .filter-tag{
  height: 28px;
  padding: 0 12px;
  border-radius: 14px;
  background-color: var(--mp-n96);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .filter-tag.active{
  background-color: var(--mp-n96);
  border-color: var(--mp-n08);}#mpScreen[data-route="pages/index/index"] .filter-tag-text{
  font-size: 12px;
  color: var(--mp-n60);
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .filter-tag.active .filter-tag-text{
  color: var(--mp-ink1);
  font-weight: 600;}#mpScreen[data-route="pages/index/index"] .filter-reset{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 0;
  border-top: 1px solid var(--mp-line1);
  margin-top: 4px;}#mpScreen[data-route="pages/index/index"] .filter-reset-text{
  font-size: 13px;
  color: var(--mp-ink1);
  font-weight: 600;}

/* ========== 位置定位按钮样式 ========== */#mpScreen[data-route="pages/index/index"] .location-locate-btn{
  background-color: var(--mp-n96);
  border-color: color-mix(in srgb, var(--mp-n00), transparent 94%);}#mpScreen[data-route="pages/index/index"] .location-locate-btn .filter-tag-text{
  font-size: 11px;
  color: var(--mp-n60);}

/* ========== 坐等被领养头部（贝壳风格） ========== */#mpScreen[data-route="pages/index/index"] .waiting-tab-content{
  position: relative;
  /* 和首页同一手法：把 content-area 那 20px 底部内边距也吃掉，筛选只剩一条时渐变照样铺满整屏 */
  min-height: calc(100% + 20px);
  margin-bottom: -20px;
  box-sizing: border-box;
  padding-bottom: 34px;
  /* 竖排一列，空状态卡靠 flex: 1 在剩下的空间里居中，不会顶在上半屏、下面空一大片 */
  display: flex;
  flex-direction: column;
  /* 极简页底：全站统一两档洗色，暗纹和多团光晕收进运行时的高帧漂浮层 */
  background: linear-gradient(180deg, var(--mp-bgA) 0%, var(--mp-bgB) 100%);}#mpScreen[data-route="pages/index/index"] .waiting-header{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 8px 0 16px;}#mpScreen[data-route="pages/index/index"] .waiting-header-left{
  display: flex;
  flex-direction: column;}#mpScreen[data-route="pages/index/index"] .waiting-location-area{
  display: flex;
  align-items: center;
  background-color: var(--mp-n96);
  border-radius: 18px;
  padding: 8px 16px;
  flex-shrink: 0;
  margin-top: 2px;
  transition: background-color 0.15s ease;}#mpScreen[data-route="pages/index/index"] .location-label{
  font-size: 13px;
  font-weight: 600;
  color: var(--mp-ink1);
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .location-arrow{
  font-size: 10px;
  color: var(--mp-n60);
  margin-left: 6px;
  line-height: 1;}

/* ========== 横向筛选条件行 ========== */#mpScreen[data-route="pages/index/index"] .filter-row-inline{
  display: flex;
  gap: 10px;
  margin-bottom: 14px;
  /* 整行抬到下拉遮罩之上：可以直接点下一个筛选项切换，不必先关再开 */
  position: relative;
  z-index: 900;}#mpScreen[data-route="pages/index/index"] .filter-inline-item{
  flex: 1;
  height: 40px;
  background-color: var(--mp-n100);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.5px solid color-mix(in srgb, var(--mp-n00), transparent 95%);
  box-sizing: border-box;
  box-shadow: 0 1px 2px color-mix(in srgb, var(--mp-n00), transparent 98%);
  transition: background-color 0.15s ease;}#mpScreen[data-route="pages/index/index"] .filter-inline-text{
  font-size: 13px;
  font-weight: 500;
  color: var(--mp-n60);
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .filter-inline-arrow{
  font-size: 10px;
  color: var(--mp-n60);
  margin-left: 4px;
  line-height: 1;
  max-width: 14px;
  transition: transform 0.24s cubic-bezier(0.22, 1.12, 0.36, 1), color 0.2s ease, max-width 0.24s cubic-bezier(0.22, 1.12, 0.36, 1), margin-left 0.24s ease, opacity 0.16s ease;}

/* ========== 标签右侧的小 ✕：只有这一项真的在收窄结果时才亮出来，点它只清这一项、不弹下拉 ========== */#mpScreen[data-route="pages/index/index"] .filter-inline-item.has-filter{
  padding-right: 23px;
  background-color: var(--mp-w96);
  border-color: color-mix(in srgb, var(--mp-b2), transparent 70%);}#mpScreen[data-route="pages/index/index"] .filter-inline-item.has-filter .filter-inline-text{
  color: var(--mp-bRich);
  font-weight: 600;}

/* 手机上一格只有 78px：✕ 挤进来 ▼ 就得让位，否则「聘礼最低」会被截成「聘礼最…」。
   让位是收宽度不是删掉，回到未筛选状态时 ▼ 再滑回来；点标签本体照样能展开下拉。 */#mpScreen[data-route="pages/index/index"] .filter-inline-item.has-filter .filter-inline-arrow{
  color: var(--mp-cMid);
  max-width: 0;
  margin-left: 0;
  opacity: 0;
  overflow: hidden;}#mpScreen[data-route="pages/index/index"] .filter-inline-clear{
  position: absolute;
  top: 50%;
  right: 4px;
  width: 17px;
  height: 17px;
  margin-top: -8.5px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: color-mix(in srgb, var(--mp-b2), transparent 84%);
  transition: transform 0.14s cubic-bezier(0.22, 1.12, 0.36, 1), background-color 0.14s ease;
  animation: filterClearIn 0.26s cubic-bezier(0.22, 1.24, 0.36, 1);}#mpScreen[data-route="pages/index/index"] .filter-inline-clear:active{
  transform: scale(0.84);
  background-color: color-mix(in srgb, var(--mp-b2), transparent 70%);}#mpScreen[data-route="pages/index/index"] .filter-inline-clear-icon{
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  color: var(--mp-b2);}

@keyframes filterClearIn {
  0% { opacity: 0; transform: scale(0.4) rotate(-45deg); }
  100% { opacity: 1; transform: scale(1) rotate(0deg); }
}

/* ========== 筛选 tap 下方就地下拉（品种 / 绝育 / 综合） ========== */
/* 每个 tap 一格，下拉面板贴着这一格往下长 */#mpScreen[data-route="pages/index/index"] .filter-cell{
  flex: 1;
  min-width: 0;
  position: relative;
  z-index: 2;}#mpScreen[data-route="pages/index/index"] .filter-inline-item{
  position: relative;
  transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, padding-right 0.24s cubic-bezier(0.22, 1.12, 0.36, 1);}#mpScreen[data-route="pages/index/index"] .filter-inline-item.filter-inline-open{
  background-color: var(--mp-w92);
  border-color: color-mix(in srgb, var(--mp-b2), transparent 55%);
  box-shadow: 0 2px 10px color-mix(in srgb, var(--mp-b2), transparent 82%);}#mpScreen[data-route="pages/index/index"] .filter-inline-item.filter-inline-open .filter-inline-text{
  color: var(--mp-bRich);
  font-weight: 700;}#mpScreen[data-route="pages/index/index"] .filter-inline-item.filter-inline-open .filter-inline-arrow{
  color: var(--mp-b2);
  transform: rotate(180deg);}#mpScreen[data-route="pages/index/index"] .filter-drop-mask{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: color-mix(in srgb, var(--mp-w20), transparent 84%);
  animation: filterDropMaskIn 0.18s ease;}

@keyframes filterDropMaskIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}#mpScreen[data-route="pages/index/index"] .filter-drop{
  position: absolute;
  top: calc(100% + 9px);
  left: 0;
  width: 246px;
  max-width: calc(calc(100 * var(--mpvw)) - 24px);
  box-sizing: border-box;
  background: linear-gradient(180deg, var(--mp-n100) 0%, var(--mp-n100) 100%);
  border: 1.5px solid color-mix(in srgb, var(--mp-b2), transparent 78%);
  border-radius: 16px;
  box-shadow: 0 12px 28px color-mix(in srgb, var(--mp-n00), transparent 86%), 0 2px 6px color-mix(in srgb, var(--mp-n00), transparent 94%);
  transform-origin: top left;
  animation: filterDropIn 0.26s cubic-bezier(0.22, 1.12, 0.36, 1);}

/* 最右边那一格反过来贴右，面板不会顶出屏幕 */#mpScreen[data-route="pages/index/index"] .filter-drop-right{
  left: auto;
  right: 0;
  transform-origin: top right;}

/* 小三角：一眼看出这块面板是从哪个 tap 长出来的 */#mpScreen[data-route="pages/index/index"] .filter-drop::before{
  content: "";
  position: absolute;
  top: -7px;
  left: 26px;
  width: 12px;
  height: 12px;
  background-color: var(--mp-n100);
  border-left: 1.5px solid color-mix(in srgb, var(--mp-b2), transparent 78%);
  border-top: 1.5px solid color-mix(in srgb, var(--mp-b2), transparent 78%);
  transform: rotate(45deg);}#mpScreen[data-route="pages/index/index"] .filter-drop-right::before{
  left: auto;
  right: 26px;}

@keyframes filterDropIn {
  0% { opacity: 0; transform: translateY(-8px) scale(0.92); }
  70% { opacity: 1; transform: translateY(2px) scale(1.015); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}#mpScreen[data-route="pages/index/index"] .filter-drop-head{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  background: linear-gradient(180deg, var(--mp-w96) 0%, var(--mp-n100) 100%);
  border-bottom: 1px dashed color-mix(in srgb, var(--mp-bHi), transparent 65%);
  border-radius: 15px 15px 0 0;}#mpScreen[data-route="pages/index/index"] .filter-drop-head-emoji{
  font-size: 15px;
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .filter-drop-head-text{
  flex: 1;
  min-width: 0;
  font-size: 13px;
  font-weight: 700;
  color: var(--mp-w42);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .filter-drop-back{
  padding: 4px 9px;
  border-radius: 12px;
  background-color: color-mix(in srgb, var(--mp-b2), transparent 90%);
  border: 1px solid color-mix(in srgb, var(--mp-b2), transparent 78%);
  transition: transform 0.16s cubic-bezier(0.22, 1.12, 0.36, 1);}#mpScreen[data-route="pages/index/index"] .filter-drop-back:active{
  transform: scale(0.9);}#mpScreen[data-route="pages/index/index"] .filter-drop-back-text{
  font-size: 12px;
  font-weight: 700;
  color: var(--mp-bRich);
  line-height: 1.2;}#mpScreen[data-route="pages/index/index"] .filter-drop-scroll{
  max-height: calc(46 * var(--mpvh));}#mpScreen[data-route="pages/index/index"] .filter-drop-body{
  padding: 6px;}#mpScreen[data-route="pages/index/index"] .filter-drop-item{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  margin-bottom: 2px;
  border-radius: 12px;
  border: 1.5px solid transparent;
  box-sizing: border-box;
  transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.18s cubic-bezier(0.22, 1.12, 0.36, 1);}#mpScreen[data-route="pages/index/index"] .filter-drop-item:last-child{
  margin-bottom: 0;}#mpScreen[data-route="pages/index/index"] .filter-drop-item:active{
  background-color: color-mix(in srgb, var(--mp-b2), transparent 92%);
  transform: scale(0.97);}#mpScreen[data-route="pages/index/index"] .filter-drop-item.active{
  background: linear-gradient(135deg, var(--mp-w92), var(--mp-w92));
  border-color: color-mix(in srgb, var(--mp-b2), transparent 70%);}#mpScreen[data-route="pages/index/index"] .filter-drop-item-text{
  flex: 1;
  min-width: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--mp-ink2);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .filter-drop-item.active .filter-drop-item-text{
  font-weight: 700;
  color: var(--mp-bRich);}

/* 下拉里选项密一些，圆环跟着缩一圈 */#mpScreen[data-route="pages/index/index"] .filter-drop-item .filter-fun-emoji-ring{
  width: 28px;
  height: 28px;}#mpScreen[data-route="pages/index/index"] .filter-drop-item .filter-fun-emoji{
  font-size: 15px;}#mpScreen[data-route="pages/index/index"] .filter-drop-item .filter-dropdown-check{
  font-size: 14px;
  color: var(--mp-b2);}

/* ========== 排序弹窗选项底色 ========== */#mpScreen[data-route="pages/index/index"] .sort-overall-ring{
  background: linear-gradient(135deg, var(--mp-x44), var(--mp-x45));
  border: 1.5px solid color-mix(in srgb, var(--mp-x46), transparent 82%);}#mpScreen[data-route="pages/index/index"] .sort-dowry-ring{
  background: linear-gradient(135deg, var(--mp-x47), var(--mp-x48));
  border: 1.5px solid color-mix(in srgb, var(--mp-x49), transparent 80%);}#mpScreen[data-route="pages/index/index"] .sort-near-ring{
  background: linear-gradient(135deg, var(--mp-x50), var(--mp-x51));
  border: 1.5px solid color-mix(in srgb, var(--mp-x52), transparent 82%);}#mpScreen[data-route="pages/index/index"] .sort-heat-ring{
  background: linear-gradient(135deg, var(--mp-w92), var(--mp-w84));
  border: 1.5px solid color-mix(in srgb, var(--mp-b1), transparent 82%);}#mpScreen[data-route="pages/index/index"] .sort-young-ring{
  background: linear-gradient(135deg, var(--mp-x53), var(--mp-x54));
  border: 1.5px solid color-mix(in srgb, var(--mp-x16), transparent 84%);}#mpScreen[data-route="pages/index/index"] .sort-new-ring{
  background: linear-gradient(135deg, var(--mp-x55), var(--mp-x56));
  border: 1.5px solid color-mix(in srgb, var(--mp-x57), transparent 82%);}

/* ========== 筛选下拉 ========== */#mpScreen[data-route="pages/index/index"] .filter-dropdown{
  background-color: var(--mp-n100);
  border-radius: 16px;
  border: 0.5px solid color-mix(in srgb, var(--mp-n00), transparent 95%);
  box-shadow: 0 4px 20px color-mix(in srgb, var(--mp-n00), transparent 94%);
  margin-bottom: 14px;
  box-sizing: border-box;
  overflow: hidden;
  transition: opacity 0.2s ease;}#mpScreen[data-route="pages/index/index"] .filter-dropdown-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid var(--mp-line1);
  transition: background-color 0.15s ease;}#mpScreen[data-route="pages/index/index"] .filter-dropdown-item:last-child{
  border-bottom: none;}#mpScreen[data-route="pages/index/index"] .filter-dropdown-item.active{
  background-color: var(--mp-n96);}#mpScreen[data-route="pages/index/index"] .filter-dropdown-text{
  font-size: 14px;
  color: var(--mp-ink2);
  font-weight: 400;
  letter-spacing: -0.01em;
  display: flex;
  align-items: center;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .filter-dropdown-item.active .filter-dropdown-text{
  color: var(--mp-ink1);
  font-weight: 600;}#mpScreen[data-route="pages/index/index"] .filter-dropdown-check{
  font-size: 16px;
  color: var(--mp-ink1);
  font-weight: 700;}

/* ========== 趣味筛选下拉（品种分组、绝育情况、更多） ========== */#mpScreen[data-route="pages/index/index"] .filter-dropdown-fun{
  background: linear-gradient(160deg, var(--mp-n100) 0%, var(--mp-n100) 30%, var(--mp-n100) 70%, var(--mp-n100) 100%);
  border-radius: calc(20 * var(--mprpx));
  border: calc(2 * var(--mprpx)) solid color-mix(in srgb, var(--mp-bHi), transparent 82%);
  box-shadow: 0 calc(8 * var(--mprpx)) calc(32 * var(--mprpx)) color-mix(in srgb, var(--mp-b2), transparent 92%), 0 calc(2 * var(--mprpx)) calc(8 * var(--mprpx)) color-mix(in srgb, var(--mp-n00), transparent 96%);
  margin-bottom: 14px;
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;}

/* 趣味下拉头部 */#mpScreen[data-route="pages/index/index"] .filter-dropdown-fun-header{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(12 * var(--mprpx));
  padding: calc(20 * var(--mprpx)) calc(24 * var(--mprpx)) calc(14 * var(--mprpx));
  background: linear-gradient(180deg, var(--mp-w96) 0%, var(--mp-n100) 100%);
  border-bottom: calc(2 * var(--mprpx)) dashed color-mix(in srgb, var(--mp-bHi), transparent 80%);}#mpScreen[data-route="pages/index/index"] .filter-dropdown-fun-header-icon{
  font-size: calc(32 * var(--mprpx));
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: headerIconBounce 2s ease-in-out infinite;}#mpScreen[data-route="pages/index/index"] .filter-dropdown-fun-header-icon:nth-child(3){
  animation-delay: 0.5s;}

@keyframes headerIconBounce {
  0%, 100% { transform: translateY(0) scale(1); }
  30% { transform: translateY(-6rpx) scale(1.15); }
  60% { transform: translateY(0) scale(1); }
}#mpScreen[data-route="pages/index/index"] .filter-dropdown-fun-header-title{
  font-size: calc(26 * var(--mprpx));
  font-weight: 700;
  color: var(--mp-w20);
  letter-spacing: -0.01em;
  line-height: 1.3;
  display: flex;
  align-items: center;
  justify-content: center;}

/* 趣味下拉底部装饰 */#mpScreen[data-route="pages/index/index"] .filter-dropdown-fun-footer{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(16 * var(--mprpx));
  padding: calc(14 * var(--mprpx)) calc(24 * var(--mprpx)) calc(18 * var(--mprpx));
  background: linear-gradient(180deg, var(--mp-n100) 0%, var(--mp-w96) 100%);
  border-top: calc(2 * var(--mprpx)) dashed color-mix(in srgb, var(--mp-bHi), transparent 85%);}#mpScreen[data-route="pages/index/index"] .filter-fun-footer-paw{
  font-size: calc(22 * var(--mprpx));
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: pawFloat 1.8s ease-in-out infinite;}#mpScreen[data-route="pages/index/index"] .filter-fun-footer-paw:nth-child(2){
  animation-delay: 0.3s;
  font-size: calc(28 * var(--mprpx));}#mpScreen[data-route="pages/index/index"] .filter-fun-footer-paw:nth-child(3){
  animation-delay: 0.6s;}

@keyframes pawFloat {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(-8rpx) rotate(-10deg); }
  75% { transform: translateY(-8rpx) rotate(10deg); }
}

/* 趣味下拉列表项 */#mpScreen[data-route="pages/index/index"] .filter-dropdown-fun-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: calc(20 * var(--mprpx)) calc(28 * var(--mprpx));
  border-bottom: calc(1 * var(--mprpx)) solid color-mix(in srgb, var(--mp-bHi), transparent 92%);
  transition: all 0.2s ease;
  position: relative;}#mpScreen[data-route="pages/index/index"] .filter-dropdown-fun-item:last-child{
  border-bottom: none;}#mpScreen[data-route="pages/index/index"] .filter-dropdown-fun-item:active{
  background-color: color-mix(in srgb, var(--mp-bHi), transparent 94%);}#mpScreen[data-route="pages/index/index"] .filter-dropdown-fun-item.active{
  background: linear-gradient(90deg, color-mix(in srgb, var(--mp-bHi), transparent 92%) 0%, color-mix(in srgb, var(--mp-bHi), transparent 97%) 100%);}

/* 列表项左侧布局 */#mpScreen[data-route="pages/index/index"] .filter-fun-item-left{
  display: flex;
  align-items: center;
  gap: calc(16 * var(--mprpx));
  flex: 1;
  min-width: 0;}

/* emoji 圆环容器 */#mpScreen[data-route="pages/index/index"] .filter-fun-emoji-ring{
  width: calc(52 * var(--mprpx));
  height: calc(52 * var(--mprpx));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: var(--mp-n96);
  box-shadow: 0 calc(2 * var(--mprpx)) calc(8 * var(--mprpx)) color-mix(in srgb, var(--mp-n00), transparent 95%);
  transition: transform 0.2s ease, box-shadow 0.2s ease;}#mpScreen[data-route="pages/index/index"] .filter-dropdown-fun-item:active .filter-fun-emoji-ring{
  transform: scale(1.1);}#mpScreen[data-route="pages/index/index"] .filter-dropdown-fun-item.active .filter-fun-emoji-ring{
  background-color: var(--mp-w92);
  box-shadow: 0 calc(2 * var(--mprpx)) calc(10 * var(--mprpx)) color-mix(in srgb, var(--mp-b2), transparent 85%);}

/* 不同类别的圆环颜色 */#mpScreen[data-route="pages/index/index"] .filter-fun-emoji-ring.cat-ring{
  background: linear-gradient(135deg, var(--mp-x53), var(--mp-x58));}#mpScreen[data-route="pages/index/index"] .filter-fun-emoji-ring.dog-ring{
  background: linear-gradient(135deg, var(--mp-x59), var(--mp-x60));}#mpScreen[data-route="pages/index/index"] .filter-fun-emoji-ring.other-ring{
  background: linear-gradient(135deg, var(--mp-x22), var(--mp-x24));}#mpScreen[data-route="pages/index/index"] .filter-fun-emoji-ring.all-ring{
  background: linear-gradient(135deg, var(--mp-x61), var(--mp-x62));}#mpScreen[data-route="pages/index/index"] .filter-fun-emoji-ring.breed-ring{
  background: linear-gradient(135deg, var(--mp-x63), var(--mp-x64));}#mpScreen[data-route="pages/index/index"] .filter-fun-emoji-ring.sterilized-yes-ring{
  background: linear-gradient(135deg, var(--mp-n96), var(--mp-x65));}#mpScreen[data-route="pages/index/index"] .filter-fun-emoji-ring.sterilized-no-ring{
  background: linear-gradient(135deg, var(--mp-w92), var(--mp-w84));}#mpScreen[data-route="pages/index/index"] .filter-fun-emoji{
  font-size: calc(28 * var(--mprpx));
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}

/* 列表项文本 */#mpScreen[data-route="pages/index/index"] .filter-fun-item-text{
  font-size: calc(28 * var(--mprpx));
  font-weight: 500;
  color: var(--mp-w20);
  letter-spacing: -0.01em;
  line-height: 1.4;
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}#mpScreen[data-route="pages/index/index"] .filter-dropdown-fun-item.active .filter-fun-item-text{
  font-weight: 700;
  color: var(--mp-x05);}

/* 趣味下拉中的对勾 */#mpScreen[data-route="pages/index/index"] .filter-dropdown-fun-item .filter-dropdown-check{
  font-size: calc(28 * var(--mprpx));
  color: var(--mp-b2);
  font-weight: 700;
  flex-shrink: 0;
  margin-left: calc(16 * var(--mprpx));}

/* 品种滚动下拉 */#mpScreen[data-route="pages/index/index"] .breed-scroll-dropdown{
  max-height: 300px;}#mpScreen[data-route="pages/index/index"] .breed-dropdown-scroll{
  max-height: 300px;}

/* ========== 更多筛选弹窗 ========== */#mpScreen[data-route="pages/index/index"] .more-filter-panel{
  position: relative;
  background-color: var(--mp-n100);
  border-radius: 32px 32px 0 0;
  width: 100%;
  max-width: calc(100 * var(--mpvw));
  max-height: calc(85 * var(--mpvh));
  display: flex;
  flex-direction: column;
  box-shadow: 0 -8px 32px color-mix(in srgb, var(--mp-n00), transparent 90%), 0 -1px 3px color-mix(in srgb, var(--mp-n00), transparent 96%), 0 -3px 0 0 var(--mp-w92);
  box-sizing: border-box;
  overflow-x: hidden;}#mpScreen[data-route="pages/index/index"] .more-filter-body{
  flex: 1;
  overflow-y: auto;
  padding: 16px 24px;
  max-height: calc(55 * var(--mpvh));}#mpScreen[data-route="pages/index/index"] .more-filter-section{
  margin-bottom: 20px;}#mpScreen[data-route="pages/index/index"] .more-filter-label{
  font-size: 15px;
  font-weight: 600;
  color: var(--mp-ink1);
  margin-bottom: 10px;
  display: block;
  letter-spacing: -0.015em;
  line-height: 1.3;}#mpScreen[data-route="pages/index/index"] .more-filter-options{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;}#mpScreen[data-route="pages/index/index"] .more-filter-option{
  min-height: 40px;
  height: auto;
  padding: 8px 20px;
  border-radius: 20px;
  background-color: var(--mp-n96);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid color-mix(in srgb, var(--mp-n00), transparent 96%);
  box-sizing: border-box;
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  max-width: 100%;}#mpScreen[data-route="pages/index/index"] .more-filter-option.active{
  background-color: var(--mp-n96);
  border-color: var(--mp-n08);}#mpScreen[data-route="pages/index/index"] .more-filter-option-text{
  font-size: 13px;
  font-weight: 500;
  color: var(--mp-n60);
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  word-break: keep-all;}#mpScreen[data-route="pages/index/index"] .more-filter-option.active .more-filter-option-text{
  color: var(--mp-ink1);
  font-weight: 600;}

/* 年龄段 */#mpScreen[data-route="pages/index/index"] .more-filter-age-row{
  display: flex;
  align-items: center;
  gap: 8px;}#mpScreen[data-route="pages/index/index"] .more-filter-age-input{
  width: 80px;
  height: 42px;
  background-color: var(--mp-n96);
  border-radius: 12px;
  padding: 0 12px;
  font-size: 14px;
  color: var(--mp-ink2);
  box-sizing: border-box;
  border: 0.5px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  text-align: center;
  font-weight: 400;
  letter-spacing: -0.01em;
  transition: border-color 0.15s ease;}#mpScreen[data-route="pages/index/index"] .more-filter-age-sep{
  font-size: 16px;
  color: var(--mp-n60);
  font-weight: 400;}#mpScreen[data-route="pages/index/index"] .more-filter-age-unit{
  display: flex;
  gap: 4px;
  margin-left: 4px;}#mpScreen[data-route="pages/index/index"] .age-unit-option{
  width: 44px;
  height: 42px;
  border-radius: 12px;
  background-color: var(--mp-n96);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid color-mix(in srgb, var(--mp-n00), transparent 96%);
  box-sizing: border-box;
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);}#mpScreen[data-route="pages/index/index"] .age-unit-option.active{
  background-color: var(--mp-n96);
  border-color: var(--mp-n08);}#mpScreen[data-route="pages/index/index"] .age-unit-text{
  font-size: 13px;
  font-weight: 500;
  color: var(--mp-n60);
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .age-unit-option.active .age-unit-text{
  color: var(--mp-ink1);
  font-weight: 600;}

/* 更多筛选底部 */#mpScreen[data-route="pages/index/index"] .more-filter-footer{
  display: flex;
  gap: 12px;
  padding: 16px 24px;
  padding-bottom: calc(16px + env(safe-area-inset-bottom));
  border-top: 1px solid var(--mp-line1);
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .more-filter-reset{
  flex: 1;
  height: 48px;
  border-radius: 24px;
  background-color: var(--mp-n96);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.5px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  box-sizing: border-box;
  transition: background-color 0.15s ease;}#mpScreen[data-route="pages/index/index"] .more-filter-reset-text{
  font-size: 15px;
  font-weight: 600;
  color: var(--mp-ink1);
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .more-filter-confirm{
  flex: 2;
  height: 48px;
  border-radius: 24px;
  background: var(--mp-n08);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  transition: opacity 0.2s ease;}#mpScreen[data-route="pages/index/index"] .more-filter-confirm-text{
  font-size: 15px;
  font-weight: 600;
  color: var(--mp-inkOn);
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}

/* ========== 宠物病史【无】勾选按钮 ========== */#mpScreen[data-route="pages/index/index"] .medical-history-header{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;}#mpScreen[data-route="pages/index/index"] .no-history-check{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 6px 14px;
  border-radius: 20px;
  border: 2px solid var(--mp-line2);
  background: var(--mp-n100);
  transition: all 0.2s ease;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .no-history-check.checked{
  background: linear-gradient(135deg, var(--mp-w92), var(--mp-w84));
  border-color: var(--mp-b2);}#mpScreen[data-route="pages/index/index"] .no-history-check-icon{
  font-size: 12px;
  color: var(--mp-b2);
  font-weight: 700;
  margin-right: 4px;}#mpScreen[data-route="pages/index/index"] .no-history-check-text{
  font-size: 14px;
  color: var(--mp-n38);
  font-weight: 600;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.4;}#mpScreen[data-route="pages/index/index"] .no-history-check.checked .no-history-check-text{
  color: var(--mp-x05);}

/* ========== 守护人 Tab 标签切换（我的收藏 / 我的发布） ========== */#mpScreen[data-route="pages/index/index"] .guardian-tab-section{
  margin-bottom: 20px;}#mpScreen[data-route="pages/index/index"] .guardian-tab-header{
  border-radius: 18px;
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .guardian-tab-row{
  display: flex;
  flex-direction: row;
  width: 100%;
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .guardian-tab-item{
  flex: 1;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  box-sizing: border-box;
  position: relative;
  overflow: hidden;}#mpScreen[data-route="pages/index/index"] .guardian-tab-item.tab-active{
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-bHi));
  box-shadow: 0 2px 10px color-mix(in srgb, var(--mp-b2), transparent 65%);}#mpScreen[data-route="pages/index/index"] .guardian-tab-label{
  font-size: 15px;
  font-weight: 700;
  color: var(--mp-n60);
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  letter-spacing: -0.01em;
  transition: color 0.2s ease;}#mpScreen[data-route="pages/index/index"] .guardian-tab-item.tab-active .guardian-tab-label{
  color: var(--mp-inkOn);
  text-shadow: 0 1px 2px color-mix(in srgb, var(--mp-n00), transparent 90%);}#mpScreen[data-route="pages/index/index"] .guardian-tab-num{
  font-size: 12px;
  font-weight: 600;
  margin-left: 4px;
  opacity: 0.85;}

/* ========== 风险提示框（与联系弹窗同款琥珀警示样式） ========== */#mpScreen[data-route="pages/index/index"] .legal-warning-box{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
  background: linear-gradient(135deg, var(--mp-x47), var(--mp-w92));
  border: 1.5px solid var(--mp-x66);
  border-radius: 12px;
  padding: 10px 14px;}#mpScreen[data-route="pages/index/index"] .legal-warning-icon{
  font-size: 18px;
  line-height: 1.4;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .legal-warning-body{
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;}#mpScreen[data-route="pages/index/index"] .legal-warning-title{
  font-size: 13px;
  color: var(--mp-x67);
  font-weight: 700;
  line-height: 1.4;}#mpScreen[data-route="pages/index/index"] .legal-warning-line{
  font-size: 12px;
  color: var(--mp-x68);
  font-weight: 400;
  line-height: 1.55;}#mpScreen[data-route="pages/index/index"] .legal-warning-head{
  font-weight: 700;
  color: var(--mp-x67);}

/* ========== 病史法律警告弹窗 - 按钮区域 ========== */#mpScreen[data-route="pages/index/index"] .medical-warning-actions{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 10px;
  z-index: 1;}#mpScreen[data-route="pages/index/index"] .medical-warning-unknown-btn{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 14px 16px;
  background: linear-gradient(135deg, var(--mp-x47), var(--mp-w92), var(--mp-x69));
  border-radius: 18px;
  border: 2px dashed var(--mp-x70);
  box-sizing: border-box;
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--mp-x71), transparent 88%);
  position: relative;
  overflow: hidden;}#mpScreen[data-route="pages/index/index"] .medical-warning-unknown-btn::before{
  content: '';
  position: absolute;
  top: -10px;
  right: -10px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--mp-x71), transparent 88%);
  pointer-events: none;}#mpScreen[data-route="pages/index/index"] .medical-warning-unknown-btn::after{
  content: '';
  position: absolute;
  bottom: -8px;
  left: -8px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--mp-x71), transparent 92%);
  pointer-events: none;}#mpScreen[data-route="pages/index/index"] .medical-warning-unknown-btn:active{
  transform: scale(0.96);
  background: linear-gradient(135deg, var(--mp-x72), var(--mp-x73), var(--mp-x48));
  border-color: var(--mp-x74);
  box-shadow: 0 4px 16px color-mix(in srgb, var(--mp-x71), transparent 75%);}#mpScreen[data-route="pages/index/index"] .medical-warning-unknown-emoji-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 6px;
  z-index: 1;}#mpScreen[data-route="pages/index/index"] .medical-warning-unknown-emoji{
  font-size: 22px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: unknownEmojiFloat 2s ease-in-out infinite;}#mpScreen[data-route="pages/index/index"] .medical-warning-unknown-emoji:nth-child(1){
  animation-delay: 0s;}#mpScreen[data-route="pages/index/index"] .medical-warning-unknown-emoji:nth-child(2){
  animation-delay: 0.4s;}#mpScreen[data-route="pages/index/index"] .medical-warning-unknown-emoji:nth-child(3){
  animation-delay: 0.8s;}

@keyframes unknownEmojiFloat {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(-4px) rotate(3deg); }
  50% { transform: translateY(0) rotate(0deg); }
  75% { transform: translateY(-3px) rotate(-3deg); }
}#mpScreen[data-route="pages/index/index"] .medical-warning-unknown-text{
  font-size: 14px;
  font-weight: 700;
  color: var(--mp-x75);
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  letter-spacing: 0.01em;
  z-index: 1;}#mpScreen[data-route="pages/index/index"] .medical-warning-btn-row{
  display: flex;
  gap: 12px;
  width: 100%;
  z-index: 1;}#mpScreen[data-route="pages/index/index"] .medical-warning-card{
  position: relative;
  width: 85%;
  max-width: 340px;
  background: var(--mp-n100);
  border-radius: 24px;
  padding: 28px 22px 22px;
  box-shadow: 0 12px 40px color-mix(in srgb, var(--mp-n00), transparent 85%);
  z-index: 1002;
  border: 3px solid var(--mp-w84);
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  max-height: calc(90 * var(--mpvh));
  overflow-y: auto;}#mpScreen[data-route="pages/index/index"] .medical-warning-border{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;}#mpScreen[data-route="pages/index/index"] .medical-warning-dot{
  position: absolute;
  font-size: 18px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .medical-warning-dot.dot-tl{ top: -10px; left: -10px;}#mpScreen[data-route="pages/index/index"] .medical-warning-dot.dot-tr{ top: -10px; right: -10px;}#mpScreen[data-route="pages/index/index"] .medical-warning-dot.dot-bl{ bottom: -10px; left: -10px;}#mpScreen[data-route="pages/index/index"] .medical-warning-dot.dot-br{ bottom: -10px; right: -10px;}#mpScreen[data-route="pages/index/index"] .medical-warning-icon{
  text-align: center;
  font-size: 48px;
  margin-bottom: 8px;
  z-index: 1;}#mpScreen[data-route="pages/index/index"] .medical-warning-title{
  display: block;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  color: var(--mp-x05);
  margin-bottom: 12px;
  z-index: 1;}#mpScreen[data-route="pages/index/index"] .medical-warning-body{
  text-align: center;
  margin-bottom: 14px;
  z-index: 1;}#mpScreen[data-route="pages/index/index"] .medical-warning-msg{
  font-size: 15px;
  color: var(--mp-ink3);
  line-height: 1.6;}#mpScreen[data-route="pages/index/index"] .medical-warning-highlight{
  color: var(--mp-x76);
  font-weight: 700;
  background: var(--mp-w92);
  padding: 2px 6px;
  border-radius: 4px;}#mpScreen[data-route="pages/index/index"] .medical-warning-box-inner{
  background: linear-gradient(135deg, var(--mp-w96), var(--mp-w92));
  border: 2px solid var(--mp-w84);
  border-radius: 16px;
  padding: 14px;
  margin-bottom: 18px;
  width: 100%;
  box-sizing: border-box;
  z-index: 1;}#mpScreen[data-route="pages/index/index"] .medical-warning-icon-row{
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 8px;}#mpScreen[data-route="pages/index/index"] .medical-warning-emoji-small{
  font-size: 16px;
  margin: 0 2px;}#mpScreen[data-route="pages/index/index"] .medical-warning-legal-text{
  font-size: 12px;
  color: var(--mp-cDeep);
  line-height: 1.7;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .medical-warning-confirm{
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 0;
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-b1));
  border-radius: 16px;
  margin-left: 10px;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--mp-b1), transparent 70%);}#mpScreen[data-route="pages/index/index"] .medical-warning-confirm-text{
  font-size: 16px;
  font-weight: 700;
  color: var(--mp-inkOn);
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.4;}

/* ========== 确认领养弹窗（可爱风格） ========== */#mpScreen[data-route="pages/index/index"] .adopt-modal-overlay{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1100;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .adopt-modal-mask{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 55%);}#mpScreen[data-route="pages/index/index"] .adopt-modal-card{
  position: relative;
  background-color: var(--mp-n100);
  border-radius: 32px;
  padding: 32px 24px 28px;
  width: 340px;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 8px 36px color-mix(in srgb, var(--mp-n00), transparent 90%), 0 1px 3px color-mix(in srgb, var(--mp-n00), transparent 94%), 0 0 0 3px var(--mp-w92), 0 0 0 6px var(--mp-w92);
  box-sizing: border-box;
  overflow: hidden;
  transition: transform 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);}

/* 花边装饰容器 */#mpScreen[data-route="pages/index/index"] .adopt-modal-border{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
  overflow: visible;}#mpScreen[data-route="pages/index/index"] .adopt-modal-dot{
  position: absolute;
  font-size: 18px;
  line-height: 1;
  z-index: 1;}#mpScreen[data-route="pages/index/index"] .adopt-modal-dot.dot-tl{
  top: -8px;
  left: -6px;}#mpScreen[data-route="pages/index/index"] .adopt-modal-dot.dot-tr{
  top: -8px;
  right: -6px;}#mpScreen[data-route="pages/index/index"] .adopt-modal-dot.dot-bl{
  bottom: -8px;
  left: -6px;}#mpScreen[data-route="pages/index/index"] .adopt-modal-dot.dot-br{
  bottom: -8px;
  right: -6px;}#mpScreen[data-route="pages/index/index"] .adopt-modal-dot.dot-tm{
  top: -8px;
  left: 50%;
  transform: translateX(-50%);}#mpScreen[data-route="pages/index/index"] .adopt-modal-dot.dot-bm{
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);}

/* 弹窗关闭按钮 */#mpScreen[data-route="pages/index/index"] .adopt-modal-close{
  position: absolute;
  top: 14px;
  right: 16px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--mp-n96);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  transition: all 0.2s ease;}#mpScreen[data-route="pages/index/index"] .adopt-modal-close:active{
  background-color: var(--mp-n91);
  transform: scale(0.92);}#mpScreen[data-route="pages/index/index"] .adopt-modal-close-icon{
  font-size: 16px;
  font-weight: 600;
  color: var(--mp-n60);
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}

/* 弹窗图标 */#mpScreen[data-route="pages/index/index"] .adopt-modal-icon{
  font-size: 52px;
  margin-bottom: 12px;
  line-height: 1;
  filter: drop-shadow(0 2px 4px color-mix(in srgb, var(--mp-n00), transparent 92%));
  z-index: 1;}

/* 弹窗标题 */#mpScreen[data-route="pages/index/index"] .adopt-modal-title{
  font-size: 22px;
  font-weight: 700;
  color: var(--mp-ink1);
  margin-bottom: 8px;
  letter-spacing: -0.025em;
  line-height: 1.2;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;}

/* 宠物名字 */#mpScreen[data-route="pages/index/index"] .adopt-modal-pet-name{
  font-size: 18px;
  font-weight: 600;
  color: var(--mp-b2);
  margin-bottom: 16px;
  letter-spacing: -0.015em;
  line-height: 1.3;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;}

/* 弹窗消息 */#mpScreen[data-route="pages/index/index"] .adopt-modal-message{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 14px;
  z-index: 1;}#mpScreen[data-route="pages/index/index"] .adopt-modal-msg-line{
  font-size: 14px;
  color: var(--mp-n60);
  font-weight: 400;
  letter-spacing: -0.01em;
  line-height: 1.6;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;}

/* 提示信息 */#mpScreen[data-route="pages/index/index"] .adopt-modal-tip{
  display: flex;
  align-items: center;
  background-color: var(--mp-w96);
  border-radius: 14px;
  padding: 10px 16px;
  margin-bottom: 20px;
  width: 100%;
  box-sizing: border-box;
  z-index: 1;
  border: 1px solid color-mix(in srgb, var(--mp-b2), transparent 85%);}#mpScreen[data-route="pages/index/index"] .adopt-modal-tip-icon{
  font-size: 16px;
  margin-right: 8px;
  flex-shrink: 0;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .adopt-modal-tip-text{
  font-size: 12px;
  color: var(--mp-cDeep);
  font-weight: 400;
  letter-spacing: -0.005em;
  line-height: 1.5;
  flex: 1;}

/* 弹窗按钮区域 */#mpScreen[data-route="pages/index/index"] .adopt-modal-actions{
  display: flex;
  gap: 12px;
  width: 100%;
  z-index: 1;}#mpScreen[data-route="pages/index/index"] .adopt-modal-cancel{
  flex: 1;
  height: 48px;
  border-radius: 24px;
  background-color: var(--mp-n96);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  box-sizing: border-box;
  transition: background-color 0.15s ease;}#mpScreen[data-route="pages/index/index"] .adopt-modal-cancel:active{
  background-color: var(--mp-n91);
  transform: scale(0.97);}#mpScreen[data-route="pages/index/index"] .adopt-modal-cancel-text{
  font-size: 15px;
  font-weight: 600;
  color: var(--mp-n60);
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .adopt-modal-confirm{
  flex: 2;
  height: 48px;
  border-radius: 24px;
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-cMid));
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  transition: opacity 0.2s ease, transform 0.15s ease;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--mp-b2), transparent 70%);}#mpScreen[data-route="pages/index/index"] .adopt-modal-confirm:active{
  opacity: 0.85;
  transform: scale(0.97);}#mpScreen[data-route="pages/index/index"] .adopt-modal-confirm-text{
  font-size: 15px;
  font-weight: 700;
  color: var(--mp-inkOn);
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}

/* ========== 位置选择器面板（贝壳风格） ========== */#mpScreen[data-route="pages/index/index"] .location-picker-panel{
  position: relative;
  background-color: var(--mp-n100);
  border-radius: 32px 32px 0 0;
  width: 100%;
  max-width: calc(100 * var(--mpvw));
  max-height: calc(80 * var(--mpvh));
  display: flex;
  flex-direction: column;
  box-shadow: 0 -8px 32px color-mix(in srgb, var(--mp-n00), transparent 90%), 0 -1px 3px color-mix(in srgb, var(--mp-n00), transparent 96%), 0 -3px 0 0 var(--mp-w92);
  box-sizing: border-box;
  overflow-x: hidden;}#mpScreen[data-route="pages/index/index"] .location-picker-tabs{
  display: flex;
  border-bottom: 1px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .location-tab{
  flex: 1;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 2px solid transparent;
  box-sizing: border-box;
  transition: border-color 0.2s ease;}#mpScreen[data-route="pages/index/index"] .location-tab.active{
  border-bottom-color: var(--mp-n08);}#mpScreen[data-route="pages/index/index"] .location-tab-text{
  font-size: 14px;
  font-weight: 600;
  color: var(--mp-n60);
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .location-tab.active .location-tab-text{
  color: var(--mp-ink1);}#mpScreen[data-route="pages/index/index"] .location-picker-list{
  flex: 1;
  min-height: 0;
  max-height: calc(55 * var(--mpvh));
  overflow-y: auto;}#mpScreen[data-route="pages/index/index"] .location-picker-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 24px;
  border-bottom: 1px solid var(--mp-line1);
  transition: background-color 0.15s ease;}#mpScreen[data-route="pages/index/index"] .location-picker-item.active{
  background-color: var(--mp-n96);}#mpScreen[data-route="pages/index/index"] .location-picker-item-text{
  font-size: 15px;
  color: var(--mp-ink2);
  font-weight: 400;
  letter-spacing: -0.01em;}#mpScreen[data-route="pages/index/index"] .location-picker-item.active .location-picker-item-text{
  color: var(--mp-ink1);
  font-weight: 600;}#mpScreen[data-route="pages/index/index"] .location-picker-check{
  font-size: 18px;
  color: var(--mp-ink1);
  font-weight: 700;}#mpScreen[data-route="pages/index/index"] .location-picker-footer{
  padding: 14px 24px;
  padding-bottom: calc(14px + env(safe-area-inset-bottom));
  border-top: 1px solid var(--mp-line1);
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .location-auto-btn{
  height: 46px;
  border-radius: 23px;
  background-color: var(--mp-n96);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.5px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  box-sizing: border-box;
  transition: background-color 0.15s ease;}#mpScreen[data-route="pages/index/index"] .location-auto-btn-text{
  font-size: 15px;
  font-weight: 600;
  color: var(--mp-ink1);
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}

/* ========== 📍 定位到我所在的街道 ========== */#mpScreen[data-route="pages/index/index"] .location-pin{
  font-size: 12px;
  margin-right: 4px;
  line-height: 1.4;}#mpScreen[data-route="pages/index/index"] .locate-card{
  margin: 12px 16px 4px;
  padding: 14px 16px 12px;
  border-radius: 20px;
  background: linear-gradient(135deg, var(--mp-n100) 0%, var(--mp-x77) 46%, var(--mp-w96) 100%);
  border: 1.5px solid color-mix(in srgb, var(--mp-x78), transparent 78%);
  box-shadow: 0 6px 18px color-mix(in srgb, var(--mp-x79), transparent 88%);
  box-sizing: border-box;
  flex-shrink: 0;
  animation: locateCardIn 0.32s cubic-bezier(0.34, 1.56, 0.64, 1);}

@keyframes locateCardIn {
  from { opacity: 0; transform: translateY(-8px) scale(0.97); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}#mpScreen[data-route="pages/index/index"] .locate-card-head{
  display: flex;
  align-items: center;}#mpScreen[data-route="pages/index/index"] .locate-card-emoji{
  font-size: 22px;
  margin-right: 10px;
  line-height: 1.2;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .locate-card-main{
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;}#mpScreen[data-route="pages/index/index"] .locate-card-name{
  font-size: 16px;
  font-weight: 700;
  color: var(--mp-ink2);
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .locate-card-meta{
  font-size: 11px;
  color: var(--mp-x80);
  line-height: 1.4;
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .locate-card-badge{
  margin-left: 8px;
  padding: 5px 10px;
  border-radius: 14px;
  background-color: var(--mp-n100);
  border: 1px solid color-mix(in srgb, var(--mp-x78), transparent 74%);
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .locate-card-badge-text{
  font-size: 12px;
  font-weight: 700;
  color: var(--mp-x81);
  line-height: 1.3;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .locate-card-tip{
  display: block;
  font-size: 11px;
  color: var(--mp-x82);
  line-height: 1.5;
  margin-top: 8px;}#mpScreen[data-route="pages/index/index"] .locate-cand-row{
  display: flex;
  gap: 8px;
  margin-top: 10px;}#mpScreen[data-route="pages/index/index"] .locate-cand{
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 7px 8px;
  border-radius: 14px;
  background-color: color-mix(in srgb, var(--mp-n100), transparent 28%);
  border: 1.5px solid color-mix(in srgb, var(--mp-x78), transparent 82%);
  box-sizing: border-box;
  transition: transform 0.18s cubic-bezier(0.34, 1.56, 0.64, 1), background-color 0.18s ease, border-color 0.18s ease;}#mpScreen[data-route="pages/index/index"] .locate-cand:active{
  transform: scale(0.95);}#mpScreen[data-route="pages/index/index"] .locate-cand-on{
  background-color: var(--mp-n100);
  border-color: var(--mp-x83);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--mp-x84), transparent 82%);}#mpScreen[data-route="pages/index/index"] .locate-cand-emoji{
  font-size: 13px;
  line-height: 1.3;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .locate-cand-name{
  font-size: 12px;
  font-weight: 600;
  color: var(--mp-ink2);
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .locate-cand-dist{
  font-size: 11px;
  color: var(--mp-x80);
  line-height: 1.3;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .locate-cand-hint{
  display: block;
  font-size: 11px;
  color: var(--mp-x85);
  line-height: 1.5;
  margin-top: 8px;}#mpScreen[data-route="pages/index/index"] .locate-deny{
  margin: 12px 16px 4px;
  padding: 12px 14px;
  border-radius: 18px;
  background: linear-gradient(135deg, var(--mp-w96), var(--mp-w92));
  border: 1.5px solid color-mix(in srgb, var(--mp-b2), transparent 78%);
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .locate-deny-emoji{
  font-size: 18px;
  margin-right: 8px;
  line-height: 1.5;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .locate-deny-text{
  flex: 1;
  font-size: 12px;
  color: var(--mp-cDeep);
  line-height: 1.6;}

/* 还没定位时把定位按钮顶成主行动色，授权入口要显眼 */#mpScreen[data-route="pages/index/index"] .location-auto-btn-cta{
  background: linear-gradient(135deg, var(--mp-x84), var(--mp-x86));
  border: 0;
  box-shadow: 0 6px 16px color-mix(in srgb, var(--mp-x84), transparent 72%);
  transition: background 0.2s ease, transform 0.15s ease;}#mpScreen[data-route="pages/index/index"] .location-auto-btn-cta:active{
  transform: scale(0.97);}#mpScreen[data-route="pages/index/index"] .location-auto-btn-cta .location-auto-btn-text{
  color: var(--mp-inkOn);}

/* ========== 模板收集箱 - 无模板居中卡片弹窗 ========== */#mpScreen[data-route="pages/index/index"] .template-box-empty-overlay{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .template-box-empty-mask{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 55%);}#mpScreen[data-route="pages/index/index"] .template-box-empty-card{
  position: relative;
  width: 330px;
  background-color: var(--mp-n100);
  border-radius: 24px;
  padding: 32px 28px 28px;
  box-sizing: border-box;
  box-shadow: 0 16px 48px color-mix(in srgb, var(--mp-n00), transparent 88%), 0 4px 12px color-mix(in srgb, var(--mp-n00), transparent 94%);
  display: flex;
  flex-direction: column;
  align-items: center;}#mpScreen[data-route="pages/index/index"] .template-box-empty-border{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;}#mpScreen[data-route="pages/index/index"] .template-box-empty-dot{
  position: absolute;
  font-size: 22px;
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .template-box-empty-dot.dot-tl{ top: -11px; left: -11px;}#mpScreen[data-route="pages/index/index"] .template-box-empty-dot.dot-tr{ top: -11px; right: -11px;}#mpScreen[data-route="pages/index/index"] .template-box-empty-dot.dot-bl{ bottom: -11px; left: -11px;}#mpScreen[data-route="pages/index/index"] .template-box-empty-dot.dot-br{ bottom: -11px; right: -11px;}#mpScreen[data-route="pages/index/index"] .template-box-empty-dot.dot-tm{ top: -11px; left: 50%; transform: translateX(-50%);}#mpScreen[data-route="pages/index/index"] .template-box-empty-dot.dot-bm{ bottom: -11px; left: 50%; transform: translateX(-50%);}#mpScreen[data-route="pages/index/index"] .template-box-empty-close{
  position: absolute;
  top: 14px;
  right: 14px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--mp-n96);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;}#mpScreen[data-route="pages/index/index"] .template-box-empty-close-icon{
  font-size: 14px;
  color: var(--mp-n60);
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .template-box-empty-icon{
  font-size: 56px;
  line-height: 1;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .template-box-empty-title{
  font-size: 20px;
  font-weight: 700;
  color: var(--mp-ink1);
  line-height: 1.4;
  text-align: center;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .template-box-empty-subtitle{
  font-size: 14px;
  color: var(--mp-n60);
  line-height: 1.5;
  text-align: center;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .template-box-empty-tip{
  background-color: var(--mp-w96);
  border-radius: 14px;
  padding: 14px 16px;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: 20px;}#mpScreen[data-route="pages/index/index"] .template-box-empty-tip-icon{
  font-size: 16px;
  line-height: 1.5;
  margin-right: 8px;
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .template-box-empty-tip-text{
  font-size: 13px;
  color: var(--mp-cDeep);
  line-height: 1.6;
  flex: 1;}#mpScreen[data-route="pages/index/index"] .template-box-empty-btn{
  width: 100%;
  height: 48px;
  border-radius: 24px;
  background-color: var(--mp-n08);
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .template-box-empty-btn::after{
  border: none;}#mpScreen[data-route="pages/index/index"] .template-box-empty-btn-text{
  font-size: 16px;
  font-weight: 600;
  color: var(--mp-inkOn);
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}

/* ========== 模板收集箱 - 有模板底部面板 ========== */#mpScreen[data-route="pages/index/index"] .template-box-panel{
  position: relative;
  background-color: var(--mp-n100);
  border-radius: 32px 32px 0 0;
  width: 100%;
  max-width: calc(100 * var(--mpvw));
  max-height: calc(70 * var(--mpvh));
  display: flex;
  flex-direction: column;
  box-shadow: 0 -8px 32px color-mix(in srgb, var(--mp-n00), transparent 90%), 0 -1px 3px color-mix(in srgb, var(--mp-n00), transparent 96%), 0 -3px 0 0 var(--mp-w92);
  box-sizing: border-box;
  overflow-x: hidden;}#mpScreen[data-route="pages/index/index"] .template-box-list{
  flex: 1;
  max-height: calc(55 * var(--mpvh));
  overflow-y: auto;
  padding: 8px 0 16px;}#mpScreen[data-route="pages/index/index"] .template-box-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 24px;
  border-bottom: 1px solid var(--mp-line1);
  transition: background-color 0.15s ease;}#mpScreen[data-route="pages/index/index"] .template-box-item:active{
  background-color: var(--mp-n100);}#mpScreen[data-route="pages/index/index"] .template-box-item-left{
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;}#mpScreen[data-route="pages/index/index"] .template-box-item-icon{
  font-size: 28px;
  line-height: 1;
  margin-right: 14px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .template-box-item-info{
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;}#mpScreen[data-route="pages/index/index"] .template-box-item-name{
  font-size: 16px;
  font-weight: 600;
  color: var(--mp-ink1);
  line-height: 1.4;
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}#mpScreen[data-route="pages/index/index"] .template-box-item-desc{
  font-size: 13px;
  color: var(--mp-n60);
  line-height: 1.4;
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}#mpScreen[data-route="pages/index/index"] .template-box-item-time{
  font-size: 12px;
  color: var(--mp-n76);
  line-height: 1.4;}#mpScreen[data-route="pages/index/index"] .template-box-item-actions{
  display: flex;
  align-items: center;
  margin-left: 12px;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .template-box-delete-btn{
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: var(--mp-x87);
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .template-box-delete-text{
  font-size: 16px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}

/* ========== 模板命名弹窗 ========== */#mpScreen[data-route="pages/index/index"] .template-name-overlay{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .template-name-mask{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 55%);}#mpScreen[data-route="pages/index/index"] .template-name-card{
  position: relative;
  width: 330px;
  background-color: var(--mp-n100);
  border-radius: 24px;
  padding: 32px 28px 28px;
  box-sizing: border-box;
  box-shadow: 0 16px 48px color-mix(in srgb, var(--mp-n00), transparent 88%), 0 4px 12px color-mix(in srgb, var(--mp-n00), transparent 94%);
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 3px solid var(--mp-w92);}#mpScreen[data-route="pages/index/index"] .template-name-border{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;}#mpScreen[data-route="pages/index/index"] .template-name-dot{
  position: absolute;
  font-size: 22px;
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .template-name-dot.dot-tl{ top: -11px; left: -11px;}#mpScreen[data-route="pages/index/index"] .template-name-dot.dot-tr{ top: -11px; right: -11px;}#mpScreen[data-route="pages/index/index"] .template-name-dot.dot-bl{ bottom: -11px; left: -11px;}#mpScreen[data-route="pages/index/index"] .template-name-dot.dot-br{ bottom: -11px; right: -11px;}#mpScreen[data-route="pages/index/index"] .template-name-dot.dot-tm{ top: -11px; left: 50%; transform: translateX(-50%);}#mpScreen[data-route="pages/index/index"] .template-name-dot.dot-bm{ bottom: -11px; left: 50%; transform: translateX(-50%);}#mpScreen[data-route="pages/index/index"] .template-name-close{
  position: absolute;
  top: 14px;
  right: 14px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--mp-n96);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: all 0.2s ease;}#mpScreen[data-route="pages/index/index"] .template-name-close:active{
  background-color: var(--mp-n91);
  transform: scale(0.92);}#mpScreen[data-route="pages/index/index"] .template-name-close-icon{
  font-size: 14px;
  color: var(--mp-n60);
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .template-name-icon{
  font-size: 52px;
  line-height: 1;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .template-name-title{
  font-size: 20px;
  font-weight: 700;
  color: var(--mp-ink1);
  line-height: 1.4;
  text-align: center;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .template-name-subtitle{
  font-size: 14px;
  color: var(--mp-n60);
  line-height: 1.5;
  text-align: center;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .template-name-input-row{
  width: 100%;
  margin-bottom: 14px;
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .template-name-input{
  width: 100%;
  height: 48px;
  background-color: var(--mp-n96);
  border-radius: 14px;
  padding: 0 16px;
  font-size: 15px;
  color: var(--mp-ink2);
  box-sizing: border-box;
  border: 0.5px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  font-weight: 400;
  letter-spacing: -0.01em;
  transition: border-color 0.15s ease;}#mpScreen[data-route="pages/index/index"] .template-name-hint{
  background-color: var(--mp-w96);
  border-radius: 14px;
  padding: 12px 14px;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: 20px;}#mpScreen[data-route="pages/index/index"] .template-name-hint-icon{
  font-size: 16px;
  line-height: 1.5;
  margin-right: 8px;
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .template-name-hint-text{
  font-size: 13px;
  color: var(--mp-cDeep);
  line-height: 1.6;
  flex: 1;}#mpScreen[data-route="pages/index/index"] .template-name-actions{
  display: flex;
  gap: 12px;
  width: 100%;}#mpScreen[data-route="pages/index/index"] .template-name-cancel{
  flex: 1;
  height: 48px;
  border-radius: 24px;
  background-color: var(--mp-n96);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  box-sizing: border-box;
  transition: background-color 0.15s ease;}#mpScreen[data-route="pages/index/index"] .template-name-cancel:active{
  background-color: var(--mp-n91);
  transform: scale(0.97);}#mpScreen[data-route="pages/index/index"] .template-name-cancel-text{
  font-size: 15px;
  font-weight: 600;
  color: var(--mp-n60);
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .template-name-confirm{
  flex: 2;
  height: 48px;
  border-radius: 24px;
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-cMid));
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  transition: opacity 0.2s ease, transform 0.15s ease;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--mp-b2), transparent 70%);}#mpScreen[data-route="pages/index/index"] .template-name-confirm:active{
  opacity: 0.85;
  transform: scale(0.97);}#mpScreen[data-route="pages/index/index"] .template-name-confirm-text{
  font-size: 15px;
  font-weight: 700;
  color: var(--mp-inkOn);
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}

/* ========== 聘礼展示区域（卡片footer） ========== */#mpScreen[data-route="pages/index/index"] .price-display-row{
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 4px;}#mpScreen[data-route="pages/index/index"] .price-display-emoji{
  font-size: 18px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .price-display-text{
  font-size: 22px;
  font-weight: 800;
  color: var(--mp-b1);
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  letter-spacing: -0.02em;}#mpScreen[data-route="pages/index/index"] .price-display-badge{
  font-size: 11px;
  font-weight: 600;
  color: var(--mp-inkOn);
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-b1));
  border-radius: 10px;
  padding: 3px 8px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  flex-shrink: 0;
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .price-badge-knife{
  background: linear-gradient(135deg, var(--mp-x88), var(--mp-x89));}

/* ========== 记住抖音号 ========== */#mpScreen[data-route="pages/index/index"] .douyin-id-row{
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .douyin-id-input{
  flex: 1;
  min-width: 0;}#mpScreen[data-route="pages/index/index"] .remember-douyin-check{
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 20px;
  background-color: var(--mp-n96);
  border: 1px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  box-sizing: border-box;
  flex-shrink: 0;
  transition: all 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);}#mpScreen[data-route="pages/index/index"] .remember-douyin-check.checked{
  background: linear-gradient(135deg, var(--mp-n96), var(--mp-x65));
  border-color: var(--mp-x90);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--mp-x91), transparent 80%);}#mpScreen[data-route="pages/index/index"] .remember-douyin-check-box{
  font-size: 16px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);}#mpScreen[data-route="pages/index/index"] .remember-douyin-check.checked .remember-douyin-check-box{
  transform: scale(1.1);}#mpScreen[data-route="pages/index/index"] .remember-douyin-check-text{
  font-size: 13px;
  font-weight: 600;
  color: var(--mp-n38);
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  letter-spacing: 0.01em;
  transition: color 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);}#mpScreen[data-route="pages/index/index"] .remember-douyin-check.checked .remember-douyin-check-text{
  color: var(--mp-x42);
  font-weight: 700;}

/* ========== 联系方式勾选卡片 ========== */#mpScreen[data-route="pages/index/index"] .contact-card{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--mp-n100), var(--mp-n96));
  border: 2px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  box-sizing: border-box;
  margin-bottom: 10px;
  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  cursor: pointer;}#mpScreen[data-route="pages/index/index"] .contact-card:active{
  transform: scale(0.98);
  opacity: 0.9;}#mpScreen[data-route="pages/index/index"] .contact-card-active{
  border-width: 2px;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--mp-n00), transparent 92%);}#mpScreen[data-route="pages/index/index"] .contact-card-wechat{
  background: linear-gradient(135deg, var(--mp-x92), var(--mp-x93));
  border-color: var(--mp-x90);}#mpScreen[data-route="pages/index/index"] .contact-card-douyin{
  background: linear-gradient(135deg, var(--mp-x94), var(--mp-x95));
  border-color: var(--mp-x96);}#mpScreen[data-route="pages/index/index"] .contact-card-left{
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  min-width: 0;}#mpScreen[data-route="pages/index/index"] .contact-card-check{
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid color-mix(in srgb, var(--mp-n00), transparent 85%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  background: white;}#mpScreen[data-route="pages/index/index"] .contact-card-check-on{
  background: linear-gradient(135deg, var(--mp-x97), var(--mp-x98));
  border-color: var(--mp-x57);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--mp-x97), transparent 70%);}#mpScreen[data-route="pages/index/index"] .contact-card-check-icon{
  font-size: 14px;
  color: var(--mp-inkOn);
  font-weight: 700;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .contact-card-emoji{
  font-size: 22px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .contact-card-label{
  font-size: 16px;
  font-weight: 700;
  color: var(--mp-ink2);
  line-height: 1.4;
  display: flex;
  align-items: center;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .contact-card-badge{
  font-size: 11px;
  font-weight: 500;
  color: var(--mp-n60);
  background: color-mix(in srgb, var(--mp-n00), transparent 95%);
  padding: 2px 8px;
  border-radius: 10px;
  line-height: 1.4;
  display: flex;
  align-items: center;
  white-space: nowrap;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .contact-card-right{
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-left: 8px;}#mpScreen[data-route="pages/index/index"] .contact-card-status{
  font-size: 12px;
  font-weight: 600;
  color: var(--mp-n60);
  line-height: 1.4;
  white-space: nowrap;
  display: flex;
  align-items: center;}#mpScreen[data-route="pages/index/index"] .contact-card-active .contact-card-status{
  color: var(--mp-x57);}

/* ========== 联系方式输入框 ========== */#mpScreen[data-route="pages/index/index"] .contact-input-wrap{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  padding: 10px 14px;
  background: linear-gradient(135deg, var(--mp-n100), var(--mp-x99));
  border: 1.5px solid var(--mp-x70);
  border-radius: 14px;
  box-sizing: border-box;
  animation: contactInputSlideIn 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);}

@keyframes contactInputSlideIn {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}#mpScreen[data-route="pages/index/index"] .contact-input-emoji{
  font-size: 20px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .contact-input{
  flex: 1;
  height: 38px;
  min-width: 0;
  background: var(--mp-n100);
  border: 1px solid color-mix(in srgb, var(--mp-n00), transparent 92%);
  border-radius: 10px;
  padding: 0 12px;
  font-size: 14px;
  color: var(--mp-ink2);
  box-sizing: border-box;
  line-height: 38px;
  letter-spacing: 0.02em;
  font-family: 'SF Mono', 'Menlo', 'Consolas', monospace;
  transition: border-color 0.2s ease;}#mpScreen[data-route="pages/index/index"] .contact-input:focus{
  border-color: var(--mp-bHi);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--mp-bHi), transparent 85%);}#mpScreen[data-route="pages/index/index"] .contact-input::placeholder{
  color: var(--mp-n76);
  font-size: 13px;
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', sans-serif;}

/* 物资标签式多选 */#mpScreen[data-route="pages/index/index"] .goods-tags{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 12px;}#mpScreen[data-route="pages/index/index"] .goods-tag{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 20px;
  background-color: var(--mp-n96);
  border: 1.5px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  box-sizing: border-box;
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);}#mpScreen[data-route="pages/index/index"] .goods-tag.active{
  background: linear-gradient(135deg, var(--mp-w96), var(--mp-w92));
  border-color: var(--mp-b2);}#mpScreen[data-route="pages/index/index"] .goods-tag-emoji{
  font-size: 18px;
  line-height: 1;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .goods-tag-name{
  font-size: 13px;
  font-weight: 600;
  color: var(--mp-n60);
  line-height: 1.4;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .goods-tag.active .goods-tag-name{
  color: var(--mp-x05);}#mpScreen[data-route="pages/index/index"] .goods-tag-close{
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: color-mix(in srgb, var(--mp-x100), transparent 85%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: var(--mp-x05);
  font-weight: 700;
  line-height: 1;
  flex-shrink: 0;}

/* 物资数量输入区域 */#mpScreen[data-route="pages/index/index"] .goods-amount-list{
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 4px;}#mpScreen[data-route="pages/index/index"] .goods-amount-item{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background-color: var(--mp-n100);
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--mp-b2), transparent 85%);
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .goods-amount-emoji{
  font-size: 20px;
  line-height: 1;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .goods-amount-label{
  font-size: 13px;
  font-weight: 600;
  color: var(--mp-x05);
  flex-shrink: 0;
  min-width: 32px;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .goods-amount-input-wrap{
  flex: 1;
  display: flex;
  align-items: center;
  gap: 6px;}#mpScreen[data-route="pages/index/index"] .goods-amount-input{
  flex: 1;
  height: 38px;
  background-color: var(--mp-n100);
  border-radius: 10px;
  padding: 0 12px;
  font-size: 14px;
  color: var(--mp-ink2);
  box-sizing: border-box;
  border: 1px solid color-mix(in srgb, var(--mp-b2), transparent 80%);
  font-weight: 400;
  letter-spacing: -0.01em;}#mpScreen[data-route="pages/index/index"] .goods-amount-unit{
  font-size: 13px;
  font-weight: 600;
  color: var(--mp-n60);
  flex-shrink: 0;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .price-cash-row{
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .price-unit-label{
  font-size: 16px;
  font-weight: 700;
  color: var(--mp-ink1);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.4;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .price-cash-input{
  flex: 1;
  min-width: 0;}

/* ========== 聘礼表单 - 现金标签（可小刀/一口价） ========== */#mpScreen[data-route="pages/index/index"] .price-cash-tags{
  display: flex;
  gap: 10px;
  margin-top: 10px;
  width: 100%;
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .price-cash-tag{
  flex: 1;
  height: 40px;
  border-radius: 12px;
  background-color: var(--mp-n96);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid color-mix(in srgb, var(--mp-n00), transparent 96%);
  box-sizing: border-box;
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);}#mpScreen[data-route="pages/index/index"] .price-cash-tag.active{
  border-color: var(--mp-b2);
  background: linear-gradient(135deg, var(--mp-w96), var(--mp-w92));}#mpScreen[data-route="pages/index/index"] .price-cash-tag-icon{
  font-size: 16px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .price-cash-tag-text{
  font-size: 13px;
  font-weight: 600;
  color: var(--mp-n60);
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .price-cash-tag.active .price-cash-tag-text{
  color: var(--mp-x05);}

/* ========== 抖音号未填写空状态 ========== */#mpScreen[data-route="pages/index/index"] .douyin-btn-empty{
  background: var(--mp-n96);
  border-radius: 22px;
  padding: 9px 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  height: 36px;
  box-sizing: border-box;
  flex-shrink: 0;
  overflow: hidden;}#mpScreen[data-route="pages/index/index"] .douyin-btn-empty::after{
  border: none;}#mpScreen[data-route="pages/index/index"] .douyin-btn-empty-text{
  font-size: 12px;
  font-weight: 500;
  color: var(--mp-n68);
  line-height: 1;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}

/* ========== 卡片互动按钮（不感兴趣 + 关注） ========== */#mpScreen[data-route="pages/index/index"] .card-interact-btns{
  display: flex;
  align-items: center;
  gap: 6px;
  margin-right: 8px;}#mpScreen[data-route="pages/index/index"] .interact-btn{
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--mp-n100);
  border: 1px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  box-sizing: border-box;
  transition: all 0.2s ease;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .interact-btn::after{
  border: none;}#mpScreen[data-route="pages/index/index"] .not-interested-btn{
  background-color: var(--mp-n100);
  border-color: color-mix(in srgb, var(--mp-x101), transparent 85%);}#mpScreen[data-route="pages/index/index"] .not-interested-btn:active{
  background-color: var(--mp-x102);
  transform: scale(0.92);}#mpScreen[data-route="pages/index/index"] .follow-btn{
  background-color: var(--mp-x87);
  border-color: color-mix(in srgb, var(--mp-x103), transparent 80%);}#mpScreen[data-route="pages/index/index"] .follow-btn:active{
  background-color: var(--mp-x104);
  transform: scale(0.92);}

/* 守护人收藏按钮（📌） - 粉色系 */#mpScreen[data-route="pages/index/index"] .guardian-favorite-btn{
  background-color: var(--mp-x53);
  border-color: color-mix(in srgb, var(--mp-x16), transparent 80%);}#mpScreen[data-route="pages/index/index"] .guardian-favorite-btn:active{
  background-color: var(--mp-x105);
  transform: scale(0.92);}#mpScreen[data-route="pages/index/index"] .interact-btn-text{
  font-size: 16px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}

/* ========== 自定义隐私协议弹窗 ========== */#mpScreen[data-route="pages/index/index"] .privacy-popup-mask{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 50%);}#mpScreen[data-route="pages/index/index"] .privacy-popup-card{
  position: relative;
  width: 85%;
  max-width: 340px;
  background-color: var(--mp-n100);
  border-radius: 24px;
  padding: 32px 24px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 12px 40px color-mix(in srgb, var(--mp-n00), transparent 85%);
  box-sizing: border-box;
  border: 2px solid var(--mp-w92);}#mpScreen[data-route="pages/index/index"] .privacy-popup-icon{
  font-size: 48px;
  line-height: 1;
  margin-bottom: 12px;}#mpScreen[data-route="pages/index/index"] .privacy-popup-title{
  font-size: 20px;
  font-weight: 700;
  color: var(--mp-ink1);
  margin-bottom: 12px;
  letter-spacing: -0.02em;
  line-height: 1.3;
  text-align: center;}#mpScreen[data-route="pages/index/index"] .privacy-popup-desc{
  font-size: 14px;
  color: var(--mp-n38);
  line-height: 1.6;
  text-align: center;
  margin-bottom: 24px;
  padding: 0 4px;}#mpScreen[data-route="pages/index/index"] .privacy-popup-btns{
  display: flex;
  gap: 12px;
  width: 100%;}#mpScreen[data-route="pages/index/index"] .privacy-popup-btn{
  flex: 1;
  height: 46px;
  border-radius: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .privacy-popup-btn::after{
  border: none;}#mpScreen[data-route="pages/index/index"] .privacy-btn-outline{
  background-color: var(--mp-n96);
  color: var(--mp-ink1);
  border: 1px solid color-mix(in srgb, var(--mp-n00), transparent 92%);}#mpScreen[data-route="pages/index/index"] .privacy-btn-primary{
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-b1));
  color: var(--mp-inkOn);
  border: none;}#mpScreen[data-route="pages/index/index"] .pay-modal-dot.dot-tl{ top: -10px; left: -8px;}#mpScreen[data-route="pages/index/index"] .pay-modal-dot.dot-tr{ top: -10px; right: -8px;}#mpScreen[data-route="pages/index/index"] .pay-modal-dot.dot-bl{ bottom: -10px; left: -8px;}#mpScreen[data-route="pages/index/index"] .pay-modal-dot.dot-br{ bottom: -10px; right: -8px;}#mpScreen[data-route="pages/index/index"] .pay-modal-dot.dot-tm{ top: -10px; left: 50%; transform: translateX(-50%);}#mpScreen[data-route="pages/index/index"] .pay-modal-dot.dot-bm{ bottom: -10px; left: 50%; transform: translateX(-50%);}

/* ========== 实时地图定位面板 ========== */
/* 地图面板的 overlay 需要比发布面板更高 */#mpScreen[data-route="pages/index/index"] .map-overlay{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 950;
  display: flex;
  align-items: flex-end;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .map-panel-mask{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 40%);}#mpScreen[data-route="pages/index/index"] .map-panel-container{
  position: relative;
  background-color: var(--mp-n100);
  border-radius: 32px 32px 0 0;
  width: 100%;
  max-width: calc(100 * var(--mpvw));
  height: calc(90 * var(--mpvh));
  display: flex;
  flex-direction: column;
  box-shadow: 0 -8px 32px color-mix(in srgb, var(--mp-n00), transparent 88%), 0 -1px 3px color-mix(in srgb, var(--mp-n00), transparent 94%);
  box-sizing: border-box;
  overflow: hidden;}#mpScreen[data-route="pages/index/index"] .map-panel-header{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 16px 12px;
  border-bottom: 1px solid var(--mp-line1);
  flex-shrink: 0;
  background-color: var(--mp-n100);
  z-index: 10;}#mpScreen[data-route="pages/index/index"] .map-panel-back{
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: var(--mp-n96);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .map-panel-back-icon{
  font-size: 18px;
  font-weight: 700;
  color: var(--mp-ink1);
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .map-panel-title{
  font-size: 17px;
  font-weight: 700;
  color: var(--mp-ink1);
  letter-spacing: -0.02em;
  line-height: 1.3;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .map-panel-confirm-btn{
  background: var(--mp-n08);
  border-radius: 18px;
  padding: 8px 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .map-panel-confirm-btn::after{
  border: none;}#mpScreen[data-route="pages/index/index"] .map-panel-confirm-text{
  font-size: 14px;
  font-weight: 600;
  color: var(--mp-inkOn);
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}

/* 圆角边框装饰emoji */

/* 关闭按钮 */

/* 头部图标行 */

/* 标题 */

/* 功能对比区域 */

/* 浮动背景emoji */

/* 聘礼区域 */

/* 操作按钮 */

/* 底部提示 */

/* ========== 授权提示弹窗 ========== */#mpScreen[data-route="pages/index/index"] .auth-tip-overlay{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 45%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2000;}#mpScreen[data-route="pages/index/index"] .auth-tip-mask{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;}#mpScreen[data-route="pages/index/index"] .auth-tip-card{
  width: calc(80 * var(--mpvw));
  max-width: calc(600 * var(--mprpx));
  background: var(--mp-n100);
  border-radius: calc(40 * var(--mprpx));
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  padding: calc(48 * var(--mprpx)) calc(36 * var(--mprpx)) calc(36 * var(--mprpx));
  box-shadow: 0 calc(20 * var(--mprpx)) calc(60 * var(--mprpx)) color-mix(in srgb, var(--mp-n00), transparent 80%);
  display: flex;
  flex-direction: column;
  align-items: center;}#mpScreen[data-route="pages/index/index"] .auth-tip-close{
  position: absolute;
  top: calc(20 * var(--mprpx));
  right: calc(20 * var(--mprpx));
  width: calc(52 * var(--mprpx));
  height: calc(52 * var(--mprpx));
  border-radius: 50%;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 94%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;}#mpScreen[data-route="pages/index/index"] .auth-tip-close-icon{
  font-size: calc(26 * var(--mprpx));
  color: var(--mp-n60);
  font-weight: 600;
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .auth-tip-icon-row{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: calc(20 * var(--mprpx));}#mpScreen[data-route="pages/index/index"] .auth-tip-emoji{
  font-size: calc(56 * var(--mprpx));
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .auth-tip-title{
  font-size: calc(34 * var(--mprpx));
  font-weight: 700;
  color: var(--mp-ink1);
  margin-bottom: calc(16 * var(--mprpx));
  text-align: center;}#mpScreen[data-route="pages/index/index"] .auth-tip-message{
  font-size: calc(28 * var(--mprpx));
  color: var(--mp-n38);
  line-height: 1.6;
  text-align: center;
  margin-bottom: calc(32 * var(--mprpx));
  padding: 0 calc(12 * var(--mprpx));}#mpScreen[data-route="pages/index/index"] .auth-tip-actions{
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: calc(20 * var(--mprpx));}#mpScreen[data-route="pages/index/index"] .auth-tip-btn{
  flex: 1;
  height: calc(80 * var(--mprpx));
  border-radius: calc(40 * var(--mprpx));
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .auth-tip-btn-cancel{
  background-color: var(--mp-n96);}#mpScreen[data-route="pages/index/index"] .auth-tip-btn-confirm{
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-b1));}#mpScreen[data-route="pages/index/index"] .auth-tip-btn-text{
  font-size: calc(28 * var(--mprpx));
  font-weight: 600;
  color: var(--mp-n38);
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .auth-tip-btn-confirm-text{
  color: var(--mp-inkOn);}

/* ========== 发布送审确认弹窗（置顶图层，背景模糊，emoji趣味风） ========== */#mpScreen[data-route="pages/index/index"] .publish-confirm-overlay{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 40%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);}#mpScreen[data-route="pages/index/index"] .publish-confirm-mask{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;}#mpScreen[data-route="pages/index/index"] .publish-confirm-card{
  width: calc(88 * var(--mpvw));
  max-width: calc(680 * var(--mprpx));
  max-height: calc(88 * var(--mpvh));
  background: linear-gradient(180deg, var(--mp-n100) 0%, var(--mp-x59) 15%, var(--mp-n100) 40%, var(--mp-n100) 100%);
  border-radius: calc(48 * var(--mprpx));
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  padding: 0;
  box-shadow: 0 calc(30 * var(--mprpx)) calc(80 * var(--mprpx)) color-mix(in srgb, var(--mp-n00), transparent 75%), 0 calc(8 * var(--mprpx)) calc(24 * var(--mprpx)) color-mix(in srgb, var(--mp-n00), transparent 88%), 0 0 0 calc(6 * var(--mprpx)) color-mix(in srgb, var(--mp-bHi), transparent 80%);
  display: flex;
  flex-direction: column;
  z-index: 10000;}

/* 四角emoji花边 */#mpScreen[data-route="pages/index/index"] .pc-emoji-border{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 1;
  overflow: visible;}#mpScreen[data-route="pages/index/index"] .pc-dot{
  position: absolute;
  font-size: calc(36 * var(--mprpx));
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 calc(3 * var(--mprpx)) calc(6 * var(--mprpx)) color-mix(in srgb, var(--mp-n00), transparent 88%));
  animation: pcDotPulse 2s ease-in-out infinite;}#mpScreen[data-route="pages/index/index"] .pc-dot-tl{ top: calc(18 * var(--mprpx)); left: calc(22 * var(--mprpx)); animation-delay: 0s;}#mpScreen[data-route="pages/index/index"] .pc-dot-tr{ top: calc(18 * var(--mprpx)); right: calc(22 * var(--mprpx)); animation-delay: 0.5s;}#mpScreen[data-route="pages/index/index"] .pc-dot-bl{ bottom: calc(18 * var(--mprpx)); left: calc(22 * var(--mprpx)); animation-delay: 1s;}#mpScreen[data-route="pages/index/index"] .pc-dot-br{ bottom: calc(18 * var(--mprpx)); right: calc(22 * var(--mprpx)); animation-delay: 1.5s;}

@keyframes pcDotPulse {
  0%, 100% { transform: scale(1); opacity: 0.8; }
  50% { transform: scale(1.2); opacity: 1; }
}

/* 背景浮动emoji */#mpScreen[data-route="pages/index/index"] .pc-float-emojis{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;}#mpScreen[data-route="pages/index/index"] .pc-float-emoji{
  position: absolute;
  font-size: calc(32 * var(--mprpx));
  line-height: 1;
  opacity: 0.12;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .pc-fe-1{ top: 10%; left: 8%; animation: pcFloat1 4s ease-in-out infinite;}#mpScreen[data-route="pages/index/index"] .pc-fe-2{ top: 15%; right: 10%; animation: pcFloat2 3.5s ease-in-out 0.5s infinite;}#mpScreen[data-route="pages/index/index"] .pc-fe-3{ top: 50%; left: 5%; animation: pcFloat3 5s ease-in-out 1s infinite;}#mpScreen[data-route="pages/index/index"] .pc-fe-4{ top: 55%; right: 8%; animation: pcFloat4 4.5s ease-in-out 1.5s infinite;}#mpScreen[data-route="pages/index/index"] .pc-fe-5{ bottom: 20%; left: 12%; animation: pcFloat1 3s ease-in-out 0.8s infinite;}#mpScreen[data-route="pages/index/index"] .pc-fe-6{ bottom: 15%; right: 15%; animation: pcFloat2 4s ease-in-out 1.2s infinite;}#mpScreen[data-route="pages/index/index"] .pc-fe-7{ top: 35%; left: 50%; animation: pcFloat3 3.8s ease-in-out 0.3s infinite;}#mpScreen[data-route="pages/index/index"] .pc-fe-8{ bottom: 40%; right: 50%; animation: pcFloat4 4.2s ease-in-out 1.8s infinite;}

@keyframes pcFloat1 {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-12rpx) rotate(8deg); }
}

@keyframes pcFloat2 {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(10rpx) rotate(-6deg); }
}

@keyframes pcFloat3 {
  0%, 100% { transform: translateX(0) scale(1); }
  50% { transform: translateX(-8rpx) scale(1.1); }
}

@keyframes pcFloat4 {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-6rpx) scale(1.12); }
}

/* 头部图标行 */#mpScreen[data-route="pages/index/index"] .pc-icon-row{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(40 * var(--mprpx)) 0 calc(8 * var(--mprpx));
  gap: calc(18 * var(--mprpx));
  position: relative;
  z-index: 2;}#mpScreen[data-route="pages/index/index"] .pc-icon-emoji{
  font-size: calc(44 * var(--mprpx));
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 calc(3 * var(--mprpx)) calc(6 * var(--mprpx)) color-mix(in srgb, var(--mp-n00), transparent 90%));}#mpScreen[data-route="pages/index/index"] .pc-icon-main{
  font-size: calc(56 * var(--mprpx));
  animation: pcIconBounce 1.5s ease-in-out infinite;}

@keyframes pcIconBounce {
  0%, 100% { transform: translateY(0); }
  30% { transform: translateY(-10rpx); }
  50% { transform: translateY(0); }
  70% { transform: translateY(-6rpx); }
}

/* 标题 */#mpScreen[data-route="pages/index/index"] .pc-title{
  font-size: calc(38 * var(--mprpx));
  font-weight: 800;
  color: var(--mp-ink1);
  text-align: center;
  letter-spacing: -0.03em;
  line-height: 1.3;
  padding: 0 calc(40 * var(--mprpx)) calc(22 * var(--mprpx));
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;}

/* 提交后的说明卡片 */#mpScreen[data-route="pages/index/index"] .pc-notice-card{
  margin: 0 calc(28 * var(--mprpx)) calc(16 * var(--mprpx));
  padding: calc(18 * var(--mprpx)) calc(20 * var(--mprpx));
  border-radius: calc(24 * var(--mprpx));
  background: linear-gradient(135deg, var(--mp-w96), var(--mp-w92));
  border: calc(1.5 * var(--mprpx)) solid var(--mp-w84);
  position: relative;
  z-index: 2;
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .pc-notice-header{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: calc(8 * var(--mprpx));
  margin-bottom: calc(12 * var(--mprpx));}#mpScreen[data-route="pages/index/index"] .pc-notice-emoji{
  font-size: calc(28 * var(--mprpx));
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .pc-notice-label{
  font-size: calc(26 * var(--mprpx));
  font-weight: 700;
  color: var(--mp-cDeep);
  line-height: 1.3;}#mpScreen[data-route="pages/index/index"] .pc-notice-list{
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--mprpx));}#mpScreen[data-route="pages/index/index"] .pc-notice-item{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: calc(8 * var(--mprpx));}#mpScreen[data-route="pages/index/index"] .pc-notice-dot{
  font-size: calc(22 * var(--mprpx));
  color: var(--mp-x05);
  font-weight: 700;
  line-height: 1.6;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .pc-notice-text{
  font-size: calc(22 * var(--mprpx));
  color: var(--mp-cDeep);
  font-weight: 400;
  line-height: 1.6;
  flex: 1;}#mpScreen[data-route="pages/index/index"] .pc-notice-highlight{
  color: var(--mp-x05);
  font-weight: 700;}

/* 公众号联系卡片 */#mpScreen[data-route="pages/index/index"] .pc-contact-card{
  margin: 0 calc(28 * var(--mprpx)) calc(20 * var(--mprpx));
  padding: calc(18 * var(--mprpx)) calc(20 * var(--mprpx));
  border-radius: calc(24 * var(--mprpx));
  background: linear-gradient(135deg, var(--mp-n100), var(--mp-w96));
  border: calc(1.5 * var(--mprpx)) dashed var(--mp-cPale);
  position: relative;
  z-index: 2;
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .pc-contact-header{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: calc(8 * var(--mprpx));
  margin-bottom: calc(8 * var(--mprpx));}#mpScreen[data-route="pages/index/index"] .pc-contact-icon{
  font-size: calc(26 * var(--mprpx));
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .pc-contact-title{
  font-size: calc(26 * var(--mprpx));
  font-weight: 700;
  color: var(--mp-ink1);
  line-height: 1.3;}#mpScreen[data-route="pages/index/index"] .pc-contact-desc{
  display: block;
  font-size: calc(22 * var(--mprpx));
  color: var(--mp-cDeep);
  line-height: 1.6;
  margin-bottom: calc(14 * var(--mprpx));}#mpScreen[data-route="pages/index/index"] .pc-contact-name-pill{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: calc(6 * var(--mprpx));
  align-self: center;
  padding: calc(10 * var(--mprpx)) calc(24 * var(--mprpx));
  border-radius: calc(32 * var(--mprpx));
  background: linear-gradient(135deg, var(--mp-w92), var(--mp-w84));
  margin-bottom: calc(14 * var(--mprpx));}#mpScreen[data-route="pages/index/index"] .pc-contact-name-emoji{
  font-size: calc(22 * var(--mprpx));
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .pc-contact-name{
  font-size: calc(24 * var(--mprpx));
  font-weight: 800;
  color: var(--mp-cDeep);
  letter-spacing: -0.01em;
  line-height: 1.2;}#mpScreen[data-route="pages/index/index"] .pc-contact-copy-btn{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: calc(8 * var(--mprpx));
  min-height: calc(68 * var(--mprpx));
  padding: 0 calc(20 * var(--mprpx));
  border-radius: calc(34 * var(--mprpx));
  background: linear-gradient(135deg, var(--mp-bgB), var(--mp-w92));
  border: calc(1.5 * var(--mprpx)) solid var(--mp-w84);
  box-sizing: border-box;
  transition: background-color 0.22s ease, border-color 0.22s ease;}#mpScreen[data-route="pages/index/index"] .pc-contact-copy-btn:active{
  background: linear-gradient(135deg, var(--mp-w92), var(--mp-w84));}#mpScreen[data-route="pages/index/index"] .pc-contact-copy-btn.copied{
  background: linear-gradient(135deg, var(--mp-n96), var(--mp-x106));
  border-color: var(--mp-x107);}#mpScreen[data-route="pages/index/index"] .pc-contact-copy-emoji{
  font-size: calc(24 * var(--mprpx));
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .pc-contact-copy-text{
  font-size: calc(22 * var(--mprpx));
  color: var(--mp-cDeep);
  font-weight: 600;
  line-height: 1.4;}#mpScreen[data-route="pages/index/index"] .pc-contact-copy-btn.copied .pc-contact-copy-text{
  color: var(--mp-x108);}

/* 操作按钮 */#mpScreen[data-route="pages/index/index"] .pc-actions{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: calc(16 * var(--mprpx));
  margin: 0 calc(28 * var(--mprpx)) calc(12 * var(--mprpx));
  position: relative;
  z-index: 2;}#mpScreen[data-route="pages/index/index"] .pc-btn-cancel{
  flex: 1;
  height: calc(88 * var(--mprpx));
  border-radius: calc(44 * var(--mprpx));
  background-color: var(--mp-n96);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease;
  box-sizing: border-box;
  border: calc(1.5 * var(--mprpx)) solid color-mix(in srgb, var(--mp-n00), transparent 94%);}#mpScreen[data-route="pages/index/index"] .pc-btn-cancel:active{
  background-color: var(--mp-n91);
  transform: scale(0.97);}#mpScreen[data-route="pages/index/index"] .pc-btn-cancel-text{
  font-size: calc(30 * var(--mprpx));
  font-weight: 600;
  color: var(--mp-n38);
  letter-spacing: -0.01em;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .pc-btn-confirm{
  flex: 2.5;
  height: calc(88 * var(--mprpx));
  border-radius: calc(44 * var(--mprpx));
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-b1));
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 calc(8 * var(--mprpx)) calc(24 * var(--mprpx)) color-mix(in srgb, var(--mp-b1), transparent 65%);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  box-sizing: border-box;
  animation: pcPulse 2.5s infinite;}#mpScreen[data-route="pages/index/index"] .pc-btn-confirm:active{
  transform: scale(0.97);
  box-shadow: 0 calc(4 * var(--mprpx)) calc(12 * var(--mprpx)) color-mix(in srgb, var(--mp-b1), transparent 75%);}

@keyframes pcPulse {
  0% { box-shadow: 0 6rpx 20rpx rgba(255, 107, 53, 0.3); }
  50% { box-shadow: 0 10rpx 30rpx rgba(255, 107, 53, 0.5); }
  100% { box-shadow: 0 6rpx 20rpx rgba(255, 107, 53, 0.3); }
}#mpScreen[data-route="pages/index/index"] .pc-btn-confirm-text{
  font-size: calc(28 * var(--mprpx));
  font-weight: 700;
  color: var(--mp-inkOn);
  letter-spacing: -0.01em;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}

/* 底部装饰 */#mpScreen[data-route="pages/index/index"] .pc-bottom-deco{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: calc(14 * var(--mprpx));
  padding: calc(6 * var(--mprpx)) 0 calc(24 * var(--mprpx));
  position: relative;
  z-index: 2;}#mpScreen[data-route="pages/index/index"] .pc-bottom-emoji{
  font-size: calc(22 * var(--mprpx));
  line-height: 1;
  opacity: 0.5;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: pcBottomEmoji 2s ease-in-out infinite;}#mpScreen[data-route="pages/index/index"] .pc-bottom-emoji:nth-child(1){ animation-delay: 0s;}#mpScreen[data-route="pages/index/index"] .pc-bottom-emoji:nth-child(2){ animation-delay: 0.2s;}#mpScreen[data-route="pages/index/index"] .pc-bottom-emoji:nth-child(3){ animation-delay: 0.4s;}#mpScreen[data-route="pages/index/index"] .pc-bottom-emoji:nth-child(4){ animation-delay: 0.6s;}#mpScreen[data-route="pages/index/index"] .pc-bottom-emoji:nth-child(5){ animation-delay: 0.8s;}

@keyframes pcBottomEmoji {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-4rpx) scale(1.15); }
}

/* ========== 四级联动地址选择器弹窗 ========== */#mpScreen[data-route="pages/index/index"] .address-picker-overlay{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 45%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1100;}#mpScreen[data-route="pages/index/index"] .address-picker-mask{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;}#mpScreen[data-route="pages/index/index"] .address-picker-panel{
  width: calc(86 * var(--mpvw));
  max-width: calc(680 * var(--mprpx));
  max-height: calc(80 * var(--mpvh));
  background: var(--mp-n100);
  border-radius: calc(36 * var(--mprpx));
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  box-shadow: 0 calc(20 * var(--mprpx)) calc(60 * var(--mprpx)) color-mix(in srgb, var(--mp-n00), transparent 80%);}#mpScreen[data-route="pages/index/index"] .address-picker-header{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: calc(28 * var(--mprpx)) calc(32 * var(--mprpx)) calc(20 * var(--mprpx));
  border-bottom: calc(1 * var(--mprpx)) solid var(--mp-line1);
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .address-picker-header-left{
  display: flex;
  flex-direction: row;
  align-items: center;}#mpScreen[data-route="pages/index/index"] .address-picker-back-btn{
  width: calc(56 * var(--mprpx));
  height: calc(56 * var(--mprpx));
  border-radius: calc(28 * var(--mprpx));
  background-color: var(--mp-n96);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: calc(16 * var(--mprpx));}#mpScreen[data-route="pages/index/index"] .address-picker-back-btn text{
  font-size: calc(28 * var(--mprpx));
  color: var(--mp-ink2);
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .address-picker-title{
  font-size: calc(32 * var(--mprpx));
  font-weight: 700;
  color: var(--mp-ink1);
  line-height: 1.4;}#mpScreen[data-route="pages/index/index"] .address-picker-step-indicator{
  font-size: calc(24 * var(--mprpx));
  color: var(--mp-b1);
  font-weight: 600;
  margin-left: calc(12 * var(--mprpx));
  line-height: 1.4;}#mpScreen[data-route="pages/index/index"] .address-picker-close{
  width: calc(56 * var(--mprpx));
  height: calc(56 * var(--mprpx));
  border-radius: calc(28 * var(--mprpx));
  background-color: var(--mp-n96);
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .address-picker-close text{
  font-size: calc(28 * var(--mprpx));
  color: var(--mp-n60);
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .address-picker-body{
  flex: 1;
  overflow-y: auto;
  padding: calc(8 * var(--mprpx)) 0;}#mpScreen[data-route="pages/index/index"] .address-picker-item{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: calc(24 * var(--mprpx)) calc(32 * var(--mprpx));
  border-bottom: calc(1 * var(--mprpx)) solid var(--mp-line1);
  box-sizing: border-box;
  transition: background-color 0.15s;}#mpScreen[data-route="pages/index/index"] .address-picker-item:active{
  background-color: var(--mp-w96);}#mpScreen[data-route="pages/index/index"] .address-picker-item.selected{
  background-color: var(--mp-w96);}#mpScreen[data-route="pages/index/index"] .address-picker-item-text{
  font-size: calc(28 * var(--mprpx));
  color: var(--mp-ink2);
  line-height: 1.4;
  flex: 1;}#mpScreen[data-route="pages/index/index"] .address-picker-item.selected .address-picker-item-text{
  color: var(--mp-b1);
  font-weight: 600;}#mpScreen[data-route="pages/index/index"] .address-picker-item-check{
  font-size: calc(28 * var(--mprpx));
  color: var(--mp-b1);
  font-weight: 700;
  margin-left: calc(12 * var(--mprpx));}#mpScreen[data-route="pages/index/index"] .address-picker-current{
  padding: calc(16 * var(--mprpx)) calc(32 * var(--mprpx));
  background-color: var(--mp-n100);
  border-bottom: calc(1 * var(--mprpx)) solid var(--mp-w92);
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .address-picker-current-text{
  font-size: calc(24 * var(--mprpx));
  color: var(--mp-cDeep);
  line-height: 1.5;}#mpScreen[data-route="pages/index/index"] .address-picker-current-text .current-highlight{
  color: var(--mp-b1);
  font-weight: 600;}

/* ========== 发布/编辑面板地址选择按钮 ========== */#mpScreen[data-route="pages/index/index"] .address-select-btn{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: calc(80 * var(--mprpx));
  background-color: var(--mp-n100);
  border-radius: calc(20 * var(--mprpx));
  border: calc(1.5 * var(--mprpx)) solid var(--mp-line2);
  padding: 0 calc(24 * var(--mprpx));
  box-sizing: border-box;
  transition: border-color 0.2s;}#mpScreen[data-route="pages/index/index"] .address-select-btn:active{
  border-color: var(--mp-b1);
  background-color: var(--mp-w96);}#mpScreen[data-route="pages/index/index"] .address-select-text{
  font-size: calc(28 * var(--mprpx));
  color: var(--mp-ink2);
  line-height: 1.4;
  flex: 1;
  margin-right: calc(12 * var(--mprpx));}#mpScreen[data-route="pages/index/index"] .address-select-placeholder{
  font-size: calc(28 * var(--mprpx));
  color: var(--mp-n76);
  line-height: 1.4;
  flex: 1;
  margin-right: calc(12 * var(--mprpx));}#mpScreen[data-route="pages/index/index"] .address-select-arrow{
  font-size: calc(24 * var(--mprpx));
  color: var(--mp-n60);
  line-height: 1;}

/* ========== 位置筛选器四级联动Tab ========== */#mpScreen[data-route="pages/index/index"] .location-picker-tabs{
  display: flex;
  flex-direction: row;
  border-bottom: calc(1 * var(--mprpx)) solid var(--mp-line1);
  background-color: var(--mp-n100);}#mpScreen[data-route="pages/index/index"] .location-tab{
  flex: 1;
  height: calc(80 * var(--mprpx));
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .location-tab.active{
  background-color: var(--mp-n100);}#mpScreen[data-route="pages/index/index"] .location-tab.active::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 20%;
  right: 20%;
  height: calc(6 * var(--mprpx));
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-b1));
  border-radius: calc(3 * var(--mprpx));}#mpScreen[data-route="pages/index/index"] .location-tab-text{
  font-size: calc(26 * var(--mprpx));
  color: var(--mp-n60);
  font-weight: 500;
  line-height: 1.4;}#mpScreen[data-route="pages/index/index"] .location-tab.active .location-tab-text{
  color: var(--mp-b1);
  font-weight: 700;}

/* 圆角边框装饰emoji */

/* 关闭按钮 */

/* 头部图标行 */

/* 标题 */

/* 记录列表 */

/* 空状态 */

/* 底部装饰 */

/* 关闭按钮 */

/* 审核状态标签 */#mpScreen[data-route="pages/index/index"] .review-status-badge{
  border-radius: 14px;
  padding: 5px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-left: 6px;}#mpScreen[data-route="pages/index/index"] .review-status-badge.status-pending{
  background: linear-gradient(135deg, var(--mp-x47), var(--mp-x72));
  border: 1.5px solid var(--mp-x70);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--mp-x71), transparent 80%);
  animation: pendingPulse 2s ease-in-out infinite;}

@keyframes pendingPulse {
  0%, 100% { box-shadow: 0 2px 8px rgba(255, 193, 7, 0.2); }
  50% { box-shadow: 0 4px 16px rgba(255, 193, 7, 0.4); }
}#mpScreen[data-route="pages/index/index"] .review-status-badge.status-rejected{
  background: linear-gradient(135deg, var(--mp-x87), var(--mp-x102));
  border: 1.5px solid var(--mp-x109);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--mp-x110), transparent 80%);}#mpScreen[data-route="pages/index/index"] .review-status-text{
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .status-pending .review-status-text{
  color: var(--mp-bRich);}#mpScreen[data-route="pages/index/index"] .status-rejected .review-status-text{
  color: var(--mp-x111);}

/* 驳回原因展示区域 */#mpScreen[data-route="pages/index/index"] .reject-reason-section{
  margin: 0 18px 10px;
  background: linear-gradient(135deg, var(--mp-n100), var(--mp-x112));
  border-radius: 16px;
  padding: 12px 16px;
  border: 1.5px solid var(--mp-x113);
  position: relative;
  z-index: 2;
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .reject-reason-header{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;}#mpScreen[data-route="pages/index/index"] .reject-reason-icon{
  font-size: 16px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .reject-reason-title{
  font-size: 13px;
  font-weight: 700;
  color: var(--mp-x111);
  line-height: 1.3;
  display: flex;
  align-items: center;}#mpScreen[data-route="pages/index/index"] .reject-reason-text{
  font-size: 13px;
  color: var(--mp-x114);
  font-weight: 400;
  line-height: 1.5;
  display: block;
  word-break: break-all;}#mpScreen[data-route="pages/index/index"] .my-publish-fun-card{
  background: linear-gradient(160deg, var(--mp-x115) 0%, var(--mp-x116) 30%, var(--mp-x117) 100%);
  border-radius: 24px;
  padding: 0;
  margin-bottom: 20px;
  box-shadow: 0 6px 20px color-mix(in srgb, var(--mp-x118), transparent 85%), 0 2px 8px color-mix(in srgb, var(--mp-x119), transparent 94%);
  box-sizing: border-box;
  border: 2px solid color-mix(in srgb, var(--mp-x120), transparent 80%);
  width: 100%;
  overflow: hidden;
  position: relative;}#mpScreen[data-route="pages/index/index"] .my-publish-fun-card:active{
  transform: scale(0.98);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--mp-x118), transparent 80%), 0 1px 4px color-mix(in srgb, var(--mp-x119), transparent 92%);}

/* 顶部星星装饰 */#mpScreen[data-route="pages/index/index"] .fun-card-top-deco{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 14px 0 6px;
  position: relative;
  z-index: 2;}#mpScreen[data-route="pages/index/index"] .fun-deco-star{
  font-size: 18px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: funStarTwinkle 1.5s ease-in-out infinite alternate;}#mpScreen[data-route="pages/index/index"] .fun-star-1{ animation-delay: 0s;}#mpScreen[data-route="pages/index/index"] .fun-star-2{ animation-delay: 0.3s;}#mpScreen[data-route="pages/index/index"] .fun-star-3{ animation-delay: 0.6s;}#mpScreen[data-route="pages/index/index"] .fun-star-4{ animation-delay: 0.9s;}

@keyframes funStarTwinkle {
  0% { transform: scale(1); opacity: 0.6; }
  100% { transform: scale(1.3); opacity: 1; }
}

/* 头部区域 */#mpScreen[data-route="pages/index/index"] .fun-card-header{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 18px 12px;
  position: relative;
  z-index: 2;}#mpScreen[data-route="pages/index/index"] .fun-card-pet-avatar{
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--mp-x121), var(--mp-x122));
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  flex-shrink: 0;
  box-shadow: 0 3px 10px color-mix(in srgb, var(--mp-x123), transparent 75%);
  overflow: hidden;}#mpScreen[data-route="pages/index/index"] .fun-card-pet-avatar-img{
  width: 52px;
  height: 52px;
  border-radius: 50%;}#mpScreen[data-route="pages/index/index"] .fun-card-pet-emoji{
  font-size: 28px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .fun-card-header-info{
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;}#mpScreen[data-route="pages/index/index"] .fun-card-name-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;}#mpScreen[data-route="pages/index/index"] .fun-card-name{
  font-size: 24px;
  font-weight: 700;
  color: var(--mp-x124);
  line-height: 1.3;
  display: flex;
  align-items: center;}#mpScreen[data-route="pages/index/index"] .fun-card-tags-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;}#mpScreen[data-route="pages/index/index"] .fun-card-tag{
  border-radius: 10px;
  padding: 0 10px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .fun-type-tag{
  background-color: var(--mp-x125);}#mpScreen[data-route="pages/index/index"] .fun-type-tag.lei-mao{
  background-color: var(--mp-x47);}#mpScreen[data-route="pages/index/index"] .fun-type-tag.lei-mao .fun-tag-text{
  color: var(--mp-x126);}#mpScreen[data-route="pages/index/index"] .fun-type-tag.lei-gou{
  background-color: var(--mp-x37);}#mpScreen[data-route="pages/index/index"] .fun-type-tag.lei-gou .fun-tag-text{
  color: var(--mp-x27);}#mpScreen[data-route="pages/index/index"] .fun-type-tag.lei-qita{
  background-color: var(--mp-x127);}#mpScreen[data-route="pages/index/index"] .fun-type-tag.lei-qita .fun-tag-text{
  color: var(--mp-x128);}#mpScreen[data-route="pages/index/index"] .fun-status-tag{
  background-color: var(--mp-x129);}#mpScreen[data-route="pages/index/index"] .fun-tag-text{
  font-size: 13px;
  font-weight: 600;
  color: var(--mp-x128);
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .fun-status-tag .fun-tag-text{
  color: var(--mp-x42);}#mpScreen[data-route="pages/index/index"] .fun-status-tag.zhuangtai-wei-jueyu{
  background-color: var(--mp-x43);}#mpScreen[data-route="pages/index/index"] .fun-status-tag.zhuangtai-wei-jueyu .fun-tag-text{
  color: var(--mp-x21);}#mpScreen[data-route="pages/index/index"] .fun-status-tag.zhuangtai-weizhi{
  background-color: var(--mp-x47);}#mpScreen[data-route="pages/index/index"] .fun-status-tag.zhuangtai-weizhi .fun-tag-text{
  color: var(--mp-x75);}#mpScreen[data-route="pages/index/index"] .fun-card-publish-badge{
  flex-shrink: 0;
  background: linear-gradient(135deg, var(--mp-x118), var(--mp-x130));
  border-radius: 14px;
  padding: 6px 12px;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--mp-x118), transparent 70%);}#mpScreen[data-route="pages/index/index"] .fun-publish-badge-text{
  font-size: 11px;
  font-weight: 700;
  color: var(--mp-x131);
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}

/* 分隔线 */#mpScreen[data-route="pages/index/index"] .fun-card-divider{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 18px;
  margin-bottom: 8px;
  position: relative;
  z-index: 2;}#mpScreen[data-route="pages/index/index"] .fun-divider-dot{
  font-size: 14px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .fun-divider-line{
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--mp-x118), transparent 60%), color-mix(in srgb, var(--mp-x130), transparent 60%));
  margin: 0 8px;}

/* 信息网格 */#mpScreen[data-route="pages/index/index"] .fun-card-info-grid{
  display: flex;
  flex-direction: column;
  gap: 0px;
  padding: 0 18px 8px;
  position: relative;
  z-index: 2;}#mpScreen[data-route="pages/index/index"] .fun-info-item{
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 6px;
  padding: 1px 0;}

/* 已领养卡片的 180 天下架倒计时，和底部按钮同层 */#mpScreen[data-route="pages/index/index"] .adopted-card-countdown{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 0 18px 10px;
  padding: 7px 12px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--mp-x47), var(--mp-w92));
  border: 1.5px solid var(--mp-w84);
  box-sizing: border-box;
  position: relative;
  z-index: 2;}#mpScreen[data-route="pages/index/index"] .adopted-card-countdown-icon{
  font-size: 13px;
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .adopted-card-countdown-text{
  font-size: 12px;
  font-weight: 700;
  color: var(--mp-x67);
  line-height: 1.45;}

/* 底部 */#mpScreen[data-route="pages/index/index"] .fun-card-footer{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 18px 12px;
  border-top: 1px solid color-mix(in srgb, var(--mp-x120), transparent 85%);
  position: relative;
  z-index: 2;}#mpScreen[data-route="pages/index/index"] .fun-card-footer-left{
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1 1 auto;
  min-width: 0;}

/* 底部装饰 */#mpScreen[data-route="pages/index/index"] .fun-card-bottom-deco{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 4px 0 12px;
  position: relative;
  z-index: 2;}#mpScreen[data-route="pages/index/index"] .fun-deco-paw{
  font-size: 16px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.7;}#mpScreen[data-route="pages/index/index"] .fun-deco-heart{
  font-size: 20px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: funHeartBeat 1s ease-in-out infinite;}

@keyframes funHeartBeat {
  0% { transform: scale(1); }
  15% { transform: scale(1.25); }
  30% { transform: scale(1); }
  45% { transform: scale(1.2); }
  60% { transform: scale(1); }
  100% { transform: scale(1); }
}

/* ========== 坐等被领养趣味卡片样式 ========== */#mpScreen[data-route="pages/index/index"] .waiting-fun-card{
  background: linear-gradient(160deg, var(--mp-n100) 0%, var(--mp-waitWash) 30%, var(--mp-n100) 100%);
  border-radius: 24px;
  padding: 0;
  margin-bottom: 20px;
  box-shadow: 0 6px 20px color-mix(in srgb, var(--mp-waitDeep), transparent 85%), 0 2px 8px color-mix(in srgb, var(--mp-n00), transparent 94%);
  box-sizing: border-box;
  border: 2px solid color-mix(in srgb, var(--mp-waitDeep), transparent 80%);
  width: 100%;
  overflow: hidden;
  position: relative;}#mpScreen[data-route="pages/index/index"] .waiting-fun-card:active{
  transform: scale(0.98);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--mp-waitDeep), transparent 80%), 0 1px 4px color-mix(in srgb, var(--mp-n00), transparent 92%);}

/* 顶部爱心装饰 */#mpScreen[data-route="pages/index/index"] .waiting-fun-card-top-deco{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 0 6px;
  position: relative;
  z-index: 2;}#mpScreen[data-route="pages/index/index"] .waiting-fun-deco-heart{
  font-size: 18px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: waitingHeartFloat 2s ease-in-out infinite alternate;}#mpScreen[data-route="pages/index/index"] .waiting-heart-1{ animation-delay: 0s;}#mpScreen[data-route="pages/index/index"] .waiting-heart-2{ animation-delay: 0.4s;}#mpScreen[data-route="pages/index/index"] .waiting-heart-3{ animation-delay: 0.8s;}#mpScreen[data-route="pages/index/index"] .waiting-heart-4{ animation-delay: 1.2s;}

@keyframes waitingHeartFloat {
  0% { transform: translateY(0) scale(1); opacity: 0.6; }
  100% { transform: translateY(-4px) scale(1.2); opacity: 1; }
}

/* 头部区域 */#mpScreen[data-route="pages/index/index"] .waiting-fun-card-header{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 18px 12px;
  position: relative;
  z-index: 2;}#mpScreen[data-route="pages/index/index"] .waiting-fun-card-pet-avatar{
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--mp-waitSoft), var(--mp-waitMid));
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  flex-shrink: 0;
  box-shadow: 0 3px 10px color-mix(in srgb, var(--mp-waitBlue), transparent 75%);
  overflow: hidden;}#mpScreen[data-route="pages/index/index"] .waiting-fun-card-pet-avatar-img{
  width: 52px;
  height: 52px;
  border-radius: 50%;}#mpScreen[data-route="pages/index/index"] .waiting-fun-card-pet-emoji{
  font-size: 28px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .waiting-fun-card-header-info{
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;}#mpScreen[data-route="pages/index/index"] .waiting-fun-card-name-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;}#mpScreen[data-route="pages/index/index"] .waiting-fun-card-name{
  font-size: 24px;
  font-weight: 700;
  color: var(--mp-ink1);
  line-height: 1.3;
  display: flex;
  align-items: center;}#mpScreen[data-route="pages/index/index"] .waiting-fun-gender-tag-gong{
  background-color: var(--mp-x37);}#mpScreen[data-route="pages/index/index"] .waiting-fun-gender-tag-gong .waiting-fun-tag-text{
  color: var(--mp-x27);}#mpScreen[data-route="pages/index/index"] .waiting-fun-gender-tag-mu{
  background-color: var(--mp-x14);}#mpScreen[data-route="pages/index/index"] .waiting-fun-gender-tag-mu .waiting-fun-tag-text{
  color: var(--mp-x16);}#mpScreen[data-route="pages/index/index"] .waiting-fun-card-tags-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;}#mpScreen[data-route="pages/index/index"] .waiting-fun-card-tag{
  border-radius: 10px;
  padding: 0 10px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .waiting-fun-type-tag{
  background-color: var(--mp-x37);}#mpScreen[data-route="pages/index/index"] .waiting-fun-type-tag.lei-mao{
  background-color: var(--mp-x47);}#mpScreen[data-route="pages/index/index"] .waiting-fun-type-tag.lei-mao .waiting-fun-tag-text{
  color: var(--mp-bRich);}#mpScreen[data-route="pages/index/index"] .waiting-fun-type-tag.lei-gou{
  background-color: var(--mp-x37);}#mpScreen[data-route="pages/index/index"] .waiting-fun-type-tag.lei-gou .waiting-fun-tag-text{
  color: var(--mp-x27);}#mpScreen[data-route="pages/index/index"] .waiting-fun-type-tag.lei-qita{
  background-color: var(--mp-n91);}#mpScreen[data-route="pages/index/index"] .waiting-fun-type-tag.lei-qita .waiting-fun-tag-text{
  color: var(--mp-w20);}#mpScreen[data-route="pages/index/index"] .waiting-fun-status-tag{
  background-color: var(--mp-n96);}#mpScreen[data-route="pages/index/index"] .waiting-fun-tag-text{
  font-size: 13px;
  font-weight: 600;
  color: var(--mp-waitInk);
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .waiting-fun-status-tag .waiting-fun-tag-text{
  color: var(--mp-x42);}#mpScreen[data-route="pages/index/index"] .waiting-fun-status-tag.zhuangtai-wei-jueyu{
  background-color: var(--mp-x43);}#mpScreen[data-route="pages/index/index"] .waiting-fun-status-tag.zhuangtai-wei-jueyu .waiting-fun-tag-text{
  color: var(--mp-x21);}#mpScreen[data-route="pages/index/index"] .waiting-fun-status-tag.zhuangtai-weizhi{
  background-color: var(--mp-x47);}#mpScreen[data-route="pages/index/index"] .waiting-fun-status-tag.zhuangtai-weizhi .waiting-fun-tag-text{
  color: var(--mp-x75);}#mpScreen[data-route="pages/index/index"] .waiting-fun-card-interact{
  flex-shrink: 0;
  display: flex;
  align-items: center;}

/* 分隔线 */#mpScreen[data-route="pages/index/index"] .waiting-fun-card-divider{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 18px;
  margin-bottom: 8px;
  position: relative;
  z-index: 2;}#mpScreen[data-route="pages/index/index"] .waiting-fun-divider-dot{
  font-size: 14px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .waiting-fun-divider-line{
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--mp-waitDeep), transparent 60%), color-mix(in srgb, var(--mp-waitHot), transparent 60%));
  margin: 0 8px;}

/* 信息网格 */#mpScreen[data-route="pages/index/index"] .waiting-fun-card-info-grid{
  display: flex;
  flex-direction: column;
  gap: 0px;
  padding: 0 18px 8px;
  position: relative;
  z-index: 2;}#mpScreen[data-route="pages/index/index"] .waiting-fun-info-item{
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 8px;
  padding: 1px 0;}#mpScreen[data-route="pages/index/index"] .waiting-fun-info-label-wrap{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  min-width: 30px;
  max-width: 120px;}#mpScreen[data-route="pages/index/index"] .waiting-fun-info-label-emoji{
  font-size: 15px;
  line-height: 1;
  display: flex;
  align-items: center;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .waiting-fun-info-label{
  font-size: 13px;
  font-weight: 600;
  color: var(--mp-x132);
  line-height: 1.5;
  white-space: nowrap;
  letter-spacing: -0.005em;
  display: flex;
  align-items: center;}#mpScreen[data-route="pages/index/index"] .waiting-fun-info-value{
  font-size: 14px;
  color: var(--mp-ink1);
  font-weight: 500;
  line-height: 1.3;
  word-break: break-all;
  overflow-wrap: break-word;
  flex: 1;}#mpScreen[data-route="pages/index/index"] .waiting-fun-info-emoji{
  font-size: 14px;
  line-height: 1;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 20px;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .waiting-fun-info-text{
  font-size: 13px;
  color: var(--mp-ink2);
  font-weight: 400;
  line-height: 1.5;
  word-break: break-all;
  overflow-wrap: break-word;
  flex: 1;}

/* 底部 */#mpScreen[data-route="pages/index/index"] .waiting-fun-card-footer{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 10px 18px 12px;
  border-top: 1px solid color-mix(in srgb, var(--mp-waitDeep), transparent 85%);
  position: relative;
  z-index: 2;}#mpScreen[data-route="pages/index/index"] .waiting-fun-card-footer-left{
  display: flex;
  flex-direction: column;
  gap: 4px;}

/* 底部装饰 */#mpScreen[data-route="pages/index/index"] .waiting-fun-card-bottom-deco{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 4px 0 12px;
  position: relative;
  z-index: 2;}#mpScreen[data-route="pages/index/index"] .waiting-fun-deco-paw{
  font-size: 16px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.7;}#mpScreen[data-route="pages/index/index"] .waiting-fun-deco-sparkle{
  font-size: 20px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: waitingSparkle 1.5s ease-in-out infinite alternate;}

@keyframes waitingSparkle {
  0% { transform: scale(1) rotate(0deg); opacity: 0.6; }
  100% { transform: scale(1.3) rotate(20deg); opacity: 1; }
}

/* ========== 已领养卡片叠加层样式 ========== */
/* 已领养状态 - 卡片整体叠加灰色半透明图层 */#mpScreen[data-route="pages/index/index"] .adopted-card{
  position: relative;}#mpScreen[data-route="pages/index/index"] .adopted-card .fun-card-top-deco,
#mpScreen[data-route="pages/index/index"] .adopted-card .fun-card-header,
#mpScreen[data-route="pages/index/index"] .adopted-card .fun-card-divider,
#mpScreen[data-route="pages/index/index"] .adopted-card .fun-card-info-grid,
#mpScreen[data-route="pages/index/index"] .adopted-card .waiting-fun-card-info-grid,
#mpScreen[data-route="pages/index/index"] .adopted-card .pet-card-photos,
#mpScreen[data-route="pages/index/index"] .adopted-card .fun-card-bottom-deco{
  filter: grayscale(40%);
  opacity: 0.55;
  transition: all 0.3s ease;}

/* 灰色图层压在这些数据上，深黑字会顶穿遮罩；已领养时统一提亮 */#mpScreen[data-route="pages/index/index"] .adopted-card .waiting-fun-info-value{
  color: var(--mp-n50);
  font-weight: 400;}

/* 左下角的聘礼、发布时间、浏览/关注同样是用户填的数据，跟着一起压灰；
   右边的按钮是操作入口，保持原样才点得下去 */#mpScreen[data-route="pages/index/index"] .adopted-card .fun-card-footer-left{
  filter: grayscale(40%);
  opacity: 0.55;
  transition: all 0.3s ease;}#mpScreen[data-route="pages/index/index"] .adopted-card .fun-card-footer{
  position: relative;
  z-index: 20;
  filter: none;
  opacity: 1;
  transition: all 0.3s ease;}

/* 已领养遮罩层容器 */#mpScreen[data-route="pages/index/index"] .adopted-overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;}

/* 已领养半透明灰色背景图层 */#mpScreen[data-route="pages/index/index"] .adopted-overlay-bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 88%);
  border-radius: 24px;
  z-index: 0;}

/* 已领养内容区域（图标+文字） */#mpScreen[data-route="pages/index/index"] .adopted-overlay-content{
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--mp-n100), transparent 15%);
  border-radius: 24px;
  padding: 24px 40px;
  box-shadow: 0 8px 32px color-mix(in srgb, var(--mp-n00), transparent 88%), 0 2px 8px color-mix(in srgb, var(--mp-n00), transparent 94%);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);}

/* 已领养图标 - 放大显示 */#mpScreen[data-route="pages/index/index"] .adopted-overlay-icon{
  font-size: 56px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  filter: drop-shadow(0 4px 8px color-mix(in srgb, var(--mp-n00), transparent 85%));
  transform: scale(1.3);}

/* 已领养主文字 */#mpScreen[data-route="pages/index/index"] .adopted-overlay-text{
  font-size: 22px;
  font-weight: 800;
  color: var(--mp-x57);
  letter-spacing: -0.02em;
  line-height: 1.3;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}

/* 已领养副文字 */#mpScreen[data-route="pages/index/index"] .adopted-overlay-sub{
  font-size: 14px;
  font-weight: 500;
  color: var(--mp-n60);
  letter-spacing: -0.005em;
  line-height: 1.4;
  margin-top: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}

/* 领养修改按钮样式 */#mpScreen[data-route="pages/index/index"] .edit-adopt-btn{
  background: var(--mp-n18);
  border-radius: 22px;
  padding: 9px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  box-sizing: border-box;
  transition: transform 0.15s ease, opacity 0.15s ease;
  height: 36px;
  flex-shrink: 0;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 1;
  min-width: 0;}#mpScreen[data-route="pages/index/index"] .edit-adopt-btn::after{
  border: none;}#mpScreen[data-route="pages/index/index"] .edit-adopt-btn:active{
  transform: scale(0.96);
  opacity: 0.85;}#mpScreen[data-route="pages/index/index"] .edit-adopt-btn .adopted-btn-text{
  color: var(--mp-inkOn);
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}

/* ========== 守护人标签切换（我的收藏 / 我的发布） ========== */#mpScreen[data-route="pages/index/index"] .guardian-tab-section{
  margin-bottom: 16px;
  width: 100%;
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .guardian-tab-header{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 6px 0 10px;}#mpScreen[data-route="pages/index/index"] .guardian-tab-deco-l,
#mpScreen[data-route="pages/index/index"] .guardian-tab-deco-r{
  font-size: 22px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .guardian-tab-row{
  position: relative;
  display: flex;
  align-items: center;
  gap: 0;
  background: linear-gradient(135deg, color-mix(in srgb, var(--mp-n100), transparent 6%) 0%, color-mix(in srgb, var(--mp-w96), transparent 12%) 100%);
  border: 1px solid color-mix(in srgb, var(--mp-b2), transparent 78%);
  border-radius: 999px;
  padding: 5px;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  box-shadow: 0 8px 22px color-mix(in srgb, var(--mp-b2), transparent 84%), 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 10%) inset;
  backdrop-filter: blur(10px);}#mpScreen[data-route="pages/index/index"] .guardian-tab-glow{
  position: absolute;
  top: 0;
  bottom: 0;
  left: -50%;
  width: 50%;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(100deg, transparent 0%, color-mix(in srgb, var(--mp-n100), transparent 38%) 50%, transparent 100%);
  animation: guardianTabGlowSweep 7.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;}

@keyframes guardianTabGlowSweep {
  0%, 62% { transform: translateX(0); }
  100% { transform: translateX(320%); }
}#mpScreen[data-route="pages/index/index"] .guardian-tab-thumb{
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 5px;
  width: calc(50% - 5px);
  background: linear-gradient(135deg, var(--mp-bGlow) 0%, var(--mp-b2) 46%, var(--mp-b1) 100%);
  border-radius: 999px;
  box-shadow: 0 6px 16px color-mix(in srgb, var(--mp-b1), transparent 66%), 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 50%) inset;
  transform: translateX(0);
  transition: transform 0.46s cubic-bezier(0.34, 1.48, 0.5, 1);
  will-change: transform;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;}#mpScreen[data-route="pages/index/index"] .guardian-tab-row.thumb-right .guardian-tab-thumb{
  transform: translateX(100%);}#mpScreen[data-route="pages/index/index"] .guardian-tab-spark{
  position: absolute;
  top: 5px;
  right: 9px;
  font-size: 11px;
  line-height: 1;
  animation: guardianTabSparkTwinkle 2.6s ease-in-out infinite;}

@keyframes guardianTabSparkTwinkle {
  0%, 100% { opacity: 0.35; transform: scale(0.82) rotate(-8deg); }
  50% { opacity: 1; transform: scale(1.16) rotate(10deg); }
}#mpScreen[data-route="pages/index/index"] .guardian-tab-item{
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 0;
  flex: 1;
  border-radius: 999px;
  transition: transform 0.3s cubic-bezier(0.34, 1.48, 0.5, 1);
  cursor: pointer;
  box-sizing: border-box;
  min-width: 0;
  overflow: visible;}#mpScreen[data-route="pages/index/index"] .guardian-tab-item.tab-active{
  background: transparent;
  box-shadow: none;}#mpScreen[data-route="pages/index/index"] .guardian-tab-item:active{
  transform: scale(0.94);}#mpScreen[data-route="pages/index/index"] .guardian-tab-emoji{
  font-size: 17px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  filter: grayscale(0.3) opacity(0.78);
  transition: filter 0.3s ease;}#mpScreen[data-route="pages/index/index"] .guardian-tab-item.tab-active .guardian-tab-emoji{
  filter: none;
  animation: guardianTabIconPop 0.52s cubic-bezier(0.34, 1.56, 0.64, 1);}

@keyframes guardianTabIconPop {
  0% { transform: scale(0.62) rotate(-14deg); }
  60% { transform: scale(1.22) rotate(6deg); }
  100% { transform: scale(1) rotate(0deg); }
}#mpScreen[data-route="pages/index/index"] .guardian-tab-label{
  font-size: 14px;
  font-weight: 600;
  color: var(--mp-n60);
  letter-spacing: -0.01em;
  line-height: 1.2;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.3s ease;
  text-align: center;}#mpScreen[data-route="pages/index/index"] .guardian-tab-item.tab-active .guardian-tab-label{
  color: var(--mp-inkOn);
  font-weight: 700;
  text-shadow: 0 1px 3px color-mix(in srgb, var(--mp-bDark), transparent 65%);}

/* 守护人Tab数量显示 - 文本后缀形式 */#mpScreen[data-route="pages/index/index"] .guardian-tab-num{
  font-size: 13px;
  font-weight: 700;
  color: var(--mp-b2);
  line-height: 1;
  display: inline;
  white-space: nowrap;
  margin-left: 2px;
  transition: color 0.3s ease;}#mpScreen[data-route="pages/index/index"] .guardian-tab-item.tab-active .guardian-tab-num{
  color: var(--mp-w92);}#mpScreen[data-route="pages/index/index"] .guardian-tab-underline{
  position: absolute;
  bottom: 2px;
  left: 50%;
  transform: translateX(-50%);
  width: 24px;
  height: 3px;
  background: linear-gradient(90deg, var(--mp-b2), var(--mp-bHi));
  border-radius: 2px;}#mpScreen[data-route="pages/index/index"] .guardian-tab-fun-deco{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 4px 0 10px;
  opacity: 0.5;}#mpScreen[data-route="pages/index/index"] .guardian-tab-fun-item{
  font-size: 16px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}

/* ========== 我的关注/收藏趣味卡片样式（粉色主题） ========== */#mpScreen[data-route="pages/index/index"] .my-favorite-fun-card{
  background: linear-gradient(160deg, var(--mp-n100) 0%, var(--mp-favWash) 30%, var(--mp-n100) 100%);
  border-radius: 24px;
  padding: 0;
  margin-bottom: 20px;
  box-shadow: 0 6px 20px color-mix(in srgb, var(--mp-favDeep), transparent 88%), 0 2px 8px color-mix(in srgb, var(--mp-n00), transparent 94%);
  box-sizing: border-box;
  border: 2px solid color-mix(in srgb, var(--mp-favDeep), transparent 85%);
  width: 100%;
  overflow: hidden;
  position: relative;}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-card:active{
  transform: scale(0.98);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--mp-favDeep), transparent 82%), 0 1px 4px color-mix(in srgb, var(--mp-n00), transparent 92%);}

/* 顶部爱心装饰 */#mpScreen[data-route="pages/index/index"] .my-favorite-fun-card-top-deco{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 0 6px;
  position: relative;
  z-index: 2;}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-deco-heart{
  font-size: 18px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: myFavoriteHeartFloat 2s ease-in-out infinite alternate;}#mpScreen[data-route="pages/index/index"] .my-favorite-heart-1{ animation-delay: 0s;}#mpScreen[data-route="pages/index/index"] .my-favorite-heart-2{ animation-delay: 0.4s;}#mpScreen[data-route="pages/index/index"] .my-favorite-heart-3{ animation-delay: 0.8s;}#mpScreen[data-route="pages/index/index"] .my-favorite-heart-4{ animation-delay: 1.2s;}

@keyframes myFavoriteHeartFloat {
  0% { transform: translateY(0) scale(1); opacity: 0.6; }
  100% { transform: translateY(-4px) scale(1.2); opacity: 1; }
}

/* 头部区域 */#mpScreen[data-route="pages/index/index"] .my-favorite-fun-card-header{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 18px 12px;
  position: relative;
  z-index: 2;}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-card-pet-avatar{
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--mp-favSoft), var(--mp-favMid));
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  flex-shrink: 0;
  box-shadow: 0 3px 10px color-mix(in srgb, var(--mp-favDeep), transparent 75%);
  overflow: hidden;}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-card-pet-avatar-img{
  width: 52px;
  height: 52px;
  border-radius: 50%;}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-card-pet-emoji{
  font-size: 28px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-card-header-info{
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-card-name-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-card-name{
  font-size: 24px;
  font-weight: 700;
  color: var(--mp-ink1);
  line-height: 1.3;
  display: flex;
  align-items: center;}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-gender-tag-gong{
  background-color: var(--mp-x37);}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-gender-tag-gong .my-favorite-fun-tag-text{
  color: var(--mp-x27);}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-gender-tag-mu{
  background-color: var(--mp-x14);}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-gender-tag-mu .my-favorite-fun-tag-text{
  color: var(--mp-x16);}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-card-tags-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-card-tag{
  border-radius: 10px;
  padding: 0 10px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-type-tag{
  background-color: var(--mp-x14);}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-type-tag.lei-mao{
  background-color: var(--mp-x47);}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-type-tag.lei-mao .my-favorite-fun-tag-text{
  color: var(--mp-bRich);}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-type-tag.lei-gou{
  background-color: var(--mp-x37);}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-type-tag.lei-gou .my-favorite-fun-tag-text{
  color: var(--mp-x27);}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-type-tag.lei-qita{
  background-color: var(--mp-n91);}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-type-tag.lei-qita .my-favorite-fun-tag-text{
  color: var(--mp-w20);}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-status-tag{
  background-color: var(--mp-n96);}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-tag-text{
  font-size: 13px;
  font-weight: 600;
  color: var(--mp-favText);
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-status-tag .my-favorite-fun-tag-text{
  color: var(--mp-x42);}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-status-tag.zhuangtai-wei-jueyu{
  background-color: var(--mp-x43);}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-status-tag.zhuangtai-wei-jueyu .my-favorite-fun-tag-text{
  color: var(--mp-x21);}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-status-tag.zhuangtai-weizhi{
  background-color: var(--mp-x47);}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-status-tag.zhuangtai-weizhi .my-favorite-fun-tag-text{
  color: var(--mp-x75);}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-card-interact{
  flex-shrink: 0;
  display: flex;
  align-items: center;}

/* 分隔线 */#mpScreen[data-route="pages/index/index"] .my-favorite-fun-card-divider{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 18px;
  margin-bottom: 8px;
  position: relative;
  z-index: 2;}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-divider-dot{
  font-size: 14px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-divider-line{
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--mp-favDeep), transparent 65%), color-mix(in srgb, var(--mp-favHot), transparent 65%));
  margin: 0 8px;}

/* 信息网格 */#mpScreen[data-route="pages/index/index"] .my-favorite-fun-card-info-grid{
  display: flex;
  flex-direction: column;
  gap: 0px;
  padding: 0 18px 8px;
  position: relative;
  z-index: 2;}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-info-item{
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 6px;
  padding: 1px 0;}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-info-emoji{
  font-size: 14px;
  line-height: 1;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 20px;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-info-text{
  font-size: 13px;
  color: var(--mp-ink2);
  font-weight: 400;
  line-height: 1.5;
  word-break: break-all;
  overflow-wrap: break-word;
  flex: 1;}

/* 底部 */#mpScreen[data-route="pages/index/index"] .my-favorite-fun-card-footer{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 10px 18px 12px;
  border-top: 1px solid color-mix(in srgb, var(--mp-favDeep), transparent 88%);
  position: relative;
  z-index: 2;}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-card-footer-left{
  display: flex;
  flex-direction: column;
  gap: 4px;}

/* 底部装饰 */#mpScreen[data-route="pages/index/index"] .my-favorite-fun-card-bottom-deco{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 4px 0 12px;
  position: relative;
  z-index: 2;}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-deco-paw{
  font-size: 16px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.7;}#mpScreen[data-route="pages/index/index"] .my-favorite-fun-deco-heart{
  font-size: 20px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: myFavoriteHeartBeat 1s ease-in-out infinite;}

@keyframes myFavoriteHeartBeat {
  0% { transform: scale(1); }
  15% { transform: scale(1.25); }
  30% { transform: scale(1); }
  45% { transform: scale(1.2); }
  60% { transform: scale(1); }
  100% { transform: scale(1); }
}

/* ========== header-actions 垂直列容器 ========== */#mpScreen[data-route="pages/index/index"] .header-actions-col{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;}

/* ========== 草稿箱入口按钮样式 - 与发布按钮保持一致 ========== */#mpScreen[data-route="pages/index/index"] .draft-box-entry{
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-bHi));
  border-radius: 22px;
  padding: 8px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  border: none;
  box-sizing: border-box;
  box-shadow: 0 2px 10px color-mix(in srgb, var(--mp-b2), transparent 65%);
  position: relative;
  overflow: hidden;}#mpScreen[data-route="pages/index/index"] .draft-box-entry:active{
  transform: scale(0.94);
  box-shadow: 0 1px 4px color-mix(in srgb, var(--mp-b2), transparent 75%);
  background: linear-gradient(135deg, var(--mp-b1), var(--mp-b2));}#mpScreen[data-route="pages/index/index"] .draft-box-entry-text{
  font-size: 13px;
  font-weight: 700;
  color: var(--mp-inkOn);
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  letter-spacing: 0.01em;
  text-shadow: 0 1px 2px color-mix(in srgb, var(--mp-n00), transparent 90%);}#mpScreen[data-route="pages/index/index"] .draft-box-entry-badge{
  background: color-mix(in srgb, var(--mp-n100), transparent 70%);
  border-radius: 10px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin-left: 4px;}#mpScreen[data-route="pages/index/index"] .draft-box-entry-badge-text{
  font-size: 10px;
  font-weight: 700;
  color: var(--mp-inkOn);
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}

/* ========== 草稿箱弹窗面板样式 ========== */#mpScreen[data-route="pages/index/index"] .draft-box-panel{
  position: relative;
  background: linear-gradient(180deg, var(--mp-n100) 0%, var(--mp-x47) 8%, var(--mp-n100) 25%, var(--mp-n100) 100%);
  border-radius: 36px 36px 0 0;
  width: 100%;
  max-width: calc(100 * var(--mpvw));
  max-height: calc(75 * var(--mpvh));
  display: flex;
  flex-direction: column;
  box-shadow: 0 -12px 40px color-mix(in srgb, var(--mp-n00), transparent 88%), 0 -2px 8px color-mix(in srgb, var(--mp-n00), transparent 94%), 0 -4px 0 0 var(--mp-x72);
  box-sizing: border-box;
  overflow-x: hidden;}

/* 面板顶部装饰波浪 */#mpScreen[data-route="pages/index/index"] .draft-panel-top-deco{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  padding: 14px 0 0;
  overflow: hidden;}#mpScreen[data-route="pages/index/index"] .draft-panel-deco-emoji{
  font-size: 22px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: draftDecoFloat 2.5s ease-in-out infinite;}#mpScreen[data-route="pages/index/index"] .draft-deco-f1{ animation-delay: 0s;}#mpScreen[data-route="pages/index/index"] .draft-deco-f2{ animation-delay: 0.3s;}#mpScreen[data-route="pages/index/index"] .draft-deco-f3{ animation-delay: 0.6s;}#mpScreen[data-route="pages/index/index"] .draft-deco-f4{ animation-delay: 0.9s;}#mpScreen[data-route="pages/index/index"] .draft-deco-f5{ animation-delay: 1.2s;}

@keyframes draftDecoFloat {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-6px) scale(1.15); }
}

/* 标题行美化 */#mpScreen[data-route="pages/index/index"] .draft-panel-title-row{
  display: flex;
  align-items: center;
  gap: 8px;}#mpScreen[data-route="pages/index/index"] .draft-panel-title-emoji{
  font-size: 22px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: draftTitleEmoji 2s ease-in-out infinite;}#mpScreen[data-route="pages/index/index"] .draft-panel-title-emoji:last-child{
  animation-delay: 0.3s;}

@keyframes draftTitleEmoji {
  0%, 100% { transform: rotate(0deg) scale(1); }
  25% { transform: rotate(8deg) scale(1.2); }
  50% { transform: rotate(0deg) scale(1); }
  75% { transform: rotate(-8deg) scale(1.2); }
}

/* 草稿数量徽章 */#mpScreen[data-route="pages/index/index"] .draft-panel-count-badge{
  background: linear-gradient(135deg, var(--mp-x47), var(--mp-x72));
  border-radius: 16px;
  padding: 5px 14px;
  border: 1.5px solid var(--mp-x70);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .draft-panel-count-text{
  font-size: 13px;
  font-weight: 700;
  color: var(--mp-bRich);
  line-height: 1.4;
  display: flex;
  align-items: center;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .draft-box-panel .panel-header{
  border-bottom: 1px solid var(--mp-x133);
  flex-wrap: wrap;
  gap: 10px;}#mpScreen[data-route="pages/index/index"] .draft-box-list{
  flex: 1;
  max-height: calc(55 * var(--mpvh));
  overflow-y: auto;
  padding: 12px 0 16px;}#mpScreen[data-route="pages/index/index"] .draft-box-item{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin: 0 16px 12px;
  padding: 16px 14px 14px;
  background: linear-gradient(145deg, var(--mp-n100) 0%, var(--mp-n100) 30%, var(--mp-n100) 100%);
  border-radius: 20px;
  border: 1.5px solid color-mix(in srgb, var(--mp-x134), transparent 80%);
  box-shadow: 0 3px 12px color-mix(in srgb, var(--mp-n00), transparent 95%), 0 1px 3px color-mix(in srgb, var(--mp-n00), transparent 97%);
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);}#mpScreen[data-route="pages/index/index"] .draft-box-item:active{
  background: linear-gradient(145deg, var(--mp-x47), var(--mp-x135), var(--mp-n100));
  border-color: color-mix(in srgb, var(--mp-x136), transparent 60%);
  transform: scale(0.98);
  box-shadow: 0 4px 16px color-mix(in srgb, var(--mp-x137), transparent 85%), 0 2px 6px color-mix(in srgb, var(--mp-n00), transparent 94%);}

/* 卡片顶部装饰线 */#mpScreen[data-route="pages/index/index"] .draft-item-top-line{
  position: absolute;
  top: 0;
  left: 20px;
  right: 20px;
  height: 3px;
  background: linear-gradient(90deg, var(--mp-x73), var(--mp-bHi), var(--mp-x73));
  border-radius: 0 0 3px 3px;
  opacity: 0.7;}

/* 四角emoji小点 */#mpScreen[data-route="pages/index/index"] .draft-item-emoji-border{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 0;
  overflow: visible;}#mpScreen[data-route="pages/index/index"] .draft-item-dot{
  position: absolute;
  font-size: 14px;
  line-height: 1;
  opacity: 0.5;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: draftDotPulse 2.5s ease-in-out infinite;}#mpScreen[data-route="pages/index/index"] .draft-dot-tl{ top: 8px; left: 8px; animation-delay: 0s;}#mpScreen[data-route="pages/index/index"] .draft-dot-tr{ top: 8px; right: 8px; animation-delay: 1.2s;}

@keyframes draftDotPulse {
  0%, 100% { transform: scale(1); opacity: 0.4; }
  50% { transform: scale(1.3); opacity: 0.8; }
}#mpScreen[data-route="pages/index/index"] .draft-box-item-left{
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
  min-width: 0;
  position: relative;
  z-index: 1;}

/* 宠物类型图标包裹 */#mpScreen[data-route="pages/index/index"] .draft-item-icon-wrap{
  width: 52px;
  height: 52px;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--mp-x47), var(--mp-x72));
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 14px;
  flex-shrink: 0;
  box-shadow: 0 3px 10px color-mix(in srgb, var(--mp-b1), transparent 80%);
  border: 2px solid color-mix(in srgb, var(--mp-x134), transparent 70%);}#mpScreen[data-route="pages/index/index"] .draft-box-item-icon{
  font-size: 28px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .draft-box-item-info{
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  gap: 4px;}#mpScreen[data-route="pages/index/index"] .draft-item-name-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;}#mpScreen[data-route="pages/index/index"] .draft-box-item-name{
  font-size: 16px;
  font-weight: 700;
  color: var(--mp-ink1);
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;}

/* 宠物类型小标签 */#mpScreen[data-route="pages/index/index"] .draft-item-type-tag{
  background: linear-gradient(135deg, var(--mp-w92), var(--mp-w84));
  border-radius: 10px;
  padding: 3px 10px;
  border: 1px solid color-mix(in srgb, var(--mp-x138), transparent 80%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .draft-item-type-tag-text{
  font-size: 11px;
  font-weight: 600;
  color: var(--mp-bRich);
  line-height: 1.2;
  display: flex;
  align-items: center;
  white-space: nowrap;}

/* 元信息行 */#mpScreen[data-route="pages/index/index"] .draft-item-meta-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;}#mpScreen[data-route="pages/index/index"] .draft-box-item-time{
  font-size: 12px;
  color: var(--mp-n60);
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;}#mpScreen[data-route="pages/index/index"] .draft-item-breed{
  font-size: 12px;
  color: var(--mp-n60);
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  background: var(--mp-n96);
  border-radius: 8px;
  padding: 2px 8px;}

/* 提示行 */#mpScreen[data-route="pages/index/index"] .draft-item-hint-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  opacity: 0.5;}#mpScreen[data-route="pages/index/index"] .draft-item-hint-paw{
  font-size: 12px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .draft-item-hint-text{
  font-size: 11px;
  color: var(--mp-n68);
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;}#mpScreen[data-route="pages/index/index"] .draft-box-item-actions{
  display: flex;
  align-items: center;
  margin-left: 10px;
  flex-shrink: 0;
  position: relative;
  z-index: 1;}#mpScreen[data-route="pages/index/index"] .draft-box-delete-btn{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--mp-x87), var(--mp-x102));
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  border: 1.5px solid color-mix(in srgb, var(--mp-x139), transparent 80%);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--mp-x140), transparent 90%);}#mpScreen[data-route="pages/index/index"] .draft-box-delete-btn:active{
  background: linear-gradient(135deg, var(--mp-x102), var(--mp-x141));
  border-color: color-mix(in srgb, var(--mp-x142), transparent 60%);
  transform: scale(0.88);
  box-shadow: 0 1px 4px color-mix(in srgb, var(--mp-x140), transparent 80%);}#mpScreen[data-route="pages/index/index"] .draft-box-delete-icon{
  font-size: 18px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}

/* 草稿箱空状态 */#mpScreen[data-route="pages/index/index"] .draft-box-empty{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 50px 40px;}#mpScreen[data-route="pages/index/index"] .draft-empty-emoji-circle{
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--mp-x47), var(--mp-x72));
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 6px 24px color-mix(in srgb, var(--mp-b1), transparent 80%), 0 0 0 8px color-mix(in srgb, var(--mp-x143), transparent 90%);
  animation: draftEmptyBounce 2.5s ease-in-out infinite;}

@keyframes draftEmptyBounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}#mpScreen[data-route="pages/index/index"] .draft-empty-main-emoji{
  font-size: 48px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .draft-box-empty-text{
  font-size: 17px;
  font-weight: 700;
  color: var(--mp-n60);
  margin-bottom: 8px;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .draft-box-empty-hint{
  font-size: 13px;
  color: var(--mp-n68);
  font-weight: 400;
  line-height: 1.6;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;}#mpScreen[data-route="pages/index/index"] .draft-empty-fun-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-top: 20px;
  opacity: 0.5;}#mpScreen[data-route="pages/index/index"] .draft-empty-fun-emoji{
  font-size: 20px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: draftEmptyFunFloat 2s ease-in-out infinite;}#mpScreen[data-route="pages/index/index"] .draft-empty-fun-emoji:nth-child(1){ animation-delay: 0s;}#mpScreen[data-route="pages/index/index"] .draft-empty-fun-emoji:nth-child(2){ animation-delay: 0.2s;}#mpScreen[data-route="pages/index/index"] .draft-empty-fun-emoji:nth-child(3){ animation-delay: 0.4s;}#mpScreen[data-route="pages/index/index"] .draft-empty-fun-emoji:nth-child(4){ animation-delay: 0.6s;}#mpScreen[data-route="pages/index/index"] .draft-empty-fun-emoji:nth-child(5){ animation-delay: 0.8s;}

@keyframes draftEmptyFunFloat {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-6px) scale(1.2); }
}

/* ========== 发布面板底部草稿按钮 ========== */#mpScreen[data-route="pages/index/index"] .save-draft-btn{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 48px;
  border-radius: 24px;
  background: linear-gradient(135deg, var(--mp-x47), var(--mp-x135));
  border: 2px dashed var(--mp-x70);
  cursor: pointer;
  flex-shrink: 0;
  box-sizing: border-box;
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  position: relative;
  overflow: hidden;}#mpScreen[data-route="pages/index/index"] .save-draft-btn::after{
  border: none;}#mpScreen[data-route="pages/index/index"] .save-draft-btn:active{
  transform: scale(0.92);
  background: linear-gradient(135deg, var(--mp-x48), var(--mp-x72));
  border-color: var(--mp-x74);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--mp-x71), transparent 70%);}#mpScreen[data-route="pages/index/index"] .save-draft-btn-icon{
  font-size: 20px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: draftIconBounce 2s ease-in-out infinite;}

@keyframes draftIconBounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}#mpScreen[data-route="pages/index/index"] .save-draft-btn-text{
  font-size: 10px;
  font-weight: 600;
  color: var(--mp-bRich);
  line-height: 1;
  margin-top: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}

/* ========== 语言选择弹窗 - 趣味emoji风 ========== */#mpScreen[data-route="pages/index/index"] .lang-modal-overlay{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 45%);}#mpScreen[data-route="pages/index/index"] .lang-modal-mask{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;}#mpScreen[data-route="pages/index/index"] .lang-modal-card{
  width: calc(82 * var(--mpvw));
  max-width: calc(620 * var(--mprpx));
  height: auto;
  min-height: calc(400 * var(--mprpx));
  background: linear-gradient(180deg, var(--mp-n100) 0%, var(--mp-w96) 20%, var(--mp-n100) 60%, var(--mp-n100) 100%);
  border-radius: calc(48 * var(--mprpx));
  position: relative;
  box-sizing: border-box;
  padding: calc(48 * var(--mprpx)) calc(28 * var(--mprpx)) calc(28 * var(--mprpx)) calc(28 * var(--mprpx));
  box-shadow: 0 calc(30 * var(--mprpx)) calc(90 * var(--mprpx)) color-mix(in srgb, var(--mp-n00), transparent 75%), 0 calc(10 * var(--mprpx)) calc(30 * var(--mprpx)) color-mix(in srgb, var(--mp-n00), transparent 88%), 0 0 0 calc(4 * var(--mprpx)) color-mix(in srgb, var(--mp-bHi), transparent 75%), 0 0 0 calc(10 * var(--mprpx)) color-mix(in srgb, var(--mp-cMid), transparent 90%);
  display: flex;
  flex-direction: column;
  border: calc(2.5 * var(--mprpx)) solid color-mix(in srgb, var(--mp-bHi), transparent 65%);
  overflow-y: auto;
  overflow-x: hidden;}

/* 顶部emoji装饰条 */#mpScreen[data-route="pages/index/index"] .lang-modal-top-deco{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: calc(12 * var(--mprpx));
  margin-bottom: calc(16 * var(--mprpx));
  flex-wrap: wrap;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .lang-modal-deco-emoji{
  font-size: calc(28 * var(--mprpx));
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .lang-modal-deco-emoji.deco-bounce-1{ animation: langDecoBounce 1.8s ease-in-out infinite;}#mpScreen[data-route="pages/index/index"] .lang-modal-deco-emoji.deco-bounce-2{ animation: langDecoBounce 1.8s ease-in-out 0.2s infinite;}#mpScreen[data-route="pages/index/index"] .lang-modal-deco-emoji.deco-bounce-3{ animation: langDecoBounce 1.8s ease-in-out 0.4s infinite;}#mpScreen[data-route="pages/index/index"] .lang-modal-deco-emoji.deco-bounce-4{ animation: langDecoBounce 1.8s ease-in-out 0.6s infinite;}#mpScreen[data-route="pages/index/index"] .lang-modal-deco-emoji.deco-bounce-5{ animation: langDecoBounce 1.8s ease-in-out 0.8s infinite;}#mpScreen[data-route="pages/index/index"] .lang-modal-deco-emoji.deco-bounce-6{ animation: langDecoBounce 1.8s ease-in-out 1.0s infinite;}

@keyframes langDecoBounce {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-8rpx) scale(1.15); }
}

/* 四角emoji花边 */#mpScreen[data-route="pages/index/index"] .lang-modal-corner{
  position: absolute;
  font-size: calc(32 * var(--mprpx));
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.5;
  pointer-events: none;}#mpScreen[data-route="pages/index/index"] .lang-modal-corner.corner-tl{ top: calc(16 * var(--mprpx)); left: calc(20 * var(--mprpx));}#mpScreen[data-route="pages/index/index"] .lang-modal-corner.corner-tr{ top: calc(16 * var(--mprpx)); right: calc(20 * var(--mprpx));}#mpScreen[data-route="pages/index/index"] .lang-modal-corner.corner-bl{ bottom: calc(16 * var(--mprpx)); left: calc(20 * var(--mprpx));}#mpScreen[data-route="pages/index/index"] .lang-modal-corner.corner-br{ bottom: calc(16 * var(--mprpx)); right: calc(20 * var(--mprpx));}

/* 关闭按钮 */#mpScreen[data-route="pages/index/index"] .lang-modal-close{
  position: absolute;
  top: calc(20 * var(--mprpx));
  right: calc(20 * var(--mprpx));
  width: calc(52 * var(--mprpx));
  height: calc(52 * var(--mprpx));
  border-radius: 50%;
  background: color-mix(in srgb, var(--mp-n00), transparent 95%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  transition: all 0.2s ease;}#mpScreen[data-route="pages/index/index"] .lang-modal-close:active{
  background: color-mix(in srgb, var(--mp-n00), transparent 88%);
  transform: scale(0.9);}#mpScreen[data-route="pages/index/index"] .lang-modal-close-icon{
  font-size: calc(28 * var(--mprpx));
  color: var(--mp-n60);
  font-weight: 600;
  line-height: 1;}

/* 标题行 */#mpScreen[data-route="pages/index/index"] .lang-modal-title-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: calc(12 * var(--mprpx));
  margin-bottom: calc(8 * var(--mprpx));
  padding-top: calc(8 * var(--mprpx));}#mpScreen[data-route="pages/index/index"] .lang-modal-title-emoji{
  font-size: calc(36 * var(--mprpx));
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: langTitleSpin 3s ease-in-out infinite;}

@keyframes langTitleSpin {
  0%, 100% { transform: rotate(0deg) scale(1); }
  25% { transform: rotate(-10deg) scale(1.1); }
  75% { transform: rotate(10deg) scale(1.1); }
}#mpScreen[data-route="pages/index/index"] .lang-modal-title{
  font-size: calc(32 * var(--mprpx));
  font-weight: 700;
  color: var(--mp-ink2);
  letter-spacing: 0.02em;
  line-height: 1.3;
  text-align: center;}

/* 副标题 */#mpScreen[data-route="pages/index/index"] .lang-modal-subtitle{
  font-size: calc(22 * var(--mprpx));
  color: var(--mp-n68);
  text-align: center;
  margin-bottom: calc(20 * var(--mprpx));
  line-height: 1.4;}

/* 区域1：顶部标题区（固定不动） */#mpScreen[data-route="pages/index/index"] .lang-modal-header{
  flex-shrink: 0;
  display: flex;
  flex-direction: column;}

/* 语言列表滚动容器 - 使用 calc 动态计算高度，确保在各种屏幕尺寸下可见 */#mpScreen[data-route="pages/index/index"] .lang-modal-scroll{
  height: calc(460 * var(--mprpx));
  max-height: calc(500 * var(--mprpx));
  width: 100%;
  box-sizing: border-box;
  flex-shrink: 0;}

/* 语言列表 */#mpScreen[data-route="pages/index/index"] .lang-modal-list{
  padding: 0 calc(4 * var(--mprpx));}#mpScreen[data-route="pages/index/index"] .lang-modal-item{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: calc(22 * var(--mprpx)) calc(20 * var(--mprpx));
  border-radius: calc(24 * var(--mprpx));
  margin-bottom: calc(10 * var(--mprpx));
  background: color-mix(in srgb, var(--mp-n00), transparent 98%);
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  border: calc(2 * var(--mprpx)) solid transparent;
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .lang-modal-item:active{
  transform: scale(0.97);
  background: color-mix(in srgb, var(--mp-bHi), transparent 92%);}#mpScreen[data-route="pages/index/index"] .lang-modal-item.active{
  background: linear-gradient(135deg, color-mix(in srgb, var(--mp-bHi), transparent 85%), color-mix(in srgb, var(--mp-x144), transparent 90%));
  border-color: color-mix(in srgb, var(--mp-bHi), transparent 60%);
  box-shadow: 0 calc(4 * var(--mprpx)) calc(16 * var(--mprpx)) color-mix(in srgb, var(--mp-bHi), transparent 88%);}#mpScreen[data-route="pages/index/index"] .lang-modal-item-flag{
  font-size: calc(40 * var(--mprpx));
  line-height: 1;
  margin-right: calc(20 * var(--mprpx));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .lang-modal-item-info{
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: calc(4 * var(--mprpx));}#mpScreen[data-route="pages/index/index"] .lang-modal-item-name{
  font-size: calc(28 * var(--mprpx));
  font-weight: 600;
  color: var(--mp-ink2);
  line-height: 1.3;}#mpScreen[data-route="pages/index/index"] .lang-modal-item.active .lang-modal-item-name{
  color: var(--mp-b1);}#mpScreen[data-route="pages/index/index"] .lang-modal-item-native{
  font-size: calc(22 * var(--mprpx));
  color: var(--mp-n68);
  line-height: 1.3;}#mpScreen[data-route="pages/index/index"] .lang-modal-item.active .lang-modal-item-native{
  color: var(--mp-cMid);}#mpScreen[data-route="pages/index/index"] .lang-modal-item-check{
  font-size: calc(32 * var(--mprpx));
  color: var(--mp-b2);
  font-weight: 700;
  margin-left: calc(12 * var(--mprpx));
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: langCheckPop 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);}

@keyframes langCheckPop {
  0% { transform: scale(0); }
  100% { transform: scale(1); }
}

/* 区域3：底部emoji装饰区（固定在弹窗底部，不滚动） */#mpScreen[data-route="pages/index/index"] .lang-modal-footer{
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  padding-bottom: calc(16 * var(--mprpx));}

/* 底部emoji装饰条 */#mpScreen[data-route="pages/index/index"] .lang-modal-bottom-deco{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: calc(16 * var(--mprpx));
  margin-top: calc(20 * var(--mprpx));
  padding-top: calc(12 * var(--mprpx));
  border-top: calc(1 * var(--mprpx)) solid color-mix(in srgb, var(--mp-n00), transparent 95%);
  flex-wrap: wrap;}#mpScreen[data-route="pages/index/index"] .lang-modal-bottom-emoji{
  font-size: calc(24 * var(--mprpx));
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.4;}#mpScreen[data-route="pages/index/index"] .lang-modal-bottom-emoji.heart-spin{
  animation: langHeartBeat 1.5s ease-in-out infinite;}

@keyframes langHeartBeat {
  0%, 100% { transform: scale(1); opacity: 0.4; }
  15% { transform: scale(1.3); opacity: 0.8; }
  30% { transform: scale(1); opacity: 0.4; }
}

/* ========== 游客引导弹窗 · 奶油橘粉（跟首页同一色系，固定不滚动 + 高帧弹性动效） ========== */#mpScreen[data-route="pages/index/index"] .visitor-guide-overlay{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
  display: flex;
  justify-content: center;
  align-items: center;}#mpScreen[data-route="pages/index/index"] .visitor-guide-mask{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: color-mix(in srgb, var(--mp-cDeep), transparent 66%);
  backdrop-filter: blur(10px) saturate(1.1);
  -webkit-backdrop-filter: blur(10px) saturate(1.1);
  animation: vgMaskIn 0.32s ease-out both;}

@keyframes vgMaskIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}#mpScreen[data-route="pages/index/index"] .visitor-guide-card{
  position: relative;
  width: calc(84 * var(--mpvw));
  max-width: 336px;
  max-height: calc(92 * var(--mpvh));
  box-sizing: border-box;
  padding: 0 0 10px;
  border-radius: 28px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: linear-gradient(168deg, var(--mp-n100) 0%, var(--mp-w96) 42%, var(--mp-x145) 78%, var(--mp-x146) 100%);
  border: 1.5px solid color-mix(in srgb, var(--mp-x147), transparent 45%);
  box-shadow: 0 26px 66px color-mix(in srgb, var(--mp-cDeep), transparent 70%), 0 0 0 3px color-mix(in srgb, var(--mp-x148), transparent 74%), 0 0 0 9px color-mix(in srgb, var(--mp-cPale), transparent 84%), inset 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 10%);
  animation: vgCardIn 0.54s cubic-bezier(0.22, 1.32, 0.36, 1) both;
  will-change: transform;}

/* 顶部一层薄薄的蜜桃光，替代原来的深色反光面 */#mpScreen[data-route="pages/index/index"] .visitor-guide-card::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 116px;
  background: radial-gradient(120% 100% at 50% -34%, color-mix(in srgb, var(--mp-cMid), transparent 70%), transparent 70%);
  pointer-events: none;}

@keyframes vgCardIn {
  0% { transform: scale(0.82) translateY(48px); opacity: 0; }
  62% { transform: scale(1.026) translateY(-5px); opacity: 1; }
  100% { transform: scale(1) translateY(0); opacity: 1; }
}

/* 顶部：淡橘细纹 + 浮动表情 */#mpScreen[data-route="pages/index/index"] .visitor-guide-top-wave{
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 13px 0 10px;
  background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--mp-b2), transparent 93%) 0 1px, transparent 1px 30px);
  border-bottom: 1px solid color-mix(in srgb, var(--mp-cMid), transparent 76%);
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .visitor-guide-wave-emoji{
  font-size: 19px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: vgWaveFloat 2.4s cubic-bezier(0.45, 0, 0.55, 1) infinite;
  will-change: transform;}#mpScreen[data-route="pages/index/index"] .vg-w1{ animation-delay: 0s;}#mpScreen[data-route="pages/index/index"] .vg-w2{ animation-delay: 0.16s;}#mpScreen[data-route="pages/index/index"] .vg-w3{ animation-delay: 0.32s;}#mpScreen[data-route="pages/index/index"] .vg-w4{ animation-delay: 0.48s;}#mpScreen[data-route="pages/index/index"] .vg-w5{ animation-delay: 0.64s;}

@keyframes vgWaveFloat {
  0%, 100% { transform: translateY(0) rotate(0deg) scale(1); }
  50% { transform: translateY(-7px) rotate(8deg) scale(1.16); }
}

/* 主图标：蜜桃奶油旋转光环 */#mpScreen[data-route="pages/index/index"] .visitor-guide-icon-section{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 11px 0 0;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .visitor-guide-icon-ring{
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: linear-gradient(140deg, var(--mp-cPale) 0%, var(--mp-cMid) 55%, var(--mp-x149) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-shadow: 0 8px 20px color-mix(in srgb, var(--mp-bHi), transparent 66%), inset 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 15%);
  animation: vgRingBreathe 3.2s cubic-bezier(0.45, 0, 0.55, 1) infinite;
  will-change: transform;}#mpScreen[data-route="pages/index/index"] .visitor-guide-icon-ring::before{
  content: '';
  position: absolute;
  top: -7px;
  left: -7px;
  right: -7px;
  bottom: -7px;
  border-radius: 50%;
  border: 2px dashed color-mix(in srgb, var(--mp-b2), transparent 55%);
  animation: vgHaloSpin 7s linear infinite;}

@keyframes vgHaloSpin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes vgRingBreathe {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.06); }
}#mpScreen[data-route="pages/index/index"] .visitor-guide-main-icon{
  font-size: 28px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: vgMainIconPulse 2.6s cubic-bezier(0.45, 0, 0.55, 1) infinite;
  will-change: transform;}

@keyframes vgMainIconPulse {
  0%, 100% { transform: scale(1) rotate(-6deg); }
  50% { transform: scale(1.14) rotate(6deg); }
}#mpScreen[data-route="pages/index/index"] .visitor-guide-icon-sparkles{
  position: absolute;
  top: 11px;
  left: 0;
  right: 0;
  height: 60px;
  pointer-events: none;}#mpScreen[data-route="pages/index/index"] .visitor-guide-sparkle{
  position: absolute;
  font-size: 13px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: vgSparkleFloat 2.6s cubic-bezier(0.45, 0, 0.55, 1) infinite;
  will-change: transform, opacity;}#mpScreen[data-route="pages/index/index"] .vg-s1{ top: -6px; left: 26%; animation-delay: 0s;}#mpScreen[data-route="pages/index/index"] .vg-s2{ top: -6px; right: 26%; animation-delay: 0.65s;}#mpScreen[data-route="pages/index/index"] .vg-s3{ bottom: -2px; left: 21%; animation-delay: 1.3s;}#mpScreen[data-route="pages/index/index"] .vg-s4{ bottom: -2px; right: 21%; animation-delay: 1.95s;}

@keyframes vgSparkleFloat {
  0%, 100% { transform: translateY(0) scale(0.55); opacity: 0.35; }
  50% { transform: translateY(-7px) scale(1.25); opacity: 1; }
}

/* 标题 */#mpScreen[data-route="pages/index/index"] .visitor-guide-title-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 9px 18px 0;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .visitor-guide-title-paw{
  font-size: 16px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: vgPawSwing 1.6s cubic-bezier(0.45, 0, 0.55, 1) infinite;
  will-change: transform;}#mpScreen[data-route="pages/index/index"] .visitor-guide-title-paw:last-child{
  animation-delay: 0.5s;}

@keyframes vgPawSwing {
  0%, 100% { transform: rotate(0deg) scale(1); }
  25% { transform: rotate(14deg) scale(1.18); }
  75% { transform: rotate(-14deg) scale(1.18); }
}#mpScreen[data-route="pages/index/index"] .visitor-guide-title{
  font-size: 20px;
  font-weight: 800;
  color: var(--mp-cDeep);
  letter-spacing: 0.01em;
  line-height: 1.25;
  text-align: center;
  text-shadow: 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 15%);
  display: flex;
  align-items: center;
  justify-content: center;}

/* 正文 */#mpScreen[data-route="pages/index/index"] .visitor-guide-body{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 6px 22px 0;
  gap: 2px;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .visitor-guide-body-line{
  font-size: 12.5px;
  color: var(--mp-cDeep);
  font-weight: 400;
  line-height: 1.55;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;}

/* 功能亮点：错峰弹入 */#mpScreen[data-route="pages/index/index"] .visitor-guide-features{
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 11px 16px 0;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .visitor-guide-feature-item{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 7px 11px;
  background: color-mix(in srgb, var(--mp-n100), transparent 22%);
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--mp-cMid), transparent 70%);
  box-sizing: border-box;
  opacity: 0;
  animation: vgItemIn 0.5s cubic-bezier(0.22, 1.24, 0.36, 1) both;
  transition: transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.22s ease;}#mpScreen[data-route="pages/index/index"] .visitor-guide-features .visitor-guide-feature-item:nth-child(1){ animation-delay: 0.22s;}#mpScreen[data-route="pages/index/index"] .visitor-guide-features .visitor-guide-feature-item:nth-child(2){ animation-delay: 0.33s;}#mpScreen[data-route="pages/index/index"] .visitor-guide-features .visitor-guide-feature-item:nth-child(3){ animation-delay: 0.44s;}

@keyframes vgItemIn {
  0% { opacity: 0; transform: translateX(-20px) scale(0.95); }
  100% { opacity: 1; transform: translateX(0) scale(1); }
}#mpScreen[data-route="pages/index/index"] .visitor-guide-feature-item:active{
  transform: scale(0.975);
  background: color-mix(in srgb, var(--mp-w84), transparent 15%);}#mpScreen[data-route="pages/index/index"] .visitor-guide-feature-icon{
  font-size: 15px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: linear-gradient(140deg, var(--mp-w92), var(--mp-w84));
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 10%), 0 3px 8px color-mix(in srgb, var(--mp-cMid), transparent 78%);}#mpScreen[data-route="pages/index/index"] .visitor-guide-feature-content{
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1;}#mpScreen[data-route="pages/index/index"] .visitor-guide-feature-title{
  font-size: 13px;
  font-weight: 700;
  color: var(--mp-cDeep);
  line-height: 1.3;
  display: flex;
  align-items: center;}#mpScreen[data-route="pages/index/index"] .visitor-guide-feature-desc{
  font-size: 11px;
  color: var(--mp-cDeep);
  font-weight: 400;
  line-height: 1.35;
  display: flex;
  align-items: center;}

/* 暖句：蜜桃虚线胶囊 */#mpScreen[data-route="pages/index/index"] .visitor-guide-warm-text{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 10px 16px 0;
  padding: 5px 12px;
  border-radius: 999px;
  border: 1px dashed color-mix(in srgb, var(--mp-b2), transparent 50%);
  background: color-mix(in srgb, var(--mp-cPale), transparent 68%);
  box-sizing: border-box;
  flex-shrink: 0;
  animation: vgWarmGlow 3.4s cubic-bezier(0.45, 0, 0.55, 1) infinite;}

@keyframes vgWarmGlow {
  0%, 100% { box-shadow: 0 0 0 rgba(255, 160, 90, 0); }
  50% { box-shadow: 0 0 16px rgba(255, 160, 90, 0.32); }
}#mpScreen[data-route="pages/index/index"] .visitor-guide-warm-emoji{
  font-size: 13px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .visitor-guide-warm-content{
  font-size: 11.5px;
  color: var(--mp-bDeep);
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;}

/* 按钮：一行放下，主按钮是焦糖夹心 */#mpScreen[data-route="pages/index/index"] .visitor-guide-actions{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 9px;
  padding: 12px 16px 0;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .visitor-guide-btn{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 43px;
  border-radius: 22px;
  box-sizing: border-box;
  gap: 5px;
  position: relative;
  overflow: hidden;
  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.2s ease, background 0.2s ease;}#mpScreen[data-route="pages/index/index"] .visitor-guide-btn-cancel{
  flex: 0 0 34%;
  background: color-mix(in srgb, var(--mp-n100), transparent 14%);
  border: 1.5px solid color-mix(in srgb, var(--mp-cMid), transparent 55%);}#mpScreen[data-route="pages/index/index"] .visitor-guide-btn-cancel:active{
  background: color-mix(in srgb, var(--mp-w92), transparent 5%);
  transform: scale(0.96);}#mpScreen[data-route="pages/index/index"] .visitor-guide-btn-auth{
  flex: 1;
  background: linear-gradient(135deg, var(--mp-bHi) 0%, var(--mp-b2) 52%, var(--mp-x150) 100%);
  box-shadow: 0 6px 18px color-mix(in srgb, var(--mp-bHi), transparent 58%), inset 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 45%);
  border: none;}#mpScreen[data-route="pages/index/index"] .visitor-guide-btn-auth::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 55%;
  height: 100%;
  background: linear-gradient(100deg, transparent 0%, color-mix(in srgb, var(--mp-n100), transparent 40%) 50%, transparent 100%);
  transform: translateX(-180%) skewX(-18deg);
  animation: vgShine 2.9s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  will-change: transform;}

@keyframes vgShine {
  0% { transform: translateX(-180%) skewX(-18deg); }
  55%, 100% { transform: translateX(340%) skewX(-18deg); }
}#mpScreen[data-route="pages/index/index"] .visitor-guide-btn-auth:active{
  transform: scale(0.955);
  box-shadow: 0 2px 10px color-mix(in srgb, var(--mp-bHi), transparent 68%), inset 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 60%);}#mpScreen[data-route="pages/index/index"] .visitor-guide-btn-icon{
  font-size: 14px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  animation: vgBtnSparkle 1.6s cubic-bezier(0.45, 0, 0.55, 1) infinite;}#mpScreen[data-route="pages/index/index"] .visitor-guide-btn-icon:last-child{
  animation-delay: 0.5s;}

@keyframes vgBtnSparkle {
  0%, 100% { transform: scale(1) rotate(0deg); }
  50% { transform: scale(1.32) rotate(18deg); }
}#mpScreen[data-route="pages/index/index"] .visitor-guide-btn-text{
  font-size: 15px;
  font-weight: 800;
  color: var(--mp-inkOn);
  line-height: 1.3;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  position: relative;
  z-index: 1;
  text-shadow: 0 1px 3px color-mix(in srgb, var(--mp-bDeep), transparent 65%);}#mpScreen[data-route="pages/index/index"] .visitor-guide-btn-cancel .visitor-guide-btn-text{
  color: var(--mp-cDeep);
  font-weight: 600;
  font-size: 14px;
  text-shadow: none;}

/* 底部装饰 */#mpScreen[data-route="pages/index/index"] .visitor-guide-bottom-deco{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 9px 0 0;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .visitor-guide-bottom-emoji{
  font-size: 13px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.42;
  animation: vgBottomFloat 2.2s cubic-bezier(0.45, 0, 0.55, 1) infinite;
  will-change: transform, opacity;}#mpScreen[data-route="pages/index/index"] .visitor-guide-bottom-emoji:nth-child(1){ animation-delay: 0s;}#mpScreen[data-route="pages/index/index"] .visitor-guide-bottom-emoji:nth-child(2){ animation-delay: 0.18s;}#mpScreen[data-route="pages/index/index"] .visitor-guide-bottom-emoji:nth-child(3){ animation-delay: 0.36s;}#mpScreen[data-route="pages/index/index"] .visitor-guide-bottom-emoji:nth-child(4){ animation-delay: 0.54s;}#mpScreen[data-route="pages/index/index"] .visitor-guide-bottom-emoji:nth-child(5){ animation-delay: 0.72s;}#mpScreen[data-route="pages/index/index"] .visitor-guide-bottom-emoji:nth-child(6){ animation-delay: 0.9s;}

@keyframes vgBottomFloat {
  0%, 100% { transform: translateY(0) scale(1); opacity: 0.35; }
  50% { transform: translateY(-5px) scale(1.2); opacity: 0.72; }
}#mpScreen[data-route="pages/index/index"] .vg-heart{
  animation: vgHeartBeat 1.3s cubic-bezier(0.45, 0, 0.55, 1) infinite;}

@keyframes vgHeartBeat {
  0%, 100% { transform: scale(1); opacity: 0.4; }
  15% { transform: scale(1.34); opacity: 0.85; }
  30% { transform: scale(1); opacity: 0.4; }
  45% { transform: scale(1.24); opacity: 0.75; }
  60% { transform: scale(1); opacity: 0.4; }
}

/* ========== 隐私政策弹窗 ========== */#mpScreen[data-route="pages/index/index"] .privacy-policy-overlay{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2100;
  display: flex;
  justify-content: center;
  align-items: center;}#mpScreen[data-route="pages/index/index"] .privacy-policy-mask{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 45%);}#mpScreen[data-route="pages/index/index"] .privacy-policy-card{
  width: calc(88 * var(--mpvw));
  max-width: calc(680 * var(--mprpx));
  max-height: calc(85 * var(--mpvh));
  background: var(--mp-n100);
  border-radius: calc(32 * var(--mprpx));
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  box-shadow: 0 calc(20 * var(--mprpx)) calc(60 * var(--mprpx)) color-mix(in srgb, var(--mp-n00), transparent 80%);
  display: flex;
  flex-direction: column;}#mpScreen[data-route="pages/index/index"] .privacy-policy-header{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: calc(28 * var(--mprpx)) calc(32 * var(--mprpx)) calc(20 * var(--mprpx));
  border-bottom: calc(1 * var(--mprpx)) solid var(--mp-line1);
  flex-shrink: 0;
  background: linear-gradient(180deg, var(--mp-w96) 0%, var(--mp-n100) 100%);}#mpScreen[data-route="pages/index/index"] .privacy-policy-title{
  font-size: calc(32 * var(--mprpx));
  font-weight: 700;
  color: var(--mp-ink1);
  letter-spacing: -0.02em;
  line-height: 1.4;
  display: flex;
  align-items: center;}#mpScreen[data-route="pages/index/index"] .privacy-policy-close{
  width: calc(52 * var(--mprpx));
  height: calc(52 * var(--mprpx));
  border-radius: 50%;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 94%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background-color 0.2s ease;}#mpScreen[data-route="pages/index/index"] .privacy-policy-close:active{
  background-color: color-mix(in srgb, var(--mp-n00), transparent 86%);}#mpScreen[data-route="pages/index/index"] .privacy-policy-close-icon{
  font-size: calc(28 * var(--mprpx));
  color: var(--mp-n60);
  font-weight: 600;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .privacy-policy-body{
  flex: 1;
  padding: calc(16 * var(--mprpx)) calc(28 * var(--mprpx)) 0;
  box-sizing: border-box;
  max-height: calc(60 * var(--mpvh));}#mpScreen[data-route="pages/index/index"] .privacy-policy-section{
  margin-bottom: calc(24 * var(--mprpx));}#mpScreen[data-route="pages/index/index"] .privacy-policy-section-title{
  font-size: calc(28 * var(--mprpx));
  font-weight: 700;
  color: var(--mp-b2);
  line-height: 1.5;
  margin-bottom: calc(10 * var(--mprpx));
  display: block;}#mpScreen[data-route="pages/index/index"] .privacy-policy-text{
  font-size: calc(24 * var(--mprpx));
  color: var(--mp-ink3);
  font-weight: 400;
  line-height: 1.8;
  display: block;
  margin-bottom: calc(8 * var(--mprpx));
  text-indent: 0;}#mpScreen[data-route="pages/index/index"] .privacy-policy-bottom-space{
  height: calc(20 * var(--mprpx));}#mpScreen[data-route="pages/index/index"] .privacy-policy-footer{
  padding: calc(16 * var(--mprpx)) calc(28 * var(--mprpx)) calc(28 * var(--mprpx));
  flex-shrink: 0;
  border-top: calc(1 * var(--mprpx)) solid var(--mp-line1);
  background: var(--mp-n100);}#mpScreen[data-route="pages/index/index"] .privacy-policy-btn{
  width: 100%;
  height: calc(80 * var(--mprpx));
  border-radius: calc(40 * var(--mprpx));
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-b1));
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 calc(6 * var(--mprpx)) calc(20 * var(--mprpx)) color-mix(in srgb, var(--mp-b1), transparent 70%);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .privacy-policy-btn:active{
  transform: scale(0.97);
  box-shadow: 0 calc(3 * var(--mprpx)) calc(10 * var(--mprpx)) color-mix(in srgb, var(--mp-b1), transparent 80%);}#mpScreen[data-route="pages/index/index"] .privacy-policy-btn-text{
  font-size: calc(28 * var(--mprpx));
  font-weight: 700;
  color: var(--mp-inkOn);
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}

/* ========== 互动消息模块样式（内嵌在 index 页面中） ========== */
/* 滚动区裁切线必须正好落在悬浮底栏的上沿（padding-bottom: 0）：
   留着 .tab-content 那 16px 下内边距，卡片会在底栏上方 16px 处被切出
   一条没有圆角的直边，看着像底栏后面藏了一个长方形。 */#mpScreen[data-route="pages/index/index"] .messages-tab-content{
  display: flex;
  flex-direction: column;
  height: calc(calc(100 * var(--mpvh)) - calc(160 * var(--mprpx)));
  /* 和全国那块同一个道理：写死的高度只是理想值，视口比它矮的时候必须允许压缩，
     不能把底栏顶出 .page-container 的裁剪框 */
  min-height: 0;
  padding-bottom: 0;
  background: linear-gradient(180deg, var(--mp-bgA) 0%, var(--mp-bgB) 100%);}

/* ========== 互动消息 · 分段切换药丸（弹性滑动） ========== */
/* 下内边距必须为 0：留 10px 的话，药丸条和卡片之间永远横着一条露底的小背景，
   滚动区的上沿要正好压在药丸条的下沿上，卡片才是从条子底下抽出来的。 */#mpScreen[data-route="pages/index/index"] .msg-tabs{
  flex-shrink: 0;
  padding: 0 14px;}#mpScreen[data-route="pages/index/index"] .msg-tabs-track{
  padding: 5px;
  border-radius: 22px;
  background: color-mix(in srgb, var(--mp-n100), transparent 26%);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mp-w42), transparent 94%), 0 6px 18px color-mix(in srgb, var(--mp-w68), transparent 90%);
  overflow: hidden;}#mpScreen[data-route="pages/index/index"] .msg-tabs-row{
  position: relative;
  display: flex;
  flex-direction: row;}#mpScreen[data-route="pages/index/index"] .msg-tab-thumb{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 25%;
  border-radius: 17px;
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-bHi));
  box-shadow: 0 4px 14px color-mix(in srgb, var(--mp-b2), transparent 62%);
  transform: translateX(0);
  transition: transform 0.46s cubic-bezier(0.34, 1.34, 0.44, 1);
  will-change: transform;
  z-index: 0;
  pointer-events: none;}#mpScreen[data-route="pages/index/index"] .thumb-i0{ transform: translateX(0);}#mpScreen[data-route="pages/index/index"] .thumb-i1{ transform: translateX(100%);}#mpScreen[data-route="pages/index/index"] .thumb-i2{ transform: translateX(200%);}#mpScreen[data-route="pages/index/index"] .thumb-i3{ transform: translateX(300%);}#mpScreen[data-route="pages/index/index"] .msg-tab{
  flex: 1;
  position: relative;
  z-index: 1;
  height: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
  transition: transform 0.18s ease;}#mpScreen[data-route="pages/index/index"] .msg-tab:active{
  transform: scale(0.93);}#mpScreen[data-route="pages/index/index"] .msg-tab-emoji{
  font-size: 15px;
  line-height: 1.2;
  transition: transform 0.42s cubic-bezier(0.34, 1.42, 0.5, 1);}#mpScreen[data-route="pages/index/index"] .msg-tab-on .msg-tab-emoji{
  transform: translateY(-1px) scale(1.14);}#mpScreen[data-route="pages/index/index"] .msg-tab-label{
  font-size: 11px;
  font-weight: 600;
  color: var(--mp-w68);
  margin-top: 2px;
  white-space: nowrap;
  transition: color 0.28s ease;}#mpScreen[data-route="pages/index/index"] .msg-tab-on .msg-tab-label{
  color: var(--mp-inkOn);}#mpScreen[data-route="pages/index/index"] .msg-tab-badge{
  position: absolute;
  top: 5px;
  right: 11px;
  min-width: 15px;
  height: 15px;
  padding: 0 4px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--mp-x151);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--mp-n100), transparent 8%);
  animation: pages-index-index-msgBadgePop 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) both;}#mpScreen[data-route="pages/index/index"] .msg-tab-badge-text{
  font-size: 9px;
  font-weight: 700;
  color: var(--mp-inkOn);}

/* ========== 互动消息 · 留言卡片 ========== */#mpScreen[data-route="pages/index/index"] .msg-list{
  padding: 4px 0 16px 0;
  animation: pages-index-index-msgListIn 0.4s cubic-bezier(0.22, 1, 0.36, 1) both;}#mpScreen[data-route="pages/index/index"] .msg-card{
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin: 0 14px 10px 14px;
  padding: 13px 14px;
  border-radius: 18px;
  background: var(--mp-n100);
  border: 1px solid color-mix(in srgb, var(--mp-w42), transparent 95%);
  box-shadow: 0 4px 16px color-mix(in srgb, var(--mp-w42), transparent 93%);
  animation: pages-index-index-msgCardIn 0.46s cubic-bezier(0.22, 1, 0.36, 1) both;
  transition: transform 0.22s ease, box-shadow 0.22s ease;}#mpScreen[data-route="pages/index/index"] .msg-card:active{
  transform: scale(0.985);}#mpScreen[data-route="pages/index/index"] .msg-card-in{ border-left: 4px solid var(--mp-x152);}#mpScreen[data-route="pages/index/index"] .msg-card-out{ border-left: 4px solid var(--mp-bHi);}#mpScreen[data-route="pages/index/index"] .msg-card-unread{
  background: linear-gradient(135deg, var(--mp-n100) 0%, var(--mp-w96) 100%);
  box-shadow: 0 6px 20px color-mix(in srgb, var(--mp-b2), transparent 86%);}#mpScreen[data-route="pages/index/index"] .msg-card-avatar{
  width: 38px;
  height: 38px;
  border-radius: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 11px;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .msg-card-in .msg-card-avatar{ background: linear-gradient(135deg, var(--mp-x153), var(--mp-x154));}#mpScreen[data-route="pages/index/index"] .msg-card-out .msg-card-avatar{ background: linear-gradient(135deg, var(--mp-w92), var(--mp-w84));}#mpScreen[data-route="pages/index/index"] .msg-card-avatar-emoji{
  font-size: 19px;}#mpScreen[data-route="pages/index/index"] .msg-card-main{
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;}#mpScreen[data-route="pages/index/index"] .msg-card-top{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 6px;}#mpScreen[data-route="pages/index/index"] .msg-card-tag{
  font-size: 10px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 9px;
  margin-right: 6px;}#mpScreen[data-route="pages/index/index"] .msg-tag-in{ background: var(--mp-x155); color: var(--mp-x156);}#mpScreen[data-route="pages/index/index"] .msg-tag-out{ background: var(--mp-w92); color: var(--mp-bRich);}#mpScreen[data-route="pages/index/index"] .msg-card-dot{
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--mp-x157);
  margin-right: 6px;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mp-x157), transparent 84%);
  animation: pages-index-index-msgDotPulse 1.6s ease-in-out infinite;}#mpScreen[data-route="pages/index/index"] .msg-card-time{
  font-size: 11px;
  color: var(--mp-w68);
  margin-left: auto;}#mpScreen[data-route="pages/index/index"] .msg-card-text{
  font-size: 14px;
  color: var(--mp-w20);
  line-height: 1.55;
  word-break: break-all;}#mpScreen[data-route="pages/index/index"] .msg-card-reply{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-top: 8px;
  padding: 8px 10px;
  border-radius: 12px;
  background: var(--mp-n96);}#mpScreen[data-route="pages/index/index"] .msg-card-reply-quote{
  font-size: 14px;
  color: var(--mp-w68);
  margin-right: 6px;
  line-height: 1.1;}#mpScreen[data-route="pages/index/index"] .msg-card-reply-body{
  display: flex;
  flex-direction: column;
  min-width: 0;}#mpScreen[data-route="pages/index/index"] .msg-card-reply-label{
  font-size: 10px;
  color: var(--mp-w68);
  margin-bottom: 2px;}#mpScreen[data-route="pages/index/index"] .msg-card-reply-text{
  font-size: 12px;
  color: var(--mp-w42);
  line-height: 1.45;
  word-break: break-all;}#mpScreen[data-route="pages/index/index"] .msg-card-status{
  margin-top: 6px;}#mpScreen[data-route="pages/index/index"] .msg-card-status-pending{
  font-size: 11px;
  color: var(--mp-bDeep);}#mpScreen[data-route="pages/index/index"] .msg-card-status-rejected{
  font-size: 11px;
  color: var(--mp-x158);}#mpScreen[data-route="pages/index/index"] .msg-card-paw{
  position: absolute;
  right: -4px;
  bottom: -6px;
  font-size: 34px;
  opacity: 0.06;
  transform: rotate(-18deg);
  pointer-events: none;}#mpScreen[data-route="pages/index/index"] .msg-list > :nth-child(1){ animation-delay: 0.02s;}#mpScreen[data-route="pages/index/index"] .msg-list > :nth-child(2){ animation-delay: 0.06s;}#mpScreen[data-route="pages/index/index"] .msg-list > :nth-child(3){ animation-delay: 0.10s;}#mpScreen[data-route="pages/index/index"] .msg-list > :nth-child(4){ animation-delay: 0.14s;}#mpScreen[data-route="pages/index/index"] .msg-list > :nth-child(5){ animation-delay: 0.18s;}#mpScreen[data-route="pages/index/index"] .msg-list > :nth-child(6){ animation-delay: 0.22s;}#mpScreen[data-route="pages/index/index"] .msg-list > :nth-child(7){ animation-delay: 0.26s;}#mpScreen[data-route="pages/index/index"] .msg-list > :nth-child(8){ animation-delay: 0.30s;}#mpScreen[data-route="pages/index/index"] .msg-list > :nth-child(n+9){ animation-delay: 0.34s;}

/* ========== 互动消息 · 空状态 ========== */#mpScreen[data-route="pages/index/index"] .msg-empty{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 64px 24px;
  animation: pages-index-index-msgListIn 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;}#mpScreen[data-route="pages/index/index"] .msg-empty-emoji{
  font-size: 52px;
  margin-bottom: 12px;
  animation: pages-index-index-msgEmptyBob 2.6s ease-in-out infinite;}#mpScreen[data-route="pages/index/index"] .msg-empty-title{
  font-size: 14px;
  font-weight: 600;
  color: var(--mp-w42);}#mpScreen[data-route="pages/index/index"] .msg-empty-hint{
  font-size: 12px;
  color: var(--mp-w68);
  margin-top: 6px;
  text-align: center;
  line-height: 1.6;}

/* ========== 动效关键帧 ========== */
@keyframes pages-index-index-msgListIn {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes pages-index-index-msgCardIn {
  from { opacity: 0; transform: translateY(16px) scale(0.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes pages-index-index-msgDotPulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.35); opacity: 0.6; }
}

@keyframes pages-index-index-msgBadgePop {
  from { transform: scale(0); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

@keyframes pages-index-index-msgEmptyBob {
  0%, 100% { transform: translateY(0) rotate(-3deg); }
  50% { transform: translateY(-8px) rotate(3deg); }
}#mpScreen[data-route="pages/index/index"] .messages-scroll{
  flex: 1;
  min-height: 0;
  /* 裁切线的位置是对的，但一条直线切在卡片身上太生硬，宽屏下药丸只有 460px 宽，
     左右两侧各有一截硬边露在底色上。改成上下两端渐隐，卡片是溶进边界而不是被切断。
     用 black/transparent 关键字写：折色管线只认 #hex 和 rgba()，别把遮罩的透明度改掉。 */
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, black 36px, black calc(100% - 36px), transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0, black 36px, black calc(100% - 36px), transparent 100%);}#mpScreen[data-route="pages/index/index"] .audit-item{
  position: relative;
  overflow: hidden;
  background: var(--mp-n100);
  margin: 0 14px 10px 14px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid color-mix(in srgb, var(--mp-w42), transparent 95%);
  border-left: 4px solid var(--mp-x159);
  box-shadow: 0 4px 16px color-mix(in srgb, var(--mp-w42), transparent 93%);
  animation: pages-index-index-msgCardIn 0.46s cubic-bezier(0.22, 1, 0.36, 1) both;}#mpScreen[data-route="pages/index/index"] .audit-item-header{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;}#mpScreen[data-route="pages/index/index"] .audit-item-icon{
  font-size: 16px;
  margin-right: 6px;}#mpScreen[data-route="pages/index/index"] .audit-item-title{
  font-size: 14px;
  font-weight: 700;
  color: var(--mp-w20);
  flex: 1;}#mpScreen[data-route="pages/index/index"] .audit-item-time{
  font-size: 11px;
  color: var(--mp-w68);}#mpScreen[data-route="pages/index/index"] .audit-item-body{
  background: var(--mp-n96);
  padding: 10px 12px;
  border-radius: 12px;
  margin-bottom: 10px;}#mpScreen[data-route="pages/index/index"] .audit-requester-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 8px;
  flex-wrap: wrap;}#mpScreen[data-route="pages/index/index"] .audit-requester-name{
  font-size: 14px;
  font-weight: 600;
  color: var(--mp-bRich);
  margin-right: 4px;}#mpScreen[data-route="pages/index/index"] .audit-requester-label{
  font-size: 13px;
  color: var(--mp-w42);
  margin-right: 4px;}#mpScreen[data-route="pages/index/index"] .audit-requester-type{
  font-size: 12px;
  color: var(--mp-inkOn);
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-bHi));
  padding: 2px 9px;
  border-radius: 10px;}#mpScreen[data-route="pages/index/index"] .audit-content-card{
  background: var(--mp-n100);
  border: 1px solid color-mix(in srgb, var(--mp-w42), transparent 92%);
  border-radius: 10px;
  padding: 10px 12px;
  margin-bottom: 8px;}#mpScreen[data-route="pages/index/index"] .audit-content-text{
  font-size: 14px;
  color: var(--mp-w20);
  line-height: 1.5;
  word-break: break-all;
  font-style: italic;}#mpScreen[data-route="pages/index/index"] .audit-hint-row{
  margin-top: 4px;}#mpScreen[data-route="pages/index/index"] .audit-hint-text{
  font-size: 12px;
  color: var(--mp-w68);}#mpScreen[data-route="pages/index/index"] .audit-item-actions{
  display: flex;
  flex-direction: row;
  justify-content: flex-end;}#mpScreen[data-route="pages/index/index"] .audit-btn{
  padding: 8px 18px;
  border-radius: 20px;
  margin-left: 10px;
  transition: transform 0.18s ease, box-shadow 0.18s ease;}#mpScreen[data-route="pages/index/index"] .audit-btn:active{
  transform: scale(0.94);}#mpScreen[data-route="pages/index/index"] .audit-btn-reject{
  background: var(--mp-n96);
  border: 1px solid color-mix(in srgb, var(--mp-w42), transparent 88%);}#mpScreen[data-route="pages/index/index"] .audit-btn-reject .audit-btn-text{
  color: var(--mp-w42);
  font-size: 13px;}#mpScreen[data-route="pages/index/index"] .audit-btn-approve{
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-bHi));
  box-shadow: 0 4px 12px color-mix(in srgb, var(--mp-b2), transparent 68%);}#mpScreen[data-route="pages/index/index"] .audit-btn-approve .audit-btn-text{
  color: var(--mp-inkOn);
  font-size: 13px;
  font-weight: 600;}

/* ========== 审核结果通知卡片（通过 / 未通过） ========== */#mpScreen[data-route="pages/index/index"] .audit-result-item{
  background: var(--mp-n100);
  margin: 0 14px 10px 14px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid color-mix(in srgb, var(--mp-w42), transparent 95%);
  box-shadow: 0 4px 16px color-mix(in srgb, var(--mp-w42), transparent 93%);
  animation: pages-index-index-msgCardIn 0.46s cubic-bezier(0.22, 1, 0.36, 1) both;}#mpScreen[data-route="pages/index/index"] .audit-result-pass{
  border-left: 4px solid var(--mp-x160);
  background: linear-gradient(135deg, var(--mp-n100) 0%, var(--mp-n100) 100%);}#mpScreen[data-route="pages/index/index"] .audit-result-fail{
  border-left: 4px solid var(--mp-x161);
  background: linear-gradient(135deg, var(--mp-n100) 0%, var(--mp-n100) 100%);}#mpScreen[data-route="pages/index/index"] .audit-result-header{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;}#mpScreen[data-route="pages/index/index"] .audit-result-emoji{
  font-size: 16px;
  margin-right: 6px;}#mpScreen[data-route="pages/index/index"] .audit-result-badge{
  font-size: 11px;
  font-weight: 700;
  padding: 2px 9px;
  border-radius: 10px;
  border: 1px solid transparent;
  background: var(--mp-n100);
  margin-right: 6px;}#mpScreen[data-route="pages/index/index"] .audit-result-type{
  font-size: 11px;
  color: var(--mp-w42);
  background: var(--mp-n96);
  padding: 2px 9px;
  border-radius: 10px;
  margin-right: 6px;}#mpScreen[data-route="pages/index/index"] .audit-result-time{
  font-size: 11px;
  color: var(--mp-w68);
  margin-left: auto;}#mpScreen[data-route="pages/index/index"] .audit-result-content-card{
  background: var(--mp-n96);
  border: 1px solid color-mix(in srgb, var(--mp-w42), transparent 94%);
  border-radius: 12px;
  padding: 10px 12px;}#mpScreen[data-route="pages/index/index"] .audit-result-content{
  font-size: 14px;
  color: var(--mp-w20);
  line-height: 1.5;
  word-break: break-all;
  font-style: italic;}#mpScreen[data-route="pages/index/index"] .audit-result-remark{
  margin-top: 8px;
  padding: 9px 12px;
  background: var(--mp-n100);
  border-radius: 12px;
  display: flex;
  flex-direction: column;}#mpScreen[data-route="pages/index/index"] .audit-result-remark-label{
  font-size: 11px;
  color: var(--mp-x158);
  font-weight: 700;
  margin-bottom: 4px;}#mpScreen[data-route="pages/index/index"] .audit-result-remark-text{
  font-size: 13px;
  color: var(--mp-w42);
  line-height: 1.5;
  word-break: break-all;}

/* 底部导航中的消息 tab 图标红点 */#mpScreen[data-route="pages/index/index"] .nav-item-messages{
  position: relative;}#mpScreen[data-route="pages/index/index"] .nav-badge{
  position: absolute;
  top: -1px;
  right: 10px;
  background: linear-gradient(135deg, var(--mp-x162), var(--mp-x163));
  border: 1.5px solid color-mix(in srgb, var(--mp-line4), transparent 8%);
  border-radius: 10px;
  padding: 1px 5px;
  min-width: 17px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px color-mix(in srgb, var(--mp-x163), transparent 65%);
  animation: navBadgePop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);}

@keyframes navBadgePop {
  0% { transform: scale(0.4); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}#mpScreen[data-route="pages/index/index"] .nav-badge-text{
  font-size: 10px;
  color: var(--mp-inkOn);
  font-weight: 700;
  line-height: 1;}

/* ========== 疫苗日期动态UI样式 ========== */#mpScreen[data-route="pages/index/index"] .vaccine-dates-section{
  margin-top: 4px;}#mpScreen[data-route="pages/index/index"] .vaccine-count-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  background: var(--mp-n100);
  border-radius: 12px;
  margin-bottom: 10px;}#mpScreen[data-route="pages/index/index"] .vaccine-count-label{
  font-size: 14px;
  color: var(--mp-ink2);
  font-weight: 500;}#mpScreen[data-route="pages/index/index"] .vaccine-count-stepper{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0;}#mpScreen[data-route="pages/index/index"] .vaccine-count-btn{
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--mp-x31);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;}#mpScreen[data-route="pages/index/index"] .vaccine-count-btn.disabled{
  background: var(--mp-n85);
  opacity: 0.5;}#mpScreen[data-route="pages/index/index"] .vaccine-count-btn:active{
  transform: scale(0.9);}#mpScreen[data-route="pages/index/index"] .vaccine-count-btn-text{
  font-size: 20px;
  color: var(--mp-inkOn);
  font-weight: 700;
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .vaccine-count-value{
  font-size: 20px;
  color: var(--mp-ink2);
  font-weight: 700;
  min-width: 44px;
  text-align: center;
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .vaccine-date-list{
  display: flex;
  flex-direction: column;
  gap: 8px;}#mpScreen[data-route="pages/index/index"] .vaccine-date-item{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 12px;
  background: var(--mp-n100);
  border-radius: 10px;
  border: 1px solid var(--mp-line2);}#mpScreen[data-route="pages/index/index"] .vaccine-date-item-label{
  font-size: 14px;
  color: var(--mp-x164);
  font-weight: 600;
  min-width: 48px;
  margin-right: 10px;}#mpScreen[data-route="pages/index/index"] .vaccine-date-picker{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  padding: 8px 12px;
  background: var(--mp-n100);
  border: 1px solid var(--mp-line3);
  border-radius: 8px;
  min-height: 36px;
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .vaccine-date-picker-text{
  font-size: 14px;
  color: var(--mp-ink2);
  flex: 1;}#mpScreen[data-route="pages/index/index"] .vaccine-date-picker-placeholder{
  font-size: 13px;
  color: var(--mp-n76);
  flex: 1;}#mpScreen[data-route="pages/index/index"] .vaccine-date-picker-arrow{
  font-size: 16px;
  margin-left: 8px;
  color: var(--mp-n60);}

/* ========== 趣味化筛选下拉列表 ========== */#mpScreen[data-route="pages/index/index"] .filter-dropdown-fun{
  background: linear-gradient(160deg, var(--mp-n100) 0%, var(--mp-n100) 40%, var(--mp-w96) 100%);
  border-radius: 20px;
  border: 1px solid color-mix(in srgb, var(--mp-b2), transparent 88%);
  box-shadow: 0 8px 32px color-mix(in srgb, var(--mp-n00), transparent 92%), 0 0 0 2px color-mix(in srgb, var(--mp-bHi), transparent 95%);
  margin-bottom: 14px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;}#mpScreen[data-route="pages/index/index"] .filter-dropdown-fun-header{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 16px 10px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--mp-bHi), transparent 94%) 0%, transparent 100%);}#mpScreen[data-route="pages/index/index"] .filter-dropdown-fun-header-icon{
  font-size: 18px;
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .filter-dropdown-fun-header-title{
  font-size: 13px;
  font-weight: 700;
  color: var(--mp-bRich);
  letter-spacing: 0.02em;}#mpScreen[data-route="pages/index/index"] .filter-dropdown-fun-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 16px;
  margin: 0 8px;
  border-radius: 14px;
  border-bottom: none;
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  position: relative;}#mpScreen[data-route="pages/index/index"] .filter-dropdown-fun-item:active{
  background-color: color-mix(in srgb, var(--mp-b2), transparent 94%);
  transform: scale(0.97);}#mpScreen[data-route="pages/index/index"] .filter-dropdown-fun-item.active{
  background: linear-gradient(135deg, var(--mp-w92), var(--mp-w92));
  border: 1px solid color-mix(in srgb, var(--mp-b2), transparent 75%);}#mpScreen[data-route="pages/index/index"] .filter-fun-item-left{
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  min-width: 0;}#mpScreen[data-route="pages/index/index"] .filter-fun-emoji-ring{
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--mp-n00), transparent 94%);}#mpScreen[data-route="pages/index/index"] .cat-ring{
  background: linear-gradient(135deg, var(--mp-x53), var(--mp-x58));
  border: 1.5px solid color-mix(in srgb, var(--mp-x16), transparent 82%);}#mpScreen[data-route="pages/index/index"] .dog-ring{
  background: linear-gradient(135deg, var(--mp-w96), var(--mp-w92));
  border: 1.5px solid color-mix(in srgb, var(--mp-b2), transparent 80%);}#mpScreen[data-route="pages/index/index"] .other-ring{
  background: linear-gradient(135deg, var(--mp-x61), var(--mp-x165));
  border: 1.5px solid color-mix(in srgb, var(--mp-x57), transparent 82%);}#mpScreen[data-route="pages/index/index"] .all-ring{
  background: linear-gradient(135deg, var(--mp-x166), var(--mp-x167));
  border: 1.5px solid color-mix(in srgb, var(--mp-x08), transparent 85%);}#mpScreen[data-route="pages/index/index"] .breed-ring{
  background: linear-gradient(135deg, var(--mp-w96), var(--mp-w92));
  border: 1.5px solid color-mix(in srgb, var(--mp-b2), transparent 85%);}#mpScreen[data-route="pages/index/index"] .sterilized-yes-ring{
  background: linear-gradient(135deg, var(--mp-x55), var(--mp-x168));
  border: 1.5px solid color-mix(in srgb, var(--mp-x57), transparent 78%);}#mpScreen[data-route="pages/index/index"] .sterilized-no-ring{
  background: linear-gradient(135deg, var(--mp-w96), var(--mp-w92));
  border: 1.5px solid color-mix(in srgb, var(--mp-b1), transparent 78%);}#mpScreen[data-route="pages/index/index"] .filter-fun-emoji{
  font-size: 18px;
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .filter-fun-item-text{
  font-size: 14px;
  font-weight: 500;
  color: var(--mp-ink2);
  letter-spacing: -0.01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}#mpScreen[data-route="pages/index/index"] .filter-dropdown-fun-item.active .filter-fun-item-text{
  font-weight: 700;
  color: var(--mp-bRich);}#mpScreen[data-route="pages/index/index"] .filter-dropdown-fun-footer{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 10px 0 14px;}#mpScreen[data-route="pages/index/index"] .filter-fun-footer-paw{
  font-size: 14px;
  line-height: 1;
  opacity: 0.5;}

/* ========== 品种分组 / 品种具体 / 绝育弹窗 - 底部面板样式（与更多筛选一致） ========== */#mpScreen[data-route="pages/index/index"] .breed-group-panel{
  position: relative;
  background: linear-gradient(180deg, var(--mp-n100) 0%, var(--mp-n100) 100%);
  border-radius: 32px 32px 0 0;
  width: 100%;
  max-width: calc(100 * var(--mpvw));
  max-height: calc(80 * var(--mpvh));
  display: flex;
  flex-direction: column;
  box-shadow: 0 -8px 32px color-mix(in srgb, var(--mp-n00), transparent 90%), 0 -1px 3px color-mix(in srgb, var(--mp-n00), transparent 96%), 0 -3px 0 0 var(--mp-w92);
  box-sizing: border-box;
  overflow-x: hidden;}

/* 品种分组/绝育弹窗真机固定高度方案：flex列布局，scroll-view自适应剩余高度 */
/* 矮弹窗：适用于选项较少（≤3项）的场景，如品种分组、绝育筛选 */#mpScreen[data-route="pages/index/index"] .breed-group-panel-short{
  max-height: calc(50 * var(--mpvh));
  overflow-y: hidden;}

/* 中弹窗：适用于六项左右的一屏选项（排序方式等），不出现内部滚动 */#mpScreen[data-route="pages/index/index"] .breed-group-panel-mid{
  max-height: calc(80 * var(--mpvh));
  overflow-y: hidden;}

/* 高弹窗：适用于选项较多（品种具体列表等），固定80vh */#mpScreen[data-route="pages/index/index"] .breed-group-panel-fixed{
  height: calc(80 * var(--mpvh));
  max-height: calc(80 * var(--mpvh));}

/* 品种弹窗顶部装饰 */#mpScreen[data-route="pages/index/index"] .breed-panel-top-deco{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 14px 0 0;
  overflow: hidden;}#mpScreen[data-route="pages/index/index"] .breed-panel-deco-emoji{
  font-size: 20px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: breedDecoFloat 2.5s ease-in-out infinite;}#mpScreen[data-route="pages/index/index"] .breed-deco-1{ animation-delay: 0s;}#mpScreen[data-route="pages/index/index"] .breed-deco-2{ animation-delay: 0.3s;}#mpScreen[data-route="pages/index/index"] .breed-deco-3{ animation-delay: 0.6s;}#mpScreen[data-route="pages/index/index"] .breed-deco-4{ animation-delay: 0.9s;}#mpScreen[data-route="pages/index/index"] .breed-deco-5{ animation-delay: 1.2s;}

@keyframes breedDecoFloat {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-6px) scale(1.15); }
}

/* 品种弹窗标题图标 */#mpScreen[data-route="pages/index/index"] .breed-panel-title-icon{
  font-size: 20px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 6px;
  animation: breedTitleBounce 2s ease-in-out infinite;}#mpScreen[data-route="pages/index/index"] .breed-panel-title-icon:nth-child(3){
  animation-delay: 0.5s;}

@keyframes breedTitleBounce {
  0%, 100% { transform: translateY(0) scale(1); }
  30% { transform: translateY(-4px) scale(1.2); }
  60% { transform: translateY(0) scale(1); }
}

/* 品种弹窗底部装饰 */#mpScreen[data-route="pages/index/index"] .breed-panel-bottom-deco{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 8px 0 12px;
  opacity: 0.5;}#mpScreen[data-route="pages/index/index"] .breed-panel-deco-paw{
  font-size: 16px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}

/* 品种列表容器（放在scroll-view内，不需要自身flex） */#mpScreen[data-route="pages/index/index"] .breed-group-list{
  padding: 8px 0 4px;}

/* 品种分组/绝育弹窗 scroll-view - 占满剩余高度 */#mpScreen[data-route="pages/index/index"] .breed-group-scroll{
  flex: 1;
  min-height: 0;
  width: 100%;
  box-sizing: border-box;}

/* 品种列表项 */#mpScreen[data-route="pages/index/index"] .breed-group-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  margin: 0 16px 4px;
  border-radius: 16px;
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  border: 1.5px solid transparent;
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .breed-group-item:active{
  background-color: color-mix(in srgb, var(--mp-b2), transparent 94%);
  transform: scale(0.97);}#mpScreen[data-route="pages/index/index"] .breed-group-item.active{
  background: linear-gradient(135deg, var(--mp-w92), var(--mp-w92));
  border-color: color-mix(in srgb, var(--mp-b2), transparent 70%);}#mpScreen[data-route="pages/index/index"] .breed-group-item-left{
  display: flex;
  align-items: center;
  gap: 14px;
  flex: 1;
  min-width: 0;}#mpScreen[data-route="pages/index/index"] .breed-group-item-text{
  font-size: 15px;
  font-weight: 500;
  color: var(--mp-ink2);
  letter-spacing: -0.01em;}#mpScreen[data-route="pages/index/index"] .breed-group-item.active .breed-group-item-text{
  font-weight: 700;
  color: var(--mp-bRich);}

/* 品种滚动列表区域 */#mpScreen[data-route="pages/index/index"] .breed-scroll-body{
  flex: 1;
  overflow-y: auto;
  max-height: 400px;
  padding: 8px 0 4px;}

/* ========== 更多筛选弹窗趣味化 ========== */#mpScreen[data-route="pages/index/index"] .more-filter-panel{
  position: relative;
  background: linear-gradient(180deg, var(--mp-n100) 0%, var(--mp-n100) 100%);
  border-radius: 32px 32px 0 0;
  width: 100%;
  max-width: calc(100 * var(--mpvw));
  max-height: calc(85 * var(--mpvh));
  display: flex;
  flex-direction: column;
  box-shadow: 0 -8px 32px color-mix(in srgb, var(--mp-n00), transparent 90%), 0 -1px 3px color-mix(in srgb, var(--mp-n00), transparent 96%), 0 -3px 0 0 var(--mp-w92);
  box-sizing: border-box;
  overflow-x: hidden;}#mpScreen[data-route="pages/index/index"] .more-filter-label{
  font-size: 14px;
  font-weight: 700;
  color: var(--mp-ink1);
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
  letter-spacing: -0.015em;
  line-height: 1.3;}#mpScreen[data-route="pages/index/index"] .more-filter-footer{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 24px;
  padding-bottom: calc(14px + env(safe-area-inset-bottom));
  border-top: 1px solid var(--mp-line1);
  background-color: var(--mp-n100);
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .more-filter-reset{
  flex: 1;
  height: 44px;
  border-radius: 22px;
  background-color: var(--mp-n96);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid color-mix(in srgb, var(--mp-n00), transparent 96%);
  box-sizing: border-box;
  transition: all 0.2s ease;}#mpScreen[data-route="pages/index/index"] .more-filter-reset:active{
  background-color: var(--mp-n91);
  transform: scale(0.96);}#mpScreen[data-route="pages/index/index"] .more-filter-reset-text{
  font-size: 15px;
  font-weight: 600;
  color: var(--mp-n60);}#mpScreen[data-route="pages/index/index"] .more-filter-confirm{
  flex: 2;
  height: 44px;
  border-radius: 22px;
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-bHi));
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--mp-b2), transparent 70%);
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);}#mpScreen[data-route="pages/index/index"] .more-filter-confirm:active{
  transform: scale(0.96);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--mp-b2), transparent 80%);
  background: linear-gradient(135deg, var(--mp-b1), var(--mp-b2));}#mpScreen[data-route="pages/index/index"] .more-filter-confirm-text{
  font-size: 15px;
  font-weight: 700;
  color: var(--mp-inkOn);
  text-shadow: 0 1px 2px color-mix(in srgb, var(--mp-n00), transparent 90%);}

/* ========== 帖子统计标签（浏览/关注） ========== */#mpScreen[data-route="pages/index/index"] .post-stats-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin-top: 6px;}#mpScreen[data-route="pages/index/index"] .post-stats-badge{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  padding: 3px 10px;
  border-radius: 12px;
  background: var(--mp-n100);
  border: 1px solid var(--mp-line2);}#mpScreen[data-route="pages/index/index"] .view-badge{
  background: linear-gradient(135deg, var(--mp-x37), var(--mp-x38));
  border-color: var(--mp-x169);}#mpScreen[data-route="pages/index/index"] .follow-badge{
  background: linear-gradient(135deg, var(--mp-x14), var(--mp-x15));
  border-color: var(--mp-x170);}#mpScreen[data-route="pages/index/index"] .post-stats-badge-icon{
  font-size: 12px;
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .post-stats-badge-num{
  font-size: 13px;
  font-weight: 700;
  color: var(--mp-ink2);
  line-height: 1;}

/* =================================================================== */
/* 📱 手机号验证码登录弹窗                                              */
/* =================================================================== */#mpScreen[data-route="pages/index/index"] .login-main{
  width: calc(86 * var(--mpvw));
  max-width: calc(640 * var(--mprpx));
  max-height: calc(90 * var(--mpvh));
  background: var(--mp-n100);
  border-radius: 28px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  box-shadow: 0 20px 70px color-mix(in srgb, var(--mp-n00), transparent 78%), 0 4px 16px color-mix(in srgb, var(--mp-n00), transparent 90%);
  animation: loginPop 0.42s cubic-bezier(0.34, 1.56, 0.64, 1) both;}

@keyframes loginPop {
  0% { opacity: 0; transform: translateY(28px) scale(0.9); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}#mpScreen[data-route="pages/index/index"] .login-hero{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px 24px 22px;
  background: linear-gradient(160deg, var(--mp-w92) 0%, var(--mp-w92) 45%, var(--mp-n100) 100%);
  overflow: hidden;}#mpScreen[data-route="pages/index/index"] .login-paw{
  position: absolute;
  font-size: 20px;
  opacity: 0.24;
  line-height: 1;
  animation: loginPawFloat 3.6s ease-in-out infinite;}#mpScreen[data-route="pages/index/index"] .login-paw-1{ top: 16px; left: 26px;}#mpScreen[data-route="pages/index/index"] .login-paw-2{ top: 22px; right: 30px; animation-delay: 0.9s;}#mpScreen[data-route="pages/index/index"] .login-paw-3{ bottom: 18px; left: 40px; animation-delay: 1.8s;}#mpScreen[data-route="pages/index/index"] .login-paw-4{ bottom: 14px; right: 44px; animation-delay: 2.6s;}

@keyframes loginPawFloat {
  0%, 100% { transform: translateY(0) rotate(-8deg); }
  50% { transform: translateY(-6px) rotate(8deg); }
}#mpScreen[data-route="pages/index/index"] .login-hero-emoji{
  font-size: 30px;
  line-height: 1;
  animation: loginHeroBounce 2.2s ease-in-out infinite;}

@keyframes loginHeroBounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}#mpScreen[data-route="pages/index/index"] .login-hero-title{
  margin: 8px 0 6px;
  font-size: 30px;
  font-weight: 800;
  color: var(--mp-ink1);
  letter-spacing: -0.03em;
  line-height: 1.15;}#mpScreen[data-route="pages/index/index"] .login-hero-sub{
  font-size: 12px;
  color: var(--mp-cDeep);
  font-weight: 600;
  letter-spacing: 0.01em;}#mpScreen[data-route="pages/index/index"] .login-body{
  padding: 20px 24px 22px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;}#mpScreen[data-route="pages/index/index"] .login-field{
  display: flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, var(--mp-n100), var(--mp-w92));
  border: 1.5px solid color-mix(in srgb, var(--mp-b2), transparent 72%);
  border-radius: 16px;
  padding: clamp(9px, calc(1.6 * var(--mpvh)), 12px) 14px;
  box-sizing: border-box;
  box-shadow: inset 0 1px 2px color-mix(in srgb, var(--mp-b2), transparent 94%);}#mpScreen[data-route="pages/index/index"] .login-field-emoji{
  font-size: 17px;
  line-height: 1;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .login-field-label{
  font-size: 13px;
  font-weight: 700;
  color: var(--mp-cDeep);
  flex-shrink: 0;
  letter-spacing: 0.02em;}#mpScreen[data-route="pages/index/index"] .login-input{
  flex: 1;
  min-width: 0;
  font-size: 16px;
  font-weight: 700;
  color: var(--mp-ink1);
  letter-spacing: 0.06em;
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  text-align: right;}#mpScreen[data-route="pages/index/index"] .login-input-code{
  letter-spacing: 0.28em;
  font-size: 18px;}#mpScreen[data-route="pages/index/index"] .login-input-ph{
  color: var(--mp-w68);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0;}#mpScreen[data-route="pages/index/index"] .login-btn{
  margin-top: clamp(8px, calc(1.5 * var(--mpvh)), 18px);
  height: clamp(42px, calc(6.6 * var(--mpvh)), 48px);
  border-radius: 24px;
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-b1));
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 18px color-mix(in srgb, var(--mp-b1), transparent 64%);
  transition: transform 0.18s cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 0.18s ease, opacity 0.18s ease;}#mpScreen[data-route="pages/index/index"] .login-btn:active{
  transform: scale(0.96);
  box-shadow: 0 3px 10px color-mix(in srgb, var(--mp-b1), transparent 72%);}#mpScreen[data-route="pages/index/index"] .login-btn-disabled{
  background: linear-gradient(135deg, var(--mp-n91), var(--mp-n85));
  box-shadow: none;
  opacity: 0.85;}#mpScreen[data-route="pages/index/index"] .login-btn-loading{
  opacity: 0.7;}#mpScreen[data-route="pages/index/index"] .login-btn-text{
  font-size: 15px;
  font-weight: 700;
  color: var(--mp-inkOn);
  letter-spacing: 0.02em;}#mpScreen[data-route="pages/index/index"] .login-btn-disabled .login-btn-text{
  color: var(--mp-w68);}#mpScreen[data-route="pages/index/index"] .login-demo-tip{
  margin-top: clamp(6px, calc(1.2 * var(--mpvh)), 14px);
  display: flex;
  align-items: flex-start;
  gap: 6px;
  background: var(--mp-n100);
  border: 1px dashed color-mix(in srgb, var(--mp-x08), transparent 64%);
  border-radius: 14px;
  padding: clamp(7px, calc(1.4 * var(--mpvh)), 10px) 12px;}#mpScreen[data-route="pages/index/index"] .login-demo-tip-icon{
  font-size: 13px;
  line-height: 1.5;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .login-demo-tip-text{
  font-size: 11.5px;
  color: var(--mp-x171);
  line-height: 1.55;}#mpScreen[data-route="pages/index/index"] .login-sent-row{
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: clamp(6px, calc(1.1 * var(--mpvh)), 12px);}#mpScreen[data-route="pages/index/index"] .login-sent-emoji{
  font-size: 15px;
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .login-sent-text{
  flex: 1;
  min-width: 0;
  font-size: 12.5px;
  color: var(--mp-n38);
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .login-sent-change{
  font-size: 12px;
  font-weight: 700;
  color: var(--mp-b1);
  padding: 3px 10px;
  border-radius: 10px;
  background: var(--mp-w92);
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .login-resend-row{
  margin-top: clamp(6px, calc(1.1 * var(--mpvh)), 12px);
  display: flex;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .login-resend-text{
  font-size: 12px;
  color: var(--mp-n68);
  font-weight: 500;}#mpScreen[data-route="pages/index/index"] .login-resend-link{
  font-size: 12.5px;
  color: var(--mp-b1);
  font-weight: 700;}#mpScreen[data-route="pages/index/index"] .login-error-row{
  margin-top: 12px;
  background: var(--mp-x172);
  border: 1px solid color-mix(in srgb, var(--mp-x05), transparent 76%);
  border-radius: 12px;
  padding: 9px 12px;
  display: flex;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .login-error-text{
  font-size: 12px;
  color: var(--mp-x05);
  font-weight: 600;
  line-height: 1.45;
  text-align: center;}#mpScreen[data-route="pages/index/index"] .login-privacy-row{
  margin-top: clamp(8px, calc(1.5 * var(--mpvh)), 16px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 4px;}#mpScreen[data-route="pages/index/index"] .login-privacy-checkbox{
  width: 16px;
  height: 16px;
  border-radius: 5px;
  border: 1.5px solid var(--mp-w68);
  background: var(--mp-n100);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-right: 2px;
  transition: all 0.2s ease;}#mpScreen[data-route="pages/index/index"] .login-privacy-checkbox.checked{
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-b1));
  border-color: var(--mp-b1);}#mpScreen[data-route="pages/index/index"] .login-privacy-checkmark{
  font-size: 10px;
  color: var(--mp-inkOn);
  font-weight: 800;
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .login-privacy-text{
  font-size: 11.5px;
  color: var(--mp-n60);}#mpScreen[data-route="pages/index/index"] .login-privacy-link{
  font-size: 11.5px;
  color: var(--mp-b1);
  font-weight: 600;}

/* 🐾 游客模式入口：不用登录，直接进去浏览卡片 */#mpScreen[data-route="pages/index/index"] .login-guest-entry{
  margin-top: clamp(6px, calc(1.4 * var(--mpvh)), 16px);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: clamp(8px, calc(1.7 * var(--mpvh)), 12px) 14px;
  border-radius: 18px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--mp-n100), transparent 4%), color-mix(in srgb, var(--mp-x173), transparent 4%));
  border: 1.5px dashed color-mix(in srgb, var(--mp-b2), transparent 66%);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 4px 14px color-mix(in srgb, var(--mp-cDeep), transparent 92%);
  transition: transform 0.18s cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 0.18s ease;}#mpScreen[data-route="pages/index/index"] .login-guest-entry:active{
  transform: scale(0.97);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--mp-cDeep), transparent 88%);}#mpScreen[data-route="pages/index/index"] .login-guest-entry-shine{
  position: absolute;
  top: -60%;
  left: -40%;
  width: 40%;
  height: 220%;
  background: linear-gradient(100deg, transparent 0%, color-mix(in srgb, var(--mp-n100), transparent 40%) 50%, transparent 100%);
  transform: rotate(18deg);
  animation: guestEntryShine 3.8s ease-in-out infinite;
  pointer-events: none;}

@keyframes guestEntryShine {
  0% { left: -40%; }
  55%, 100% { left: 130%; }
}#mpScreen[data-route="pages/index/index"] .login-guest-entry-emoji{
  font-size: 22px;
  line-height: 1;
  flex-shrink: 0;
  animation: loginHeroBounce 2.6s ease-in-out infinite;}#mpScreen[data-route="pages/index/index"] .login-guest-entry-col{
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;}#mpScreen[data-route="pages/index/index"] .login-guest-entry-title{
  font-size: 14px;
  font-weight: 800;
  color: var(--mp-cDeep);
  letter-spacing: -0.01em;
  line-height: 1.25;}#mpScreen[data-route="pages/index/index"] .login-guest-entry-desc{
  font-size: 11px;
  color: var(--mp-w68);
  line-height: 1.35;}#mpScreen[data-route="pages/index/index"] .login-guest-entry-arrow{
  font-size: 20px;
  color: var(--mp-b2);
  font-weight: 700;
  line-height: 1;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .login-fun-deco{
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;}#mpScreen[data-route="pages/index/index"] .login-fun-emoji{
  font-size: 15px;
  line-height: 1;
  opacity: 0.75;}#mpScreen[data-route="pages/index/index"] .login-fun-heart{
  font-size: 12px;
  animation: heartBeat 1.4s ease-in-out infinite;}

/* =================================================================== */
/* 🆔 昵称位即个人ID（点名字复制）+ 🎨 emoji 头像选择面板                */
/* =================================================================== */#mpScreen[data-route="pages/index/index"] .user-name-row{
  display: flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  transition: opacity 0.18s ease;}#mpScreen[data-route="pages/index/index"] .user-name-row:active{
  opacity: 0.55;}#mpScreen[data-route="pages/index/index"] .user-name-copy{
  font-size: 12px;
  line-height: 1;
  opacity: 0.6;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .user-id-hint{
  font-size: 10px;
  color: var(--mp-w68);
  line-height: 1.5;
  margin-top: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;}#mpScreen[data-route="pages/index/index"] .avatar-picker-mask{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2100;
  background-color: color-mix(in srgb, var(--mp-w20), transparent 50%);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  display: flex;
  justify-content: center;
  align-items: flex-end;
  animation: avatarMaskIn 0.2s ease;}

@keyframes avatarMaskIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}#mpScreen[data-route="pages/index/index"] .avatar-picker-panel{
  width: 100%;
  max-width: 460px;
  max-height: calc(78 * var(--mpvh));
  box-sizing: border-box;
  padding: 16px 14px 14px;
  border-radius: 28px 28px 0 0;
  background: linear-gradient(180deg, var(--mp-w96) 0%, var(--mp-n100) 38%, var(--mp-n100) 100%);
  box-shadow: 0 -14px 40px color-mix(in srgb, var(--mp-n00), transparent 82%), 0 0 0 3px color-mix(in srgb, var(--mp-b2), transparent 82%);
  display: flex;
  flex-direction: column;
  animation: avatarPanelIn 0.34s cubic-bezier(0.22, 1.12, 0.36, 1);}

@keyframes avatarPanelIn {
  0% { transform: translateY(102%); }
  100% { transform: translateY(0); }
}#mpScreen[data-route="pages/index/index"] .avatar-picker-header{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 4px 10px;}#mpScreen[data-route="pages/index/index"] .avatar-picker-title-col{
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;}#mpScreen[data-route="pages/index/index"] .avatar-picker-title{
  font-size: 17px;
  font-weight: 700;
  color: var(--mp-ink1);
  line-height: 1.3;}#mpScreen[data-route="pages/index/index"] .avatar-picker-sub{
  font-size: 11px;
  color: var(--mp-w68);
  line-height: 1.4;}#mpScreen[data-route="pages/index/index"] .avatar-picker-close{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 95%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 0.18s ease, background-color 0.18s ease;}#mpScreen[data-route="pages/index/index"] .avatar-picker-close:active{
  transform: scale(0.88);
  background-color: color-mix(in srgb, var(--mp-n00), transparent 90%);}#mpScreen[data-route="pages/index/index"] .avatar-picker-close-icon{
  font-size: 13px;
  color: var(--mp-w42);
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .avatar-picker-scroll{
  flex: 1;
  min-height: 0;
  max-height: calc(50 * var(--mpvh));}#mpScreen[data-route="pages/index/index"] .avatar-picker-group{
  margin-bottom: 12px;}#mpScreen[data-route="pages/index/index"] .avatar-picker-group-label{
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: var(--mp-w42);
  margin: 0 2px 7px;
  letter-spacing: 0.02em;}#mpScreen[data-route="pages/index/index"] .avatar-picker-grid{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;}#mpScreen[data-route="pages/index/index"] .avatar-picker-cell{
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);}#mpScreen[data-route="pages/index/index"] .avatar-picker-cell:active{
  transform: scale(0.86);}#mpScreen[data-route="pages/index/index"] .avatar-picker-cell.is-current .avatar-picker-dot{
  border: 2px solid var(--mp-b2);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mp-b2), transparent 82%), 0 3px 10px color-mix(in srgb, var(--mp-b2), transparent 76%);}#mpScreen[data-route="pages/index/index"] .avatar-picker-dot{
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  box-shadow: 0 2px 6px color-mix(in srgb, var(--mp-n00), transparent 93%);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .avatar-picker-emoji{
  font-size: 22px;
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .avatar-picker-footer{
  display: flex;
  align-items: center;
  justify-content: center;
  /* 三个按钮（换回默认 / 换季 / 换昼夜）在手机宽度下会挤，宁可换行也不缩字号 */
  flex-wrap: wrap;
  gap: 8px 10px;
  padding: 10px 0 calc(10px + env(safe-area-inset-bottom));
  border-top: 0.5px solid color-mix(in srgb, var(--mp-n00), transparent 94%);}#mpScreen[data-route="pages/index/index"] .avatar-picker-reset{
  padding: 7px 18px;
  border-radius: 20px;
  background: linear-gradient(135deg, var(--mp-w92), var(--mp-w84));
  transition: transform 0.18s ease;}#mpScreen[data-route="pages/index/index"] .avatar-picker-reset:active{
  transform: scale(0.93);}#mpScreen[data-route="pages/index/index"] .avatar-picker-reset-text{
  font-size: 12px;
  font-weight: 600;
  color: var(--mp-bRich);
  line-height: 1.4;}

/* 🎨 季节色系试看：点一次换一套，紫色是这套项目里「内测/实验」的既有语义色，不随季节折走 */#mpScreen[data-route="pages/index/index"] .avatar-picker-theme{
  min-width: 116px;
  padding: 7px 14px;
  border-radius: 20px;
  background: color-mix(in srgb, var(--mp-x20), transparent 91%);
  border: 1px solid color-mix(in srgb, var(--mp-x19), transparent 72%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.18s cubic-bezier(0.34, 1.5, 0.64, 1), background 0.18s ease;}#mpScreen[data-route="pages/index/index"] .avatar-picker-theme:active{
  transform: scale(0.93);
  background: color-mix(in srgb, var(--mp-x20), transparent 82%);}#mpScreen[data-route="pages/index/index"] .avatar-picker-theme-text{
  font-size: 12px;
  font-weight: 600;
  color: var(--mp-x174);
  line-height: 1.4;
  white-space: nowrap;}

/* 🌗 白天 / 夜间呈现：跟季节按钮同一族紫色（内测/实验语义色），只是更瘦一档，
   两个并排读起来是一对「换季 / 换昼夜」的试看开关 */#mpScreen[data-route="pages/index/index"] .avatar-picker-daypart{
  min-width: 84px;
  padding: 7px 12px;
  border-radius: 20px;
  background: color-mix(in srgb, var(--mp-x20), transparent 84%);
  border: 1px solid color-mix(in srgb, var(--mp-x19), transparent 66%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.18s cubic-bezier(0.34, 1.5, 0.64, 1), background 0.18s ease;}#mpScreen[data-route="pages/index/index"] .avatar-picker-daypart:active{
  transform: scale(0.93);
  background: color-mix(in srgb, var(--mp-x20), transparent 74%);}#mpScreen[data-route="pages/index/index"] .avatar-picker-daypart-text{
  font-size: 12px;
  font-weight: 700;
  color: var(--mp-x175);
  line-height: 1.4;
  white-space: nowrap;}

/* 🚪 退出当前账号：与注销按钮上下竖排，避免横向挤占身份标签空间 */#mpScreen[data-route="pages/index/index"] .header-account-col{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  flex-shrink: 0;}

/* 🚪 退出登录按钮：暖橙玻璃圆底，与下方红色注销按钮同一套「底色+描边」语言 */#mpScreen[data-route="pages/index/index"] .logout-account-btn{
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--mp-w92), var(--mp-w84));
  border: 1px solid color-mix(in srgb, var(--mp-b2), transparent 70%);
  box-shadow: 0 2px 6px color-mix(in srgb, var(--mp-b2), transparent 80%), inset 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 25%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .logout-account-btn:active{
  transform: scale(0.9);
  box-shadow: 0 1px 3px color-mix(in srgb, var(--mp-b2), transparent 78%), inset 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 25%);}#mpScreen[data-route="pages/index/index"] .logout-account-icon{
  font-size: 12px;
  line-height: 1;}

/* 🗑️ 注销账号按钮：竖排在退出登录下方，红色调区分危险操作 */#mpScreen[data-route="pages/index/index"] .cancel-account-btn{
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--mp-x176);
  border: 1px solid color-mix(in srgb, var(--mp-x05), transparent 82%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 0.18s ease;
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .cancel-account-btn:active{
  transform: scale(0.9);}#mpScreen[data-route="pages/index/index"] .cancel-account-icon{
  font-size: 11px;
  line-height: 1;}

/* =================================================================== */
/* 🛡️ 后端管理后台入口（仅管理员可见）                                  */
/* =================================================================== */#mpScreen[data-route="pages/index/index"] .admin-entry-banner{
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 16px;
  padding: 14px 18px;
  border-radius: 22px;
  background: linear-gradient(120deg, var(--mp-admDeep1) 0%, var(--mp-admMid1) 42%, var(--mp-admLite1) 100%);
  border: 1px solid color-mix(in srgb, var(--mp-line4), transparent 84%);
  box-shadow: 0 10px 26px color-mix(in srgb, var(--mp-admGlow), transparent 66%), inset 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 82%);
  overflow: hidden;
  transition: transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 0.2s ease;}#mpScreen[data-route="pages/index/index"] .admin-entry-banner:active{
  transform: scale(0.975);
  box-shadow: 0 5px 14px color-mix(in srgb, var(--mp-admGlow), transparent 70%);}#mpScreen[data-route="pages/index/index"] .admin-entry-shine{
  position: absolute;
  top: -60%;
  left: -30%;
  width: 46%;
  height: 220%;
  background: linear-gradient(100deg, transparent 0%, color-mix(in srgb, var(--mp-n100), transparent 72%) 50%, transparent 100%);
  transform: rotate(14deg);
  animation: adminShine 3.4s ease-in-out infinite;
  pointer-events: none;}

@keyframes adminShine {
  0% { left: -40%; }
  55%, 100% { left: 130%; }
}#mpScreen[data-route="pages/index/index"] .admin-entry-emoji{
  font-size: 26px;
  line-height: 1;
  flex-shrink: 0;
  filter: drop-shadow(0 2px 6px color-mix(in srgb, var(--mp-n00), transparent 70%));
  animation: adminShieldBob 2.4s ease-in-out infinite;}

@keyframes adminShieldBob {
  0%, 100% { transform: translateY(0) rotate(-4deg); }
  50% { transform: translateY(-4px) rotate(4deg); }
}#mpScreen[data-route="pages/index/index"] .admin-entry-text-col{
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
  position: relative;
  z-index: 1;}#mpScreen[data-route="pages/index/index"] .admin-entry-title{
  font-size: 15px;
  font-weight: 800;
  color: var(--mp-inkOn);
  letter-spacing: 0.01em;
  line-height: 1.25;}#mpScreen[data-route="pages/index/index"] .admin-entry-desc{
  font-size: 11.5px;
  color: color-mix(in srgb, var(--mp-inkOn), transparent 28%);
  font-weight: 500;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .admin-entry-arrow{
  font-size: 26px;
  color: color-mix(in srgb, var(--mp-inkOn), transparent 40%);
  font-weight: 300;
  line-height: 1;
  flex-shrink: 0;
  position: relative;
  z-index: 1;}

/* ===================== 草稿 / 模板 有效期倒计时 ===================== */#mpScreen[data-route="pages/index/index"] .draft-box-rule-tip{
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  margin: 0 16px 10px;
  padding: 8px 12px;
  border-radius: 14px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--mp-x143), transparent 82%) 0%, color-mix(in srgb, var(--mp-b2), transparent 92%) 100%);
  border: 1px dashed color-mix(in srgb, var(--mp-b2), transparent 62%);
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .draft-rule-tip-icon{
  font-size: 14px;
  line-height: 1;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .draft-rule-tip-text{
  font-size: 11px;
  color: var(--mp-cDeep);
  font-weight: 500;
  line-height: 1.45;}#mpScreen[data-route="pages/index/index"] .draft-item-countdown{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  padding: 6px 10px;
  border-radius: 12px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--mp-x177), transparent 86%) 0%, color-mix(in srgb, var(--mp-x177), transparent 95%) 100%);
  border: 1px solid color-mix(in srgb, var(--mp-x178), transparent 70%);
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .draft-countdown-emoji{
  font-size: 13px;
  line-height: 1;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .draft-countdown-label{
  font-size: 11px;
  color: var(--mp-x179);
  font-weight: 500;
  letter-spacing: 0.2px;}#mpScreen[data-route="pages/index/index"] .draft-countdown-value{
  margin-left: auto;
  font-size: 13px;
  font-weight: 700;
  color: var(--mp-x180);
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.3px;}#mpScreen[data-route="pages/index/index"] .draft-item-countdown.countdown-warn{
  background: linear-gradient(135deg, color-mix(in srgb, var(--mp-b2), transparent 82%) 0%, color-mix(in srgb, var(--mp-b2), transparent 94%) 100%);
  border-color: color-mix(in srgb, var(--mp-b2), transparent 62%);}#mpScreen[data-route="pages/index/index"] .draft-item-countdown.countdown-warn .draft-countdown-label{
  color: var(--mp-cDeep);}#mpScreen[data-route="pages/index/index"] .draft-item-countdown.countdown-warn .draft-countdown-value{
  color: var(--mp-bDeep);}#mpScreen[data-route="pages/index/index"] .draft-item-countdown.countdown-danger{
  background: linear-gradient(135deg, color-mix(in srgb, var(--mp-x181), transparent 82%) 0%, color-mix(in srgb, var(--mp-x181), transparent 94%) 100%);
  border-color: color-mix(in srgb, var(--mp-x182), transparent 60%);
  animation: draftCdPulse 1.6s ease-in-out infinite;}#mpScreen[data-route="pages/index/index"] .draft-item-countdown.countdown-danger .draft-countdown-label{
  color: var(--mp-x183);}#mpScreen[data-route="pages/index/index"] .draft-item-countdown.countdown-danger .draft-countdown-value{
  color: var(--mp-x184);}

@keyframes draftCdPulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(255, 86, 48, 0.2);
  }
  50% {
    box-shadow: 0 0 0 5px rgba(255, 86, 48, 0);
  }
}#mpScreen[data-route="pages/index/index"] .template-box-rule-tip{
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  margin: 0 20px 6px;
  padding: 8px 12px;
  border-radius: 14px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--mp-b2), transparent 86%) 0%, color-mix(in srgb, var(--mp-w92), transparent 50%) 100%);
  border: 1px dashed color-mix(in srgb, var(--mp-b2), transparent 66%);
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .template-rule-tip-icon{
  font-size: 14px;
  line-height: 1;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .template-rule-tip-text{
  font-size: 11px;
  color: var(--mp-cDeep);
  font-weight: 500;
  line-height: 1.45;}#mpScreen[data-route="pages/index/index"] .template-item-countdown{
  align-self: flex-start;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  margin-top: 7px;
  padding: 4px 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--mp-x177), transparent 86%) 0%, color-mix(in srgb, var(--mp-x177), transparent 95%) 100%);
  border: 1px solid color-mix(in srgb, var(--mp-x178), transparent 72%);
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .template-countdown-emoji{
  font-size: 11px;
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .template-countdown-value{
  font-size: 11px;
  font-weight: 700;
  color: var(--mp-x180);
  line-height: 1.3;}#mpScreen[data-route="pages/index/index"] .template-countdown-unit{
  font-size: 10px;
  color: var(--mp-x185);
  line-height: 1.3;}#mpScreen[data-route="pages/index/index"] .template-item-countdown.countdown-warn{
  background: linear-gradient(135deg, color-mix(in srgb, var(--mp-b2), transparent 82%) 0%, color-mix(in srgb, var(--mp-b2), transparent 94%) 100%);
  border-color: color-mix(in srgb, var(--mp-b2), transparent 64%);}#mpScreen[data-route="pages/index/index"] .template-item-countdown.countdown-warn .template-countdown-value{
  color: var(--mp-bDeep);}#mpScreen[data-route="pages/index/index"] .template-item-countdown.countdown-warn .template-countdown-unit{
  color: var(--mp-cDeep);}#mpScreen[data-route="pages/index/index"] .template-item-countdown.countdown-danger{
  background: linear-gradient(135deg, color-mix(in srgb, var(--mp-x181), transparent 82%) 0%, color-mix(in srgb, var(--mp-x181), transparent 94%) 100%);
  border-color: color-mix(in srgb, var(--mp-x182), transparent 62%);}#mpScreen[data-route="pages/index/index"] .template-item-countdown.countdown-danger .template-countdown-value{
  color: var(--mp-x184);}#mpScreen[data-route="pages/index/index"] .template-item-countdown.countdown-danger .template-countdown-unit{
  color: var(--mp-x186);}#mpScreen[data-route="pages/index/index"] .template-box-empty-rule{
  margin-top: 14px;
  padding: 8px 14px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--mp-b2), transparent 92%);
  border: 1px dashed color-mix(in srgb, var(--mp-b2), transparent 70%);}#mpScreen[data-route="pages/index/index"] .template-box-empty-rule-text{
  font-size: 11px;
  color: var(--mp-cDeep);
  font-weight: 500;
  line-height: 1.4;}

/* ===================== 整页式登录页 ===================== */#mpScreen[data-route="pages/index/index"] .login-page{
  position: absolute;
  inset: 0;
  z-index: 60;
  overflow: hidden;
  background: linear-gradient(168deg, var(--mp-w96) 0%, var(--mp-w92) 34%, var(--mp-w84) 68%, var(--mp-cPale) 100%);}#mpScreen[data-route="pages/index/index"] .login-page-bg{
  position: absolute;
  inset: 0;
  overflow: hidden;}#mpScreen[data-route="pages/index/index"] .login-page-glow{
  position: absolute;
  border-radius: 50%;
  filter: blur(42px);}#mpScreen[data-route="pages/index/index"] .login-page-glow-1{
  width: 240px;
  height: 240px;
  top: -70px;
  left: -70px;
  background: radial-gradient(circle, color-mix(in srgb, var(--mp-cMid), transparent 20%) 0%, transparent 70%);
  animation: loginGlow 6s ease-in-out infinite;}#mpScreen[data-route="pages/index/index"] .login-page-glow-2{
  width: 280px;
  height: 280px;
  bottom: -90px;
  right: -80px;
  background: radial-gradient(circle, color-mix(in srgb, var(--mp-b2), transparent 45%) 0%, transparent 70%);
  animation: loginGlow 7.5s ease-in-out infinite reverse;}

@keyframes loginGlow {
  0%, 100% {
    transform: scale(1);
    opacity: 0.5;
  }
  50% {
    transform: scale(1.16);
    opacity: 0.75;
  }
}

/* 登录页那几枚也换成不走回头路的不规则轨迹，跟首页同一套关键帧 */#mpScreen[data-route="pages/index/index"] .login-float{
  position: absolute;
  font-size: 26px;
  opacity: 0.34;
  will-change: transform;
  animation: homeDriftA 15s ease-in-out infinite;}#mpScreen[data-route="pages/index/index"] .login-float-1{
  top: 7%;
  left: 9%;
  font-size: 30px;}#mpScreen[data-route="pages/index/index"] .login-float-2{
  top: 14%;
  right: 10%;
  font-size: 34px;
  animation: homeDriftB 18s ease-in-out -4s infinite;}#mpScreen[data-route="pages/index/index"] .login-float-3{
  top: 44%;
  left: 5%;
  animation: homeDriftC 16s ease-in-out -9s infinite;}#mpScreen[data-route="pages/index/index"] .login-float-4{
  top: 60%;
  right: 7%;
  font-size: 22px;
  animation: homeDriftB 13s ease-in-out -2s infinite;}#mpScreen[data-route="pages/index/index"] .login-float-5{
  top: 80%;
  left: 12%;
  animation: homeDriftC 19s ease-in-out -6s infinite;}#mpScreen[data-route="pages/index/index"] .login-float-6{
  top: 32%;
  right: 22%;
  font-size: 20px;
  animation: homeDriftA 17s ease-in-out -11s infinite;}#mpScreen[data-route="pages/index/index"] .login-page-scroll{
  position: absolute;
  inset: 0;}#mpScreen[data-route="pages/index/index"] .login-page-inner{
  display: flex;
  flex-direction: column;
  gap: clamp(6px, calc(1.35 * var(--mpvh)), 18px);
  padding: clamp(10px, calc(3.2 * var(--mpvh)), 44px) 22px clamp(8px, calc(2.2 * var(--mpvh)), 28px);
  box-sizing: border-box;
  min-height: 100%;}#mpScreen[data-route="pages/index/index"] .login-brand{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(3px, calc(0.8 * var(--mpvh)), 10px);}#mpScreen[data-route="pages/index/index"] .login-brand-emoji-row{
  display: flex;
  align-items: center;
  gap: 12px;}#mpScreen[data-route="pages/index/index"] .login-brand-side{
  font-size: clamp(26px, calc(4.6 * var(--mpvh)), 40px);
  line-height: 1;
  animation: loginBounce 2.6s ease-in-out infinite;}#mpScreen[data-route="pages/index/index"] .login-brand-side-2{
  animation-delay: 1.3s;}

@keyframes loginBounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}#mpScreen[data-route="pages/index/index"] .login-brand-heart-wrap{
  width: clamp(46px, calc(7.4 * var(--mpvh)), 66px);
  height: clamp(46px, calc(7.4 * var(--mpvh)), 66px);
  border-radius: 50%;
  background: color-mix(in srgb, var(--mp-n100), transparent 20%);
  border: 1px solid color-mix(in srgb, var(--mp-line4), transparent 5%);
  box-shadow: 0 10px 24px color-mix(in srgb, var(--mp-b2), transparent 70%);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .login-brand-heart{
  font-size: clamp(21px, calc(3.5 * var(--mpvh)), 30px);
  line-height: 1;
  animation: loginHeart 1.6s ease-in-out infinite;}

@keyframes loginHeart {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.18);
  }
}#mpScreen[data-route="pages/index/index"] .login-brand-name{
  font-size: clamp(26px, calc(5.4 * var(--mpvh)), 42px);
  font-weight: 800;
  letter-spacing: 8px;
  line-height: 1.15;
  background: linear-gradient(135deg, var(--mp-b2) 0%, var(--mp-x187) 55%, var(--mp-x188) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-indent: 8px;}#mpScreen[data-route="pages/index/index"] .login-brand-slogan{
  font-size: 13px;
  color: var(--mp-cDeep);
  font-weight: 600;
  letter-spacing: 1px;}#mpScreen[data-route="pages/index/index"] .login-brand-tags{
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 2px;}#mpScreen[data-route="pages/index/index"] .login-brand-tag{
  font-size: 11px;
  color: var(--mp-cDeep);
  background: color-mix(in srgb, var(--mp-n100), transparent 32%);
  border: 1px solid color-mix(in srgb, var(--mp-line4), transparent 8%);
  padding: 4px 10px;
  border-radius: 999px;
  font-weight: 600;
  line-height: 1.4;}#mpScreen[data-route="pages/index/index"] .login-glass-card{
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: clamp(6px, calc(1.1 * var(--mpvh)), 14px);
  padding: clamp(11px, calc(2 * var(--mpvh)), 22px) 18px;
  border-radius: 26px;
  background: color-mix(in srgb, var(--mp-n100), transparent 26%);
  border: 1px solid color-mix(in srgb, var(--mp-line4), transparent 8%);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 14px 34px color-mix(in srgb, var(--mp-b1), transparent 82%);
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .login-glass-card-shine{
  position: absolute;
  top: 0;
  left: -60%;
  width: 40%;
  height: 100%;
  background: linear-gradient(100deg, transparent 0%, color-mix(in srgb, var(--mp-n100), transparent 45%) 50%, transparent 100%);
  animation: loginShine 4.5s ease-in-out infinite;}

@keyframes loginShine {
  0% {
    left: -60%;
  }
  55%, 100% {
    left: 120%;
  }
}#mpScreen[data-route="pages/index/index"] .login-glass-title{
  font-size: 18px;
  font-weight: 800;
  color: var(--mp-cDeep);
  line-height: 1.3;}#mpScreen[data-route="pages/index/index"] .login-glass-sub{
  font-size: 11.5px;
  color: var(--mp-cDeep);
  margin-top: -6px;
  line-height: 1.5;}#mpScreen[data-route="pages/index/index"] .login-page-footer{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: auto;
  padding-top: 6px;}#mpScreen[data-route="pages/index/index"] .login-page-footer-paw{
  font-size: 12px;
  opacity: 0.6;
  animation: loginBounce 2.2s ease-in-out infinite;}#mpScreen[data-route="pages/index/index"] .login-page-footer-text{
  font-size: 11px;
  color: var(--mp-cDeep);
  font-weight: 500;
  letter-spacing: 0.5px;}

/* 📱 矮屏走到第二步时收起装饰区，保证整页固定不滚动 */
@media (max-height: 780px) {#mpScreen[data-route="pages/index/index"] .login-step-code .login-brand-emoji-row,
#mpScreen[data-route="pages/index/index"] .login-step-code .login-brand-tags{
    display: none;}
}

/* 📱 极矮屏（≤620）连第一步也收起装饰区 */
@media (max-height: 620px) {#mpScreen[data-route="pages/index/index"] .login-brand-emoji-row,
#mpScreen[data-route="pages/index/index"] .login-brand-tags,
#mpScreen[data-route="pages/index/index"] .login-page-footer{
    display: none;}#mpScreen[data-route="pages/index/index"] .login-step-code .login-guest-entry{
    display: none;}
}

/* =================================================================== */
/* 🧪 内测人员申请：首页入口 banner + 申请表单弹窗                       */
/* =================================================================== */#mpScreen[data-route="pages/index/index"] .beta-entry-banner{
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 16px;
  padding: 14px 18px;
  border-radius: 22px;
  background: linear-gradient(120deg, var(--mp-x189) 0%, var(--mp-x190) 44%, var(--mp-x191) 100%);
  border: 1px solid color-mix(in srgb, var(--mp-line4), transparent 84%);
  box-shadow: 0 10px 26px color-mix(in srgb, var(--mp-x190), transparent 70%), inset 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 82%);
  overflow: hidden;
  transition: transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 0.2s ease;}#mpScreen[data-route="pages/index/index"] .beta-entry-banner:active{
  transform: scale(0.975);
  box-shadow: 0 5px 14px color-mix(in srgb, var(--mp-x190), transparent 72%);}#mpScreen[data-route="pages/index/index"] .beta-entry-pending{
  background: linear-gradient(120deg, var(--mp-cDeep) 0%, var(--mp-x192) 46%, var(--mp-x193) 100%);
  box-shadow: 0 10px 26px color-mix(in srgb, var(--mp-x192), transparent 70%), inset 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 82%);}#mpScreen[data-route="pages/index/index"] .beta-entry-approved{
  background: linear-gradient(120deg, var(--mp-x194) 0%, var(--mp-x195) 46%, var(--mp-x196) 100%);
  box-shadow: 0 10px 26px color-mix(in srgb, var(--mp-x195), transparent 70%), inset 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 82%);}#mpScreen[data-route="pages/index/index"] .beta-entry-rejected{
  background: linear-gradient(120deg, var(--mp-x197) 0%, var(--mp-x198) 46%, var(--mp-x199) 100%);
  box-shadow: 0 10px 26px color-mix(in srgb, var(--mp-x198), transparent 70%), inset 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 82%);}#mpScreen[data-route="pages/index/index"] .beta-entry-expired{
  background: linear-gradient(120deg, var(--mp-x200) 0%, var(--mp-x201) 46%, var(--mp-x202) 100%);
  box-shadow: 0 10px 26px color-mix(in srgb, var(--mp-x201), transparent 70%), inset 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 82%);}#mpScreen[data-route="pages/index/index"] .beta-entry-shine{
  position: absolute;
  top: -60%;
  left: -30%;
  width: 46%;
  height: 220%;
  background: linear-gradient(100deg, transparent 0%, color-mix(in srgb, var(--mp-n100), transparent 74%) 50%, transparent 100%);
  transform: rotate(14deg);
  animation: betaShine 3.8s ease-in-out infinite;
  pointer-events: none;}

@keyframes betaShine {
  0% { left: -40%; }
  55%, 100% { left: 130%; }
}#mpScreen[data-route="pages/index/index"] .beta-entry-emoji{
  font-size: 26px;
  line-height: 1;
  flex-shrink: 0;
  filter: drop-shadow(0 2px 6px color-mix(in srgb, var(--mp-n00), transparent 70%));
  animation: betaFlaskWiggle 2.8s ease-in-out infinite;}

@keyframes betaFlaskWiggle {
  0%, 100% { transform: translateY(0) rotate(-6deg); }
  50% { transform: translateY(-4px) rotate(8deg); }
}#mpScreen[data-route="pages/index/index"] .beta-entry-text-col{
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
  position: relative;
  z-index: 1;}#mpScreen[data-route="pages/index/index"] .beta-entry-title{
  font-size: 15px;
  font-weight: 800;
  color: var(--mp-inkOn);
  letter-spacing: 0.01em;
  line-height: 1.25;}#mpScreen[data-route="pages/index/index"] .beta-entry-desc{
  font-size: 11.5px;
  color: color-mix(in srgb, var(--mp-inkOn), transparent 26%);
  font-weight: 500;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .beta-entry-arrow{
  font-size: 24px;
  color: color-mix(in srgb, var(--mp-inkOn), transparent 30%);
  line-height: 1;
  flex-shrink: 0;}

/* ---------- 申请表单弹窗 ---------- */#mpScreen[data-route="pages/index/index"] .beta-form-mask{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2100;
  background-color: color-mix(in srgb, var(--mp-x203), transparent 50%);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  display: flex;
  justify-content: center;
  align-items: flex-end;
  animation: avatarMaskIn 0.2s ease;}#mpScreen[data-route="pages/index/index"] .beta-form-panel{
  width: 100%;
  max-width: 460px;
  max-height: calc(86 * var(--mpvh));
  box-sizing: border-box;
  padding: 16px 14px calc(12px + env(safe-area-inset-bottom));
  border-radius: 28px 28px 0 0;
  background: linear-gradient(180deg, var(--mp-n96) 0%, var(--mp-n100) 34%, var(--mp-n100) 100%);
  box-shadow: 0 -14px 40px color-mix(in srgb, var(--mp-n00), transparent 82%), 0 0 0 3px color-mix(in srgb, var(--mp-x191), transparent 82%);
  display: flex;
  flex-direction: column;
  animation: avatarPanelIn 0.34s cubic-bezier(0.22, 1.12, 0.36, 1);}#mpScreen[data-route="pages/index/index"] .beta-form-header{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 4px 10px;}#mpScreen[data-route="pages/index/index"] .beta-form-title-col{
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;}#mpScreen[data-route="pages/index/index"] .beta-form-title{
  font-size: 17px;
  font-weight: 700;
  color: var(--mp-ink1);
  line-height: 1.3;}#mpScreen[data-route="pages/index/index"] .beta-form-sub{
  font-size: 11px;
  color: var(--mp-x204);
  line-height: 1.4;}#mpScreen[data-route="pages/index/index"] .beta-form-close{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 95%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 0.18s ease, background-color 0.18s ease;}#mpScreen[data-route="pages/index/index"] .beta-form-close:active{
  transform: scale(0.88);
  background-color: color-mix(in srgb, var(--mp-n00), transparent 90%);}#mpScreen[data-route="pages/index/index"] .beta-form-close-icon{
  font-size: 13px;
  color: var(--mp-x205);
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .beta-form-scroll{
  flex: 1;
  min-height: 0;}#mpScreen[data-route="pages/index/index"] .beta-form-item{
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 11px 12px;
  margin-bottom: 10px;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--mp-n100) 0%, var(--mp-n96) 100%);
  border: 1px solid color-mix(in srgb, var(--mp-x206), transparent 86%);
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .beta-form-label{
  font-size: 12.5px;
  font-weight: 700;
  color: var(--mp-x207);
  line-height: 1.4;}#mpScreen[data-route="pages/index/index"] .beta-form-required{
  font-size: 9.5px;
  font-weight: 700;
  color: var(--mp-bRich);
  background-color: var(--mp-w92);
  border-radius: 6px;
  padding: 1px 5px;
  margin-left: 4px;}#mpScreen[data-route="pages/index/index"] .beta-form-optional{
  font-size: 9.5px;
  font-weight: 700;
  color: var(--mp-x208);
  background-color: var(--mp-x209);
  border-radius: 6px;
  padding: 1px 5px;
  margin-left: 4px;}#mpScreen[data-route="pages/index/index"] .beta-id-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;}#mpScreen[data-route="pages/index/index"] .beta-id-value{
  font-size: 14px;
  font-weight: 800;
  color: var(--mp-x210);
  letter-spacing: 0.04em;}#mpScreen[data-route="pages/index/index"] .beta-chip-row{
  display: flex;
  flex-wrap: wrap;
  gap: 7px;}#mpScreen[data-route="pages/index/index"] .beta-province-row{
  max-height: 116px;
  overflow-y: auto;}#mpScreen[data-route="pages/index/index"] .beta-chip{
  padding: 6px 12px;
  border-radius: 15px;
  background-color: var(--mp-n100);
  border: 1px solid color-mix(in srgb, var(--mp-x206), transparent 78%);
  box-shadow: 0 1px 3px color-mix(in srgb, var(--mp-n00), transparent 96%);
  transition: transform 0.18s cubic-bezier(0.34, 1.56, 0.64, 1), background-color 0.18s ease, border-color 0.18s ease;}#mpScreen[data-route="pages/index/index"] .beta-chip:active{
  transform: scale(0.93);}#mpScreen[data-route="pages/index/index"] .beta-chip.is-on{
  background: linear-gradient(135deg, var(--mp-x191) 0%, var(--mp-x211) 100%);
  border-color: var(--mp-x206);
  box-shadow: 0 3px 10px color-mix(in srgb, var(--mp-x191), transparent 68%);}#mpScreen[data-route="pages/index/index"] .beta-chip-text{
  font-size: 12px;
  font-weight: 600;
  color: var(--mp-x207);
  line-height: 1.4;
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .beta-chip.is-on .beta-chip-text{
  color: var(--mp-inkOn);}#mpScreen[data-route="pages/index/index"] .beta-chip-sm{
  padding: 4px 9px;
  border-radius: 12px;}#mpScreen[data-route="pages/index/index"] .beta-chip-sm .beta-chip-text{
  font-size: 11px;}#mpScreen[data-route="pages/index/index"] .beta-form-input{
  width: 100%;
  box-sizing: border-box;
  padding: 9px 12px;
  border-radius: 13px;
  background-color: var(--mp-n100);
  border: 1px solid color-mix(in srgb, var(--mp-x206), transparent 80%);
  font-size: 13px;
  color: var(--mp-ink1);}#mpScreen[data-route="pages/index/index"] .beta-agree-row{
  display: flex;
  align-items: flex-start;
  gap: 9px;}#mpScreen[data-route="pages/index/index"] .beta-agree-box{
  width: 18px;
  height: 18px;
  border-radius: 6px;
  border: 1.5px solid color-mix(in srgb, var(--mp-x206), transparent 55%);
  background-color: var(--mp-n100);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 1px;
  transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;}#mpScreen[data-route="pages/index/index"] .beta-agree-box.is-on{
  background: linear-gradient(135deg, var(--mp-x191), var(--mp-x211));
  border-color: var(--mp-x206);
  transform: scale(1.06);}#mpScreen[data-route="pages/index/index"] .beta-agree-tick{
  font-size: 12px;
  font-weight: 800;
  color: var(--mp-inkOn);
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .beta-agree-text{
  flex: 1;
  min-width: 0;
  font-size: 11.5px;
  color: var(--mp-x205);
  line-height: 1.55;}#mpScreen[data-route="pages/index/index"] .beta-form-error{
  padding: 8px 12px;
  margin-bottom: 10px;
  border-radius: 13px;
  background: linear-gradient(135deg, var(--mp-x212), var(--mp-x213));
  border: 1px solid color-mix(in srgb, var(--mp-x214), transparent 78%);}#mpScreen[data-route="pages/index/index"] .beta-form-error-text{
  font-size: 11.5px;
  font-weight: 600;
  color: var(--mp-x215);
  line-height: 1.4;}#mpScreen[data-route="pages/index/index"] .beta-form-footer{
  padding-top: 10px;
  border-top: 0.5px solid color-mix(in srgb, var(--mp-n00), transparent 94%);}#mpScreen[data-route="pages/index/index"] .beta-form-submit{
  border-radius: 18px;
  padding: 11px 0;
  background: linear-gradient(120deg, var(--mp-x190) 0%, var(--mp-x191) 100%);
  box-shadow: 0 6px 18px color-mix(in srgb, var(--mp-x191), transparent 66%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.18s ease;}#mpScreen[data-route="pages/index/index"] .beta-form-submit:active{
  transform: scale(0.97);}#mpScreen[data-route="pages/index/index"] .beta-form-submit-text{
  font-size: 14.5px;
  font-weight: 800;
  color: var(--mp-inkOn);
  letter-spacing: 0.02em;}

/* =================================================================== */
/* 🗺️ 全国数据看板：发帖位置地图 + 领养日历                              */
/* =================================================================== */
/* 全国、互动消息两块是直接挂在 .page-container 上的（首页/坐等被领养包在 .content-area 里）。
   底栏是同一个 flex 列的最后一个子元素，所以这一块必须自己声明"可以压缩、内部滚动"，
   否则看板比屏幕高时它会把底栏顶出 overflow:hidden 的裁剪框。
   以前只是靠 .tab-content 那句 overflow-x:hidden 顺带把它变成了滚动容器才没出事。 */#mpScreen[data-route="pages/index/index"] .nation-tab-content{
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding-bottom: 26px;}#mpScreen[data-route="pages/index/index"] .nation-hero{
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px 16px 13px;
  border-radius: 28px;
  background:
    radial-gradient(78% 62% at 88% -12%, color-mix(in srgb, var(--mp-w84), transparent 28%), transparent 68%),
    radial-gradient(62% 52% at -8% 6%, color-mix(in srgb, var(--mp-x216), transparent 50%), transparent 70%),
    linear-gradient(148deg, var(--mp-bHi) 0%, var(--mp-bHi) 34%, var(--mp-b1) 68%, var(--mp-bHi) 100%);
  border: 1px solid color-mix(in srgb, var(--mp-line4), transparent 48%);
  box-shadow: 0 16px 32px color-mix(in srgb, var(--mp-b1), transparent 73%), inset 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 50%);
  overflow: hidden;
  margin-bottom: 12px;}

/* 两团缓慢漂移的柔光，让橙色面不再是死板的平涂 */#mpScreen[data-route="pages/index/index"] .nation-hero-glow{
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  will-change: transform;}#mpScreen[data-route="pages/index/index"] .nation-hero-glow-a{
  right: -42px;
  top: -58px;
  width: 156px;
  height: 156px;
  background: radial-gradient(circle, color-mix(in srgb, var(--mp-n100), transparent 58%), transparent 70%);
  animation: nationGlowA 11s ease-in-out infinite alternate;}#mpScreen[data-route="pages/index/index"] .nation-hero-glow-b{
  left: -36px;
  bottom: -50px;
  width: 126px;
  height: 126px;
  background: radial-gradient(circle, color-mix(in srgb, var(--mp-cMid), transparent 48%), transparent 70%);
  animation: nationGlowB 14s ease-in-out infinite alternate;}

@keyframes nationGlowA {
  0% { transform: translate(0, 0) scale(1); }
  100% { transform: translate(-12px, 14px) scale(1.12); }
}

@keyframes nationGlowB {
  0% { transform: translate(0, 0) scale(1.08); }
  100% { transform: translate(14px, -10px) scale(0.94); }
}#mpScreen[data-route="pages/index/index"] .nation-hero-shine{
  position: absolute;
  top: 0;
  bottom: 0;
  left: -40%;
  width: 40%;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--mp-n100), transparent 74%), transparent);
  animation: nationShine 5.5s cubic-bezier(0.45, 0, 0.55, 1) infinite;
  pointer-events: none;}

@keyframes nationShine {
  0%, 55% { transform: translateX(0); }
  100% { transform: translateX(350%); }
}

/* 上半行：白色磨砂圆徽 + 标题与标签 */#mpScreen[data-route="pages/index/index"] .nation-hero-top{
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 13px;}

/* 白色磨砂圆徽托住地图 emoji：视觉重心略低于几何中心 */#mpScreen[data-route="pages/index/index"] .nation-hero-medal{
  position: relative;
  top: 4px;
  flex: none;
  box-sizing: border-box;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: color-mix(in srgb, var(--mp-n100), transparent 6%);
  box-shadow: 0 7px 15px color-mix(in srgb, var(--mp-bDark), transparent 74%), inset 0 -7px 13px color-mix(in srgb, var(--mp-cMid), transparent 45%);}#mpScreen[data-route="pages/index/index"] .nation-hero-emoji{
  display: block;
  font-size: 27px;
  line-height: 1;
  animation: nationHeroBob 3.2s ease-in-out infinite;}

/* 漂浮围绕下移后的中心上下对称，不再单边吊高 */
@keyframes nationHeroBob {
  0%, 100% { transform: translateY(-2px) rotate(-4deg); }
  50% { transform: translateY(3px) rotate(4deg); }
}#mpScreen[data-route="pages/index/index"] .nation-hero-col{
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;}#mpScreen[data-route="pages/index/index"] .nation-hero-title{
  font-size: 18px;
  font-weight: 800;
  color: var(--mp-inkOn);
  letter-spacing: 0.03em;
  text-shadow: 0 1px 0 color-mix(in srgb, var(--mp-bDark), transparent 70%);}#mpScreen[data-route="pages/index/index"] .nation-hero-sub{
  font-size: 10.5px;
  line-height: 1.4;
  color: color-mix(in srgb, var(--mp-inkOn), transparent 6%);}#mpScreen[data-route="pages/index/index"] .nation-hero-chips{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 4px;}#mpScreen[data-route="pages/index/index"] .nation-hero-chip{
  font-size: 10.5px;
  font-weight: 700;
  color: var(--mp-bRich);
  background: color-mix(in srgb, var(--mp-n100), transparent 7%);
  padding: 4px 10px;
  border-radius: 999px;
  box-shadow: 0 2px 6px color-mix(in srgb, var(--mp-bDark), transparent 84%);}#mpScreen[data-route="pages/index/index"] .nation-hero-spark{
  position: absolute;
  font-size: 15px;
  line-height: 1;
  opacity: 0.55;
  pointer-events: none;}#mpScreen[data-route="pages/index/index"] .nation-hero-spark-a{
  right: 16px;
  top: 12px;
  animation: nationSparkFloat 3.6s ease-in-out infinite;}#mpScreen[data-route="pages/index/index"] .nation-hero-spark-b{
  right: 42px;
  top: 40px;
  font-size: 12px;
  animation: nationSparkFloat 4.4s ease-in-out infinite reverse;}

@keyframes nationSparkFloat {
  0%, 100% { transform: translateY(0) rotate(10deg); }
  50% { transform: translateY(-5px) rotate(-8deg); }
}#mpScreen[data-route="pages/index/index"] .nation-stat-row{
  display: flex;
  gap: 8px;
  margin-bottom: 12px;}#mpScreen[data-route="pages/index/index"] .nation-stat-chip{
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 10px 4px 8px;
  border-radius: 18px;
  background: color-mix(in srgb, var(--mp-n100), transparent 10%);
  border: 1px solid color-mix(in srgb, var(--mp-b2), transparent 84%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--mp-b2), transparent 90%), inset 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 10%);
  animation: nationChipPop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) backwards;}#mpScreen[data-route="pages/index/index"] .nation-stat-chip:nth-child(2){ animation-delay: 0.06s;}#mpScreen[data-route="pages/index/index"] .nation-stat-chip:nth-child(3){ animation-delay: 0.12s;}#mpScreen[data-route="pages/index/index"] .nation-stat-chip:nth-child(4){ animation-delay: 0.18s;}

@keyframes nationChipPop {
  0% { transform: translateY(10px) scale(0.8); opacity: 0; }
  100% { transform: translateY(0) scale(1); opacity: 1; }
}#mpScreen[data-route="pages/index/index"] .nation-stat-emoji{ font-size: 17px; line-height: 1;}#mpScreen[data-route="pages/index/index"] .nation-stat-num{
  font-size: 19px;
  font-weight: 800;
  color: var(--mp-bDeep);
  line-height: 1.1;}#mpScreen[data-route="pages/index/index"] .nation-stat-label{
  font-size: 10px;
  color: var(--mp-n60);
  font-weight: 600;}

/* ---------- 地图 ---------- */#mpScreen[data-route="pages/index/index"] .nation-map-card{
  background: color-mix(in srgb, var(--mp-n100), transparent 8%);
  border: 1px solid color-mix(in srgb, var(--mp-b2), transparent 86%);
  border-radius: 22px;
  padding: 14px 12px 10px;
  box-shadow: 0 6px 18px color-mix(in srgb, var(--mp-n00), transparent 94%), inset 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 10%);
  margin-bottom: 12px;}#mpScreen[data-route="pages/index/index"] .nation-map-head{
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 0 4px 10px;}#mpScreen[data-route="pages/index/index"] .nation-map-title{
  font-size: 15px;
  font-weight: 800;
  color: var(--mp-ink1);}#mpScreen[data-route="pages/index/index"] .nation-map-sub{
  font-size: 11px;
  color: var(--mp-n60);}

/* 🧭 当前缩放层级胶囊：省 → 市 → 区县 → 街道 → 毛孩子 */#mpScreen[data-route="pages/index/index"] .nation-map-title-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;}#mpScreen[data-route="pages/index/index"] .nation-map-tier{
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 0 9px;
  box-sizing: border-box;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--mp-bGlow), var(--mp-b2));
  box-shadow: 0 3px 9px color-mix(in srgb, var(--mp-b2), transparent 68%);
  animation: nationTierIn 0.46s cubic-bezier(0.22, 0.8, 0.3, 1);}#mpScreen[data-route="pages/index/index"] .nation-map-tier-text{
  font-size: 10.5px;
  font-weight: 800;
  color: var(--mp-inkOn);
  line-height: 1;}

@keyframes nationTierIn {
  0% { opacity: 0; transform: translateY(5px) scale(0.84); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}#mpScreen[data-route="pages/index/index"] .nation-map-stage{
  position: relative;
  height: 292px;
  border-radius: 18px;
  overflow: hidden;
  background:
    radial-gradient(circle at 22% 18%, color-mix(in srgb, var(--mp-x217), transparent 82%), transparent 46%),
    radial-gradient(circle at 80% 78%, color-mix(in srgb, var(--mp-bHi), transparent 80%), transparent 50%),
    linear-gradient(180deg, var(--mp-x218) 0%, var(--mp-n100) 55%, var(--mp-w96) 100%);
  border: 1px solid color-mix(in srgb, var(--mp-x219), transparent 88%);
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  cursor: grab;}#mpScreen[data-route="pages/index/index"] .nation-map-stage:active{ cursor: grabbing;}#mpScreen[data-route="pages/index/index"] .nation-map-world{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transform-origin: 50% 50%;
  will-change: transform;}#mpScreen[data-route="pages/index/index"] .nation-map-canvas{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;}#mpScreen[data-route="pages/index/index"] .nation-map-world.map-anim{
  transition: transform 0.52s cubic-bezier(0.22, 0.8, 0.3, 1), --pin-s 0.52s cubic-bezier(0.22, 0.8, 0.3, 1);}

/* 滚轮连发：每格只走 0.19s，后一格从当前插值位置接着走，
   一格一格的增量就连成一条连续曲线 */#mpScreen[data-route="pages/index/index"] .nation-map-world.map-anim-live{
  transition: transform 0.19s cubic-bezier(0.33, 1, 0.68, 1), --pin-s 0.19s cubic-bezier(0.33, 1, 0.68, 1);}

/* 标记的反缩放已经跟着世界层一起插值了，自己那条 transition 只会再叠一层延迟，
   缩放期间关掉，标记才不会比地图慢半拍 */#mpScreen[data-route="pages/index/index"] .nation-map-world.map-anim .nation-pin,
#mpScreen[data-route="pages/index/index"] .nation-map-world.map-anim-live .nation-pin{
  transition: none;}

/* 🔍 换级时底图轻轻推近再稳住，flip 类名交替保证动画可重放 */#mpScreen[data-route="pages/index/index"] .nation-map-world.map-flip-a .nation-map-canvas{
  animation: nationMapDrillA 0.55s cubic-bezier(0.22, 0.8, 0.3, 1);}#mpScreen[data-route="pages/index/index"] .nation-map-world.map-flip-b .nation-map-canvas{
  animation: nationMapDrillB 0.55s cubic-bezier(0.22, 0.8, 0.3, 1);}

@keyframes nationMapDrillA {
  0% { transform: scale(1.05); opacity: 0.55; }
  100% { transform: scale(1); opacity: 1; }
}

@keyframes nationMapDrillB {
  0% { transform: scale(1.05); opacity: 0.55; }
  100% { transform: scale(1); opacity: 1; }
}#mpScreen[data-route="pages/index/index"] .nation-pin{
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translate(-50%, -50%) scale(var(--pin-s, 1));
  transition: transform 0.3s cubic-bezier(0.22, 0.8, 0.3, 1);
  cursor: pointer;}#mpScreen[data-route="pages/index/index"] .nation-pin.pin-anim-a{
  animation: nationPinInA 0.42s cubic-bezier(0.22, 0.8, 0.3, 1) backwards;}#mpScreen[data-route="pages/index/index"] .nation-pin.pin-anim-b{
  animation: nationPinInB 0.42s cubic-bezier(0.22, 0.8, 0.3, 1) backwards;}

/* 标记不掉落、不弹跳：只是轻轻淡入并稳住，错峰一圈像涟漪散开 */
@keyframes nationPinInA {
  0% { transform: translate(-50%, -50%) scale(calc(var(--pin-s, 1) * 0.86)); opacity: 0; }
  100% { transform: translate(-50%, -50%) scale(var(--pin-s, 1)); opacity: 1; }
}

@keyframes nationPinInB {
  0% { transform: translate(-50%, -50%) scale(calc(var(--pin-s, 1) * 0.86)); opacity: 0; }
  100% { transform: translate(-50%, -50%) scale(var(--pin-s, 1)); opacity: 1; }
}#mpScreen[data-route="pages/index/index"] .nation-pin.pin-on{
  transform: translate(-50%, -50%) scale(calc(var(--pin-s, 1) * 1.16));
  z-index: 5;}#mpScreen[data-route="pages/index/index"] .nation-pin-emoji{
  font-size: 21px;
  line-height: 1;
  padding: 5px 6px 6px;
  background: color-mix(in srgb, var(--mp-n100), transparent 5%);
  border: 1.5px solid color-mix(in srgb, var(--mp-b2), transparent 55%);
  border-radius: 50% 50% 50% 8px;
  box-shadow: 0 3px 8px color-mix(in srgb, var(--mp-n00), transparent 84%), inset 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 10%);}#mpScreen[data-route="pages/index/index"] .nation-pin-count{
  margin-top: -4px;
  min-width: 16px;
  padding: 1px 5px;
  box-sizing: border-box;
  border-radius: 9px;
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-x162));
  border: 1.5px solid var(--mp-line4);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px color-mix(in srgb, var(--mp-x162), transparent 60%);}#mpScreen[data-route="pages/index/index"] .nation-pin-count-text{
  font-size: 9.5px;
  font-weight: 800;
  color: var(--mp-inkOn);
  line-height: 1.2;}

/* 只剩一只毛孩子的点：脚下挂一块名字牌，比数字徽标更认得出是谁。
   绝对定位挂在 emoji 下面，不参与标记自身的高度，否则定标点会被名字牌顶偏 */#mpScreen[data-route="pages/index/index"] .nation-pin-name{
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 2px;
  max-width: 72px;
  padding: 2px 6px;
  box-sizing: border-box;
  border-radius: 9px;
  background: color-mix(in srgb, var(--mp-n100), transparent 8%);
  border: 1px solid color-mix(in srgb, var(--mp-b2), transparent 60%);
  box-shadow: 0 2px 6px color-mix(in srgb, var(--mp-n00), transparent 86%);
  font-size: 9.5px;
  font-weight: 700;
  color: var(--mp-bDeep);
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}#mpScreen[data-route="pages/index/index"] .nation-pin-bubble{
  position: absolute;
  z-index: 8;
  pointer-events: auto;
  transform: translate(-50%, -50%) scale(var(--pin-s, 1));}#mpScreen[data-route="pages/index/index"] .nation-pin-bubble-card{
  position: absolute;
  left: 50%;
  bottom: 15px;
  transform: translateX(-50%);
  background: var(--mp-n100);
  border: 1.5px solid color-mix(in srgb, var(--mp-x219), transparent 70%);
  border-radius: 14px;
  padding: 7px 12px;
  box-sizing: border-box;
  box-shadow: 0 8px 20px color-mix(in srgb, var(--mp-n00), transparent 82%);
  animation: nationBubblePop 0.34s cubic-bezier(0.34, 1.56, 0.64, 1);
  white-space: nowrap;}#mpScreen[data-route="pages/index/index"] .nation-pin-bubble-card::after{
  content: '';
  position: absolute;
  left: 50%;
  bottom: -6px;
  width: 10px;
  height: 10px;
  background: var(--mp-n100);
  border-right: 1.5px solid color-mix(in srgb, var(--mp-x219), transparent 70%);
  border-bottom: 1.5px solid color-mix(in srgb, var(--mp-x219), transparent 70%);
  transform: translateX(-50%) rotate(45deg);}

@keyframes nationBubblePop {
  0% { opacity: 0; }
  100% { opacity: 1; }
}#mpScreen[data-route="pages/index/index"] .nation-pin-bubble-text{
  font-size: 12px;
  font-weight: 700;
  color: var(--mp-x219);}#mpScreen[data-route="pages/index/index"] .nation-map-cloud{
  position: absolute;
  font-size: 22px;
  opacity: 0.5;
  pointer-events: none;
  animation: nationCloudDrift 16s linear infinite;}#mpScreen[data-route="pages/index/index"] .nation-cloud-1{ top: 8%; left: -12%; animation-duration: 19s;}#mpScreen[data-route="pages/index/index"] .nation-cloud-2{ top: 34%; left: -16%; animation-duration: 26s; animation-delay: 6s; font-size: 17px; opacity: 0.38;}#mpScreen[data-route="pages/index/index"] .nation-cloud-3{ top: 62%; left: -10%; animation-duration: 22s; animation-delay: 11s; font-size: 15px; opacity: 0.45;}

@keyframes nationCloudDrift {
  0% { transform: translateX(0); }
  100% { transform: translateX(420px); }
}#mpScreen[data-route="pages/index/index"] .nation-map-ctrls{
  position: absolute;
  right: 8px;
  bottom: 8px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  z-index: 6;}#mpScreen[data-route="pages/index/index"] .nation-map-ctrl{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--mp-n100), transparent 8%);
  border: 1px solid color-mix(in srgb, var(--mp-x219), transparent 78%);
  box-shadow: 0 3px 8px color-mix(in srgb, var(--mp-n00), transparent 88%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.18s cubic-bezier(0.34, 1.56, 0.64, 1);}#mpScreen[data-route="pages/index/index"] .nation-map-ctrl:active{ transform: scale(0.86);}#mpScreen[data-route="pages/index/index"] .nation-map-ctrl-text{ font-size: 13px; line-height: 1;}#mpScreen[data-route="pages/index/index"] .nation-map-empty{
  position: absolute;
  left: 0;
  right: 0;
  top: 40%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 0 30px;}#mpScreen[data-route="pages/index/index"] .nation-map-empty-emoji{ font-size: 30px;}#mpScreen[data-route="pages/index/index"] .nation-map-empty-text{
  font-size: 12px;
  color: var(--mp-x220);
  text-align: center;
  line-height: 1.5;}#mpScreen[data-route="pages/index/index"] .nation-map-hint{
  padding: 8px 4px 2px;
  font-size: 10.5px;
  color: var(--mp-n60);
  text-align: center;}

/* ---------- 领养日历 ---------- */#mpScreen[data-route="pages/index/index"] .nation-cal-card{
  background: color-mix(in srgb, var(--mp-n100), transparent 8%);
  border: 1px solid color-mix(in srgb, var(--mp-b2), transparent 86%);
  border-radius: 22px;
  padding: 14px 12px 14px;
  box-shadow: 0 6px 18px color-mix(in srgb, var(--mp-n00), transparent 94%), inset 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 10%);}#mpScreen[data-route="pages/index/index"] .nation-cal-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;}#mpScreen[data-route="pages/index/index"] .nation-cal-arrow{
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--mp-w92);
  border: 1px solid color-mix(in srgb, var(--mp-b2), transparent 76%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 0.18s cubic-bezier(0.34, 1.56, 0.64, 1);}#mpScreen[data-route="pages/index/index"] .nation-cal-arrow:active{ transform: scale(0.86);}#mpScreen[data-route="pages/index/index"] .nation-cal-arrow-text{ font-size: 12px; line-height: 1;}#mpScreen[data-route="pages/index/index"] .nation-cal-title-col{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  min-width: 0;}#mpScreen[data-route="pages/index/index"] .nation-cal-title{
  font-size: 16px;
  font-weight: 800;
  color: var(--mp-ink1);}#mpScreen[data-route="pages/index/index"] .nation-cal-sub{
  font-size: 10.5px;
  color: var(--mp-n60);}#mpScreen[data-route="pages/index/index"] .nation-cal-switch{
  display: flex;
  background: var(--mp-n96);
  border-radius: 16px;
  padding: 3px;
  margin-bottom: 10px;}#mpScreen[data-route="pages/index/index"] .nation-cal-switch-item{
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 0;
  border-radius: 13px;
  transition: all 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);}#mpScreen[data-route="pages/index/index"] .nation-cal-switch-item.on{
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-bHi));
  box-shadow: 0 2px 8px color-mix(in srgb, var(--mp-b2), transparent 65%);}#mpScreen[data-route="pages/index/index"] .nation-cal-switch-text{
  font-size: 12px;
  font-weight: 700;
  color: var(--mp-n60);}#mpScreen[data-route="pages/index/index"] .nation-cal-switch-item.on .nation-cal-switch-text{ color: var(--mp-inkOn);}#mpScreen[data-route="pages/index/index"] .nation-flip-a,
#mpScreen[data-route="pages/index/index"] .nation-flip-b{
  animation: nationCalIn 0.36s cubic-bezier(0.25, 0.9, 0.3, 1);}

@keyframes nationCalIn {
  0% { transform: translateY(8px) scale(0.985); opacity: 0.35; }
  100% { transform: translateY(0) scale(1); opacity: 1; }
}#mpScreen[data-route="pages/index/index"] .nation-cal-week{
  display: flex;
  margin-bottom: 4px;}#mpScreen[data-route="pages/index/index"] .nation-cal-week-text{
  flex: 1;
  text-align: center;
  font-size: 10.5px;
  font-weight: 700;
  color: var(--mp-n68);}#mpScreen[data-route="pages/index/index"] .nation-cal-grid{
  display: flex;
  flex-wrap: wrap;
  gap: 4px;}#mpScreen[data-route="pages/index/index"] .nation-cal-cell{
  position: relative;
  width: calc((100% - 24px) / 7);
  height: 40px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  box-sizing: border-box;
  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), background-color 0.2s ease;}#mpScreen[data-route="pages/index/index"] .nation-cal-cell.in-month .nation-cal-day{ color: var(--mp-ink3);}#mpScreen[data-route="pages/index/index"] .nation-cal-day{
  font-size: 11px;
  font-weight: 600;
  color: transparent;
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .nation-cal-num{
  font-size: 12px;
  font-weight: 800;
  color: var(--mp-bDeep);
  line-height: 1;}

/* 星星贴在格子右上角，不参与 flex 排布，免得把日号顶歪 */#mpScreen[data-route="pages/index/index"] .nation-cal-star{
  position: absolute;
  top: 1px;
  right: 2px;
  font-size: 9px;
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .nation-cal-cell.has-num{ background: var(--mp-w92);}#mpScreen[data-route="pages/index/index"] .nation-cal-cell.has-num.lv-2{ background: var(--mp-cPale);}#mpScreen[data-route="pages/index/index"] .nation-cal-cell.has-num.lv-3{
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-x162));
  box-shadow: 0 3px 10px color-mix(in srgb, var(--mp-x162), transparent 65%);}#mpScreen[data-route="pages/index/index"] .nation-cal-cell.has-num.lv-3 .nation-cal-day,
#mpScreen[data-route="pages/index/index"] .nation-cal-cell.has-num.lv-3 .nation-cal-num{ color: var(--mp-inkOn);}#mpScreen[data-route="pages/index/index"] .nation-cal-cell.is-today{
  border: 1.5px dashed color-mix(in srgb, var(--mp-b2), transparent 30%);}#mpScreen[data-route="pages/index/index"] .nation-cal-cell.picked{
  transform: scale(1.08);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--mp-x190), transparent 45%), 0 4px 10px color-mix(in srgb, var(--mp-n00), transparent 88%);}#mpScreen[data-route="pages/index/index"] .nation-cal-daychip{
  display: flex;
  justify-content: center;
  margin-top: 10px;}#mpScreen[data-route="pages/index/index"] .nation-cal-daychip-text{
  padding: 6px 14px;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--mp-x190), var(--mp-x191));
  color: var(--mp-inkOn);
  font-size: 12px;
  font-weight: 700;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--mp-x190), transparent 70%);
  animation: nationChipPop 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);}#mpScreen[data-route="pages/index/index"] .nation-year-grid{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;}#mpScreen[data-route="pages/index/index"] .nation-year-cell{
  width: calc((100% - 24px) / 4);
  height: 62px;
  border-radius: 16px;
  background: var(--mp-n100);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  box-sizing: border-box;
  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);}#mpScreen[data-route="pages/index/index"] .nation-year-cell:active{ transform: scale(0.94);}#mpScreen[data-route="pages/index/index"] .nation-year-month{
  font-size: 11px;
  font-weight: 700;
  color: var(--mp-n50);}#mpScreen[data-route="pages/index/index"] .nation-year-num{
  font-size: 17px;
  font-weight: 800;
  color: var(--mp-n76);
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .nation-year-cell.has-num{ background: var(--mp-w92);}#mpScreen[data-route="pages/index/index"] .nation-year-cell.has-num.lv-2{ background: var(--mp-cPale);}#mpScreen[data-route="pages/index/index"] .nation-year-cell.has-num.lv-3{
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-x162));}#mpScreen[data-route="pages/index/index"] .nation-year-cell.has-num .nation-year-num{ color: var(--mp-bDeep);}#mpScreen[data-route="pages/index/index"] .nation-year-cell.has-num.lv-3 .nation-year-num{ color: var(--mp-inkOn);}#mpScreen[data-route="pages/index/index"] .nation-year-cell.has-num.lv-3 .nation-year-month{ color: color-mix(in srgb, var(--mp-inkOn), transparent 10%);}#mpScreen[data-route="pages/index/index"] .nation-year-cell.is-now{
  border: 1.5px dashed color-mix(in srgb, var(--mp-b2), transparent 30%);}

/* ---------- 🐾 养宠冷知识轮播：全国看板紧凑条 + 游客首页大版块 ---------- */

/* 串门小动物：两套跳跃节拍来回切，换 emoji 时动作也跟着换 */#mpScreen[data-route="pages/index/index"] .mascot-flip-a{
  display: inline-block;
  animation: mascotHopA 1.8s ease-in-out infinite;}#mpScreen[data-route="pages/index/index"] .mascot-flip-b{
  display: inline-block;
  animation: mascotHopB 1.8s ease-in-out infinite;}

@keyframes mascotHopA {
  0%, 100% { transform: translateY(0) rotate(-8deg); }
  50% { transform: translateY(-3px) rotate(8deg); }
}

@keyframes mascotHopB {
  0%, 100% { transform: translateY(-1px) rotate(10deg) scale(1.06); }
  50% { transform: translateY(1px) rotate(-10deg) scale(0.94); }
}

/* 看板底部磨砂条：只托着那句轮播知识 */#mpScreen[data-route="pages/index/index"] .nation-hero-ticker{
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px 11px 9px;
  border-radius: 18px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--mp-n100), transparent 4%) 0%, color-mix(in srgb, var(--mp-w96), transparent 8%) 100%);
  border: 1px solid color-mix(in srgb, var(--mp-line4), transparent 28%);
  box-shadow: 0 6px 16px color-mix(in srgb, var(--mp-bDark), transparent 82%), inset 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 5%);}

/* 底边下拉到三行：按语料最长那条知识预留高度，短句垂直居中，框不再随语句长短涨缩 */#mpScreen[data-route="pages/index/index"] .nation-hero-tip{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  min-height: 43px;
  width: 100%;
  opacity: 0;
  transform: translateY(3px);
  transition: opacity 0.45s ease, transform 0.45s ease;}#mpScreen[data-route="pages/index/index"] .nation-hero-tip.is-on{
  opacity: 1;
  transform: translateY(0);}#mpScreen[data-route="pages/index/index"] .hero-tip-spark{
  font-size: 10px;
  line-height: 1.4;
  animation: heroTipSpark 1.8s cubic-bezier(0.45, 0, 0.55, 1) infinite;}

@keyframes heroTipSpark {
  0%, 100% { transform: scale(0.8) rotate(0deg); opacity: 0.5; }
  50% { transform: scale(1.25) rotate(24deg); opacity: 1; }
}#mpScreen[data-route="pages/index/index"] .nation-hero-tip-text{
  flex: 1;
  min-width: 0;
  font-size: 10.5px;
  line-height: 1.35;
  color: var(--mp-cDeep);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;}

/* 游客首页的大版块：四周留出走兽道，动物沿边绕行成框 */#mpScreen[data-route="pages/index/index"] .tip-board{
  position: relative;
  margin-bottom: 14px;
  padding: 28px 30px 30px;
  border-radius: 26px;
  background: linear-gradient(135deg, var(--mp-w96) 0%, var(--mp-w92) 55%, var(--mp-w84) 100%);
  border: 1px solid color-mix(in srgb, var(--mp-b2), transparent 68%);
  box-shadow: 0 12px 26px color-mix(in srgb, var(--mp-b2), transparent 84%), inset 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 10%);
  overflow: hidden;}#mpScreen[data-route="pages/index/index"] .tip-board-shine{
  position: absolute;
  top: 0;
  bottom: 0;
  left: -40%;
  width: 40%;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--mp-cMid), transparent 65%), transparent);
  animation: nationShine 6.5s cubic-bezier(0.45, 0, 0.55, 1) infinite;
  pointer-events: none;}#mpScreen[data-route="pages/index/index"] .tip-board-head{
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;}#mpScreen[data-route="pages/index/index"] .tip-board-mascot{
  font-size: 34px;
  line-height: 1;
  padding: 8px;
  border-radius: 18px;
  background: color-mix(in srgb, var(--mp-n100), transparent 38%);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 10%);}#mpScreen[data-route="pages/index/index"] .tip-board-head-col{
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;}#mpScreen[data-route="pages/index/index"] .tip-board-title{
  font-size: 16px;
  font-weight: 800;
  color: var(--mp-bDeep);
  letter-spacing: 0.02em;}#mpScreen[data-route="pages/index/index"] .tip-board-sub{
  font-size: 11px;
  color: var(--mp-cDeep);}

/* 游客小课堂：串门小分队排一整排，领队最大，后面错峰小跑 */
/* 🐾 动态边框：80 只动物沿卡片四边顺时针绕行，四边各取一段错相 */#mpScreen[data-route="pages/index/index"] .tip-ring{
  position: absolute;
  overflow: hidden;
  pointer-events: none;}#mpScreen[data-route="pages/index/index"] .tip-ring-top,
#mpScreen[data-route="pages/index/index"] .tip-ring-bottom{
  left: 27px;
  right: 27px;
  height: 20px;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, var(--mp-n00) 9%, var(--mp-n00) 91%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, var(--mp-n00) 9%, var(--mp-n00) 91%, transparent 100%);}#mpScreen[data-route="pages/index/index"] .tip-ring-top{ top: 5px;}#mpScreen[data-route="pages/index/index"] .tip-ring-bottom{ bottom: 5px;}#mpScreen[data-route="pages/index/index"] .tip-ring-left,
#mpScreen[data-route="pages/index/index"] .tip-ring-right{
  top: 27px;
  bottom: 27px;
  width: 19px;
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, var(--mp-n00) 12%, var(--mp-n00) 88%, transparent 100%);
  mask-image: linear-gradient(180deg, transparent 0%, var(--mp-n00) 12%, var(--mp-n00) 88%, transparent 100%);}#mpScreen[data-route="pages/index/index"] .tip-ring-left{ left: 5px;}#mpScreen[data-route="pages/index/index"] .tip-ring-right{ right: 5px;}#mpScreen[data-route="pages/index/index"] .tip-ring-run{
  display: inline-block;
  width: max-content;
  white-space: nowrap;
  font-size: 15px;
  line-height: 20px;
  opacity: 0.9;
  animation: tipRingFlow 46s linear infinite;
  will-change: transform;}

/* 竖边：用 break-all 把同一串动物挤成一列，emoji 保持正立 */#mpScreen[data-route="pages/index/index"] .tip-ring-run-v{
  display: block;
  width: 17px;
  height: max-content;
  white-space: normal;
  word-break: break-all;
  font-size: 14px;
  line-height: 17px;
  animation-name: tipRingFlowV;
  animation-duration: 47s;}

/* 顺时针一圈：上边向右、右边向下、下边向左、左边向上 */#mpScreen[data-route="pages/index/index"] .tip-ring-top .tip-ring-run,
#mpScreen[data-route="pages/index/index"] .tip-ring-right .tip-ring-run-v{
  animation-direction: reverse;}#mpScreen[data-route="pages/index/index"] .tip-ring-top .tip-ring-run{ animation-delay: 0s;}#mpScreen[data-route="pages/index/index"] .tip-ring-right .tip-ring-run-v{ animation-delay: -12s;}#mpScreen[data-route="pages/index/index"] .tip-ring-bottom .tip-ring-run{ animation-delay: -23s;}#mpScreen[data-route="pages/index/index"] .tip-ring-left .tip-ring-run-v{ animation-delay: -35s;}

@keyframes tipRingFlow {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@keyframes tipRingFlowV {
  0% { transform: translateY(0); }
  100% { transform: translateY(-50%); }
}#mpScreen[data-route="pages/index/index"] .tip-board-tail{
  font-size: 14px;
  line-height: 1.2;
  align-self: flex-end;
  animation: tipTailWave 2.4s cubic-bezier(0.45, 0, 0.55, 1) infinite;}

@keyframes tipTailWave {
  0%, 100% { transform: translateY(0) rotate(-8deg); opacity: 0.6; }
  50% { transform: translateY(-4px) rotate(8deg); opacity: 1; }
}#mpScreen[data-route="pages/index/index"] .tip-board-body{
  position: relative;
  display: flex;
  /* 知识行高度锁死为四行（按语料最长那条预留），短句在框里垂直居中，绕场边框才不会随语句长短涨缩 */
  align-items: center;
  box-sizing: border-box;
  height: 122px;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 18px;
  background: color-mix(in srgb, var(--mp-n100), transparent 28%);
  border: 1px dashed color-mix(in srgb, var(--mp-b2), transparent 60%);
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.5s ease, transform 0.5s ease;}#mpScreen[data-route="pages/index/index"] .tip-board-body.is-on{
  opacity: 1;
  transform: translateY(0);}#mpScreen[data-route="pages/index/index"] .tip-board-emoji{
  font-size: 26px;
  line-height: 1.2;}#mpScreen[data-route="pages/index/index"] .tip-board-text{
  flex: 1;
  min-width: 0;
  font-size: 14px;
  line-height: 1.7;
  font-weight: 600;
  color: var(--mp-cDeep);
  /* 语料最长 44 字＝四行（整页随视口等比缩放，行数不随宽度变化） */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;}

/* ========== 🖼️ 领养信息留档图 ========== */
/* 卡片右下角的生成按钮：奶油底 + 橘色描边，和深色的「领养详情」区分开 */#mpScreen[data-route="pages/index/index"] .poster-adopt-btn{
  background-color: var(--mp-n100);
  background-image: none;
  border: 2px solid var(--mp-bHi);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--mp-b2), transparent 78%);}#mpScreen[data-route="pages/index/index"] .poster-adopt-btn .adopted-btn-text{
  color: var(--mp-bDeep);
  text-shadow: none;}#mpScreen[data-route="pages/index/index"] .poster-modal-overlay{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .poster-modal-mask{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: color-mix(in srgb, var(--mp-w20), transparent 55%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);}#mpScreen[data-route="pages/index/index"] .poster-modal-card{
  position: relative;
  width: 340px;
  max-width: calc(92 * var(--mpvw));
  max-height: calc(88 * var(--mpvh));
  padding: 26px 22px 20px;
  box-sizing: border-box;
  border-radius: 26px;
  background: linear-gradient(180deg, var(--mp-n100) 0%, var(--mp-w96) 100%);
  box-shadow: 0 16px 48px color-mix(in srgb, var(--mp-n00), transparent 84%);
  display: flex;
  flex-direction: column;
  animation: posterCardIn 0.42s cubic-bezier(0.34, 1.56, 0.64, 1) both;}

@keyframes posterCardIn {
  0% { opacity: 0; transform: translateY(18px) scale(0.94); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}#mpScreen[data-route="pages/index/index"] .poster-modal-border{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;}#mpScreen[data-route="pages/index/index"] .poster-modal-dot{
  position: absolute;
  font-size: 22px;
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .poster-modal-dot.dot-tl{ top: -11px; left: -11px;}#mpScreen[data-route="pages/index/index"] .poster-modal-dot.dot-tr{ top: -11px; right: -11px;}#mpScreen[data-route="pages/index/index"] .poster-modal-dot.dot-bl{ bottom: -11px; left: -11px;}#mpScreen[data-route="pages/index/index"] .poster-modal-dot.dot-br{ bottom: -11px; right: -11px;}#mpScreen[data-route="pages/index/index"] .poster-modal-close{
  position: absolute;
  top: 12px;
  right: 12px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: var(--mp-w92);
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .poster-modal-close-icon{
  font-size: 14px;
  line-height: 1;
  color: var(--mp-cDeep);}#mpScreen[data-route="pages/index/index"] .poster-modal-title{
  font-size: 19px;
  font-weight: 800;
  color: var(--mp-w20);
  text-align: center;
  line-height: 1.3;}#mpScreen[data-route="pages/index/index"] .poster-modal-sub{
  margin-top: 4px;
  font-size: 12px;
  color: var(--mp-w42);
  text-align: center;
  line-height: 1.5;}#mpScreen[data-route="pages/index/index"] .poster-modal-scroll{
  margin-top: 14px;
  flex: 1 1 auto;
  min-height: 0;
  max-height: calc(46 * var(--mpvh));
  border-radius: 18px;
  border: 2px dashed var(--mp-cMid);
  background-color: var(--mp-n100);
  box-sizing: border-box;
  padding: 10px;}#mpScreen[data-route="pages/index/index"] .poster-loading{
  height: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;}#mpScreen[data-route="pages/index/index"] .poster-loading-icon{
  font-size: 30px;
  line-height: 1;
  animation: posterPawBounce 1.1s ease-in-out infinite;}

@keyframes posterPawBounce {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-8px) scale(1.08); }
}#mpScreen[data-route="pages/index/index"] .poster-loading-text{
  font-size: 13px;
  color: var(--mp-w42);}#mpScreen[data-route="pages/index/index"] .poster-modal-img{
  width: 100%;
  display: block;
  border-radius: 14px;}#mpScreen[data-route="pages/index/index"] .poster-modal-zoom-hint{
  margin-top: 8px;
  font-size: 11px;
  color: var(--mp-w68);
  text-align: center;}#mpScreen[data-route="pages/index/index"] .poster-modal-tip{
  margin-top: 12px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 14px;
  background-color: var(--mp-w92);
  border: 2px solid var(--mp-cMid);
  box-sizing: border-box;}#mpScreen[data-route="pages/index/index"] .poster-modal-tip-icon{
  font-size: 15px;
  line-height: 1.5;
  flex-shrink: 0;}#mpScreen[data-route="pages/index/index"] .poster-modal-tip-text{
  flex: 1;
  min-width: 0;
  font-size: 12px;
  line-height: 1.6;
  color: var(--mp-cDeep);
  font-weight: 600;}#mpScreen[data-route="pages/index/index"] .poster-modal-actions{
  margin-top: 14px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;}#mpScreen[data-route="pages/index/index"] .poster-save-btn{
  flex: 1 1 auto;
  height: 42px;
  border-radius: 21px;
  background: linear-gradient(135deg, var(--mp-bHi), var(--mp-b1));
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 16px color-mix(in srgb, var(--mp-b1), transparent 68%);
  transition: transform 0.15s ease, opacity 0.15s ease;}#mpScreen[data-route="pages/index/index"] .poster-save-btn:active{
  transform: scale(0.96);
  opacity: 0.9;}#mpScreen[data-route="pages/index/index"] .poster-save-text{
  font-size: 14px;
  font-weight: 800;
  color: var(--mp-inkOn);
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .poster-later-btn{
  flex: 0 0 auto;
  height: 42px;
  padding: 0 18px;
  border-radius: 21px;
  background-color: var(--mp-w92);
  border: 2px solid var(--mp-cMid);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  transition: transform 0.15s ease, opacity 0.15s ease;}#mpScreen[data-route="pages/index/index"] .poster-later-btn:active{
  transform: scale(0.96);
  opacity: 0.9;}#mpScreen[data-route="pages/index/index"] .poster-later-text{
  font-size: 13px;
  font-weight: 700;
  color: var(--mp-cDeep);
  line-height: 1;}

/* ============================================================
   📅 日期选择格（出生日期 / 收留日期 / 每针疫苗日期）
   空着是虚线奶油格，选过变实心暖橘；点开是月历弹层（样式在 base.css）
   ============================================================ */#mpScreen[data-route="pages/index/index"] .date-picker-display{
  justify-content: space-between;
  gap: 8px;
  background-color: var(--mp-n100);
  background-image: linear-gradient(135deg, var(--mp-n100) 0%, var(--mp-w92) 100%);
  border: 1.5px dashed color-mix(in srgb, var(--mp-b1), transparent 62%);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 10%);
  transition: border-color 0.2s ease, background-image 0.2s ease, box-shadow 0.2s ease, transform 0.18s cubic-bezier(0.34, 1.56, 0.64, 1);}#mpScreen[data-route="pages/index/index"] .date-picker-display:active{ transform: scale(0.985);}#mpScreen[data-route="pages/index/index"] .date-picker-display::after{
  content: '📅';
  font-size: 15px;
  line-height: 1;
  flex: none;
  opacity: 0.85;}#mpScreen[data-route="pages/index/index"] .date-picker-display:not(:has(.date-picker-placeholder)){
  border-style: solid;
  border-color: color-mix(in srgb, var(--mp-b1), transparent 50%);
  background-image: linear-gradient(135deg, var(--mp-w92) 0%, var(--mp-w84) 100%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--mp-b1), transparent 84%);}#mpScreen[data-route="pages/index/index"] .date-picker-text{
  font-size: 15px;
  font-weight: 700;
  color: var(--mp-cDeep);
  letter-spacing: 0;}#mpScreen[data-route="pages/index/index"] .date-picker-text.date-picker-placeholder{
  font-size: 14px;
  font-weight: 500;
  color: var(--mp-w68);}#mpScreen[data-route="pages/index/index"] .vaccine-date-item{
  background-image: linear-gradient(135deg, var(--mp-n100) 0%, var(--mp-w96) 100%);
  border: 1px solid color-mix(in srgb, var(--mp-b2), transparent 74%);
  border-radius: 14px;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--mp-cDeep), transparent 92%);}#mpScreen[data-route="pages/index/index"] .vaccine-date-item-label{
  color: var(--mp-cDeep);}#mpScreen[data-route="pages/index/index"] .vaccine-date-picker{
  min-width: 140px;
  height: 40px;
  padding: 0 12px;
  gap: 6px;
  justify-content: flex-start;
  border-radius: 14px;
  background-image: linear-gradient(135deg, var(--mp-n100) 0%, var(--mp-w92) 100%);
  border: 1.5px dashed color-mix(in srgb, var(--mp-b1), transparent 62%);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 10%);
  transition: border-color 0.2s ease, background-image 0.2s ease, box-shadow 0.2s ease, transform 0.18s cubic-bezier(0.34, 1.56, 0.64, 1);}#mpScreen[data-route="pages/index/index"] .vaccine-date-picker:active{ transform: scale(0.985);}#mpScreen[data-route="pages/index/index"] .vaccine-date-picker:not(:has(.vaccine-date-picker-placeholder)){
  border-style: solid;
  border-color: color-mix(in srgb, var(--mp-b1), transparent 50%);
  background-image: linear-gradient(135deg, var(--mp-w92) 0%, var(--mp-w84) 100%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--mp-b1), transparent 84%);}#mpScreen[data-route="pages/index/index"] .vaccine-date-picker-text{
  font-size: 13.5px;
  font-weight: 700;
  color: var(--mp-cDeep);}#mpScreen[data-route="pages/index/index"] .vaccine-date-picker-placeholder{
  font-size: 12.5px;
  font-weight: 500;
  color: var(--mp-w68);}#mpScreen[data-route="pages/index/index"] .vaccine-date-picker-arrow{ opacity: 0.85;}

/* ==================== 🎛️ 筛选/排序弹窗族：升起动效 + 更多筛选整块美化 ====================
   14 个弹窗共用 .publish-overlay，动效写在这一层就全都跟着有；
   色号一律取当前调色板里的值，构建期会被折进 --mp-* 季节令牌，换季时弹窗一起换脸。 */
@keyframes popMaskIn { from { opacity: 0; } to { opacity: 1; } }

/* 升起带一点点过冲，像卡片被弹到位，而不是平移进来 */
@keyframes popSheetIn {
  0% { transform: translateY(42px) scale(0.985); opacity: 0; }
  70% { transform: translateY(-4px) scale(1.004); opacity: 1; }
  100% { transform: translateY(0) scale(1); opacity: 1; }
}

@keyframes popChipPick {
  0% { transform: scale(0.9); }
  55% { transform: scale(1.07); }
  100% { transform: scale(1); }
}

@keyframes popBadgeIn {
  0% { transform: scale(0) rotate(-40deg); opacity: 0; }
  60% { transform: scale(1.25) rotate(8deg); opacity: 1; }
  100% { transform: scale(1) rotate(0deg); opacity: 1; }
}#mpScreen[data-route="pages/index/index"] .publish-overlay .overlay-mask{
  animation: popMaskIn 0.26s ease-out both;}#mpScreen[data-route="pages/index/index"] .breed-group-panel,
#mpScreen[data-route="pages/index/index"] .more-filter-panel{
  animation: popSheetIn 0.44s cubic-bezier(0.2, 0.85, 0.25, 1) both;}

/* ---- 面板头部：标题带放大镜，关闭键按下会转一下 ---- */#mpScreen[data-route="pages/index/index"] .more-filter-panel .panel-header{
  border-bottom: 1px solid var(--mp-w84);}#mpScreen[data-route="pages/index/index"] .more-filter-panel .panel-title::before{
  content: '🔎';
  margin-right: 8px;
  font-size: 17px;
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .more-filter-panel .panel-close{
  background-color: var(--mp-w96);
  border: 1px solid var(--mp-w84);
  box-sizing: border-box;
  transition: background-color 0.18s ease, transform 0.28s cubic-bezier(0.2, 0.9, 0.25, 1.3);}#mpScreen[data-route="pages/index/index"] .more-filter-panel .panel-close:active{
  background-color: var(--mp-w84);
  transform: rotate(90deg) scale(0.9);}#mpScreen[data-route="pages/index/index"] .more-filter-panel .close-icon{ color: var(--mp-w42);}

/* ---- 分区卡：奶油底 + 暖沙描边，逐层错开升起 ---- */#mpScreen[data-route="pages/index/index"] .more-filter-body{ padding: 18px 20px 8px;}#mpScreen[data-route="pages/index/index"] .more-filter-section{
  margin-bottom: 12px;
  padding: 14px 16px 12px;
  border-radius: 22px;
  background-color: var(--mp-w96);
  border: 1px solid var(--mp-w84);
  box-sizing: border-box;
  animation: popSheetIn 0.5s cubic-bezier(0.2, 0.85, 0.25, 1) both;}#mpScreen[data-route="pages/index/index"] .more-filter-section:nth-child(1){ animation-delay: 0.05s;}#mpScreen[data-route="pages/index/index"] .more-filter-section:nth-child(2){ animation-delay: 0.11s;}#mpScreen[data-route="pages/index/index"] .more-filter-section:nth-child(3){ animation-delay: 0.17s;}#mpScreen[data-route="pages/index/index"] .more-filter-section:nth-child(4){ animation-delay: 0.23s;}#mpScreen[data-route="pages/index/index"] .more-filter-label{
  font-size: 13px;
  font-weight: 700;
  color: var(--mp-w42);
  letter-spacing: 0.01em;
  margin-bottom: 12px;}#mpScreen[data-route="pages/index/index"] .more-filter-label::before{ margin-right: 7px; font-size: 15px; line-height: 1;}#mpScreen[data-route="pages/index/index"] .more-filter-section:nth-child(1) .more-filter-label::before{ content: '📦';}#mpScreen[data-route="pages/index/index"] .more-filter-section:nth-child(2) .more-filter-label::before{ content: '🧬';}#mpScreen[data-route="pages/index/index"] .more-filter-section:nth-child(3) .more-filter-label::before{ content: '🛡️';}#mpScreen[data-route="pages/index/index"] .more-filter-section:nth-child(4) .more-filter-label::before{ content: '🎂';}

/* ---- 选项药丸：白底暖沙边，选中翻成品牌渐变并弹一下 ---- */#mpScreen[data-route="pages/index/index"] .more-filter-option{
  position: relative;
  min-height: 42px;
  padding: 8px 18px;
  border-radius: 21px;
  background-color: var(--mp-n100);
  border: 1.5px solid var(--mp-w84);
  box-sizing: border-box;
  transition: transform 0.24s cubic-bezier(0.2, 0.9, 0.25, 1.35), background-color 0.2s ease,
    border-color 0.2s ease, box-shadow 0.26s ease;}#mpScreen[data-route="pages/index/index"] .more-filter-option:active{ transform: scale(0.93);}#mpScreen[data-route="pages/index/index"] .more-filter-option.active{
  background: linear-gradient(135deg, var(--mp-b2) 0%, var(--mp-bHi) 100%);
  border-color: var(--mp-b2);
  box-shadow: 0 6px 16px color-mix(in srgb, var(--mp-b2), transparent 70%);
  animation: popChipPick 0.36s cubic-bezier(0.2, 0.9, 0.25, 1.3) both;}#mpScreen[data-route="pages/index/index"] .more-filter-option-text{ color: var(--mp-w42); font-weight: 600;}#mpScreen[data-route="pages/index/index"] .more-filter-option.active .more-filter-option-text{
  color: var(--mp-inkOn);
  font-weight: 700;}

/* 选中角标：右上角一枚小勾，弹进来 */#mpScreen[data-route="pages/index/index"] .more-filter-option.active::after{
  content: '✓';
  position: absolute;
  top: -7px;
  right: -3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--mp-n100);
  color: var(--mp-bRich);
  font-size: 12px;
  font-weight: 800;
  line-height: 18px;
  text-align: center;
  box-shadow: 0 2px 6px color-mix(in srgb, var(--mp-n00), transparent 88%);
  animation: popBadgeIn 0.34s cubic-bezier(0.2, 0.9, 0.25, 1.4) both;}

/* ---- 年龄段：两个输入格 + 月/岁分段 ---- */#mpScreen[data-route="pages/index/index"] .more-filter-age-input{
  background-color: var(--mp-n100);
  border: 1.5px solid var(--mp-w84);
  color: var(--mp-ink1);
  font-weight: 600;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;}#mpScreen[data-route="pages/index/index"] .more-filter-age-sep{ color: var(--mp-w68); font-weight: 700;}#mpScreen[data-route="pages/index/index"] .more-filter-age-unit{
  padding: 3px;
  border-radius: 15px;
  background-color: var(--mp-n100);
  border: 1.5px solid var(--mp-w84);
  box-sizing: border-box;
  gap: 3px;}#mpScreen[data-route="pages/index/index"] .age-unit-option{
  width: 40px;
  height: 34px;
  border-radius: 12px;
  background-color: var(--mp-w96);
  border: 1px solid var(--mp-w84);
  transition: transform 0.24s cubic-bezier(0.2, 0.9, 0.25, 1.35), background-color 0.2s ease,
    border-color 0.2s ease, box-shadow 0.24s ease;}#mpScreen[data-route="pages/index/index"] .age-unit-option:active{ transform: scale(0.92);}#mpScreen[data-route="pages/index/index"] .age-unit-option.active{
  background: linear-gradient(135deg, var(--mp-b2) 0%, var(--mp-bHi) 100%);
  border-color: var(--mp-b2);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--mp-b2), transparent 72%);
  animation: popChipPick 0.36s cubic-bezier(0.2, 0.9, 0.25, 1.3) both;}#mpScreen[data-route="pages/index/index"] .age-unit-text{ color: var(--mp-w42); font-weight: 600;}#mpScreen[data-route="pages/index/index"] .age-unit-option.active .age-unit-text{ color: var(--mp-inkOn); font-weight: 700;}

/* ---- 底部：重置走柔和描边，确定保持品牌渐变 ---- */#mpScreen[data-route="pages/index/index"] .more-filter-footer{
  padding: 14px 20px;
  padding-bottom: calc(14px + env(safe-area-inset-bottom));
  border-top: 1px solid var(--mp-w84);
  background-color: var(--mp-n100);}#mpScreen[data-route="pages/index/index"] .more-filter-reset{
  background-color: var(--mp-w96);
  border: 1.5px solid var(--mp-w84);}#mpScreen[data-route="pages/index/index"] .more-filter-reset:active{
  background-color: var(--mp-w84);
  transform: scale(0.96);}#mpScreen[data-route="pages/index/index"] .more-filter-reset-text{ color: var(--mp-w42);}#mpScreen[data-route="pages/index/index"] .more-filter-confirm{
  background: linear-gradient(135deg, var(--mp-b2) 0%, var(--mp-bHi) 100%);
  box-shadow: 0 6px 18px color-mix(in srgb, var(--mp-b2), transparent 68%);}#mpScreen[data-route="pages/index/index"] .more-filter-confirm:active{
  transform: scale(0.97);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--mp-b2), transparent 76%);}

/* ==================== 🐾 物种风险提示弹窗 ====================
   选中野生来源 / 城区禁养犬 / 遗传病 / CITES 附录 / 家畜家禽 / 外来入侵物种时弹出。
   外圈是斜纹警示带，内里保持奶油卡片。色号一律写实色：构建期会折进昼夜令牌，
   夜里面板翻深、警示色提亮，六档不用另外写夜间分支。 */#mpScreen[data-route="pages/index/index"] .species-advice-overlay{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1300;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/index/index"] .species-advice-mask{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: color-mix(in srgb, var(--mp-w20), transparent 48%);
  animation: saMaskIn 0.26s ease-out both;}#mpScreen[data-route="pages/index/index"] .species-advice-card{
  position: relative;
  width: 88%;
  max-width: 344px;
  padding: 6px;
  box-sizing: border-box;
  border-radius: 30px;
  animation: saCardIn 0.46s cubic-bezier(0.2, 0.9, 0.25, 1.28) both, saShake 0.62s ease-in-out 0.5s both;}#mpScreen[data-route="pages/index/index"] .species-advice-inner{
  position: relative;
  background: var(--mp-n100);
  border: 2px solid var(--mp-w84);
  border-radius: 24px;
  padding: 22px 18px 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  max-height: calc(86 * var(--mpvh));
  overflow-y: auto;}#mpScreen[data-route="pages/index/index"] .species-advice-border{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;}#mpScreen[data-route="pages/index/index"] .species-advice-dot{
  position: absolute;
  font-size: 17px;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: saDotFloat 2.9s ease-in-out infinite;}#mpScreen[data-route="pages/index/index"] .species-advice-dot.dot-tl{ top: -14px; left: -13px;}#mpScreen[data-route="pages/index/index"] .species-advice-dot.dot-tr{ top: -14px; right: -13px; animation-delay: 0.36s;}#mpScreen[data-route="pages/index/index"] .species-advice-dot.dot-bl{ bottom: -14px; left: -13px; animation-delay: 0.72s;}#mpScreen[data-route="pages/index/index"] .species-advice-dot.dot-br{ bottom: -14px; right: -13px; animation-delay: 1.08s;}#mpScreen[data-route="pages/index/index"] .species-advice-halo{
  width: 76px;
  height: 76px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at 32% 28%, var(--mp-n100) 0 16%, var(--mp-n91) 17%, var(--mp-w84) 100%);
  border: 3px solid var(--mp-w68);
  margin-bottom: 10px;
  animation: saWobble 2.8s ease-in-out infinite;}#mpScreen[data-route="pages/index/index"] .species-advice-big{
  font-size: 40px;
  line-height: 1;}#mpScreen[data-route="pages/index/index"] .species-advice-badge{
  display: block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1px;
  color: var(--mp-inkOn);
  background: linear-gradient(135deg, var(--mp-x221), var(--mp-x222));
  padding: 4px 12px;
  border-radius: 999px;
  margin-bottom: 8px;
  animation: saBadgeIn 0.4s cubic-bezier(0.2, 0.9, 0.25, 1.5) 0.14s both;}#mpScreen[data-route="pages/index/index"] .species-advice-name{
  display: block;
  font-size: 17px;
  font-weight: 800;
  color: var(--mp-cDeep);
  margin-bottom: 2px;}#mpScreen[data-route="pages/index/index"] .species-advice-title{
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: var(--mp-cDeep);
  text-align: center;
  line-height: 1.4;
  margin-bottom: 12px;}#mpScreen[data-route="pages/index/index"] .species-advice-lines{
  width: 100%;
  box-sizing: border-box;
  background: var(--mp-n96);
  border: 2px dashed var(--mp-w84);
  border-radius: 16px;
  padding: 11px 12px;
  margin-bottom: 12px;
  display: flex;
  flex-direction: column;}#mpScreen[data-route="pages/index/index"] .species-advice-line{
  display: block;
  font-size: 12.5px;
  line-height: 1.6;
  color: var(--mp-w20);
  margin-bottom: 7px;
  animation: saLineIn 0.34s cubic-bezier(0.2, 0.85, 0.25, 1) both;}#mpScreen[data-route="pages/index/index"] .species-advice-line:last-child{
  margin-bottom: 0;}#mpScreen[data-route="pages/index/index"] .species-advice-tip{
  width: 100%;
  box-sizing: border-box;
  background: var(--mp-n100);
  border: 2px solid var(--mp-w84);
  border-radius: 14px;
  padding: 9px 11px;
  margin-bottom: 14px;}#mpScreen[data-route="pages/index/index"] .species-advice-tip-text{
  display: block;
  font-size: 11.5px;
  line-height: 1.5;
  color: var(--mp-cDeep);}#mpScreen[data-route="pages/index/index"] .species-advice-actions{
  display: flex;
  flex-direction: row;
  width: 100%;}#mpScreen[data-route="pages/index/index"] .species-advice-rethink{
  flex: 1;
  background: var(--mp-w96);
  border: 2px solid var(--mp-w84);
  border-radius: 16px;
  padding: 10px 0;
  text-align: center;
  margin-right: 10px;
  box-sizing: border-box;
  transition: transform 0.18s cubic-bezier(0.2, 0.9, 0.25, 1.2);}#mpScreen[data-route="pages/index/index"] .species-advice-rethink:active{
  transform: scale(0.95);}#mpScreen[data-route="pages/index/index"] .species-advice-rethink-text{
  font-size: 13px;
  font-weight: 700;
  color: var(--mp-cDeep);}#mpScreen[data-route="pages/index/index"] .species-advice-ok{
  flex: 1.2;
  background: linear-gradient(135deg, var(--mp-x221), var(--mp-x222));
  border-radius: 16px;
  padding: 12px 0;
  text-align: center;
  box-sizing: border-box;
  box-shadow: 0 6px 14px color-mix(in srgb, var(--mp-n00), transparent 84%);
  transition: transform 0.18s cubic-bezier(0.2, 0.9, 0.25, 1.2);}#mpScreen[data-route="pages/index/index"] .species-advice-ok:active{
  transform: scale(0.96);}#mpScreen[data-route="pages/index/index"] .species-advice-ok-text{
  font-size: 13.5px;
  font-weight: 800;
  color: var(--mp-inkOn);}

/* 六档配色：只覆盖带色的那几处，结构一律沿用上面的默认值 */#mpScreen[data-route="pages/index/index"] .species-advice-tone-wild .species-advice-card{ background: repeating-linear-gradient(45deg, var(--mp-x223) 0 10px, var(--mp-w96) 10px 20px);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-wild .species-advice-inner{ border-color: var(--mp-x224);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-wild .species-advice-halo{ background: radial-gradient(circle at 32% 28%, var(--mp-n100) 0 16%, var(--mp-n96) 17%, var(--mp-x225) 100%); border-color: var(--mp-x226); box-shadow: 0 6px 16px color-mix(in srgb, var(--mp-n00), transparent 86%), 0 0 0 5px var(--mp-n96);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-wild .species-advice-badge{ background: linear-gradient(135deg, var(--mp-x223), var(--mp-x227));}#mpScreen[data-route="pages/index/index"] .species-advice-tone-wild .species-advice-name{ color: var(--mp-x228);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-wild .species-advice-title{ color: var(--mp-x226);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-wild .species-advice-lines{ background: var(--mp-n96); border-color: var(--mp-x224);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-wild .species-advice-tip{ border-color: var(--mp-x224);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-wild .species-advice-tip-text{ color: var(--mp-x228);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-wild .species-advice-rethink{ border-color: var(--mp-x224);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-wild .species-advice-rethink-text{ color: var(--mp-x228);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-wild .species-advice-ok{ background: linear-gradient(135deg, var(--mp-x223), var(--mp-x227));}#mpScreen[data-route="pages/index/index"] .species-advice-tone-ban .species-advice-card{ background: repeating-linear-gradient(45deg, var(--mp-x221) 0 10px, var(--mp-w96) 10px 20px);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-ban .species-advice-inner{ border-color: var(--mp-w84);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-ban .species-advice-halo{ background: radial-gradient(circle at 32% 28%, var(--mp-n100) 0 16%, var(--mp-w96) 17%, var(--mp-w84) 100%); border-color: var(--mp-x229); box-shadow: 0 6px 16px color-mix(in srgb, var(--mp-n00), transparent 86%), 0 0 0 5px var(--mp-w96);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-ban .species-advice-badge{ background: linear-gradient(135deg, var(--mp-x221), var(--mp-x222));}#mpScreen[data-route="pages/index/index"] .species-advice-tone-ban .species-advice-name{ color: var(--mp-x230);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-ban .species-advice-title{ color: var(--mp-x229);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-ban .species-advice-lines{ background: var(--mp-w96); border-color: var(--mp-w84);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-ban .species-advice-tip{ border-color: var(--mp-w84);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-ban .species-advice-tip-text{ color: var(--mp-x230);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-ban .species-advice-rethink{ border-color: var(--mp-w84);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-ban .species-advice-rethink-text{ color: var(--mp-x230);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-ban .species-advice-ok{ background: linear-gradient(135deg, var(--mp-x221), var(--mp-x222));}#mpScreen[data-route="pages/index/index"] .species-advice-tone-health .species-advice-card{ background: repeating-linear-gradient(45deg, var(--mp-x231) 0 10px, var(--mp-w96) 10px 20px);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-health .species-advice-inner{ border-color: var(--mp-x232);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-health .species-advice-halo{ background: radial-gradient(circle at 32% 28%, var(--mp-n100) 0 16%, var(--mp-x233) 17%, var(--mp-x234) 100%); border-color: var(--mp-x235); box-shadow: 0 6px 16px color-mix(in srgb, var(--mp-n00), transparent 86%), 0 0 0 5px var(--mp-x233);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-health .species-advice-badge{ background: linear-gradient(135deg, var(--mp-x231), var(--mp-x236));}#mpScreen[data-route="pages/index/index"] .species-advice-tone-health .species-advice-name{ color: var(--mp-x237);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-health .species-advice-title{ color: var(--mp-x235);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-health .species-advice-lines{ background: var(--mp-x233); border-color: var(--mp-x232);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-health .species-advice-tip{ border-color: var(--mp-x232);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-health .species-advice-tip-text{ color: var(--mp-x237);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-health .species-advice-rethink{ border-color: var(--mp-x232);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-health .species-advice-rethink-text{ color: var(--mp-x237);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-health .species-advice-ok{ background: linear-gradient(135deg, var(--mp-x231), var(--mp-x236));}#mpScreen[data-route="pages/index/index"] .species-advice-tone-cites .species-advice-card{ background: repeating-linear-gradient(45deg, var(--mp-x238) 0 10px, var(--mp-w96) 10px 20px);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-cites .species-advice-inner{ border-color: var(--mp-x239);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-cites .species-advice-halo{ background: radial-gradient(circle at 32% 28%, var(--mp-n100) 0 16%, var(--mp-n96) 17%, var(--mp-x240) 100%); border-color: var(--mp-x241); box-shadow: 0 6px 16px color-mix(in srgb, var(--mp-n00), transparent 86%), 0 0 0 5px var(--mp-n96);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-cites .species-advice-badge{ background: linear-gradient(135deg, var(--mp-x238), var(--mp-x242));}#mpScreen[data-route="pages/index/index"] .species-advice-tone-cites .species-advice-name{ color: var(--mp-x243);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-cites .species-advice-title{ color: var(--mp-x241);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-cites .species-advice-lines{ background: var(--mp-n96); border-color: var(--mp-x239);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-cites .species-advice-tip{ border-color: var(--mp-x239);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-cites .species-advice-tip-text{ color: var(--mp-x243);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-cites .species-advice-rethink{ border-color: var(--mp-x239);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-cites .species-advice-rethink-text{ color: var(--mp-x243);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-cites .species-advice-ok{ background: linear-gradient(135deg, var(--mp-x238), var(--mp-x242));}#mpScreen[data-route="pages/index/index"] .species-advice-tone-farm .species-advice-card{ background: repeating-linear-gradient(45deg, var(--mp-x244) 0 10px, var(--mp-w96) 10px 20px);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-farm .species-advice-inner{ border-color: var(--mp-x245);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-farm .species-advice-halo{ background: radial-gradient(circle at 32% 28%, var(--mp-n100) 0 16%, var(--mp-w92) 17%, var(--mp-x246) 100%); border-color: var(--mp-x247); box-shadow: 0 6px 16px color-mix(in srgb, var(--mp-n00), transparent 86%), 0 0 0 5px var(--mp-w92);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-farm .species-advice-badge{ background: linear-gradient(135deg, var(--mp-x244), var(--mp-cDeep));}#mpScreen[data-route="pages/index/index"] .species-advice-tone-farm .species-advice-name{ color: var(--mp-cDeep);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-farm .species-advice-title{ color: var(--mp-x247);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-farm .species-advice-lines{ background: var(--mp-w92); border-color: var(--mp-x245);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-farm .species-advice-tip{ border-color: var(--mp-x245);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-farm .species-advice-tip-text{ color: var(--mp-cDeep);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-farm .species-advice-rethink{ border-color: var(--mp-x245);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-farm .species-advice-rethink-text{ color: var(--mp-cDeep);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-farm .species-advice-ok{ background: linear-gradient(135deg, var(--mp-x244), var(--mp-cDeep));}#mpScreen[data-route="pages/index/index"] .species-advice-tone-invade .species-advice-card{ background: repeating-linear-gradient(45deg, var(--mp-x248) 0 10px, var(--mp-w96) 10px 20px);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-invade .species-advice-inner{ border-color: var(--mp-x249);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-invade .species-advice-halo{ background: radial-gradient(circle at 32% 28%, var(--mp-n100) 0 16%, var(--mp-x250) 17%, var(--mp-x251) 100%); border-color: var(--mp-x252); box-shadow: 0 6px 16px color-mix(in srgb, var(--mp-n00), transparent 86%), 0 0 0 5px var(--mp-x250);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-invade .species-advice-badge{ background: linear-gradient(135deg, var(--mp-x248), var(--mp-x253));}#mpScreen[data-route="pages/index/index"] .species-advice-tone-invade .species-advice-name{ color: var(--mp-x254);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-invade .species-advice-title{ color: var(--mp-x252);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-invade .species-advice-lines{ background: var(--mp-x250); border-color: var(--mp-x249);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-invade .species-advice-tip{ border-color: var(--mp-x249);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-invade .species-advice-tip-text{ color: var(--mp-x254);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-invade .species-advice-rethink{ border-color: var(--mp-x249);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-invade .species-advice-rethink-text{ color: var(--mp-x254);}#mpScreen[data-route="pages/index/index"] .species-advice-tone-invade .species-advice-ok{ background: linear-gradient(135deg, var(--mp-x248), var(--mp-x253));}

@keyframes saMaskIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes saCardIn {
  0% { transform: translateY(38px) scale(0.9); opacity: 0; }
  62% { transform: translateY(-6px) scale(1.035); opacity: 1; }
  100% { transform: translateY(0) scale(1); opacity: 1; }
}

/* 落位之后自己抖一下，像被点了一下头的提示牌 */
@keyframes saShake {
  0%, 100% { transform: translateY(0) scale(1) rotate(0deg); }
  14% { transform: translateY(0) scale(1) rotate(-1.7deg); }
  30% { transform: translateY(0) scale(1) rotate(1.4deg); }
  48% { transform: translateY(0) scale(1) rotate(-0.9deg); }
  66% { transform: translateY(0) scale(1) rotate(0.5deg); }
  84% { transform: translateY(0) scale(1) rotate(-0.2deg); }
}

@keyframes saWobble {
  0%, 100% { transform: rotate(-5deg) scale(1); }
  30% { transform: rotate(4deg) scale(1.05); }
  60% { transform: rotate(-2deg) scale(0.99); }
}

@keyframes saBadgeIn {
  0% { transform: scale(0) rotate(-24deg); opacity: 0; }
  60% { transform: scale(1.18) rotate(6deg); opacity: 1; }
  100% { transform: scale(1) rotate(0deg); opacity: 1; }
}

@keyframes saLineIn {
  0% { transform: translateX(-14px); opacity: 0; }
  100% { transform: translateX(0); opacity: 1; }
}

@keyframes saDotFloat {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-5px) rotate(10deg); }
}

/* ==================== 🎁 年度发布名额 ====================
   颜色全部写死 hex：构建时按语义折成昼/夜两套令牌。
   用 CSS 自定义属性的话不参与折色，夜间会出现深底配浅字块读不清。 */#mpScreen[data-route="pages/index/index"] .user-quota-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: calc(6 * var(--mprpx));}#mpScreen[data-route="pages/index/index"] .user-quota-text{
  font-size: calc(20 * var(--mprpx));
  font-weight: 600;
  line-height: 1.5;
  color: var(--mp-x255);
  background: linear-gradient(135deg, var(--mp-x256), var(--mp-x257));
  border: calc(1.5 * var(--mprpx)) solid var(--mp-x258);
  border-radius: calc(999 * var(--mprpx));
  padding: calc(3 * var(--mprpx)) calc(14 * var(--mprpx));}

/* 确认发布弹窗里的名额卡：比下面的发布说明更抢眼一点 */#mpScreen[data-route="pages/index/index"] .pc-quota-card{
  margin: 0 calc(28 * var(--mprpx)) calc(14 * var(--mprpx));
  padding: calc(18 * var(--mprpx)) calc(20 * var(--mprpx)) calc(16 * var(--mprpx));
  border-radius: calc(24 * var(--mprpx));
  background: linear-gradient(135deg, var(--mp-n100), var(--mp-x259));
  border: calc(2 * var(--mprpx)) dashed var(--mp-x260);
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  animation: pcQuotaIn 0.42s cubic-bezier(0.2, 0.9, 0.25, 1.3) both;}#mpScreen[data-route="pages/index/index"] .pc-quota-header{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: calc(8 * var(--mprpx));
  margin-bottom: calc(10 * var(--mprpx));}#mpScreen[data-route="pages/index/index"] .pc-quota-emoji{
  font-size: calc(30 * var(--mprpx));
  line-height: 1;
  animation: pcQuotaWobble 2.6s ease-in-out infinite;}#mpScreen[data-route="pages/index/index"] .pc-quota-label{
  font-size: calc(26 * var(--mprpx));
  font-weight: 700;
  color: var(--mp-x255);
  line-height: 1.3;}#mpScreen[data-route="pages/index/index"] .pc-quota-main{
  display: block;
  font-size: calc(27 * var(--mprpx));
  font-weight: 700;
  line-height: 1.55;
  color: var(--mp-cDeep);
  margin-bottom: calc(8 * var(--mprpx));}#mpScreen[data-route="pages/index/index"] .pc-quota-check{
  display: block;
  font-size: calc(23 * var(--mprpx));
  line-height: 1.6;
  color: var(--mp-cDeep);}

@keyframes pcQuotaIn {
  0% { opacity: 0; transform: translateY(14rpx) scale(0.94); }
  60% { opacity: 1; transform: translateY(-3rpx) scale(1.02); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes pcQuotaWobble {
  0%, 72%, 100% { transform: rotate(0deg) scale(1); }
  78% { transform: rotate(-14deg) scale(1.14); }
  84% { transform: rotate(11deg) scale(1.08); }
  90% { transform: rotate(-6deg) scale(1.02); }
}


/* ===== pages/pet-detail/index ===== */
#mpScreen[data-route="pages/pet-detail/index"]{
  background: linear-gradient(180deg, var(--mp-bgA) 0%, var(--mp-bgB) 100%);
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', 'PingFang SC', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.022em;
  font-weight: 400;}#mpScreen[data-route="pages/pet-detail/index"] .page-container{
  display: flex;
  flex-direction: column;
  height: calc(100 * var(--mpvh));
  overflow: hidden;}#mpScreen[data-route="pages/pet-detail/index"] .detail-body{
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 16px;
  padding-bottom: 140px;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;}

/* ========== 🎀 顶部装饰横幅 ========== */#mpScreen[data-route="pages/pet-detail/index"] .pet-hero-banner{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 0 16px;
  width: 100%;
  max-width: 600px;
  box-sizing: border-box;}#mpScreen[data-route="pages/pet-detail/index"] .hero-deco-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 16px;}#mpScreen[data-route="pages/pet-detail/index"] .hero-deco-emoji{
  font-size: 18px;
  line-height: 1;
  animation: heroFloat 2s ease-in-out infinite;}#mpScreen[data-route="pages/pet-detail/index"] .hero-deco-emoji:nth-child(1){ animation-delay: 0s;}#mpScreen[data-route="pages/pet-detail/index"] .hero-deco-emoji:nth-child(2){ animation-delay: 0.3s;}#mpScreen[data-route="pages/pet-detail/index"] .hero-deco-emoji:nth-child(3){ animation-delay: 0.6s;}#mpScreen[data-route="pages/pet-detail/index"] .hero-deco-emoji:nth-child(4){ animation-delay: 0.9s;}#mpScreen[data-route="pages/pet-detail/index"] .hero-deco-emoji:nth-child(5){ animation-delay: 1.2s;}

@keyframes heroFloat {
  0%, 100% { transform: translateY(0); opacity: 0.6; }
  50% { transform: translateY(-6px); opacity: 1; }
}#mpScreen[data-route="pages/pet-detail/index"] .hero-avatar-ring{
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--mp-w84), var(--mp-cPale), var(--mp-bHi));
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 20px color-mix(in srgb, var(--mp-x123), transparent 75%);
  border: 3px solid var(--mp-line4);
  margin-bottom: 10px;}#mpScreen[data-route="pages/pet-detail/index"] .hero-avatar-img{
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: block;
  object-fit: cover;}#mpScreen[data-route="pages/pet-detail/index"] .hero-avatar-emoji{
  font-size: 42px;
  line-height: 1;}#mpScreen[data-route="pages/pet-detail/index"] .hero-welcome-text{
  font-size: 14px;
  font-weight: 600;
  color: var(--mp-x67);
  letter-spacing: 1px;}

/* ========== 宠物详情卡片 ========== */#mpScreen[data-route="pages/pet-detail/index"] .pet-detail-card{
  background-color: var(--mp-n100);
  border-radius: 24px;
  padding: 20px 18px;
  box-shadow: 0 4px 24px color-mix(in srgb, var(--mp-n00), transparent 94%), 0 1px 4px color-mix(in srgb, var(--mp-n00), transparent 96%);
  box-sizing: border-box;
  border: 1px solid color-mix(in srgb, var(--mp-x138), transparent 92%);
  margin-bottom: 16px;
  width: 100%;
  max-width: 600px;
  align-self: center;}

/* ========== 卡片头部 ========== */#mpScreen[data-route="pages/pet-detail/index"] .pet-card-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;}#mpScreen[data-route="pages/pet-detail/index"] .pet-type-tag{
  border-radius: 20px;
  padding: 6px 16px;
  display: flex;
  align-items: center;
  gap: 6px;
  border: 1px solid transparent;}#mpScreen[data-route="pages/pet-detail/index"] .pet-type-tag.type-cat{
  background-color: var(--mp-x47);
  border-color: color-mix(in srgb, var(--mp-x138), transparent 85%);}#mpScreen[data-route="pages/pet-detail/index"] .pet-type-tag.type-dog{
  background-color: var(--mp-x37);
  border-color: color-mix(in srgb, var(--mp-x27), transparent 85%);}#mpScreen[data-route="pages/pet-detail/index"] .pet-type-tag.type-other{
  background-color: var(--mp-n91);
  border-color: color-mix(in srgb, var(--mp-w20), transparent 85%);}#mpScreen[data-route="pages/pet-detail/index"] .pet-type-icon{
  font-size: 18px;
  line-height: 1;}#mpScreen[data-route="pages/pet-detail/index"] .pet-type-text{
  font-size: 14px;
  font-weight: 700;}#mpScreen[data-route="pages/pet-detail/index"] .pet-type-tag.type-cat .pet-type-text{
  color: var(--mp-bRich);}#mpScreen[data-route="pages/pet-detail/index"] .pet-type-tag.type-dog .pet-type-text{
  color: var(--mp-x27);}#mpScreen[data-route="pages/pet-detail/index"] .pet-type-tag.type-other .pet-type-text{
  color: var(--mp-w20);}#mpScreen[data-route="pages/pet-detail/index"] .pet-gender-row{
  display: flex;
  align-items: center;
  gap: 8px;}#mpScreen[data-route="pages/pet-detail/index"] .pet-gender-badge{
  border-radius: 14px;
  padding: 0 12px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;}#mpScreen[data-route="pages/pet-detail/index"] .pet-gender-badge.pet-gender-male{
  background-color: var(--mp-x37);
  border: 1px solid color-mix(in srgb, var(--mp-x27), transparent 85%);}#mpScreen[data-route="pages/pet-detail/index"] .pet-gender-badge.pet-gender-female{
  background-color: var(--mp-x14);
  border: 1px solid color-mix(in srgb, var(--mp-x16), transparent 85%);}#mpScreen[data-route="pages/pet-detail/index"] .pet-gender-text{
  font-size: 13px;
  font-weight: 700;
  line-height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}#mpScreen[data-route="pages/pet-detail/index"] .pet-gender-male .pet-gender-text{
  color: var(--mp-x27);}#mpScreen[data-route="pages/pet-detail/index"] .pet-gender-female .pet-gender-text{
  color: var(--mp-x16);}#mpScreen[data-route="pages/pet-detail/index"] .pet-sterilized-tag{
  font-size: 12px;
  border-radius: 10px;
  padding: 3px 10px;
  display: flex;
  align-items: center;
  gap: 4px;}#mpScreen[data-route="pages/pet-detail/index"] .sterilized-emoji{
  font-size: 12px;
  line-height: 1;}#mpScreen[data-route="pages/pet-detail/index"] .sterilized-text{
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;}#mpScreen[data-route="pages/pet-detail/index"] .pet-sterilized-tag.sterilized-yes{
  color: var(--mp-x42);
  background-color: var(--mp-n96);
  border: 1px solid color-mix(in srgb, var(--mp-x42), transparent 88%);}#mpScreen[data-route="pages/pet-detail/index"] .pet-sterilized-tag.sterilized-no{
  color: var(--mp-x21);
  background-color: var(--mp-x43);
  border: 1px solid color-mix(in srgb, var(--mp-x21), transparent 88%);}#mpScreen[data-route="pages/pet-detail/index"] .pet-sterilized-tag.sterilized-unknown{
  color: var(--mp-n60);
  background-color: var(--mp-n96);
  border: 1px solid color-mix(in srgb, var(--mp-n00), transparent 94%);}

/* ========== 宠物名字区域 ========== */#mpScreen[data-route="pages/pet-detail/index"] .pet-name-section{
  margin-bottom: 18px;
  padding-bottom: 16px;
  border-bottom: 2px dashed var(--mp-w92);}#mpScreen[data-route="pages/pet-detail/index"] .pet-name-row{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;}#mpScreen[data-route="pages/pet-detail/index"] .pet-name-icon{
  font-size: 22px;
  line-height: 1;}#mpScreen[data-route="pages/pet-detail/index"] .pet-name{
  font-size: 26px;
  font-weight: 800;
  color: var(--mp-ink1);
  display: block;
  letter-spacing: 0.5px;}#mpScreen[data-route="pages/pet-detail/index"] .pet-dialect-row{
  display: flex;
  align-items: center;
  gap: 6px;}#mpScreen[data-route="pages/pet-detail/index"] .pet-dialect-tag{
  font-size: 16px;
  line-height: 1;}#mpScreen[data-route="pages/pet-detail/index"] .pet-dialect{
  font-size: 14px;
  color: var(--mp-n60);
  display: block;
  font-weight: 500;}

/* ========== 区块标题行 ========== */#mpScreen[data-route="pages/pet-detail/index"] .section-title-row{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;}#mpScreen[data-route="pages/pet-detail/index"] .section-title-icon{
  font-size: 20px;
  line-height: 1;}#mpScreen[data-route="pages/pet-detail/index"] .section-title-deco{
  font-size: 14px;
  line-height: 1;
  margin-left: auto;}

/* ========== 详情区块 ========== */#mpScreen[data-route="pages/pet-detail/index"] .detail-section{
  margin-bottom: 18px;
  padding: 14px 16px;
  border-radius: 16px;
  box-sizing: border-box;
  border: 1px solid transparent;}#mpScreen[data-route="pages/pet-detail/index"] .detail-section:last-child{
  margin-bottom: 0;}#mpScreen[data-route="pages/pet-detail/index"] .section-basic{
  background: linear-gradient(135deg, var(--mp-n100), var(--mp-w96));
  border-color: color-mix(in srgb, var(--mp-x138), transparent 92%);}#mpScreen[data-route="pages/pet-detail/index"] .section-health{
  background: linear-gradient(135deg, var(--mp-n100), var(--mp-x261));
  border-color: color-mix(in srgb, var(--mp-x57), transparent 92%);}#mpScreen[data-route="pages/pet-detail/index"] .section-photo{
  background: linear-gradient(135deg, var(--mp-n100), var(--mp-x262));
  border-color: color-mix(in srgb, var(--mp-x263), transparent 92%);}#mpScreen[data-route="pages/pet-detail/index"] .section-price{
  background: linear-gradient(135deg, var(--mp-n100), var(--mp-w96));
  border-color: color-mix(in srgb, var(--mp-x138), transparent 88%);}#mpScreen[data-route="pages/pet-detail/index"] .section-location{
  background: linear-gradient(135deg, var(--mp-n100), var(--mp-x264));
  border-color: color-mix(in srgb, var(--mp-x39), transparent 92%);}#mpScreen[data-route="pages/pet-detail/index"] .section-hobby{
  background: linear-gradient(135deg, var(--mp-n100), var(--mp-x265));
  border-color: color-mix(in srgb, var(--mp-x16), transparent 92%);}#mpScreen[data-route="pages/pet-detail/index"] .section-desc{
  background: linear-gradient(135deg, var(--mp-n100), var(--mp-x266));
  border-color: color-mix(in srgb, var(--mp-x36), transparent 92%);}#mpScreen[data-route="pages/pet-detail/index"] .section-publisher{
  background: linear-gradient(135deg, var(--mp-n96), var(--mp-n91));
  border-color: color-mix(in srgb, var(--mp-n00), transparent 94%);}#mpScreen[data-route="pages/pet-detail/index"] .section-contact{
  background: linear-gradient(135deg, var(--mp-x69), var(--mp-x267));
  border-color: color-mix(in srgb, var(--mp-x74), transparent 85%);
  padding: 16px;}#mpScreen[data-route="pages/pet-detail/index"] .detail-section-title{
  font-size: 15px;
  font-weight: 700;
  color: var(--mp-ink1);
  display: block;
  line-height: 1.4;}#mpScreen[data-route="pages/pet-detail/index"] .detail-info-row{
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  column-gap: 10px;
  align-items: start;
  margin-bottom: 8px;
  width: 100%;
  box-sizing: border-box;}#mpScreen[data-route="pages/pet-detail/index"] .detail-info-row:last-child{
  margin-bottom: 0;}#mpScreen[data-route="pages/pet-detail/index"] .detail-label{
  font-size: 13px;
  color: var(--mp-n60);
  font-weight: 500;
  line-height: 21px;
  white-space: nowrap;}#mpScreen[data-route="pages/pet-detail/index"] .detail-value{
  font-size: 14px;
  color: var(--mp-ink2);
  min-width: 0;
  word-break: break-all;
  box-sizing: border-box;
  line-height: 1.5;
  font-weight: 500;}#mpScreen[data-route="pages/pet-detail/index"] .detail-value-tag{
  color: var(--mp-x42);
  font-weight: 600;}

/* 疫苗信息行可点击样式 */#mpScreen[data-route="pages/pet-detail/index"] .detail-vaccine-clickable{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 8px;
  background-color: color-mix(in srgb, var(--mp-x268), transparent 96%);
  border: 1px solid color-mix(in srgb, var(--mp-x42), transparent 90%);
  transition: all 0.2s ease;}#mpScreen[data-route="pages/pet-detail/index"] .detail-vaccine-clickable:active{
  background-color: color-mix(in srgb, var(--mp-x268), transparent 90%);
  transform: scale(0.97);}#mpScreen[data-route="pages/pet-detail/index"] .detail-vaccine-summary{
  font-size: 14px;
  color: var(--mp-x42);
  font-weight: 600;
  line-height: 1.5;
  word-break: break-all;
  flex: 1;}#mpScreen[data-route="pages/pet-detail/index"] .detail-vaccine-arrow{
  font-size: 20px;
  color: var(--mp-x42);
  font-weight: 700;
  line-height: 1;
  flex-shrink: 0;
  margin-left: 2px;}#mpScreen[data-route="pages/pet-detail/index"] .detail-address-link{
  color: var(--mp-x27);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;}#mpScreen[data-route="pages/pet-detail/index"] .detail-desc{
  font-size: 14px;
  color: var(--mp-ink2);
  line-height: 1.7;
  display: block;
  font-weight: 400;}

/* ========== 照片网格 ========== */#mpScreen[data-route="pages/pet-detail/index"] .detail-photo-grid{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
  box-sizing: border-box;}#mpScreen[data-route="pages/pet-detail/index"] .detail-photo{
  display: block;
  width: calc((100% - 16px) / 3);
  height: 110px;
  border-radius: 14px;
  flex-shrink: 0;
  border: 2px solid color-mix(in srgb, var(--mp-n00), transparent 96%);
  box-sizing: border-box;
  object-fit: cover;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--mp-n00), transparent 94%);}

/* ========== 发布人卡片 ========== */#mpScreen[data-route="pages/pet-detail/index"] .publisher-card{
  background-color: var(--mp-n100);
  border-radius: 14px;
  padding: 14px 16px;
  box-sizing: border-box;
  border: 1px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  box-shadow: 0 1px 4px color-mix(in srgb, var(--mp-n00), transparent 97%);}#mpScreen[data-route="pages/pet-detail/index"] .publisher-info-row{
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  column-gap: 10px;
  align-items: start;
  margin-bottom: 8px;}#mpScreen[data-route="pages/pet-detail/index"] .publisher-info-row:last-child{
  margin-bottom: 0;}#mpScreen[data-route="pages/pet-detail/index"] .detail-footer{
  display: none;}

/* ========== 联系发布人按钮 ========== */#mpScreen[data-route="pages/pet-detail/index"] .contact-publisher-area{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;}#mpScreen[data-route="pages/pet-detail/index"] .douyin-contact-btn{
  width: 100%;
  height: 52px;
  background: linear-gradient(135deg, var(--mp-n08) 0%, var(--mp-n18) 50%, var(--mp-n08) 100%);
  border-radius: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  box-sizing: border-box;
  padding: 0 28px;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--mp-n00), transparent 85%);}#mpScreen[data-route="pages/pet-detail/index"] .douyin-contact-btn:active{
  transform: scale(0.97);
  opacity: 0.9;}#mpScreen[data-route="pages/pet-detail/index"] .douyin-contact-btn-icon{
  font-size: 22px;
  line-height: 1;}#mpScreen[data-route="pages/pet-detail/index"] .douyin-contact-btn-text{
  font-size: 16px;
  font-weight: 600;
  color: var(--mp-inkOn);
  line-height: 1.4;
  letter-spacing: 0.5px;}#mpScreen[data-route="pages/pet-detail/index"] .douyin-contact-btn-arrow{
  font-size: 18px;
  line-height: 1;
  opacity: 0.8;}#mpScreen[data-route="pages/pet-detail/index"] .contact-divider{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;}#mpScreen[data-route="pages/pet-detail/index"] .contact-divider-text{
  font-size: 12px;
  color: var(--mp-n68);
  font-weight: 400;
  letter-spacing: 0.5px;}

/* ========== 联系弹窗样式 ========== */#mpScreen[data-route="pages/pet-detail/index"] .contact-modal-overlay{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 45%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
  backdrop-filter: blur(4px);}#mpScreen[data-route="pages/pet-detail/index"] .contact-modal-card{
  width: 85%;
  max-width: 340px;
  max-height: calc(86 * var(--mpvh));
  overflow-y: auto;
  background: linear-gradient(160deg, var(--mp-n100) 0%, var(--mp-n100) 100%);
  border-radius: 28px;
  padding: 28px 24px 22px;
  box-sizing: border-box;
  box-shadow: 0 20px 50px color-mix(in srgb, var(--mp-n00), transparent 80%);
  display: flex;
  flex-direction: column;
  align-items: center;}#mpScreen[data-route="pages/pet-detail/index"] .contact-modal-emoji-row{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 14px;}#mpScreen[data-route="pages/pet-detail/index"] .contact-modal-emoji{
  font-size: 36px;
  line-height: 1;}#mpScreen[data-route="pages/pet-detail/index"] .contact-modal-sparkle{
  font-size: 28px;
  line-height: 1;
  animation: sparklePulse 1.5s ease-in-out infinite;}

@keyframes sparklePulse {
  0%, 100% { transform: scale(1); opacity: 0.7; }
  50% { transform: scale(1.3); opacity: 1; }
}#mpScreen[data-route="pages/pet-detail/index"] .contact-modal-title{
  font-size: 20px;
  font-weight: 700;
  color: var(--mp-ink1);
  display: block;
  margin-bottom: 16px;
  letter-spacing: 0.5px;}#mpScreen[data-route="pages/pet-detail/index"] .contact-modal-douyin-id-box{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, var(--mp-x47), var(--mp-w92));
  border: 2px dashed var(--mp-x66);
  border-radius: 16px;
  padding: 12px 20px;
  margin-bottom: 14px;
  width: 100%;
  box-sizing: border-box;}#mpScreen[data-route="pages/pet-detail/index"] .contact-modal-douyin-id-label{
  font-size: 13px;
  color: var(--mp-x67);
  font-weight: 600;
  flex-shrink: 0;}#mpScreen[data-route="pages/pet-detail/index"] .contact-modal-douyin-id-value{
  font-size: 16px;
  font-weight: 700;
  color: var(--mp-bRich);
  letter-spacing: 0.5px;
  flex: 1;
  word-break: break-all;}#mpScreen[data-route="pages/pet-detail/index"] .contact-modal-desc{
  font-size: 13px;
  color: var(--mp-n60);
  text-align: center;
  display: block;
  margin-bottom: 20px;
  line-height: 1.5;
  letter-spacing: 0.3px;}#mpScreen[data-route="pages/pet-detail/index"] .contact-modal-risk-warning{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
  background: linear-gradient(135deg, var(--mp-x47), var(--mp-w92));
  border: 1.5px solid var(--mp-x66);
  border-radius: 12px;
  padding: 10px 14px;
  margin-bottom: 12px;
  width: 100%;
  box-sizing: border-box;}#mpScreen[data-route="pages/pet-detail/index"] .contact-modal-risk-icon{
  font-size: 18px;
  line-height: 1.4;
  flex-shrink: 0;}#mpScreen[data-route="pages/pet-detail/index"] .contact-modal-risk-body{
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;}#mpScreen[data-route="pages/pet-detail/index"] .contact-modal-risk-title{
  font-size: 13px;
  color: var(--mp-x67);
  font-weight: 700;
  line-height: 1.4;}#mpScreen[data-route="pages/pet-detail/index"] .contact-modal-risk-line{
  font-size: 12px;
  color: var(--mp-x68);
  font-weight: 400;
  line-height: 1.55;}#mpScreen[data-route="pages/pet-detail/index"] .contact-modal-risk-head{
  font-weight: 700;
  color: var(--mp-x67);}#mpScreen[data-route="pages/pet-detail/index"] .contact-modal-fun-tip{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-bottom: 18px;
  width: 100%;
  box-sizing: border-box;}#mpScreen[data-route="pages/pet-detail/index"] .contact-modal-fun-emoji{
  font-size: 18px;
  line-height: 1;}#mpScreen[data-route="pages/pet-detail/index"] .contact-modal-fun-text{
  font-size: 13px;
  color: var(--mp-n60);
  font-weight: 400;
  letter-spacing: 0.3px;}#mpScreen[data-route="pages/pet-detail/index"] .contact-modal-buttons{
  display: flex;
  flex-direction: row;
  gap: 12px;
  width: 100%;
  box-sizing: border-box;}#mpScreen[data-route="pages/pet-detail/index"] .contact-modal-btn{
  flex: 1;
  height: 48px;
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;}#mpScreen[data-route="pages/pet-detail/index"] .contact-modal-btn-cancel{
  background-color: var(--mp-n96);
  border: 1px solid var(--mp-line2);}#mpScreen[data-route="pages/pet-detail/index"] .contact-modal-btn-cancel:active{
  background-color: var(--mp-n91);
  transform: scale(0.97);}#mpScreen[data-route="pages/pet-detail/index"] .contact-modal-btn-confirm{
  background: linear-gradient(135deg, var(--mp-n08), var(--mp-n18));
  box-shadow: 0 4px 14px color-mix(in srgb, var(--mp-n00), transparent 80%);}#mpScreen[data-route="pages/pet-detail/index"] .contact-modal-btn-confirm::after{
  border: none;}#mpScreen[data-route="pages/pet-detail/index"] .contact-modal-btn-confirm:active{
  transform: scale(0.97);
  opacity: 0.9;}#mpScreen[data-route="pages/pet-detail/index"] .contact-modal-btn-text{
  font-size: 15px;
  font-weight: 600;
  color: var(--mp-ink1);
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}#mpScreen[data-route="pages/pet-detail/index"] .contact-modal-btn-confirm .contact-modal-btn-text{
  color: var(--mp-inkOn);}#mpScreen[data-route="pages/pet-detail/index"] .douyin-btn{
  background: var(--mp-n08);
  border-radius: 24px;
  padding: 0 24px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  box-sizing: border-box;
  flex: 1;}#mpScreen[data-route="pages/pet-detail/index"] .douyin-btn::after{
  border: none;}#mpScreen[data-route="pages/pet-detail/index"] .douyin-btn-icon{
  font-size: 16px;
  line-height: 1;}#mpScreen[data-route="pages/pet-detail/index"] .douyin-btn-text{
  font-size: 14px;
  font-weight: 600;
  color: var(--mp-inkOn);
  line-height: 1.4;}#mpScreen[data-route="pages/pet-detail/index"] .copy-btn{
  background: var(--mp-n96);
  border-radius: 24px;
  padding: 0 20px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  box-sizing: border-box;
  flex: 1;
  transition: all 0.2s ease;}#mpScreen[data-route="pages/pet-detail/index"] .copy-btn:active{
  background: var(--mp-n91);
  transform: scale(0.96);}#mpScreen[data-route="pages/pet-detail/index"] .copy-btn-icon{
  font-size: 16px;
  line-height: 1;}#mpScreen[data-route="pages/pet-detail/index"] .copy-btn-text{
  font-size: 14px;
  font-weight: 600;
  color: var(--mp-ink1);
  line-height: 1.4;}#mpScreen[data-route="pages/pet-detail/index"] .douyin-btn-empty{
  background-color: var(--mp-n96);
  border-radius: 24px;
  padding: 0 32px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex: 1;}#mpScreen[data-route="pages/pet-detail/index"] .douyin-btn-empty-text{
  font-size: 14px;
  color: var(--mp-n60);}#mpScreen[data-route="pages/pet-detail/index"] .detail-cured-yes{
  color: var(--mp-x42);
  font-weight: 600;}#mpScreen[data-route="pages/pet-detail/index"] .detail-cured-no{
  color: var(--mp-x76);
  font-weight: 600;}#mpScreen[data-route="pages/pet-detail/index"] .detail-price{
  font-size: 20px;
  font-weight: 800;
  color: var(--mp-b1);}#mpScreen[data-route="pages/pet-detail/index"] .detail-price-badge{
  font-size: 11px;
  font-weight: 600;
  color: var(--mp-inkOn);
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-b1));
  border-radius: 10px;
  padding: 3px 8px;
  margin-left: 8px;
  line-height: 1.4;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;}#mpScreen[data-route="pages/pet-detail/index"] .detail-price-knife{
  background: linear-gradient(135deg, var(--mp-x88), var(--mp-x89));}

/* 金额与一口价/可小刀标签同行，并与左侧标签文字齐平 */#mpScreen[data-route="pages/pet-detail/index"] .detail-price-wrap{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
  margin-top: -4px;}#mpScreen[data-route="pages/pet-detail/index"] .detail-price-wrap .detail-price-badge{
  margin-left: 0;}

/* ========== 物资聘礼明细 ========== */#mpScreen[data-route="pages/pet-detail/index"] .detail-goods-list{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: -4px;}#mpScreen[data-route="pages/pet-detail/index"] .detail-goods-item{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 11px 4px 9px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--mp-n100) 0%, var(--mp-x269) 100%);
  border: 1px solid color-mix(in srgb, var(--mp-x138), transparent 78%);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--mp-x123), transparent 87%);
  animation: goodsChipIn 0.44s cubic-bezier(0.34, 1.48, 0.5, 1) both;}#mpScreen[data-route="pages/pet-detail/index"] .detail-goods-item:nth-child(2){ animation-delay: 0.06s;}#mpScreen[data-route="pages/pet-detail/index"] .detail-goods-item:nth-child(3){ animation-delay: 0.12s;}#mpScreen[data-route="pages/pet-detail/index"] .detail-goods-item:nth-child(4){ animation-delay: 0.18s;}#mpScreen[data-route="pages/pet-detail/index"] .detail-goods-item:nth-child(5){ animation-delay: 0.24s;}#mpScreen[data-route="pages/pet-detail/index"] .detail-goods-item:nth-child(6){ animation-delay: 0.30s;}

@keyframes goodsChipIn {
  from { opacity: 0; transform: translateY(7px) scale(0.92); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}#mpScreen[data-route="pages/pet-detail/index"] .detail-goods-emoji{
  font-size: 15px;
  line-height: 1;}#mpScreen[data-route="pages/pet-detail/index"] .detail-goods-name{
  font-size: 13px;
  font-weight: 700;
  color: var(--mp-cDeep);}#mpScreen[data-route="pages/pet-detail/index"] .detail-goods-amount{
  font-size: 13px;
  font-weight: 800;
  color: var(--mp-b1);
  padding-left: 6px;
  border-left: 1px dashed color-mix(in srgb, var(--mp-x138), transparent 65%);}#mpScreen[data-route="pages/pet-detail/index"] .detail-goods-empty{
  font-size: 13px;
  color: var(--mp-cDeep);
  line-height: 21px;}

/* ========== 评论区样式 ========== */#mpScreen[data-route="pages/pet-detail/index"] .comment-section{
  padding: 16px 16px 0;
  background-color: var(--mp-n100);
  border-top: 1px solid var(--mp-line1);
  width: 100%;
  max-width: 600px;
  align-self: center;
  box-sizing: border-box;
  margin-bottom: 0;
  padding-bottom: 16px;}#mpScreen[data-route="pages/pet-detail/index"] .comment-section-title{
  font-size: 17px;
  font-weight: 700;
  color: var(--mp-ink1);
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  letter-spacing: -0.02em;
  line-height: 1.3;}#mpScreen[data-route="pages/pet-detail/index"] .comment-list{
  margin-bottom: 12px;}#mpScreen[data-route="pages/pet-detail/index"] .comment-item{
  background-color: var(--mp-n100);
  border-radius: 14px;
  padding: 12px 14px;
  margin-bottom: 10px;
  box-sizing: border-box;
  /* 整条可点=回复，按下去要有反应，否则没人知道这里能点。
     cursor 那行不只是给电脑看的：iOS Safari 上没有 cursor:pointer 的元素不触发 :active。
     按下色走令牌，白天是浅灰绿、夜里是浅棕，两套都看得出来。 */
  cursor: pointer;
  transition: background-color .16s ease, transform .16s ease;}#mpScreen[data-route="pages/pet-detail/index"] .comment-item:active{
  background-color: var(--mp-n91);
  transform: scale(0.994);}#mpScreen[data-route="pages/pet-detail/index"] .comment-item-header{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 6px;}

/* 💬 评论行小头像：emoji + 色系匹配背景，图片头像仍按图片显示 */#mpScreen[data-route="pages/pet-detail/index"] .comment-avatar{
  width: 26px;
  height: 26px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 7px;
  border: 1px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  box-sizing: border-box;}#mpScreen[data-route="pages/pet-detail/index"] .comment-avatar-emoji{
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 4px color-mix(in srgb, var(--mp-n00), transparent 94%);}#mpScreen[data-route="pages/pet-detail/index"] .comment-avatar-emoji-text{
  font-size: 14px;
  line-height: 1;}#mpScreen[data-route="pages/pet-detail/index"] .reply-avatar{
  width: 20px;
  height: 20px;
  margin-right: 6px;}#mpScreen[data-route="pages/pet-detail/index"] .reply-avatar-emoji-text{
  font-size: 11px;}

/* 👤 发布者：头像 + 个人ID 并排 */#mpScreen[data-route="pages/pet-detail/index"] .publisher-id-cell{
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;}#mpScreen[data-route="pages/pet-detail/index"] .publisher-avatar{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  flex-shrink: 0;
  border: 1px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  box-sizing: border-box;}#mpScreen[data-route="pages/pet-detail/index"] .publisher-avatar-emoji{
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 5px color-mix(in srgb, var(--mp-n00), transparent 93%);}#mpScreen[data-route="pages/pet-detail/index"] .publisher-avatar-emoji-text{
  font-size: 16px;
  line-height: 1;}#mpScreen[data-route="pages/pet-detail/index"] .comment-item-time{
  font-size: 11px;
  color: var(--mp-n68);
  font-weight: 400;
  line-height: 1.4;}#mpScreen[data-route="pages/pet-detail/index"] .comment-item-text{
  font-size: 14px;
  color: var(--mp-ink2);
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: -0.005em;
  word-break: break-all;
  display: block;}#mpScreen[data-route="pages/pet-detail/index"] .comment-item-image{
  width: 120px;
  border-radius: 10px;
  margin-top: 8px;
  display: block;}#mpScreen[data-route="pages/pet-detail/index"] .comment-empty{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px 0;
  margin-bottom: 12px;}#mpScreen[data-route="pages/pet-detail/index"] .comment-empty-icon{
  font-size: 36px;
  margin-bottom: 8px;
  line-height: 1;}#mpScreen[data-route="pages/pet-detail/index"] .comment-empty-text{
  font-size: 13px;
  color: var(--mp-n68);
  font-weight: 400;
  letter-spacing: -0.005em;}#mpScreen[data-route="pages/pet-detail/index"] .comment-fixed-bar{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--mp-n100);
  border-top: 1px solid var(--mp-line1);
  padding: 10px 16px;
  padding-bottom: calc(10px + env(safe-area-inset-bottom));
  box-sizing: border-box;
  z-index: 100;
  box-shadow: 0 -2px 12px color-mix(in srgb, var(--mp-n00), transparent 94%);}#mpScreen[data-route="pages/pet-detail/index"] .comment-input-area{
  background-color: var(--mp-n100);
  padding-bottom: 8px;}#mpScreen[data-route="pages/pet-detail/index"] .comment-input-row{
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  box-sizing: border-box;}#mpScreen[data-route="pages/pet-detail/index"] .comment-input{
  flex: 1;
  height: 40px;
  background-color: var(--mp-n96);
  border-radius: 20px;
  padding: 0 16px;
  font-size: 14px;
  color: var(--mp-ink2);
  box-sizing: border-box;
  border: 0.5px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  font-weight: 400;
  letter-spacing: -0.01em;
  min-width: 0;}#mpScreen[data-route="pages/pet-detail/index"] .comment-emoji-btn,
#mpScreen[data-route="pages/pet-detail/index"] .comment-photo-btn,
#mpScreen[data-route="pages/pet-detail/index"] .comment-live-btn{
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: var(--mp-n96);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 0.5px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  box-sizing: border-box;}#mpScreen[data-route="pages/pet-detail/index"] .comment-emoji-icon,
#mpScreen[data-route="pages/pet-detail/index"] .comment-photo-icon,
#mpScreen[data-route="pages/pet-detail/index"] .comment-live-icon{
  font-size: 18px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/pet-detail/index"] .comment-submit-btn{
  height: 36px;
  padding: 0 16px;
  border-radius: 18px;
  background: var(--mp-n08);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-sizing: border-box;}#mpScreen[data-route="pages/pet-detail/index"] .comment-submit-btn::after{
  border: none;}#mpScreen[data-route="pages/pet-detail/index"] .comment-submit-text{
  font-size: 13px;
  font-weight: 600;
  color: var(--mp-inkOn);
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}#mpScreen[data-route="pages/pet-detail/index"] .comment-image-preview{
  position: relative;
  display: inline-flex;
  margin-top: 8px;}#mpScreen[data-route="pages/pet-detail/index"] .comment-preview-img{
  width: 60px;
  height: 60px;
  border-radius: 10px;}#mpScreen[data-route="pages/pet-detail/index"] .comment-preview-remove{
  position: absolute;
  top: -6px;
  right: -6px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 40%);
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/pet-detail/index"] .comment-preview-remove-icon{
  font-size: 11px;
  color: var(--mp-inkOn);
  font-weight: 700;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/pet-detail/index"] .emoji-panel{
  margin-top: 8px;
  background-color: var(--mp-n100);
  border-radius: 14px;
  padding: 10px;
  box-sizing: border-box;}#mpScreen[data-route="pages/pet-detail/index"] .emoji-grid{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;}#mpScreen[data-route="pages/pet-detail/index"] .emoji-item{
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background-color: var(--mp-n100);
  border: 0.5px solid color-mix(in srgb, var(--mp-n00), transparent 96%);
  box-sizing: border-box;
  transition: transform 0.15s ease;}#mpScreen[data-route="pages/pet-detail/index"] .emoji-item:active{
  transform: scale(0.9);
  background-color: var(--mp-n96);}#mpScreen[data-route="pages/pet-detail/index"] .emoji-text{
  font-size: 22px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/pet-detail/index"] .emoji-scroll{
  max-height: 300px;
  width: 100%;
  box-sizing: border-box;}#mpScreen[data-route="pages/pet-detail/index"] .emoji-category{
  margin-bottom: 12px;}#mpScreen[data-route="pages/pet-detail/index"] .emoji-category-label{
  font-size: 12px;
  color: var(--mp-n60);
  font-weight: 500;
  margin-bottom: 6px;
  display: block;
  padding: 0 4px;}#mpScreen[data-route="pages/pet-detail/index"] .comment-replies{
  margin-top: 8px;
  padding-left: 12px;
  border-left: 2px solid var(--mp-line2);}#mpScreen[data-route="pages/pet-detail/index"] .reply-item{
  background-color: var(--mp-n100);
  border-radius: 10px;
  padding: 8px 10px;
  margin-bottom: 6px;
  border: 0.5px solid color-mix(in srgb, var(--mp-n00), transparent 95%);}#mpScreen[data-route="pages/pet-detail/index"] .reply-item:last-child{
  margin-bottom: 0;}#mpScreen[data-route="pages/pet-detail/index"] .reply-item-header{
  display: flex;
  align-items: center;
  margin-bottom: 4px;}#mpScreen[data-route="pages/pet-detail/index"] .reply-item-time{
  font-size: 10px;
  color: var(--mp-n68);
  font-weight: 400;
  line-height: 1.4;}#mpScreen[data-route="pages/pet-detail/index"] .reply-item-text{
  font-size: 13px;
  color: var(--mp-ink2);
  line-height: 1.5;
  font-weight: 400;
  word-break: break-all;
  display: block;}#mpScreen[data-route="pages/pet-detail/index"] .reply-item-image{
  width: 100px;
  border-radius: 8px;
  margin-top: 6px;
  display: block;}#mpScreen[data-route="pages/pet-detail/index"] .reply-to-bar{
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: var(--mp-x270);
  padding: 6px 12px;
  border-radius: 10px;
  margin-bottom: 6px;
  width: 100%;
  box-sizing: border-box;}#mpScreen[data-route="pages/pet-detail/index"] .reply-to-label{
  font-size: 12px;
  color: var(--mp-x271);
  font-weight: 500;
  flex-shrink: 0;}#mpScreen[data-route="pages/pet-detail/index"] .reply-to-preview{
  font-size: 12px;
  color: var(--mp-n38);
  flex: 1;
  margin: 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}#mpScreen[data-route="pages/pet-detail/index"] .reply-cancel-btn{
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 90%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;}#mpScreen[data-route="pages/pet-detail/index"] .reply-cancel-icon{
  font-size: 10px;
  color: var(--mp-n38);
  font-weight: 700;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/pet-detail/index"] .comment-input-inner-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  width: 100%;
  box-sizing: border-box;}

/* ========== 评论高亮动画 ========== */
@keyframes commentHighlight {
  0% {
    background-color: #FFF3CD;
    box-shadow: 0 0 0 2px #FFC107;
  }
  50% {
    background-color: #FFF8E1;
    box-shadow: 0 0 0 3px #FFB300;
  }
  100% {
    background-color: #F8F8F8;
    box-shadow: 0 0 0 0 rgba(255, 193, 7, 0);
  }
}

@keyframes replyHighlight {
  0% {
    background-color: #FFF3CD;
    box-shadow: 0 0 0 2px #FFC107;
  }
  50% {
    background-color: #FFF8E1;
    box-shadow: 0 0 0 3px #FFB300;
  }
  100% {
    background-color: #FFFFFF;
    box-shadow: 0 0 0 0 rgba(255, 193, 7, 0);
  }
}

/* ========== 疫苗详情可点击样式 ========== */#mpScreen[data-route="pages/pet-detail/index"] .detail-vaccine-clickable{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;}#mpScreen[data-route="pages/pet-detail/index"] .detail-vaccine-summary{
  font-size: 14px;
  color: var(--mp-x42);
  font-weight: 600;
  line-height: 1.5;
  word-break: break-all;
  flex: 1;}#mpScreen[data-route="pages/pet-detail/index"] .detail-vaccine-arrow{
  font-size: 20px;
  color: var(--mp-x42);
  font-weight: 600;
  line-height: 1.5;
  flex-shrink: 0;
  margin-left: 4px;}

/* ========== 疫苗详情弹窗 ========== */#mpScreen[data-route="pages/pet-detail/index"] .vaccine-modal-overlay{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 45%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  backdrop-filter: blur(4px);}#mpScreen[data-route="pages/pet-detail/index"] .vaccine-modal-card{
  width: 85%;
  max-width: 360px;
  background: linear-gradient(160deg, var(--mp-n100) 0%, var(--mp-n100) 100%);
  border-radius: 24px;
  padding: 24px 20px 20px;
  box-sizing: border-box;
  box-shadow: 0 20px 50px color-mix(in srgb, var(--mp-n00), transparent 80%);
  display: flex;
  flex-direction: column;}#mpScreen[data-route="pages/pet-detail/index"] .vaccine-modal-header{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
  padding-bottom: 12px;
  border-bottom: 2px dashed var(--mp-line1);}#mpScreen[data-route="pages/pet-detail/index"] .vaccine-modal-title{
  font-size: 18px;
  font-weight: 700;
  color: var(--mp-ink1);
  letter-spacing: 0.5px;}#mpScreen[data-route="pages/pet-detail/index"] .vaccine-modal-close{
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--mp-n96);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;}#mpScreen[data-route="pages/pet-detail/index"] .vaccine-modal-close:active{
  background-color: var(--mp-n91);
  transform: scale(0.9);}#mpScreen[data-route="pages/pet-detail/index"] .vaccine-modal-close-icon{
  font-size: 16px;
  color: var(--mp-n38);
  font-weight: 700;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/pet-detail/index"] .vaccine-modal-body{
  display: flex;
  flex-direction: column;}#mpScreen[data-route="pages/pet-detail/index"] .vaccine-status-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(135deg, var(--mp-n100), var(--mp-x261));
  border-radius: 12px;
  padding: 12px 16px;
  margin-bottom: 16px;
  border: 1px solid color-mix(in srgb, var(--mp-x57), transparent 88%);
  box-sizing: border-box;}#mpScreen[data-route="pages/pet-detail/index"] .vaccine-status-label{
  font-size: 14px;
  color: var(--mp-n38);
  font-weight: 600;}#mpScreen[data-route="pages/pet-detail/index"] .vaccine-status-value{
  font-size: 15px;
  color: var(--mp-x42);
  font-weight: 700;}#mpScreen[data-route="pages/pet-detail/index"] .vaccine-list{
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 320px;
  overflow-y: auto;}#mpScreen[data-route="pages/pet-detail/index"] .vaccine-item{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  background-color: var(--mp-n100);
  border-radius: 14px;
  padding: 12px 14px;
  border: 1px solid color-mix(in srgb, var(--mp-n00), transparent 96%);
  box-sizing: border-box;}#mpScreen[data-route="pages/pet-detail/index"] .vaccine-item-dot{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--mp-n96), var(--mp-x65));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;}#mpScreen[data-route="pages/pet-detail/index"] .vaccine-dot-icon{
  font-size: 18px;
  line-height: 1;}#mpScreen[data-route="pages/pet-detail/index"] .vaccine-item-info{
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;}#mpScreen[data-route="pages/pet-detail/index"] .vaccine-item-name{
  font-size: 15px;
  color: var(--mp-ink1);
  font-weight: 600;
  line-height: 1.4;}#mpScreen[data-route="pages/pet-detail/index"] .vaccine-item-date{
  font-size: 13px;
  color: var(--mp-n60);
  font-weight: 400;
  line-height: 1.4;}#mpScreen[data-route="pages/pet-detail/index"] .vaccine-item-date-row{
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;}#mpScreen[data-route="pages/pet-detail/index"] .vaccine-rabies-mark{
  font-size: 11px;
  font-weight: 700;
  color: var(--mp-x05);
  background: color-mix(in srgb, var(--mp-b2), transparent 86%);
  border: 1px solid color-mix(in srgb, var(--mp-b2), transparent 65%);
  border-radius: 999px;
  padding: 1px 8px;
  line-height: 1.5;}#mpScreen[data-route="pages/pet-detail/index"] .vaccine-empty{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 28px 0 8px;}#mpScreen[data-route="pages/pet-detail/index"] .vaccine-empty-icon{
  font-size: 36px;
  line-height: 1;
  margin-bottom: 10px;}#mpScreen[data-route="pages/pet-detail/index"] .vaccine-empty-text{
  font-size: 14px;
  color: var(--mp-n68);
  font-weight: 400;}#mpScreen[data-route="pages/pet-detail/index"] .comment-highlight{
  animation: commentHighlight 2.5s ease-out;}#mpScreen[data-route="pages/pet-detail/index"] .reply-highlight{
  animation: replyHighlight 2.5s ease-out;}

/* ========== 帖子 ID 复制行 ========== */#mpScreen[data-route="pages/pet-detail/index"] .detail-id-copy-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  flex: 1;
  cursor: pointer;}#mpScreen[data-route="pages/pet-detail/index"] .detail-id-value{
  font-size: 14px;
  color: var(--mp-ink2);
  font-weight: 500;
  font-family: 'SF Mono', 'Menlo', 'Consolas', monospace;
  letter-spacing: 0.02em;
  word-break: break-all;
  line-height: 1.5;
  flex: 1;}#mpScreen[data-route="pages/pet-detail/index"] .detail-id-copy-icon{
  font-size: 18px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--mp-n96);
  transition: all 0.2s ease;}#mpScreen[data-route="pages/pet-detail/index"] .detail-id-copy-row:active .detail-id-copy-icon{
  background-color: var(--mp-n91);
  transform: scale(0.9);}

/* ========== 逐条喜好列表样式 ========== */#mpScreen[data-route="pages/pet-detail/index"] .hobby-item-list{
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  box-sizing: border-box;}#mpScreen[data-route="pages/pet-detail/index"] .hobby-item-row{
  display: flex;
  flex-direction: column;
  background-color: color-mix(in srgb, var(--mp-n100), transparent 40%);
  border-radius: 12px;
  padding: 10px 12px;
  box-sizing: border-box;
  border: 1px solid color-mix(in srgb, var(--mp-x16), transparent 92%);}#mpScreen[data-route="pages/pet-detail/index"] .hobby-item-content{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;}#mpScreen[data-route="pages/pet-detail/index"] .hobby-item-bullet{
  font-size: 14px;
  line-height: 1.5;
  flex-shrink: 0;}#mpScreen[data-route="pages/pet-detail/index"] .hobby-item-text{
  font-size: 14px;
  color: var(--mp-ink2);
  line-height: 1.5;
  font-weight: 500;
  flex: 1;
  word-break: break-all;}

/* ========== Hobby 自动翻译展示 ========== */#mpScreen[data-route="pages/pet-detail/index"] .hobby-translation-display{
  margin-top: 16px;
  margin-bottom: 8px;}

/* 原文折叠区域 */#mpScreen[data-route="pages/pet-detail/index"] .hobby-original-area{
  margin-top: 12px;
  padding: 12px 16px;
  background: var(--mp-n96);
  border-radius: 10px;
  border-left: 3px solid var(--mp-cMid);}#mpScreen[data-route="pages/pet-detail/index"] .hobby-original-text{
  font-size: 26px;
  color: var(--mp-w42);
  line-height: 1.6;
  word-break: break-word;}

/* 查看原文 / 隐藏原文 小字链接 */#mpScreen[data-route="pages/pet-detail/index"] .hobby-original-toggle-row{
  margin-top: 12px;
  display: flex;
  align-items: center;}#mpScreen[data-route="pages/pet-detail/index"] .hobby-original-toggle-btn{
  display: inline-flex;
  align-items: center;
  padding: 4px 0;}#mpScreen[data-route="pages/pet-detail/index"] .hobby-original-toggle-text{
  font-size: 22px;
  color: var(--mp-x272);
  border-bottom: 1px dashed var(--mp-x272);}

/* ========== 翻译功能样式 ========== */#mpScreen[data-route="pages/pet-detail/index"] .comment-translate-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 6px;}#mpScreen[data-route="pages/pet-detail/index"] .hobby-translate-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  margin-top: 6px;}#mpScreen[data-route="pages/pet-detail/index"] .translate-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 16px;
  border-radius: 14px;
  background-color: color-mix(in srgb, var(--mp-x273), transparent 92%);
  min-width: 60px;
  height: 30px;
  box-sizing: border-box;}#mpScreen[data-route="pages/pet-detail/index"] .translate-btn:active{
  background-color: color-mix(in srgb, var(--mp-x273), transparent 85%);
  transform: scale(0.96);}#mpScreen[data-route="pages/pet-detail/index"] .translate-btn-text{
  font-size: 13px;
  color: var(--mp-x271);
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/pet-detail/index"] .translate-result{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 6px;
  padding: 6px 10px;
  background-color: color-mix(in srgb, var(--mp-x273), transparent 96%);
  border-radius: 8px;
  border-left: 3px solid var(--mp-x271);
  gap: 8px;}#mpScreen[data-route="pages/pet-detail/index"] .translate-result-text{
  font-size: 12px;
  color: var(--mp-n60);
  line-height: 1.5;
  font-weight: 400;
  word-break: break-all;
  flex: 1;}#mpScreen[data-route="pages/pet-detail/index"] .translate-result-label{
  font-size: 9px;
  color: var(--mp-n68);
  font-weight: 400;
  line-height: 1;
  flex-shrink: 0;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 96%);
  padding: 2px 6px;
  border-radius: 4px;}

/* 🆔 评论区只展示发送人ID（不展示头像和昵称） */#mpScreen[data-route="pages/pet-detail/index"] .comment-sender-id{
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin-right: 8px;
  padding: 2px 8px;
  border-radius: 9px;
  background: linear-gradient(135deg, var(--mp-n100), var(--mp-x274));
  border: 1px solid color-mix(in srgb, var(--mp-x08), transparent 78%);
  font-size: 10.5px;
  font-weight: 700;
  color: var(--mp-x275);
  letter-spacing: 0.03em;
  line-height: 1.45;
  white-space: nowrap;
  flex-shrink: 0;}#mpScreen[data-route="pages/pet-detail/index"] .reply-sender-id{
  padding: 1px 7px;
  font-size: 10px;
  background: linear-gradient(135deg, var(--mp-n100), var(--mp-x276));}


/* ===== pages/adoption-record/index ===== */
#mpScreen[data-route="pages/adoption-record/index"]{
  background: linear-gradient(180deg, var(--mp-bgA) 0%, var(--mp-bgB) 100%);
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'PingFang SC', sans-serif;}#mpScreen[data-route="pages/adoption-record/index"] .page-container{
  display: flex;
  flex-direction: column;
  min-height: calc(100 * var(--mpvh));
  padding-bottom: env(safe-area-inset-bottom);}

/* 顶部导航 */#mpScreen[data-route="pages/adoption-record/index"] .top-bar{
  display: flex;
  align-items: center;
  padding: 16px 20px;
  background-color: var(--mp-n100);
  border-bottom: 0.5px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  position: sticky;
  top: 0;
  z-index: 10;}#mpScreen[data-route="pages/adoption-record/index"] .back-btn{
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: var(--mp-n96);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;}#mpScreen[data-route="pages/adoption-record/index"] .back-icon{
  font-size: 18px;
  color: var(--mp-ink1);
  font-weight: 600;}#mpScreen[data-route="pages/adoption-record/index"] .top-title{
  flex: 1;
  text-align: center;
  font-size: 17px;
  font-weight: 700;
  color: var(--mp-ink1);
  letter-spacing: -0.02em;}#mpScreen[data-route="pages/adoption-record/index"] .top-placeholder{
  width: 36px;
  flex-shrink: 0;}

/* 内容区域 */#mpScreen[data-route="pages/adoption-record/index"] .content-area{
  flex: 1;
  padding: 20px;
  box-sizing: border-box;
  width: 100%;}

/* 宠物信息卡片 */#mpScreen[data-route="pages/adoption-record/index"] .pet-info-card{
  background: var(--mp-n100);
  border-radius: 16px;
  padding: 16px 20px;
  margin-bottom: 20px;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--mp-n00), transparent 96%);}#mpScreen[data-route="pages/adoption-record/index"] .pet-info-header{
  display: flex;
  align-items: center;
  margin-bottom: 8px;}#mpScreen[data-route="pages/adoption-record/index"] .pet-info-emoji{
  font-size: 28px;
  margin-right: 10px;}#mpScreen[data-route="pages/adoption-record/index"] .pet-info-name{
  font-size: 18px;
  font-weight: 700;
  color: var(--mp-ink1);
  letter-spacing: -0.02em;}#mpScreen[data-route="pages/adoption-record/index"] .pet-info-hint{
  font-size: 13px;
  color: var(--mp-n60);
  margin-top: 4px;}

/* 表单卡片 */#mpScreen[data-route="pages/adoption-record/index"] .form-card{
  background: var(--mp-n100);
  border-radius: 16px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--mp-n00), transparent 96%);}#mpScreen[data-route="pages/adoption-record/index"] .form-card-title{
  font-size: 15px;
  font-weight: 700;
  color: var(--mp-ink1);
  margin-bottom: 16px;
  letter-spacing: -0.015em;
  display: flex;
  align-items: center;}#mpScreen[data-route="pages/adoption-record/index"] .form-card-title-icon{
  margin-right: 6px;
  font-size: 16px;}

/* 标题是 flex，行内空格会被吞掉，必填星号得自己留出间距 */#mpScreen[data-route="pages/adoption-record/index"] .form-card-title .required{
  margin-right: 5px;}#mpScreen[data-route="pages/adoption-record/index"] .form-group{
  margin-bottom: 16px;}#mpScreen[data-route="pages/adoption-record/index"] .form-group:last-child{
  margin-bottom: 0;}#mpScreen[data-route="pages/adoption-record/index"] .form-label{
  font-size: 14px;
  font-weight: 600;
  color: var(--mp-ink2);
  margin-bottom: 8px;
  display: block;
  letter-spacing: -0.01em;}#mpScreen[data-route="pages/adoption-record/index"] .required{
  color: var(--mp-x30);
  font-weight: 700;}#mpScreen[data-route="pages/adoption-record/index"] .form-input{
  width: 100%;
  height: 46px;
  background-color: var(--mp-n96);
  border-radius: 12px;
  padding: 0 16px;
  font-size: 15px;
  color: var(--mp-ink2);
  box-sizing: border-box;
  border: 0.5px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  letter-spacing: -0.01em;}#mpScreen[data-route="pages/adoption-record/index"] .date-picker-row{
  display: flex;
  align-items: center;
  background-color: var(--mp-n96);
  border-radius: 12px;
  padding: 0 16px;
  height: 46px;
  border: 0.5px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  box-sizing: border-box;}#mpScreen[data-route="pages/adoption-record/index"] .date-picker-text{
  flex: 1;
  font-size: 15px;
  color: var(--mp-ink2);
  letter-spacing: -0.01em;}#mpScreen[data-route="pages/adoption-record/index"] .date-picker-placeholder{
  color: var(--mp-n68);}#mpScreen[data-route="pages/adoption-record/index"] .date-picker-arrow{
  font-size: 14px;
  color: var(--mp-n60);}#mpScreen[data-route="pages/adoption-record/index"] .gender-selector{
  display: flex;
  gap: 10px;}#mpScreen[data-route="pages/adoption-record/index"] .gender-option{
  flex: 1;
  height: 46px;
  background-color: var(--mp-n96);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid color-mix(in srgb, var(--mp-n00), transparent 96%);
  box-sizing: border-box;
  transition: all 0.2s ease;}#mpScreen[data-route="pages/adoption-record/index"] .gender-option.selected{
  border-color: var(--mp-n08);
  background-color: var(--mp-n96);}#mpScreen[data-route="pages/adoption-record/index"] .gender-option-text{
  font-size: 14px;
  font-weight: 600;
  color: var(--mp-n60);}#mpScreen[data-route="pages/adoption-record/index"] .gender-option.selected .gender-option-text{
  color: var(--mp-ink1);}

/* 地址选择 */#mpScreen[data-route="pages/adoption-record/index"] .address-row{
  display: flex;
  align-items: center;
  gap: 10px;}#mpScreen[data-route="pages/adoption-record/index"] .address-input{
  flex: 1;}#mpScreen[data-route="pages/adoption-record/index"] .location-btn{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 46px;
  background-color: var(--mp-n96);
  border-radius: 12px;
  border: 0.5px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  box-sizing: border-box;
  flex-shrink: 0;}#mpScreen[data-route="pages/adoption-record/index"] .location-btn-icon{
  font-size: 16px;
  line-height: 1;}#mpScreen[data-route="pages/adoption-record/index"] .location-btn-text{
  font-size: 10px;
  color: var(--mp-ink1);
  font-weight: 600;
  margin-top: 1px;}

/* 图片上传 */#mpScreen[data-route="pages/adoption-record/index"] .photo-grid{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;}#mpScreen[data-route="pages/adoption-record/index"] .photo-item{
  width: 80px;
  height: 80px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;}#mpScreen[data-route="pages/adoption-record/index"] .photo-thumb{
  width: 80px;
  height: 80px;
  border-radius: 10px;}#mpScreen[data-route="pages/adoption-record/index"] .photo-delete{
  position: absolute;
  top: -4px;
  right: -4px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 40%);
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/adoption-record/index"] .photo-delete-icon{
  font-size: 12px;
  color: var(--mp-inkOn);
  font-weight: 700;}#mpScreen[data-route="pages/adoption-record/index"] .photo-add{
  width: 80px;
  height: 80px;
  border-radius: 12px;
  border: 1.5px dashed color-mix(in srgb, var(--mp-n00), transparent 88%);
  background-color: var(--mp-n96);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-sizing: border-box;}#mpScreen[data-route="pages/adoption-record/index"] .photo-add-icon{
  font-size: 28px;
  color: var(--mp-n60);
  font-weight: 300;
  line-height: 1;}#mpScreen[data-route="pages/adoption-record/index"] .photo-add-text{
  font-size: 10px;
  color: var(--mp-n60);
  margin-top: 2px;}

/* 隐私提示：复用详情页那块卡片，这里只补表单区的上下间距 */#mpScreen[data-route="pages/adoption-record/index"] .privacy-notice{
  margin-bottom: 20px;}

/* 表单子标签 */#mpScreen[data-route="pages/adoption-record/index"] .form-sub-label{
  font-size: 12px;
  color: var(--mp-n60);
  font-weight: 400;
  margin-bottom: 10px;
  display: block;
  letter-spacing: -0.005em;
  line-height: 1.4;}

/* 身份证双卡片并排布局 */#mpScreen[data-route="pages/adoption-record/index"] .idcard-dual-row{
  display: flex;
  gap: 12px;}#mpScreen[data-route="pages/adoption-record/index"] .idcard-half-card{
  flex: 1;
  min-width: 0;}#mpScreen[data-route="pages/adoption-record/index"] .idcard-half-label{
  font-size: 12px;
  font-weight: 600;
  color: var(--mp-n60);
  margin-bottom: 8px;
  display: block;
  letter-spacing: -0.005em;
  text-align: center;}

/* 身份证上传区域 */#mpScreen[data-route="pages/adoption-record/index"] .idcard-upload-area{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--mp-n96);
  border-radius: 14px;
  border: 1.5px dashed color-mix(in srgb, var(--mp-n00), transparent 90%);
  padding: 24px 12px;
  box-sizing: border-box;
  transition: background-color 0.15s ease;
  min-height: 160px;}#mpScreen[data-route="pages/adoption-record/index"] .idcard-upload-area:active{
  background-color: var(--mp-n91);}#mpScreen[data-route="pages/adoption-record/index"] .idcard-upload-icon{
  font-size: 32px;
  margin-bottom: 6px;
  line-height: 1;}#mpScreen[data-route="pages/adoption-record/index"] .idcard-upload-text{
  font-size: 13px;
  font-weight: 600;
  color: var(--mp-ink1);
  margin-bottom: 4px;
  letter-spacing: -0.015em;
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/adoption-record/index"] .idcard-upload-hint{
  font-size: 11px;
  color: var(--mp-n60);
  font-weight: 400;
  letter-spacing: -0.005em;
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;}

/* 身份证识别中 */#mpScreen[data-route="pages/adoption-record/index"] .idcard-uploading{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--mp-n96);
  border-radius: 14px;
  padding: 24px 12px;
  box-sizing: border-box;
  border: 1px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  min-height: 160px;}#mpScreen[data-route="pages/adoption-record/index"] .idcard-uploading-icon{
  font-size: 28px;
  margin-bottom: 8px;
  line-height: 1;
  animation: rotate 1.2s linear infinite;}#mpScreen[data-route="pages/adoption-record/index"] .idcard-uploading-text{
  font-size: 12px;
  font-weight: 600;
  color: var(--mp-ink1);
  margin-bottom: 10px;
  letter-spacing: -0.01em;
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/adoption-record/index"] .idcard-uploading-bar{
  width: 120px;
  height: 4px;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 92%);
  border-radius: 2px;
  overflow: hidden;}#mpScreen[data-route="pages/adoption-record/index"] .idcard-uploading-bar-inner{
  width: 60%;
  height: 100%;
  background: linear-gradient(90deg, var(--mp-b2), var(--mp-cMid));
  border-radius: 2px;
  animation: slide 1.8s ease-in-out infinite;}

@keyframes rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes slide {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(266%); }
}

/* 身份证照片预览（卡片内） */#mpScreen[data-route="pages/adoption-record/index"] .idcard-photo-preview{
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  min-height: 160px;
  background-color: var(--mp-n96);
  border: 1px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  box-sizing: border-box;}#mpScreen[data-route="pages/adoption-record/index"] .idcard-photo-thumb-full{
  width: 100%;
  height: 160px;
  border-radius: 14px;}#mpScreen[data-route="pages/adoption-record/index"] .idcard-photo-mask{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(transparent, color-mix(in srgb, var(--mp-n00), transparent 55%));
  padding: 20px 10px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;}#mpScreen[data-route="pages/adoption-record/index"] .idcard-mask-icon{
  font-size: 14px;
  line-height: 1;}#mpScreen[data-route="pages/adoption-record/index"] .idcard-mask-text{
  font-size: 12px;
  font-weight: 600;
  color: var(--mp-inkOn);
  letter-spacing: -0.01em;}#mpScreen[data-route="pages/adoption-record/index"] .idcard-reupload-btn{
  position: absolute;
  top: 6px;
  right: 6px;
  padding: 4px 10px;
  border-radius: 12px;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 45%);
  flex-shrink: 0;}#mpScreen[data-route="pages/adoption-record/index"] .idcard-reupload-text{
  font-size: 11px;
  font-weight: 600;
  color: var(--mp-inkOn);
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;}

/* 身份证识别结果字段 */#mpScreen[data-route="pages/adoption-record/index"] .idcard-fields{
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 12px;}#mpScreen[data-route="pages/adoption-record/index"] .idcard-field{
  display: flex;
  align-items: center;
  background-color: var(--mp-n100);
  border-radius: 10px;
  padding: 0 14px;
  height: 44px;
  box-sizing: border-box;
  border: 0.5px solid color-mix(in srgb, var(--mp-n00), transparent 94%);}#mpScreen[data-route="pages/adoption-record/index"] .idcard-field-label{
  font-size: 13px;
  font-weight: 600;
  color: var(--mp-n60);
  width: 56px;
  flex-shrink: 0;
  letter-spacing: -0.01em;
  line-height: 1.4;
  display: flex;
  align-items: center;}#mpScreen[data-route="pages/adoption-record/index"] .idcard-field-value{
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;}#mpScreen[data-route="pages/adoption-record/index"] .idcard-field-value.readonly{
  cursor: default;}#mpScreen[data-route="pages/adoption-record/index"] .idcard-field-text{
  font-size: 14px;
  font-weight: 500;
  color: var(--mp-ink1);
  letter-spacing: -0.01em;
  line-height: 1.4;
  display: flex;
  align-items: center;}#mpScreen[data-route="pages/adoption-record/index"] .idcard-field-text.idcard-number{
  font-family: 'SF Mono', 'Menlo', 'Courier New', monospace;
  letter-spacing: 0.02em;}#mpScreen[data-route="pages/adoption-record/index"] .idcard-field-lock{
  font-size: 14px;
  line-height: 1;
  flex-shrink: 0;
  margin-left: 8px;
  display: flex;
  align-items: center;
  justify-content: center;}

/* ========== 提交按钮 - 抖音小程序规范实现 ========== */#mpScreen[data-route="pages/adoption-record/index"] .submit-btn{
  width: 100%;
  height: 52px;
  background-color: var(--mp-n08);
  color: var(--mp-inkOn);
  font-size: 16px;
  font-weight: 700;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
  margin-bottom: 12px;
  box-sizing: border-box;
  border: none;
  line-height: 52px;
  white-space: nowrap;
  position: relative;
  z-index: 10;}

/* 抖音小程序 button 组件必须清除伪元素边框，这是按钮点击事件不响应的核心修复点 */#mpScreen[data-route="pages/adoption-record/index"] .submit-btn::after{
  border: none;}#mpScreen[data-route="pages/adoption-record/index"] .submit-btn:active{
  opacity: 0.85;
  transform: scale(0.98);
  transition: all 0.1s ease-out;}#mpScreen[data-route="pages/adoption-record/index"] .submit-btn-hint{
  display: block;
  text-align: center;
  font-size: 12px;
  color: var(--mp-n60);
  font-weight: 400;
  letter-spacing: -0.005em;
  margin-bottom: 40px;}

/* ========== 四级联动地址选择器弹窗 ========== */#mpScreen[data-route="pages/adoption-record/index"] .address-picker-overlay{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 45%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1100;}#mpScreen[data-route="pages/adoption-record/index"] .address-picker-mask{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;}#mpScreen[data-route="pages/adoption-record/index"] .address-picker-panel{
  width: calc(86 * var(--mpvw));
  max-width: calc(680 * var(--mprpx));
  max-height: calc(80 * var(--mpvh));
  background: var(--mp-n100);
  border-radius: calc(36 * var(--mprpx));
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  box-shadow: 0 calc(20 * var(--mprpx)) calc(60 * var(--mprpx)) color-mix(in srgb, var(--mp-n00), transparent 80%);}#mpScreen[data-route="pages/adoption-record/index"] .address-picker-header{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: calc(28 * var(--mprpx)) calc(32 * var(--mprpx)) calc(20 * var(--mprpx));
  border-bottom: calc(1 * var(--mprpx)) solid var(--mp-line1);
  box-sizing: border-box;}#mpScreen[data-route="pages/adoption-record/index"] .address-picker-header-left{
  display: flex;
  flex-direction: row;
  align-items: center;}#mpScreen[data-route="pages/adoption-record/index"] .address-picker-back-btn{
  width: calc(56 * var(--mprpx));
  height: calc(56 * var(--mprpx));
  border-radius: calc(28 * var(--mprpx));
  background-color: var(--mp-n96);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: calc(16 * var(--mprpx));}#mpScreen[data-route="pages/adoption-record/index"] .address-picker-back-btn text{
  font-size: calc(28 * var(--mprpx));
  color: var(--mp-ink2);
  line-height: 1;}#mpScreen[data-route="pages/adoption-record/index"] .address-picker-title{
  font-size: calc(32 * var(--mprpx));
  font-weight: 700;
  color: var(--mp-ink1);
  line-height: 1.4;}#mpScreen[data-route="pages/adoption-record/index"] .address-picker-step-indicator{
  font-size: calc(24 * var(--mprpx));
  color: var(--mp-b1);
  font-weight: 600;
  margin-left: calc(12 * var(--mprpx));
  line-height: 1.4;}#mpScreen[data-route="pages/adoption-record/index"] .address-picker-close{
  width: calc(56 * var(--mprpx));
  height: calc(56 * var(--mprpx));
  border-radius: calc(28 * var(--mprpx));
  background-color: var(--mp-n96);
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/adoption-record/index"] .address-picker-close text{
  font-size: calc(28 * var(--mprpx));
  color: var(--mp-n60);
  line-height: 1;}#mpScreen[data-route="pages/adoption-record/index"] .address-picker-body{
  flex: 1;
  overflow-y: auto;
  padding: calc(8 * var(--mprpx)) 0;}#mpScreen[data-route="pages/adoption-record/index"] .address-picker-item{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: calc(24 * var(--mprpx)) calc(32 * var(--mprpx));
  border-bottom: calc(1 * var(--mprpx)) solid var(--mp-line1);
  box-sizing: border-box;
  transition: background-color 0.15s;}#mpScreen[data-route="pages/adoption-record/index"] .address-picker-item:active{
  background-color: var(--mp-w96);}#mpScreen[data-route="pages/adoption-record/index"] .address-picker-item-text{
  font-size: calc(28 * var(--mprpx));
  color: var(--mp-ink2);
  line-height: 1.4;
  flex: 1;}#mpScreen[data-route="pages/adoption-record/index"] .address-picker-current{
  padding: calc(16 * var(--mprpx)) calc(32 * var(--mprpx));
  background-color: var(--mp-n100);
  border-bottom: calc(1 * var(--mprpx)) solid var(--mp-w92);
  box-sizing: border-box;}#mpScreen[data-route="pages/adoption-record/index"] .address-picker-current-text{
  font-size: calc(24 * var(--mprpx));
  color: var(--mp-cDeep);
  line-height: 1.5;}#mpScreen[data-route="pages/adoption-record/index"] .current-highlight{
  color: var(--mp-b1);
  font-weight: 600;}

/* ========== 地址选择按钮 ========== */#mpScreen[data-route="pages/adoption-record/index"] .address-select-btn{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: calc(80 * var(--mprpx));
  background-color: var(--mp-n100);
  border-radius: calc(20 * var(--mprpx));
  border: calc(1.5 * var(--mprpx)) solid var(--mp-line2);
  padding: 0 calc(24 * var(--mprpx));
  box-sizing: border-box;
  transition: border-color 0.2s;}#mpScreen[data-route="pages/adoption-record/index"] .address-select-btn:active{
  border-color: var(--mp-b1);
  background-color: var(--mp-w96);}#mpScreen[data-route="pages/adoption-record/index"] .address-select-text{
  font-size: calc(28 * var(--mprpx));
  color: var(--mp-ink2);
  line-height: 1.4;
  flex: 1;
  margin-right: calc(12 * var(--mprpx));}#mpScreen[data-route="pages/adoption-record/index"] .address-select-placeholder{
  font-size: calc(28 * var(--mprpx));
  color: var(--mp-n76);
  line-height: 1.4;
  flex: 1;
  margin-right: calc(12 * var(--mprpx));}#mpScreen[data-route="pages/adoption-record/index"] .address-select-arrow{
  font-size: calc(24 * var(--mprpx));
  color: var(--mp-n60);
  line-height: 1;}

/* ========== 领养详情展示模式样式（参考宠物详情风格） ========== */#mpScreen[data-route="pages/adoption-record/index"] .detail-body{
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 16px;
  padding-bottom: 140px;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;}#mpScreen[data-route="pages/adoption-record/index"] .adoption-detail-card{
  background-color: var(--mp-n100);
  border-radius: 22px;
  padding: 20px 20px;
  box-shadow: 0 2px 12px color-mix(in srgb, var(--mp-n00), transparent 94%);
  box-sizing: border-box;
  border: 0.5px solid color-mix(in srgb, var(--mp-n00), transparent 95%);
  margin-bottom: 16px;
  width: 100%;
  max-width: 600px;
  align-self: center;
  position: relative;
  overflow: hidden;}

/* 顶部装饰emoji */#mpScreen[data-route="pages/adoption-record/index"] .detail-fun-top-deco{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 16px;
  padding: 8px 0;}#mpScreen[data-route="pages/adoption-record/index"] .detail-fun-deco-emoji{
  font-size: 22px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/adoption-record/index"] .detail-fun-deco-emoji.deco-1{ animation: detailFloat 2.5s ease-in-out infinite;}#mpScreen[data-route="pages/adoption-record/index"] .detail-fun-deco-emoji.deco-2{ animation: detailFloat 2.8s ease-in-out 0.2s infinite;}#mpScreen[data-route="pages/adoption-record/index"] .detail-fun-deco-emoji.deco-3{ animation: detailFloat 3.0s ease-in-out 0.4s infinite;}#mpScreen[data-route="pages/adoption-record/index"] .detail-fun-deco-emoji.deco-4{ animation: detailFloat 2.6s ease-in-out 0.6s infinite;}#mpScreen[data-route="pages/adoption-record/index"] .detail-fun-deco-emoji.deco-5{ animation: detailFloat 3.2s ease-in-out 0.8s infinite;}

@keyframes detailFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}

/* 宠物名称头部 */#mpScreen[data-route="pages/adoption-record/index"] .detail-header-section{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--mp-line1);}#mpScreen[data-route="pages/adoption-record/index"] .detail-pet-avatar-area{
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--mp-x47), var(--mp-w84));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;}#mpScreen[data-route="pages/adoption-record/index"] .detail-pet-avatar-emoji{
  font-size: 30px;
  line-height: 1;}#mpScreen[data-route="pages/adoption-record/index"] .detail-pet-name-area{
  display: flex;
  flex-direction: column;
  gap: 4px;}#mpScreen[data-route="pages/adoption-record/index"] .detail-pet-name{
  font-size: 20px;
  font-weight: 700;
  color: var(--mp-ink1);
  display: block;}#mpScreen[data-route="pages/adoption-record/index"] .detail-adopted-badge{
  display: inline-flex;
  align-items: center;}#mpScreen[data-route="pages/adoption-record/index"] .detail-adopted-badge-text{
  font-size: 11px;
  font-weight: 600;
  color: var(--mp-x42);
  background-color: var(--mp-n96);
  border-radius: 10px;
  padding: 3px 8px;
  line-height: 1.4;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  box-sizing: border-box;}

/* 分割线 */#mpScreen[data-route="pages/adoption-record/index"] .detail-divider{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 16px;}#mpScreen[data-route="pages/adoption-record/index"] .detail-divider-dot{
  font-size: 16px;
  line-height: 1;
  flex-shrink: 0;}#mpScreen[data-route="pages/adoption-record/index"] .detail-divider-line{
  flex: 1;
  height: 1px;
  background-color: var(--mp-n96);}

/* 详情分组 */#mpScreen[data-route="pages/adoption-record/index"] .detail-section{
  margin-bottom: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--mp-line1);}#mpScreen[data-route="pages/adoption-record/index"] .detail-section:last-child{
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;}#mpScreen[data-route="pages/adoption-record/index"] .detail-section-title{
  font-size: 15px;
  font-weight: 700;
  color: var(--mp-ink1);
  margin-bottom: 10px;
  display: block;}#mpScreen[data-route="pages/adoption-record/index"] .detail-info-row{
  display: flex;
  align-items: flex-start;
  margin-bottom: 8px;
  width: 100%;
  box-sizing: border-box;}#mpScreen[data-route="pages/adoption-record/index"] .detail-info-row:last-child{
  margin-bottom: 0;}#mpScreen[data-route="pages/adoption-record/index"] .detail-label{
  font-size: 13px;
  color: var(--mp-n60);
  width: 90px;
  flex-shrink: 0;
  font-weight: 500;
  line-height: 1.5;}#mpScreen[data-route="pages/adoption-record/index"] .detail-value{
  font-size: 14px;
  color: var(--mp-ink2);
  flex: 1;
  word-break: break-all;
  box-sizing: border-box;
  line-height: 1.5;
  font-weight: 500;}#mpScreen[data-route="pages/adoption-record/index"] .detail-idcard-num{
  font-family: 'SF Mono', 'Menlo', 'Courier New', monospace;
  letter-spacing: 0.02em;}

/* 身份证照片 */#mpScreen[data-route="pages/adoption-record/index"] .detail-idcard-photo-row{
  display: flex;
  flex-direction: row;
  gap: 12px;
  width: 100%;
  box-sizing: border-box;}#mpScreen[data-route="pages/adoption-record/index"] .detail-idcard-photo-item{
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;}#mpScreen[data-route="pages/adoption-record/index"] .detail-idcard-photo-label{
  font-size: 12px;
  font-weight: 600;
  color: var(--mp-n60);
  text-align: center;}#mpScreen[data-route="pages/adoption-record/index"] .detail-idcard-photo{
  width: 100%;
  height: 110px;
  border-radius: 12px;
  border: 0.5px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  box-sizing: border-box;}

/* 照片网格 */#mpScreen[data-route="pages/adoption-record/index"] .detail-photo-grid{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
  box-sizing: border-box;}#mpScreen[data-route="pages/adoption-record/index"] .detail-photo{
  display: block;
  width: calc((100% - 16px) / 3);
  height: 110px;
  border-radius: 12px;
  flex-shrink: 0;
  border: 0.5px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  box-sizing: border-box;}

/* 隐私卡片 */#mpScreen[data-route="pages/adoption-record/index"] .detail-privacy-card{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--mp-x47), var(--mp-w92));
  border-radius: 14px;
  padding: 14px 16px;
  margin-top: 8px;
  box-sizing: border-box;
  border: 1.5px solid var(--mp-w84);}#mpScreen[data-route="pages/adoption-record/index"] .detail-privacy-emoji-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 6px;}#mpScreen[data-route="pages/adoption-record/index"] .detail-privacy-emoji{
  font-size: 18px;
  line-height: 1;}#mpScreen[data-route="pages/adoption-record/index"] .detail-privacy-title{
  font-size: 13px;
  color: var(--mp-x67);
  font-weight: 700;
  text-align: center;
  line-height: 1.5;}#mpScreen[data-route="pages/adoption-record/index"] .detail-privacy-text{
  width: 100%;
  margin-top: 6px;
  font-size: 12px;
  color: var(--mp-x68);
  font-weight: 500;
  text-align: left;
  line-height: 1.75;}

/* 底部装饰 */#mpScreen[data-route="pages/adoption-record/index"] .detail-fun-bottom-deco{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 16px;
  padding: 8px 0;}

/* 修改领养人信息按钮 */#mpScreen[data-route="pages/adoption-record/index"] .detail-edit-btn-area{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: 100%;
  max-width: 600px;
  align-self: center;
  margin-bottom: 20px;}#mpScreen[data-route="pages/adoption-record/index"] .detail-edit-btn{
  width: 100%;
  min-height: 52px;
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-cMid));
  border-radius: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  box-sizing: border-box;
  padding: 12px 16px;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--mp-b2), transparent 65%);
  flex-wrap: wrap;}#mpScreen[data-route="pages/adoption-record/index"] .detail-edit-btn:active{
  transform: scale(0.97);
  opacity: 0.9;}#mpScreen[data-route="pages/adoption-record/index"] .detail-edit-btn-icon{
  font-size: 20px;
  line-height: 1;}#mpScreen[data-route="pages/adoption-record/index"] .detail-edit-btn-text{
  font-size: 15px;
  font-weight: 600;
  color: var(--mp-inkOn);
  line-height: 1.4;
  letter-spacing: 0.3px;
  text-align: center;
  word-break: break-word;
  display: inline-block;}#mpScreen[data-route="pages/adoption-record/index"] .detail-edit-btn-arrow{
  font-size: 18px;
  line-height: 1;}#mpScreen[data-route="pages/adoption-record/index"] .detail-edit-btn-hint{
  font-size: 12px;
  color: var(--mp-n68);
  font-weight: 400;
  text-align: center;
  display: block;
  width: 100%;}

/* ========== 确认提交弹窗 - 圆角趣味设计 ========== */#mpScreen[data-route="pages/adoption-record/index"] .confirm-modal-overlay{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 45%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1200;}#mpScreen[data-route="pages/adoption-record/index"] .confirm-modal-mask{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;}#mpScreen[data-route="pages/adoption-record/index"] .confirm-modal-card{
  position: relative;
  width: calc(85 * var(--mpvw));
  max-width: calc(640 * var(--mprpx));
  background: linear-gradient(180deg, var(--mp-n100) 0%, var(--mp-x59) 15%, var(--mp-n100) 40%, var(--mp-n100) 100%);
  border-radius: calc(56 * var(--mprpx));
  padding: calc(48 * var(--mprpx)) calc(32 * var(--mprpx)) calc(36 * var(--mprpx));
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 calc(24 * var(--mprpx)) calc(80 * var(--mprpx)) color-mix(in srgb, var(--mp-n00), transparent 80%), 0 calc(6 * var(--mprpx)) calc(20 * var(--mprpx)) color-mix(in srgb, var(--mp-n00), transparent 90%), 0 0 0 calc(3 * var(--mprpx)) color-mix(in srgb, var(--mp-bHi), transparent 85%);
  box-sizing: border-box;
  border: calc(3 * var(--mprpx)) solid color-mix(in srgb, var(--mp-x138), transparent 80%);
  overflow: visible;
  z-index: 1201;}#mpScreen[data-route="pages/adoption-record/index"] .confirm-modal-border{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 0;
  overflow: visible;}#mpScreen[data-route="pages/adoption-record/index"] .confirm-modal-dot{
  position: absolute;
  font-size: calc(32 * var(--mprpx));
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 calc(2 * var(--mprpx)) calc(4 * var(--mprpx)) color-mix(in srgb, var(--mp-n00), transparent 90%));}#mpScreen[data-route="pages/adoption-record/index"] .confirm-modal-dot.dot-tl{ top: calc(20 * var(--mprpx)); left: calc(26 * var(--mprpx));}#mpScreen[data-route="pages/adoption-record/index"] .confirm-modal-dot.dot-tr{ top: calc(20 * var(--mprpx)); right: calc(26 * var(--mprpx));}#mpScreen[data-route="pages/adoption-record/index"] .confirm-modal-dot.dot-bl{ bottom: calc(20 * var(--mprpx)); left: calc(26 * var(--mprpx));}#mpScreen[data-route="pages/adoption-record/index"] .confirm-modal-dot.dot-br{ bottom: calc(20 * var(--mprpx)); right: calc(26 * var(--mprpx));}#mpScreen[data-route="pages/adoption-record/index"] .confirm-modal-dot.dot-tm{ top: calc(18 * var(--mprpx)); left: 50%; transform: translateX(-50%); font-size: calc(28 * var(--mprpx));}#mpScreen[data-route="pages/adoption-record/index"] .confirm-modal-dot.dot-bm{ bottom: calc(18 * var(--mprpx)); left: 50%; transform: translateX(-50%); font-size: calc(28 * var(--mprpx));}#mpScreen[data-route="pages/adoption-record/index"] .confirm-modal-close{
  position: absolute;
  top: calc(20 * var(--mprpx));
  right: calc(20 * var(--mprpx));
  width: calc(56 * var(--mprpx));
  height: calc(56 * var(--mprpx));
  border-radius: 50%;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 94%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  transition: background-color 0.2s ease;}#mpScreen[data-route="pages/adoption-record/index"] .confirm-modal-close:active{
  background-color: color-mix(in srgb, var(--mp-n00), transparent 88%);}#mpScreen[data-route="pages/adoption-record/index"] .confirm-modal-close-icon{
  font-size: calc(28 * var(--mprpx));
  color: var(--mp-n60);
  font-weight: 600;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/adoption-record/index"] .confirm-modal-icon-row{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(18 * var(--mprpx));
  margin-bottom: calc(16 * var(--mprpx));
  position: relative;
  z-index: 2;}#mpScreen[data-route="pages/adoption-record/index"] .confirm-modal-icon{
  font-size: calc(44 * var(--mprpx));
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 calc(3 * var(--mprpx)) calc(6 * var(--mprpx)) color-mix(in srgb, var(--mp-n00), transparent 90%));}#mpScreen[data-route="pages/adoption-record/index"] .confirm-modal-icon-main{
  font-size: calc(56 * var(--mprpx));
  animation: confirmBounce 1.5s ease-in-out infinite;}

@keyframes confirmBounce {
  0%, 100% { transform: translateY(0); }
  30% { transform: translateY(-10rpx); }
  50% { transform: translateY(0); }
  70% { transform: translateY(-6rpx); }
  85% { transform: translateY(0); }
}#mpScreen[data-route="pages/adoption-record/index"] .confirm-modal-title{
  font-size: calc(36 * var(--mprpx));
  font-weight: 800;
  color: var(--mp-ink1);
  text-align: center;
  letter-spacing: -0.03em;
  line-height: 1.3;
  margin-bottom: calc(12 * var(--mprpx));
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/adoption-record/index"] .confirm-modal-subtitle-row{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(8 * var(--mprpx));
  margin-bottom: calc(20 * var(--mprpx));
  position: relative;
  z-index: 2;}#mpScreen[data-route="pages/adoption-record/index"] .confirm-modal-subtitle-emoji{
  font-size: calc(22 * var(--mprpx));
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/adoption-record/index"] .confirm-modal-subtitle{
  font-size: calc(24 * var(--mprpx));
  color: var(--mp-n50);
  font-weight: 400;
  letter-spacing: -0.01em;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/adoption-record/index"] .confirm-modal-warning{
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: calc(10 * var(--mprpx));
  padding: calc(16 * var(--mprpx)) calc(20 * var(--mprpx));
  background: linear-gradient(135deg, var(--mp-w96), var(--mp-w92));
  border-radius: calc(20 * var(--mprpx));
  border: calc(1.5 * var(--mprpx)) solid var(--mp-w84);
  margin-bottom: calc(24 * var(--mprpx));
  box-sizing: border-box;
  position: relative;
  z-index: 2;}#mpScreen[data-route="pages/adoption-record/index"] .confirm-modal-warning-icon{
  font-size: calc(28 * var(--mprpx));
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;}#mpScreen[data-route="pages/adoption-record/index"] .confirm-modal-warning-text{
  font-size: calc(23 * var(--mprpx));
  color: var(--mp-cDeep);
  font-weight: 400;
  line-height: 1.5;
  flex: 1;}#mpScreen[data-route="pages/adoption-record/index"] .confirm-modal-actions{
  display: flex;
  gap: calc(16 * var(--mprpx));
  width: 100%;
  position: relative;
  z-index: 2;}#mpScreen[data-route="pages/adoption-record/index"] .confirm-modal-cancel{
  flex: 1;
  height: calc(88 * var(--mprpx));
  border-radius: calc(44 * var(--mprpx));
  background-color: var(--mp-n96);
  display: flex;
  align-items: center;
  justify-content: center;
  border: calc(1 * var(--mprpx)) solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  box-sizing: border-box;
  transition: background-color 0.2s ease;}#mpScreen[data-route="pages/adoption-record/index"] .confirm-modal-cancel:active{
  background-color: var(--mp-n91);
  transform: scale(0.97);}#mpScreen[data-route="pages/adoption-record/index"] .confirm-modal-cancel-text{
  font-size: calc(30 * var(--mprpx));
  font-weight: 600;
  color: var(--mp-n38);
  letter-spacing: -0.01em;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}#mpScreen[data-route="pages/adoption-record/index"] .confirm-modal-confirm{
  flex: 2;
  height: calc(88 * var(--mprpx));
  border-radius: calc(44 * var(--mprpx));
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-cMid));
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 calc(8 * var(--mprpx)) calc(24 * var(--mprpx)) color-mix(in srgb, var(--mp-b2), transparent 65%);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  box-sizing: border-box;}#mpScreen[data-route="pages/adoption-record/index"] .confirm-modal-confirm{
  flex: 2;
  height: calc(88 * var(--mprpx));
  border-radius: calc(44 * var(--mprpx));
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-cMid));
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 calc(8 * var(--mprpx)) calc(24 * var(--mprpx)) color-mix(in srgb, var(--mp-b2), transparent 65%);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  box-sizing: border-box;
  border: none;
  position: relative;
  z-index: 10;}

/* 抖音小程序点击元素必须清除伪元素边框，这是按钮点击事件不响应的核心修复点 */#mpScreen[data-route="pages/adoption-record/index"] .confirm-modal-confirm::after{
  border: none;}#mpScreen[data-route="pages/adoption-record/index"] .confirm-modal-confirm:active{
  transform: scale(0.97);
  opacity: 0.9;
  box-shadow: 0 calc(4 * var(--mprpx)) calc(12 * var(--mprpx)) color-mix(in srgb, var(--mp-b2), transparent 75%);}#mpScreen[data-route="pages/adoption-record/index"] .confirm-modal-confirm-text{
  font-size: calc(30 * var(--mprpx));
  font-weight: 700;
  color: var(--mp-inkOn);
  letter-spacing: -0.01em;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}
/* 📅 领养日期格：空着是虚线奶油格，选过变实心暖橘（点开是月历弹层，样式在 base.css） */#mpScreen[data-route="pages/adoption-record/index"] .date-picker-row{
  justify-content: space-between;
  gap: 8px;
  border-radius: 14px;
  background-color: var(--mp-n100);
  background-image: linear-gradient(135deg, var(--mp-n100) 0%, var(--mp-w92) 100%);
  border: 1.5px dashed color-mix(in srgb, var(--mp-b1), transparent 62%);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 10%);
  transition: border-color 0.2s ease, background-image 0.2s ease, box-shadow 0.2s ease, transform 0.18s cubic-bezier(0.34, 1.56, 0.64, 1);}#mpScreen[data-route="pages/adoption-record/index"] .date-picker-row:active{ transform: scale(0.985);}#mpScreen[data-route="pages/adoption-record/index"] .date-picker-row:not(:has(.date-picker-placeholder)){
  border-style: solid;
  border-color: color-mix(in srgb, var(--mp-b1), transparent 50%);
  background-image: linear-gradient(135deg, var(--mp-w92) 0%, var(--mp-w84) 100%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--mp-b1), transparent 84%);}#mpScreen[data-route="pages/adoption-record/index"] .date-picker-text{
  font-size: 15px;
  font-weight: 700;
  color: var(--mp-cDeep);
  letter-spacing: 0;}#mpScreen[data-route="pages/adoption-record/index"] .date-picker-text.date-picker-placeholder{
  font-size: 14px;
  font-weight: 500;
  color: var(--mp-w68);}#mpScreen[data-route="pages/adoption-record/index"] .date-picker-arrow{ font-size: 15px; color: var(--mp-cDeep); opacity: 0.9;}


/* ===== pages/messages/index ===== */
#mpScreen[data-route="pages/messages/index"] .messages-page{
  display: flex;
  flex-direction: column;
  height: calc(100 * var(--mpvh));
  background: linear-gradient(180deg, var(--mp-bgA) 0%, var(--mp-bgB) 100%);}

/* ========== 互动消息 · 顶部形象区 ========== */#mpScreen[data-route="pages/messages/index"] .msg-hero{
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 12px 14px 10px 14px;
  padding: 14px 16px;
  border-radius: 22px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--mp-w92), transparent 5%) 0%, color-mix(in srgb, var(--mp-msgTint), transparent 5%) 100%);
  box-shadow: 0 10px 26px color-mix(in srgb, var(--mp-bHi), transparent 82%);
  animation: msgHeroIn 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;}#mpScreen[data-route="pages/messages/index"] .msg-hero-badge{
  width: 44px;
  height: 44px;
  border-radius: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  flex-shrink: 0;
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-bHi));
  box-shadow: 0 6px 16px color-mix(in srgb, var(--mp-b2), transparent 60%);
  animation: msgBadgeFloat 3.2s ease-in-out infinite;}#mpScreen[data-route="pages/messages/index"] .msg-hero-badge-emoji{
  font-size: 22px;}#mpScreen[data-route="pages/messages/index"] .msg-hero-text{
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;}#mpScreen[data-route="pages/messages/index"] .msg-hero-title{
  font-size: 17px;
  font-weight: 800;
  color: var(--mp-w20);
  letter-spacing: -0.2px;}#mpScreen[data-route="pages/messages/index"] .msg-hero-sub{
  font-size: 11px;
  color: var(--mp-cDeep);
  margin-top: 3px;}#mpScreen[data-route="pages/messages/index"] .msg-hero-deco{
  position: absolute;
  opacity: 0.5;
  animation: msgFloat 4.5s ease-in-out infinite;}#mpScreen[data-route="pages/messages/index"] .msg-hero-deco-a{ top: 10px; right: 58px; font-size: 14px;}#mpScreen[data-route="pages/messages/index"] .msg-hero-deco-b{ top: 28px; right: 22px; font-size: 12px; animation-delay: 0.8s;}#mpScreen[data-route="pages/messages/index"] .msg-hero-deco-c{ bottom: 9px; right: 116px; font-size: 11px; animation-delay: 1.6s;}

/* ========== 互动消息 · 分段切换药丸（弹性滑动） ========== */#mpScreen[data-route="pages/messages/index"] .msg-tabs{
  flex-shrink: 0;
  padding: 0 14px 10px 14px;}#mpScreen[data-route="pages/messages/index"] .msg-tabs-track{
  padding: 5px;
  border-radius: 22px;
  background: color-mix(in srgb, var(--mp-n100), transparent 26%);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mp-w42), transparent 94%), 0 6px 18px color-mix(in srgb, var(--mp-w68), transparent 90%);
  overflow: hidden;}#mpScreen[data-route="pages/messages/index"] .msg-tabs-row{
  position: relative;
  display: flex;
  flex-direction: row;}#mpScreen[data-route="pages/messages/index"] .msg-tab-thumb{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 25%;
  border-radius: 17px;
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-bHi));
  box-shadow: 0 4px 14px color-mix(in srgb, var(--mp-b2), transparent 62%);
  transform: translateX(0);
  transition: transform 0.46s cubic-bezier(0.34, 1.34, 0.44, 1);
  will-change: transform;
  z-index: 0;
  pointer-events: none;}#mpScreen[data-route="pages/messages/index"] .thumb-i0{ transform: translateX(0);}#mpScreen[data-route="pages/messages/index"] .thumb-i1{ transform: translateX(100%);}#mpScreen[data-route="pages/messages/index"] .thumb-i2{ transform: translateX(200%);}#mpScreen[data-route="pages/messages/index"] .thumb-i3{ transform: translateX(300%);}#mpScreen[data-route="pages/messages/index"] .msg-tab{
  flex: 1;
  position: relative;
  z-index: 1;
  height: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
  transition: transform 0.18s ease;}#mpScreen[data-route="pages/messages/index"] .msg-tab:active{
  transform: scale(0.93);}#mpScreen[data-route="pages/messages/index"] .msg-tab-emoji{
  font-size: 15px;
  line-height: 1.2;
  transition: transform 0.42s cubic-bezier(0.34, 1.42, 0.5, 1);}#mpScreen[data-route="pages/messages/index"] .msg-tab-on .msg-tab-emoji{
  transform: translateY(-1px) scale(1.14);}#mpScreen[data-route="pages/messages/index"] .msg-tab-label{
  font-size: 11px;
  font-weight: 600;
  color: var(--mp-w68);
  margin-top: 2px;
  white-space: nowrap;
  transition: color 0.28s ease;}#mpScreen[data-route="pages/messages/index"] .msg-tab-on .msg-tab-label{
  color: var(--mp-inkOn);}#mpScreen[data-route="pages/messages/index"] .msg-tab-badge{
  position: absolute;
  top: 5px;
  right: 11px;
  min-width: 15px;
  height: 15px;
  padding: 0 4px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--mp-x151);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--mp-n100), transparent 8%);
  animation: pages-messages-index-msgBadgePop 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) both;}#mpScreen[data-route="pages/messages/index"] .msg-tab-badge-text{
  font-size: 9px;
  font-weight: 700;
  color: var(--mp-inkOn);}

/* ========== 互动消息 · 留言卡片 ========== */#mpScreen[data-route="pages/messages/index"] .msg-list{
  padding: 4px 0 16px 0;
  animation: pages-messages-index-msgListIn 0.4s cubic-bezier(0.22, 1, 0.36, 1) both;}#mpScreen[data-route="pages/messages/index"] .msg-card{
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin: 0 14px 10px 14px;
  padding: 13px 14px;
  border-radius: 18px;
  background: var(--mp-n100);
  border: 1px solid color-mix(in srgb, var(--mp-w42), transparent 95%);
  box-shadow: 0 4px 16px color-mix(in srgb, var(--mp-w42), transparent 93%);
  animation: pages-messages-index-msgCardIn 0.46s cubic-bezier(0.22, 1, 0.36, 1) both;
  transition: transform 0.22s ease, box-shadow 0.22s ease;}#mpScreen[data-route="pages/messages/index"] .msg-card:active{
  transform: scale(0.985);}#mpScreen[data-route="pages/messages/index"] .msg-card-in{ border-left: 4px solid var(--mp-x152);}#mpScreen[data-route="pages/messages/index"] .msg-card-out{ border-left: 4px solid var(--mp-bHi);}#mpScreen[data-route="pages/messages/index"] .msg-card-unread{
  background: linear-gradient(135deg, var(--mp-n100) 0%, var(--mp-w96) 100%);
  box-shadow: 0 6px 20px color-mix(in srgb, var(--mp-b2), transparent 86%);}#mpScreen[data-route="pages/messages/index"] .msg-card-avatar{
  width: 38px;
  height: 38px;
  border-radius: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 11px;
  flex-shrink: 0;}#mpScreen[data-route="pages/messages/index"] .msg-card-in .msg-card-avatar{ background: linear-gradient(135deg, var(--mp-x153), var(--mp-x154));}#mpScreen[data-route="pages/messages/index"] .msg-card-out .msg-card-avatar{ background: linear-gradient(135deg, var(--mp-w92), var(--mp-w84));}#mpScreen[data-route="pages/messages/index"] .msg-card-avatar-emoji{
  font-size: 19px;}#mpScreen[data-route="pages/messages/index"] .msg-card-main{
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;}#mpScreen[data-route="pages/messages/index"] .msg-card-top{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 6px;}#mpScreen[data-route="pages/messages/index"] .msg-card-tag{
  font-size: 10px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 9px;
  margin-right: 6px;}#mpScreen[data-route="pages/messages/index"] .msg-tag-in{ background: var(--mp-x155); color: var(--mp-x156);}#mpScreen[data-route="pages/messages/index"] .msg-tag-out{ background: var(--mp-w92); color: var(--mp-bRich);}#mpScreen[data-route="pages/messages/index"] .msg-card-dot{
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--mp-x157);
  margin-right: 6px;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mp-x157), transparent 84%);
  animation: pages-messages-index-msgDotPulse 1.6s ease-in-out infinite;}#mpScreen[data-route="pages/messages/index"] .msg-card-time{
  font-size: 11px;
  color: var(--mp-w68);
  margin-left: auto;}#mpScreen[data-route="pages/messages/index"] .msg-card-text{
  font-size: 14px;
  color: var(--mp-w20);
  line-height: 1.55;
  word-break: break-all;}#mpScreen[data-route="pages/messages/index"] .msg-card-reply{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-top: 8px;
  padding: 8px 10px;
  border-radius: 12px;
  background: var(--mp-n96);}#mpScreen[data-route="pages/messages/index"] .msg-card-reply-quote{
  font-size: 14px;
  color: var(--mp-w68);
  margin-right: 6px;
  line-height: 1.1;}#mpScreen[data-route="pages/messages/index"] .msg-card-reply-body{
  display: flex;
  flex-direction: column;
  min-width: 0;}#mpScreen[data-route="pages/messages/index"] .msg-card-reply-label{
  font-size: 10px;
  color: var(--mp-w68);
  margin-bottom: 2px;}#mpScreen[data-route="pages/messages/index"] .msg-card-reply-text{
  font-size: 12px;
  color: var(--mp-w42);
  line-height: 1.45;
  word-break: break-all;}#mpScreen[data-route="pages/messages/index"] .msg-card-status{
  margin-top: 6px;}#mpScreen[data-route="pages/messages/index"] .msg-card-status-pending{
  font-size: 11px;
  color: var(--mp-bDeep);}#mpScreen[data-route="pages/messages/index"] .msg-card-status-rejected{
  font-size: 11px;
  color: var(--mp-x158);}#mpScreen[data-route="pages/messages/index"] .msg-card-paw{
  position: absolute;
  right: -4px;
  bottom: -6px;
  font-size: 34px;
  opacity: 0.06;
  transform: rotate(-18deg);
  pointer-events: none;}#mpScreen[data-route="pages/messages/index"] .msg-list > :nth-child(1){ animation-delay: 0.02s;}#mpScreen[data-route="pages/messages/index"] .msg-list > :nth-child(2){ animation-delay: 0.06s;}#mpScreen[data-route="pages/messages/index"] .msg-list > :nth-child(3){ animation-delay: 0.10s;}#mpScreen[data-route="pages/messages/index"] .msg-list > :nth-child(4){ animation-delay: 0.14s;}#mpScreen[data-route="pages/messages/index"] .msg-list > :nth-child(5){ animation-delay: 0.18s;}#mpScreen[data-route="pages/messages/index"] .msg-list > :nth-child(6){ animation-delay: 0.22s;}#mpScreen[data-route="pages/messages/index"] .msg-list > :nth-child(7){ animation-delay: 0.26s;}#mpScreen[data-route="pages/messages/index"] .msg-list > :nth-child(8){ animation-delay: 0.30s;}#mpScreen[data-route="pages/messages/index"] .msg-list > :nth-child(n+9){ animation-delay: 0.34s;}

/* ========== 互动消息 · 空状态 ========== */#mpScreen[data-route="pages/messages/index"] .msg-empty{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 64px 24px;
  animation: pages-messages-index-msgListIn 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;}#mpScreen[data-route="pages/messages/index"] .msg-empty-emoji{
  font-size: 52px;
  margin-bottom: 12px;
  animation: pages-messages-index-msgEmptyBob 2.6s ease-in-out infinite;}#mpScreen[data-route="pages/messages/index"] .msg-empty-title{
  font-size: 14px;
  font-weight: 600;
  color: var(--mp-w42);}#mpScreen[data-route="pages/messages/index"] .msg-empty-hint{
  font-size: 12px;
  color: var(--mp-w68);
  margin-top: 6px;
  text-align: center;
  line-height: 1.6;}

/* ========== 动效关键帧 ========== */
@keyframes msgHeroIn {
  from { opacity: 0; transform: translateY(-14px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes pages-messages-index-msgListIn {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes pages-messages-index-msgCardIn {
  from { opacity: 0; transform: translateY(16px) scale(0.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes pages-messages-index-msgDotPulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.35); opacity: 0.6; }
}

@keyframes pages-messages-index-msgBadgePop {
  from { transform: scale(0); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

@keyframes msgFloat {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-7px) rotate(10deg); }
}

@keyframes msgBadgeFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

@keyframes pages-messages-index-msgEmptyBob {
  0%, 100% { transform: translateY(0) rotate(-3deg); }
  50% { transform: translateY(-8px) rotate(3deg); }
}#mpScreen[data-route="pages/messages/index"] .messages-scroll{
  flex: 1;
  min-height: 0;}

/* ========== 删除审核请求卡片 ========== */#mpScreen[data-route="pages/messages/index"] .audit-item{
  position: relative;
  overflow: hidden;
  background: var(--mp-n100);
  margin: 0 14px 10px 14px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid color-mix(in srgb, var(--mp-w42), transparent 95%);
  border-left: 4px solid var(--mp-x159);
  box-shadow: 0 4px 16px color-mix(in srgb, var(--mp-w42), transparent 93%);
  animation: pages-messages-index-msgCardIn 0.46s cubic-bezier(0.22, 1, 0.36, 1) both;}#mpScreen[data-route="pages/messages/index"] .audit-item-header{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;}#mpScreen[data-route="pages/messages/index"] .audit-item-icon{
  font-size: 16px;
  margin-right: 6px;}#mpScreen[data-route="pages/messages/index"] .audit-item-title{
  font-size: 14px;
  font-weight: 700;
  color: var(--mp-w20);
  flex: 1;}#mpScreen[data-route="pages/messages/index"] .audit-item-time{
  font-size: 11px;
  color: var(--mp-w68);}#mpScreen[data-route="pages/messages/index"] .audit-item-body{
  background: var(--mp-n96);
  padding: 10px 12px;
  border-radius: 12px;
  margin-bottom: 10px;}#mpScreen[data-route="pages/messages/index"] .audit-requester-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 8px;
  flex-wrap: wrap;}#mpScreen[data-route="pages/messages/index"] .audit-requester-name{
  font-size: 14px;
  font-weight: 600;
  color: var(--mp-bRich);
  margin-right: 4px;}#mpScreen[data-route="pages/messages/index"] .audit-requester-label{
  font-size: 13px;
  color: var(--mp-w42);
  margin-right: 4px;}#mpScreen[data-route="pages/messages/index"] .audit-requester-type{
  font-size: 12px;
  color: var(--mp-inkOn);
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-bHi));
  padding: 2px 9px;
  border-radius: 10px;}#mpScreen[data-route="pages/messages/index"] .audit-content-card{
  background: var(--mp-n100);
  border: 1px solid color-mix(in srgb, var(--mp-w42), transparent 92%);
  border-radius: 10px;
  padding: 10px 12px;
  margin-bottom: 8px;}#mpScreen[data-route="pages/messages/index"] .audit-content-text{
  font-size: 14px;
  color: var(--mp-w20);
  line-height: 1.5;
  word-break: break-all;
  font-style: italic;}#mpScreen[data-route="pages/messages/index"] .audit-hint-row{
  margin-top: 4px;}#mpScreen[data-route="pages/messages/index"] .audit-hint-text{
  font-size: 12px;
  color: var(--mp-w68);}#mpScreen[data-route="pages/messages/index"] .audit-item-actions{
  display: flex;
  flex-direction: row;
  justify-content: flex-end;}#mpScreen[data-route="pages/messages/index"] .audit-btn{
  padding: 8px 18px;
  border-radius: 20px;
  margin-left: 10px;
  transition: transform 0.18s ease, box-shadow 0.18s ease;}#mpScreen[data-route="pages/messages/index"] .audit-btn:active{
  transform: scale(0.94);}#mpScreen[data-route="pages/messages/index"] .audit-btn-reject{
  background: var(--mp-n96);
  border: 1px solid color-mix(in srgb, var(--mp-w42), transparent 88%);}#mpScreen[data-route="pages/messages/index"] .audit-btn-reject .audit-btn-text{
  color: var(--mp-w42);
  font-size: 13px;}#mpScreen[data-route="pages/messages/index"] .audit-btn-approve{
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-bHi));
  box-shadow: 0 4px 12px color-mix(in srgb, var(--mp-b2), transparent 68%);}#mpScreen[data-route="pages/messages/index"] .audit-btn-approve .audit-btn-text{
  color: var(--mp-inkOn);
  font-size: 13px;
  font-weight: 600;}

/* ========== 审核结果通知卡片（通过 / 未通过） ========== */#mpScreen[data-route="pages/messages/index"] .audit-result-item{
  background: var(--mp-n100);
  margin: 0 14px 10px 14px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid color-mix(in srgb, var(--mp-w42), transparent 95%);
  box-shadow: 0 4px 16px color-mix(in srgb, var(--mp-w42), transparent 93%);
  animation: pages-messages-index-msgCardIn 0.46s cubic-bezier(0.22, 1, 0.36, 1) both;}#mpScreen[data-route="pages/messages/index"] .audit-result-pass{
  border-left: 4px solid var(--mp-x160);
  background: linear-gradient(135deg, var(--mp-n100) 0%, var(--mp-n100) 100%);}#mpScreen[data-route="pages/messages/index"] .audit-result-fail{
  border-left: 4px solid var(--mp-x161);
  background: linear-gradient(135deg, var(--mp-n100) 0%, var(--mp-n100) 100%);}#mpScreen[data-route="pages/messages/index"] .audit-result-header{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;}#mpScreen[data-route="pages/messages/index"] .audit-result-emoji{
  font-size: 16px;
  margin-right: 6px;}#mpScreen[data-route="pages/messages/index"] .audit-result-badge{
  font-size: 11px;
  font-weight: 700;
  padding: 2px 9px;
  border-radius: 10px;
  border: 1px solid transparent;
  background: var(--mp-n100);
  margin-right: 6px;}#mpScreen[data-route="pages/messages/index"] .audit-result-type{
  font-size: 11px;
  color: var(--mp-w42);
  background: var(--mp-n96);
  padding: 2px 9px;
  border-radius: 10px;
  margin-right: 6px;}#mpScreen[data-route="pages/messages/index"] .audit-result-time{
  font-size: 11px;
  color: var(--mp-w68);
  margin-left: auto;}#mpScreen[data-route="pages/messages/index"] .audit-result-content-card{
  background: var(--mp-n96);
  border: 1px solid color-mix(in srgb, var(--mp-w42), transparent 94%);
  border-radius: 12px;
  padding: 10px 12px;}#mpScreen[data-route="pages/messages/index"] .audit-result-content{
  font-size: 14px;
  color: var(--mp-w20);
  line-height: 1.5;
  word-break: break-all;
  font-style: italic;}#mpScreen[data-route="pages/messages/index"] .audit-result-remark{
  margin-top: 8px;
  padding: 9px 12px;
  background: var(--mp-n100);
  border-radius: 12px;
  display: flex;
  flex-direction: column;}#mpScreen[data-route="pages/messages/index"] .audit-result-remark-label{
  font-size: 11px;
  color: var(--mp-x158);
  font-weight: 700;
  margin-bottom: 4px;}#mpScreen[data-route="pages/messages/index"] .audit-result-remark-text{
  font-size: 13px;
  color: var(--mp-w42);
  line-height: 1.5;
  word-break: break-all;}
/* ========== 底部导航 ========== */#mpScreen[data-route="pages/messages/index"] .bottom-nav{
  display: flex;
  background-color: color-mix(in srgb, var(--mp-n100), transparent 8%);
  border-top: 0.5px solid color-mix(in srgb, var(--mp-n00), transparent 95%);
  padding: 8px 0;
  padding-bottom: env(safe-area-inset-bottom);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  flex-shrink: 0;}#mpScreen[data-route="pages/messages/index"] .nav-item{
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 6px 0;
  border-radius: 16px;
  margin: 0 4px;}#mpScreen[data-route="pages/messages/index"] .nav-item.active{
  background-color: color-mix(in srgb, var(--mp-n00), transparent 97%);
  transition: background-color 0.2s ease;}#mpScreen[data-route="pages/messages/index"] .nav-icon{
  font-size: 26px;
  margin-bottom: 2px;
  line-height: 1;}#mpScreen[data-route="pages/messages/index"] .nav-label{
  font-size: 11px;
  font-weight: 600;
  color: var(--mp-n60);
  letter-spacing: -0.01em;
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;}#mpScreen[data-route="pages/messages/index"] .nav-item.active .nav-label{
  color: var(--mp-ink1);}

/* ========== 🐾 审核删除二次确认弹窗 ========== */#mpScreen[data-route="pages/messages/index"] .audit-confirm-mask{
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: color-mix(in srgb, var(--mp-n08), transparent 58%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
  padding: 0 32px;}#mpScreen[data-route="pages/messages/index"] .audit-confirm-card{
  width: 100%;
  max-width: 300px;
  background: color-mix(in srgb, var(--mp-n100), transparent 4%);
  border-radius: 24px;
  padding: 22px 20px 18px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 18px 44px color-mix(in srgb, var(--mp-n00), transparent 78%), 0 2px 8px color-mix(in srgb, var(--mp-b2), transparent 86%);
  animation: mpAuditPop 0.26s cubic-bezier(0.34, 1.56, 0.64, 1);}#mpScreen[data-route="pages/messages/index"] .audit-confirm-emoji-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;}#mpScreen[data-route="pages/messages/index"] .audit-confirm-emoji{
  font-size: 40px;
  line-height: 1.1;
  animation: mpAuditWiggle 1.6s ease-in-out infinite;}#mpScreen[data-route="pages/messages/index"] .audit-confirm-spark{
  font-size: 16px;
  opacity: 0.85;}#mpScreen[data-route="pages/messages/index"] .audit-confirm-spark-left{
  margin-right: 10px;
  animation: mpAuditTwinkle 1.4s ease-in-out infinite;}#mpScreen[data-route="pages/messages/index"] .audit-confirm-spark-right{
  margin-left: 10px;
  animation: mpAuditTwinkle 1.4s ease-in-out 0.5s infinite;}#mpScreen[data-route="pages/messages/index"] .audit-confirm-title{
  font-size: 17px;
  font-weight: 700;
  color: var(--mp-ink1);
  letter-spacing: -0.02em;
  text-align: center;
  margin-bottom: 6px;}#mpScreen[data-route="pages/messages/index"] .audit-confirm-desc{
  font-size: 13px;
  color: var(--mp-n38);
  line-height: 1.6;
  text-align: center;
  margin-bottom: 12px;}#mpScreen[data-route="pages/messages/index"] .audit-confirm-quote{
  width: 100%;
  background: linear-gradient(135deg, color-mix(in srgb, var(--mp-b2), transparent 88%), color-mix(in srgb, var(--mp-cMid), transparent 82%));
  border: 1px solid color-mix(in srgb, var(--mp-b2), transparent 76%);
  border-radius: 16px;
  padding: 10px 12px;
  margin-bottom: 16px;}#mpScreen[data-route="pages/messages/index"] .audit-confirm-quote-text{
  font-size: 12px;
  color: var(--mp-cDeep);
  line-height: 1.55;
  word-break: break-all;
  display: block;
  max-height: 62px;
  overflow: hidden;}#mpScreen[data-route="pages/messages/index"] .audit-confirm-actions{
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;}#mpScreen[data-route="pages/messages/index"] .audit-confirm-btn{
  flex: 1;
  height: 42px;
  border-radius: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.15s ease, opacity 0.15s ease;}#mpScreen[data-route="pages/messages/index"] .audit-confirm-btn:active{
  transform: scale(0.96);
  opacity: 0.88;}#mpScreen[data-route="pages/messages/index"] .audit-confirm-cancel{
  background: var(--mp-n96);
  margin-right: 10px;}#mpScreen[data-route="pages/messages/index"] .audit-confirm-cancel .audit-confirm-btn-text{
  color: var(--mp-n38);}#mpScreen[data-route="pages/messages/index"] .audit-confirm-approve{
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-b1));
  box-shadow: 0 6px 16px color-mix(in srgb, var(--mp-b1), transparent 68%);}#mpScreen[data-route="pages/messages/index"] .audit-confirm-reject{
  background: linear-gradient(135deg, var(--mp-x277), var(--mp-x278));
  box-shadow: 0 6px 16px color-mix(in srgb, var(--mp-x278), transparent 72%);}#mpScreen[data-route="pages/messages/index"] .audit-confirm-approve .audit-confirm-btn-text,
#mpScreen[data-route="pages/messages/index"] .audit-confirm-reject .audit-confirm-btn-text{
  color: var(--mp-inkOn);}#mpScreen[data-route="pages/messages/index"] .audit-confirm-btn-text{
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.01em;}

@keyframes mpAuditPop {
  0% { transform: scale(0.82); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

@keyframes mpAuditWiggle {
  0%, 100% { transform: rotate(-6deg) scale(1); }
  50% { transform: rotate(6deg) scale(1.08); }
}

@keyframes mpAuditTwinkle {
  0%, 100% { opacity: 0.35; transform: scale(0.9); }
  50% { opacity: 1; transform: scale(1.15); }
}


/* ===== pages/post/post ===== */
/* 发布页面样式 */#mpScreen[data-route="pages/post/post"] .post-container{
  padding: 16px;
  background: linear-gradient(180deg, var(--mp-bgA) 0%, var(--mp-bgB) 100%);
  min-height: calc(100 * var(--mpvh));
  box-sizing: border-box;}#mpScreen[data-route="pages/post/post"] .post-section{
  background: var(--mp-n100);
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 12px;}#mpScreen[data-route="pages/post/post"] .post-label{
  font-size: 14px;
  color: var(--mp-n60);
  margin-bottom: 12px;
  display: block;}

/* 宠物类型选择 */#mpScreen[data-route="pages/post/post"] .pet-type-row{
  display: flex;
  flex-direction: row;
  gap: 12px;}#mpScreen[data-route="pages/post/post"] .pet-type-item{
  flex: 1;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--mp-n96);
  border-radius: 8px;
  font-size: 15px;
  color: var(--mp-n38);
  border: 1px solid var(--mp-line1);}#mpScreen[data-route="pages/post/post"] .pet-type-active{
  background-color: var(--mp-x279);
  color: var(--mp-bDeep);
  border-color: var(--mp-w84);}

/* 品种选择行 */#mpScreen[data-route="pages/post/post"] .breed-select-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: 1px solid var(--mp-line1);}#mpScreen[data-route="pages/post/post"] .breed-text{
  font-size: 15px;
  color: var(--mp-ink2);
  flex: 1;}#mpScreen[data-route="pages/post/post"] .breed-placeholder{
  color: var(--mp-n85);}#mpScreen[data-route="pages/post/post"] .breed-arrow{
  font-size: 20px;
  color: var(--mp-n85);
  margin-left: 8px;}#mpScreen[data-route="pages/post/post"] .address-select-btn{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: calc(80 * var(--mprpx));
  background-color: var(--mp-n100);
  border-radius: calc(20 * var(--mprpx));
  border: calc(1.5 * var(--mprpx)) solid var(--mp-line2);
  padding: 0 calc(24 * var(--mprpx));
  box-sizing: border-box;
  transition: border-color 0.2s;}#mpScreen[data-route="pages/post/post"] .address-select-btn:active{
  border-color: var(--mp-b1);
  background-color: var(--mp-w96);}#mpScreen[data-route="pages/post/post"] .address-select-text{
  font-size: calc(28 * var(--mprpx));
  color: var(--mp-ink2);
  line-height: 1.4;
  flex: 1;
  margin-right: calc(12 * var(--mprpx));}#mpScreen[data-route="pages/post/post"] .address-select-placeholder{
  font-size: calc(28 * var(--mprpx));
  color: var(--mp-n76);
  line-height: 1.4;
  flex: 1;
  margin-right: calc(12 * var(--mprpx));}#mpScreen[data-route="pages/post/post"] .address-select-arrow{
  font-size: calc(24 * var(--mprpx));
  color: var(--mp-n60);
  line-height: 1;}

/* 品种选择弹窗 */#mpScreen[data-route="pages/post/post"] .breed-picker-mask{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 50%);
  z-index: 999;
  display: flex;
  flex-direction: column;}#mpScreen[data-route="pages/post/post"] .breed-picker-top-space{
  flex: 1;}#mpScreen[data-route="pages/post/post"] .breed-picker-panel{
  width: 100%;
  background-color: var(--mp-n100);
  border-radius: 16px 16px 0 0;
  max-height: calc(70 * var(--mpvh));
  padding-bottom: 0;}#mpScreen[data-route="pages/post/post"] .breed-picker-header{
  height: 48px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  border-bottom: 1px solid var(--mp-line1);}#mpScreen[data-route="pages/post/post"] .breed-picker-cancel{
  font-size: 16px;
  color: var(--mp-bDeep);}#mpScreen[data-route="pages/post/post"] .breed-picker-title{
  font-size: 16px;
  font-weight: 500;
  color: var(--mp-ink2);}#mpScreen[data-route="pages/post/post"] .breed-search-input-wrap{
  padding: 12px 16px;
  background-color: var(--mp-n100);
  border-bottom: 1px solid var(--mp-line1);}#mpScreen[data-route="pages/post/post"] .breed-search-input{
  width: 100%;
  height: 36px;
  background-color: var(--mp-n96);
  border-radius: 8px;
  padding: 0 12px;
  font-size: 14px;
  box-sizing: border-box;}#mpScreen[data-route="pages/post/post"] .breed-picker-list{
  height: calc(calc(70 * var(--mpvh)) - 108px);
  box-sizing: border-box;}#mpScreen[data-route="pages/post/post"] .breed-item{
  height: 48px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  border-bottom: 1px solid var(--mp-line1);}#mpScreen[data-route="pages/post/post"] .breed-item-text{
  font-size: 15px;
  color: var(--mp-ink2);
  flex: 1;}#mpScreen[data-route="pages/post/post"] .breed-item-active{
  background-color: var(--mp-x279);}#mpScreen[data-route="pages/post/post"] .breed-item-active .breed-item-text{
  color: var(--mp-bDeep);
  font-weight: 500;}

/* 草稿选择弹窗 */#mpScreen[data-route="pages/post/post"] .draft-picker-mask{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 50%);
  z-index: 999;
  display: flex;
  flex-direction: column;}#mpScreen[data-route="pages/post/post"] .draft-picker-top-space{
  flex: 1;}#mpScreen[data-route="pages/post/post"] .draft-picker-panel{
  width: 100%;
  background-color: var(--mp-n100);
  border-radius: 16px 16px 0 0;
  max-height: calc(70 * var(--mpvh));
  padding-bottom: env(safe-area-inset-bottom);}#mpScreen[data-route="pages/post/post"] .draft-picker-header{
  height: 48px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  border-bottom: 1px solid var(--mp-line1);}#mpScreen[data-route="pages/post/post"] .draft-picker-cancel{
  font-size: 16px;
  color: var(--mp-bDeep);}#mpScreen[data-route="pages/post/post"] .draft-picker-title{
  font-size: 16px;
  font-weight: 500;
  color: var(--mp-ink2);}#mpScreen[data-route="pages/post/post"] .draft-picker-list{
  height: calc(calc(70 * var(--mpvh)) - 48px);
  box-sizing: border-box;}#mpScreen[data-route="pages/post/post"] .draft-empty-tip{
  padding: 60px 0;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/post/post"] .draft-empty-text{
  font-size: 14px;
  color: var(--mp-n85);}#mpScreen[data-route="pages/post/post"] .draft-item{
  padding: 16px;
  border-bottom: 1px solid var(--mp-line1);
  background-color: var(--mp-n100);}#mpScreen[data-route="pages/post/post"] .draft-item:active{
  background-color: var(--mp-x279);}#mpScreen[data-route="pages/post/post"] .draft-item-header{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;}#mpScreen[data-route="pages/post/post"] .draft-pet-type{
  font-size: 15px;
  font-weight: 500;
  color: var(--mp-bDeep);}#mpScreen[data-route="pages/post/post"] .draft-create-time{
  font-size: 12px;
  color: var(--mp-n60);}#mpScreen[data-route="pages/post/post"] .draft-item-info{
  margin-top: 4px;}#mpScreen[data-route="pages/post/post"] .draft-info-text{
  font-size: 14px;
  color: var(--mp-n38);
  line-height: 20px;}

/* ========== 四级联动地址选择器弹窗（100% 同步领养登记页面） ========== */#mpScreen[data-route="pages/post/post"] .address-picker-overlay{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: color-mix(in srgb, var(--mp-n00), transparent 45%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1100;}#mpScreen[data-route="pages/post/post"] .address-picker-mask{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;}#mpScreen[data-route="pages/post/post"] .address-picker-panel{
  width: calc(86 * var(--mpvw));
  max-width: calc(680 * var(--mprpx));
  max-height: calc(80 * var(--mpvh));
  background: var(--mp-n100);
  border-radius: calc(36 * var(--mprpx));
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  box-shadow: 0 calc(20 * var(--mprpx)) calc(60 * var(--mprpx)) color-mix(in srgb, var(--mp-n00), transparent 80%);}#mpScreen[data-route="pages/post/post"] .address-picker-header{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: calc(28 * var(--mprpx)) calc(32 * var(--mprpx)) calc(20 * var(--mprpx));
  border-bottom: calc(1 * var(--mprpx)) solid var(--mp-line1);
  box-sizing: border-box;}#mpScreen[data-route="pages/post/post"] .address-picker-header-left{
  display: flex;
  flex-direction: row;
  align-items: center;}#mpScreen[data-route="pages/post/post"] .address-picker-back-btn{
  width: calc(56 * var(--mprpx));
  height: calc(56 * var(--mprpx));
  border-radius: calc(28 * var(--mprpx));
  background-color: var(--mp-n96);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: calc(16 * var(--mprpx));}#mpScreen[data-route="pages/post/post"] .address-picker-back-btn text{
  font-size: calc(28 * var(--mprpx));
  color: var(--mp-ink2);
  line-height: 1;}#mpScreen[data-route="pages/post/post"] .address-picker-title{
  font-size: calc(32 * var(--mprpx));
  font-weight: 700;
  color: var(--mp-ink1);
  line-height: 1.4;}#mpScreen[data-route="pages/post/post"] .address-picker-step-indicator{
  font-size: calc(24 * var(--mprpx));
  color: var(--mp-b1);
  font-weight: 600;
  margin-left: calc(12 * var(--mprpx));
  line-height: 1.4;}#mpScreen[data-route="pages/post/post"] .address-picker-close{
  width: calc(56 * var(--mprpx));
  height: calc(56 * var(--mprpx));
  border-radius: calc(28 * var(--mprpx));
  background-color: var(--mp-n96);
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/post/post"] .address-picker-close text{
  font-size: calc(28 * var(--mprpx));
  color: var(--mp-n60);
  line-height: 1;}#mpScreen[data-route="pages/post/post"] .address-picker-body{
  flex: 1;
  overflow-y: auto;
  padding: calc(8 * var(--mprpx)) 0;}#mpScreen[data-route="pages/post/post"] .address-picker-item{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: calc(24 * var(--mprpx)) calc(32 * var(--mprpx));
  border-bottom: calc(1 * var(--mprpx)) solid var(--mp-line1);
  box-sizing: border-box;
  transition: background-color 0.15s;}#mpScreen[data-route="pages/post/post"] .address-picker-item:active{
  background-color: var(--mp-w96);}#mpScreen[data-route="pages/post/post"] .address-picker-item-text{
  font-size: calc(28 * var(--mprpx));
  color: var(--mp-ink2);
  line-height: 1.4;
  flex: 1;}#mpScreen[data-route="pages/post/post"] .address-picker-current{
  padding: calc(16 * var(--mprpx)) calc(32 * var(--mprpx));
  background-color: var(--mp-n100);
  border-bottom: calc(1 * var(--mprpx)) solid var(--mp-w92);
  box-sizing: border-box;}#mpScreen[data-route="pages/post/post"] .address-picker-current-text{
  font-size: calc(24 * var(--mprpx));
  color: var(--mp-cDeep);
  line-height: 1.5;}#mpScreen[data-route="pages/post/post"] .current-highlight{
  color: var(--mp-b1);
  font-weight: 600;}


/* ===== pages/audit/audit ===== */
/* =================================================================== */
/* 🛡️ 内容审核管理后台（手机 / PC 自适应，保持 emoji 趣味）            */
/* 全部使用 px，避免 rpx 随外框宽度变化导致 PC 端字号失控              */
/* =================================================================== */#mpScreen[data-route="pages/audit/audit"] .audit-page{
  min-height: 100%;
  box-sizing: border-box;
  padding-bottom: 28px;
  background: linear-gradient(180deg, var(--mp-bgA) 0%, var(--mp-bgB) 100%);
  display: flex;
  flex-direction: column;}

/* ---------------- 顶部工作台头 ---------------- */#mpScreen[data-route="pages/audit/audit"] .audit-hero{
  position: relative;
  padding: 22px 18px 20px;
  background: linear-gradient(135deg, var(--mp-admDeep2) 0%, var(--mp-admMid2) 45%, var(--mp-admLite1) 100%);
  border-radius: 0 0 28px 28px;
  overflow: hidden;
  box-shadow: 0 10px 28px color-mix(in srgb, var(--mp-admGlow), transparent 72%);}#mpScreen[data-route="pages/audit/audit"] .audit-hero-paw{
  position: absolute;
  font-size: 26px;
  opacity: 0.16;
  line-height: 1;
  animation: auditPawFloat 4s ease-in-out infinite;}#mpScreen[data-route="pages/audit/audit"] .audit-hero-paw-1{ top: 14px; right: 26px;}#mpScreen[data-route="pages/audit/audit"] .audit-hero-paw-2{ top: 64px; right: 74px; animation-delay: 1.2s;}#mpScreen[data-route="pages/audit/audit"] .audit-hero-paw-3{ bottom: 16px; left: 22px; animation-delay: 2.1s;}

@keyframes auditPawFloat {
  0%, 100% { transform: translateY(0) rotate(-10deg); }
  50% { transform: translateY(-7px) rotate(10deg); }
}#mpScreen[data-route="pages/audit/audit"] .audit-hero-title-row{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  z-index: 1;}#mpScreen[data-route="pages/audit/audit"] .audit-hero-shield{
  font-size: 26px;
  line-height: 1;
  animation: auditShieldBob 2.6s ease-in-out infinite;
  filter: drop-shadow(0 2px 6px color-mix(in srgb, var(--mp-n00), transparent 65%));}

@keyframes auditShieldBob {
  0%, 100% { transform: translateY(0) rotate(-6deg); }
  50% { transform: translateY(-4px) rotate(6deg); }
}#mpScreen[data-route="pages/audit/audit"] .audit-hero-title{
  font-size: 21px;
  font-weight: 800;
  color: var(--mp-inkOn);
  letter-spacing: 0.01em;
  line-height: 1.2;}#mpScreen[data-route="pages/audit/audit"] .audit-hero-sub{
  display: block;
  margin-top: 6px;
  text-align: center;
  font-size: 12px;
  color: color-mix(in srgb, var(--mp-inkOn), transparent 32%);
  font-weight: 500;
  position: relative;
  z-index: 1;}#mpScreen[data-route="pages/audit/audit"] .audit-hero-admin-row{
  margin-top: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  position: relative;
  z-index: 1;}#mpScreen[data-route="pages/audit/audit"] .audit-admin-chip{
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--mp-n100), transparent 84%);
  border: 1px solid color-mix(in srgb, var(--mp-line4), transparent 78%);}#mpScreen[data-route="pages/audit/audit"] .audit-admin-chip-emoji{ font-size: 14px; line-height: 1;}#mpScreen[data-route="pages/audit/audit"] .audit-admin-chip-name{
  font-size: 12.5px;
  font-weight: 700;
  color: var(--mp-inkOn);}#mpScreen[data-route="pages/audit/audit"] .audit-admin-chip-level{
  font-size: 11px;
  font-weight: 600;
  color: var(--mp-cPale);}#mpScreen[data-route="pages/audit/audit"] .audit-admin-id{
  padding: 5px 11px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--mp-n100), transparent 90%);
  border: 1px dashed color-mix(in srgb, var(--mp-line4), transparent 66%);
  transition: transform 0.16s ease;}#mpScreen[data-route="pages/audit/audit"] .audit-admin-id:active{ transform: scale(0.94);}#mpScreen[data-route="pages/audit/audit"] .audit-admin-id-text{
  font-size: 11px;
  font-weight: 700;
  color: color-mix(in srgb, var(--mp-inkOn), transparent 10%);
  letter-spacing: 0.04em;}#mpScreen[data-route="pages/audit/audit"] .audit-stat-row{
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  position: relative;
  z-index: 1;}#mpScreen[data-route="pages/audit/audit"] .audit-stat-card{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 10px 4px 8px;
  border-radius: 16px;
  background: color-mix(in srgb, var(--mp-n100), transparent 85%);
  border: 1px solid color-mix(in srgb, var(--mp-line4), transparent 82%);}#mpScreen[data-route="pages/audit/audit"] .audit-stat-emoji{ font-size: 15px; line-height: 1;}#mpScreen[data-route="pages/audit/audit"] .audit-stat-num{
  font-size: 19px;
  font-weight: 800;
  color: var(--mp-inkOn);
  line-height: 1.15;}#mpScreen[data-route="pages/audit/audit"] .audit-stat-label{
  font-size: 10px;
  font-weight: 600;
  color: color-mix(in srgb, var(--mp-inkOn), transparent 34%);
  letter-spacing: 0.03em;}#mpScreen[data-route="pages/audit/audit"] .audit-stat-orange{ background: linear-gradient(150deg, color-mix(in srgb, var(--mp-b2), transparent 58%), color-mix(in srgb, var(--mp-b1), transparent 76%));}#mpScreen[data-route="pages/audit/audit"] .audit-stat-blue{ background: linear-gradient(150deg, color-mix(in srgb, var(--mp-x10), transparent 60%), color-mix(in srgb, var(--mp-x280), transparent 76%));}#mpScreen[data-route="pages/audit/audit"] .audit-stat-amber{ background: linear-gradient(150deg, color-mix(in srgb, var(--mp-x281), transparent 58%), color-mix(in srgb, var(--mp-x282), transparent 76%));}#mpScreen[data-route="pages/audit/audit"] .audit-stat-purple{ background: linear-gradient(150deg, color-mix(in srgb, var(--mp-x283), transparent 56%), color-mix(in srgb, var(--mp-x284), transparent 74%));}

/* ---------------- Tab 栏 ---------------- */#mpScreen[data-route="pages/audit/audit"] .audit-tabs{
  position: sticky;
  top: 8px;
  z-index: 30;
  display: flex;
  gap: 0;
  margin: -16px 14px 0;
  padding: 5px;
  border-radius: 20px;
  background: color-mix(in srgb, var(--mp-n100), transparent 8%);
  border: 1px solid color-mix(in srgb, var(--mp-b2), transparent 84%);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--mp-cDeep), transparent 86%);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  overflow: hidden;}#mpScreen[data-route="pages/audit/audit"] .audit-tabs-glow{
  position: absolute;
  top: 0;
  bottom: 0;
  left: -45%;
  width: 45%;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--mp-bHi), transparent 78%), transparent);
  pointer-events: none;
  animation: auditGlowSweep 7.5s cubic-bezier(0.45, 0, 0.55, 1) infinite;
  z-index: 0;}

@keyframes auditGlowSweep {
  0%, 62% { transform: translateX(0); }
  100% { transform: translateX(322%); }
}#mpScreen[data-route="pages/audit/audit"] .audit-tab-thumb{
  position: absolute;
  top: 5px;
  left: 5px;
  bottom: 5px;
  width: calc((100% - 10px) / 5);
  border-radius: 15px;
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-b1));
  box-shadow: 0 4px 14px color-mix(in srgb, var(--mp-b1), transparent 64%), inset 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 55%);
  transform: translateX(0);
  transition: transform 0.46s cubic-bezier(0.34, 1.48, 0.5, 1);
  will-change: transform;
  pointer-events: none;
  z-index: 1;}#mpScreen[data-route="pages/audit/audit"] .tab-pos-1 .audit-tab-thumb{ transform: translateX(100%);}#mpScreen[data-route="pages/audit/audit"] .tab-pos-2 .audit-tab-thumb{ transform: translateX(200%);}#mpScreen[data-route="pages/audit/audit"] .tab-pos-3 .audit-tab-thumb{ transform: translateX(300%);}#mpScreen[data-route="pages/audit/audit"] .tab-pos-4 .audit-tab-thumb{ transform: translateX(400%);}#mpScreen[data-route="pages/audit/audit"] .audit-tab-spark{
  position: absolute;
  top: 2px;
  right: 5px;
  font-size: 9px;
  line-height: 1;
  opacity: 0.9;
  animation: auditSparkTwinkle 2.6s ease-in-out infinite;}

@keyframes auditSparkTwinkle {
  0%, 100% { transform: scale(0.7) rotate(-12deg); opacity: 0.55; }
  50% { transform: scale(1.1) rotate(10deg); opacity: 1; }
}#mpScreen[data-route="pages/audit/audit"] .audit-tab{
  flex: 1;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 8px 4px 7px;
  border-radius: 15px;
  min-width: 0;
  transition: transform 0.26s cubic-bezier(0.34, 1.48, 0.5, 1);}#mpScreen[data-route="pages/audit/audit"] .audit-tab:active{ transform: scale(0.92);}#mpScreen[data-route="pages/audit/audit"] .audit-tab-emoji{
  font-size: 16px;
  line-height: 1;
  filter: grayscale(0.28) opacity(0.78);
  transition: filter 0.24s ease;}#mpScreen[data-route="pages/audit/audit"] .audit-tab-text{
  font-size: 12px;
  font-weight: 700;
  color: var(--mp-n60);
  letter-spacing: 0.01em;
  transition: color 0.24s ease;}#mpScreen[data-route="pages/audit/audit"] .audit-tab-active .audit-tab-emoji{
  filter: none;
  animation: auditTabIconPop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);}#mpScreen[data-route="pages/audit/audit"] .audit-tab-active .audit-tab-text{
  color: var(--mp-inkOn);
  text-shadow: 0 1px 3px color-mix(in srgb, var(--mp-bDark), transparent 65%);}

@keyframes auditTabIconPop {
  0% { transform: translateY(0) scale(1); }
  32% { transform: translateY(-4px) scale(1.22); }
  62% { transform: translateY(1px) scale(0.95); }
  100% { transform: translateY(0) scale(1); }
}

/* ---------------- 面板与卡片 ---------------- */#mpScreen[data-route="pages/audit/audit"] .audit-panel{
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 14px;}#mpScreen[data-route="pages/audit/audit"] .audit-card{
  background: var(--mp-n100);
  border-radius: 22px;
  padding: 16px;
  border: 1px solid color-mix(in srgb, var(--mp-n00), transparent 95.5%);
  box-shadow: 0 3px 14px color-mix(in srgb, var(--mp-cDeep), transparent 92%);}#mpScreen[data-route="pages/audit/audit"] .audit-card-title-row{
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 12px;}#mpScreen[data-route="pages/audit/audit"] .audit-card-title-emoji{ font-size: 16px; line-height: 1;}#mpScreen[data-route="pages/audit/audit"] .audit-card-title{
  font-size: 15px;
  font-weight: 800;
  color: var(--mp-ink2);
  letter-spacing: -0.01em;}

/* ---------------- 筛选区 ---------------- */#mpScreen[data-route="pages/audit/audit"] .audit-filter-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;}#mpScreen[data-route="pages/audit/audit"] .audit-field-wide{ grid-column: 1 / -1;}#mpScreen[data-route="pages/audit/audit"] .audit-field{
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;}#mpScreen[data-route="pages/audit/audit"] .audit-field-label{
  font-size: 11px;
  font-weight: 700;
  color: var(--mp-cDeep);
  letter-spacing: 0.02em;}#mpScreen[data-route="pages/audit/audit"] .audit-input{
  width: 100%;
  box-sizing: border-box;
  height: 38px;
  padding: 0 12px;
  border-radius: 13px;
  border: 1.5px solid color-mix(in srgb, var(--mp-b2), transparent 76%);
  background: linear-gradient(135deg, var(--mp-n100), var(--mp-w96));
  font-size: 13px;
  font-weight: 600;
  color: var(--mp-ink2);
  outline: none;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;}#mpScreen[data-route="pages/audit/audit"] .audit-input:focus{
  border-color: var(--mp-b2);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mp-b2), transparent 86%);}#mpScreen[data-route="pages/audit/audit"] .audit-picker-text{
  height: 38px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  border-radius: 13px;
  border: 1.5px solid color-mix(in srgb, var(--mp-admLite1), transparent 78%);
  background: linear-gradient(135deg, var(--mp-n100), var(--mp-x285));
  font-size: 13px;
  font-weight: 600;
  color: var(--mp-admMid1);
  box-sizing: border-box;}

/* 日期筛选：暖橘虚线胶囊，选过之后实线描边 + 底色变深，一眼看出哪天定了 */#mpScreen[data-route="pages/audit/audit"] .audit-date{
  height: 38px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 11px;
  border-radius: 13px;
  border: 1.5px dashed color-mix(in srgb, var(--mp-b1), transparent 64%);
  background: linear-gradient(135deg, var(--mp-n100), var(--mp-w92));
  font-size: 13px;
  font-weight: 700;
  color: var(--mp-cDeep);
  box-sizing: border-box;
  cursor: pointer;
  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease, transform 0.18s cubic-bezier(0.34, 1.56, 0.64, 1);}#mpScreen[data-route="pages/audit/audit"] .audit-date:active{ transform: scale(0.97);}#mpScreen[data-route="pages/audit/audit"] .audit-date-ico{ font-size: 14px; line-height: 1; flex: none;}#mpScreen[data-route="pages/audit/audit"] .audit-date-txt{
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;}#mpScreen[data-route="pages/audit/audit"] .audit-date-filled{
  border-style: solid;
  border-color: color-mix(in srgb, var(--mp-b1), transparent 54%);
  background: linear-gradient(135deg, var(--mp-w92), var(--mp-w84));
  color: var(--mp-cDeep);
  box-shadow: 0 3px 10px color-mix(in srgb, var(--mp-b1), transparent 82%);}#mpScreen[data-route="pages/audit/audit"] .audit-code-row{
  display: flex;
  align-items: center;
  gap: 6px;}#mpScreen[data-route="pages/audit/audit"] .audit-code-row .audit-input{ flex: 1; min-width: 0; letter-spacing: 0.16em;}#mpScreen[data-route="pages/audit/audit"] .audit-dice-btn{
  width: 38px;
  height: 38px;
  flex-shrink: 0;
  border-radius: 13px;
  background: linear-gradient(135deg, var(--mp-w92), var(--mp-w84));
  border: 1.5px solid color-mix(in srgb, var(--mp-b2), transparent 70%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.16s ease;}#mpScreen[data-route="pages/audit/audit"] .audit-dice-btn:active{ transform: scale(0.9) rotate(-12deg);}#mpScreen[data-route="pages/audit/audit"] .audit-dice-btn-text{ font-size: 16px; line-height: 1;}#mpScreen[data-route="pages/audit/audit"] .audit-filter-actions{
  margin-top: 14px;
  display: flex;
  gap: 10px;}#mpScreen[data-route="pages/audit/audit"] .audit-btn{
  flex: 1;
  height: 42px;
  border-radius: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.16s cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 0.16s ease;}#mpScreen[data-route="pages/audit/audit"] .audit-btn:active{ transform: scale(0.96);}#mpScreen[data-route="pages/audit/audit"] .audit-btn-primary{
  background: linear-gradient(135deg, var(--mp-b2), var(--mp-b1));
  box-shadow: 0 5px 16px color-mix(in srgb, var(--mp-b1), transparent 66%);}#mpScreen[data-route="pages/audit/audit"] .audit-btn-danger{
  background: linear-gradient(135deg, var(--mp-x286), var(--mp-x100));
  box-shadow: 0 5px 16px color-mix(in srgb, var(--mp-x100), transparent 68%);}#mpScreen[data-route="pages/audit/audit"] .audit-btn-ghost{
  background: var(--mp-n100);
  border: 1.5px solid color-mix(in srgb, var(--mp-n00), transparent 90%);}#mpScreen[data-route="pages/audit/audit"] .audit-btn-disabled{
  background: linear-gradient(135deg, var(--mp-n91), var(--mp-n85));
  box-shadow: none;}#mpScreen[data-route="pages/audit/audit"] .audit-btn-text{
  font-size: 13.5px;
  font-weight: 700;
  color: var(--mp-inkOn);
  letter-spacing: 0.02em;}#mpScreen[data-route="pages/audit/audit"] .audit-btn-ghost .audit-btn-text{ color: var(--mp-n38);}#mpScreen[data-route="pages/audit/audit"] .audit-btn-disabled .audit-btn-text{ color: var(--mp-w68);}#mpScreen[data-route="pages/audit/audit"] .audit-form-error{
  margin-top: 10px;
  padding: 8px 12px;
  border-radius: 12px;
  background: var(--mp-x172);
  border: 1px solid color-mix(in srgb, var(--mp-x05), transparent 76%);
  display: flex;
  justify-content: center;}#mpScreen[data-route="pages/audit/audit"] .audit-form-error-text{
  font-size: 12px;
  font-weight: 600;
  color: var(--mp-x05);
  text-align: center;
  line-height: 1.45;}

/* ---------------- 列表 ---------------- */#mpScreen[data-route="pages/audit/audit"] .audit-list-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 4px;}#mpScreen[data-route="pages/audit/audit"] .audit-list-head-text{
  font-size: 12.5px;
  font-weight: 700;
  color: var(--mp-w42);}#mpScreen[data-route="pages/audit/audit"] .audit-list-head-hint{
  font-size: 11.5px;
  color: var(--mp-cDeep);
  font-weight: 600;}#mpScreen[data-route="pages/audit/audit"] .audit-list{
  display: flex;
  flex-direction: column;
  gap: 12px;}#mpScreen[data-route="pages/audit/audit"] .audit-empty{
  padding: 44px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  background: color-mix(in srgb, var(--mp-n100), transparent 30%);
  border: 1.5px dashed color-mix(in srgb, var(--mp-b2), transparent 70%);
  border-radius: 22px;}#mpScreen[data-route="pages/audit/audit"] .audit-empty-emoji{ font-size: 34px; line-height: 1; opacity: 0.7;}#mpScreen[data-route="pages/audit/audit"] .audit-empty-text{
  font-size: 13px;
  color: var(--mp-cDeep);
  font-weight: 600;}#mpScreen[data-route="pages/audit/audit"] .audit-item-card{
  background: var(--mp-n100);
  border-radius: 22px;
  padding: 14px;
  border: 1px solid color-mix(in srgb, var(--mp-n00), transparent 95.5%);
  box-shadow: 0 3px 14px color-mix(in srgb, var(--mp-cDeep), transparent 92%);
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: transform 0.18s ease, box-shadow 0.18s ease;}#mpScreen[data-route="pages/audit/audit"] .audit-item-card:active{ transform: scale(0.99);}#mpScreen[data-route="pages/audit/audit"] .audit-item-top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;}

/* 右侧竖排：审核状态在上，提交方式标紧跟其下 */#mpScreen[data-route="pages/audit/audit"] .audit-item-side{
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;}#mpScreen[data-route="pages/audit/audit"] .audit-item-who{
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  flex: 1;}#mpScreen[data-route="pages/audit/audit"] .audit-item-avatar{
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1.5px solid color-mix(in srgb, var(--mp-b2), transparent 72%);
  flex-shrink: 0;
  background: var(--mp-w92);}#mpScreen[data-route="pages/audit/audit"] .audit-item-who-col{
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;}#mpScreen[data-route="pages/audit/audit"] .audit-item-name{
  font-size: 13.5px;
  font-weight: 700;
  color: var(--mp-ink2);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}#mpScreen[data-route="pages/audit/audit"] .audit-item-meta{
  font-size: 11px;
  color: var(--mp-n60);
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}#mpScreen[data-route="pages/audit/audit"] .audit-status-pill{
  flex-shrink: 0;
  padding: 4px 11px;
  border-radius: 999px;
  border: 1px solid transparent;}#mpScreen[data-route="pages/audit/audit"] .audit-status-pill-text{
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;}#mpScreen[data-route="pages/audit/audit"] .audit-status-0{ background: var(--mp-x287); border-color: color-mix(in srgb, var(--mp-x288), transparent 68%);}#mpScreen[data-route="pages/audit/audit"] .audit-status-0 .audit-status-pill-text{ color: var(--mp-x289);}#mpScreen[data-route="pages/audit/audit"] .audit-status-1{ background: var(--mp-x290); border-color: color-mix(in srgb, var(--mp-x42), transparent 72%);}#mpScreen[data-route="pages/audit/audit"] .audit-status-1 .audit-status-pill-text{ color: var(--mp-x42);}#mpScreen[data-route="pages/audit/audit"] .audit-status-2{ background: var(--mp-x172); border-color: color-mix(in srgb, var(--mp-x05), transparent 72%);}#mpScreen[data-route="pages/audit/audit"] .audit-status-2 .audit-status-pill-text{ color: var(--mp-x05);}#mpScreen[data-route="pages/audit/audit"] .audit-item-body{
  display: flex;
  flex-direction: column;
  gap: 6px;
  background: linear-gradient(135deg, var(--mp-n100), var(--mp-w96));
  border-radius: 16px;
  padding: 11px 12px;
  border: 1px solid color-mix(in srgb, var(--mp-b2), transparent 86%);}#mpScreen[data-route="pages/audit/audit"] .audit-item-title{
  font-size: 14px;
  font-weight: 800;
  color: var(--mp-ink2);
  line-height: 1.4;}#mpScreen[data-route="pages/audit/audit"] .audit-item-preview{
  font-size: 12.5px;
  color: var(--mp-n38);
  line-height: 1.6;
  word-break: break-all;}#mpScreen[data-route="pages/audit/audit"] .audit-comment-text{
  font-size: 13px;
  color: var(--mp-ink3);}#mpScreen[data-route="pages/audit/audit"] .audit-thumbs{
  display: flex;
  gap: 6px;
  flex-wrap: wrap;}#mpScreen[data-route="pages/audit/audit"] .audit-thumb{
  width: 58px;
  height: 58px;
  border-radius: 12px;
  border: 1px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  background: var(--mp-w92);}#mpScreen[data-route="pages/audit/audit"] .audit-thumb-more{
  width: 58px;
  height: 58px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--mp-n00), transparent 95%);
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/audit/audit"] .audit-thumb-more-text{
  font-size: 13px;
  font-weight: 700;
  color: var(--mp-n38);}#mpScreen[data-route="pages/audit/audit"] .audit-item-foot{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;}#mpScreen[data-route="pages/audit/audit"] .audit-item-foot-text{
  font-size: 11px;
  color: var(--mp-w42);
  font-weight: 500;}

/* 时间靠右，和左侧地址拉开；地址过长时整条时间换行后仍然贴右 */#mpScreen[data-route="pages/audit/audit"] .audit-item-foot-time{
  margin-left: auto;
  white-space: nowrap;}#mpScreen[data-route="pages/audit/audit"] .audit-item-actions{
  display: flex;
  gap: 8px;}#mpScreen[data-route="pages/audit/audit"] .audit-action-btn{
  flex: 1;
  height: 36px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.15s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.15s ease;}#mpScreen[data-route="pages/audit/audit"] .audit-action-btn:active{ transform: scale(0.94);}#mpScreen[data-route="pages/audit/audit"] .audit-action-btn-text{
  font-size: 12px;
  font-weight: 700;
  color: var(--mp-inkOn);
  letter-spacing: 0.01em;}#mpScreen[data-route="pages/audit/audit"] .audit-action-view{
  background: linear-gradient(135deg, var(--mp-admLite1), var(--mp-admLite2));
  box-shadow: 0 3px 10px color-mix(in srgb, var(--mp-admLite1), transparent 70%);}#mpScreen[data-route="pages/audit/audit"] .audit-action-pass{
  background: linear-gradient(135deg, var(--mp-x291), var(--mp-x268));
  box-shadow: 0 3px 10px color-mix(in srgb, var(--mp-x268), transparent 72%);}#mpScreen[data-route="pages/audit/audit"] .audit-action-reject{
  background: linear-gradient(135deg, var(--mp-x286), var(--mp-x100));
  box-shadow: 0 3px 10px color-mix(in srgb, var(--mp-x100), transparent 72%);}#mpScreen[data-route="pages/audit/audit"] .audit-action-disabled{
  background: var(--mp-n91);
  box-shadow: none;
  opacity: 0.75;}#mpScreen[data-route="pages/audit/audit"] .audit-action-disabled .audit-action-btn-text{ color: var(--mp-w68);}#mpScreen[data-route="pages/audit/audit"] .audit-action-small{
  flex: none;
  height: 30px;
  padding: 0 12px;
  border-radius: 15px;}#mpScreen[data-route="pages/audit/audit"] .audit-action-small .audit-action-btn-text{ font-size: 11px;}

/* ---------------- 管理员名单 ---------------- */#mpScreen[data-route="pages/audit/audit"] .audit-admin-item{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  padding: 12px;
  border-radius: 18px;
  background: linear-gradient(135deg, var(--mp-n100), var(--mp-x292));
  border: 1px solid color-mix(in srgb, var(--mp-admLite1), transparent 84%);}#mpScreen[data-route="pages/audit/audit"] .audit-admin-item + .audit-admin-item{ margin-top: 10px;}#mpScreen[data-route="pages/audit/audit"] .audit-admin-item-left{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
  flex: 1;}#mpScreen[data-route="pages/audit/audit"] .audit-admin-item-emoji{
  font-size: 22px;
  line-height: 1;
  flex-shrink: 0;
  margin-top: 2px;}#mpScreen[data-route="pages/audit/audit"] .audit-admin-item-col{
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;}#mpScreen[data-route="pages/audit/audit"] .audit-admin-item-name-row{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;}#mpScreen[data-route="pages/audit/audit"] .audit-admin-item-name{
  font-size: 13.5px;
  font-weight: 800;
  color: var(--mp-ink2);}#mpScreen[data-route="pages/audit/audit"] .audit-admin-item-level{
  font-size: 10.5px;
  font-weight: 700;
  color: var(--mp-x293);
  background: var(--mp-x294);
  border: 1px solid color-mix(in srgb, var(--mp-x293), transparent 76%);
  border-radius: 8px;
  padding: 2px 7px;}#mpScreen[data-route="pages/audit/audit"] .audit-admin-item-phone{
  font-size: 11.5px;
  color: var(--mp-n50);
  font-weight: 600;
  letter-spacing: 0.03em;}#mpScreen[data-route="pages/audit/audit"] .audit-admin-item-idrow{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;}#mpScreen[data-route="pages/audit/audit"] .audit-admin-item-id,
#mpScreen[data-route="pages/audit/audit"] .audit-admin-item-code{
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 3px 8px;
  border-radius: 9px;
  transition: transform 0.15s ease;}#mpScreen[data-route="pages/audit/audit"] .audit-admin-item-id:active,
#mpScreen[data-route="pages/audit/audit"] .audit-admin-item-code:active{ transform: scale(0.92);}#mpScreen[data-route="pages/audit/audit"] .audit-admin-item-id{
  color: var(--mp-x275);
  background: var(--mp-x295);
  border: 1px solid color-mix(in srgb, var(--mp-x08), transparent 76%);}#mpScreen[data-route="pages/audit/audit"] .audit-admin-item-code{
  color: var(--mp-x289);
  background: var(--mp-x287);
  border: 1px solid color-mix(in srgb, var(--mp-x288), transparent 70%);}#mpScreen[data-route="pages/audit/audit"] .audit-admin-item-note{
  font-size: 11px;
  color: var(--mp-n60);
  line-height: 1.5;}#mpScreen[data-route="pages/audit/audit"] .audit-admin-item-right{
  flex-shrink: 0;
  display: flex;
  align-items: center;}#mpScreen[data-route="pages/audit/audit"] .audit-admin-super-tag{
  font-size: 10.5px;
  font-weight: 700;
  color: var(--mp-x289);
  background: linear-gradient(135deg, var(--mp-x287), var(--mp-x296));
  border: 1px solid color-mix(in srgb, var(--mp-x288), transparent 66%);
  border-radius: 9px;
  padding: 4px 9px;}#mpScreen[data-route="pages/audit/audit"] .audit-admin-form-hint{
  margin-bottom: 12px;
  padding: 9px 12px;
  border-radius: 13px;
  background: var(--mp-x287);
  border: 1px dashed color-mix(in srgb, var(--mp-x288), transparent 60%);}#mpScreen[data-route="pages/audit/audit"] .audit-admin-form-hint-ok{
  background: var(--mp-n96);
  border-color: color-mix(in srgb, var(--mp-x42), transparent 70%);}#mpScreen[data-route="pages/audit/audit"] .audit-admin-form-hint-text{
  font-size: 11.5px;
  color: var(--mp-x297);
  font-weight: 600;
  line-height: 1.55;}#mpScreen[data-route="pages/audit/audit"] .audit-admin-form-hint-ok .audit-admin-form-hint-text{ color: var(--mp-x298);}

/* ---------------- 弹窗 ---------------- */#mpScreen[data-route="pages/audit/audit"] .audit-modal-overlay{
  position: fixed;
  inset: 0;
  background: color-mix(in srgb, var(--mp-n08), transparent 50%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 900;
  padding: 20px;
  box-sizing: border-box;}#mpScreen[data-route="pages/audit/audit"] .audit-modal{
  width: 100%;
  max-width: 520px;
  max-height: 82%;
  background: var(--mp-n100);
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 24px 70px color-mix(in srgb, var(--mp-n00), transparent 70%);
  animation: auditModalPop 0.32s cubic-bezier(0.34, 1.4, 0.64, 1) both;}#mpScreen[data-route="pages/audit/audit"] .audit-modal-small{ max-width: 400px;}

@keyframes auditModalPop {
  0% { opacity: 0; transform: translateY(24px) scale(0.92); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}#mpScreen[data-route="pages/audit/audit"] .audit-modal-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 18px;
  background: linear-gradient(135deg, var(--mp-w96), var(--mp-w92));
  border-bottom: 1px solid color-mix(in srgb, var(--mp-b2), transparent 84%);
  flex-shrink: 0;}#mpScreen[data-route="pages/audit/audit"] .audit-modal-title{
  font-size: 15px;
  font-weight: 800;
  color: var(--mp-ink2);}#mpScreen[data-route="pages/audit/audit"] .audit-modal-close{
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--mp-n00), transparent 94%);
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/audit/audit"] .audit-modal-close-icon{
  font-size: 13px;
  color: var(--mp-n38);
  font-weight: 700;
  line-height: 1;}#mpScreen[data-route="pages/audit/audit"] .audit-modal-body{
  padding: 16px 18px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;}#mpScreen[data-route="pages/audit/audit"] .audit-modal-foot{
  display: flex;
  gap: 10px;
  padding: 14px 18px 18px;
  flex-shrink: 0;}#mpScreen[data-route="pages/audit/audit"] .audit-detail-avatar{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--mp-n00), transparent 92%);
  background: var(--mp-w92);}

/* ---------------- 帖子详情弹窗：一格一项发布表单 ---------------- */#mpScreen[data-route="pages/audit/audit"] .audit-modal-detail{ max-width: 680px;}#mpScreen[data-route="pages/audit/audit"] .audit-modal-headcol{
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;}#mpScreen[data-route="pages/audit/audit"] .audit-modal-subtitle{
  font-size: 10.5px;
  color: var(--mp-w42);
  line-height: 1.4;}#mpScreen[data-route="pages/audit/audit"] .pd-meta{
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 14px;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--mp-w96), var(--mp-w92));
  border: 1px solid color-mix(in srgb, var(--mp-b2), transparent 84%);}#mpScreen[data-route="pages/audit/audit"] .pd-meta-user{
  display: flex;
  align-items: center;
  gap: 8px;}#mpScreen[data-route="pages/audit/audit"] .pd-meta-id{
  font-size: 13px;
  font-weight: 800;
  color: var(--mp-ink2);
  letter-spacing: 0.02em;}#mpScreen[data-route="pages/audit/audit"] .pd-meta-tags{
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;}#mpScreen[data-route="pages/audit/audit"] .pd-meta-tag{
  font-size: 10.5px;
  font-weight: 700;
  color: var(--mp-cDeep);
  background: color-mix(in srgb, var(--mp-n100), transparent 28%);
  border: 1px solid color-mix(in srgb, var(--mp-b2), transparent 82%);
  border-radius: 999px;
  padding: 2px 8px;}#mpScreen[data-route="pages/audit/audit"] .pd-meta-line{
  display: flex;
  align-items: baseline;
  gap: 8px;}#mpScreen[data-route="pages/audit/audit"] .pd-meta-key{
  font-size: 10.5px;
  font-weight: 700;
  color: var(--mp-w42);
  letter-spacing: 0.04em;
  flex-shrink: 0;}#mpScreen[data-route="pages/audit/audit"] .pd-meta-val{
  font-size: 12px;
  color: var(--mp-ink3);
  word-break: break-all;}#mpScreen[data-route="pages/audit/audit"] .pd-fields{
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;}#mpScreen[data-route="pages/audit/audit"] .pd-field{
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
  padding: 9px 11px;
  border-radius: 14px;
  background: var(--mp-n100);
  border: 1px solid color-mix(in srgb, var(--mp-n00), transparent 94%);}#mpScreen[data-route="pages/audit/audit"] .pd-field-wide{ grid-column: 1 / -1;}#mpScreen[data-route="pages/audit/audit"] .pd-field-top{
  display: flex;
  align-items: center;
  gap: 6px;}#mpScreen[data-route="pages/audit/audit"] .pd-field-no{
  font-size: 9.5px;
  font-weight: 800;
  color: var(--mp-cDeep);
  background: color-mix(in srgb, var(--mp-b2), transparent 87%);
  border-radius: 6px;
  padding: 1px 5px;
  line-height: 1.5;
  flex-shrink: 0;}#mpScreen[data-route="pages/audit/audit"] .pd-field-label{
  font-size: 11px;
  font-weight: 700;
  color: var(--mp-w42);
  letter-spacing: 0.04em;}#mpScreen[data-route="pages/audit/audit"] .pd-field-flag{
  margin-left: auto;
  font-size: 10px;
  font-weight: 700;
  color: var(--mp-x05);
  flex-shrink: 0;}#mpScreen[data-route="pages/audit/audit"] .pd-field-value{
  font-size: 13px;
  color: var(--mp-ink3);
  line-height: 1.6;
  word-break: break-word;}#mpScreen[data-route="pages/audit/audit"] .pd-field-lines{
  display: flex;
  flex-direction: column;
  gap: 3px;}#mpScreen[data-route="pages/audit/audit"] .pd-field-line{
  font-size: 11.5px;
  color: var(--mp-n38);
  background: color-mix(in srgb, var(--mp-n00), transparent 96.5%);
  border-radius: 8px;
  padding: 3px 7px;}#mpScreen[data-route="pages/audit/audit"] .pd-photos{
  display: flex;
  gap: 8px;
  flex-wrap: wrap;}#mpScreen[data-route="pages/audit/audit"] .pd-photo{
  width: 72px;
  height: 72px;
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--mp-n00), transparent 94%);
  background: var(--mp-w92);}#mpScreen[data-route="pages/audit/audit"] .pd-field-missing{
  background: color-mix(in srgb, var(--mp-x100), transparent 96%);
  border-style: dashed;
  border-color: color-mix(in srgb, var(--mp-x05), transparent 72%);}#mpScreen[data-route="pages/audit/audit"] .pd-field-missing .pd-field-label{ color: var(--mp-w68);}#mpScreen[data-route="pages/audit/audit"] .pd-remark{
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 12px;
  border-radius: 14px;
  background: color-mix(in srgb, var(--mp-x100), transparent 93%);
  border: 1px solid color-mix(in srgb, var(--mp-x05), transparent 82%);}#mpScreen[data-route="pages/audit/audit"] .pd-remark-label{
  font-size: 11px;
  font-weight: 700;
  color: var(--mp-x05);
  letter-spacing: 0.04em;}#mpScreen[data-route="pages/audit/audit"] .pd-remark-text{
  font-size: 12.5px;
  color: var(--mp-cDeep);
  line-height: 1.6;
  word-break: break-word;}

@media (max-width: 560px) {#mpScreen[data-route="pages/audit/audit"] .pd-fields{ grid-template-columns: 1fr;}
}#mpScreen[data-route="pages/audit/audit"] .audit-reject-tip{
  display: block;
  font-size: 12.5px;
  color: var(--mp-n38);
  font-weight: 600;
  line-height: 1.55;
  margin-bottom: 10px;}#mpScreen[data-route="pages/audit/audit"] .audit-reject-textarea{
  width: 100%;
  box-sizing: border-box;
  min-height: 92px;
  padding: 11px 12px;
  border-radius: 15px;
  border: 1.5px solid color-mix(in srgb, var(--mp-x05), transparent 74%);
  background: var(--mp-n100);
  font-size: 13px;
  color: var(--mp-ink3);
  line-height: 1.6;
  outline: none;}#mpScreen[data-route="pages/audit/audit"] .audit-reject-textarea:focus{
  border-color: var(--mp-x05);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mp-x100), transparent 88%);}

/* ---------------- 新增管理员成功弹窗 ---------------- */#mpScreen[data-route="pages/audit/audit"] .audit-result-modal{
  align-items: center;
  padding: 22px 20px 20px;
  box-sizing: border-box;}#mpScreen[data-route="pages/audit/audit"] .audit-result-emoji{
  font-size: 42px;
  line-height: 1;
  animation: auditResultBounce 1.4s ease-in-out infinite;}

@keyframes auditResultBounce {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-7px) scale(1.06); }
}#mpScreen[data-route="pages/audit/audit"] .audit-result-title{
  margin-top: 8px;
  font-size: 17px;
  font-weight: 800;
  color: var(--mp-ink2);}#mpScreen[data-route="pages/audit/audit"] .audit-result-body{
  margin-top: 14px;
  width: 100%;
  box-sizing: border-box;
  background: linear-gradient(135deg, var(--mp-n100), var(--mp-w92));
  border: 1px solid color-mix(in srgb, var(--mp-b2), transparent 80%);
  border-radius: 18px;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;}#mpScreen[data-route="pages/audit/audit"] .audit-result-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;}#mpScreen[data-route="pages/audit/audit"] .audit-result-label{
  font-size: 11.5px;
  font-weight: 700;
  color: var(--mp-w42);
  flex-shrink: 0;}#mpScreen[data-route="pages/audit/audit"] .audit-result-value{
  font-size: 12.5px;
  font-weight: 700;
  color: var(--mp-ink3);
  text-align: right;
  word-break: break-all;}#mpScreen[data-route="pages/audit/audit"] .audit-result-code{
  font-size: 17px;
  font-weight: 800;
  color: var(--mp-x05);
  letter-spacing: 0.18em;}#mpScreen[data-route="pages/audit/audit"] .audit-result-hint{
  margin-top: 12px;
  font-size: 11.5px;
  color: var(--mp-n60);
  line-height: 1.55;
  text-align: center;}#mpScreen[data-route="pages/audit/audit"] .audit-result-btn{
  margin-top: 14px;
  width: 100%;}

/* =================================================================== */
/* 🖥️ PC 端：更宽的工作台布局                                           */
/* =================================================================== */
@media (min-width: 760px) {#mpScreen[data-route="pages/audit/audit"] .audit-hero{ padding: 28px 28px 24px;}#mpScreen[data-route="pages/audit/audit"] .audit-hero-title{ font-size: 26px;}#mpScreen[data-route="pages/audit/audit"] .audit-hero-sub{ font-size: 13px;}#mpScreen[data-route="pages/audit/audit"] .audit-stat-row{ gap: 12px;}#mpScreen[data-route="pages/audit/audit"] .audit-stat-card{ padding: 14px 8px 12px; border-radius: 20px;}#mpScreen[data-route="pages/audit/audit"] .audit-stat-num{ font-size: 24px;}#mpScreen[data-route="pages/audit/audit"] .audit-stat-label{ font-size: 11px;}#mpScreen[data-route="pages/audit/audit"] .audit-tabs{ margin: -18px 24px 0; padding: 6px; border-radius: 22px;}#mpScreen[data-route="pages/audit/audit"] .audit-tab{ flex-direction: row; justify-content: center; gap: 7px; padding: 10px 8px; border-radius: 17px;}#mpScreen[data-route="pages/audit/audit"] .audit-tab-text{ font-size: 13.5px;}#mpScreen[data-route="pages/audit/audit"] .audit-tab-thumb{ top: 6px; left: 6px; bottom: 6px; width: calc((100% - 12px) / 5); border-radius: 17px;}#mpScreen[data-route="pages/audit/audit"] .audit-panel{ padding: 20px 24px; gap: 16px;}#mpScreen[data-route="pages/audit/audit"] .audit-card{ padding: 20px; border-radius: 24px;}#mpScreen[data-route="pages/audit/audit"] .audit-filter-grid{ grid-template-columns: repeat(3, 1fr); gap: 12px;}#mpScreen[data-route="pages/audit/audit"] .audit-input,
#mpScreen[data-route="pages/audit/audit"] .audit-picker-text{ height: 42px; font-size: 13.5px;}#mpScreen[data-route="pages/audit/audit"] .audit-date{ height: 42px; font-size: 13.5px; border-radius: 15px;}#mpScreen[data-route="pages/audit/audit"] .audit-btn{ height: 44px;}#mpScreen[data-route="pages/audit/audit"] .audit-filter-actions{ max-width: 460px;}#mpScreen[data-route="pages/audit/audit"] .audit-list{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; align-items: start;}#mpScreen[data-route="pages/audit/audit"] .audit-empty{ grid-column: 1 / -1;}#mpScreen[data-route="pages/audit/audit"] .audit-item-card{ padding: 16px;}#mpScreen[data-route="pages/audit/audit"] .audit-list-head{ padding: 0 2px;}#mpScreen[data-route="pages/audit/audit"] .audit-list-head-text{ font-size: 13px;}#mpScreen[data-route="pages/audit/audit"] .audit-admin-item{ padding: 14px 16px;}#mpScreen[data-route="pages/audit/audit"] .audit-modal{ max-width: 640px;}#mpScreen[data-route="pages/audit/audit"] .audit-modal-detail{ max-width: 760px;}
}

@media (min-width: 1100px) {#mpScreen[data-route="pages/audit/audit"] .audit-list{ grid-template-columns: repeat(2, 1fr);}#mpScreen[data-route="pages/audit/audit"] .audit-filter-grid{ grid-template-columns: repeat(4, 1fr);}
}

/* =================================================================== */
/* 🔑 注册 / 登录记录（永久留底）                                        */
/* =================================================================== */#mpScreen[data-route="pages/audit/audit"] .audit-record-tip{
  display: flex;
  align-items: flex-start;
  gap: 7px;
  padding: 11px 13px;
  border-radius: 18px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--mp-w92), transparent 8%), color-mix(in srgb, var(--mp-w96), transparent 8%));
  border: 1px dashed color-mix(in srgb, var(--mp-b2), transparent 60%);}#mpScreen[data-route="pages/audit/audit"] .audit-record-tip-icon{
  font-size: 13px;
  line-height: 1.5;
  flex-shrink: 0;}#mpScreen[data-route="pages/audit/audit"] .audit-record-tip-text{
  font-size: 11.5px;
  line-height: 1.55;
  color: var(--mp-cDeep);
  font-weight: 600;}#mpScreen[data-route="pages/audit/audit"] .audit-user-card{
  background: var(--mp-n100);
  border-radius: 22px;
  padding: 14px;
  border: 1px solid color-mix(in srgb, var(--mp-n00), transparent 95.5%);
  box-shadow: 0 3px 14px color-mix(in srgb, var(--mp-cDeep), transparent 92%);
  display: flex;
  flex-direction: column;
  gap: 11px;
  transition: transform 0.18s ease, box-shadow 0.18s ease;}#mpScreen[data-route="pages/audit/audit"] .audit-user-card:active{ transform: scale(0.99);}#mpScreen[data-route="pages/audit/audit"] .audit-user-card-off{
  background: linear-gradient(135deg, var(--mp-n100), var(--mp-n100));
  border-color: color-mix(in srgb, var(--mp-x05), transparent 84%);}#mpScreen[data-route="pages/audit/audit"] .audit-user-head{
  display: flex;
  align-items: flex-start;
  gap: 10px;}#mpScreen[data-route="pages/audit/audit"] .audit-user-avatar{
  width: 40px;
  height: 40px;
  border-radius: 14px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(150deg, var(--mp-w92), var(--mp-w92));
  border: 1px solid color-mix(in srgb, var(--mp-b2), transparent 76%);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 30%);}#mpScreen[data-route="pages/audit/audit"] .audit-user-card-off .audit-user-avatar{
  background: linear-gradient(150deg, var(--mp-n96), var(--mp-n91));
  border-color: color-mix(in srgb, var(--mp-w42), transparent 80%);}#mpScreen[data-route="pages/audit/audit"] .audit-user-avatar-emoji{ font-size: 20px; line-height: 1;}#mpScreen[data-route="pages/audit/audit"] .audit-user-head-col{
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;}#mpScreen[data-route="pages/audit/audit"] .audit-user-name-row{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;}#mpScreen[data-route="pages/audit/audit"] .audit-user-name{
  font-size: 14.5px;
  font-weight: 800;
  color: var(--mp-w20);
  letter-spacing: -0.01em;}#mpScreen[data-route="pages/audit/audit"] .audit-user-pill{
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 700;
  line-height: 1.5;
  white-space: nowrap;}#mpScreen[data-route="pages/audit/audit"] .audit-user-pill-active{
  background: color-mix(in srgb, var(--mp-x299), transparent 88%);
  color: var(--mp-x300);
  border: 1px solid color-mix(in srgb, var(--mp-x301), transparent 72%);}#mpScreen[data-route="pages/audit/audit"] .audit-user-pill-cancelled{
  background: color-mix(in srgb, var(--mp-x100), transparent 90%);
  color: var(--mp-x302);
  border: 1px solid color-mix(in srgb, var(--mp-x05), transparent 76%);}#mpScreen[data-route="pages/audit/audit"] .audit-user-pill-admin{
  background: linear-gradient(135deg, color-mix(in srgb, var(--mp-x283), transparent 82%), color-mix(in srgb, var(--mp-x284), transparent 86%));
  color: var(--mp-x303);
  border: 1px solid color-mix(in srgb, var(--mp-x304), transparent 74%);}#mpScreen[data-route="pages/audit/audit"] .audit-user-contact-row{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;}#mpScreen[data-route="pages/audit/audit"] .audit-user-phone{
  font-size: 12px;
  font-weight: 700;
  color: var(--mp-w42);
  letter-spacing: 0.02em;}#mpScreen[data-route="pages/audit/audit"] .audit-user-id{
  font-size: 11px;
  font-weight: 700;
  color: var(--mp-b1);
  background: color-mix(in srgb, var(--mp-b2), transparent 90%);
  border: 1px solid color-mix(in srgb, var(--mp-b2), transparent 78%);
  padding: 2px 8px;
  border-radius: 999px;}#mpScreen[data-route="pages/audit/audit"] .audit-user-id:active{ transform: scale(0.96);}#mpScreen[data-route="pages/audit/audit"] .audit-user-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;}#mpScreen[data-route="pages/audit/audit"] .audit-user-cell{
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 9px 10px;
  border-radius: 16px;
  background: linear-gradient(150deg, var(--mp-n100), var(--mp-w96));
  border: 1px solid color-mix(in srgb, var(--mp-cMid), transparent 78%);
  min-width: 0;}#mpScreen[data-route="pages/audit/audit"] .audit-user-cell-label{
  font-size: 10px;
  font-weight: 700;
  color: var(--mp-cDeep);
  letter-spacing: 0.02em;}#mpScreen[data-route="pages/audit/audit"] .audit-user-cell-value{
  font-size: 12px;
  font-weight: 800;
  color: var(--mp-w20);
  line-height: 1.35;
  word-break: break-all;}#mpScreen[data-route="pages/audit/audit"] .audit-user-cell-danger{ color: var(--mp-x305);}#mpScreen[data-route="pages/audit/audit"] .audit-user-cell-sub{
  font-size: 10px;
  color: var(--mp-w42);
  font-weight: 600;
  line-height: 1.35;}

@media (max-width: 380px) {#mpScreen[data-route="pages/audit/audit"] .audit-user-grid{ grid-template-columns: repeat(2, 1fr);}
}

@media (min-width: 1100px) {#mpScreen[data-route="pages/audit/audit"] .audit-user-grid{ grid-template-columns: repeat(4, 1fr);}
}

/* ========== Tab 4：内测人员申请 ========== */#mpScreen[data-route="pages/audit/audit"] .audit-tab{ position: relative;}#mpScreen[data-route="pages/audit/audit"] .audit-tab-text{ font-size: 11px; white-space: nowrap;}#mpScreen[data-route="pages/audit/audit"] .audit-tab-badge{
  position: absolute;
  top: 3px;
  right: 7px;
  min-width: 15px;
  height: 15px;
  padding: 0 4px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--mp-x306), var(--mp-x307));
  color: var(--mp-inkOn);
  font-size: 9.5px;
  font-weight: 800;
  line-height: 15px;
  text-align: center;
  box-shadow: 0 2px 6px color-mix(in srgb, var(--mp-x307), transparent 60%);
  animation: betaBadgePop 0.42s cubic-bezier(0.34, 1.56, 0.64, 1);}

@keyframes betaBadgePop {
  0% { transform: scale(0.4); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}#mpScreen[data-route="pages/audit/audit"] .beta-audit-card{ border-left: 3px solid color-mix(in srgb, var(--mp-x308), transparent 55%);}#mpScreen[data-route="pages/audit/audit"] .beta-audit-approved{ border-left-color: color-mix(in srgb, var(--mp-x301), transparent 50%);}#mpScreen[data-route="pages/audit/audit"] .beta-audit-rejected{ border-left-color: color-mix(in srgb, var(--mp-x05), transparent 60%);}#mpScreen[data-route="pages/audit/audit"] .beta-audit-avatar{ overflow: hidden;}#mpScreen[data-route="pages/audit/audit"] .beta-audit-avatar-img{ width: 100%; height: 100%; border-radius: 14px;}#mpScreen[data-route="pages/audit/audit"] .beta-audit-pill-pending{
  background: color-mix(in srgb, var(--mp-x309), transparent 86%);
  color: var(--mp-cDeep);
  border: 1px solid color-mix(in srgb, var(--mp-x308), transparent 70%);}#mpScreen[data-route="pages/audit/audit"] .beta-audit-pill-approved{
  background: color-mix(in srgb, var(--mp-x299), transparent 88%);
  color: var(--mp-x300);
  border: 1px solid color-mix(in srgb, var(--mp-x301), transparent 72%);}#mpScreen[data-route="pages/audit/audit"] .beta-audit-pill-rejected{
  background: color-mix(in srgb, var(--mp-x100), transparent 90%);
  color: var(--mp-x302);
  border: 1px solid color-mix(in srgb, var(--mp-x05), transparent 76%);}#mpScreen[data-route="pages/audit/audit"] .beta-valid-line{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  margin-top: 10px;
  padding: 9px 11px;
  border-radius: 13px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--mp-x20), transparent 90%), color-mix(in srgb, var(--mp-x20), transparent 96%));
  border: 1px solid color-mix(in srgb, var(--mp-x19), transparent 80%);}#mpScreen[data-route="pages/audit/audit"] .beta-valid-state{
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 800;
  white-space: nowrap;}#mpScreen[data-route="pages/audit/audit"] .beta-valid-on{
  background: color-mix(in srgb, var(--mp-x299), transparent 86%);
  color: var(--mp-x300);
  border: 1px solid color-mix(in srgb, var(--mp-x301), transparent 70%);}#mpScreen[data-route="pages/audit/audit"] .beta-valid-off{
  background: color-mix(in srgb, var(--mp-x310), transparent 86%);
  color: var(--mp-x311);
  border: 1px solid color-mix(in srgb, var(--mp-x312), transparent 74%);}#mpScreen[data-route="pages/audit/audit"] .beta-valid-wait{
  background: color-mix(in srgb, var(--mp-x309), transparent 86%);
  color: var(--mp-cDeep);
  border: 1px solid color-mix(in srgb, var(--mp-x308), transparent 70%);}#mpScreen[data-route="pages/audit/audit"] .beta-valid-detail{
  font-size: 11px;
  font-weight: 700;
  color: var(--mp-x313);
  line-height: 1.5;
  word-break: break-all;}#mpScreen[data-route="pages/audit/audit"] .beta-valid-tip .audit-record-tip-text{ color: var(--mp-x313);}#mpScreen[data-route="pages/audit/audit"] .beta-audit-note{
  margin-top: 8px;
  padding: 8px 11px;
  border-radius: 13px;
  background: color-mix(in srgb, var(--mp-x314), transparent 93%);
  border: 1px solid color-mix(in srgb, var(--mp-x214), transparent 84%);}#mpScreen[data-route="pages/audit/audit"] .beta-audit-note-text{
  font-size: 11px;
  font-weight: 600;
  color: var(--mp-x315);
  line-height: 1.5;}#mpScreen[data-route="pages/audit/audit"] .beta-audit-actions{
  display: flex;
  gap: 8px;
  margin-top: 12px;}#mpScreen[data-route="pages/audit/audit"] .beta-audit-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  border-radius: 15px;
  transition: transform 0.18s cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 0.18s ease;}#mpScreen[data-route="pages/audit/audit"] .beta-audit-btn:active{ transform: scale(0.96);}#mpScreen[data-route="pages/audit/audit"] .beta-audit-btn-ok{
  flex: 1.6;
  background: linear-gradient(135deg, var(--mp-x299), var(--mp-x316));
  box-shadow: 0 6px 16px color-mix(in srgb, var(--mp-x316), transparent 70%);}#mpScreen[data-route="pages/audit/audit"] .beta-audit-btn-no{
  flex: 1;
  background: color-mix(in srgb, var(--mp-x100), transparent 92%);
  border: 1px solid color-mix(in srgb, var(--mp-x05), transparent 76%);}#mpScreen[data-route="pages/audit/audit"] .beta-audit-btn-text{
  font-size: 11.5px;
  font-weight: 800;
  color: var(--mp-inkOn);
  white-space: nowrap;}#mpScreen[data-route="pages/audit/audit"] .beta-audit-btn-no .beta-audit-btn-text{ color: var(--mp-x302);}

/* 帖子/评论审核：个人ID + emoji 头像 */#mpScreen[data-route="pages/audit/audit"] .audit-item-avatar-emoji,
#mpScreen[data-route="pages/audit/audit"] .audit-detail-avatar-emoji{
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 35%);}#mpScreen[data-route="pages/audit/audit"] .audit-item-avatar-emoji{ font-size: 19px;}#mpScreen[data-route="pages/audit/audit"] .audit-detail-avatar-emoji{ font-size: 15px; flex-shrink: 0;}

/* ========== 内测身份标记：挂在个人ID旁，代表「这个人是谁」 ========== */#mpScreen[data-route="pages/audit/audit"] .audit-item-name-row{
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;}#mpScreen[data-route="pages/audit/audit"] .audit-item-name-row .audit-item-name{ min-width: 0;}#mpScreen[data-route="pages/audit/audit"] .audit-identity-badge{
  flex-shrink: 0;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: var(--mp-inkOn);
  background: linear-gradient(120deg, var(--mp-x20) 0%, var(--mp-x317) 100%);
  box-shadow: 0 2px 7px color-mix(in srgb, var(--mp-x20), transparent 70%), inset 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 66%);
  white-space: nowrap;}

/* ========== 提交方式标记：挂在卡片上，代表「这条帖子怎么来的」 ========== */#mpScreen[data-route="pages/audit/audit"] .audit-tag-row{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;}#mpScreen[data-route="pages/audit/audit"] .audit-tag-row-side{
  justify-content: flex-end;}#mpScreen[data-route="pages/audit/audit"] .audit-tag{
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 800;
  border: 1px solid transparent;
  white-space: nowrap;}#mpScreen[data-route="pages/audit/audit"] .audit-kind-first{
  color: var(--mp-x300);
  background: color-mix(in srgb, var(--mp-x299), transparent 88%);
  border-color: color-mix(in srgb, var(--mp-x301), transparent 74%);}#mpScreen[data-route="pages/audit/audit"] .audit-kind-repeat{
  color: var(--mp-x318);
  background: color-mix(in srgb, var(--mp-x319), transparent 88%);
  border-color: color-mix(in srgb, var(--mp-x320), transparent 74%);}#mpScreen[data-route="pages/audit/audit"] .audit-kind-edit{
  color: var(--mp-x289);
  background: var(--mp-x287);
  border-color: color-mix(in srgb, var(--mp-x321), transparent 68%);}

/* ========== 公益牌：用了本年名额的帖子，和「内测」同一类身份牌 ========== */#mpScreen[data-route="pages/audit/audit"] .audit-identity-badge-public{
  background: linear-gradient(120deg, var(--mp-x322) 0%, var(--mp-x323) 100%);
  box-shadow: 0 2px 7px color-mix(in srgb, var(--mp-x322), transparent 70%), inset 0 1px 0 color-mix(in srgb, var(--mp-n100), transparent 66%);}

/* ========== 疑似换宠：改了身份字段的人，ID 直接标红 ========== */#mpScreen[data-route="pages/audit/audit"] .audit-item-name-suspect{
  color: var(--mp-x05);}#mpScreen[data-route="pages/audit/audit"] .audit-tag-suspect{
  color: var(--mp-x05);
  background: color-mix(in srgb, var(--mp-x100), transparent 90%);
  border-color: color-mix(in srgb, var(--mp-x05), transparent 68%);}

/* ========== 改前 / 改后对比 ========== */#mpScreen[data-route="pages/audit/audit"] .audit-diff{
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px dashed color-mix(in srgb, var(--mp-x05), transparent 66%);
  background: color-mix(in srgb, var(--mp-n100), transparent 28%);}#mpScreen[data-route="pages/audit/audit"] .audit-diff-head{
  font-size: 11.5px;
  font-weight: 800;
  color: var(--mp-w42);
  letter-spacing: 0.02em;}#mpScreen[data-route="pages/audit/audit"] .audit-diff-row{
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding-left: 8px;
  border-left: 2px solid var(--mp-w84);}#mpScreen[data-route="pages/audit/audit"] .audit-diff-row-hot{
  border-left-color: var(--mp-x05);}#mpScreen[data-route="pages/audit/audit"] .audit-diff-label{
  font-size: 10.5px;
  font-weight: 700;
  color: var(--mp-n60);}#mpScreen[data-route="pages/audit/audit"] .audit-diff-row-hot .audit-diff-label{
  color: var(--mp-x05);}#mpScreen[data-route="pages/audit/audit"] .audit-diff-vals{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 5px;}

/* 箭头跟新值绑成一块，长文本换行时不会被单独丢在一行 */#mpScreen[data-route="pages/audit/audit"] .audit-diff-newwrap{
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 5px;
  flex: 1 1 auto;
  min-width: 0;}#mpScreen[data-route="pages/audit/audit"] .audit-diff-old{
  font-size: 12.5px;
  color: var(--mp-n68);
  text-decoration: line-through;
  word-break: break-all;}#mpScreen[data-route="pages/audit/audit"] .audit-diff-arrow{
  font-size: 12px;
  font-weight: 800;
  color: var(--mp-x324);}#mpScreen[data-route="pages/audit/audit"] .audit-diff-new{
  font-size: 12.5px;
  font-weight: 800;
  color: var(--mp-ink2);
  word-break: break-all;}#mpScreen[data-route="pages/audit/audit"] .audit-diff-row-hot .audit-diff-new{
  color: var(--mp-x05);}#mpScreen[data-route="pages/audit/audit"] .audit-diff-note{
  font-size: 11px;
  line-height: 1.5;
  color: var(--mp-w42);
  background: color-mix(in srgb, var(--mp-x100), transparent 94%);
  border-radius: 10px;
  padding: 6px 9px;}

/* ========== 调整时效按钮 ========== */#mpScreen[data-route="pages/audit/audit"] .beta-audit-btn-adjust{
  flex: 1;
  background: color-mix(in srgb, var(--mp-x20), transparent 91%);
  border: 1px solid color-mix(in srgb, var(--mp-x19), transparent 74%);}#mpScreen[data-route="pages/audit/audit"] .beta-audit-btn-adjust .beta-audit-btn-text{ color: var(--mp-x174);}

/* ========== 「x次提交」小标签：同一个帖子被反复提交过，点开展开提交日志 ========== */#mpScreen[data-route="pages/audit/audit"] .audit-tag-resubmit{
  display: flex;
  align-items: center;
  cursor: pointer;
  background: color-mix(in srgb, var(--mp-x325), transparent 90%);
  border-style: dashed;
  border-color: color-mix(in srgb, var(--mp-x326), transparent 60%);
  transition: background 0.18s ease, transform 0.18s cubic-bezier(0.34, 1.5, 0.64, 1);}#mpScreen[data-route="pages/audit/audit"] .audit-tag-resubmit:active{
  background: color-mix(in srgb, var(--mp-x325), transparent 78%);
  transform: scale(0.94);}#mpScreen[data-route="pages/audit/audit"] .audit-tag-resubmit-text{
  font-size: 10.5px;
  font-weight: 800;
  color: var(--mp-x327);
  line-height: 1.35;
  white-space: nowrap;}

/* ========== 提交日志弹窗 ========== */#mpScreen[data-route="pages/audit/audit"] .submit-log-modal{ max-width: 380px;}#mpScreen[data-route="pages/audit/audit"] .submit-log-body{
  display: flex;
  flex-direction: column;
  gap: 11px;
  overflow: hidden;}#mpScreen[data-route="pages/audit/audit"] .submit-log-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 12px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--mp-n100) 0%, var(--mp-x328) 100%);
  border: 1px solid color-mix(in srgb, var(--mp-x326), transparent 80%);
  flex-shrink: 0;}#mpScreen[data-route="pages/audit/audit"] .submit-log-id{
  font-size: 11.5px;
  font-weight: 700;
  color: var(--mp-x329);
  letter-spacing: 0.3px;}#mpScreen[data-route="pages/audit/audit"] .submit-log-count{
  font-size: 10.5px;
  font-weight: 800;
  color: var(--mp-x327);
  padding: 2px 9px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--mp-n100), transparent 25%);
  border: 1px solid color-mix(in srgb, var(--mp-x326), transparent 74%);
  white-space: nowrap;}#mpScreen[data-route="pages/audit/audit"] .submit-log-list{
  max-height: 300px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: flex;
  flex-direction: column;
  gap: 8px;}#mpScreen[data-route="pages/audit/audit"] .submit-log-row{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 13px;
  background: var(--mp-n100);
  border: 1px solid color-mix(in srgb, var(--mp-n00), transparent 95%);
  flex-shrink: 0;}#mpScreen[data-route="pages/audit/audit"] .submit-log-seq{
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--mp-b1), var(--mp-b2));
  flex-shrink: 0;}#mpScreen[data-route="pages/audit/audit"] .submit-log-seq-text{
  font-size: 11px;
  font-weight: 800;
  color: var(--mp-inkOn);
  line-height: 1;}#mpScreen[data-route="pages/audit/audit"] .submit-log-time-col{
  display: flex;
  align-items: baseline;
  gap: 7px;}#mpScreen[data-route="pages/audit/audit"] .submit-log-time{
  font-size: 12.5px;
  font-weight: 700;
  color: var(--mp-w20);}#mpScreen[data-route="pages/audit/audit"] .submit-log-ago{
  font-size: 11px;
  font-weight: 600;
  color: var(--mp-w42);}#mpScreen[data-route="pages/audit/audit"] .submit-log-close-btn{ flex: 1;}

/* ========== 内测时效弹窗 ========== */#mpScreen[data-route="pages/audit/audit"] .beta-valid-modal{ max-width: 400px;}#mpScreen[data-route="pages/audit/audit"] .beta-valid-body{
  display: flex;
  flex-direction: column;
  gap: 13px;
  padding: 4px 18px 6px;}#mpScreen[data-route="pages/audit/audit"] .beta-valid-who{
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 10px 12px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--mp-n100) 0%, var(--mp-x330) 100%);
  border: 1px solid color-mix(in srgb, var(--mp-x19), transparent 80%);}#mpScreen[data-route="pages/audit/audit"] .beta-valid-who-label{
  font-size: 10.5px;
  font-weight: 700;
  color: var(--mp-x331);
  letter-spacing: 0.04em;}#mpScreen[data-route="pages/audit/audit"] .beta-valid-who-id{
  font-size: 14px;
  font-weight: 800;
  color: var(--mp-x332);
  letter-spacing: 0.06em;
  word-break: break-all;}#mpScreen[data-route="pages/audit/audit"] .beta-valid-field{
  display: flex;
  flex-direction: column;
  gap: 6px;}#mpScreen[data-route="pages/audit/audit"] .beta-valid-field-label{
  font-size: 11.5px;
  font-weight: 700;
  color: var(--mp-cDeep);
  letter-spacing: 0.03em;}#mpScreen[data-route="pages/audit/audit"] .beta-valid-picker{ height: 44px; font-size: 15px;}#mpScreen[data-route="pages/audit/audit"] .beta-valid-hint{
  padding: 10px 12px;
  border-radius: 13px;
  background: linear-gradient(135deg, var(--mp-w96) 0%, var(--mp-w92) 100%);
  border: 1px solid var(--mp-w84);}#mpScreen[data-route="pages/audit/audit"] .beta-valid-hint-text{
  font-size: 10.5px;
  font-weight: 600;
  color: var(--mp-cDeep);
  line-height: 1.55;}


/* ===== pages/areaPicker/areaPicker ===== */
#mpScreen[data-route="pages/areaPicker/areaPicker"]{
  background-color: var(--mp-n100);}#mpScreen[data-route="pages/areaPicker/areaPicker"] .container{
  padding: calc(32 * var(--mprpx));
  min-height: calc(100 * var(--mpvh));
  box-sizing: border-box;}#mpScreen[data-route="pages/areaPicker/areaPicker"] .locate-btn-wrap{
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(96 * var(--mprpx));
  background: linear-gradient(135deg, var(--mp-bDeep) 0%, var(--mp-b1) 100%);
  border-radius: calc(16 * var(--mprpx));
  margin: calc(24 * var(--mprpx)) 0;
  box-shadow: 0 calc(8 * var(--mprpx)) calc(20 * var(--mprpx)) color-mix(in srgb, var(--mp-bDeep), transparent 75%);}#mpScreen[data-route="pages/areaPicker/areaPicker"] .locate-icon{
  font-size: calc(32 * var(--mprpx));
  margin-right: calc(12 * var(--mprpx));}#mpScreen[data-route="pages/areaPicker/areaPicker"] .locate-btn-text{
  font-size: calc(32 * var(--mprpx));
  color: var(--mp-inkOn);
  font-weight: 500;}#mpScreen[data-route="pages/areaPicker/areaPicker"] .locate-btn-text.locating-text{
  opacity: 0.7;}#mpScreen[data-route="pages/areaPicker/areaPicker"] .empty-tip{
  padding: calc(80 * var(--mprpx)) 0;
  text-align: center;
  font-size: calc(28 * var(--mprpx));
  color: var(--mp-n60);}#mpScreen[data-route="pages/areaPicker/areaPicker"] .global-loading{
  position: fixed;
  left: 0;
  top: 0;
  width: calc(100 * var(--mpvw));
  height: calc(100 * var(--mpvh));
  background-color: color-mix(in srgb, var(--mp-n100), transparent 20%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;}#mpScreen[data-route="pages/areaPicker/areaPicker"] .loading-content{
  font-size: calc(30 * var(--mprpx));
  color: var(--mp-n38);}#mpScreen[data-route="pages/areaPicker/areaPicker"] .page-title{
  font-size: calc(36 * var(--mprpx));
  font-weight: 600;
  color: var(--mp-ink2);
  margin-bottom: calc(32 * var(--mprpx));
  text-align: center;}#mpScreen[data-route="pages/areaPicker/areaPicker"] .selected-card{
  background: var(--mp-n100);
  border-radius: calc(16 * var(--mprpx));
  padding: calc(32 * var(--mprpx));
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 calc(2 * var(--mprpx)) calc(12 * var(--mprpx)) color-mix(in srgb, var(--mp-n00), transparent 96%);}#mpScreen[data-route="pages/areaPicker/areaPicker"] .selected-content{
  flex: 1;}#mpScreen[data-route="pages/areaPicker/areaPicker"] .selected-text{
  font-size: calc(32 * var(--mprpx));
  color: var(--mp-ink2);
  line-height: 1.5;}#mpScreen[data-route="pages/areaPicker/areaPicker"] .placeholder-text{
  font-size: calc(32 * var(--mprpx));
  color: var(--mp-n60);}#mpScreen[data-route="pages/areaPicker/areaPicker"] .arrow-icon{
  font-size: calc(28 * var(--mprpx));
  color: var(--mp-n85);
  margin-left: calc(16 * var(--mprpx));}#mpScreen[data-route="pages/areaPicker/areaPicker"] .tips-text{
  font-size: calc(26 * var(--mprpx));
  color: var(--mp-n60);
  margin-top: calc(24 * var(--mprpx));
  padding-left: calc(16 * var(--mprpx));}#mpScreen[data-route="pages/areaPicker/areaPicker"] .area-overlay{
  position: fixed;
  left: 0;
  top: 0;
  width: calc(100 * var(--mpvw));
  height: calc(100 * var(--mpvh));
  background-color: color-mix(in srgb, var(--mp-n00), transparent 50%);
  z-index: 999;
  display: flex;
  align-items: flex-end;}#mpScreen[data-route="pages/areaPicker/areaPicker"] .area-panel{
  width: 100%;
  background-color: var(--mp-n100);
  border-radius: calc(24 * var(--mprpx)) calc(24 * var(--mprpx)) 0 0;
  max-height: calc(80 * var(--mpvh));
  overflow: hidden;}#mpScreen[data-route="pages/areaPicker/areaPicker"] .area-header{
  height: calc(88 * var(--mprpx));
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 calc(32 * var(--mprpx));
  border-bottom: calc(1 * var(--mprpx)) solid var(--mp-line1);}#mpScreen[data-route="pages/areaPicker/areaPicker"] .area-header-cancel{
  font-size: calc(34 * var(--mprpx));
  color: var(--mp-n60);}#mpScreen[data-route="pages/areaPicker/areaPicker"] .area-header-back{
  width: calc(60 * var(--mprpx));
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;}#mpScreen[data-route="pages/areaPicker/areaPicker"] .back-icon{
  font-size: calc(48 * var(--mprpx));
  color: var(--mp-ink2);
  font-weight: 300;
  line-height: 1;}#mpScreen[data-route="pages/areaPicker/areaPicker"] .area-header-title{
  font-size: calc(32 * var(--mprpx));
  font-weight: 500;
  color: var(--mp-ink2);}#mpScreen[data-route="pages/areaPicker/areaPicker"] .area-header-placeholder{
  width: calc(80 * var(--mprpx));}#mpScreen[data-route="pages/areaPicker/areaPicker"] .bread-crumb-wrap{
  display: flex;
  align-items: center;
  height: calc(80 * var(--mprpx));
  background-color: var(--mp-n100);
  border-bottom: calc(1 * var(--mprpx)) solid var(--mp-line1);
  padding: 0 calc(24 * var(--mprpx));
  overflow-x: auto;
  white-space: nowrap;}#mpScreen[data-route="pages/areaPicker/areaPicker"] .crumb-item{
  font-size: calc(28 * var(--mprpx));
  color: var(--mp-n60);
  padding: 0 calc(8 * var(--mprpx));
  flex-shrink: 0;}#mpScreen[data-route="pages/areaPicker/areaPicker"] .crumb-item.crumb-active{
  color: var(--mp-bDeep);
  font-weight: 500;}#mpScreen[data-route="pages/areaPicker/areaPicker"] .crumb-sep{
  font-size: calc(24 * var(--mprpx));
  color: var(--mp-n85);
  flex-shrink: 0;}#mpScreen[data-route="pages/areaPicker/areaPicker"] .area-lists-container{
  height: calc(600 * var(--mprpx));
  background-color: var(--mp-n100);}#mpScreen[data-route="pages/areaPicker/areaPicker"] .area-single-list{
  height: 100%;
  padding: 0 calc(32 * var(--mprpx));
  box-sizing: border-box;}#mpScreen[data-route="pages/areaPicker/areaPicker"] .area-list-item{
  height: calc(96 * var(--mprpx));
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: calc(1 * var(--mprpx)) solid var(--mp-line1);}#mpScreen[data-route="pages/areaPicker/areaPicker"] .area-list-name{
  font-size: calc(30 * var(--mprpx));
  color: var(--mp-ink2);}#mpScreen[data-route="pages/areaPicker/areaPicker"] .area-list-item-on{
  color: var(--mp-bDeep);}#mpScreen[data-route="pages/areaPicker/areaPicker"] .area-list-check{
  font-size: calc(32 * var(--mprpx));
  color: var(--mp-bDeep);}#mpScreen[data-route="pages/areaPicker/areaPicker"] .area-footer{
  padding: calc(32 * var(--mprpx));
  border-top: calc(1 * var(--mprpx)) solid var(--mp-line1);}#mpScreen[data-route="pages/areaPicker/areaPicker"] .area-btn-reset{
  height: calc(88 * var(--mprpx));
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--mp-n100);
  border-radius: calc(12 * var(--mprpx));}#mpScreen[data-route="pages/areaPicker/areaPicker"] .area-btn-text{
  font-size: calc(30 * var(--mprpx));
  color: var(--mp-n38);}



/* ===== pages/privacy/privacy ===== */
#mpScreen[data-route="pages/privacy/privacy"] .privacy-page{
  display: flex;
  flex-direction: column;
  height: calc(100 * var(--mpvh));
  background: linear-gradient(180deg, var(--mp-bgA) 0%, var(--mp-bgB) 100%);}#mpScreen[data-route="pages/privacy/privacy"] .privacy-header{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background-color: var(--mp-n100);
  border-bottom: 1px solid var(--mp-w84);}#mpScreen[data-route="pages/privacy/privacy"] .privacy-back-btn{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 6px 12px;
  border-radius: 20px;
  background-color: var(--mp-w92);}#mpScreen[data-route="pages/privacy/privacy"] .privacy-back-icon{
  font-size: 18px;
  color: var(--mp-x05);
  margin-right: 4px;}#mpScreen[data-route="pages/privacy/privacy"] .privacy-back-text{
  font-size: 14px;
  color: var(--mp-x05);}#mpScreen[data-route="pages/privacy/privacy"] .privacy-title{
  font-size: 17px;
  font-weight: 600;
  color: var(--mp-ink2);
  flex: 1;
  text-align: center;}#mpScreen[data-route="pages/privacy/privacy"] .privacy-header-spacer{
  width: 60px;}#mpScreen[data-route="pages/privacy/privacy"] .privacy-body{
  flex: 1;
  padding: 16px;
  box-sizing: border-box;}#mpScreen[data-route="pages/privacy/privacy"] .privacy-content-text{
  font-size: 14px;
  color: var(--mp-n38);
  line-height: 1.8;
  display: block;
  white-space: pre-wrap;
  word-break: break-word;}#mpScreen[data-route="pages/privacy/privacy"] .privacy-bottom-space{
  height: 30px;}


/* ===== pages/importArea/importArea ===== */
#mpScreen[data-route="pages/importArea/importArea"] .container{
  padding: calc(30 * var(--mprpx)) calc(24 * var(--mprpx));
  min-height: calc(100 * var(--mpvh));
  background-color: var(--mp-n100);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;}#mpScreen[data-route="pages/importArea/importArea"] .page-title{
  font-size: calc(40 * var(--mprpx));
  font-weight: 600;
  color: var(--mp-ink2);
  text-align: center;
  margin-bottom: calc(32 * var(--mprpx));}#mpScreen[data-route="pages/importArea/importArea"] .card{
  background-color: var(--mp-n100);
  border-radius: calc(16 * var(--mprpx));
  padding: calc(32 * var(--mprpx)) calc(28 * var(--mprpx));
  margin-bottom: calc(24 * var(--mprpx));
  box-shadow: 0 calc(2 * var(--mprpx)) calc(12 * var(--mprpx)) color-mix(in srgb, var(--mp-n00), transparent 96%);}#mpScreen[data-route="pages/importArea/importArea"] .card-title{
  font-size: calc(32 * var(--mprpx));
  font-weight: 600;
  color: var(--mp-ink2);
  margin-bottom: calc(24 * var(--mprpx));}#mpScreen[data-route="pages/importArea/importArea"] .info-card .card-content{
  display: flex;
  flex-direction: column;
  gap: calc(12 * var(--mprpx));}#mpScreen[data-route="pages/importArea/importArea"] .info-text{
  font-size: calc(26 * var(--mprpx));
  color: var(--mp-x333);
  line-height: 1.6;}#mpScreen[data-route="pages/importArea/importArea"] .progress-info{
  display: flex;
  justify-content: space-between;
  font-size: calc(26 * var(--mprpx));
  color: var(--mp-x333);
  margin-bottom: calc(16 * var(--mprpx));}#mpScreen[data-route="pages/importArea/importArea"] .progress-bar-container{
  width: 100%;
  height: calc(16 * var(--mprpx));
  background-color: var(--mp-n91);
  border-radius: calc(8 * var(--mprpx));
  overflow: hidden;
  margin-bottom: calc(20 * var(--mprpx));}#mpScreen[data-route="pages/importArea/importArea"] .progress-bar-fill{
  height: 100%;
  background: linear-gradient(90deg, var(--mp-x273) 0%, var(--mp-x334) 100%);
  border-radius: calc(8 * var(--mprpx));
  transition: width 0.3s ease;}#mpScreen[data-route="pages/importArea/importArea"] .stats-info{
  display: flex;
  justify-content: space-between;
  font-size: calc(26 * var(--mprpx));
  color: var(--mp-x333);}#mpScreen[data-route="pages/importArea/importArea"] .success-text{
  color: var(--mp-x335);}#mpScreen[data-route="pages/importArea/importArea"] .fail-text{
  color: var(--mp-x336);}#mpScreen[data-route="pages/importArea/importArea"] .start-btn{
  width: 100%;
  height: calc(92 * var(--mprpx));
  line-height: calc(92 * var(--mprpx));
  background-color: var(--mp-x273);
  color: var(--mp-inkOn);
  font-size: calc(32 * var(--mprpx));
  font-weight: 500;
  border-radius: calc(46 * var(--mprpx));
  text-align: center;
  margin-top: calc(16 * var(--mprpx));
  margin-bottom: calc(24 * var(--mprpx));
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;}#mpScreen[data-route="pages/importArea/importArea"] .start-btn::after{
  border: none;}#mpScreen[data-route="pages/importArea/importArea"] .start-btn[disabled]{
  background-color: var(--mp-x337);
  color: color-mix(in srgb, var(--mp-inkOn), transparent 10%);}#mpScreen[data-route="pages/importArea/importArea"] .log-scroll{
  width: 100%;
  height: calc(500 * var(--mprpx));
  background-color: var(--mp-n18);
  border-radius: calc(8 * var(--mprpx));
  padding: calc(20 * var(--mprpx));
  box-sizing: border-box;}#mpScreen[data-route="pages/importArea/importArea"] .log-item{
  margin-bottom: calc(12 * var(--mprpx));
  display: flex;
  flex-wrap: wrap;}#mpScreen[data-route="pages/importArea/importArea"] .log-time{
  font-size: calc(24 * var(--mprpx));
  color: var(--mp-x338);
  margin-right: calc(8 * var(--mprpx));
  flex-shrink: 0;}#mpScreen[data-route="pages/importArea/importArea"] .log-message{
  font-size: calc(24 * var(--mprpx));
  color: var(--mp-n91);
  line-height: 1.5;}#mpScreen[data-route="pages/importArea/importArea"] .log-success{
  color: var(--mp-x335);}#mpScreen[data-route="pages/importArea/importArea"] .log-error{
  color: var(--mp-x336);}#mpScreen[data-route="pages/importArea/importArea"] .log-warn{
  color: var(--mp-bDeep);}#mpScreen[data-route="pages/importArea/importArea"] .log-info{
  color: var(--mp-x339);}


/* ===== app.ttss（全局统一层） ===== */
/* ============================================================
   爪聘 · 全局统一层（app.ttss）
   这里放"跨页面共用"的设计令牌：卡片标签配色、滚动条外观。
   小程序与 H5 共用同一份，H5 构建时会把它拼在页面样式之后。
   ============================================================ */

/* ------------------------------------------------------------
   🎨 卡片标签统一配色
   规则：标签颜色只由"内容"决定，不再跟着卡片主题色
   （我的收藏=粉 / 我的发布=黄 / 坐等被领养=蓝）跑偏。
     · 品种类型：猫咪=黄、狗狗=蓝、其他=棕
     · 性别：公=蓝、母=粉
     · 绝育：已绝育=绿、未绝育=紫、未知=灰
   ------------------------------------------------------------ */

/* 通用底色重置：三种卡片家族（fun / my-favorite-fun / waiting-fun） */
.fun-type-tag,
.fun-gender-tag-gong,
.fun-gender-tag-mu,
.fun-status-tag,
.my-favorite-fun-type-tag,
.my-favorite-fun-gender-tag-gong,
.my-favorite-fun-gender-tag-mu,
.my-favorite-fun-status-tag,
.waiting-fun-type-tag,
.waiting-fun-gender-tag-gong,
.waiting-fun-gender-tag-mu,
.waiting-fun-status-tag {
  border-radius: 12px !important;
  border-width: 1px !important;
  border-style: solid !important;
  box-shadow: 0 2px 6px color-mix(in srgb, var(--mp-n08), transparent 93%) !important;}

.fun-tag-text,
.my-favorite-fun-tag-text,
.waiting-fun-tag-text {
  font-weight: 700 !important;
  letter-spacing: 0.2px !important;}

/* ---- 品种类型 ---- */
/* 🐱 猫咪 = 黄色 */
.fun-type-tag.lei-mao,
.my-favorite-fun-type-tag.lei-mao,
.waiting-fun-type-tag.lei-mao {
  background: linear-gradient(135deg, var(--mp-x47) 0%, var(--mp-x72) 100%) !important;
  border-color: color-mix(in srgb, var(--mp-x66), transparent 62%) !important;}
.fun-type-tag.lei-mao .fun-tag-text,
.my-favorite-fun-type-tag.lei-mao .my-favorite-fun-tag-text,
.waiting-fun-type-tag.lei-mao .waiting-fun-tag-text {
  color: var(--mp-x289) !important;}

/* 🐶 狗狗 = 蓝色 */
.fun-type-tag.lei-gou,
.my-favorite-fun-type-tag.lei-gou,
.waiting-fun-type-tag.lei-gou {
  background: linear-gradient(135deg, var(--mp-x340) 0%, var(--mp-x38) 100%) !important;
  border-color: color-mix(in srgb, var(--mp-x08), transparent 66%) !important;}
.fun-type-tag.lei-gou .fun-tag-text,
.my-favorite-fun-type-tag.lei-gou .my-favorite-fun-tag-text,
.waiting-fun-type-tag.lei-gou .waiting-fun-tag-text {
  color: var(--mp-x341) !important;}

/* 🐾 其他 = 棕色 */
.fun-type-tag.lei-qita,
.my-favorite-fun-type-tag.lei-qita,
.waiting-fun-type-tag.lei-qita {
  background: linear-gradient(135deg, var(--mp-w92) 0%, var(--mp-w68) 100%) !important;
  border-color: color-mix(in srgb, var(--mp-w42), transparent 66%) !important;}
.fun-type-tag.lei-qita .fun-tag-text,
.my-favorite-fun-type-tag.lei-qita .my-favorite-fun-tag-text,
.waiting-fun-type-tag.lei-qita .waiting-fun-tag-text {
  color: var(--mp-w42) !important;}

/* ---- 性别 ---- */
/* ♂ 公 = 蓝色 */
.fun-gender-tag-gong,
.my-favorite-fun-gender-tag-gong,
.waiting-fun-gender-tag-gong {
  background: linear-gradient(135deg, var(--mp-x340) 0%, var(--mp-x342) 100%) !important;
  border-color: color-mix(in srgb, var(--mp-x39), transparent 66%) !important;}
.fun-gender-tag-gong .fun-tag-text,
.my-favorite-fun-gender-tag-gong .my-favorite-fun-tag-text,
.waiting-fun-gender-tag-gong .waiting-fun-tag-text {
  color: var(--mp-x27) !important;}

/* ♀ 母 = 粉色 */
.fun-gender-tag-mu,
.my-favorite-fun-gender-tag-mu,
.waiting-fun-gender-tag-mu {
  background: linear-gradient(135deg, var(--mp-x343) 0%, var(--mp-x15) 100%) !important;
  border-color: color-mix(in srgb, var(--mp-x16), transparent 70%) !important;}
.fun-gender-tag-mu .fun-tag-text,
.my-favorite-fun-gender-tag-mu .my-favorite-fun-tag-text,
.waiting-fun-gender-tag-mu .waiting-fun-tag-text {
  color: var(--mp-x17) !important;}

/* ---- 绝育情况 ---- */
/* ✅ 已绝育 = 绿色（无修饰类时即为已绝育） */
.fun-status-tag,
.my-favorite-fun-status-tag,
.waiting-fun-status-tag {
  background: linear-gradient(135deg, var(--mp-x290) 0%, var(--mp-x65) 100%) !important;
  border-color: color-mix(in srgb, var(--mp-x57), transparent 66%) !important;}
.fun-status-tag .fun-tag-text,
.my-favorite-fun-status-tag .my-favorite-fun-tag-text,
.waiting-fun-status-tag .waiting-fun-tag-text {
  color: var(--mp-x42) !important;}

/* ⚠️ 未绝育 = 紫色 */
.fun-status-tag.zhuangtai-wei-jueyu,
.my-favorite-fun-status-tag.zhuangtai-wei-jueyu,
.waiting-fun-status-tag.zhuangtai-wei-jueyu {
  background: linear-gradient(135deg, var(--mp-x344) 0%, var(--mp-x345) 100%) !important;
  border-color: color-mix(in srgb, var(--mp-x346), transparent 70%) !important;}
.fun-status-tag.zhuangtai-wei-jueyu .fun-tag-text,
.my-favorite-fun-status-tag.zhuangtai-wei-jueyu .my-favorite-fun-tag-text,
.waiting-fun-status-tag.zhuangtai-wei-jueyu .waiting-fun-tag-text {
  color: var(--mp-x293) !important;}

/* 🤷 未知 = 中性灰 */
.fun-status-tag.zhuangtai-weizhi,
.my-favorite-fun-status-tag.zhuangtai-weizhi,
.waiting-fun-status-tag.zhuangtai-weizhi {
  background: linear-gradient(135deg, var(--mp-n96) 0%, var(--mp-n91) 100%) !important;
  border-color: color-mix(in srgb, var(--mp-n60), transparent 70%) !important;}
.fun-status-tag.zhuangtai-weizhi .fun-tag-text,
.my-favorite-fun-status-tag.zhuangtai-weizhi .my-favorite-fun-tag-text,
.waiting-fun-status-tag.zhuangtai-weizhi .waiting-fun-tag-text {
  color: var(--mp-n38) !important;}

/* ------------------------------------------------------------
   🐾 全局滑动带：彻底隐藏所有滚动条，只保留滚动能力
   ------------------------------------------------------------ */
* {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;}

*::-webkit-scrollbar,
*::-webkit-scrollbar-track,
*::-webkit-scrollbar-thumb,
*::-webkit-scrollbar-corner {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
  background: transparent !important;}