/* ============================================================================
 *  toast.css —— 提示条样式
 * ----------------------------------------------------------------------------
 *  替代 ant-design-vue 的 message 组件。
 *
 *  老项目为了这一个提示条（外加一个轮播）引入了整个 antd 的 CSS。
 *  这里按 antd message 的视觉规格复刻，位置/尺寸/圆角/阴影/动画都对齐，
 *  用户看到的效果和以前一样。
 *
 *  老项目的配置在 PCPopup.vue 的 mounted() 里：
 *      top: '20%', duration: 1, maxCount: 1
 *  所以这里定位在距顶 20%，显示 1 秒，同时只显示 1 条（由 main.js 保证）。
 * ========================================================================== */

.yk-toast {
  position: fixed;
  top: 20%;
  left: 50%;
  z-index: 1010;                  /* 要盖在留电话弹窗（z-index 999）之上 */
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 10px 16px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12),
              0 6px 16px 0    rgba(0, 0, 0, 0.08),
              0 9px 28px 8px  rgba(0, 0, 0, 0.05);
  transform: translateX(-50%) translateY(-8px);
  opacity: 0;
  transition: opacity 0.2s, transform 0.2s;
  pointer-events: none;
}

.yk-toast.is-in {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
}

.yk-toast__icon {
  flex: none;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

/* 图标用内联 SVG（data URI），不额外发请求 */
.yk-toast--success .yk-toast__icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%2352c41a' d='M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z'/%3E%3C/svg%3E");
}
.yk-toast--warning .yk-toast__icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23faad14' d='M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z'/%3E%3C/svg%3E");
}
.yk-toast--error .yk-toast__icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23f5222d' d='M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a7.95 7.95 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.2-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z'/%3E%3C/svg%3E");
}

@media (prefers-reduced-motion: reduce) {
  .yk-toast { transition: none; }
}