{"id":33,"date":"2026-05-22T02:25:52","date_gmt":"2026-05-22T02:25:52","guid":{"rendered":"https:\/\/minhhaifishery.com\/?page_id=33"},"modified":"2026-06-03T14:23:24","modified_gmt":"2026-06-03T07:23:24","slug":"maintaining-2","status":"publish","type":"page","link":"https:\/\/minhhaifishery.com\/","title":{"rendered":"Maintaining"},"content":{"rendered":"\n<style>\nbody.page-id-33 {\n  background: #001a33;\n}\n\nbody.page-id-33 .site-footer,\nbody.page-id-33 .entry-title {\n  display: none;\n}\n\nbody.page-id-33.separate-containers .inside-article,\nbody.page-id-33 .entry-content {\n  margin: 0;\n  padding: 0;\n}\n\nbody.page-id-33 .site-main {\n  margin: 0;\n}\n\n.mhf-maintenance,\n.mhf-maintenance * {\n  box-sizing: border-box;\n}\n\n.mhf-maintenance {\n  --mhf-blue-950: #001a33;\n  --mhf-blue-900: #00284a;\n  --mhf-blue-700: #0077b6;\n  --mhf-cyan-500: #00b4d8;\n  --mhf-cyan-300: #a8e6f5;\n  --mhf-white: #ffffff;\n\n  position: relative;\n  width: 100vw;\n  min-height: calc(100svh - 88px);\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  background: var(--mhf-blue-950);\n  color: var(--mhf-white);\n  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n}\n\nbody.admin-bar .mhf-maintenance {\n  min-height: calc(100svh - 32px);\n}\n\n.mhf-maintenance__bg {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  z-index: 0;\n  animation: mhfMaintenanceSlowZoom 30s ease-in-out infinite alternate;\n}\n\n.mhf-maintenance__overlay {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  background: linear-gradient(180deg, rgba(0, 30, 60, 0.86) 0%, rgba(0, 25, 50, 0.72) 42%, rgba(0, 30, 60, 0.82) 100%);\n}\n\n.mhf-maintenance__overlay::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(ellipse at center, transparent 30%, rgba(0, 15, 35, 0.4) 100%);\n}\n\n.mhf-maintenance__fish-tank {\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  pointer-events: none;\n  overflow: hidden;\n}\n\n.mhf-maintenance__fish {\n  position: absolute;\n  font-size: clamp(20px, 2.2vw, 28px);\n  opacity: 0.72;\n  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.3)) blur(0.3px);\n  will-change: transform;\n}\n\n.mhf-maintenance__fish:nth-child(1) {\n  top: 18%;\n  left: -10%;\n  animation: mhfMaintenanceSwim1 38s linear infinite;\n}\n\n.mhf-maintenance__fish:nth-child(2) {\n  top: 68%;\n  left: -10%;\n  font-size: 22px;\n  opacity: 0.6;\n  animation: mhfMaintenanceSwim2 45s linear infinite;\n  animation-delay: 4s;\n}\n\n.mhf-maintenance__fish:nth-child(3) {\n  top: 38%;\n  left: -10%;\n  font-size: 24px;\n  animation: mhfMaintenanceSwim3 52s linear infinite;\n  animation-delay: 12s;\n}\n\n.mhf-maintenance__fish:nth-child(4) {\n  top: 82%;\n  left: -10%;\n  font-size: 18px;\n  opacity: 0.55;\n  animation: mhfMaintenanceSwim1 41s linear infinite;\n  animation-delay: 20s;\n}\n\n.mhf-maintenance__fish:nth-child(5) {\n  top: 12%;\n  left: -10%;\n  font-size: 20px;\n  opacity: 0.5;\n  animation: mhfMaintenanceSwim2 48s linear infinite;\n  animation-delay: 28s;\n}\n\n.mhf-maintenance__content {\n  position: relative;\n  z-index: 5;\n  width: min(100%, 720px);\n  padding: 24px;\n  margin: 0 auto;\n}\n\n.mhf-maintenance__card {\n  position: relative;\n  overflow: hidden;\n  padding: clamp(36px, 6vw, 64px) clamp(28px, 5vw, 56px);\n  border: 1px solid rgba(255, 255, 255, 0.18);\n  border-radius: 28px;\n  background: rgba(255, 255, 255, 0.08);\n  box-shadow:\n    0 25px 70px rgba(0, 20, 50, 0.5),\n    0 5px 20px rgba(0, 30, 70, 0.3),\n    inset 0 1px 0 rgba(255, 255, 255, 0.12);\n  text-align: center;\n  backdrop-filter: blur(24px) saturate(170%);\n  -webkit-backdrop-filter: blur(24px) saturate(170%);\n  animation: mhfMaintenanceFadeInUp 900ms cubic-bezier(0.2, 0.8, 0.2, 1) both;\n}\n\n.mhf-maintenance__card::before {\n  content: \"\";\n  position: absolute;\n  inset: -1px;\n  border-radius: 28px;\n  padding: 1px;\n  background: linear-gradient(135deg, rgba(0, 180, 216, 0.4), rgba(255, 255, 255, 0.1), rgba(0, 119, 182, 0.3));\n  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n  -webkit-mask-composite: xor;\n  mask-composite: exclude;\n  pointer-events: none;\n}\n\n.mhf-maintenance__badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 28px;\n  padding: 8px 16px;\n  border: 1px solid rgba(0, 180, 216, 0.3);\n  border-radius: 999px;\n  background: rgba(0, 180, 216, 0.15);\n  color: var(--mhf-cyan-300);\n  font-size: 13px;\n  font-weight: 600;\n  letter-spacing: 0;\n  backdrop-filter: blur(10px);\n  animation: mhfMaintenanceFloat 3s ease-in-out infinite;\n}\n\n.mhf-maintenance__badge-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 999px;\n  background: #00d4ff;\n  box-shadow: 0 0 10px #00d4ff;\n  animation: mhfMaintenancePulse 2s ease-in-out infinite;\n}\n\n.mhf-maintenance__title {\n  max-width: 12em;\n  margin: 0 auto 18px;\n  color: var(--mhf-white);\n  font-size: clamp(34px, 5.5vw, 56px);\n  font-weight: 800;\n  letter-spacing: 0;\n  line-height: 1.05;\n}\n\n.mhf-maintenance__subtitle {\n  max-width: 520px;\n  margin: 0 auto 36px;\n  color: rgba(220, 240, 255, 0.86);\n  font-size: clamp(15px, 1.9vw, 18px);\n  font-weight: 400;\n  line-height: 1.7;\n}\n\n.mhf-maintenance__actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 14px;\n  justify-content: center;\n  margin-bottom: 12px;\n}\n\n.mhf-maintenance__button {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  min-height: 48px;\n  padding: 13px 26px;\n  border: 1px solid rgba(255, 255, 255, 0.16);\n  border-radius: 14px;\n  background: rgba(255, 255, 255, 0.08);\n  color: rgba(255, 255, 255, 0.94);\n  font-size: 15px;\n  font-weight: 700;\n  line-height: 1.2;\n  text-decoration: none;\n  white-space: nowrap;\n  backdrop-filter: blur(10px);\n  transition: transform 180ms ease, background 180ms ease, border-color 180ms ease;\n}\n\n.mhf-maintenance__button:hover,\n.mhf-maintenance__button:focus-visible {\n  border-color: rgba(255, 255, 255, 0.28);\n  background: rgba(255, 255, 255, 0.14);\n  color: #ffffff;\n  transform: translateY(-1px);\n}\n\n.mhf-maintenance__waves-container {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 140px;\n  z-index: 3;\n  pointer-events: none;\n  overflow: hidden;\n}\n\n.mhf-maintenance__waves {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 200%;\n  height: 100%;\n}\n\n.mhf-maintenance__wave {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-repeat: repeat-x;\n}\n\n.mhf-maintenance__wave--1 {\n  background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 1200 120' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M0,60 C200,100 400,20 600,60 C800,100 1000,20 1200,60 L1200,120 L0,120 Z' fill='rgba(255,255,255,0.08)'\/%3E%3C\/svg%3E\");\n  background-size: 1200px 120px;\n  opacity: 0.8;\n  animation: mhfMaintenanceWaveMove 20s linear infinite;\n}\n\n.mhf-maintenance__wave--2 {\n  bottom: -5px;\n  background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 1200 120' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M0,70 C250,30 500,90 750,70 C1000,50 1100,90 1200,70 L1200,120 L0,120 Z' fill='rgba(0,180,216,0.12)'\/%3E%3C\/svg%3E\");\n  background-size: 1200px 120px;\n  opacity: 0.6;\n  animation: mhfMaintenanceWaveMove 15s linear infinite reverse;\n}\n\n.mhf-maintenance__wave--3 {\n  bottom: -10px;\n  background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 1200 120' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M0,80 C300,50 600,100 900,75 C1100,60 1150,85 1200,80 L1200,120 L0,120 Z' fill='rgba(255,255,255,0.05)'\/%3E%3C\/svg%3E\");\n  background-size: 1200px 120px;\n  opacity: 0.4;\n  animation: mhfMaintenanceWaveMove 25s linear infinite;\n}\n\n.mhf-maintenance__footnote {\n  position: absolute;\n  bottom: 24px;\n  left: 50%;\n  z-index: 6;\n  transform: translateX(-50%);\n  padding: 8px 20px;\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  border-radius: 999px;\n  background: rgba(0, 0, 0, 0.22);\n  color: rgba(255, 255, 255, 0.62);\n  font-size: 13px;\n  font-weight: 400;\n  letter-spacing: 0;\n  text-align: center;\n  backdrop-filter: blur(10px);\n  animation: mhfMaintenanceFadeIn 1.2s ease-out 0.45s both;\n}\n\n@keyframes mhfMaintenanceSlowZoom {\n  0% {\n    transform: scale(1);\n  }\n  100% {\n    transform: scale(1.08);\n  }\n}\n\n@keyframes mhfMaintenanceSwim1 {\n  0% {\n    transform: translateX(0) translateY(0) rotate(0deg) scaleX(-1);\n  }\n  25% {\n    transform: translateX(25vw) translateY(-15px) rotate(3deg) scaleX(-1);\n  }\n  50% {\n    transform: translateX(55vw) translateY(10px) rotate(-2deg) scaleX(-1);\n  }\n  75% {\n    transform: translateX(80vw) translateY(-8px) rotate(2deg) scaleX(-1);\n  }\n  100% {\n    transform: translateX(115vw) translateY(5px) rotate(0deg) scaleX(-1);\n  }\n}\n\n@keyframes mhfMaintenanceSwim2 {\n  0% {\n    transform: translateX(0) translateY(0) scaleX(-1);\n  }\n  50% {\n    transform: translateX(60vw) translateY(-20px) scaleX(-1);\n  }\n  100% {\n    transform: translateX(115vw) translateY(15px) scaleX(-1);\n  }\n}\n\n@keyframes mhfMaintenanceSwim3 {\n  0% {\n    transform: translateX(0) translateY(0) rotate(-2deg) scaleX(-1);\n  }\n  33% {\n    transform: translateX(35vw) translateY(12px) rotate(4deg) scaleX(-1);\n  }\n  66% {\n    transform: translateX(70vw) translateY(-10px) rotate(-3deg) scaleX(-1);\n  }\n  100% {\n    transform: translateX(115vw) translateY(8px) rotate(1deg) scaleX(-1);\n  }\n}\n\n@keyframes mhfMaintenanceWaveMove {\n  0% {\n    transform: translateX(0);\n  }\n  100% {\n    transform: translateX(-50%);\n  }\n}\n\n@keyframes mhfMaintenanceFadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(24px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes mhfMaintenanceFloat {\n  0%,\n  100% {\n    transform: translateY(0);\n  }\n  50% {\n    transform: translateY(-4px);\n  }\n}\n\n@keyframes mhfMaintenancePulse {\n  0%,\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n  50% {\n    opacity: 0.6;\n    transform: scale(1.2);\n  }\n}\n\n@keyframes mhfMaintenanceFadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@media (max-width: 640px) {\n  .mhf-maintenance {\n    min-height: 100svh;\n  }\n\n  body.admin-bar .mhf-maintenance {\n    min-height: calc(100svh - 46px);\n  }\n\n  .mhf-maintenance__content {\n    padding: 20px;\n  }\n\n  .mhf-maintenance__card {\n    padding: 40px 24px;\n    border-radius: 24px;\n  }\n\n  .mhf-maintenance__actions {\n    flex-direction: column;\n    width: 100%;\n  }\n\n  .mhf-maintenance__button {\n    width: 100%;\n  }\n\n  .mhf-maintenance__fish {\n    font-size: 18px;\n  }\n\n  .mhf-maintenance__waves-container {\n    height: 100px;\n  }\n\n  .mhf-maintenance__footnote {\n    bottom: 16px;\n    padding: 6px 16px;\n    font-size: 12px;\n  }\n}\n\n@media (max-width: 375px) {\n  .mhf-maintenance__title {\n    font-size: 30px;\n  }\n\n  .mhf-maintenance__subtitle {\n    font-size: 14px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .mhf-maintenance *,\n  .mhf-maintenance *::before,\n  .mhf-maintenance *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n\n  .mhf-maintenance__bg {\n    animation: none;\n  }\n}\n<\/style>\n\n<section class=\"mhf-maintenance\" aria-label=\"Trang \u0111ang \u0111\u01b0\u1ee3c ph\u00e1t tri\u1ec3n\">\n  <img decoding=\"async\" src=\"https:\/\/minhhaifishery.com\/wp-content\/uploads\/2026\/05\/Minh-Hai-Fishery-Fish-background.webp\" alt=\"\u0110\u1ea1i d\u01b0\u01a1ng v\u1edbi \u0111\u00e0n c\u00e1 v\u00e0 g\u1ee3n s\u00f3ng\" class=\"mhf-maintenance__bg\" loading=\"eager\">\n  <div class=\"mhf-maintenance__overlay\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"mhf-maintenance__fish-tank\" aria-hidden=\"true\">\n    <span class=\"mhf-maintenance__fish\">\ud83d\udc20<\/span>\n    <span class=\"mhf-maintenance__fish\">\ud83d\udc1f<\/span>\n    <span class=\"mhf-maintenance__fish\">\ud83d\udc21<\/span>\n    <span class=\"mhf-maintenance__fish\">\ud83d\udc20<\/span>\n    <span class=\"mhf-maintenance__fish\">\ud83d\udc1f<\/span>\n  <\/div>\n\n  <div class=\"mhf-maintenance__waves-container\" aria-hidden=\"true\">\n    <div class=\"mhf-maintenance__waves\">\n      <div class=\"mhf-maintenance__wave mhf-maintenance__wave--1\"><\/div>\n      <div class=\"mhf-maintenance__wave mhf-maintenance__wave--2\"><\/div>\n      <div class=\"mhf-maintenance__wave mhf-maintenance__wave--3\"><\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"mhf-maintenance__content\">\n    <div class=\"mhf-maintenance__card\">\n      <div class=\"mhf-maintenance__badge\">\n        <span class=\"mhf-maintenance__badge-dot\"><\/span>\n        <span>\u0110ang trong qu\u00e1 tr\u00ecnh ho\u00e0n thi\u1ec7n<\/span>\n      <\/div>\n\n      <h1 class=\"mhf-maintenance__title\">Trang \u0111ang \u0111\u01b0\u1ee3c ph\u00e1t tri\u1ec3n<\/h1>\n\n      <p class=\"mhf-maintenance__subtitle\">\n        Ch\u00fang t\u00f4i \u0111ang ho\u00e0n thi\u1ec7n website \u0111\u1ec3 mang \u0111\u1ebfn tr\u1ea3i nghi\u1ec7m t\u1ed1t nh\u1ea5t. Vui l\u00f2ng quay l\u1ea1i sau!\n      <\/p>\n\n      <div class=\"mhf-maintenance__actions\">\n        <a href=\"mailto:mhf@minhhaifishery.com\" class=\"mhf-maintenance__button\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path>\n            <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n          <\/svg>\n          <span>Li\u00ean h\u1ec7 ngay<\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <footer class=\"mhf-maintenance__footnote\">\u00a9 2026 &#8211; \u0110ang x\u00e2y d\u1ef1ng<\/footer>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udc20 \ud83d\udc1f \ud83d\udc21 \ud83d\udc20 \ud83d\udc1f \u0110ang trong qu\u00e1 tr\u00ecnh ho\u00e0n thi\u1ec7n Trang \u0111ang \u0111\u01b0\u1ee3c ph\u00e1t tri\u1ec3n Ch\u00fang t\u00f4i \u0111ang ho\u00e0n thi\u1ec7n website \u0111\u1ec3 mang \u0111\u1ebfn tr\u1ea3i nghi\u1ec7m t\u1ed1t nh\u1ea5t. Vui l\u00f2ng quay l\u1ea1i sau! Li\u00ean h\u1ec7 ngay \u00a9 2026 &#8211; \u0110ang x\u00e2y d\u1ef1ng<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_skvn_hide_header":true,"_skvn_hide_footer":true,"_skvn_hide_title":true,"_skvn_full_width_canvas":true,"_skvn_page_display_preset":"custom","footnotes":""},"class_list":["post-33","page","type-page","status-publish"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/minhhaifishery.com\/index.php?rest_route=\/wp\/v2\/pages\/33","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/minhhaifishery.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/minhhaifishery.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/minhhaifishery.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/minhhaifishery.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=33"}],"version-history":[{"count":9,"href":"https:\/\/minhhaifishery.com\/index.php?rest_route=\/wp\/v2\/pages\/33\/revisions"}],"predecessor-version":[{"id":161,"href":"https:\/\/minhhaifishery.com\/index.php?rest_route=\/wp\/v2\/pages\/33\/revisions\/161"}],"wp:attachment":[{"href":"https:\/\/minhhaifishery.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}