/* Ordinary 44: pine palette. Layout, images and business scripts are inherited. */
:root {
  --hyt-pine: #1f6b4e;
  --hyt-pine-hover: #154e39;
  --hyt-pine-soft: #edf4ef;
  --hyt-pine-line: #ccdfd1;
  --hyt-pine-ink: #17382b;
  --premium-accent: #1f6b4e;
}

html[data-premium-set="second"] {
  --premium-ink: #17382b;
  --premium-muted: #536c60;
  --premium-line: rgba(31, 81, 53, .11);
  --premium-shadow: 0 24px 70px rgba(26, 68, 46, .12);
}

html[data-premium-site="haiyitong"] { --premium-accent: #1f6b4e; }
html body,
html[data-premium-site="haiyitong"] body { background-color: #edf4ef; }
a { color: #1f6b4e; }

html[data-premium-site="haiyitong"] .header {
  border-bottom-color: rgba(31, 107, 78, .15);
  background-color: rgba(251, 254, 251, .94) !important;
  box-shadow: 0 12px 34px rgba(27, 77, 50, .08);
}

html[data-premium-site="haiyitong"] :is(.advantage-wrap,.advantage-box,.package-wrap,.serve-wrap,.slogan-wrap,.hyt-ability-section,.hyt-download-section) {
  border-color: rgba(31, 107, 78, .16);
  box-shadow: 0 22px 64px rgba(29, 79, 51, .09);
}

html[data-premium-site="haiyitong"] :is(.package-detail,.hyt-download-card) {
  box-shadow: 0 16px 40px rgba(34, 82, 52, .1);
}

html[data-premium-site="haiyitong"] :is(.hyt-hero-trial,.hyt-plan-trial) {
  box-shadow: 0 12px 30px rgba(31, 107, 78, .2);
}

/* These three assets are decorative backdrops. The files and their URLs stay
   intact; a green CSS layer changes the surrounding surface, not the video,
   product illustrations, branded artwork, photos, logos or QR codes. */
#app .advantage-wrap {
  background-image: linear-gradient(130deg, rgba(218, 239, 224, .86), rgba(239, 247, 237, .77)), url(/assets/img/advantage-bg.f7a2a042.webp);
}
#app .package-wrap {
  background-image: linear-gradient(145deg, rgba(233, 242, 228, .77), rgba(199, 225, 208, .73)), url(/assets/img/package-bg.d4c0dc78.webp);
}
#app .slogan-wrap {
  background-image: linear-gradient(130deg, rgba(237, 245, 233, .79), rgba(204, 229, 214, .8)), url(/assets/img/slogan-bg.a6a2cdef.webp);
}

