<!doctype html>
<html lang="zh">
	<head>
		<meta charset="UTF-8" />
		<link rel="icon" href="https://hsk.oray.com/favicon.ico" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta data-hid="keywords" name="keywords" />
		<meta data-hid="description" name="description" />
		<title>贝锐花生壳</title>
        <!-- 开发环境使用 ESM 版本 -->

        <script type="importmap">
            {
        "imports": {
          "vue": "https://unpkg.com/vue@3.5.13/dist/vue.esm-browser.js"
        }
      }
        </script>
		<script type="module" crossorigin>import{defineComponent as p,onMounted as g,resolveComponent as l,openBlock as f,createElementBlock as u,createVNode as a,withCtx as r,createElementVNode as e,createTextVNode as d,createApp as h}from"vue";(function(){const c=document.createElement("link").relList;if(c&&c.supports&&c.supports("modulepreload"))return;for(const s of document.querySelectorAll('link[rel="modulepreload"]'))n(s);new MutationObserver(s=>{for(const i of s)if(i.type==="childList")for(const o of i.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&n(o)}).observe(document,{childList:!0,subtree:!0});function t(s){const i={};return s.integrity&&(i.integrity=s.integrity),s.referrerPolicy&&(i.referrerPolicy=s.referrerPolicy),s.crossOrigin==="use-credentials"?i.credentials="include":s.crossOrigin==="anonymous"?i.credentials="omit":i.credentials="same-origin",i}function n(s){if(s.ep)return;s.ep=!0;const i=t(s);fetch(s.href,i)}})();const w={class:"welcome-page"},v=p({__name:"index",setup(m){return g(()=>{const c=document.getElementById("hsk-internal-ip");if(c){const t=c.getAttribute("name");t&&t!=="hsk-internal-ip-key"?c.textContent=t:c.textContent=""}}),(c,t)=>{const n=l("el-header"),s=l("el-main");return f(),u("div",w,[a(n,{class:"header-container"},{default:r(()=>t[0]||(t[0]=[e("img",{height:"32",src:"https://res.orayimg.com/hsk/access/img/hsk_logo_m_black.png",alt:"",class:"welcome-logo"},null,-1)])),_:1}),a(s,{class:"main-container"},{default:r(()=>t[1]||(t[1]=[e("div",{class:"content-wrap"},[e("div",{class:"center-container"},[e("div",{class:"tips-wrap"},[e("div",{class:"connection-flow"},[e("div",{class:"flow-item"},[e("div",{class:"icon-wrap bg-green"},[e("img",{width:"24",src:"https://res.orayimg.com/hsk/access/img/icon-internet.png",alt:""})]),e("div",{class:"label"},"互联网")]),e("div",{class:"flow-line success"}),e("div",{class:"flow-item"},[e("div",{class:"icon-wrap bg-green"},[e("img",{width:"24",src:"https://res.orayimg.com/hsk/access/img/icon-server.png",alt:""})]),e("div",{class:"label"},"花生壳服务器")]),e("div",{class:"flow-line success"}),e("div",{class:"flow-item"},[e("div",{class:"icon-wrap bg-green"},[e("img",{width:"24",src:"https://res.orayimg.com/hsk/access/img/icon-client.png",alt:""})]),e("div",{class:"label"},"花生壳客户端")]),e("div",{class:"flow-line fail"},[e("div",{class:"fail-icon"},[e("img",{width:"24",src:"https://res.orayimg.com/hsk/access/img/icon-failed.png",alt:""})])]),e("div",{class:"flow-item"},[e("div",{class:"icon-wrap bg-grey"},[e("img",{width:"24",src:"https://res.orayimg.com/hsk/access/img/icon-web.png",alt:""})]),e("div",{class:"label"},"网站服务器")])])]),e("div",{class:"wc-title"},[e("h1",null,"内部网站连接失败"),e("h2",null,"花生壳程序通讯正常，但无法连接网站服务器")]),e("ul",{class:"wc-desc"},[e("li",{class:"wc-desc-item"},[e("img",{width:"24",src:"https://res.orayimg.com/hsk/access/img/icon-github.png",alt:""}),e("span",{class:"label"},"若您是网站开发者："),e("div",{class:"value"},[d("请确认服务器访问 "),e("span",{id:"hsk-internal-ip",name:"127.0.0.1:80"}),d(" 是否正常")])]),e("li",{class:"wc-desc-item"},[e("img",{width:"24",src:"https://res.orayimg.com/hsk/access/img/icon-account.png",alt:""}),e("span",{class:"label"},"若您是网站访问者："),e("div",{class:"value"},"请稍后刷新页面，若问题依旧则联系网站开发者")])])])],-1)])),_:1}),t[2]||(t[2]=e("div",{class:"footer-container"},[e("div",{class:"content-wrap"},[e("div",{class:"footer-container-wrap"},[e("span",null,"了解更多产品介绍，请访问"),e("a",{href:"https://hsk.oray.com/?ici=WEB_INTRANET_FAIL",id:"hsk-web-intranet-fail-bottom-website",name:"花生壳-内网不通-官网"},"花生壳官网")])])],-1))])}}}),y=h(v);y.mount("#app");</script>
		<style rel="stylesheet" crossorigin>html{font-size:8px}body{width:100%}body,button,input,select,textarea{font:14px/1.6 PingFang SC,Microsoft Yahei,Hiragino Sans GB,sans-serif}body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,pre,form,fieldset,legend,button,input,textarea,dl,dt,dd,ul,ol,li{margin:0;padding:0}ul,ol,dl{list-style:none}.pointer{cursor:pointer}img{display:inline-block}a{text-decoration:none;display:inline-block;cursor:pointer}::-webkit-scrollbar-thumb{background:#b1b1b1;border-radius:4px;width:0}::-webkit-scrollbar{width:6px;height:6px;background-color:transparent;border-radius:3px}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}.btn{display:inline-block;display:inline;zoom:1;margin-bottom:0;font-size:14px;height:38px;line-height:38px;text-align:center;cursor:pointer;background-color:#fff;border:1px solid #dd3A5f;color:#dd3a5f;padding:0;width:128px}.btn.primary{background-color:#dd3a5f;border-color:#dd3a5f;color:#fff}.el-overlay-dialog{display:flex}.el-dialog{margin:auto!important}.dialog-icon{width:36px;height:36px;display:block;border-radius:50%;position:relative}.dialog-icon.success{border:2px solid #34AD85}.dialog-icon.success:after{content:"";position:absolute;left:25%;top:30%;bottom:0;width:50%;height:24%;border:3px solid #34ad85;border-radius:1px;border-top:none;border-right:none;background:transparent;transform:rotate(-45deg)}.dialog-icon.warning{border:2px solid #e5a016;font-size:25px;font-weight:400;text-align:center;line-height:36px;color:#e5a016}.pic-more{display:inline-block;width:8px;height:8px;border-top:1px solid #008eff;border-right:1px solid #008eff;transform:rotate(45deg);margin:0 0 1px 2px;cursor:pointer}.pic-more:hover{border-top:1px solid #66bbff;border-right:1px solid #66bbff}.icon-status{width:64px;height:64px;display:inline-block;border-radius:50%;position:relative}.icon-status.success:after{content:"";position:absolute;left:23%;top:28%;bottom:0;width:50%;height:24%;border:3px solid #34ad85;border-radius:1px;border-top:none;border-right:none;background:transparent;transform:rotate(-45deg)}.flex-between{display:flex;justify-content:space-between}.flex{display:flex}.flex-end{display:flex;justify-content:flex-end}.align-end{align-items:flex-end}.myselect{position:absolute;top:56px;width:100%}.myselect .el-select-dropdown__item{padding:5px 20px;height:auto;font-size:14px;line-height:22px;white-space:unset;min-height:unset}.welcome-page{background:#f7f8fa;position:relative}.welcome-page .content-wrap{width:1200px;margin:0 auto;position:relative}.welcome-page .header-container{height:58px;position:absolute;padding:0}.welcome-page .header-container .welcome-logo{margin:26px 0 0 30px}.welcome-page .main-container{height:100vh;min-height:665px;padding:0;display:flex;justify-content:center;flex-direction:column}.welcome-page .main-container .center-container{background:#fff;width:100%;padding:60px 0;margin:24px auto;box-sizing:border-box;flex-grow:1;display:flex;flex-direction:column;align-items:center;flex-shrink:0;border-radius:8px;border:1px solid #e5e6eb;max-width:800px;justify-content:center;min-height:480px;box-shadow:0 4px 10px #0000001a}.welcome-page .main-container .center-container .wc-title{margin-top:24px;display:flex;flex-direction:column;align-items:center;gap:12px}.welcome-page .main-container .center-container .wc-title h1{font-size:28px;font-style:normal;font-weight:500;line-height:normal;text-align:center;color:#1a1a1a}.welcome-page .main-container .center-container .wc-title h2{color:#7c7d80;text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.welcome-page .main-container .center-container .wc-sub-title{margin-top:12px;text-align:center}.welcome-page .main-container .center-container .wc-sub-title h6{color:#7c7d80;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.welcome-page .main-container .center-container .wc-sub-title-link{color:#3773f5;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.welcome-page .main-container .center-container .wc-btn-wrap{display:flex;justify-content:center;align-items:center;gap:12px;align-self:stretch;margin-top:48px}.welcome-page .main-container .center-container .wc-btn-wrap .welcome-btn{display:flex;height:40px;padding:0 16px;min-width:132px;box-sizing:border-box;justify-content:center;align-items:center;gap:8px;border-radius:6px;font-size:16px;font-style:normal;font-weight:400}.welcome-page .main-container .center-container .wc-btn-wrap .welcome-btn.blue-btn{color:#fff;background:#3773f5;border:1px solid #3773f5}.welcome-page .main-container .center-container .wc-btn-wrap .welcome-btn.plain-btn{color:#3773f5;border:1px solid #3773f5;background:#fff}.welcome-page .main-container .center-container .wc-btn-wrap .welcome-btn.disabled{pointer-events:none;color:#3773f54d;border:1px solid rgba(55,115,245,.3)}.welcome-page .main-container .center-container .wc-input-wrap{margin-top:24px}.welcome-page .main-container .center-container .wc-input-wrap .el-input .el-input__wrapper{border-radius:8px;background:#f2f3f5;height:44px;line-height:44px}.welcome-page .main-container .center-container .wc-input-wrap .el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .pwd-icon-wrapper{width:20px}.welcome-page .main-container .center-container .wc-input-wrap .el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .pwd-icon-wrapper .pwd-icon{vertical-align:middle;cursor:pointer}.welcome-page .main-container .center-container .wc-input-wrap .el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .createLoading .el-loading-spinner{border-radius:4px;height:44px}.welcome-page .main-container .center-container .wc-input-wrap .el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .createLoading .el-loading-spinner .circular{width:20px}.welcome-page .main-container .center-container .wc-input-wrap .el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .createLoading .el-loading-spinner .path{stroke:#3773f5}.welcome-page .main-container .center-container .wc-bottom-tips{color:#7c7d80;text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:22px;position:absolute;bottom:44px;left:50%;transform:translate(-50%)}.welcome-page .footer-container{position:relative}.welcome-page .footer-container .footer-container-wrap{color:#424347;font-size:14px;position:absolute;bottom:20px;left:50%;width:100%;text-align:center;transform:translate(-50%)}.welcome-page .footer-container a{color:#3773f5;font-size:14px;line-height:22px;text-decoration:none}@media (min-width: 1400px){.welcome-page .content-wrap{width:1200px;margin:0 auto}}@media (max-width: 1399px){.welcome-page .content-wrap{width:calc(100% - 200px);margin:0 auto}}@media (max-width: 999px){.welcome-page .content-wrap{width:800px}}@media (max-width: 831px){.welcome-page .content-wrap{width:560px}}@media (max-width: 592px){.welcome-page .content-wrap{width:calc(100% - 32px)}.welcome-page .header-container{position:relative;display:flex;justify-content:center;height:50px}.welcome-page .header-container .welcome-logo{height:24px;margin:26px 0 0}.welcome-page .main-container{min-height:520px;justify-content:flex-start;height:calc(100vh - 50px)}.welcome-page .main-container .center-container{margin:28px auto;padding:32px 24px;min-height:420px}.welcome-page .main-container .center-container .wc-title{margin-top:20px}.welcome-page .main-container .center-container .wc-title h1{font-size:24px}.welcome-page .main-container .center-container .wc-title h2{font-size:13px}.welcome-page .main-container .center-container .wc-sub-title{margin-top:12px}.welcome-page .main-container .center-container .wc-sub-title h6,.welcome-page .main-container .center-container .wc-sub-title-link{font-size:14px;line-height:22px}.welcome-page .main-container .center-container .wc-btn-wrap .welcome-btn{min-width:64px;padding:0 24px}.welcome-page .main-container .center-container .wc-btn-wrap .disabled{pointer-events:none;opacity:.5}.welcome-page .footer-container a{color:#3773f5;line-height:22px}}.welcome-page .tips-wrap{display:flex;justify-content:center;margin-bottom:40px}.welcome-page .tips-wrap .connection-flow{display:flex;align-items:center;border-radius:4px;padding:24px 32px;box-sizing:border-box;position:relative;z-index:1}.welcome-page .tips-wrap .flow-item{display:flex;flex-direction:column;align-items:center;max-width:90px}.welcome-page .tips-wrap .icon-wrap{display:flex;justify-content:center;align-items:center;width:48px;height:48px;padding:12px;box-sizing:border-box;border-radius:50%}.welcome-page .tips-wrap .icon-wrap.bg-green{background:#00b42a0f}.welcome-page .tips-wrap .icon-wrap.bg-grey{background:#f7f8fa}.welcome-page .tips-wrap .icon-wrap img{width:24px;height:24px}.welcome-page .tips-wrap .label{margin-top:8px;font-size:14px;color:#424347;text-align:center;white-space:nowrap}.welcome-page .tips-wrap .flow-line{width:80px;height:2px;margin:0 8px;background:#00b42a;position:relative;top:-13px}.welcome-page .tips-wrap .flow-line.success{background:#00b42a}.welcome-page .tips-wrap .flow-line.fail{background:#c9cdd4;top:-13px}.welcome-page .tips-wrap .flow-line.fail .fail-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#fff}.welcome-page .tips-wrap .flow-line.fail .fail-icon img{width:20px;height:20px}.welcome-page .wc-desc{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:32px auto 0;align-self:stretch;gap:8px}.welcome-page .wc-desc .wc-desc-item{display:flex;align-items:center;align-self:stretch}.welcome-page .wc-desc .wc-desc-item .label{color:#424347;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.welcome-page .wc-desc .wc-desc-item .value{color:#7c7d80;font-size:16px;font-style:normal;font-weight:400;line-height:24px}@media (max-width: 831px){.welcome-page .tips-wrap .connection-flow{padding:0}.welcome-page .tips-wrap .flow-item{max-width:36px}.welcome-page .tips-wrap .icon-wrap{width:36px;height:36px;padding:9px}.welcome-page .tips-wrap .icon-wrap img{width:18px;height:18px}.welcome-page .tips-wrap .label{margin-top:12px;font-size:12px}.welcome-page .tips-wrap .flow-line{width:40px;margin:0 4px}.welcome-page .tips-wrap .flow-line.fail .fail-icon,.welcome-page .tips-wrap .flow-line.fail .fail-icon img{width:14px;height:14px}.welcome-page .wc-title{font-size:24px;line-height:normal}.welcome-page .wc-desc{display:flex;margin:20px auto 0;gap:8px;font-size:14px}.welcome-page .wc-desc .wc-desc-item{display:block}.welcome-page .wc-desc .wc-desc-item img{width:16px;height:16px;vertical-align:middle}.welcome-page .wc-desc .wc-desc-item .label{font-size:13px;line-height:20px;vertical-align:middle}.welcome-page .wc-desc .wc-desc-item .value{font-size:13px;line-height:24px}}</style>
	</head>
	<body>
    <div id="app" style="background: #f7f8fa;height: 100vh;"></div>
	</body>
</html>
