@charset "UTF-8";

/* dshgo 图标表：由 tools/build_icons.py 生成，图标通过 mask 跟随 currentColor */

.icon::before {
  background: currentColor;
  -webkit-mask-image: var(--icon-url);
  mask-image: var(--icon-url);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.icon-search {
  --icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Ccircle cx='10.6' cy='10.6' r='6.4' fill='none' stroke='%23fff' stroke-width='2.2'/%3E%3Cpath d='M15.4 15.4 20.6 20.6' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.icon-menu {
  --icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M3.4 6.4h17.2M3.4 12h17.2M3.4 17.6h17.2' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.icon-bell {
  --icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M12 3.2a5.9 5.9 0 0 0-5.9 5.9v3.4L4.4 16.2a1 1 0 0 0 .9 1.5h13.4a1 1 0 0 0 .9-1.5L18 12.5V9.1A5.9 5.9 0 0 0 12 3.2Z' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linejoin='round'/%3E%3Cpath d='M9.7 20.3a2.5 2.5 0 0 0 4.6 0' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E");
}

.icon-arrow {
  --icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M4 12h14.4' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M12.8 6.2 19 12l-6.2 5.8' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.icon-android {
  --icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M5.3 9.4h13.4v6.9a2.2 2.2 0 0 1-2.2 2.2H7.5a2.2 2.2 0 0 1-2.2-2.2V9.4Z' fill='%23fff'/%3E%3Crect x='3.1' y='9.7' width='1.9' height='5.6' rx='.95' fill='%23fff'/%3E%3Crect x='19' y='9.7' width='1.9' height='5.6' rx='.95' fill='%23fff'/%3E%3Cpath d='M8.4 8.4a3.6 3.6 0 0 1 7.2 0Z' fill='%23fff'/%3E%3Cpath d='M9.7 4.9 7.4 2.6M14.3 4.9l2.3-2.3' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round'/%3E%3Ccircle cx='9.7' cy='4.9' r='1' fill='%23fff'/%3E%3Ccircle cx='14.3' cy='4.9' r='1' fill='%23fff'/%3E%3C/svg%3E");
}

.icon-ios {
  --icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M15.8 12.5c0-2 1.5-3 1.6-3.1-.9-1.3-2.2-1.5-2.7-1.6-1.2-.1-2.2.7-2.8.7-.6 0-1.4-.7-2.4-.7-1.2 0-2.4.8-3 1.9-1.3 2.3-.4 5.6.9 7.5.6.9 1.4 1.9 2.4 1.9.9 0 1.3-.6 2.5-.6 1.1 0 1.4.6 2.4.6.9 0 1.6-.8 2.3-1.8.7-1 1-2.1 1-2.2-.1 0-2.2-.8-2.2-2.9Z' fill='%23fff'/%3E%3Cpath d='M14 5.9c.5-.6.8-1.4.7-2.3-.7 0-1.6.5-2.1 1.1-.5.5-.8 1.4-.7 2.2.8.1 1.6-.4 2.1-1Z' fill='%23fff'/%3E%3C/svg%3E");
}

.back-to-top i::before {
  background: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M12 19.6V4.6' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M5.8 10.8 12 4.6l6.2 6.2' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M12 19.6V4.6' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M5.8 10.8 12 4.6l6.2 6.2' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 22px 22px;
  mask-size: 22px 22px;
}