diff --git a/packages/scoreboard-xcpcio/templates/xcpcio_board.html b/packages/scoreboard-xcpcio/templates/xcpcio_board.html
index 77c9fa1a3..8a93649e8 100644
--- a/packages/scoreboard-xcpcio/templates/xcpcio_board.html
+++ b/packages/scoreboard-xcpcio/templates/xcpcio_board.html
@@ -6,10 +6,10 @@
         for (; _.endsWith("/");)_ = _.slice(0, -1);
         return `${_}/`;
     }
-    window.CDN_HOST = "/";
+    window.CDN_HOST = "{{ '/' if process.env.DEV else UiContext.cdn_prefix }}";
     window.__toAssetUrl = url => window.CDN_HOST + url;
     window.DATA_HOST = "/";
-    window.DATA_REGION = "CN";
+    window.DATA_REGION = "Hydro";
     window.DEFAULT_LANG = "{{ 'zh-CN' if _('__id').startsWith('zh') else 'en' }}";
     window.DATA_SOURCE = "{{ dataSource }}";
     if (document.documentElement.classList.contains("theme--dark")) document.documentElement.classList.toggle("dark", !0);
@@ -21,13 +21,15 @@
     }, 500);
 </script>
 <style>
-    #app .nav, .omnibar-toggle { display: none; }
+    #app .nav, .omnibar-toggle, #app>main>footer>div>a, #app>main>footer>div>p { display: none; }
+    #app footer { padding-top: 0 !important; padding-bottom: 0 !important; }
+    .nav__item .icon img { display: inherit; }
     table { border-spacing: 2px; }
     th { text-align: center; }
     td.unattempted, td.empty { background-color: transparent !important; }
 </style>
-<script type="module" crossorigin src="/assets/index-{{ js }}.js"></script>
-<link rel="stylesheet" crossorigin href="/assets/index-{{ css }}.css">
+<script type="module" crossorigin src="{{ '/' if process.env.DEV else UiContext.cdn_prefix }}assets/index-{{ js }}.js"></script>
+<link rel="stylesheet" crossorigin href="{{ '/' if process.env.DEV else UiContext.cdn_prefix }}assets/index-{{ css }}.css">
 <div id="app"></div>
 <noscript>This website requires JavaScript to function properly. Please enable JavaScript tocontinue.</noscript>
 {% endblock %}
\ No newline at end of file