#app :is(.title,.hyt-download-copy h2),
.hyt-modal-card h2 { color: #17382b; }

.hyt-download-card { border-color: rgba(31, 107, 78, .16); }
.hyt-download-card:hover { border-color: #70a185; }

#app .reg-btn:hover,
.hyt-plan-trial:hover,
.hyt-personal-trial:hover,
.hyt-download-card:hover b {
  background-color: #154e39 !important;
}

.hyt-modal-close { color: #345b47; }
.hyt-modal-close:hover { background-color: #d7e7db; }

/* Reuse the original PNG alpha silhouettes as CSS masks. Only the fill
   changes; the slanted tab shapes and native selected state are preserved. */
#app .package-wrap .radio-group .el-radio-button__inner {
  background-image: none !important;
  background-color: #dbeade !important;
  mask-image: var(--hyt-pine-tab-shape);
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}
#app .package-wrap .radio-group .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background-color: #1f6b4e !important;
}
#app .package-wrap .radio-group .el-radio-button:nth-child(1) { --hyt-pine-tab-shape: url(data:image/png;base64,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); }
#app .package-wrap .radio-group .el-radio-button:nth-child(2) { --hyt-pine-tab-shape: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPQAAAA8CAYAAABRlJcnAAAABHNCSVQICAgIfAhkiAAABJ5JREFUeF7tnT9PVEEUR2dWgzbaYcJCjAUkuEvssdJK7Cy100r8BGolVvINxEo7ba3ESiu1NiySQGGILIl0WkFkx9kNbhT339s3M3ffzLEzcWfmnnt/vt3H4a1Wwn82jTl1UFcb9hgXhI/C9hAoNAGj1FstXUGtbh4oo55In4P9IVBwAoeqpC6JBnpz14wfNNSWBXm24DA5PgRkCRj1rDqlF0UDXftmVpRWd2VJsDsECk/gx1hJTc9M6D2xQNd2TUU11GeL8kThcVIABGQJPK5O6qXmEcQCvbZjVu3m12Q5sDsEik3A3gj7fnJMTc+O659igf6ya640GupdsVFyegiMAAGj7tnPzit/TiJyhbZX5w924/kRwMERIFBkArVK2d7Z1rohFuj1HXPTvk14WWSKnB0CI0FAq+vVsl79+yxBr9BIJCMxBhwiAgJNiWRuUi8cLyVooJFIIpgkShgFAi2JpDqh18UCjUQyCnPAGaIgcCSRdKol2BUaiSSKUaIIeQJtiUQs0Egk8lPACSIhoNVDeyNsuVs1Qa7QSCSRDBNliBJoSiSnyur8jNb7YoG2N8IW7G9TvRElweYQiIHAMYlE5C13bces2Y2rMfCkBggIEvhPIgkeaCQSwfazdVwEOkgkQQONRBLXPFGNHIFuEknQQCORyA0AO0dFoKtEEizQSCRRDRTFSBLoIZEECzQSieQEsHdEBHpKJEECjUQS0ThRiiyBPhJJkEAjkcjOALtHQ+DrWFnN9pJIvAcaiSSaYaIQaQJG3bFPInmR9RjO1E9jTGm93nroHxJJ1i7w7yHwL4GBJBKvV2h7I+y2feTgczoDAQjkJDCgROIt0EgkORvIyyFwRCCLROIt0EgkzCMEnBDIJJF4CTQSiZNGsggElP2txNbX2eRBkfumGBJJHvy8FgJtApklEudXaCQSxhECjggMIZE4DzQSiaNmskzqBIaSSJwGGokk9RmkflcE7OfeW5VJ/crFekN9hkYicYGeNSDQIlCz3xw554rFUIG2N8IWrUTy1NUhWAcCyRLIIZE4ecvdlEj262rb/k9wLtkmUDgEHBDIK5E4CTQSiYNOsgQElMotkeQONBIJcwgBRwQcSCS5A41E4qiZLJM6AScSSa5AI5GkPoPU74yAI4kkV6CRSJy1k4XSJuBMIhk60EgkaU8g1bsj4FIiGSrQSCTumslKaROwP6b6ODepL/uk0FcsQSLxiZ+1UyJQKqmrFyf0e5819wz0xp458+tAbSGR+GwBa6dAwIdEkvktt/3myCX7okcpAKdGCHgk4EUiyRRoJBKP7WXptAh4kkgyBRqJJK2Zo1pvBLxJJAMHGonEW3NZODUCHiWSgQONRJLa1FGvJwJeJZKBAo1E4qm1LJscAd8SSd9AI5EkN3MU7IlACImkb6CRSDx1l2WTI6CNmq9M6U+hC2+LJUgkodGzX8QEXtvnhN2QqK8daHsjbNn+5b7EIdgTAhERCCaRdH3L3ZJIDtW2ffDf6YjAUgoEwhMIKJF0DTQSSfi+s2OUBIJKJB0DjUQS5WBRlASBwBJJx0AjkUh0nj0jJBBcIunE8Dee2JChHQJNOQAAAABJRU5ErkJggg==); }
#app .package-wrap .radio-group .el-radio-button:nth-child(3) { --hyt-pine-tab-shape: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANcAAAA8CAYAAAD1/i/0AAAABHNCSVQICAgIfAhkiAAABbJJREFUeF7tnU1oXFUUx895E62L2nZjTSYT0EUhMxNDERdmoQjFLxBB0KJkYQtqu3UhbVfqqkFcCF1oxbT1G9woIqRK0aIQv1aVTBptpZImEzqZGAoG2yQzxzMpU6Yxzbz73n3z5t383yaE3HveOb97/9yX+38fTDEfF0RuWyjSH0zUE3MqOL2jBISopPNrVmTlZ1mYSlrqxZTQ99kM/xhV2XqueI/xaXlFi38j3ixw9g1LQOiyzr9Tnkcf59L8uU0OsYrr3IzcsVil81rQFptFIRYIBCIg9Lf2+8xj+jDbzaOBYjR0ilVchSl5h5j2hS0C/UHAKgGhK3rpOLxJaGhHhqeCxo5NXIUZyVGVftPEU0GTRz8QiJjAnArkQDZNx5hZrx7NjtjENTYtJ/Xkj5qli9YgEAMBoZHKZhrs38bzJmePRVxnZ+ShapW+M0kUbUEgZgKT4tHTfV38q988YhGXrlqjeuIBv0miHQi0AwG9LlzQi8Mn8xn+1k8+LReXbr0/q0l+6ic5tAGBtiMgdFU34Xbnu/nLZrm1VFznRDYtFmlCk7qrWWL4Owi0KwE1o5c8ogdzGf5pvRxbKq5CUQ6S0OF2hYa8QMCAQJluoYH8dq75tGseLRMXDGODYUPTpBAY31Kl+3p6+N+1Em6ZuGAYJ2W+IE8TAnqJ+EFfhp+PTVwwjE2GC22TRoCZXtb7Et9anXdLVi4YxkmbLsjXkEDZE+rVO+znGvtFLi7dxHhMNzFGDJNFcxBIFgGho+p/7W+tuKZlTE+YTxYpZAsCZgTUu12WDuq9507+s94z0pULhrHZAKF1sgnonfTv96V5T+TigmGc7ImC7M0JrF69Ilu5YBibDw56OECA6VA+zUO1SiIRFwxjByYJSghEQH2vM+p77YxMXDCMA40LOjlCQN/HcXe2i/+yvnLBMHZkhqCM4ASE9uq2/Anr4oJhHHxM0NMNAvVdQ6vigmHsxuRAFaEJ/K7Pe/VaE5eIeOPFlRfOwDAOPTYIkHAClVyabrUmLt3E2KN7j8cTDgXpg4AVArVNDSvigmFsZTwQxCEC+q6NASvigmHs0KxAKXYIMD0eWlwwjO2MBaK4RUCF9VxoccEwdmtSoBo7BEKLC4axnYFAFAcJhL0shGHs4KRASVYIhNrQgGFsZQwQxFECgbfiYRg7OiNQli0C/6iJvDXQhoZuYuxXw/htW5kgDgi4RKD+2ImxuGqG8dUiTWrH7S4BQS0gYItA4Bt3YRjbGgLEcZZAkEdOYBg7Ox1QmEUCgR6WhGFscQQQykkCgR7zh2Hs5FxAUZYJNL7a2veGhhrGX2vjRyzngnAg4BSBagd16otBL9WK8iUuGMZOjT+KiYiA8UtBYRhHNBII6xqBSipFO3o7+UK9sKYr11hRXtT7pN51jQTqAQGrBFQj+sanfY0x1xXXxKzcvrxI52EYWx0GBHOPgPknhArT8qpyeM09FqgIBOwR0MXnhVw3D6+OeNOVC4axPfiI5DSBT/Q1aoNrVXhTccEwdnpCoDgLBPSrJhNbq3Sv0QfHYRhbII8QrhMoq6d1f+PH7nxdFuIJY9fnBeoLQ0BvcVriDnog38k/rxfnf5eF+jXIh3W5+ybMydEXBFwmoLc4PZVL8xfNarxBXDCMm+HC3zcyAV10FlIePaGfBzrth8MN4oJh7AcZ2mxQApPk0TP5Lv7Fb/3XxQXD2C8ytNtwBIRGKptpsH8bz5vUfl1cuokxpL8cMOmMtiDgOIE5vRn3UL6L3mPWmwANjxVxFUrSSUs0Y9gXzUHAZQJHPKHXsxmeC1rkNXFNyVF9+OSloEHQDwRcIKBb7PO6Ezis/tWb9WeywtTFE5ekv7JMZ8IEQV8QSCwBocu6sJzUVeojXaW+slkH6825pzTgLptBEQsE2omA/rNU0ku0WV2Zaj/L+n9USfO7mCL6IdvNo1Hl+h+o7MwO+hCW1gAAAABJRU5ErkJggg==); }

.hyt-plan-trial:focus-visible,
.hyt-personal-trial:focus-visible,
.hyt-download-card:focus-visible,
.hyt-modal-close:focus-visible {
  outline: 3px solid #8bbb9f;
  outline-offset: 3px;
}