/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* Icon 公共样式 */
.icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon.icon-sm {
  width: 1.25rem;
  height: 1.25rem;
}
.icon.icon-base {
  width: 1.625rem;
  height: 1.625rem;
}
.icon.icon-lg {
  width: 2.5rem;
  height: 2.5rem;
}
.icon-buy {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-eye-close {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABSJJREFUaEPtmGmopmMYx39/S3ayRihb0RCyZPkgiaQmg4whe01iDBGN7YOZEllHYkwTPsgaZYYkEYqayJpskSXEYKwJYS7PX/d7es5znuWdc97e58yZ56r303s99339r/+13mItE61leOkAT3XGO4Y7hqeYB7qQnmKEjoHTMdwxPMU80IX0FCO0K1pdSPdiICI2BbYHVkj6bU0I9YjYGtiyzuZShiPieOBawAf8mIGdL+nJyQw62TwP2KnO5jGAI2Jv4Blg5xzAFcBM4BVJMdmAR8QhwBPADjnbvgVOkrQ8b28Z4AuBW4ENcor/Ao9loXKBpJ8nE+CIcAjfB8yAUQ8a/wBXSjKWESkDPAe4rQDYH/wJ3Chp/iQDvAC4Cli/YJcBXyHJWGoB7wcsBXapAOYLFkr6pU3gEbEFcGmqNWWmfAmcLOm1WsD+MyLM8l0VgMz048Atkt5pA3RE7AVcY0DAhhU2XA3cLMlMVzOcAK8H3A+cVnGYc/ob4HZgybDaVkRsBpyXVeGLgR2BdSvsc0c5VdIfxf8rB4+I2A54ADiq5uBVwBvAIuAFYKWk3wfFekTYvo2BrYDDs3NdP8xulZgI23GGpO/KlGonrRQ6dwDH9AHiI+BlwDnzVnbpJ+Ot6Gno2RM4OGuRbjmHNgDtmfec2Zf0YZW9jaNlROwKvF+TK/mz3aOd425dK4FPUwTYGTbih6yi/uXBQNKqFKKbp2HBPXRfYFpWNPfPWqPD1y1noz6cbRXfO03SZ3X6TQzbCOfy0X1e2rba85mTz5Lk+lIqdTlssA7nEwAXsTVBXJHdUh3WpaCrZulN0odH1oD9KoViG45wYbSNZWLQL5mosgJaNmk1hbEP9Nx6PnCgx03gIGCblOeNdWEcHnJ7cf6/nuYDF8XFwIk1hJSG9yjj0lzqFuOGXhXGnqnnSfrchkeE9fZJFdVT2pnZaOpCNAjxWvog8KYXF+Dj3iAREZ4Eb0pLTRXTHpDmSPqpp1AE7MVhYclc2tN/OPP0XEleGcdIxdZiPffHL9J87qXEfXUdwIB+TRXWa11+YfF3X2esTpf0dsV9PufOmgHpb4+fkkamxiJgh6qLVFFGwrgKbGLb7DpC/HiQF7PjudZrZpmjnEbLUpTk/7czZktyVJVKRBh0XXgvzUZgh/7/UgTszcIDeVFGhXGF0d5Wrs9Yu6x4blbc7kmVc8yolxzlAmSmzimc7ci4ITtvQXEmzus1hPciSY7cUsDOQSe7C1BPasO4pxQR/uahkqnMIC+RtKSGJTv+opSTxbB+Cjg7n4cVDi8Lbxe6YyW5BpQCdl65Fc1NLx5Oenuo8U0rIvZI7cBDfV6+B2ZJerEKcGLZM/sjWRXetqDn9ndE0wSVzvB05gj1Y4Bn6esywMs91ZUCrjOo6b+ImJ61KbNRlPfsREn2dqVEhB8Mneu7F5RcP46T5MibsAysZ0bE3ak3F41ySpze9BaWNiPrzipBtTgreO73E5ZBAvaW5O2mKDMlOTUaJSLOTe9TRd1XJXljmrAMErCXDLelvDj3d2sK594HEeH8/yBtSvlz7pU0e8JoS9rHuM+MiAOAZ3MV3mugm75DvW+JiMtTselVa697MyS92/chNYqDZNgV/rD0BOOe/GgW4k/X9c8yuyLCQE9JP4N1l6hc6FfXCQMDvLoXt6XfAW7L88O6t2N4WJ5u656O4bY8P6x7O4aH5em27ukYbsvzw7q3Y3hYnm7rno7htjw/rHs7hofl6bbu+Q8y/I1MlypJVQAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-eye-open {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-right {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAjVJREFUeF7tmjFKA1EURc9DrVyBlegKbARLBRcgVlb2NoJYaCdYaSGClbWVlbgAQUvBxhUoVq7ASuXrhwSCZJJJfvLnfvOmnoSZk3tuMi/P8KMnAXM+vQk4oD4JcUAOKK1EPEGeIE9QGgFPUBo/7yBPkCcojYAnKI2fd5AnqIAEhRCmgGXgElgEHoEj4MnMvtJuYbyvzqJYCGEJuAEWOm7nHdgFbpUh5QK0B5wCM38+7whp28zuxpuD4d89F6B94ASY7nKpH8AG8KCYpFyAVoBrYL7is5TVLRegWNJrsW+A2R6Q5HTLAqgNJISw/vstdgXMVUCS0y03oNhBsW8uekCS0i0roJiaEEKEtFqKbtkBlaZbk4CK0K0xQKXo1iigEnRTASSrmwQgZd1kAKnqpghISjc5QGq6SQIaQrd7M/sefupT/Up1QHV0ewO2zCyOcUd+SAOqqVucaR+a2dnI6QD/AdAncGBm5xMHqPXk32888gpsmtnzJAKqO2CbrJJWmhnJdVBNrbJNHRUB1dUqy99EMoCUtOosewlAalopApLSSgaQqlYSgJS1UgEkq1WjgErQqjFApWjVJKAitMoOqLWj6OsvVeOGih3FztOzPVsNOhLJ8ks6hFC1oxivV24nqAnFqnYUfYmzNVfutqMoq1UTCWovkh8DEdYLsOOL5IM2ouD5WUpa8L5rX5ID6oPKATmg2jZ1PdET5AnyBKUR8ASl8fMO8gR5gtIIeILS+HkHeYLSEvQDC10WWC4gLXUAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* rich-text 富文本公共样式 */
.rich-content {
  color: #333;
  font-size: 0.875rem;
  line-height: 1.6;
  word-break: break-word;
}
.rich-content * {
  font-size: inherit !important;
  line-height: inherit !important;
}
.rich-content p {
  margin: 0 0 0.5rem;
}
.rich-content img {
  max-width: 100%;
  height: auto;
}
.rich-content a {
  color: #007aff;
}
.rich-content ul, .rich-content ol {
  margin: 0.5rem 0;
  padding-left: 1.25rem;
}
.rich-content li {
  margin-bottom: 0.25rem;
}
.rich-content strong, .rich-content b {
  font-weight: bold;
}
.rich-content em, .rich-content i {
  font-style: italic;
}

/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* Icon 公共样式 */
.icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon.icon-sm {
  width: 1.25rem;
  height: 1.25rem;
}
.icon.icon-base {
  width: 1.625rem;
  height: 1.625rem;
}
.icon.icon-lg {
  width: 2.5rem;
  height: 2.5rem;
}
.icon-buy {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-eye-close {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABSJJREFUaEPtmGmopmMYx39/S3ayRihb0RCyZPkgiaQmg4whe01iDBGN7YOZEllHYkwTPsgaZYYkEYqayJpskSXEYKwJYS7PX/d7es5znuWdc97e58yZ56r303s99339r/+13mItE61leOkAT3XGO4Y7hqeYB7qQnmKEjoHTMdwxPMU80IX0FCO0K1pdSPdiICI2BbYHVkj6bU0I9YjYGtiyzuZShiPieOBawAf8mIGdL+nJyQw62TwP2KnO5jGAI2Jv4Blg5xzAFcBM4BVJMdmAR8QhwBPADjnbvgVOkrQ8b28Z4AuBW4ENcor/Ao9loXKBpJ8nE+CIcAjfB8yAUQ8a/wBXSjKWESkDPAe4rQDYH/wJ3Chp/iQDvAC4Cli/YJcBXyHJWGoB7wcsBXapAOYLFkr6pU3gEbEFcGmqNWWmfAmcLOm1WsD+MyLM8l0VgMz048Atkt5pA3RE7AVcY0DAhhU2XA3cLMlMVzOcAK8H3A+cVnGYc/ob4HZgybDaVkRsBpyXVeGLgR2BdSvsc0c5VdIfxf8rB4+I2A54ADiq5uBVwBvAIuAFYKWk3wfFekTYvo2BrYDDs3NdP8xulZgI23GGpO/KlGonrRQ6dwDH9AHiI+BlwDnzVnbpJ+Ot6Gno2RM4OGuRbjmHNgDtmfec2Zf0YZW9jaNlROwKvF+TK/mz3aOd425dK4FPUwTYGTbih6yi/uXBQNKqFKKbp2HBPXRfYFpWNPfPWqPD1y1noz6cbRXfO03SZ3X6TQzbCOfy0X1e2rba85mTz5Lk+lIqdTlssA7nEwAXsTVBXJHdUh3WpaCrZulN0odH1oD9KoViG45wYbSNZWLQL5mosgJaNmk1hbEP9Nx6PnCgx03gIGCblOeNdWEcHnJ7cf6/nuYDF8XFwIk1hJSG9yjj0lzqFuOGXhXGnqnnSfrchkeE9fZJFdVT2pnZaOpCNAjxWvog8KYXF+Dj3iAREZ4Eb0pLTRXTHpDmSPqpp1AE7MVhYclc2tN/OPP0XEleGcdIxdZiPffHL9J87qXEfXUdwIB+TRXWa11+YfF3X2esTpf0dsV9PufOmgHpb4+fkkamxiJgh6qLVFFGwrgKbGLb7DpC/HiQF7PjudZrZpmjnEbLUpTk/7czZktyVJVKRBh0XXgvzUZgh/7/UgTszcIDeVFGhXGF0d5Wrs9Yu6x4blbc7kmVc8yolxzlAmSmzimc7ci4ITtvQXEmzus1hPciSY7cUsDOQSe7C1BPasO4pxQR/uahkqnMIC+RtKSGJTv+opSTxbB+Cjg7n4cVDi8Lbxe6YyW5BpQCdl65Fc1NLx5Oenuo8U0rIvZI7cBDfV6+B2ZJerEKcGLZM/sjWRXetqDn9ndE0wSVzvB05gj1Y4Bn6esywMs91ZUCrjOo6b+ImJ61KbNRlPfsREn2dqVEhB8Mneu7F5RcP46T5MibsAysZ0bE3ak3F41ySpze9BaWNiPrzipBtTgreO73E5ZBAvaW5O2mKDMlOTUaJSLOTe9TRd1XJXljmrAMErCXDLelvDj3d2sK594HEeH8/yBtSvlz7pU0e8JoS9rHuM+MiAOAZ3MV3mugm75DvW+JiMtTselVa697MyS92/chNYqDZNgV/rD0BOOe/GgW4k/X9c8yuyLCQE9JP4N1l6hc6FfXCQMDvLoXt6XfAW7L88O6t2N4WJ5u656O4bY8P6x7O4aH5em27ukYbsvzw7q3Y3hYnm7rno7htjw/rHs7hofl6bbu+Q8y/I1MlypJVQAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-eye-open {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-right {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAjVJREFUeF7tmjFKA1EURc9DrVyBlegKbARLBRcgVlb2NoJYaCdYaSGClbWVlbgAQUvBxhUoVq7ASuXrhwSCZJJJfvLnfvOmnoSZk3tuMi/P8KMnAXM+vQk4oD4JcUAOKK1EPEGeIE9QGgFPUBo/7yBPkCcojYAnKI2fd5AnqIAEhRCmgGXgElgEHoEj4MnMvtJuYbyvzqJYCGEJuAEWOm7nHdgFbpUh5QK0B5wCM38+7whp28zuxpuD4d89F6B94ASY7nKpH8AG8KCYpFyAVoBrYL7is5TVLRegWNJrsW+A2R6Q5HTLAqgNJISw/vstdgXMVUCS0y03oNhBsW8uekCS0i0roJiaEEKEtFqKbtkBlaZbk4CK0K0xQKXo1iigEnRTASSrmwQgZd1kAKnqpghISjc5QGq6SQIaQrd7M/sefupT/Up1QHV0ewO2zCyOcUd+SAOqqVucaR+a2dnI6QD/AdAncGBm5xMHqPXk32888gpsmtnzJAKqO2CbrJJWmhnJdVBNrbJNHRUB1dUqy99EMoCUtOosewlAalopApLSSgaQqlYSgJS1UgEkq1WjgErQqjFApWjVJKAitMoOqLWj6OsvVeOGih3FztOzPVsNOhLJ8ks6hFC1oxivV24nqAnFqnYUfYmzNVfutqMoq1UTCWovkh8DEdYLsOOL5IM2ouD5WUpa8L5rX5ID6oPKATmg2jZ1PdET5AnyBKUR8ASl8fMO8gR5gtIIeILS+HkHeYLSEvQDC10WWC4gLXUAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* rich-text 富文本公共样式 */
.rich-content {
  color: #333;
  font-size: 0.875rem;
  line-height: 1.6;
  word-break: break-word;
}
.rich-content * {
  font-size: inherit !important;
  line-height: inherit !important;
}
.rich-content p {
  margin: 0 0 0.5rem;
}
.rich-content img {
  max-width: 100%;
  height: auto;
}
.rich-content a {
  color: #007aff;
}
.rich-content ul, .rich-content ol {
  margin: 0.5rem 0;
  padding-left: 1.25rem;
}
.rich-content li {
  margin-bottom: 0.25rem;
}
.rich-content strong, .rich-content b {
  font-weight: bold;
}
.rich-content em, .rich-content i {
  font-style: italic;
}
.an-home {
  position: relative;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  box-sizing: border-box;
  overflow: hidden;
  padding: calc(env(safe-area-inset-top) + 26px) 22px calc(env(safe-area-inset-bottom) + 14px);
  color: var(--an-text, #2e2a23);
  background: var(--an-ink, #f7f1e6);
}
.an-home__copy,
.an-home__chart,
.an-home__panel {
  position: relative;
  z-index: 1;
}
.an-home__copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
}
.an-rule {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.an-rule__line {
  width: 34px;
  height: 1px;
  background: linear-gradient(90deg, rgba(200, 164, 92, 0), var(--an-gold, #c8a45c));
}
.an-rule__line:last-child {
  background: linear-gradient(90deg, var(--an-gold, #c8a45c), rgba(200, 164, 92, 0));
}
.an-rule__word {
  color: var(--an-gold, #c8a45c);
  font-size: 13px;
  letter-spacing: 0.32em;
  text-indent: 0.32em;
}
.an-title {
  font-family: var(--an-serif, serif);
  /* 比原来的 34–46px 收了一档：这行从产品名换成了问句，字数多了两个，
     再按老尺寸走会在 iPhone SE 上折成三行，把图表挤下折叠线 */
  font-size: clamp(29px, 8.4vw, 40px);
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: 0.04em;
  text-indent: 0.04em;
  color: var(--an-cream, #2e2a23);
  text-shadow: 0 2px 22px rgba(110, 84, 48, 0.14);
}
.an-lead {
  color: var(--an-text-dim, #4a443a);
  font-size: 13px;
  line-height: 1.65;
  letter-spacing: 0.02em;
}

/* ---- 柱状图 ---- */
/* 顶掉原插画层的位置：flex 中段，剩多少高度就占多少，短屏长屏都不压到文字 */
.an-home__chart {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  min-height: 0;
  margin: 16px 0 8px;
}
.an-chart {
  background: #fff;
  border-radius: 14px;
  padding: 14px 10px 12px;
  box-shadow: 0 2px 14px rgba(110, 84, 48, 0.09);
}
.an-plot + .an-plot {
  /* 两行之间必须隔开。不隔的话第二行的数字正好落在第一行动物名下方，
     会被读成第一行的（陆龟的数字贴着雪鸮） */
  margin-top: 18px;
  padding-top: 15px;
  border-top: 1px solid rgba(200, 164, 92, 0.16);
}
.an-plot__field {
  position: relative;
}
.an-plot__field::before,
.an-plot__field::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  border-top: 1px dashed rgba(200, 164, 92, 0.26);
  z-index: 0;
}
.an-plot__field::before {
  top: 34%;
}
.an-plot__field::after {
  top: 64%;
}
.an-plot__bars,
.an-plot__legend {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 2px;
}
.an-plot__bars {
  position: relative;
  z-index: 1;
  height: 100px;
  border-bottom: 2px solid var(--an-cream, #2e2a23);
}
.an-col {
  display: flex;
  height: 100%;
  flex-direction: column;
  /* 数字贴柱顶的关键一行：整列底对齐，柱子长高就把数字顶上去 */
  justify-content: flex-end;
}
.an-col__pct {
  height: 13px;
  line-height: 13px;
  text-align: center;
  color: var(--an-text-dim, #4a443a);
  font-size: 10px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
}
.an-col__bar {
  width: 80%;
  margin: 0 auto;
  border-radius: 3px 3px 0 0;
}
.an-plot__legend {
  margin-top: 7px;
}
.an-lg {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.an-lg__ico {
  width: 28px;
  height: 28px;
}
.an-lg__nm {
  font-size: 9.5px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.03em;
}
.an-chart__note {
  text-align: center;
  color: var(--an-text-mute, #857e71);
  font-size: 12px;
  letter-spacing: 0.12em;
  text-indent: 0.12em;
}

/* ---- 底部功能区 ---- */
.an-home__panel {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
}
.an-facts {
  display: flex;
  align-items: stretch;
  padding: 4px 0;
  border-top: 1px solid var(--an-line, rgba(200, 164, 92, 0.28));
  border-bottom: 1px solid var(--an-line, rgba(200, 164, 92, 0.28));
}
.an-fact {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 12px 4px;
  border-right: 1px solid var(--an-line, rgba(200, 164, 92, 0.28));
}
.an-fact:last-child {
  border-right: 0;
}
.an-fact__n {
  color: var(--an-cream, #2e2a23);
  font-family: var(--an-serif, serif);
  font-size: 24px;
  line-height: 1.1;
  letter-spacing: 0.02em;
  font-variant-numeric: tabular-nums;
}
.an-fact__u {
  color: var(--an-text-dim, #4a443a);
  font-size: 12px;
  letter-spacing: 0.08em;
}
.an-cta {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 54px;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: linear-gradient(180deg, var(--an-brick-2, #8a2a18), var(--an-brick, #6a1c10));
  border: 1px solid rgba(200, 164, 92, 0.55);
  border-radius: 4px;
  box-shadow: 0 10px 26px rgba(110, 84, 48, 0.5);
}
.an-cta::after {
  border: none;
}
.an-cta__t {
  /* CTA 底是陶土红渐变，字必须白 —— 不能跟着 --an-cream 走（它已翻成纸上的深色文字） */
  color: #fdfaf4;
  font-family: var(--an-serif, serif);
  font-size: 18px;
  letter-spacing: 0.24em;
  text-indent: 0.24em;
}
.an-cta[disabled] {
  opacity: 0.55;
}
.an-resume {
  align-self: center;
  color: var(--an-gold, #c8a45c);
  font-size: 13px;
  letter-spacing: 0.06em;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.an-home__foot {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding-top: 4px;
  text-align: center;
}
.an-home__notice,
.an-home__record {
  color: var(--an-text-mute, #857e71);
  font-size: 11px;
  line-height: 1.6;
}

/* 渠道风险提示比合规声明稍深一点，确保在暖米白纸底上清晰可读 */
.an-home__paytip {
  color: var(--an-text-mute, #6b6355); /* --an-text-soft 从未定义过，一直在吃 fallback；浅底下 2.78 不合格 */
  font-size: 11px;
  line-height: 1.6;
}

/* 窄屏（320px 一类）：八列每格只剩 30px，图标和名字都得收，否则「独角鲸」三个字会撑出格 */
@media (max-width: 360px) {
.an-lg__ico {
    width: 24px;
    height: 24px;
}
.an-lg__nm {
    font-size: 9px;
    letter-spacing: -0.06em;
}
.an-col__pct {
    font-size: 9px;
}
.an-chart {
    padding: 12px 7px 10px;
}
}
/* 矮屏（iPhone SE 一类）：图表压一档，保证 CTA 还在首屏内 */
@media (max-height: 700px) {
.an-plot__bars {
    height: 78px;
}
.an-plot + .an-plot {
    margin-top: 13px;
    padding-top: 11px;
}
.an-home__chart {
    margin: 10px 0 6px;
    gap: 7px;
}
.an-lg__ico {
    width: 24px;
    height: 24px;
}
}
/* 桌面：文案与功能区在左栏，图表独占右栏 */
@media (min-width: 1100px) {
.an-home {
    display: grid;
    grid-template-columns: minmax(360px, 46%) 1fr;
    grid-template-rows: auto auto;
    align-content: center;
    padding: 48px clamp(40px, 6vw, 96px) 40px;
}
.an-home__copy {
    grid-column: 1;
    grid-row: 1;
    align-items: flex-start;
    max-width: 620px;
    text-align: left;
}
.an-title {
    font-size: clamp(40px, 3.8vw, 56px);
}
.an-lead {
    font-size: 16px;
}
.an-home__chart {
    grid-column: 2;
    grid-row: 1/span 2;
    align-self: center;
    margin: 0 0 0 clamp(28px, 4vw, 72px);
    flex: 0 0 auto;
}
.an-plot__bars {
    height: 128px;
}
.an-lg__ico {
    width: 34px;
    height: 34px;
}
.an-lg__nm {
    font-size: 11px;
}
.an-col__pct {
    font-size: 11px;
    height: 15px;
    line-height: 15px;
}
.an-home__panel {
    grid-column: 1;
    grid-row: 2;
    margin-top: 30px;
    max-width: 620px;
    align-items: flex-start;
}
.an-facts {
    width: 100%;
}
.an-fact {
    padding: 14px 4px;
}
.an-fact__n {
    font-size: 28px;
}
  /*
   * margin-inline:0 是必需的，不是多余的一行：uni-app 给 uni-button 的默认样式里带
   * `margin-left:auto; margin-right:auto`，它比父级的 align-items:flex-start 优先，
   * 于是 CTA 在 620px 的栏里被居中、左右各吃掉 100px，而同栏的三事实与页脚
   * 全是左对齐——这条 100px 的错位就直接摆在脸上了。
   */
.an-cta {
    max-width: 420px;
    min-height: 58px;
    margin-left: 0;
    margin-right: 0;
}
.an-resume {
    align-self: flex-start;
}
.an-home__foot {
    text-align: left;
}
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* Icon 公共样式 */
.icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon.icon-sm {
  width: 1.25rem;
  height: 1.25rem;
}
.icon.icon-base {
  width: 1.625rem;
  height: 1.625rem;
}
.icon.icon-lg {
  width: 2.5rem;
  height: 2.5rem;
}
.icon-buy {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-eye-close {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABSJJREFUaEPtmGmopmMYx39/S3ayRihb0RCyZPkgiaQmg4whe01iDBGN7YOZEllHYkwTPsgaZYYkEYqayJpskSXEYKwJYS7PX/d7es5znuWdc97e58yZ56r303s99339r/+13mItE61leOkAT3XGO4Y7hqeYB7qQnmKEjoHTMdwxPMU80IX0FCO0K1pdSPdiICI2BbYHVkj6bU0I9YjYGtiyzuZShiPieOBawAf8mIGdL+nJyQw62TwP2KnO5jGAI2Jv4Blg5xzAFcBM4BVJMdmAR8QhwBPADjnbvgVOkrQ8b28Z4AuBW4ENcor/Ao9loXKBpJ8nE+CIcAjfB8yAUQ8a/wBXSjKWESkDPAe4rQDYH/wJ3Chp/iQDvAC4Cli/YJcBXyHJWGoB7wcsBXapAOYLFkr6pU3gEbEFcGmqNWWmfAmcLOm1WsD+MyLM8l0VgMz048Atkt5pA3RE7AVcY0DAhhU2XA3cLMlMVzOcAK8H3A+cVnGYc/ob4HZgybDaVkRsBpyXVeGLgR2BdSvsc0c5VdIfxf8rB4+I2A54ADiq5uBVwBvAIuAFYKWk3wfFekTYvo2BrYDDs3NdP8xulZgI23GGpO/KlGonrRQ6dwDH9AHiI+BlwDnzVnbpJ+Ot6Gno2RM4OGuRbjmHNgDtmfec2Zf0YZW9jaNlROwKvF+TK/mz3aOd425dK4FPUwTYGTbih6yi/uXBQNKqFKKbp2HBPXRfYFpWNPfPWqPD1y1noz6cbRXfO03SZ3X6TQzbCOfy0X1e2rba85mTz5Lk+lIqdTlssA7nEwAXsTVBXJHdUh3WpaCrZulN0odH1oD9KoViG45wYbSNZWLQL5mosgJaNmk1hbEP9Nx6PnCgx03gIGCblOeNdWEcHnJ7cf6/nuYDF8XFwIk1hJSG9yjj0lzqFuOGXhXGnqnnSfrchkeE9fZJFdVT2pnZaOpCNAjxWvog8KYXF+Dj3iAREZ4Eb0pLTRXTHpDmSPqpp1AE7MVhYclc2tN/OPP0XEleGcdIxdZiPffHL9J87qXEfXUdwIB+TRXWa11+YfF3X2esTpf0dsV9PufOmgHpb4+fkkamxiJgh6qLVFFGwrgKbGLb7DpC/HiQF7PjudZrZpmjnEbLUpTk/7czZktyVJVKRBh0XXgvzUZgh/7/UgTszcIDeVFGhXGF0d5Wrs9Yu6x4blbc7kmVc8yolxzlAmSmzimc7ci4ITtvQXEmzus1hPciSY7cUsDOQSe7C1BPasO4pxQR/uahkqnMIC+RtKSGJTv+opSTxbB+Cjg7n4cVDi8Lbxe6YyW5BpQCdl65Fc1NLx5Oenuo8U0rIvZI7cBDfV6+B2ZJerEKcGLZM/sjWRXetqDn9ndE0wSVzvB05gj1Y4Bn6esywMs91ZUCrjOo6b+ImJ61KbNRlPfsREn2dqVEhB8Mneu7F5RcP46T5MibsAysZ0bE3ak3F41ySpze9BaWNiPrzipBtTgreO73E5ZBAvaW5O2mKDMlOTUaJSLOTe9TRd1XJXljmrAMErCXDLelvDj3d2sK594HEeH8/yBtSvlz7pU0e8JoS9rHuM+MiAOAZ3MV3mugm75DvW+JiMtTselVa697MyS92/chNYqDZNgV/rD0BOOe/GgW4k/X9c8yuyLCQE9JP4N1l6hc6FfXCQMDvLoXt6XfAW7L88O6t2N4WJ5u656O4bY8P6x7O4aH5em27ukYbsvzw7q3Y3hYnm7rno7htjw/rHs7hofl6bbu+Q8y/I1MlypJVQAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-eye-open {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-right {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAjVJREFUeF7tmjFKA1EURc9DrVyBlegKbARLBRcgVlb2NoJYaCdYaSGClbWVlbgAQUvBxhUoVq7ASuXrhwSCZJJJfvLnfvOmnoSZk3tuMi/P8KMnAXM+vQk4oD4JcUAOKK1EPEGeIE9QGgFPUBo/7yBPkCcojYAnKI2fd5AnqIAEhRCmgGXgElgEHoEj4MnMvtJuYbyvzqJYCGEJuAEWOm7nHdgFbpUh5QK0B5wCM38+7whp28zuxpuD4d89F6B94ASY7nKpH8AG8KCYpFyAVoBrYL7is5TVLRegWNJrsW+A2R6Q5HTLAqgNJISw/vstdgXMVUCS0y03oNhBsW8uekCS0i0roJiaEEKEtFqKbtkBlaZbk4CK0K0xQKXo1iigEnRTASSrmwQgZd1kAKnqpghISjc5QGq6SQIaQrd7M/sefupT/Up1QHV0ewO2zCyOcUd+SAOqqVucaR+a2dnI6QD/AdAncGBm5xMHqPXk32888gpsmtnzJAKqO2CbrJJWmhnJdVBNrbJNHRUB1dUqy99EMoCUtOosewlAalopApLSSgaQqlYSgJS1UgEkq1WjgErQqjFApWjVJKAitMoOqLWj6OsvVeOGih3FztOzPVsNOhLJ8ks6hFC1oxivV24nqAnFqnYUfYmzNVfutqMoq1UTCWovkh8DEdYLsOOL5IM2ouD5WUpa8L5rX5ID6oPKATmg2jZ1PdET5AnyBKUR8ASl8fMO8gR5gtIIeILS+HkHeYLSEvQDC10WWC4gLXUAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* rich-text 富文本公共样式 */
.rich-content {
  color: #333;
  font-size: 0.875rem;
  line-height: 1.6;
  word-break: break-word;
}
.rich-content * {
  font-size: inherit !important;
  line-height: inherit !important;
}
.rich-content p {
  margin: 0 0 0.5rem;
}
.rich-content img {
  max-width: 100%;
  height: auto;
}
.rich-content a {
  color: #007aff;
}
.rich-content ul, .rich-content ol {
  margin: 0.5rem 0;
  padding-left: 1.25rem;
}
.rich-content li {
  margin-bottom: 0.25rem;
}
.rich-content strong, .rich-content b {
  font-weight: bold;
}
.rich-content em, .rich-content i {
  font-style: italic;
}

/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* Icon 公共样式 */
.icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon.icon-sm {
  width: 1.25rem;
  height: 1.25rem;
}
.icon.icon-base {
  width: 1.625rem;
  height: 1.625rem;
}
.icon.icon-lg {
  width: 2.5rem;
  height: 2.5rem;
}
.icon-buy {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-eye-close {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABSJJREFUaEPtmGmopmMYx39/S3ayRihb0RCyZPkgiaQmg4whe01iDBGN7YOZEllHYkwTPsgaZYYkEYqayJpskSXEYKwJYS7PX/d7es5znuWdc97e58yZ56r303s99339r/+13mItE61leOkAT3XGO4Y7hqeYB7qQnmKEjoHTMdwxPMU80IX0FCO0K1pdSPdiICI2BbYHVkj6bU0I9YjYGtiyzuZShiPieOBawAf8mIGdL+nJyQw62TwP2KnO5jGAI2Jv4Blg5xzAFcBM4BVJMdmAR8QhwBPADjnbvgVOkrQ8b28Z4AuBW4ENcor/Ao9loXKBpJ8nE+CIcAjfB8yAUQ8a/wBXSjKWESkDPAe4rQDYH/wJ3Chp/iQDvAC4Cli/YJcBXyHJWGoB7wcsBXapAOYLFkr6pU3gEbEFcGmqNWWmfAmcLOm1WsD+MyLM8l0VgMz048Atkt5pA3RE7AVcY0DAhhU2XA3cLMlMVzOcAK8H3A+cVnGYc/ob4HZgybDaVkRsBpyXVeGLgR2BdSvsc0c5VdIfxf8rB4+I2A54ADiq5uBVwBvAIuAFYKWk3wfFekTYvo2BrYDDs3NdP8xulZgI23GGpO/KlGonrRQ6dwDH9AHiI+BlwDnzVnbpJ+Ot6Gno2RM4OGuRbjmHNgDtmfec2Zf0YZW9jaNlROwKvF+TK/mz3aOd425dK4FPUwTYGTbih6yi/uXBQNKqFKKbp2HBPXRfYFpWNPfPWqPD1y1noz6cbRXfO03SZ3X6TQzbCOfy0X1e2rba85mTz5Lk+lIqdTlssA7nEwAXsTVBXJHdUh3WpaCrZulN0odH1oD9KoViG45wYbSNZWLQL5mosgJaNmk1hbEP9Nx6PnCgx03gIGCblOeNdWEcHnJ7cf6/nuYDF8XFwIk1hJSG9yjj0lzqFuOGXhXGnqnnSfrchkeE9fZJFdVT2pnZaOpCNAjxWvog8KYXF+Dj3iAREZ4Eb0pLTRXTHpDmSPqpp1AE7MVhYclc2tN/OPP0XEleGcdIxdZiPffHL9J87qXEfXUdwIB+TRXWa11+YfF3X2esTpf0dsV9PufOmgHpb4+fkkamxiJgh6qLVFFGwrgKbGLb7DpC/HiQF7PjudZrZpmjnEbLUpTk/7czZktyVJVKRBh0XXgvzUZgh/7/UgTszcIDeVFGhXGF0d5Wrs9Yu6x4blbc7kmVc8yolxzlAmSmzimc7ci4ITtvQXEmzus1hPciSY7cUsDOQSe7C1BPasO4pxQR/uahkqnMIC+RtKSGJTv+opSTxbB+Cjg7n4cVDi8Lbxe6YyW5BpQCdl65Fc1NLx5Oenuo8U0rIvZI7cBDfV6+B2ZJerEKcGLZM/sjWRXetqDn9ndE0wSVzvB05gj1Y4Bn6esywMs91ZUCrjOo6b+ImJ61KbNRlPfsREn2dqVEhB8Mneu7F5RcP46T5MibsAysZ0bE3ak3F41ySpze9BaWNiPrzipBtTgreO73E5ZBAvaW5O2mKDMlOTUaJSLOTe9TRd1XJXljmrAMErCXDLelvDj3d2sK594HEeH8/yBtSvlz7pU0e8JoS9rHuM+MiAOAZ3MV3mugm75DvW+JiMtTselVa697MyS92/chNYqDZNgV/rD0BOOe/GgW4k/X9c8yuyLCQE9JP4N1l6hc6FfXCQMDvLoXt6XfAW7L88O6t2N4WJ5u656O4bY8P6x7O4aH5em27ukYbsvzw7q3Y3hYnm7rno7htjw/rHs7hofl6bbu+Q8y/I1MlypJVQAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-eye-open {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-right {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAjVJREFUeF7tmjFKA1EURc9DrVyBlegKbARLBRcgVlb2NoJYaCdYaSGClbWVlbgAQUvBxhUoVq7ASuXrhwSCZJJJfvLnfvOmnoSZk3tuMi/P8KMnAXM+vQk4oD4JcUAOKK1EPEGeIE9QGgFPUBo/7yBPkCcojYAnKI2fd5AnqIAEhRCmgGXgElgEHoEj4MnMvtJuYbyvzqJYCGEJuAEWOm7nHdgFbpUh5QK0B5wCM38+7whp28zuxpuD4d89F6B94ASY7nKpH8AG8KCYpFyAVoBrYL7is5TVLRegWNJrsW+A2R6Q5HTLAqgNJISw/vstdgXMVUCS0y03oNhBsW8uekCS0i0roJiaEEKEtFqKbtkBlaZbk4CK0K0xQKXo1iigEnRTASSrmwQgZd1kAKnqpghISjc5QGq6SQIaQrd7M/sefupT/Up1QHV0ewO2zCyOcUd+SAOqqVucaR+a2dnI6QD/AdAncGBm5xMHqPXk32888gpsmtnzJAKqO2CbrJJWmhnJdVBNrbJNHRUB1dUqy99EMoCUtOosewlAalopApLSSgaQqlYSgJS1UgEkq1WjgErQqjFApWjVJKAitMoOqLWj6OsvVeOGih3FztOzPVsNOhLJ8ks6hFC1oxivV24nqAnFqnYUfYmzNVfutqMoq1UTCWovkh8DEdYLsOOL5IM2ouD5WUpa8L5rX5ID6oPKATmg2jZ1PdET5AnyBKUR8ASl8fMO8gR5gtIIeILS+HkHeYLSEvQDC10WWC4gLXUAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* rich-text 富文本公共样式 */
.rich-content {
  color: #333;
  font-size: 0.875rem;
  line-height: 1.6;
  word-break: break-word;
}
.rich-content * {
  font-size: inherit !important;
  line-height: inherit !important;
}
.rich-content p {
  margin: 0 0 0.5rem;
}
.rich-content img {
  max-width: 100%;
  height: auto;
}
.rich-content a {
  color: #007aff;
}
.rich-content ul, .rich-content ol {
  margin: 0.5rem 0;
  padding-left: 1.25rem;
}
.rich-content li {
  margin-bottom: 0.25rem;
}
.rich-content strong, .rich-content b {
  font-weight: bold;
}
.rich-content em, .rich-content i {
  font-style: italic;
}
.an-load {
  display: flex;
  min-height: 100vh;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 32px 24px;
  color: var(--an-text, #2e2a23);
  background: var(--an-ink, #f7f1e6);
}
.an-load__inner {
  display: flex;
  width: min(460px, 100%);
  flex-direction: column;
  align-items: center;
}

/* ---- 八角图鉴框 ---- */
.an-load__medal {
  position: relative;
  width: min(62vw, 260px);
  height: min(62vw, 260px);
  margin-bottom: 30px;
}

/*
 * 八角框内外两层必须**同角度**：外层转、内层不转会露出一圈金色尖角，
 * 看起来像渲染坏了。所以这里不转框，只让金色沿边缘缓慢明暗。
 */
.an-load__oct {
  position: absolute;
  inset: 0;
  background: linear-gradient(150deg, #c8a45c 0%, #6b5526 42%, #d8bc7e 70%, #5a4620 100%);
  clip-path: polygon(29.3% 0%, 70.7% 0%, 100% 29.3%, 100% 70.7%, 70.7% 100%, 29.3% 100%, 0% 70.7%, 0% 29.3%);
  animation: an-load-breathe-b079244a 3.2s ease-in-out infinite;
}

/* 🔴 内层原来是近黑（#191411→#120e0c）——暗底时代它是「金框里挖出的一块页面底」。
   翻成暖米白后它没跟着翻，于是章框中间凭空出现一块黑饼。这里要的是同一件事：
   内层永远等于页面底，所以取纸色，不是取"某个深色"。 */
.an-load__oct.is-inner {
  inset: 3px;
  background: linear-gradient(160deg, #fdfaf4 0%, #f4ecdc 60%, #efe4cd 100%);
  animation: none;
}
@keyframes an-load-breathe-b079244a {
0%, 100% {
    opacity: 0.62;
}
50% {
    opacity: 1;
}
}
/* ---- 八角上的换牌图标 ---- */
.an-load__cnr {
  position: absolute;
  z-index: 1;
  width: 40px;
  height: 40px;
  /* left/top 用内联百分比给（顶点坐标），这里只负责把自身中心对到顶点上 */
  transform: translate(-50%, -50%);
}
.an-load__cnr-i {
  position: absolute;
  inset: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--an-ink, #f7f1e6);
  box-shadow: 0 0 0 5px var(--an-ink, #f7f1e6);
  opacity: 0;
  animation: an-load-cswap-b079244a 4.8s ease-in-out infinite;
}

/* 一角两张牌：前半程第一张、后半程第二张（第二张 delay +2.4s）。
   进场带一点弹（1.12 过冲），退场缩小淡出 */
@keyframes an-load-cswap-b079244a {
0% {
    opacity: 0;
    transform: scale(0.5);
}
5% {
    opacity: 1;
    transform: scale(1.12);
}
9% {
    transform: scale(1);
}
46% {
    opacity: 1;
    transform: scale(1);
}
52% {
    opacity: 0;
    transform: scale(0.55);
}
100% {
    opacity: 0;
}
}
.an-load__disc {
  position: absolute;
  inset: 20%;
  overflow: hidden;
  border: 1px solid rgba(138, 106, 63, 0.55);
  border-radius: 50%;
  /* 外扩阴影 0.6 是给黑底设计的强度，浅纸上会糊成一圈脏影；收到 0.18 只留立体感 */
  box-shadow: 0 0 0 5px rgba(253, 250, 244, 0.95), 0 10px 26px rgba(110, 84, 48, 0.18);
}
.an-load__img {
  width: 100%;
  height: 100%;
}

/* 六张叠放逐张淡入淡出，9s 一轮（6 × 1.5s）。节奏与付费页 hero 轮播一致 */
.an-load__img.is-cycle {
  position: absolute;
  inset: 0;
  opacity: 0;
  animation: an-load-facefade-b079244a 9s linear infinite;
}
@keyframes an-load-facefade-b079244a {
0% {
    opacity: 0;
    transform: scale(1.06);
}
3% {
    opacity: 1;
    transform: scale(1);
}
16.6% {
    opacity: 1;
}
20% {
    opacity: 0;
}
100% {
    opacity: 0;
}
}
/* 系统关动效：换牌与轮播全停，各显第一张（页面并不因此缺信息） */
@media (prefers-reduced-motion: reduce) {
.an-load__cnr-i,
.an-load__img.is-cycle {
    animation: none;
}
.an-load__cnr-i:first-child,
.an-load__img.is-cycle:first-child {
    opacity: 1;
}
}
.an-load__title {
  color: var(--an-cream, #2e2a23);
  font-family: var(--an-serif, serif);
  font-size: 21px;
  letter-spacing: 0.1em;
  text-align: center;
  text-indent: 0.1em;
}
.an-load__desc {
  margin: 10px 0 18px;
  color: var(--an-text-dim, #4a443a);
  font-size: 14px;
  line-height: 1.75;
  text-align: center;
}

/* ---- 三步点亮 ---- */
.an-load__steps {
  display: flex;
  width: 100%;
  max-width: 300px;
  margin-top: 30px;
  flex-direction: column;
}
.an-load__step {
  position: relative;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 13px 2px;
}
.an-load__badge {
  position: relative;
  flex: 0 0 27px;
  width: 27px;
  height: 27px;
}
.an-load__num,
.an-load__ck,
.an-load__ring {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 13px;
  transition: opacity 0.2s ease;
}

/* 🔴 未到达不靠透明度压暗（米白纸上深字往下压对比度塌得极快，老版注释里算过账），
   仍走"次要色 → 主色"换色的路子 */
.an-load__num {
  color: var(--an-text-mute, #6b6355);
  border: 1.5px solid rgba(138, 106, 63, 0.32);
}
.an-load__ck {
  color: #fdfaf4;
  background: linear-gradient(180deg, var(--an-brick, #a85a42), var(--an-brick-2, #8f4632));
  font-weight: 700;
  opacity: 0;
  transform: scale(0.4);
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.an-load__ring {
  border: 2.5px solid transparent;
  border-top-color: var(--an-gold, #c8a45c);
  border-right-color: var(--an-gold, #c8a45c);
  opacity: 0;
}
.an-load__step.now .an-load__ring {
  opacity: 1;
  animation: an-load-spin-b079244a 0.8s linear infinite;
}
@keyframes an-load-spin-b079244a {
to {
    transform: rotate(360deg);
}
}
.an-load__step.done .an-load__num {
  opacity: 0;
}
.an-load__step.done .an-load__ck {
  opacity: 1;
  transform: scale(1);
}
.an-load__label {
  flex: 1;
  color: var(--an-text-mute, #6b6355);
  font-size: 14.5px;
  letter-spacing: 0.04em;
  white-space: nowrap;
  transition: color 0.3s ease;
}
.an-load__step.now .an-load__label {
  color: var(--an-text, #2e2a23);
  font-weight: 600;
}
.an-load__step.done .an-load__label {
  color: var(--an-text-dim, #4a443a);
}
.an-load__bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1.5px;
  background: rgba(138, 106, 63, 0.18);
}
.an-load__bar-fill {
  height: 100%;
  width: 0;
  background: var(--an-gold, #c8a45c);
  transition: width 0.5s ease;
}
.an-load__step.done .an-load__bar-fill {
  width: 100%;
}

/* ---- 失败态 ---- */
.an-load__inner.is-error {
  text-align: center;
}
.an-load__mark {
  margin-bottom: 12px;
  color: var(--an-gold, #c8a45c);
  font-size: 46px;
}
.an-load__btn {
  display: flex;
  width: 100%;
  min-height: 50px;
  margin-top: 12px;
  align-items: center;
  justify-content: center;
  padding: 0;
  /* CTA 底是陶土红，字必须白 —— --an-cream 已翻成纸上的深色文字，压这里只有 2.86 */
  color: #fdfaf4;
  font-size: 16px;
  letter-spacing: 0.16em;
  background: linear-gradient(180deg, var(--an-brick, #a85a42), var(--an-brick-2, #8f4632));
  border: 1px solid rgba(74, 57, 18, 0.42);
  border-radius: 4px;
}
.an-load__btn::after {
  border: none;
}
.an-load__btn.is-ghost {
  color: var(--an-text-dim, #4a443a);
  background: transparent;
  border-color: rgba(138, 106, 63, 0.3);
}
@media (min-width: 1100px) {
.an-load__inner {
    width: min(760px, 100%);
}
.an-load__medal {
    width: 280px;
    height: 280px;
}
.an-load__title {
    font-size: 28px;
}
.an-load__steps {
    max-width: 420px;
}
.an-load__btn {
    max-width: 260px;
}
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* Icon 公共样式 */
.icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon.icon-sm {
  width: 1.25rem;
  height: 1.25rem;
}
.icon.icon-base {
  width: 1.625rem;
  height: 1.625rem;
}
.icon.icon-lg {
  width: 2.5rem;
  height: 2.5rem;
}
.icon-buy {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-eye-close {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABSJJREFUaEPtmGmopmMYx39/S3ayRihb0RCyZPkgiaQmg4whe01iDBGN7YOZEllHYkwTPsgaZYYkEYqayJpskSXEYKwJYS7PX/d7es5znuWdc97e58yZ56r303s99339r/+13mItE61leOkAT3XGO4Y7hqeYB7qQnmKEjoHTMdwxPMU80IX0FCO0K1pdSPdiICI2BbYHVkj6bU0I9YjYGtiyzuZShiPieOBawAf8mIGdL+nJyQw62TwP2KnO5jGAI2Jv4Blg5xzAFcBM4BVJMdmAR8QhwBPADjnbvgVOkrQ8b28Z4AuBW4ENcor/Ao9loXKBpJ8nE+CIcAjfB8yAUQ8a/wBXSjKWESkDPAe4rQDYH/wJ3Chp/iQDvAC4Cli/YJcBXyHJWGoB7wcsBXapAOYLFkr6pU3gEbEFcGmqNWWmfAmcLOm1WsD+MyLM8l0VgMz048Atkt5pA3RE7AVcY0DAhhU2XA3cLMlMVzOcAK8H3A+cVnGYc/ob4HZgybDaVkRsBpyXVeGLgR2BdSvsc0c5VdIfxf8rB4+I2A54ADiq5uBVwBvAIuAFYKWk3wfFekTYvo2BrYDDs3NdP8xulZgI23GGpO/KlGonrRQ6dwDH9AHiI+BlwDnzVnbpJ+Ot6Gno2RM4OGuRbjmHNgDtmfec2Zf0YZW9jaNlROwKvF+TK/mz3aOd425dK4FPUwTYGTbih6yi/uXBQNKqFKKbp2HBPXRfYFpWNPfPWqPD1y1noz6cbRXfO03SZ3X6TQzbCOfy0X1e2rba85mTz5Lk+lIqdTlssA7nEwAXsTVBXJHdUh3WpaCrZulN0odH1oD9KoViG45wYbSNZWLQL5mosgJaNmk1hbEP9Nx6PnCgx03gIGCblOeNdWEcHnJ7cf6/nuYDF8XFwIk1hJSG9yjj0lzqFuOGXhXGnqnnSfrchkeE9fZJFdVT2pnZaOpCNAjxWvog8KYXF+Dj3iAREZ4Eb0pLTRXTHpDmSPqpp1AE7MVhYclc2tN/OPP0XEleGcdIxdZiPffHL9J87qXEfXUdwIB+TRXWa11+YfF3X2esTpf0dsV9PufOmgHpb4+fkkamxiJgh6qLVFFGwrgKbGLb7DpC/HiQF7PjudZrZpmjnEbLUpTk/7czZktyVJVKRBh0XXgvzUZgh/7/UgTszcIDeVFGhXGF0d5Wrs9Yu6x4blbc7kmVc8yolxzlAmSmzimc7ci4ITtvQXEmzus1hPciSY7cUsDOQSe7C1BPasO4pxQR/uahkqnMIC+RtKSGJTv+opSTxbB+Cjg7n4cVDi8Lbxe6YyW5BpQCdl65Fc1NLx5Oenuo8U0rIvZI7cBDfV6+B2ZJerEKcGLZM/sjWRXetqDn9ndE0wSVzvB05gj1Y4Bn6esywMs91ZUCrjOo6b+ImJ61KbNRlPfsREn2dqVEhB8Mneu7F5RcP46T5MibsAysZ0bE3ak3F41ySpze9BaWNiPrzipBtTgreO73E5ZBAvaW5O2mKDMlOTUaJSLOTe9TRd1XJXljmrAMErCXDLelvDj3d2sK594HEeH8/yBtSvlz7pU0e8JoS9rHuM+MiAOAZ3MV3mugm75DvW+JiMtTselVa697MyS92/chNYqDZNgV/rD0BOOe/GgW4k/X9c8yuyLCQE9JP4N1l6hc6FfXCQMDvLoXt6XfAW7L88O6t2N4WJ5u656O4bY8P6x7O4aH5em27ukYbsvzw7q3Y3hYnm7rno7htjw/rHs7hofl6bbu+Q8y/I1MlypJVQAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-eye-open {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-right {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAjVJREFUeF7tmjFKA1EURc9DrVyBlegKbARLBRcgVlb2NoJYaCdYaSGClbWVlbgAQUvBxhUoVq7ASuXrhwSCZJJJfvLnfvOmnoSZk3tuMi/P8KMnAXM+vQk4oD4JcUAOKK1EPEGeIE9QGgFPUBo/7yBPkCcojYAnKI2fd5AnqIAEhRCmgGXgElgEHoEj4MnMvtJuYbyvzqJYCGEJuAEWOm7nHdgFbpUh5QK0B5wCM38+7whp28zuxpuD4d89F6B94ASY7nKpH8AG8KCYpFyAVoBrYL7is5TVLRegWNJrsW+A2R6Q5HTLAqgNJISw/vstdgXMVUCS0y03oNhBsW8uekCS0i0roJiaEEKEtFqKbtkBlaZbk4CK0K0xQKXo1iigEnRTASSrmwQgZd1kAKnqpghISjc5QGq6SQIaQrd7M/sefupT/Up1QHV0ewO2zCyOcUd+SAOqqVucaR+a2dnI6QD/AdAncGBm5xMHqPXk32888gpsmtnzJAKqO2CbrJJWmhnJdVBNrbJNHRUB1dUqy99EMoCUtOosewlAalopApLSSgaQqlYSgJS1UgEkq1WjgErQqjFApWjVJKAitMoOqLWj6OsvVeOGih3FztOzPVsNOhLJ8ks6hFC1oxivV24nqAnFqnYUfYmzNVfutqMoq1UTCWovkh8DEdYLsOOL5IM2ouD5WUpa8L5rX5ID6oPKATmg2jZ1PdET5AnyBKUR8ASl8fMO8gR5gtIIeILS+HkHeYLSEvQDC10WWC4gLXUAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* rich-text 富文本公共样式 */
.rich-content {
  color: #333;
  font-size: 0.875rem;
  line-height: 1.6;
  word-break: break-word;
}
.rich-content * {
  font-size: inherit !important;
  line-height: inherit !important;
}
.rich-content p {
  margin: 0 0 0.5rem;
}
.rich-content img {
  max-width: 100%;
  height: auto;
}
.rich-content a {
  color: #007aff;
}
.rich-content ul, .rich-content ol {
  margin: 0.5rem 0;
  padding-left: 1.25rem;
}
.rich-content li {
  margin-bottom: 0.25rem;
}
.rich-content strong, .rich-content b {
  font-weight: bold;
}
.rich-content em, .rich-content i {
  font-style: italic;
}

/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* Icon 公共样式 */
.icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon.icon-sm {
  width: 1.25rem;
  height: 1.25rem;
}
.icon.icon-base {
  width: 1.625rem;
  height: 1.625rem;
}
.icon.icon-lg {
  width: 2.5rem;
  height: 2.5rem;
}
.icon-buy {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAAAAXNSR0IArs4c6QAACKlJREFUeF7tXGnMLEUVPQdRMIBCVJDFhQCBSEQUlZCwKAK/ZBMioGxiZAchwSDRgJAQBUU2NazGhVUNmyZGFgUhigoCskQCRHEBRIjgAorAoU5evaSp19NV3dPffDND3z/zo6tu1T1T2733VBGD9IoAe9U2KMMAaM+DYAB0ALRnBHpWN4zQAdCeEehZ3cRGqKT3AdgcwBt7tiGn7p8Abib5m1zBPr5PBFBJOwP4KoC1AazQR8db6HgewEMADiX50xb1OhVdcEAlvR7ANwF8pFMP+6v0IwD7kvxHfyqX1TQJQNcEcA2A9y6kIQW6bwOwE8lHC8p2LjIJQD3NPTo27dzLfireCeDDJP/aj7p6LQOgPaO7mID+C8DFAP7Ws01rAPg4gFUSvXM/Qj31PAVtaG8iyUuLlxgvNVUZAO2C8gDoMELbjRtJo3b5Ycq3g3JJ6QHQLqg11BkAHQAdC4HFPIcOa2iXv26Y8glqklYHcByAbQC8pgOorw7RprcCWDGp67DawwD+20FnUxW38zYAyyeF3M6fAPy/Q3vPAbg91P0cyceb6jdOeUlvAfD9GBju0I+5q3IrgN2bAiw5QA8LPvFpixAUntZ/4lkAR5C8cFQHc4AeD+DEabVukfp1AsmTugJ6JIAvd1w7F8neBW3W6+9nSJ7ZFdBPAjgbwGsXtJuzo9wb21Ekz+0K6F4AXDmNLf44KPxC+Lf+U4CFTwnfALBRUta75aEAfl+go00Rt+P23G5V3I7ba9ylYwXbezKAbRMdT4eTwgEkr+gK6I4Avg1gtUTBtQA+RvLJnKWzeA6VZHttt+2vihN8+5H8YVdAffb8Xs2/fUs8PmSj7TMKqKP+PwCwZQKc7fWxyfbXSm6X3yxmLNdKat8Ro+2PzOkItb2O+r87sc/2Ostg+zsB+vbgIf0MgH+r8kcAHyTp30aR5DTy1QDMHKmKvaTtSD6Y09Hmu6T1w8i6PnpL1arFaWRJ9uysY4OkbXtaO5C8vyug64SF+edhPVk3UfCYpwNJMzJygPqEcGpIxh0C4FWVwpcD2J9kr66nJLue3wKwR6WtF0KO6XwAx5DMbqTxT/llDW3I9tpu299phK4UfdgNk9r2GN5DsmiHluSd95wYD7AqEx+OJOlR2rtIsi9/lokNUfmvw2liT5J/KGks9ve3NcfFBwC8n+RTnQB1JUm/A/DOGgWbkLy7pINLy0jySH8dgHtJOjiyYCLJwRFP/+VI3temIUnvAlCXjb07HJk2adKVjYdKurEysqq6vJZc16ajs1JW0vYAfDRM5SaSHxgX0O8C2LtGic9j35kVkNr0U5Lttd2pXEmykfRWMkLPA/CpGuUHkvRCP3ci6SgAp9cYdgbJo8cdoaMiTqeEHfqzc4fmkn3DETbbnUpjpMmFS0bo4TFAkir/Okl/mzuR5BPCETWGORb6tXFHqAMkl9QouSZ4DGYmz52EXf7KsMvvUmPYriSvGhdQ+7M31yi5heRWc4fmkilvL+lDNbbZs7thXEDtMvpgnMp9JDeeU0DtUts5SGXj3Jm2ZA11XLEuqvQ4SUdl5k4k2d40nmo712xyO10gC6gLSVIdaiSL6s8S4pJ8S2VUfGFFkv8ba8pHQEf9Y2vk8tSzBGa09c0A6i42FM3IohEm6d4QaH5HDTgOFEzkQtWk/hhJttP2pvIwyTSMuUyhUkC9y6fRayvbqil6PSkQ+mxHknd37/Kp3BBs3S7XVimgDhAvDYVVdTqvdGmukVn6LsnnT59DU7mK5K45W0oBtXdgFkkqWc8h14Fp+y5plGd4NknzFBqlFNAvATi2RlPWt811YNq+SxoVuziJ5Am5/pYC6miTo06pnE/ywFwjs/Q93E11lMnRplSOJnlGzpZSQPeNeepU30Uhr7RPrpFZ+i7JJIa6tXIfkhflbCkFtHMEO9eBafs+boaiFFDnlJxbSiWbY1laIeaT9gzkMyf+Jimm3lxW6oA05NA2Dbv8XbmOlwLqrGVdFtD56c2aUrMhWOs2dggJM0+XSb/msNT+J8IjBF6afhI2llo32gUlrRoDQWk+vjjLWwroeoGUYPqJ3bKqOC27Ncm/jPrnJJl45Q3No3MxxXHMTzSlgCXZPttpe6viP2SLElJGKaCdGSSSTGtxHt60nsWULH1IkvkHznaaOVIV5+MdCzVzpFFKAW3i+viVBBP6ayVOI1OovXMWtZfrdIfvnuaXATiYpB91GdVXc5nMaerM5SoyUNIoNpoX/I+SvKmhk27D/rGZI+lU6oBNpypmuDhbmVtDHa8w6y6N8xazDUsBfUPMK3lzqUqWL+nCksxp8o0SPzPk30m+jGN2i1kgj+TYKpJG8WHNBzUPIfsATCmg3ljMZHbCrip+leGgeQmQhCOTSQx+wccv+VTFh30zl81g7mUN9dnRAZL9E23Zaya5DkzTd0kHAbB7mV5SuyCS22xvL4D6Bt1XanLVvmHmWxHOY8+8SPp0vPXi239VsX220/aOD2hcB31JoS7acmJILfnbzEsDY+SLAD5P8sWckUVraATU4TvfjKiSZv3JoT03ZlLrzEqkPxq4YxIjbJfveJ5SYlwbQM1A9vt16friRdyB5mdKGpzWMpH5bPtsZ1Wyl72qhdsA6hCe7/+kwQ1TGv1QX5ZqPa1gxhm4crQvDUf+O9pXR29cxqQ2gO4WzpD2eNIjxT3BrfQ5LbtgTzOgceaZq5VeUDP923cBnFfLShtAfavM7tubslrnq8DfIz+/6KnMNoCaGGa3rI6iMl8Qvtwa3/jYheSvSoxsA6ingiMxdh1fSfLneDep6MZLG0B92P3FFLwDOuk/04H1bUh6c8pKMaBxJ/Q66ktVnvaTDHBkDVmAAiaFORjiWIXjuUXSCtAIqjmhvlriCNRyRa3MXiF7RL5pfTtJvzNSLK0BLdb8Ci04ANrzHz8AOgDaMwI9qxtG6ABozwj0rG4YoT0D+hJAvDaCp3glhgAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-eye-close {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABSJJREFUaEPtmGmopmMYx39/S3ayRihb0RCyZPkgiaQmg4whe01iDBGN7YOZEllHYkwTPsgaZYYkEYqayJpskSXEYKwJYS7PX/d7es5znuWdc97e58yZ56r303s99339r/+13mItE61leOkAT3XGO4Y7hqeYB7qQnmKEjoHTMdwxPMU80IX0FCO0K1pdSPdiICI2BbYHVkj6bU0I9YjYGtiyzuZShiPieOBawAf8mIGdL+nJyQw62TwP2KnO5jGAI2Jv4Blg5xzAFcBM4BVJMdmAR8QhwBPADjnbvgVOkrQ8b28Z4AuBW4ENcor/Ao9loXKBpJ8nE+CIcAjfB8yAUQ8a/wBXSjKWESkDPAe4rQDYH/wJ3Chp/iQDvAC4Cli/YJcBXyHJWGoB7wcsBXapAOYLFkr6pU3gEbEFcGmqNWWmfAmcLOm1WsD+MyLM8l0VgMz048Atkt5pA3RE7AVcY0DAhhU2XA3cLMlMVzOcAK8H3A+cVnGYc/ob4HZgybDaVkRsBpyXVeGLgR2BdSvsc0c5VdIfxf8rB4+I2A54ADiq5uBVwBvAIuAFYKWk3wfFekTYvo2BrYDDs3NdP8xulZgI23GGpO/KlGonrRQ6dwDH9AHiI+BlwDnzVnbpJ+Ot6Gno2RM4OGuRbjmHNgDtmfec2Zf0YZW9jaNlROwKvF+TK/mz3aOd425dK4FPUwTYGTbih6yi/uXBQNKqFKKbp2HBPXRfYFpWNPfPWqPD1y1noz6cbRXfO03SZ3X6TQzbCOfy0X1e2rba85mTz5Lk+lIqdTlssA7nEwAXsTVBXJHdUh3WpaCrZulN0odH1oD9KoViG45wYbSNZWLQL5mosgJaNmk1hbEP9Nx6PnCgx03gIGCblOeNdWEcHnJ7cf6/nuYDF8XFwIk1hJSG9yjj0lzqFuOGXhXGnqnnSfrchkeE9fZJFdVT2pnZaOpCNAjxWvog8KYXF+Dj3iAREZ4Eb0pLTRXTHpDmSPqpp1AE7MVhYclc2tN/OPP0XEleGcdIxdZiPffHL9J87qXEfXUdwIB+TRXWa11+YfF3X2esTpf0dsV9PufOmgHpb4+fkkamxiJgh6qLVFFGwrgKbGLb7DpC/HiQF7PjudZrZpmjnEbLUpTk/7czZktyVJVKRBh0XXgvzUZgh/7/UgTszcIDeVFGhXGF0d5Wrs9Yu6x4blbc7kmVc8yolxzlAmSmzimc7ci4ITtvQXEmzus1hPciSY7cUsDOQSe7C1BPasO4pxQR/uahkqnMIC+RtKSGJTv+opSTxbB+Cjg7n4cVDi8Lbxe6YyW5BpQCdl65Fc1NLx5Oenuo8U0rIvZI7cBDfV6+B2ZJerEKcGLZM/sjWRXetqDn9ndE0wSVzvB05gj1Y4Bn6esywMs91ZUCrjOo6b+ImJ61KbNRlPfsREn2dqVEhB8Mneu7F5RcP46T5MibsAysZ0bE3ak3F41ySpze9BaWNiPrzipBtTgreO73E5ZBAvaW5O2mKDMlOTUaJSLOTe9TRd1XJXljmrAMErCXDLelvDj3d2sK594HEeH8/yBtSvlz7pU0e8JoS9rHuM+MiAOAZ3MV3mugm75DvW+JiMtTselVa697MyS92/chNYqDZNgV/rD0BOOe/GgW4k/X9c8yuyLCQE9JP4N1l6hc6FfXCQMDvLoXt6XfAW7L88O6t2N4WJ5u656O4bY8P6x7O4aH5em27ukYbsvzw7q3Y3hYnm7rno7htjw/rHs7hofl6bbu+Q8y/I1MlypJVQAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-eye-open {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-right {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAjVJREFUeF7tmjFKA1EURc9DrVyBlegKbARLBRcgVlb2NoJYaCdYaSGClbWVlbgAQUvBxhUoVq7ASuXrhwSCZJJJfvLnfvOmnoSZk3tuMi/P8KMnAXM+vQk4oD4JcUAOKK1EPEGeIE9QGgFPUBo/7yBPkCcojYAnKI2fd5AnqIAEhRCmgGXgElgEHoEj4MnMvtJuYbyvzqJYCGEJuAEWOm7nHdgFbpUh5QK0B5wCM38+7whp28zuxpuD4d89F6B94ASY7nKpH8AG8KCYpFyAVoBrYL7is5TVLRegWNJrsW+A2R6Q5HTLAqgNJISw/vstdgXMVUCS0y03oNhBsW8uekCS0i0roJiaEEKEtFqKbtkBlaZbk4CK0K0xQKXo1iigEnRTASSrmwQgZd1kAKnqpghISjc5QGq6SQIaQrd7M/sefupT/Up1QHV0ewO2zCyOcUd+SAOqqVucaR+a2dnI6QD/AdAncGBm5xMHqPXk32888gpsmtnzJAKqO2CbrJJWmhnJdVBNrbJNHRUB1dUqy99EMoCUtOosewlAalopApLSSgaQqlYSgJS1UgEkq1WjgErQqjFApWjVJKAitMoOqLWj6OsvVeOGih3FztOzPVsNOhLJ8ks6hFC1oxivV24nqAnFqnYUfYmzNVfutqMoq1UTCWovkh8DEdYLsOOL5IM2ouD5WUpa8L5rX5ID6oPKATmg2jZ1PdET5AnyBKUR8ASl8fMO8gR5gtIIeILS+HkHeYLSEvQDC10WWC4gLXUAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* rich-text 富文本公共样式 */
.rich-content {
  color: #333;
  font-size: 0.875rem;
  line-height: 1.6;
  word-break: break-word;
}
.rich-content * {
  font-size: inherit !important;
  line-height: inherit !important;
}
.rich-content p {
  margin: 0 0 0.5rem;
}
.rich-content img {
  max-width: 100%;
  height: auto;
}
.rich-content a {
  color: #007aff;
}
.rich-content ul, .rich-content ol {
  margin: 0.5rem 0;
  padding-left: 1.25rem;
}
.rich-content li {
  margin-bottom: 0.25rem;
}
.rich-content strong, .rich-content b {
  font-weight: bold;
}
.rich-content em, .rich-content i {
  font-style: italic;
}
.an-quiz {
  /* 纯白主题的本地色板。🔴 只许在本组件用，别提到全局——其他屏还是暖米白 */
  --q-bg: #fbfcfd;
  --q-card: #ffffff;
  --q-ink: #23272e;
  --q-dim: #6b7280;
  --q-mute: #9aa1ab;
  --q-line: #e7eaef;
  --q-sel-bg: #fbf1ee;
  --q-sel-line: #d9927e;
  position: relative;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  box-sizing: border-box;
  overflow: hidden;
  padding: calc(env(safe-area-inset-top) + 14px) 22px calc(env(safe-area-inset-bottom) + 16px);
  color: var(--q-ink);
  background: var(--q-bg);
}
.an-quiz__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.an-quiz__back {
  width: 30px;
  color: var(--q-dim);
  font-size: 28px;
  line-height: 1;
}
.an-quiz__spacer {
  width: 30px;
}
.an-quiz__counter {
  display: flex;
  align-items: center;
  gap: 8px;
}
.an-quiz__cline {
  width: 26px;
  height: 1px;
  background: var(--q-line);
}
.an-quiz__cnum {
  color: var(--q-ink);
  font-size: 19px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.an-quiz__cslash {
  color: var(--q-mute);
  font-size: 14px;
}
.an-quiz__ctotal {
  color: var(--q-mute);
  font-size: 15px;
  font-variant-numeric: tabular-nums;
}

/*
 * 「开始前」占的是题号那个位置，所以字号跟着 --cnum 那一档走、色也同源，
 * 只把字距拉开做区分——换成小字会让这一屏的头部矮半截，和第 1 题接不上。
 */
.an-quiz__cword {
  color: var(--q-ink);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-indent: 0.18em;
}
.an-quiz__track {
  height: 4px;
  margin-top: 12px;
  overflow: hidden;
  border-radius: 2px;
  background: var(--q-line);
}
.an-quiz__fill {
  height: 100%;
  border-radius: 2px;
  /* 进度条走砖红：它是这一屏唯一的"完成度"信号，和 CTA 同色系才读得出因果 */
  background: linear-gradient(90deg, var(--an-brick, #a85a42), #c97b4e);
  transition: width 0.3s ease;
}
.an-quiz__dim {
  display: block;
  margin-top: 10px;
  color: var(--q-mute);
  font-size: 11.5px;
  letter-spacing: 0.1em;
  text-align: center;
}
.an-quiz__main {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  padding: 12px 0;
}

/* 「整个模块上移一点」（2026-08-24）：底部占位把居中重心抬高 75px。
   用占位不用写死 top：屏高变化时仍然自适应，矮屏媒体查询里再收这块 */
.an-quiz__main::after {
  content: "";
  flex: 0 0 150px;
}
.an-quiz__title {
  margin: 0 0 24px;
  max-width: 16em;
  /* 🔴 题干占位锁死两行。题库里 1 行和 2 行的题交替出现，主区又是垂直居中，
     于是每翻一题选项框就上下挪 19px（实测 320→2000 全宽度都是这两档）——
     用户看到的「选项框位置没锁定」就是这个。
     min-height 只兜底不封顶：真出现 3 行的题照样撑开，不会截断。 */
  min-height: 3.1em; /* 2 行 × line-height 1.55，跟着 clamp 的字号一起缩放 */
  color: var(--q-ink);
  font-size: clamp(20px, 5.6vw, 23px);
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: 0.01em;
  text-align: center;
  align-self: center;
}
.an-quiz__options {
  display: flex;
  flex-direction: column;
  gap: 13px;
}

/* 白卡选项：左对齐一行式（原来是米白纸卡居中式，那套是暖米白主题的构件） */
.an-opt {
  position: relative;
  display: flex;
  align-items: center;
  gap: 11px;
  box-sizing: border-box;
  width: 100%;
  min-height: 58px;
  padding: 17px;
  background: var(--q-card);
  border: 1.5px solid var(--q-line);
  border-radius: 12px;
  box-shadow: 0 1px 6px rgba(40, 36, 30, 0.05);
}
.an-opt.is-active {
  background: var(--q-sel-bg);
  border-color: var(--q-sel-line);
  box-shadow: 0 2px 10px rgba(168, 72, 47, 0.12);
}
.an-opt__mark {
  flex: 0 0 auto;
  color: var(--q-mute);
  font-size: 12px;
  line-height: 1;
}
.an-opt.is-active .an-opt__mark {
  color: var(--an-brick, #a85a42);
}
.an-opt__text {
  color: var(--q-ink);
  font-size: 15px;
  line-height: 1.55;
}
.an-quiz__note {
  display: block;
  margin: 18px 0 14px;
  color: var(--q-mute);
  font-size: 12.5px;
  letter-spacing: 0.04em;
  text-align: center;
}

/* ---- 按钮行 ---- */
.an-quiz__btns {
  display: flex;
  gap: 11px;
}

/* 上一题 = 次按钮：白底细边灰字，占 1/3 宽——回退是低频动作，视觉权重必须低于前进 */
.an-prev {
  display: flex;
  flex: 1;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  background: var(--q-card);
  border: 1.5px solid var(--q-line);
  border-radius: 10px;
}
.an-prev::after {
  border: none;
}
.an-prev__t {
  color: var(--q-dim);
  font-size: 15px;
  letter-spacing: 0.12em;
  text-indent: 0.12em;
}
.an-prev[disabled] {
  opacity: 0.5;
}
.an-next {
  display: flex;
  flex: 2;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  background: linear-gradient(180deg, var(--an-brick, #a85a42), var(--an-brick-2, #8f4632));
  border: 1px solid rgba(74, 57, 18, 0.42);
  border-radius: 10px;
}
.an-next.is-solo {
  flex: 1;
}
.an-next::after {
  border: none;
}
.an-next__t {
  /* CTA 底是陶土红，字必须白 —— 不能跟着墨色走（压在红底上不达标） */
  color: #fdfaf4;
  font-size: 16px;
  letter-spacing: 0.2em;
  text-indent: 0.2em;
}
.an-next[disabled] {
  opacity: 0.42;
}

/* 按钮的定位参照，供下面那行状态提示挂靠 */
.an-quiz__act {
  position: relative;
}
.an-quiz__saving {
  /* 出文档流：它一进一出不能再影响任何人的位置（见模板里的说明） */
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 6px;
  color: var(--q-mute);
  font-size: 11px;
  text-align: center;
  opacity: 0;
  transition: opacity 0.18s ease;
}
.an-quiz__saving.is-on {
  opacity: 1;
}

/* ---- 底部动物行走队列 ---- */
.an-parade {
  position: relative;
  height: 64px;
  margin: 0 -22px; /* 冲出根元素左右 padding，队伍从屏幕边走进来 */
  overflow: hidden;
  flex: 0 0 auto;
}
.an-parade__track {
  position: absolute;
  left: 0;
  bottom: 9px;
  display: flex;
  gap: 22px;
  width: -moz-max-content;
  width: max-content;
  padding-left: 8px;
  animation: an-march-2a279baa 64s linear infinite;
}
.an-parade__it {
  position: relative;
  width: 34px;
  flex: 0 0 auto;
}
.an-parade__bob {
  position: relative;
  animation-name: an-waddle-2a279baa;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.an-parade__img {
  width: 34px;
  height: 34px;
  display: block;
}
.an-parade__ft {
  position: absolute;
  bottom: -6px;
  width: 7px;
  height: 6px;
  border-radius: 3.5px;
  background: var(--q-ink);
  opacity: 0.75;
  animation-name: an-step-2a279baa;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.an-parade__ft.is-l {
  left: 7px;
}
.an-parade__ft.is-r {
  right: 7px;
}
.an-parade__sh {
  position: absolute;
  left: 50%;
  bottom: -8px;
  width: 26px;
  height: 5px;
  margin-left: -13px;
  border-radius: 50%;
  background: rgba(40, 36, 30, 0.14);
  animation-name: an-shade-2a279baa;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.an-parade__ground {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8px;
  height: 1.5px;
  background: var(--q-line);
}
@keyframes an-march-2a279baa {
from {
    transform: translateX(0);
}
to {
    transform: translateX(-50%);
}
}
@keyframes an-waddle-2a279baa {
0%, 100% {
    transform: translateY(0) rotate(-3.5deg);
}
50% {
    transform: translateY(-3.2px) rotate(3.5deg);
}
}
@keyframes an-step-2a279baa {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-2.6px);
}
}
@keyframes an-shade-2a279baa {
0%, 100% {
    transform: scaleX(1);
    opacity: 0.14;
}
50% {
    transform: scaleX(0.82);
    opacity: 0.09;
}
}
/* 系统关动效就全体立正：持续动画是 prefers-reduced-motion 的正典场景 */
@media (prefers-reduced-motion: reduce) {
.an-parade__track,
.an-parade__bob,
.an-parade__ft,
.an-parade__sh {
    animation: none;
}
}
.an-quiz__foot {
  margin-top: auto;
  padding-top: 8px;
  text-align: center;
}

/*
 * 「占位不露面」：位置留着、内容藏起来。
 * visibility:hidden 的元素照旧参与排版，但不可点、不进无障碍树、也不进 tab 序，
 * 正好用来把这一屏的高度钉死——本页所有「本题不该出现」的块都走它。
 */
.an-quiz__dim.is-ghost,
.an-quiz__note.is-ghost,
.an-quiz__act.is-ghost,
.an-quiz__foot.is-ghost {
  visibility: hidden;
}
.an-quiz__notice {
  display: block;
  color: var(--q-mute);
  font-size: 11px;
  line-height: 1.6;
}

/* 矮屏：先收上移占位和队列，保证选项+按钮完整在屏内 */
@media (max-height: 700px) {
.an-quiz__main::after {
    flex-basis: 70px;
}
.an-parade {
    height: 52px;
}
.an-parade__img {
    width: 29px;
    height: 29px;
}
.an-quiz__title {
    margin-bottom: 18px;
}
}
/*
 * 桌面：陪衬立绘撤掉后右栏没有内容了，原先的两栏 grid（左内容右立绘）随之废弃，
 * 改成单列居中——列宽 760 是选项卡可读行长的上限，队列仍横贯整列。
 */
@media (min-width: 1100px) {
.an-quiz {
    max-width: 800px;
    margin: 0 auto;
    padding: 48px 40px 32px;
}
.an-quiz__cnum {
    font-size: 24px;
}
.an-quiz__cword {
    font-size: 19px;
}
  /* 两者字号不同行盒就差高，头部一矮下面居中的整块就上移（实测 3.5px）。
     手机上头部高度由 28px 的返回箭头兜着，PC 才需要钉住行高。 */
.an-quiz__cnum,
.an-quiz__cword {
    line-height: 34px;
}
.an-quiz__title {
    font-size: 27px;
    margin-bottom: 30px;
}
.an-opt {
    min-height: 64px;
    padding: 20px;
}
.an-opt__text {
    font-size: 17px;
}
.an-parade {
    margin: 0 -40px;
}
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* Icon 公共样式 */
.icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon.icon-sm {
  width: 1.25rem;
  height: 1.25rem;
}
.icon.icon-base {
  width: 1.625rem;
  height: 1.625rem;
}
.icon.icon-lg {
  width: 2.5rem;
  height: 2.5rem;
}
.icon-buy {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-eye-close {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABSJJREFUaEPtmGmopmMYx39/S3ayRihb0RCyZPkgiaQmg4whe01iDBGN7YOZEllHYkwTPsgaZYYkEYqayJpskSXEYKwJYS7PX/d7es5znuWdc97e58yZ56r303s99339r/+13mItE61leOkAT3XGO4Y7hqeYB7qQnmKEjoHTMdwxPMU80IX0FCO0K1pdSPdiICI2BbYHVkj6bU0I9YjYGtiyzuZShiPieOBawAf8mIGdL+nJyQw62TwP2KnO5jGAI2Jv4Blg5xzAFcBM4BVJMdmAR8QhwBPADjnbvgVOkrQ8b28Z4AuBW4ENcor/Ao9loXKBpJ8nE+CIcAjfB8yAUQ8a/wBXSjKWESkDPAe4rQDYH/wJ3Chp/iQDvAC4Cli/YJcBXyHJWGoB7wcsBXapAOYLFkr6pU3gEbEFcGmqNWWmfAmcLOm1WsD+MyLM8l0VgMz048Atkt5pA3RE7AVcY0DAhhU2XA3cLMlMVzOcAK8H3A+cVnGYc/ob4HZgybDaVkRsBpyXVeGLgR2BdSvsc0c5VdIfxf8rB4+I2A54ADiq5uBVwBvAIuAFYKWk3wfFekTYvo2BrYDDs3NdP8xulZgI23GGpO/KlGonrRQ6dwDH9AHiI+BlwDnzVnbpJ+Ot6Gno2RM4OGuRbjmHNgDtmfec2Zf0YZW9jaNlROwKvF+TK/mz3aOd425dK4FPUwTYGTbih6yi/uXBQNKqFKKbp2HBPXRfYFpWNPfPWqPD1y1noz6cbRXfO03SZ3X6TQzbCOfy0X1e2rba85mTz5Lk+lIqdTlssA7nEwAXsTVBXJHdUh3WpaCrZulN0odH1oD9KoViG45wYbSNZWLQL5mosgJaNmk1hbEP9Nx6PnCgx03gIGCblOeNdWEcHnJ7cf6/nuYDF8XFwIk1hJSG9yjj0lzqFuOGXhXGnqnnSfrchkeE9fZJFdVT2pnZaOpCNAjxWvog8KYXF+Dj3iAREZ4Eb0pLTRXTHpDmSPqpp1AE7MVhYclc2tN/OPP0XEleGcdIxdZiPffHL9J87qXEfXUdwIB+TRXWa11+YfF3X2esTpf0dsV9PufOmgHpb4+fkkamxiJgh6qLVFFGwrgKbGLb7DpC/HiQF7PjudZrZpmjnEbLUpTk/7czZktyVJVKRBh0XXgvzUZgh/7/UgTszcIDeVFGhXGF0d5Wrs9Yu6x4blbc7kmVc8yolxzlAmSmzimc7ci4ITtvQXEmzus1hPciSY7cUsDOQSe7C1BPasO4pxQR/uahkqnMIC+RtKSGJTv+opSTxbB+Cjg7n4cVDi8Lbxe6YyW5BpQCdl65Fc1NLx5Oenuo8U0rIvZI7cBDfV6+B2ZJerEKcGLZM/sjWRXetqDn9ndE0wSVzvB05gj1Y4Bn6esywMs91ZUCrjOo6b+ImJ61KbNRlPfsREn2dqVEhB8Mneu7F5RcP46T5MibsAysZ0bE3ak3F41ySpze9BaWNiPrzipBtTgreO73E5ZBAvaW5O2mKDMlOTUaJSLOTe9TRd1XJXljmrAMErCXDLelvDj3d2sK594HEeH8/yBtSvlz7pU0e8JoS9rHuM+MiAOAZ3MV3mugm75DvW+JiMtTselVa697MyS92/chNYqDZNgV/rD0BOOe/GgW4k/X9c8yuyLCQE9JP4N1l6hc6FfXCQMDvLoXt6XfAW7L88O6t2N4WJ5u656O4bY8P6x7O4aH5em27ukYbsvzw7q3Y3hYnm7rno7htjw/rHs7hofl6bbu+Q8y/I1MlypJVQAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-eye-open {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-right {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAjVJREFUeF7tmjFKA1EURc9DrVyBlegKbARLBRcgVlb2NoJYaCdYaSGClbWVlbgAQUvBxhUoVq7ASuXrhwSCZJJJfvLnfvOmnoSZk3tuMi/P8KMnAXM+vQk4oD4JcUAOKK1EPEGeIE9QGgFPUBo/7yBPkCcojYAnKI2fd5AnqIAEhRCmgGXgElgEHoEj4MnMvtJuYbyvzqJYCGEJuAEWOm7nHdgFbpUh5QK0B5wCM38+7whp28zuxpuD4d89F6B94ASY7nKpH8AG8KCYpFyAVoBrYL7is5TVLRegWNJrsW+A2R6Q5HTLAqgNJISw/vstdgXMVUCS0y03oNhBsW8uekCS0i0roJiaEEKEtFqKbtkBlaZbk4CK0K0xQKXo1iigEnRTASSrmwQgZd1kAKnqpghISjc5QGq6SQIaQrd7M/sefupT/Up1QHV0ewO2zCyOcUd+SAOqqVucaR+a2dnI6QD/AdAncGBm5xMHqPXk32888gpsmtnzJAKqO2CbrJJWmhnJdVBNrbJNHRUB1dUqy99EMoCUtOosewlAalopApLSSgaQqlYSgJS1UgEkq1WjgErQqjFApWjVJKAitMoOqLWj6OsvVeOGih3FztOzPVsNOhLJ8ks6hFC1oxivV24nqAnFqnYUfYmzNVfutqMoq1UTCWovkh8DEdYLsOOL5IM2ouD5WUpa8L5rX5ID6oPKATmg2jZ1PdET5AnyBKUR8ASl8fMO8gR5gtIIeILS+HkHeYLSEvQDC10WWC4gLXUAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* rich-text 富文本公共样式 */
.rich-content {
  color: #333;
  font-size: 0.875rem;
  line-height: 1.6;
  word-break: break-word;
}
.rich-content * {
  font-size: inherit !important;
  line-height: inherit !important;
}
.rich-content p {
  margin: 0 0 0.5rem;
}
.rich-content img {
  max-width: 100%;
  height: auto;
}
.rich-content a {
  color: #007aff;
}
.rich-content ul, .rich-content ol {
  margin: 0.5rem 0;
  padding-left: 1.25rem;
}
.rich-content li {
  margin-bottom: 0.25rem;
}
.rich-content strong, .rich-content b {
  font-weight: bold;
}
.rich-content em, .rich-content i {
  font-style: italic;
}

/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* Icon 公共样式 */
.icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon.icon-sm {
  width: 1.25rem;
  height: 1.25rem;
}
.icon.icon-base {
  width: 1.625rem;
  height: 1.625rem;
}
.icon.icon-lg {
  width: 2.5rem;
  height: 2.5rem;
}
.icon-buy {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-eye-close {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABSJJREFUaEPtmGmopmMYx39/S3ayRihb0RCyZPkgiaQmg4whe01iDBGN7YOZEllHYkwTPsgaZYYkEYqayJpskSXEYKwJYS7PX/d7es5znuWdc97e58yZ56r303s99339r/+13mItE61leOkAT3XGO4Y7hqeYB7qQnmKEjoHTMdwxPMU80IX0FCO0K1pdSPdiICI2BbYHVkj6bU0I9YjYGtiyzuZShiPieOBawAf8mIGdL+nJyQw62TwP2KnO5jGAI2Jv4Blg5xzAFcBM4BVJMdmAR8QhwBPADjnbvgVOkrQ8b28Z4AuBW4ENcor/Ao9loXKBpJ8nE+CIcAjfB8yAUQ8a/wBXSjKWESkDPAe4rQDYH/wJ3Chp/iQDvAC4Cli/YJcBXyHJWGoB7wcsBXapAOYLFkr6pU3gEbEFcGmqNWWmfAmcLOm1WsD+MyLM8l0VgMz048Atkt5pA3RE7AVcY0DAhhU2XA3cLMlMVzOcAK8H3A+cVnGYc/ob4HZgybDaVkRsBpyXVeGLgR2BdSvsc0c5VdIfxf8rB4+I2A54ADiq5uBVwBvAIuAFYKWk3wfFekTYvo2BrYDDs3NdP8xulZgI23GGpO/KlGonrRQ6dwDH9AHiI+BlwDnzVnbpJ+Ot6Gno2RM4OGuRbjmHNgDtmfec2Zf0YZW9jaNlROwKvF+TK/mz3aOd425dK4FPUwTYGTbih6yi/uXBQNKqFKKbp2HBPXRfYFpWNPfPWqPD1y1noz6cbRXfO03SZ3X6TQzbCOfy0X1e2rba85mTz5Lk+lIqdTlssA7nEwAXsTVBXJHdUh3WpaCrZulN0odH1oD9KoViG45wYbSNZWLQL5mosgJaNmk1hbEP9Nx6PnCgx03gIGCblOeNdWEcHnJ7cf6/nuYDF8XFwIk1hJSG9yjj0lzqFuOGXhXGnqnnSfrchkeE9fZJFdVT2pnZaOpCNAjxWvog8KYXF+Dj3iAREZ4Eb0pLTRXTHpDmSPqpp1AE7MVhYclc2tN/OPP0XEleGcdIxdZiPffHL9J87qXEfXUdwIB+TRXWa11+YfF3X2esTpf0dsV9PufOmgHpb4+fkkamxiJgh6qLVFFGwrgKbGLb7DpC/HiQF7PjudZrZpmjnEbLUpTk/7czZktyVJVKRBh0XXgvzUZgh/7/UgTszcIDeVFGhXGF0d5Wrs9Yu6x4blbc7kmVc8yolxzlAmSmzimc7ci4ITtvQXEmzus1hPciSY7cUsDOQSe7C1BPasO4pxQR/uahkqnMIC+RtKSGJTv+opSTxbB+Cjg7n4cVDi8Lbxe6YyW5BpQCdl65Fc1NLx5Oenuo8U0rIvZI7cBDfV6+B2ZJerEKcGLZM/sjWRXetqDn9ndE0wSVzvB05gj1Y4Bn6esywMs91ZUCrjOo6b+ImJ61KbNRlPfsREn2dqVEhB8Mneu7F5RcP46T5MibsAysZ0bE3ak3F41ySpze9BaWNiPrzipBtTgreO73E5ZBAvaW5O2mKDMlOTUaJSLOTe9TRd1XJXljmrAMErCXDLelvDj3d2sK594HEeH8/yBtSvlz7pU0e8JoS9rHuM+MiAOAZ3MV3mugm75DvW+JiMtTselVa697MyS92/chNYqDZNgV/rD0BOOe/GgW4k/X9c8yuyLCQE9JP4N1l6hc6FfXCQMDvLoXt6XfAW7L88O6t2N4WJ5u656O4bY8P6x7O4aH5em27ukYbsvzw7q3Y3hYnm7rno7htjw/rHs7hofl6bbu+Q8y/I1MlypJVQAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-eye-open {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-right {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAjVJREFUeF7tmjFKA1EURc9DrVyBlegKbARLBRcgVlb2NoJYaCdYaSGClbWVlbgAQUvBxhUoVq7ASuXrhwSCZJJJfvLnfvOmnoSZk3tuMi/P8KMnAXM+vQk4oD4JcUAOKK1EPEGeIE9QGgFPUBo/7yBPkCcojYAnKI2fd5AnqIAEhRCmgGXgElgEHoEj4MnMvtJuYbyvzqJYCGEJuAEWOm7nHdgFbpUh5QK0B5wCM38+7whp28zuxpuD4d89F6B94ASY7nKpH8AG8KCYpFyAVoBrYL7is5TVLRegWNJrsW+A2R6Q5HTLAqgNJISw/vstdgXMVUCS0y03oNhBsW8uekCS0i0roJiaEEKEtFqKbtkBlaZbk4CK0K0xQKXo1iigEnRTASSrmwQgZd1kAKnqpghISjc5QGq6SQIaQrd7M/sefupT/Up1QHV0ewO2zCyOcUd+SAOqqVucaR+a2dnI6QD/AdAncGBm5xMHqPXk32888gpsmtnzJAKqO2CbrJJWmhnJdVBNrbJNHRUB1dUqy99EMoCUtOosewlAalopApLSSgaQqlYSgJS1UgEkq1WjgErQqjFApWjVJKAitMoOqLWj6OsvVeOGih3FztOzPVsNOhLJ8ks6hFC1oxivV24nqAnFqnYUfYmzNVfutqMoq1UTCWovkh8DEdYLsOOL5IM2ouD5WUpa8L5rX5ID6oPKATmg2jZ1PdET5AnyBKUR8ASl8fMO8gR5gtIIeILS+HkHeYLSEvQDC10WWC4gLXUAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* rich-text 富文本公共样式 */
.rich-content {
  color: #333;
  font-size: 0.875rem;
  line-height: 1.6;
  word-break: break-word;
}
.rich-content * {
  font-size: inherit !important;
  line-height: inherit !important;
}
.rich-content p {
  margin: 0 0 0.5rem;
}
.rich-content img {
  max-width: 100%;
  height: auto;
}
.rich-content a {
  color: #007aff;
}
.rich-content ul, .rich-content ol {
  margin: 0.5rem 0;
  padding-left: 1.25rem;
}
.rich-content li {
  margin-bottom: 0.25rem;
}
.rich-content strong, .rich-content b {
  font-weight: bold;
}
.rich-content em, .rich-content i {
  font-style: italic;
}
.an-report {
  min-height: 100vh;
  color: var(--an-text, #2e2a23);
  background: var(--an-ink, #f7f1e6);
}

/* ---- 身份卡 ---- */
.an-report__hero {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden;
  min-height: 46vh;
  padding: calc(env(safe-area-inset-top) + 26px) 22px 28px;
}
.an-hero__portrait {
  position: absolute;
  top: 0;
  right: -6%;
  width: 72%;
  height: 100%;
}
.an-hero__img {
  width: 100%;
  height: 100%;
}
.an-hero__shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, var(--an-ink, #f7f1e6) 6%, rgba(247, 241, 230, 0.52) 42%, rgba(247, 241, 230, 0) 70%), linear-gradient(0deg, var(--an-ink, #f7f1e6) 7%, rgba(247, 241, 230, 0) 46%);
}
.an-hero__id {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 9px;
}
.an-hero__name {
  color: var(--an-cream, #2e2a23);
  font-family: var(--an-serif, serif);
  font-size: clamp(42px, 12.5vw, 58px);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 0.06em;
  /* 去掉棕色外发光：深色底上它是给亮字提亮，浅底上给深字加同色发光只会糊出一圈脏边 */
}
.an-hero__title {
  color: var(--an-gold, #7d5f38);
  font-family: var(--an-serif, serif);
  font-size: 18px;
  letter-spacing: 0.16em;
  text-indent: 0.16em;
}
.an-hero__code {
  /* 🔴 上一轮把 0.62 提到 0.8 时按黑底算了，实测在 #f7f1e6 上只有 1.78。
     半透明金在浅纸上永远救不回来（越透越贴近纸），只能给实色：--an-gold 5.2 */
  color: var(--an-gold, #7d5f38);
  font-size: 12px;
  letter-spacing: 0.34em;
  text-indent: 0.34em;
}
.an-hero__quote {
  position: relative;
  max-width: 15em;
  padding-left: 20px;
  margin-top: 4px;
}
.an-hero__quote-mark {
  position: absolute;
  top: -12px;
  left: -4px;
  /* 34px 按大字算只需 3.0；#9c7a42 = 3.54，比正文淡一档但仍读得出，装饰感保住了 */
  color: #9c7a42;
  font-family: var(--an-serif, serif);
  font-size: 34px;
  line-height: 1;
}
.an-hero__quote-t {
  color: var(--an-cream-2, #4a443a);
  font-family: var(--an-serif, serif);
  font-size: 15.5px;
  line-height: 1.85;
}

/* 徽章底是陶土红实心，字要白 —— 与解锁页的 .an-unlock__rarity 同一条经验 */
.an-hero__rarity {
  margin-top: 4px;
  padding: 5px 16px;
  color: #fdfaf4;
  font-family: var(--an-serif, serif);
  font-size: 14px;
  letter-spacing: 0.1em;
  background: linear-gradient(180deg, var(--an-brick, #a85a42), var(--an-brick-2, #8f4632));
  border: 1px solid rgba(74, 57, 18, 0.42);
  border-radius: 2px;
}
.an-hero__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 6px;
}

/* 关键词是内容不是装饰：原来的 rgba(232,224,205,.8) 是暗底时代的"浅色文字"，纸上只有 1.13 */
.an-tag {
  padding: 3px 11px;
  color: var(--an-text-dim, #4a443a);
  font-size: 12px;
  letter-spacing: 0.06em;
  border: 1px solid rgba(138, 106, 63, 0.28);
  border-radius: 2px;
}

/* ---- 正文 ---- */
.an-report__body {
  padding: 8px 22px calc(env(safe-area-inset-bottom) + 26px);
}
.an-sect {
  padding: 20px 0;
  border-bottom: 1px solid rgba(138, 106, 63, 0.18);
}
.an-sect__h {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
}
.an-sect__mark {
  color: var(--an-gold, #7d5f38);
  font-size: 12px;
}

/* 警示色统一走 --an-brick-2(6.05)：#c85c40 只有 3.69、#d9765a 只有 2.79，
   而 --an-brick(#a85a42) 是 4.44 —— 差 0.06 也是不合格，别贪那一档亮 */
.an-sect__h.is-warn .an-sect__mark {
  color: var(--an-brick-2, #8f4632);
}
.an-sect__t {
  /* --an-gold-2(#a8854f) 在纸上只有 3.05，17px 正文要 4.5 */
  color: var(--an-gold, #7d5f38);
  font-family: var(--an-serif, serif);
  font-size: 17px;
  letter-spacing: 0.14em;
}
.an-sect__h.is-warn .an-sect__t {
  color: var(--an-brick-2, #8f4632);
}

/* 优势/盲点正文是整份报告最长的两段：rgba(232,224,205,.86) 是暗底时代的浅字，纸上 1.14 */
.an-sect__p {
  display: block;
  color: var(--an-text-dim, #4a443a);
  font-size: 14.5px;
  line-height: 1.95;
  letter-spacing: 0.01em;
}

/* ---- 十六型匹配度面板 ---- */
.an-match__card {
  /* 白卡而不是纸底：这块是要被截图发出去的，白底在信息流里最跳，
     也跟首页那张图是同一个视觉物件 */
  background: #fff;
  border-radius: 14px;
  padding: 14px 10px 12px;
  box-shadow: 0 2px 14px rgba(110, 84, 48, 0.09);
}
.an-mplot + .an-mplot {
  /* 两行必须隔开：不隔的话第二行的数字正好落在第一行动物名下方，会被读错行 */
  margin-top: 18px;
  padding-top: 15px;
  border-top: 1px solid rgba(138, 106, 63, 0.14);
}
.an-mplot__field {
  position: relative;
}
.an-mplot__field::before,
.an-mplot__field::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  border-top: 1px dashed rgba(138, 106, 63, 0.2);
  z-index: 0;
}
.an-mplot__field::before {
  top: 34%;
}
.an-mplot__field::after {
  top: 64%;
}
.an-mplot__bars,
.an-mplot__legend {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 2px;
}
.an-mplot__bars {
  position: relative;
  z-index: 1;
  height: 104px;
  border-bottom: 2px solid var(--an-cream, #2e2a23);
}
.an-mcol {
  display: flex;
  height: 100%;
  flex-direction: column;
  /* 数字贴柱顶：柱子高数字就高，归属一眼清楚，也不会跟上一行的名字挨在一起 */
  justify-content: flex-end;
}
.an-mcol__pct {
  height: 13px;
  line-height: 13px;
  text-align: center;
  /* 非本人那 15 根压暗，让"我是哪一根"从 16 根里自己跳出来 */
  color: rgba(74, 68, 58, 0.72);
  font-size: 10px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
}
.an-mcol__bar {
  width: 80%;
  margin: 0 auto;
  border-radius: 3px 3px 0 0;
  /* 0.62 而不是更低：这块是要被截图发出去的，压太暗整版发灰、丢掉竞品那种满色冲击力。
     "哪根是我"已经有金底片 + 加粗大号数字 + 下面那行说明三重保险，不必再靠压暗来指认 */
  opacity: 0.62;
}
.an-mcol.is-self .an-mcol__bar {
  opacity: 1;
}
.an-mcol.is-self .an-mcol__pct {
  color: var(--an-cream, #2e2a23);
  font-weight: 700;
  font-size: 11px;
}
.an-mplot__legend {
  margin-top: 7px;
}
.an-mlg {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  opacity: 0.62;
}
.an-mlg.is-self {
  opacity: 1;
  /* 本人那一格加一层浅金底：比给图标描边稳，图标是透明底 SVG，描边会贴着方形轮廓 */
  background: rgba(200, 164, 92, 0.18);
  border-radius: 8px;
  padding: 3px 0 2px;
  margin: -3px 0 -2px;
}
.an-mlg__ico {
  width: 28px;
  height: 28px;
}
.an-mlg__nm {
  font-size: 9.5px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.03em;
}
.an-mlg.is-self .an-mlg__nm {
  font-weight: 700;
}
.an-match__note {
  display: block;
  margin-top: 11px;
  text-align: center;
  color: var(--an-text-dim, #4a443a);
  font-size: 12.5px;
  letter-spacing: 0.04em;
}

/* 窄屏：八列每格只剩 30px，图标和名字都得收，否则「独角鲸」会撑出格 */
@media (max-width: 360px) {
.an-mlg__ico {
    width: 24px;
    height: 24px;
}
.an-mlg__nm {
    font-size: 9px;
    letter-spacing: -0.06em;
}
.an-mcol__pct {
    font-size: 9px;
}
.an-match__card {
    padding: 12px 7px 10px;
}
}
/* ---- 基础版升级卡（锁行画法与解锁页 .an-lockrow 同一套） ---- */
.an-lock__rows {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.an-lock__row {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 11px 14px;
  background: rgba(255, 253, 246, 0.6);
  border: 1px solid rgba(150, 118, 58, 0.32);
  border-radius: 3px;
}
.an-lock__main {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.an-lock__label {
  color: var(--an-paper-ink, #2b2419);
  font-family: var(--an-serif, serif);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.06em;
}
.an-lock__desc {
  color: var(--an-text-dim, #4a443a);
  font-size: 11.5px;
  line-height: 1.5;
}
.an-lock__pad {
  position: relative;
  flex: 0 0 20px;
  width: 20px;
  height: 15px;
  margin-top: 5px;
  background: #96763a;
  border-radius: 3px;
}
.an-lock__shackle {
  position: absolute;
  top: -9px;
  left: 50%;
  width: 12px;
  height: 11px;
  margin-left: -6px;
  border: 2px solid #96763a;
  border-bottom: 0;
  border-radius: 6px 6px 0 0;
}

/* CTA 底色走砖红渐变，与身份卡徽章同源；margin 必须显式给零，防 uni-button 自动居中 */
.an-lock__cta {
  display: flex;
  width: 100%;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  margin: 14px 0 0;
  padding: 0;
  background: linear-gradient(180deg, var(--an-brick, #a85a42), var(--an-brick-2, #8f4632));
  border: 1px solid rgba(200, 164, 92, 0.55);
  border-radius: 4px;
}
.an-lock__cta::after {
  border: none;
}
.an-lock__cta-t {
  color: #fdfaf4;
  font-family: var(--an-serif, serif);
  font-size: 16px;
  letter-spacing: 0.2em;
  text-indent: 0.2em;
}
.an-lock__note {
  display: block;
  margin-top: 9px;
  text-align: center;
  color: var(--an-text-mute, #857e71);
  font-size: 11.5px;
}

/* 四维条 */
.an-dim {
  padding: 11px 0;
}
.an-dim__row {
  display: flex;
  align-items: center;
  gap: 10px;
}
.an-dim__letter {
  flex: 0 0 26px;
  height: 26px;
  color: var(--an-gold, #7d5f38);
  font-family: var(--an-serif, serif);
  font-size: 13px;
  line-height: 24px;
  text-align: center;
  border: 1px solid rgba(138, 106, 63, 0.42);
  border-radius: 50%;
}
.an-dim__key {
  flex: 0 0 58px;
  color: var(--an-cream, #2e2a23);
  font-family: var(--an-serif, serif);
  font-size: 15px;
  letter-spacing: 0.04em;
}

/* 空槽原来是「白 6%」——那是往黑底上加亮，压在米白纸上完全消失，条形失去参照 */
.an-dim__track {
  position: relative;
  flex: 1;
  height: 12px;
  overflow: hidden;
  background: rgba(110, 84, 48, 0.14);
  border: 1px solid rgba(138, 106, 63, 0.26);
  border-radius: 2px;
}

/* 填充条同理翻向：原来越往右越亮（黑底上=越满越显眼），
   纸底上越亮越贴近底色，得反过来越满越深 */
.an-dim__fill {
  height: 100%;
  background: linear-gradient(90deg, #c2a464 0%, #9c7a42 68%, #6f5430 100%);
}
.an-dim__pct {
  flex: 0 0 42px;
  color: var(--an-cream-2, #4a443a);
  font-size: 13px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.an-dim__sub {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 94px;
  margin-top: 5px;
}
.an-dim__pole {
  color: var(--an-gold, #7d5f38);
  font-size: 12px;
}

/* 「很明显 / 比较明显 / 有一点」是维度强弱的唯一文字表述，不能当装饰：纸上原本只有 1.12 */
.an-dim__strength {
  padding: 1px 7px;
  color: var(--an-text-dim, #4a443a);
  font-size: 11px;
  border: 1px solid rgba(138, 106, 63, 0.26);
}
.an-dim__desc {
  color: var(--an-text-mute, #857e71);
  font-size: 11.5px;
}

/* 合拍 / 费劲 */
.an-relations {
  display: flex;
  gap: 14px;
  padding: 22px 0;
}
.an-relation {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 16px 10px 14px;
  border: 1px solid rgba(138, 106, 63, 0.26);
  border-radius: 3px;
}
.an-relation__tag {
  color: var(--an-gold, #7d5f38);
  font-size: 11.5px;
  letter-spacing: 0.16em;
  text-indent: 0.16em;
}

/* 沿用 --an-brick-2：#c85c40 在纸上是 3.69，同样不到 4.5 */
.an-relation.is-clash .an-relation__tag {
  color: var(--an-brick-2, #8f4632);
}
.an-relation__frame {
  position: relative;
  width: 100%;
  height: 92px;
  margin: 8px 0 6px;
  overflow: hidden;
  border: 1px solid rgba(138, 106, 63, 0.3);
  border-radius: 2px;
}

/*
 * 这层压暗原本是为了让现网那批高饱和 Q 版图不在墨底上炸成糖果色。
 * 32 张新立绘自带米白纸底、色调本就克制，再压 brightness(.82) 只会发闷，
 * 底部那道米白也只留一点收边用。
 */
.an-relation__frame::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(247, 241, 230, 0.28) 0%, rgba(247, 241, 230, 0) 45%);
  pointer-events: none;
}
.an-relation__img {
  width: 100%;
  height: 100%;
  filter: saturate(0.95) contrast(1.02);
}

/*
 * aspectFill 默认取图片中部，而立绘是「头在上半」的半身像构图——
 * 92px 的横条容器取中部会把头切掉（同事质检实测：蜜獾头部被裁出画）。
 * uni 的 image 在 H5 编译成 uni-image > div（background-image），
 * 穿透把取景锚到偏上（18% 留出头顶呼吸空间，纯 top 会顶到边）。
 */
.an-relation__img div {
  background-position: center 18% !important;
}
.an-relation__frame uni-image > div {
  background-position: center 18% !important;
}
.an-relation__name {
  color: var(--an-cream, #2e2a23);
  font-family: var(--an-serif, serif);
  font-size: 17px;
  letter-spacing: 0.06em;
}
.an-relation__title {
  color: var(--an-text-dim, #4a443a);
  font-size: 11.5px;
}

/* 操作 */
.an-actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 8px;
}
.an-actions__main,
.an-actions__ghost {
  display: flex;
  width: 100%;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-family: var(--an-serif, serif);
  font-size: 17px;
  letter-spacing: 0.2em;
  text-indent: 0.2em;
  border-radius: 4px;
}
.an-actions__main::after,
.an-actions__ghost::after {
  border: none;
}
.an-actions__main {
  /* CTA 底是陶土红，字必须白 —— --an-cream 已翻成纸上的深色文字，压这里只有 2.86 */
  color: #fdfaf4;
  background: linear-gradient(180deg, var(--an-brick, #a85a42), var(--an-brick-2, #8f4632));
  border: 1px solid rgba(74, 57, 18, 0.42);
}
.an-actions__ghost {
  color: var(--an-gold, #7d5f38);
  background: transparent;
  border: 1px solid rgba(138, 106, 63, 0.42);
}
.an-actions__links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-top: 4px;
}
.an-actions__links uni-text {
  color: var(--an-text-dim, #4a443a);
  font-size: 13px;
}
.an-actions__sep {
  color: var(--an-text-mute, #6b6355) !important;
}
.an-foot {
  padding: 24px 0 6px;
  text-align: center;
}
.an-foot uni-text {
  display: block;
  color: var(--an-text-mute, #6b6355);
  font-size: 11px;
  line-height: 1.7;
}

/* ---- 永久保存 ---- */
.an-keep {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 22px 0 18px;
  text-align: center;
  border-bottom: 1px solid rgba(138, 106, 63, 0.18);
}

/* 二维码必须坐在纯白上：微信识别靠的是黑白反差，压在米白纸上扫描率会掉 */
.an-keep__qr {
  display: flex;
  width: 148px;
  height: 148px;
  align-items: center;
  justify-content: center;
  margin: 2px 0 14px;
  background: #fff;
  border: 1px solid rgba(138, 106, 63, 0.26);
  border-radius: 4px;
}
.an-keep__img {
  width: 132px;
  height: 132px;
}
.an-keep__tip {
  color: var(--an-text-mute, #6b6355);
  font-size: 11.5px;
}
.an-keep__desc {
  max-width: 22em;
  color: var(--an-text-dim, #4a443a);
  font-size: 13.5px;
  line-height: 1.9;
}
.an-keep__copy {
  min-height: 44px;
  padding: 0 24px;
  margin-top: 12px;
  color: var(--an-gold, #7d5f38);
  font-family: var(--an-serif, serif);
  font-size: 14px;
  letter-spacing: 0.12em;
  background: transparent;
  border: 1px solid rgba(138, 106, 63, 0.42);
  border-radius: 3px;
}
.an-keep__copy::after {
  border: none;
}
.an-keep__feedback {
  margin-top: 10px;
  color: var(--an-gold, #7d5f38);
  font-size: 12px;
}
@media (min-width: 1100px) {
.an-report {
    display: grid;
    grid-template-columns: minmax(300px, 26%) 1fr;
    gap: 30px;
    box-sizing: border-box;
    padding: 36px clamp(32px, 4vw, 72px);
    align-items: start;
}
.an-report__hero {
    /* 立绘占卡片上半，身份文字**排在图下面**而不是压在图上——
       压图那版在浅色羽毛上根本读不出「深夜布局家」和四字母 */
    justify-content: flex-end;
    min-height: 76vh;
    padding: 34px 28px;
    border: 1px solid var(--an-line, rgba(200, 164, 92, 0.3));
    border-radius: 6px;
}
.an-hero__portrait {
    top: 0;
    right: 0;
    left: 0;
    width: auto;
    height: 54%;
}
.an-hero__shade {
    background: linear-gradient(0deg, var(--an-ink, #f7f1e6) 46%, rgba(247, 241, 230, 0.15) 62%);
}
.an-hero__name {
    font-size: clamp(44px, 3.4vw, 56px);
}
.an-report__body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-content: start;
    -moz-column-gap: 34px;
         column-gap: 34px;
    padding: 0;
}
.an-sect {
    grid-column: 1;
}
.an-insight {
    grid-column: 2;
    grid-row: 1;
}
.an-insight .an-sect {
    grid-column: auto;
}
.an-insight .an-sect.is-last {
    border-bottom: 0;
}
.an-dim__key {
    flex: 0 0 66px;
}
.an-relations {
    grid-column: 1/3;
}
.an-relation__frame {
    height: 148px;
}
  /* 二维码块跨两栏：它是全宽的收尾模块，塞进单栏会和左边四维条挤成一列长条 */
.an-keep {
    grid-column: 1/3;
}
.an-actions {
    grid-column: 1/3;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 18px;
}
.an-actions__main,
.an-actions__ghost {
    max-width: 240px;
}
.an-actions__links {
    margin: 0;
}
.an-foot {
    grid-column: 1/3;
}
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* Icon 公共样式 */
.icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon.icon-sm {
  width: 1.25rem;
  height: 1.25rem;
}
.icon.icon-base {
  width: 1.625rem;
  height: 1.625rem;
}
.icon.icon-lg {
  width: 2.5rem;
  height: 2.5rem;
}
.icon-buy {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-eye-close {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABSJJREFUaEPtmGmopmMYx39/S3ayRihb0RCyZPkgiaQmg4whe01iDBGN7YOZEllHYkwTPsgaZYYkEYqayJpskSXEYKwJYS7PX/d7es5znuWdc97e58yZ56r303s99339r/+13mItE61leOkAT3XGO4Y7hqeYB7qQnmKEjoHTMdwxPMU80IX0FCO0K1pdSPdiICI2BbYHVkj6bU0I9YjYGtiyzuZShiPieOBawAf8mIGdL+nJyQw62TwP2KnO5jGAI2Jv4Blg5xzAFcBM4BVJMdmAR8QhwBPADjnbvgVOkrQ8b28Z4AuBW4ENcor/Ao9loXKBpJ8nE+CIcAjfB8yAUQ8a/wBXSjKWESkDPAe4rQDYH/wJ3Chp/iQDvAC4Cli/YJcBXyHJWGoB7wcsBXapAOYLFkr6pU3gEbEFcGmqNWWmfAmcLOm1WsD+MyLM8l0VgMz048Atkt5pA3RE7AVcY0DAhhU2XA3cLMlMVzOcAK8H3A+cVnGYc/ob4HZgybDaVkRsBpyXVeGLgR2BdSvsc0c5VdIfxf8rB4+I2A54ADiq5uBVwBvAIuAFYKWk3wfFekTYvo2BrYDDs3NdP8xulZgI23GGpO/KlGonrRQ6dwDH9AHiI+BlwDnzVnbpJ+Ot6Gno2RM4OGuRbjmHNgDtmfec2Zf0YZW9jaNlROwKvF+TK/mz3aOd425dK4FPUwTYGTbih6yi/uXBQNKqFKKbp2HBPXRfYFpWNPfPWqPD1y1noz6cbRXfO03SZ3X6TQzbCOfy0X1e2rba85mTz5Lk+lIqdTlssA7nEwAXsTVBXJHdUh3WpaCrZulN0odH1oD9KoViG45wYbSNZWLQL5mosgJaNmk1hbEP9Nx6PnCgx03gIGCblOeNdWEcHnJ7cf6/nuYDF8XFwIk1hJSG9yjj0lzqFuOGXhXGnqnnSfrchkeE9fZJFdVT2pnZaOpCNAjxWvog8KYXF+Dj3iAREZ4Eb0pLTRXTHpDmSPqpp1AE7MVhYclc2tN/OPP0XEleGcdIxdZiPffHL9J87qXEfXUdwIB+TRXWa11+YfF3X2esTpf0dsV9PufOmgHpb4+fkkamxiJgh6qLVFFGwrgKbGLb7DpC/HiQF7PjudZrZpmjnEbLUpTk/7czZktyVJVKRBh0XXgvzUZgh/7/UgTszcIDeVFGhXGF0d5Wrs9Yu6x4blbc7kmVc8yolxzlAmSmzimc7ci4ITtvQXEmzus1hPciSY7cUsDOQSe7C1BPasO4pxQR/uahkqnMIC+RtKSGJTv+opSTxbB+Cjg7n4cVDi8Lbxe6YyW5BpQCdl65Fc1NLx5Oenuo8U0rIvZI7cBDfV6+B2ZJerEKcGLZM/sjWRXetqDn9ndE0wSVzvB05gj1Y4Bn6esywMs91ZUCrjOo6b+ImJ61KbNRlPfsREn2dqVEhB8Mneu7F5RcP46T5MibsAysZ0bE3ak3F41ySpze9BaWNiPrzipBtTgreO73E5ZBAvaW5O2mKDMlOTUaJSLOTe9TRd1XJXljmrAMErCXDLelvDj3d2sK594HEeH8/yBtSvlz7pU0e8JoS9rHuM+MiAOAZ3MV3mugm75DvW+JiMtTselVa697MyS92/chNYqDZNgV/rD0BOOe/GgW4k/X9c8yuyLCQE9JP4N1l6hc6FfXCQMDvLoXt6XfAW7L88O6t2N4WJ5u656O4bY8P6x7O4aH5em27ukYbsvzw7q3Y3hYnm7rno7htjw/rHs7hofl6bbu+Q8y/I1MlypJVQAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-eye-open {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-right {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAjVJREFUeF7tmjFKA1EURc9DrVyBlegKbARLBRcgVlb2NoJYaCdYaSGClbWVlbgAQUvBxhUoVq7ASuXrhwSCZJJJfvLnfvOmnoSZk3tuMi/P8KMnAXM+vQk4oD4JcUAOKK1EPEGeIE9QGgFPUBo/7yBPkCcojYAnKI2fd5AnqIAEhRCmgGXgElgEHoEj4MnMvtJuYbyvzqJYCGEJuAEWOm7nHdgFbpUh5QK0B5wCM38+7whp28zuxpuD4d89F6B94ASY7nKpH8AG8KCYpFyAVoBrYL7is5TVLRegWNJrsW+A2R6Q5HTLAqgNJISw/vstdgXMVUCS0y03oNhBsW8uekCS0i0roJiaEEKEtFqKbtkBlaZbk4CK0K0xQKXo1iigEnRTASSrmwQgZd1kAKnqpghISjc5QGq6SQIaQrd7M/sefupT/Up1QHV0ewO2zCyOcUd+SAOqqVucaR+a2dnI6QD/AdAncGBm5xMHqPXk32888gpsmtnzJAKqO2CbrJJWmhnJdVBNrbJNHRUB1dUqy99EMoCUtOosewlAalopApLSSgaQqlYSgJS1UgEkq1WjgErQqjFApWjVJKAitMoOqLWj6OsvVeOGih3FztOzPVsNOhLJ8ks6hFC1oxivV24nqAnFqnYUfYmzNVfutqMoq1UTCWovkh8DEdYLsOOL5IM2ouD5WUpa8L5rX5ID6oPKATmg2jZ1PdET5AnyBKUR8ASl8fMO8gR5gtIIeILS+HkHeYLSEvQDC10WWC4gLXUAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* rich-text 富文本公共样式 */
.rich-content {
  color: #333;
  font-size: 0.875rem;
  line-height: 1.6;
  word-break: break-word;
}
.rich-content * {
  font-size: inherit !important;
  line-height: inherit !important;
}
.rich-content p {
  margin: 0 0 0.5rem;
}
.rich-content img {
  max-width: 100%;
  height: auto;
}
.rich-content a {
  color: #007aff;
}
.rich-content ul, .rich-content ol {
  margin: 0.5rem 0;
  padding-left: 1.25rem;
}
.rich-content li {
  margin-bottom: 0.25rem;
}
.rich-content strong, .rich-content b {
  font-weight: bold;
}
.rich-content em, .rich-content i {
  font-style: italic;
}

/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* Icon 公共样式 */
.icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon.icon-sm {
  width: 1.25rem;
  height: 1.25rem;
}
.icon.icon-base {
  width: 1.625rem;
  height: 1.625rem;
}
.icon.icon-lg {
  width: 2.5rem;
  height: 2.5rem;
}
.icon-buy {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-eye-close {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABSJJREFUaEPtmGmopmMYx39/S3ayRihb0RCyZPkgiaQmg4whe01iDBGN7YOZEllHYkwTPsgaZYYkEYqayJpskSXEYKwJYS7PX/d7es5znuWdc97e58yZ56r303s99339r/+13mItE61leOkAT3XGO4Y7hqeYB7qQnmKEjoHTMdwxPMU80IX0FCO0K1pdSPdiICI2BbYHVkj6bU0I9YjYGtiyzuZShiPieOBawAf8mIGdL+nJyQw62TwP2KnO5jGAI2Jv4Blg5xzAFcBM4BVJMdmAR8QhwBPADjnbvgVOkrQ8b28Z4AuBW4ENcor/Ao9loXKBpJ8nE+CIcAjfB8yAUQ8a/wBXSjKWESkDPAe4rQDYH/wJ3Chp/iQDvAC4Cli/YJcBXyHJWGoB7wcsBXapAOYLFkr6pU3gEbEFcGmqNWWmfAmcLOm1WsD+MyLM8l0VgMz048Atkt5pA3RE7AVcY0DAhhU2XA3cLMlMVzOcAK8H3A+cVnGYc/ob4HZgybDaVkRsBpyXVeGLgR2BdSvsc0c5VdIfxf8rB4+I2A54ADiq5uBVwBvAIuAFYKWk3wfFekTYvo2BrYDDs3NdP8xulZgI23GGpO/KlGonrRQ6dwDH9AHiI+BlwDnzVnbpJ+Ot6Gno2RM4OGuRbjmHNgDtmfec2Zf0YZW9jaNlROwKvF+TK/mz3aOd425dK4FPUwTYGTbih6yi/uXBQNKqFKKbp2HBPXRfYFpWNPfPWqPD1y1noz6cbRXfO03SZ3X6TQzbCOfy0X1e2rba85mTz5Lk+lIqdTlssA7nEwAXsTVBXJHdUh3WpaCrZulN0odH1oD9KoViG45wYbSNZWLQL5mosgJaNmk1hbEP9Nx6PnCgx03gIGCblOeNdWEcHnJ7cf6/nuYDF8XFwIk1hJSG9yjj0lzqFuOGXhXGnqnnSfrchkeE9fZJFdVT2pnZaOpCNAjxWvog8KYXF+Dj3iAREZ4Eb0pLTRXTHpDmSPqpp1AE7MVhYclc2tN/OPP0XEleGcdIxdZiPffHL9J87qXEfXUdwIB+TRXWa11+YfF3X2esTpf0dsV9PufOmgHpb4+fkkamxiJgh6qLVFFGwrgKbGLb7DpC/HiQF7PjudZrZpmjnEbLUpTk/7czZktyVJVKRBh0XXgvzUZgh/7/UgTszcIDeVFGhXGF0d5Wrs9Yu6x4blbc7kmVc8yolxzlAmSmzimc7ci4ITtvQXEmzus1hPciSY7cUsDOQSe7C1BPasO4pxQR/uahkqnMIC+RtKSGJTv+opSTxbB+Cjg7n4cVDi8Lbxe6YyW5BpQCdl65Fc1NLx5Oenuo8U0rIvZI7cBDfV6+B2ZJerEKcGLZM/sjWRXetqDn9ndE0wSVzvB05gj1Y4Bn6esywMs91ZUCrjOo6b+ImJ61KbNRlPfsREn2dqVEhB8Mneu7F5RcP46T5MibsAysZ0bE3ak3F41ySpze9BaWNiPrzipBtTgreO73E5ZBAvaW5O2mKDMlOTUaJSLOTe9TRd1XJXljmrAMErCXDLelvDj3d2sK594HEeH8/yBtSvlz7pU0e8JoS9rHuM+MiAOAZ3MV3mugm75DvW+JiMtTselVa697MyS92/chNYqDZNgV/rD0BOOe/GgW4k/X9c8yuyLCQE9JP4N1l6hc6FfXCQMDvLoXt6XfAW7L88O6t2N4WJ5u656O4bY8P6x7O4aH5em27ukYbsvzw7q3Y3hYnm7rno7htjw/rHs7hofl6bbu+Q8y/I1MlypJVQAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-eye-open {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-right {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAjVJREFUeF7tmjFKA1EURc9DrVyBlegKbARLBRcgVlb2NoJYaCdYaSGClbWVlbgAQUvBxhUoVq7ASuXrhwSCZJJJfvLnfvOmnoSZk3tuMi/P8KMnAXM+vQk4oD4JcUAOKK1EPEGeIE9QGgFPUBo/7yBPkCcojYAnKI2fd5AnqIAEhRCmgGXgElgEHoEj4MnMvtJuYbyvzqJYCGEJuAEWOm7nHdgFbpUh5QK0B5wCM38+7whp28zuxpuD4d89F6B94ASY7nKpH8AG8KCYpFyAVoBrYL7is5TVLRegWNJrsW+A2R6Q5HTLAqgNJISw/vstdgXMVUCS0y03oNhBsW8uekCS0i0roJiaEEKEtFqKbtkBlaZbk4CK0K0xQKXo1iigEnRTASSrmwQgZd1kAKnqpghISjc5QGq6SQIaQrd7M/sefupT/Up1QHV0ewO2zCyOcUd+SAOqqVucaR+a2dnI6QD/AdAncGBm5xMHqPXk32888gpsmtnzJAKqO2CbrJJWmhnJdVBNrbJNHRUB1dUqy99EMoCUtOosewlAalopApLSSgaQqlYSgJS1UgEkq1WjgErQqjFApWjVJKAitMoOqLWj6OsvVeOGih3FztOzPVsNOhLJ8ks6hFC1oxivV24nqAnFqnYUfYmzNVfutqMoq1UTCWovkh8DEdYLsOOL5IM2ouD5WUpa8L5rX5ID6oPKATmg2jZ1PdET5AnyBKUR8ASl8fMO8gR5gtIIeILS+HkHeYLSEvQDC10WWC4gLXUAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* rich-text 富文本公共样式 */
.rich-content {
  color: #333;
  font-size: 0.875rem;
  line-height: 1.6;
  word-break: break-word;
}
.rich-content * {
  font-size: inherit !important;
  line-height: inherit !important;
}
.rich-content p {
  margin: 0 0 0.5rem;
}
.rich-content img {
  max-width: 100%;
  height: auto;
}
.rich-content a {
  color: #007aff;
}
.rich-content ul, .rich-content ol {
  margin: 0.5rem 0;
  padding-left: 1.25rem;
}
.rich-content li {
  margin-bottom: 0.25rem;
}
.rich-content strong, .rich-content b {
  font-weight: bold;
}
.rich-content em, .rich-content i {
  font-style: italic;
}
.an-unlock {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  color: var(--an-text, #2e2a23);
  background: var(--an-ink, #f7f1e6);
}

/* ---- 身份卡 ---- */
.an-unlock__hero {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden;
  /*
   * 52vh → 46vh。面板这一轮从「三个光栏目名」长成「四行带说明 + 保障行」，
   * 高了约 190px；海报再占掉一半屏，CTA 就整个掉出首屏了。
   * 收的是**下限**不是内容——身份卡里的东西一样没少，只是不再强行占半屏。
   */
  min-height: 46vh;
  padding: calc(env(safe-area-inset-top) + 26px) 22px 24px;
}
.an-unlock__portrait {
  position: absolute;
  top: 0;
  right: -6%;
  width: 74%;
  height: 100%;
}
.an-unlock__img {
  width: 100%;
  height: 100%;
}

/* 轮播：六张叠放逐张淡入淡出，9s 一轮（6 × 1.5s）。节奏与加载页 face 轮播一致 */
.an-unlock__portrait.is-carousel .an-unlock__img {
  position: absolute;
  inset: 0;
  opacity: 0;
  animation: an-hero-cycle-22dfe773 9s linear infinite;
}
@keyframes an-hero-cycle-22dfe773 {
0% {
    opacity: 0;
    transform: scale(1.04);
}
3% {
    opacity: 1;
    transform: scale(1);
}
16.6% {
    opacity: 1;
}
20% {
    opacity: 0;
}
100% {
    opacity: 0;
}
}
@media (prefers-reduced-motion: reduce) {
.an-unlock__portrait.is-carousel .an-unlock__img {
    animation: none;
}
.an-unlock__portrait.is-carousel .an-unlock__img:first-child {
    opacity: 1;
}
}
.an-unlock__pending {
  color: var(--an-text-mute, #857e71);
  font-size: 12px;
  letter-spacing: 0.28em;
  text-indent: 0.28em;
}
.an-unlock__shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, var(--an-ink, #f7f1e6) 8%, rgba(247, 241, 230, 0.55) 44%, rgba(247, 241, 230, 0) 72%), linear-gradient(0deg, var(--an-ink, #f7f1e6) 7%, rgba(247, 241, 230, 0) 46%);
}
.an-unlock__id {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.an-unlock__name {
  color: var(--an-cream, #2e2a23);
  font-family: var(--an-serif, serif);
  /* 🔴 2026-08-24 一行排版：原 clamp(44px,13vw,60px) 在 390 屏上 7 个字宽约 378px，
     必折成「你的原型已归/档」。降到 10.4vw 封顶 42px（7 字 ≈ 310px），再上 nowrap 兜底。
     nowrap 不能删：只调字号的话，将来文案一换字数这行又会悄悄折回去。 */
  font-size: clamp(30px, 10.4vw, 42px);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.06em;
  white-space: nowrap;
  text-shadow: 0 3px 24px rgba(110, 84, 48, 0.8);
}

/*
 * 这一行从两条事实扩到三条（约 24 字）。原来的 18px + 0.16em 字距是给
 * 一句短副标设计的，塞三条会宽到 500px 开外，在 375 屏上必折行且撞到立绘。
 * 降到 12.5px、字距收掉，它的职责也随之从「副标题」变成「已完成回执」。
 */
.an-unlock__done {
  display: flex;
  gap: 6px;
  align-items: flex-start;
  max-width: 20em;
}

/* ✓ 用 sage 绿：这套色板里唯一的"完成/通过"语义色（纸上 5.78），
   金和陶土红都已各有职责，再拿去表示"已完成"会串味。
   --an-sage 在令牌表里定义了但全仓一直没人用过，它本来就是留给这类标记的 */
.an-unlock__tick {
  flex: 0 0 auto;
  color: var(--an-sage, #4f6350);
  font-size: 12.5px;
  line-height: 1.75;
}
.an-unlock__title {
  color: var(--an-text-dim, #4a443a);
  font-size: 12.5px;
  line-height: 1.75;
  letter-spacing: 0.02em;
}

/* ---- 米白纸面板 ---- */
.an-unlock__panel {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 14px;
  box-sizing: border-box;
  padding: 24px 20px calc(env(safe-area-inset-bottom) + 22px);
  background: linear-gradient(170deg, #f1ead9 0%, #e6dcc4 100%);
  border-radius: 14px 14px 0 0;
}

/*
 * 🔴 面板是渐变的，深端 #e6dcc4 比页面纸暗一档，直接压在它上面的字要按**深端**校：
 * --an-gold 在深端只有 4.32、--an-text-mute 只有 4.35，两个都不到 4.5。
 * 所以直落面板的文字一律走 --an-gold-dim(5.16) / --an-text-dim(7.07) / #5a4a2e(6.28)；
 * 4.5 上下的那两个只留给锁行卡面里（卡面把底垫回 #f5f0e2 以上，全部 ≥5.1）。
 */
.an-unlock__lead {
  display: flex;
  gap: 8px;
  align-items: center;
}
.an-unlock__lead-mark {
  color: var(--an-gold-dim, #6f5430);
  font-size: 12px;
}
.an-unlock__lead-t {
  color: var(--an-gold-dim, #6f5430);
  font-family: var(--an-serif, serif);
  font-size: 16px;
  letter-spacing: 0.14em;
}
.an-unlock__rows {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.an-lockrow {
  position: relative;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 11px 14px;
  background: rgba(255, 253, 246, 0.6);
  border: 1px solid rgba(150, 118, 58, 0.32);
  border-radius: 3px;
}

/*
 * 空的序号圈。尺寸/描边/字号与报告页 .an-dim__letter 完全一致——
 * 解锁后同一个圈里坐着的就是 I / N / T / J，此刻它只有一个编号，
 * 「还差什么」不用写成文案，形状自己会说。
 */
.an-lockrow__no {
  flex: 0 0 26px;
  height: 26px;
  color: var(--an-gold, #7d5f38);
  font-family: var(--an-serif, serif);
  font-size: 13px;
  line-height: 24px;
  text-align: center;
  border: 1px solid rgba(138, 106, 63, 0.42);
  border-radius: 50%;
}
.an-lockrow__main {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.an-lockrow__label {
  color: var(--an-paper-ink, #2b2419);
  font-family: var(--an-serif, serif);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.06em;
}

/* 「它是什么」——付费页说服力的主要来源，但一个真值都不许出现 */
.an-lockrow__desc {
  color: var(--an-text-dim, #4a443a);
  font-size: 11.5px;
  line-height: 1.5;
}

/* 纯 CSS 挂锁：锁体 + 锁梁 */
.an-lockrow__lock {
  position: relative;
  flex: 0 0 20px;
  width: 20px;
  height: 15px;
  margin-top: 5px;
  background: #96763a;
  border-radius: 3px;
}
.an-lockrow__shackle {
  position: absolute;
  top: -9px;
  left: 50%;
  width: 12px;
  height: 11px;
  margin-left: -6px;
  border: 2px solid #96763a;
  border-bottom: 0;
  border-radius: 6px 6px 0 0;
}
.an-unlock__cta {
  display: flex;
  width: 100%;
  min-height: 56px;
  margin-top: 2px;
  align-items: center;
  justify-content: center;
  padding: 0;
  /*
   * 原本是「浅米白字 + 中金渐变」，18px 非粗体要 4.5:1，实测渐变浅端只有 2.55。
   * 金本身就是中等亮度，浅字在浅端、深字在深端都会掉——只能收窄跨度二选一。
   * 改成「亮金底 + 深棕字」：两端 7.6 / 5.2 都过，鎏金牌的质感也比原来更足。
   */
  background: linear-gradient(180deg, #d4b055 0%, #b1902f 100%);
  border: 1px solid rgba(74, 57, 18, 0.42);
  border-radius: 3px;
  box-shadow: 0 8px 22px rgba(90, 70, 24, 0.28);
}
.an-unlock__cta::after {
  border: none;
}
.an-unlock__cta-t {
  color: #2b2110;
  font-weight: 700;
  font-family: var(--an-serif, serif);
  font-size: 18px;
  letter-spacing: 0.22em;
  text-indent: 0.22em;
}
.an-unlock__cta.is-dim {
  opacity: 0.55;
}
.an-unlock__cta[disabled] {
  opacity: 0.55;
}

/* 交付保障：横排三条，窄屏自动折行。字色按面板深端校过（#5a4a2e = 6.28） */
/* 首屏下缘横带：压在 hero 底部，整条居中。z-index 抬到 shade 之上 */
.an-rosterband {
  position: relative;
  z-index: 1;
  margin-top: auto;
  padding-top: 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
}
.an-roster {
  display: flex;
  gap: 2px;
  flex-wrap: nowrap;
  justify-content: center;
}
.an-roster__i {
  width: 19px;
  height: 19px;
  flex: 0 0 auto;
  opacity: 0.35;
  animation: an-roster-ping-22dfe773 6.4s linear infinite;
}

/* 扫光匀速掠过 16 枚（16 × 0.4s = 6.4s 一轮），任何一枚都不多停留——多停就是剧透 */
@keyframes an-roster-ping-22dfe773 {
0%, 100% {
    opacity: 0.35;
    transform: scale(1);
}
2% {
    opacity: 1;
    transform: scale(1.3);
}
6% {
    opacity: 0.35;
    transform: scale(1);
}
}
@media (prefers-reduced-motion: reduce) {
.an-roster__i {
    animation: none;
}
}
/* CTA 吸底栏（2026-08-25） */
.an-unlock__ctabar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5; /* 压过页面内容；PayCommonModel 弹层的 z 远高于此，不会被盖 */
  padding: 26px 22px calc(env(safe-area-inset-bottom) + 12px);
  background: linear-gradient(180deg, rgba(247, 241, 230, 0) 0%, var(--an-ink, #f7f1e6) 44%);
  pointer-events: none;
}
.an-unlock__ctabar .an-unlock__cta {
  pointer-events: auto;
}

/* 2026-08-25 定稿：**框稳字呼吸·连续循环**——框不动，字「放大→还原」匀速不停
   （1.6s 一次，无停顿，用户拍板）。缩放只到 1.09：字号 16px 放大后约 17.4px，
   仍远离按钮边框；再大会显得按钮装不下它。transform-origin 居中，从中心鼓出不偏移。 */
.an-unlock__ctabar .an-unlock__cta:not([disabled]):not(.is-dim) .an-unlock__cta-t {
  display: inline-block; /* text 默认 inline，transform 不生效 */
  transform-origin: center;
  animation: an-cta-breathe-22dfe773 1.6s ease-in-out infinite;
}
@keyframes an-cta-breathe-22dfe773 {
0%, 100% {
    transform: scale(1);
}
50% {
    transform: scale(1.09);
}
}
@media (prefers-reduced-motion: reduce) {
.an-unlock__ctabar .an-unlock__cta .an-unlock__cta-t {
    animation: none;
}
}
.an-lockrow__labelrow {
  display: flex;
  align-items: center;
  gap: 8px;
}
.an-lockrow__tier {
  color: var(--an-gold, #7d5f38);
  border: 1px solid rgba(150, 118, 58, 0.55);
  font-size: 10px;
  padding: 2px 7px;
  border-radius: 3px;
  letter-spacing: 0.08em;
  flex: 0 0 auto;
}
.an-vows {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  justify-content: center;
  margin-top: -2px;
}
.an-vow {
  display: flex;
  gap: 5px;
  align-items: center;
}
.an-vow__mark {
  color: var(--an-gold-dim, #6f5430);
  font-size: 9px;
}
.an-vow__t {
  color: #5a4a2e;
  font-size: 11.5px;
}
.an-unlock__foot {
  /* 0.72 透明度合成后只有 3.67，11px 正文要 4.5；实色 #5a4a2e → 7.2 */
  color: #5a4a2e;
  font-size: 11px;
  line-height: 1.6;
  text-align: center;
}

/* CTA 吸底后给面板垫底：保障行与合规脚注不能压在按钮底下 */
.an-unlock__panel {
  padding-bottom: calc(env(safe-area-inset-bottom) + 96px);
}
@media (min-width: 1100px) {
.an-unlock {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    gap: 28px;
    padding: 40px clamp(32px, 5vw, 80px);
    box-sizing: border-box;
}
.an-unlock__hero {
    /* 文字压在图上时必须靠底：卡片高度由栅格拉伸而来，
       用 justify-content 收底比给子元素 height:100% 稳（父级只有 min-height，百分比高度会退化成 auto） */
    justify-content: flex-end;
    min-height: 72vh;
    padding: 40px 34px;
    border: 1px solid var(--an-line, rgba(200, 164, 92, 0.3));
    border-radius: 6px;
}
  /* 立绘铺满整张卡，遮罩负责把左侧压回墨色——只铺 62% 会在中间留一道硬边 */
.an-unlock__portrait {
    right: 0;
    width: 100%;
}
.an-unlock__shade {
    background: linear-gradient(90deg, var(--an-ink, #f7f1e6) 4%, rgba(247, 241, 230, 0.35) 52%, rgba(247, 241, 230, 0) 86%), linear-gradient(0deg, var(--an-ink, #f7f1e6) 6%, rgba(247, 241, 230, 0) 52%);
}
.an-unlock__name {
    font-size: clamp(44px, 3.8vw, 56px);
}
.an-unlock__panel {
    justify-content: center;
    padding: 44px 40px;
    border-radius: 6px;
}
  /* 桌面端原本是「3 行 × 96px 高 + 30px 间距」，那是给光栏目名撑版面用的。
     现在每行自带说明、还多了一行，照旧值算下来 4 行要 500px，右栏会比左边的立绘卡还高 */
.an-unlock__rows {
    gap: 14px;
}
.an-lockrow {
    padding: 15px 20px;
    gap: 14px;
}
.an-lockrow__no {
    flex: 0 0 30px;
    height: 30px;
    font-size: 14px;
    line-height: 28px;
}
.an-lockrow__label {
    font-size: 19px;
}
.an-lockrow__desc {
    font-size: 12.5px;
}
.an-unlock__lead-t {
    font-size: 18px;
}
.an-unlock__cta {
    margin-top: 16px;
    min-height: 64px;
}
.an-vow__t {
    font-size: 12.5px;
}
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* Icon 公共样式 */
.icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon.icon-sm {
  width: 1.25rem;
  height: 1.25rem;
}
.icon.icon-base {
  width: 1.625rem;
  height: 1.625rem;
}
.icon.icon-lg {
  width: 2.5rem;
  height: 2.5rem;
}
.icon-buy {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-eye-close {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABSJJREFUaEPtmGmopmMYx39/S3ayRihb0RCyZPkgiaQmg4whe01iDBGN7YOZEllHYkwTPsgaZYYkEYqayJpskSXEYKwJYS7PX/d7es5znuWdc97e58yZ56r303s99339r/+13mItE61leOkAT3XGO4Y7hqeYB7qQnmKEjoHTMdwxPMU80IX0FCO0K1pdSPdiICI2BbYHVkj6bU0I9YjYGtiyzuZShiPieOBawAf8mIGdL+nJyQw62TwP2KnO5jGAI2Jv4Blg5xzAFcBM4BVJMdmAR8QhwBPADjnbvgVOkrQ8b28Z4AuBW4ENcor/Ao9loXKBpJ8nE+CIcAjfB8yAUQ8a/wBXSjKWESkDPAe4rQDYH/wJ3Chp/iQDvAC4Cli/YJcBXyHJWGoB7wcsBXapAOYLFkr6pU3gEbEFcGmqNWWmfAmcLOm1WsD+MyLM8l0VgMz048Atkt5pA3RE7AVcY0DAhhU2XA3cLMlMVzOcAK8H3A+cVnGYc/ob4HZgybDaVkRsBpyXVeGLgR2BdSvsc0c5VdIfxf8rB4+I2A54ADiq5uBVwBvAIuAFYKWk3wfFekTYvo2BrYDDs3NdP8xulZgI23GGpO/KlGonrRQ6dwDH9AHiI+BlwDnzVnbpJ+Ot6Gno2RM4OGuRbjmHNgDtmfec2Zf0YZW9jaNlROwKvF+TK/mz3aOd425dK4FPUwTYGTbih6yi/uXBQNKqFKKbp2HBPXRfYFpWNPfPWqPD1y1noz6cbRXfO03SZ3X6TQzbCOfy0X1e2rba85mTz5Lk+lIqdTlssA7nEwAXsTVBXJHdUh3WpaCrZulN0odH1oD9KoViG45wYbSNZWLQL5mosgJaNmk1hbEP9Nx6PnCgx03gIGCblOeNdWEcHnJ7cf6/nuYDF8XFwIk1hJSG9yjj0lzqFuOGXhXGnqnnSfrchkeE9fZJFdVT2pnZaOpCNAjxWvog8KYXF+Dj3iAREZ4Eb0pLTRXTHpDmSPqpp1AE7MVhYclc2tN/OPP0XEleGcdIxdZiPffHL9J87qXEfXUdwIB+TRXWa11+YfF3X2esTpf0dsV9PufOmgHpb4+fkkamxiJgh6qLVFFGwrgKbGLb7DpC/HiQF7PjudZrZpmjnEbLUpTk/7czZktyVJVKRBh0XXgvzUZgh/7/UgTszcIDeVFGhXGF0d5Wrs9Yu6x4blbc7kmVc8yolxzlAmSmzimc7ci4ITtvQXEmzus1hPciSY7cUsDOQSe7C1BPasO4pxQR/uahkqnMIC+RtKSGJTv+opSTxbB+Cjg7n4cVDi8Lbxe6YyW5BpQCdl65Fc1NLx5Oenuo8U0rIvZI7cBDfV6+B2ZJerEKcGLZM/sjWRXetqDn9ndE0wSVzvB05gj1Y4Bn6esywMs91ZUCrjOo6b+ImJ61KbNRlPfsREn2dqVEhB8Mneu7F5RcP46T5MibsAysZ0bE3ak3F41ySpze9BaWNiPrzipBtTgreO73E5ZBAvaW5O2mKDMlOTUaJSLOTe9TRd1XJXljmrAMErCXDLelvDj3d2sK594HEeH8/yBtSvlz7pU0e8JoS9rHuM+MiAOAZ3MV3mugm75DvW+JiMtTselVa697MyS92/chNYqDZNgV/rD0BOOe/GgW4k/X9c8yuyLCQE9JP4N1l6hc6FfXCQMDvLoXt6XfAW7L88O6t2N4WJ5u656O4bY8P6x7O4aH5em27ukYbsvzw7q3Y3hYnm7rno7htjw/rHs7hofl6bbu+Q8y/I1MlypJVQAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-eye-open {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-right {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAjVJREFUeF7tmjFKA1EURc9DrVyBlegKbARLBRcgVlb2NoJYaCdYaSGClbWVlbgAQUvBxhUoVq7ASuXrhwSCZJJJfvLnfvOmnoSZk3tuMi/P8KMnAXM+vQk4oD4JcUAOKK1EPEGeIE9QGgFPUBo/7yBPkCcojYAnKI2fd5AnqIAEhRCmgGXgElgEHoEj4MnMvtJuYbyvzqJYCGEJuAEWOm7nHdgFbpUh5QK0B5wCM38+7whp28zuxpuD4d89F6B94ASY7nKpH8AG8KCYpFyAVoBrYL7is5TVLRegWNJrsW+A2R6Q5HTLAqgNJISw/vstdgXMVUCS0y03oNhBsW8uekCS0i0roJiaEEKEtFqKbtkBlaZbk4CK0K0xQKXo1iigEnRTASSrmwQgZd1kAKnqpghISjc5QGq6SQIaQrd7M/sefupT/Up1QHV0ewO2zCyOcUd+SAOqqVucaR+a2dnI6QD/AdAncGBm5xMHqPXk32888gpsmtnzJAKqO2CbrJJWmhnJdVBNrbJNHRUB1dUqy99EMoCUtOosewlAalopApLSSgaQqlYSgJS1UgEkq1WjgErQqjFApWjVJKAitMoOqLWj6OsvVeOGih3FztOzPVsNOhLJ8ks6hFC1oxivV24nqAnFqnYUfYmzNVfutqMoq1UTCWovkh8DEdYLsOOL5IM2ouD5WUpa8L5rX5ID6oPKATmg2jZ1PdET5AnyBKUR8ASl8fMO8gR5gtIIeILS+HkHeYLSEvQDC10WWC4gLXUAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* rich-text 富文本公共样式 */
.rich-content {
  color: #333;
  font-size: 0.875rem;
  line-height: 1.6;
  word-break: break-word;
}
.rich-content * {
  font-size: inherit !important;
  line-height: inherit !important;
}
.rich-content p {
  margin: 0 0 0.5rem;
}
.rich-content img {
  max-width: 100%;
  height: auto;
}
.rich-content a {
  color: #007aff;
}
.rich-content ul, .rich-content ol {
  margin: 0.5rem 0;
  padding-left: 1.25rem;
}
.rich-content li {
  margin-bottom: 0.25rem;
}
.rich-content strong, .rich-content b {
  font-weight: bold;
}
.rich-content em, .rich-content i {
  font-style: italic;
}

/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* Icon 公共样式 */
.icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon.icon-sm {
  width: 1.25rem;
  height: 1.25rem;
}
.icon.icon-base {
  width: 1.625rem;
  height: 1.625rem;
}
.icon.icon-lg {
  width: 2.5rem;
  height: 2.5rem;
}
.icon-buy {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-eye-close {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABSJJREFUaEPtmGmopmMYx39/S3ayRihb0RCyZPkgiaQmg4whe01iDBGN7YOZEllHYkwTPsgaZYYkEYqayJpskSXEYKwJYS7PX/d7es5znuWdc97e58yZ56r303s99339r/+13mItE61leOkAT3XGO4Y7hqeYB7qQnmKEjoHTMdwxPMU80IX0FCO0K1pdSPdiICI2BbYHVkj6bU0I9YjYGtiyzuZShiPieOBawAf8mIGdL+nJyQw62TwP2KnO5jGAI2Jv4Blg5xzAFcBM4BVJMdmAR8QhwBPADjnbvgVOkrQ8b28Z4AuBW4ENcor/Ao9loXKBpJ8nE+CIcAjfB8yAUQ8a/wBXSjKWESkDPAe4rQDYH/wJ3Chp/iQDvAC4Cli/YJcBXyHJWGoB7wcsBXapAOYLFkr6pU3gEbEFcGmqNWWmfAmcLOm1WsD+MyLM8l0VgMz048Atkt5pA3RE7AVcY0DAhhU2XA3cLMlMVzOcAK8H3A+cVnGYc/ob4HZgybDaVkRsBpyXVeGLgR2BdSvsc0c5VdIfxf8rB4+I2A54ADiq5uBVwBvAIuAFYKWk3wfFekTYvo2BrYDDs3NdP8xulZgI23GGpO/KlGonrRQ6dwDH9AHiI+BlwDnzVnbpJ+Ot6Gno2RM4OGuRbjmHNgDtmfec2Zf0YZW9jaNlROwKvF+TK/mz3aOd425dK4FPUwTYGTbih6yi/uXBQNKqFKKbp2HBPXRfYFpWNPfPWqPD1y1noz6cbRXfO03SZ3X6TQzbCOfy0X1e2rba85mTz5Lk+lIqdTlssA7nEwAXsTVBXJHdUh3WpaCrZulN0odH1oD9KoViG45wYbSNZWLQL5mosgJaNmk1hbEP9Nx6PnCgx03gIGCblOeNdWEcHnJ7cf6/nuYDF8XFwIk1hJSG9yjj0lzqFuOGXhXGnqnnSfrchkeE9fZJFdVT2pnZaOpCNAjxWvog8KYXF+Dj3iAREZ4Eb0pLTRXTHpDmSPqpp1AE7MVhYclc2tN/OPP0XEleGcdIxdZiPffHL9J87qXEfXUdwIB+TRXWa11+YfF3X2esTpf0dsV9PufOmgHpb4+fkkamxiJgh6qLVFFGwrgKbGLb7DpC/HiQF7PjudZrZpmjnEbLUpTk/7czZktyVJVKRBh0XXgvzUZgh/7/UgTszcIDeVFGhXGF0d5Wrs9Yu6x4blbc7kmVc8yolxzlAmSmzimc7ci4ITtvQXEmzus1hPciSY7cUsDOQSe7C1BPasO4pxQR/uahkqnMIC+RtKSGJTv+opSTxbB+Cjg7n4cVDi8Lbxe6YyW5BpQCdl65Fc1NLx5Oenuo8U0rIvZI7cBDfV6+B2ZJerEKcGLZM/sjWRXetqDn9ndE0wSVzvB05gj1Y4Bn6esywMs91ZUCrjOo6b+ImJ61KbNRlPfsREn2dqVEhB8Mneu7F5RcP46T5MibsAysZ0bE3ak3F41ySpze9BaWNiPrzipBtTgreO73E5ZBAvaW5O2mKDMlOTUaJSLOTe9TRd1XJXljmrAMErCXDLelvDj3d2sK594HEeH8/yBtSvlz7pU0e8JoS9rHuM+MiAOAZ3MV3mugm75DvW+JiMtTselVa697MyS92/chNYqDZNgV/rD0BOOe/GgW4k/X9c8yuyLCQE9JP4N1l6hc6FfXCQMDvLoXt6XfAW7L88O6t2N4WJ5u656O4bY8P6x7O4aH5em27ukYbsvzw7q3Y3hYnm7rno7htjw/rHs7hofl6bbu+Q8y/I1MlypJVQAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-eye-open {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-right {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAjVJREFUeF7tmjFKA1EURc9DrVyBlegKbARLBRcgVlb2NoJYaCdYaSGClbWVlbgAQUvBxhUoVq7ASuXrhwSCZJJJfvLnfvOmnoSZk3tuMi/P8KMnAXM+vQk4oD4JcUAOKK1EPEGeIE9QGgFPUBo/7yBPkCcojYAnKI2fd5AnqIAEhRCmgGXgElgEHoEj4MnMvtJuYbyvzqJYCGEJuAEWOm7nHdgFbpUh5QK0B5wCM38+7whp28zuxpuD4d89F6B94ASY7nKpH8AG8KCYpFyAVoBrYL7is5TVLRegWNJrsW+A2R6Q5HTLAqgNJISw/vstdgXMVUCS0y03oNhBsW8uekCS0i0roJiaEEKEtFqKbtkBlaZbk4CK0K0xQKXo1iigEnRTASSrmwQgZd1kAKnqpghISjc5QGq6SQIaQrd7M/sefupT/Up1QHV0ewO2zCyOcUd+SAOqqVucaR+a2dnI6QD/AdAncGBm5xMHqPXk32888gpsmtnzJAKqO2CbrJJWmhnJdVBNrbJNHRUB1dUqy99EMoCUtOosewlAalopApLSSgaQqlYSgJS1UgEkq1WjgErQqjFApWjVJKAitMoOqLWj6OsvVeOGih3FztOzPVsNOhLJ8ks6hFC1oxivV24nqAnFqnYUfYmzNVfutqMoq1UTCWovkh8DEdYLsOOL5IM2ouD5WUpa8L5rX5ID6oPKATmg2jZ1PdET5AnyBKUR8ASl8fMO8gR5gtIIeILS+HkHeYLSEvQDC10WWC4gLXUAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* rich-text 富文本公共样式 */
.rich-content {
  color: #333;
  font-size: 0.875rem;
  line-height: 1.6;
  word-break: break-word;
}
.rich-content * {
  font-size: inherit !important;
  line-height: inherit !important;
}
.rich-content p {
  margin: 0 0 0.5rem;
}
.rich-content img {
  max-width: 100%;
  height: auto;
}
.rich-content a {
  color: #007aff;
}
.rich-content ul, .rich-content ol {
  margin: 0.5rem 0;
  padding-left: 1.25rem;
}
.rich-content li {
  margin-bottom: 0.25rem;
}
.rich-content strong, .rich-content b {
  font-weight: bold;
}
.rich-content em, .rich-content i {
  font-style: italic;
}

/*
 * 「日间图鉴」设计令牌。CSS 自定义属性会沿 DOM 继承下去，
 * 所以定义在页面根节点上，五个子视图与支付栏直接 var() 取用，
 * 不必各自复制一份色板。每处都带 fallback，组件被单独渲染时也不会掉色。
 */
:root,
body.assessment-animal,
.animal-page {
  /*
   * 🔴 2026-08-18 换档：从「暮色·纯黑」改成「日间图鉴·暖米白」。
   *
   * 为什么换：立绘换成动漫拟人化角色后，画面本身是米白纸底的插画；
   * 米白插画贴在 #f7f1e6 上就是现网 Q 版白底图贴黑底的同一个病。
   * 更根本的是欧阳那句「你会分享这样的章鱼吗」—— 测评靠分享传播，
   * 深色写实路线在分享意愿上是负分。品类实测也一致（Zooti #FBF6EF 暖米白主导、
   * 网易云动物人格卡通明亮）。
   *
   * 与 1047 恋爱人格（暖纸 #f3ebdd + 尘玫瑰 + 墨青）刻意错开：
   * 这里走更亮更中性的纸 + sage 绿 + 琥珀，两个产品不撞脸。
   * 所有取值都按 WCAG AA 校过。
   */
  --an-ink:#f7f1e6; /* 页面底：暖米白纸 */
  --an-ink-2:#f1e9da; /* 次级纸：分区、页脚 */
  --an-card:#fdfaf4; /* 卡片，比页面亮一档 */
  --an-line:rgba(138,106,63,.28);
  --an-gold:#7d5f38; /* 琥珀：图鉴标签、边框、小字（纸上 5.2；#8a6a3f 只有 4.43） */
  --an-gold-2:#a8854f; /* 亮一档，只做描边/装饰 */
  --an-gold-dim:#6f5430;
  --an-sage:#4f6350; /* 维度标签用的鼠尾草绿（纸上 6.8） */
  --an-cream:#2e2a23; /* 🔴 语义翻转：暗底时代它是「浅色文字」，浅底下必须是深色文字 */
  --an-cream-2:#4a443a; /* 同上，次一档正文 */
  --an-paper-ink:#2e2a23;
  --an-brick:#a85a42; /* 陶土红：CTA、稀有度徽章（白字 4.6） */
  --an-brick-2:#8f4632;
  --an-text:#2e2a23; /* 主文字（纸上 12.4） */
  --an-text-dim:#4a443a; /* 正文（9.2） */
  --an-text-mute:#6b6355; /* 次要：页脚、图注（5.1） */
  --an-serif:"Songti SC","STSong","Noto Serif SC","Source Han Serif SC","Times New Roman",SimSun,serif;
  min-height: 100vh;
  background: var(--an-ink);
}

/*
 * 961–1099px 这段没人管：index.html 的 body 只在 ≤960px 收成 640，
 * 而各屏的横排布局要 ≥1100px 才生效。不收一下，iPad 横屏(1024)会把手机版拉成一条大白带。
 */
@media (min-width: 961px) and (max-width: 1099px) {
.animal-page {
    max-width: 640px;
    margin: 0 auto;
}
}
/*
 * 遮罩层的字色是翻色时最容易漏的一处：--an-cream 从「浅色文字」翻成了深色，
 * 而这两个遮罩的底仍是深色压屏 —— 深字压深底，加载中那句话直接消失。
 * 遮罩本身保留「压暗页面」的职责（浅底页面同样需要把内容压下去才有层次），
 * 但压暗色从近黑 rgba(5,7,11,.78) 换成暖墨 rgba(46,42,35,.78)：
 * 近黑压在暖米白纸上是脏的冷灰，暖墨才和这套纸同源。字改回浅色（6.5:1）。
 */
.busy-mask, .pay-check-mask {
  position: fixed;
  z-index: 99998;
  inset: 0;
  display: grid;
  place-content: center;
  gap: 14px;
  color: #f7f1e6;
  text-align: center;
  background: rgba(46, 42, 35, 0.78);
  backdrop-filter: blur(4px);
}

/* 压暗底上的金必须往亮走，--an-gold(#7d5f38) 是给纸底设计的，压在暖墨上只有 1.9 */
.busy-seal {
  margin: auto;
  color: #dcbb7c;
  font-size: 44px;
  animation: an-busy-spin-64ecbfd4 1.8s linear infinite;
}
@keyframes an-busy-spin-64ecbfd4 {
to {
    transform: rotate(360deg);
}
}
.pay-check-mask > uni-view {
  width: min(420px, 100vw - 38px);
  padding: 26px;
  color: var(--an-text, #2e2a23);
  background: var(--an-ink-2, #f1e9da);
  border: 1px solid var(--an-line, rgba(138, 106, 63, 0.28));
  border-radius: 6px;
  box-sizing: border-box;
  text-align: left;
}
.pay-check-mask h2 {
  margin: 0 0 8px;
  color: var(--an-text, #2e2a23);
  font-family: var(--an-serif, serif);
  font-size: 19px;
  font-weight: 600;
  letter-spacing: 0.08em;
}
.pay-check-mask p {
  color: var(--an-text-dim, #4a443a);
  line-height: 1.8;
  font-size: 13.5px;
}

/* CTA 底是陶土红，字必须白——不能跟着 --an-cream 走（它已翻成纸上的深色文字） */
.pay-check-mask uni-button, .fatal-state uni-button {
  width: 100%;
  min-height: 50px;
  margin-top: 12px;
  color: #fdfaf4;
  background: linear-gradient(180deg, var(--an-brick-2, #8f4632), var(--an-brick, #a85a42));
  border: 1px solid rgba(74, 57, 18, 0.42);
  border-radius: 4px;
  font-family: var(--an-serif, serif);
  font-size: 16px;
  letter-spacing: 0.18em;
}
.pay-check-mask uni-button::after, .fatal-state uni-button::after {
  border: none;
}
.pay-check-mask .ghost, .fatal-state .ghost {
  color: var(--an-text-dim, #4a443a);
  background: transparent;
  border-color: rgba(138, 106, 63, 0.3);
}
.fatal-state {
  display: grid;
  width: min(560px, 100% - 40px);
  min-height: 100vh;
  margin: auto;
  place-content: center;
  text-align: center;
  color: var(--an-text, #2e2a23);
}
.fatal-mark {
  color: var(--an-gold, #7d5f38);
  font-size: 52px;
}
.fatal-state h1 {
  margin: 8px 0;
  color: var(--an-text, #2e2a23);
  font-family: var(--an-serif, serif);
  font-weight: 600;
  letter-spacing: 0.08em;
}
.fatal-state p {
  color: var(--an-text-dim, #4a443a);
  line-height: 1.8;
}/* Server rendered compatibility layer for the captured component structure. */
.assessment-animal{background:#f6efe4;color:#23272e}.assessment-animal .assessment-main{width:100%;max-width:none;padding:0;background:transparent}.assessment-animal .an-quiz{max-width:800px;margin:0 auto}.an-opt{font:inherit;text-align:left;color:inherit}.an-opt input{position:absolute;opacity:0;pointer-events:none}.an-prev,.an-next{display:flex;flex:1;min-height:48px;align-items:center;justify-content:center;margin:0;padding:0;border-radius:10px;text-decoration:none}.an-prev{color:var(--q-dim);background:var(--q-card);border:1.5px solid var(--q-line)}.an-next{color:#fff;background:linear-gradient(180deg,#c77a62,#a85a42);border:0}.an-prev.is-disabled{opacity:.4}.an-gender-target .an-opt{cursor:pointer}.an-dev-tools{position:absolute;z-index:3;right:22px;bottom:82px}.an-dev-tools button{padding:6px 10px;border:1px dashed #a85a42;border-radius:4px;background:#fff;color:#a85a42;font-size:10px}
@keyframes an-march-2a279baa{to{transform:translateX(-50%)}}@keyframes an-waddle-2a279baa{50%{transform:translateY(-5px) rotate(2deg)}}@keyframes an-step-2a279baa{50%{transform:translateY(-3px)}}@keyframes an-shade-2a279baa{50%{transform:scaleX(.8);opacity:.6}}
/* Native img/form equivalents for the reference UniApp components. */
.an-unlock__img,.an-hero__img,.an-relation__img{display:block;object-fit:cover}.an-roster{display:flex;align-items:center;gap:5px}.an-facts{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;color:#5a4a2e;font-size:11px}.an-fact{display:flex;gap:4px;align-items:center}.an-fact__n{color:#4f6350}.an-tag{padding:4px 9px;color:#6f5430;border:1px solid rgba(138,106,63,.35);font-size:11px}.an-mlg{display:flex;min-width:0;flex-direction:column;align-items:center;gap:2px}.an-mlg__ico{width:24px;height:24px}.an-mlg__nm{font-size:8px;color:#4a443a}.an-mcol__bar{display:block}.an-dim__fill{display:block}.an-actions{padding:20px 0;text-align:center}.an-actions__main{display:block;padding:14px;background:#a85a42;color:#fff;text-decoration:none}.an-actions__links{margin-top:12px}.an-actions__links a{color:#6f5430}.an-foot{text-align:center;padding:14px;color:#857e71;font-size:11px}.an-unlock button,.an-report button{font:inherit}.an-unlock__cta{border-style:solid}.ar-pay{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}
@keyframes an-hero-cycle-22dfe773{0%,14%{opacity:1}17%,97%{opacity:0}100%{opacity:1}}@keyframes an-roster-ping-22dfe773{0%,8%{opacity:.95;transform:translateY(-2px)}12%,100%{opacity:.35;transform:none}}@keyframes an-cta-breathe-22dfe773{50%{transform:scale(1.09)}}

/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* Icon 公共样式 */
.icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon.icon-sm {
  width: 1.25rem;
  height: 1.25rem;
}
.icon.icon-base {
  width: 1.625rem;
  height: 1.625rem;
}
.icon.icon-lg {
  width: 2.5rem;
  height: 2.5rem;
}
.icon-buy {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-eye-close {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABSJJREFUaEPtmGmopmMYx39/S3ayRihb0RCyZPkgiaQmg4whe01iDBGN7YOZEllHYkwTPsgaZYYkEYqayJpskSXEYKwJYS7PX/d7es5znuWdc97e58yZ56r303s99339r/+13mItE61leOkAT3XGO4Y7hqeYB7qQnmKEjoHTMdwxPMU80IX0FCO0K1pdSPdiICI2BbYHVkj6bU0I9YjYGtiyzuZShiPieOBawAf8mIGdL+nJyQw62TwP2KnO5jGAI2Jv4Blg5xzAFcBM4BVJMdmAR8QhwBPADjnbvgVOkrQ8b28Z4AuBW4ENcor/Ao9loXKBpJ8nE+CIcAjfB8yAUQ8a/wBXSjKWESkDPAe4rQDYH/wJ3Chp/iQDvAC4Cli/YJcBXyHJWGoB7wcsBXapAOYLFkr6pU3gEbEFcGmqNWWmfAmcLOm1WsD+MyLM8l0VgMz048Atkt5pA3RE7AVcY0DAhhU2XA3cLMlMVzOcAK8H3A+cVnGYc/ob4HZgybDaVkRsBpyXVeGLgR2BdSvsc0c5VdIfxf8rB4+I2A54ADiq5uBVwBvAIuAFYKWk3wfFekTYvo2BrYDDs3NdP8xulZgI23GGpO/KlGonrRQ6dwDH9AHiI+BlwDnzVnbpJ+Ot6Gno2RM4OGuRbjmHNgDtmfec2Zf0YZW9jaNlROwKvF+TK/mz3aOd425dK4FPUwTYGTbih6yi/uXBQNKqFKKbp2HBPXRfYFpWNPfPWqPD1y1noz6cbRXfO03SZ3X6TQzbCOfy0X1e2rba85mTz5Lk+lIqdTlssA7nEwAXsTVBXJHdUh3WpaCrZulN0odH1oD9KoViG45wYbSNZWLQL5mosgJaNmk1hbEP9Nx6PnCgx03gIGCblOeNdWEcHnJ7cf6/nuYDF8XFwIk1hJSG9yjj0lzqFuOGXhXGnqnnSfrchkeE9fZJFdVT2pnZaOpCNAjxWvog8KYXF+Dj3iAREZ4Eb0pLTRXTHpDmSPqpp1AE7MVhYclc2tN/OPP0XEleGcdIxdZiPffHL9J87qXEfXUdwIB+TRXWa11+YfF3X2esTpf0dsV9PufOmgHpb4+fkkamxiJgh6qLVFFGwrgKbGLb7DpC/HiQF7PjudZrZpmjnEbLUpTk/7czZktyVJVKRBh0XXgvzUZgh/7/UgTszcIDeVFGhXGF0d5Wrs9Yu6x4blbc7kmVc8yolxzlAmSmzimc7ci4ITtvQXEmzus1hPciSY7cUsDOQSe7C1BPasO4pxQR/uahkqnMIC+RtKSGJTv+opSTxbB+Cjg7n4cVDi8Lbxe6YyW5BpQCdl65Fc1NLx5Oenuo8U0rIvZI7cBDfV6+B2ZJerEKcGLZM/sjWRXetqDn9ndE0wSVzvB05gj1Y4Bn6esywMs91ZUCrjOo6b+ImJ61KbNRlPfsREn2dqVEhB8Mneu7F5RcP46T5MibsAysZ0bE3ak3F41ySpze9BaWNiPrzipBtTgreO73E5ZBAvaW5O2mKDMlOTUaJSLOTe9TRd1XJXljmrAMErCXDLelvDj3d2sK594HEeH8/yBtSvlz7pU0e8JoS9rHuM+MiAOAZ3MV3mugm75DvW+JiMtTselVa697MyS92/chNYqDZNgV/rD0BOOe/GgW4k/X9c8yuyLCQE9JP4N1l6hc6FfXCQMDvLoXt6XfAW7L88O6t2N4WJ5u656O4bY8P6x7O4aH5em27ukYbsvzw7q3Y3hYnm7rno7htjw/rHs7hofl6bbu+Q8y/I1MlypJVQAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-eye-open {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-right {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAjVJREFUeF7tmjFKA1EURc9DrVyBlegKbARLBRcgVlb2NoJYaCdYaSGClbWVlbgAQUvBxhUoVq7ASuXrhwSCZJJJfvLnfvOmnoSZk3tuMi/P8KMnAXM+vQk4oD4JcUAOKK1EPEGeIE9QGgFPUBo/7yBPkCcojYAnKI2fd5AnqIAEhRCmgGXgElgEHoEj4MnMvtJuYbyvzqJYCGEJuAEWOm7nHdgFbpUh5QK0B5wCM38+7whp28zuxpuD4d89F6B94ASY7nKpH8AG8KCYpFyAVoBrYL7is5TVLRegWNJrsW+A2R6Q5HTLAqgNJISw/vstdgXMVUCS0y03oNhBsW8uekCS0i0roJiaEEKEtFqKbtkBlaZbk4CK0K0xQKXo1iigEnRTASSrmwQgZd1kAKnqpghISjc5QGq6SQIaQrd7M/sefupT/Up1QHV0ewO2zCyOcUd+SAOqqVucaR+a2dnI6QD/AdAncGBm5xMHqPXk32888gpsmtnzJAKqO2CbrJJWmhnJdVBNrbJNHRUB1dUqy99EMoCUtOosewlAalopApLSSgaQqlYSgJS1UgEkq1WjgErQqjFApWjVJKAitMoOqLWj6OsvVeOGih3FztOzPVsNOhLJ8ks6hFC1oxivV24nqAnFqnYUfYmzNVfutqMoq1UTCWovkh8DEdYLsOOL5IM2ouD5WUpa8L5rX5ID6oPKATmg2jZ1PdET5AnyBKUR8ASl8fMO8gR5gtIIeILS+HkHeYLSEvQDC10WWC4gLXUAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* rich-text 富文本公共样式 */
.rich-content {
  color: #333;
  font-size: 0.875rem;
  line-height: 1.6;
  word-break: break-word;
}
.rich-content * {
  font-size: inherit !important;
  line-height: inherit !important;
}
.rich-content p {
  margin: 0 0 0.5rem;
}
.rich-content img {
  max-width: 100%;
  height: auto;
}
.rich-content a {
  color: #007aff;
}
.rich-content ul, .rich-content ol {
  margin: 0.5rem 0;
  padding-left: 1.25rem;
}
.rich-content li {
  margin-bottom: 0.25rem;
}
.rich-content strong, .rich-content b {
  font-weight: bold;
}
.rich-content em, .rich-content i {
  font-style: italic;
}

/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* Icon 公共样式 */
.icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon.icon-sm {
  width: 1.25rem;
  height: 1.25rem;
}
.icon.icon-base {
  width: 1.625rem;
  height: 1.625rem;
}
.icon.icon-lg {
  width: 2.5rem;
  height: 2.5rem;
}
.icon-buy {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-eye-close {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABSJJREFUaEPtmGmopmMYx39/S3ayRihb0RCyZPkgiaQmg4whe01iDBGN7YOZEllHYkwTPsgaZYYkEYqayJpskSXEYKwJYS7PX/d7es5znuWdc97e58yZ56r303s99339r/+13mItE61leOkAT3XGO4Y7hqeYB7qQnmKEjoHTMdwxPMU80IX0FCO0K1pdSPdiICI2BbYHVkj6bU0I9YjYGtiyzuZShiPieOBawAf8mIGdL+nJyQw62TwP2KnO5jGAI2Jv4Blg5xzAFcBM4BVJMdmAR8QhwBPADjnbvgVOkrQ8b28Z4AuBW4ENcor/Ao9loXKBpJ8nE+CIcAjfB8yAUQ8a/wBXSjKWESkDPAe4rQDYH/wJ3Chp/iQDvAC4Cli/YJcBXyHJWGoB7wcsBXapAOYLFkr6pU3gEbEFcGmqNWWmfAmcLOm1WsD+MyLM8l0VgMz048Atkt5pA3RE7AVcY0DAhhU2XA3cLMlMVzOcAK8H3A+cVnGYc/ob4HZgybDaVkRsBpyXVeGLgR2BdSvsc0c5VdIfxf8rB4+I2A54ADiq5uBVwBvAIuAFYKWk3wfFekTYvo2BrYDDs3NdP8xulZgI23GGpO/KlGonrRQ6dwDH9AHiI+BlwDnzVnbpJ+Ot6Gno2RM4OGuRbjmHNgDtmfec2Zf0YZW9jaNlROwKvF+TK/mz3aOd425dK4FPUwTYGTbih6yi/uXBQNKqFKKbp2HBPXRfYFpWNPfPWqPD1y1noz6cbRXfO03SZ3X6TQzbCOfy0X1e2rba85mTz5Lk+lIqdTlssA7nEwAXsTVBXJHdUh3WpaCrZulN0odH1oD9KoViG45wYbSNZWLQL5mosgJaNmk1hbEP9Nx6PnCgx03gIGCblOeNdWEcHnJ7cf6/nuYDF8XFwIk1hJSG9yjj0lzqFuOGXhXGnqnnSfrchkeE9fZJFdVT2pnZaOpCNAjxWvog8KYXF+Dj3iAREZ4Eb0pLTRXTHpDmSPqpp1AE7MVhYclc2tN/OPP0XEleGcdIxdZiPffHL9J87qXEfXUdwIB+TRXWa11+YfF3X2esTpf0dsV9PufOmgHpb4+fkkamxiJgh6qLVFFGwrgKbGLb7DpC/HiQF7PjudZrZpmjnEbLUpTk/7czZktyVJVKRBh0XXgvzUZgh/7/UgTszcIDeVFGhXGF0d5Wrs9Yu6x4blbc7kmVc8yolxzlAmSmzimc7ci4ITtvQXEmzus1hPciSY7cUsDOQSe7C1BPasO4pxQR/uahkqnMIC+RtKSGJTv+opSTxbB+Cjg7n4cVDi8Lbxe6YyW5BpQCdl65Fc1NLx5Oenuo8U0rIvZI7cBDfV6+B2ZJerEKcGLZM/sjWRXetqDn9ndE0wSVzvB05gj1Y4Bn6esywMs91ZUCrjOo6b+ImJ61KbNRlPfsREn2dqVEhB8Mneu7F5RcP46T5MibsAysZ0bE3ak3F41ySpze9BaWNiPrzipBtTgreO73E5ZBAvaW5O2mKDMlOTUaJSLOTe9TRd1XJXljmrAMErCXDLelvDj3d2sK594HEeH8/yBtSvlz7pU0e8JoS9rHuM+MiAOAZ3MV3mugm75DvW+JiMtTselVa697MyS92/chNYqDZNgV/rD0BOOe/GgW4k/X9c8yuyLCQE9JP4N1l6hc6FfXCQMDvLoXt6XfAW7L88O6t2N4WJ5u656O4bY8P6x7O4aH5em27ukYbsvzw7q3Y3hYnm7rno7htjw/rHs7hofl6bbu+Q8y/I1MlypJVQAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-eye-open {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-right {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAjVJREFUeF7tmjFKA1EURc9DrVyBlegKbARLBRcgVlb2NoJYaCdYaSGClbWVlbgAQUvBxhUoVq7ASuXrhwSCZJJJfvLnfvOmnoSZk3tuMi/P8KMnAXM+vQk4oD4JcUAOKK1EPEGeIE9QGgFPUBo/7yBPkCcojYAnKI2fd5AnqIAEhRCmgGXgElgEHoEj4MnMvtJuYbyvzqJYCGEJuAEWOm7nHdgFbpUh5QK0B5wCM38+7whp28zuxpuD4d89F6B94ASY7nKpH8AG8KCYpFyAVoBrYL7is5TVLRegWNJrsW+A2R6Q5HTLAqgNJISw/vstdgXMVUCS0y03oNhBsW8uekCS0i0roJiaEEKEtFqKbtkBlaZbk4CK0K0xQKXo1iigEnRTASSrmwQgZd1kAKnqpghISjc5QGq6SQIaQrd7M/sefupT/Up1QHV0ewO2zCyOcUd+SAOqqVucaR+a2dnI6QD/AdAncGBm5xMHqPXk32888gpsmtnzJAKqO2CbrJJWmhnJdVBNrbJNHRUB1dUqy99EMoCUtOosewlAalopApLSSgaQqlYSgJS1UgEkq1WjgErQqjFApWjVJKAitMoOqLWj6OsvVeOGih3FztOzPVsNOhLJ8ks6hFC1oxivV24nqAnFqnYUfYmzNVfutqMoq1UTCWovkh8DEdYLsOOL5IM2ouD5WUpa8L5rX5ID6oPKATmg2jZ1PdET5AnyBKUR8ASl8fMO8gR5gtIIeILS+HkHeYLSEvQDC10WWC4gLXUAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* rich-text 富文本公共样式 */
.rich-content {
  color: #333;
  font-size: 0.875rem;
  line-height: 1.6;
  word-break: break-word;
}
.rich-content * {
  font-size: inherit !important;
  line-height: inherit !important;
}
.rich-content p {
  margin: 0 0 0.5rem;
}
.rich-content img {
  max-width: 100%;
  height: auto;
}
.rich-content a {
  color: #007aff;
}
.rich-content ul, .rich-content ol {
  margin: 0.5rem 0;
  padding-left: 1.25rem;
}
.rich-content li {
  margin-bottom: 0.25rem;
}
.rich-content strong, .rich-content b {
  font-weight: bold;
}
.rich-content em, .rich-content i {
  font-style: italic;
}
.sub-sheet {
  position: relative;
  width: min(1060px, 100% - 40px);
  max-height: 92vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  touch-action: pan-y;
  margin: 0 auto;
  padding: 30px 34px max(24px, env(safe-area-inset-bottom));
  color: #1c3a3d;
  background: #fff;
  border-radius: 24px 24px 0 0;
  box-sizing: border-box;
}
.sub-close {
  position: absolute;
  top: 18px;
  right: 20px;
  width: 36px;
  height: 36px;
  border: 1px solid #e6e0d3;
  border-radius: 50%;
  color: #6b7a75;
  background: #fff;
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  cursor: pointer;
  z-index: 2;
}
.sub-head {
  text-align: center;
}
.sub-head div {
  display: block;
}
.sub-title {
  font-size: 26px;
  font-weight: 800;
}
.sub-sub {
  margin-top: 7px;
  color: #6b7a75;
  font-size: 14px;
}
.sub-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 22px;
  align-items: start;
}
.sub-grid.three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sub-card {
  position: relative;
  min-width: 0;
  padding: 26px 18px 18px;
  border: 1px solid #e6e0d3;
  border-radius: 16px;
  background: #fffdf8;
  cursor: pointer;
  transition: 0.2s;
  text-align: left;
  box-sizing: border-box;
}
.sub-card.selected {
  border: 2px solid #1f5a5a;
  background: #eef4ef;
  box-shadow: 0 10px 26px rgba(31, 90, 90, 0.12);
}
.sub-card.off {
  cursor: not-allowed;
  background: #f7f5f0;
}
.sub-card.off .sub-card-top, .sub-card.off .sub-rule, .sub-card.off .sub-points {
  opacity: 0.55;
}
.sub-tag {
  position: absolute;
  top: -11px;
  left: 18px;
  padding: 4px 12px;
  border-radius: 11px;
  color: #fff;
  background: #1f5a5a;
  font-size: 11px;
  font-weight: 700;
}
.sub-tag.light {
  background: #c9a45c;
}
.sub-card-name {
  font-size: 17px;
  font-weight: 800;
}
.sub-price {
  display: flex;
  align-items: baseline;
  gap: 2px;
  margin-top: 10px;
  color: #1f5a5a;
}
.sub-price > div:first-child {
  font-size: 15px;
  font-weight: 700;
}
.sub-price strong {
  font-size: 30px;
  line-height: 1.1;
}
.sub-first {
  margin-left: 6px;
  color: #6b7a75;
  font-size: 12px;
  font-weight: 400;
}
.sub-rule {
  margin-top: 6px;
  color: #5b6f6e;
  font-size: 13px;
}
.sub-points {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 12px;
  font-size: 13px;
  color: #2f5450;
}
.sub-disclose {
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 12px;
  background: #fff;
  border: 1px dashed #9bb8ad;
  font-size: 12.5px;
  line-height: 1.6;
  color: #2f5450;
}
.sub-disclose div {
  display: block;
}
.sub-disclose-title {
  font-weight: 700;
  color: #1f5a5a;
  margin-bottom: 4px;
}
.sub-off-note {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.5;
  color: #a0522d;
}
.sub-footer {
  position: sticky;
  bottom: calc(-1 * max(24px, env(safe-area-inset-bottom)));
  z-index: 3;
  margin: 0 -34px calc(-1 * max(24px, env(safe-area-inset-bottom)));
  padding: 2px 34px max(24px, env(safe-area-inset-bottom));
  background: #fff;
  box-shadow: 0 -10px 18px rgba(28, 58, 61, 0.06);
}
.sub-agree {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 18px;
  padding: 12px 14px;
  border-radius: 12px;
  background: #f6f2ea;
  font-size: 13px;
  line-height: 1.55;
  color: #2f5450;
  cursor: pointer;
}
.sub-check {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin-top: 1px;
  border: 1.5px solid #9bb8ad;
  border-radius: 6px;
  background: #fff;
  color: #fff;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
}
.sub-check.on {
  background: #1f5a5a;
  border-color: #1f5a5a;
}
.sub-link {
  color: #1f5a5a;
  text-decoration: underline;
}
.sub-total {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
  padding: 12px 4px 0;
  border-top: 1px solid #e6e0d3;
  font-size: 14px;
}
.sub-total div {
  display: flex;
  gap: 8px;
  align-items: baseline;
}
.sub-total strong {
  font-size: 18px;
  color: #1f5a5a;
}
.sub-actions {
  margin-top: 16px;
}
.sub-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  padding: 0 12px;
  border-radius: 14px;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sub-btn.primary {
  color: #fff;
  background: #1f5a5a;
}
.sub-btn.ghost {
  color: #1f5a5a;
  background: #e8efe9;
}
.sub-btn.disabled {
  opacity: 0.45;
  pointer-events: none;
}
.sub-safe {
  margin-top: 12px;
  text-align: center;
  color: #6b7a75;
  font-size: 12px;
}
.sub-confirm {
  width: min(520px, 86vw);
  padding: 26px 24px 22px;
  background: #fff;
  border-radius: 20px;
  box-sizing: border-box;
  color: #1c3a3d;
}
.sub-confirm-title {
  font-size: 20px;
  font-weight: 800;
  text-align: center;
}
.sub-confirm-plan {
  margin-top: 6px;
  text-align: center;
  color: #6b7a75;
  font-size: 13px;
}
.sub-confirm-row {
  display: flex;
  justify-content: space-between;
  margin-top: 14px;
  font-size: 15px;
}
.sub-confirm-row strong {
  color: #1f5a5a;
}
.sub-confirm-note {
  margin-top: 16px;
  padding: 12px;
  border-radius: 10px;
  background: #f6f2ea;
  font-size: 12.5px;
  line-height: 1.6;
  color: #5b6f6e;
}
.sub-confirm-actions {
  display: grid;
  grid-template-columns: 1fr 1.6fr;
  gap: 10px;
  margin-top: 18px;
}
@media (max-width: 960px) {
.sub-grid.three {
    gap: 10px;
}
.sub-grid.three .sub-card {
    padding: 24px 14px 16px;
}
.sub-grid.three .sub-price strong {
    font-size: 26px;
}
}
@media (max-width: 760px) {
.sub-sheet {
    width: 100%;
    padding: 22px 14px max(18px, env(safe-area-inset-bottom));
    border-radius: 20px 20px 0 0;
}
.sub-footer {
    bottom: calc(-1 * max(18px, env(safe-area-inset-bottom)));
    margin: 0 -14px calc(-1 * max(18px, env(safe-area-inset-bottom)));
    padding: 2px 14px max(18px, env(safe-area-inset-bottom));
}
.sub-footer .sub-agree {
    margin-top: 10px;
    padding: 8px 10px;
    gap: 8px;
    font-size: 12px;
    line-height: 1.5;
}
.sub-footer .sub-check {
    flex-basis: 18px;
    width: 18px;
    height: 18px;
    line-height: 16px;
}
.sub-footer .sub-total {
    display: none;
}
.sub-footer .sub-actions {
    margin-top: 8px;
}
.sub-footer .sub-safe {
    margin-top: 6px;
    font-size: 11px;
}
.sub-title {
    font-size: 20px;
}
.sub-grid {
    gap: 9px;
    margin-top: 20px;
}
.sub-card {
    padding: 20px 12px 14px;
    border-radius: 13px;
}
.sub-card-name {
    font-size: 14px;
}
.sub-price strong {
    font-size: 23px;
}
.sub-points {
    font-size: 12px;
}
.sub-disclose {
    font-size: 12px;
    padding: 10px;
}
.sub-btn {
    height: 47px;
    font-size: 15px;
}
.sub-confirm-actions {
    grid-template-columns: 1fr;
}
  /* 三档竖排：卡片头部「名称 — 价格」一行，只有所选档展开权益与说明，控制弹窗高度 */
.sub-grid.three {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    margin-top: 18px;
}
.sub-grid.three .sub-card {
    padding: 16px 14px 12px;
}
.sub-grid.three .sub-card-top {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
}
.sub-grid.three .sub-card-name {
    font-size: 15px;
}
.sub-grid.three .sub-price {
    margin-top: 0;
    flex: 0 0 auto;
}
.sub-grid.three .sub-price strong {
    font-size: 22px;
}
.sub-grid.three .sub-rule {
    margin-top: 4px;
}
.sub-grid.three .sub-card:not(.selected) .sub-points {
    display: none;
}
.sub-grid.three .sub-points {
    margin-top: 8px;
}
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* Icon 公共样式 */
.icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon.icon-sm {
  width: 1.25rem;
  height: 1.25rem;
}
.icon.icon-base {
  width: 1.625rem;
  height: 1.625rem;
}
.icon.icon-lg {
  width: 2.5rem;
  height: 2.5rem;
}
.icon-buy {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-eye-close {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABSJJREFUaEPtmGmopmMYx39/S3ayRihb0RCyZPkgiaQmg4whe01iDBGN7YOZEllHYkwTPsgaZYYkEYqayJpskSXEYKwJYS7PX/d7es5znuWdc97e58yZ56r303s99339r/+13mItE61leOkAT3XGO4Y7hqeYB7qQnmKEjoHTMdwxPMU80IX0FCO0K1pdSPdiICI2BbYHVkj6bU0I9YjYGtiyzuZShiPieOBawAf8mIGdL+nJyQw62TwP2KnO5jGAI2Jv4Blg5xzAFcBM4BVJMdmAR8QhwBPADjnbvgVOkrQ8b28Z4AuBW4ENcor/Ao9loXKBpJ8nE+CIcAjfB8yAUQ8a/wBXSjKWESkDPAe4rQDYH/wJ3Chp/iQDvAC4Cli/YJcBXyHJWGoB7wcsBXapAOYLFkr6pU3gEbEFcGmqNWWmfAmcLOm1WsD+MyLM8l0VgMz048Atkt5pA3RE7AVcY0DAhhU2XA3cLMlMVzOcAK8H3A+cVnGYc/ob4HZgybDaVkRsBpyXVeGLgR2BdSvsc0c5VdIfxf8rB4+I2A54ADiq5uBVwBvAIuAFYKWk3wfFekTYvo2BrYDDs3NdP8xulZgI23GGpO/KlGonrRQ6dwDH9AHiI+BlwDnzVnbpJ+Ot6Gno2RM4OGuRbjmHNgDtmfec2Zf0YZW9jaNlROwKvF+TK/mz3aOd425dK4FPUwTYGTbih6yi/uXBQNKqFKKbp2HBPXRfYFpWNPfPWqPD1y1noz6cbRXfO03SZ3X6TQzbCOfy0X1e2rba85mTz5Lk+lIqdTlssA7nEwAXsTVBXJHdUh3WpaCrZulN0odH1oD9KoViG45wYbSNZWLQL5mosgJaNmk1hbEP9Nx6PnCgx03gIGCblOeNdWEcHnJ7cf6/nuYDF8XFwIk1hJSG9yjj0lzqFuOGXhXGnqnnSfrchkeE9fZJFdVT2pnZaOpCNAjxWvog8KYXF+Dj3iAREZ4Eb0pLTRXTHpDmSPqpp1AE7MVhYclc2tN/OPP0XEleGcdIxdZiPffHL9J87qXEfXUdwIB+TRXWa11+YfF3X2esTpf0dsV9PufOmgHpb4+fkkamxiJgh6qLVFFGwrgKbGLb7DpC/HiQF7PjudZrZpmjnEbLUpTk/7czZktyVJVKRBh0XXgvzUZgh/7/UgTszcIDeVFGhXGF0d5Wrs9Yu6x4blbc7kmVc8yolxzlAmSmzimc7ci4ITtvQXEmzus1hPciSY7cUsDOQSe7C1BPasO4pxQR/uahkqnMIC+RtKSGJTv+opSTxbB+Cjg7n4cVDi8Lbxe6YyW5BpQCdl65Fc1NLx5Oenuo8U0rIvZI7cBDfV6+B2ZJerEKcGLZM/sjWRXetqDn9ndE0wSVzvB05gj1Y4Bn6esywMs91ZUCrjOo6b+ImJ61KbNRlPfsREn2dqVEhB8Mneu7F5RcP46T5MibsAysZ0bE3ak3F41ySpze9BaWNiPrzipBtTgreO73E5ZBAvaW5O2mKDMlOTUaJSLOTe9TRd1XJXljmrAMErCXDLelvDj3d2sK594HEeH8/yBtSvlz7pU0e8JoS9rHuM+MiAOAZ3MV3mugm75DvW+JiMtTselVa697MyS92/chNYqDZNgV/rD0BOOe/GgW4k/X9c8yuyLCQE9JP4N1l6hc6FfXCQMDvLoXt6XfAW7L88O6t2N4WJ5u656O4bY8P6x7O4aH5em27ukYbsvzw7q3Y3hYnm7rno7htjw/rHs7hofl6bbu+Q8y/I1MlypJVQAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-eye-open {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-right {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAjVJREFUeF7tmjFKA1EURc9DrVyBlegKbARLBRcgVlb2NoJYaCdYaSGClbWVlbgAQUvBxhUoVq7ASuXrhwSCZJJJfvLnfvOmnoSZk3tuMi/P8KMnAXM+vQk4oD4JcUAOKK1EPEGeIE9QGgFPUBo/7yBPkCcojYAnKI2fd5AnqIAEhRCmgGXgElgEHoEj4MnMvtJuYbyvzqJYCGEJuAEWOm7nHdgFbpUh5QK0B5wCM38+7whp28zuxpuD4d89F6B94ASY7nKpH8AG8KCYpFyAVoBrYL7is5TVLRegWNJrsW+A2R6Q5HTLAqgNJISw/vstdgXMVUCS0y03oNhBsW8uekCS0i0roJiaEEKEtFqKbtkBlaZbk4CK0K0xQKXo1iigEnRTASSrmwQgZd1kAKnqpghISjc5QGq6SQIaQrd7M/sefupT/Up1QHV0ewO2zCyOcUd+SAOqqVucaR+a2dnI6QD/AdAncGBm5xMHqPXk32888gpsmtnzJAKqO2CbrJJWmhnJdVBNrbJNHRUB1dUqy99EMoCUtOosewlAalopApLSSgaQqlYSgJS1UgEkq1WjgErQqjFApWjVJKAitMoOqLWj6OsvVeOGih3FztOzPVsNOhLJ8ks6hFC1oxivV24nqAnFqnYUfYmzNVfutqMoq1UTCWovkh8DEdYLsOOL5IM2ouD5WUpa8L5rX5ID6oPKATmg2jZ1PdET5AnyBKUR8ASl8fMO8gR5gtIIeILS+HkHeYLSEvQDC10WWC4gLXUAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* rich-text 富文本公共样式 */
.rich-content {
  color: #333;
  font-size: 0.875rem;
  line-height: 1.6;
  word-break: break-word;
}
.rich-content * {
  font-size: inherit !important;
  line-height: inherit !important;
}
.rich-content p {
  margin: 0 0 0.5rem;
}
.rich-content img {
  max-width: 100%;
  height: auto;
}
.rich-content a {
  color: #007aff;
}
.rich-content ul, .rich-content ol {
  margin: 0.5rem 0;
  padding-left: 1.25rem;
}
.rich-content li {
  margin-bottom: 0.25rem;
}
.rich-content strong, .rich-content b {
  font-weight: bold;
}
.rich-content em, .rich-content i {
  font-style: italic;
}

/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* Icon 公共样式 */
.icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon.icon-sm {
  width: 1.25rem;
  height: 1.25rem;
}
.icon.icon-base {
  width: 1.625rem;
  height: 1.625rem;
}
.icon.icon-lg {
  width: 2.5rem;
  height: 2.5rem;
}
.icon-buy {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-eye-close {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABSJJREFUaEPtmGmopmMYx39/S3ayRihb0RCyZPkgiaQmg4whe01iDBGN7YOZEllHYkwTPsgaZYYkEYqayJpskSXEYKwJYS7PX/d7es5znuWdc97e58yZ56r303s99339r/+13mItE61leOkAT3XGO4Y7hqeYB7qQnmKEjoHTMdwxPMU80IX0FCO0K1pdSPdiICI2BbYHVkj6bU0I9YjYGtiyzuZShiPieOBawAf8mIGdL+nJyQw62TwP2KnO5jGAI2Jv4Blg5xzAFcBM4BVJMdmAR8QhwBPADjnbvgVOkrQ8b28Z4AuBW4ENcor/Ao9loXKBpJ8nE+CIcAjfB8yAUQ8a/wBXSjKWESkDPAe4rQDYH/wJ3Chp/iQDvAC4Cli/YJcBXyHJWGoB7wcsBXapAOYLFkr6pU3gEbEFcGmqNWWmfAmcLOm1WsD+MyLM8l0VgMz048Atkt5pA3RE7AVcY0DAhhU2XA3cLMlMVzOcAK8H3A+cVnGYc/ob4HZgybDaVkRsBpyXVeGLgR2BdSvsc0c5VdIfxf8rB4+I2A54ADiq5uBVwBvAIuAFYKWk3wfFekTYvo2BrYDDs3NdP8xulZgI23GGpO/KlGonrRQ6dwDH9AHiI+BlwDnzVnbpJ+Ot6Gno2RM4OGuRbjmHNgDtmfec2Zf0YZW9jaNlROwKvF+TK/mz3aOd425dK4FPUwTYGTbih6yi/uXBQNKqFKKbp2HBPXRfYFpWNPfPWqPD1y1noz6cbRXfO03SZ3X6TQzbCOfy0X1e2rba85mTz5Lk+lIqdTlssA7nEwAXsTVBXJHdUh3WpaCrZulN0odH1oD9KoViG45wYbSNZWLQL5mosgJaNmk1hbEP9Nx6PnCgx03gIGCblOeNdWEcHnJ7cf6/nuYDF8XFwIk1hJSG9yjj0lzqFuOGXhXGnqnnSfrchkeE9fZJFdVT2pnZaOpCNAjxWvog8KYXF+Dj3iAREZ4Eb0pLTRXTHpDmSPqpp1AE7MVhYclc2tN/OPP0XEleGcdIxdZiPffHL9J87qXEfXUdwIB+TRXWa11+YfF3X2esTpf0dsV9PufOmgHpb4+fkkamxiJgh6qLVFFGwrgKbGLb7DpC/HiQF7PjudZrZpmjnEbLUpTk/7czZktyVJVKRBh0XXgvzUZgh/7/UgTszcIDeVFGhXGF0d5Wrs9Yu6x4blbc7kmVc8yolxzlAmSmzimc7ci4ITtvQXEmzus1hPciSY7cUsDOQSe7C1BPasO4pxQR/uahkqnMIC+RtKSGJTv+opSTxbB+Cjg7n4cVDi8Lbxe6YyW5BpQCdl65Fc1NLx5Oenuo8U0rIvZI7cBDfV6+B2ZJerEKcGLZM/sjWRXetqDn9ndE0wSVzvB05gj1Y4Bn6esywMs91ZUCrjOo6b+ImJ61KbNRlPfsREn2dqVEhB8Mneu7F5RcP46T5MibsAysZ0bE3ak3F41ySpze9BaWNiPrzipBtTgreO73E5ZBAvaW5O2mKDMlOTUaJSLOTe9TRd1XJXljmrAMErCXDLelvDj3d2sK594HEeH8/yBtSvlz7pU0e8JoS9rHuM+MiAOAZ3MV3mugm75DvW+JiMtTselVa697MyS92/chNYqDZNgV/rD0BOOe/GgW4k/X9c8yuyLCQE9JP4N1l6hc6FfXCQMDvLoXt6XfAW7L88O6t2N4WJ5u656O4bY8P6x7O4aH5em27ukYbsvzw7q3Y3hYnm7rno7htjw/rHs7hofl6bbu+Q8y/I1MlypJVQAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-eye-open {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-right {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAjVJREFUeF7tmjFKA1EURc9DrVyBlegKbARLBRcgVlb2NoJYaCdYaSGClbWVlbgAQUvBxhUoVq7ASuXrhwSCZJJJfvLnfvOmnoSZk3tuMi/P8KMnAXM+vQk4oD4JcUAOKK1EPEGeIE9QGgFPUBo/7yBPkCcojYAnKI2fd5AnqIAEhRCmgGXgElgEHoEj4MnMvtJuYbyvzqJYCGEJuAEWOm7nHdgFbpUh5QK0B5wCM38+7whp28zuxpuD4d89F6B94ASY7nKpH8AG8KCYpFyAVoBrYL7is5TVLRegWNJrsW+A2R6Q5HTLAqgNJISw/vstdgXMVUCS0y03oNhBsW8uekCS0i0roJiaEEKEtFqKbtkBlaZbk4CK0K0xQKXo1iigEnRTASSrmwQgZd1kAKnqpghISjc5QGq6SQIaQrd7M/sefupT/Up1QHV0ewO2zCyOcUd+SAOqqVucaR+a2dnI6QD/AdAncGBm5xMHqPXk32888gpsmtnzJAKqO2CbrJJWmhnJdVBNrbJNHRUB1dUqy99EMoCUtOosewlAalopApLSSgaQqlYSgJS1UgEkq1WjgErQqjFApWjVJKAitMoOqLWj6OsvVeOGih3FztOzPVsNOhLJ8ks6hFC1oxivV24nqAnFqnYUfYmzNVfutqMoq1UTCWovkh8DEdYLsOOL5IM2ouD5WUpa8L5rX5ID6oPKATmg2jZ1PdET5AnyBKUR8ASl8fMO8gR5gtIIeILS+HkHeYLSEvQDC10WWC4gLXUAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* rich-text 富文本公共样式 */
.rich-content {
  color: #333;
  font-size: 0.875rem;
  line-height: 1.6;
  word-break: break-word;
}
.rich-content * {
  font-size: inherit !important;
  line-height: inherit !important;
}
.rich-content p {
  margin: 0 0 0.5rem;
}
.rich-content img {
  max-width: 100%;
  height: auto;
}
.rich-content a {
  color: #007aff;
}
.rich-content ul, .rich-content ol {
  margin: 0.5rem 0;
  padding-left: 1.25rem;
}
.rich-content li {
  margin-bottom: 0.25rem;
}
.rich-content strong, .rich-content b {
  font-weight: bold;
}
.rich-content em, .rich-content i {
  font-style: italic;
}
.mnav {
  position: relative;
  z-index: 5;
  width: 100%;
  background: rgba(255, 253, 248, 0.97);
  border-bottom: 1px solid #e6e0d3;
  box-shadow: 0 2px 10px rgba(28, 58, 61, 0.05);
  box-sizing: border-box;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
}
.mnav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  max-width: 1080px;
  height: 52px;
  margin: 0 auto;
  padding: 0 16px;
  box-sizing: border-box;
}
.mnav-brand {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: #1c3a3d;
  cursor: pointer;
}
.mnav-logo {
  position: relative;
  flex: 0 0 auto;
  font-family: Georgia, serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
  color: #1f5a5a;
}
.mnav-dot {
  position: absolute;
  top: -1px;
  right: -6px;
  font-size: 12px;
  color: #c9a45c;
}
.mnav-name {
  margin-left: 4px;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.02em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mnav-links {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}
.mnav-link {
  display: flex;
  align-items: center;
  height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  color: #1f5a5a;
  background: #e8efe9;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.mnav-link.primary {
  color: #fff;
  background: #1f5a5a;
}
@media (max-width: 400px) {
.mnav-inner {
    height: 48px;
    padding: 0 12px;
    gap: 6px;
}
.mnav-logo {
    font-size: 23px;
}
.mnav-name {
    font-size: 13.5px;
}
.mnav-links {
    gap: 6px;
}
.mnav-link {
    height: 30px;
    padding: 0 10px;
    font-size: 12px;
}
}
@media (max-width: 340px) {
.mnav-name {
    display: none;
}
}
.an-actions__links span, .an-actions__links a { color: var(--an-text-dim, #4a443a); font-size: 13px; text-decoration: none; }
.an-foot span { display: block; color: var(--an-text-mute, #6b6355); font-size: 11px; line-height: 1.7; }
.an-hero__img, .an-relation__img { object-fit: cover; display: block; }
.mnav-brand, .mnav-link, .ntr__card { text-decoration: none; }
.ntr {
  margin-top: 20px;
  padding: 18px 16px;
  border: 1px solid var(--ntr-line);
  border-radius: 16px;
  background: var(--ntr-bg);
}
.ntr__head {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  align-items: baseline;
  margin-bottom: 12px;
}
.ntr__title {
  color: var(--ntr-ink);
  font-weight: 700;
  font-size: 17px;
}
.ntr__sub {
  color: var(--ntr-muted);
  font-size: 12px;
}
.ntr__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ntr__card {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  border: 1px solid var(--ntr-line);
  border-radius: 12px;
  cursor: pointer;
}
.ntr__card:active {
  opacity: 0.82;
}
.ntr__main {
  flex: 1;
  min-width: 0;
}
.ntr__name {
  display: block;
  color: var(--ntr-ink);
  font-weight: 600;
  font-size: 14.5px;
}
.ntr__desc {
  display: block;
  overflow: hidden;
  margin-top: 3px;
  color: var(--ntr-muted);
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ntr__meta {
  flex: 0 0 auto;
  text-align: right;
}
.ntr__count {
  display: block;
  color: var(--ntr-muted);
  font-size: 11px;
}
.ntr__go {
  display: block;
  margin-top: 3px;
  color: var(--ntr-accent);
  font-weight: 600;
  font-size: 13px;
}

/* Scoped overrides to guarantee animal quiz & landing visual fidelity */
.an-quiz__btns .an-prev {
  flex: 1;
}
.an-quiz__btns .an-next {
  flex: 2;
}
.an-next[disabled],
.an-next:disabled {
  opacity: 0.42 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

.an-home .an-facts {
  display: flex;
  align-items: stretch;
  padding: 4px 0;
  border-top: 1px solid var(--an-line, rgba(200, 164, 92, 0.28));
  border-bottom: 1px solid var(--an-line, rgba(200, 164, 92, 0.28));
}
.an-home .an-fact {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 12px 4px;
  border-right: 1px solid var(--an-line, rgba(200, 164, 92, 0.28));
}
.an-home .an-fact:last-child {
  border-right: 0;
}
.an-home .an-fact__n {
  color: var(--an-cream, #2e2a23);
  font-family: var(--an-serif, serif);
  font-size: 24px;
  line-height: 1.1;
  letter-spacing: 0.02em;
  font-variant-numeric: tabular-nums;
}
.an-home .an-fact__u {
  color: var(--an-text-dim, #4a443a);
  font-size: 12px;
  letter-spacing: 0.08em;
}
.an-home .an-cta {
  width: 100%;
  cursor: pointer;
}
.an-home .an-cta__t {
  color: #fdfaf4;
}

body.assessment-animal {
  background: var(--an-ink, #f7f1e6) !important;
  color: var(--an-text, #2e2a23) !important;
}
body.assessment-animal .assessment-main {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
.an-home__form {
  display: contents;
}
.an-home__foot .optional-privacy {
  box-sizing: border-box;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 4px 6px;
  width: 100%;
  max-width: 420px;
  margin: 12px 0 6px;
  padding: 8px 10px !important;
  border: 1px solid #e4dfe9 !important;
  border-radius: 8px !important;
  background: #fdfaf4 !important;
  color: #555064 !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  text-align: center;
}
@media (min-width: 1100px) {
  .an-home__foot {
    width: 100%;
    max-width: 420px;
  }
  .an-home__foot .optional-privacy {
    width: 100%;
    max-width: 420px;
    margin-left: 0;
    margin-right: 0;
  }
}
.an-home__foot .optional-privacy__label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-size: 13px;
  color: inherit !important;
  cursor: pointer;
}
.an-home__foot .optional-privacy__checkbox {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: #634482;
}
.an-home__foot .optional-privacy__link {
  display: inline !important;
  width: auto !important;
  min-height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #634482 !important;
  font-size: 13px !important;
  text-decoration: underline !important;
  cursor: pointer;
}
.an-opt {
  cursor: pointer;
  user-select: none;
}