Moirai Product - 幫�??��??�並?��??��?實�??�捷徑�?/title>  <link rel="icon" type="image/svg+xml" href="../../assets/img/icon.svg" />  <script src="https://use.fontawesome.com/releases/v5.13.0/js/all.js" crossorigin="anonymous"></script>  <link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" />  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">  <link href="../../css/styles.css" rel="stylesheet" /> <link href="product.css" rel="stylesheet" />  <script src="https://apis.google.com/js/api.js"></script> <script src="https://accounts.google.com/gsi/client" async defer></script>  <script async crossorigin="anonymous" data-clerk-publishable-key="pk_test_cHJlY2lzZS1yYXktMzEuY2xlcmsuYWNjb3VudHMuZGV2JA" src="https://precise-ray-31.clerk.accounts.dev/npm/@clerk/clerk-js@5/dist/clerk.browser.js" type="text/javascript"></script> </head> <body id="page-top">  <div class="sidebar" style="position: fixed; left: 0; top: 0; width: 290px; height: 100%; padding: 20px; overflow-y: auto; z-index: 1000; box-shadow: 2px 0 5px rgba(0,0,0,0.1);">  <div class="sidebar-header text-center mb-4"> <a href="https://moirai-ai.com/"> <img src="../../assets/img/profile2.jpg" width="70" height="70" class="rounded-circle mb-2" alt="Profile Photo"> <h5>Moirai</h5> </a> </div>  <div class="sidebar-menu">  <div class="sidebar-section mb-3">  <ul class="nav flex-column"> <li class="nav-item"> <a class="nav-link js-scroll-trigger" href="../../index.html" data-i18n="homepage"> <i class="fas fa-home fa-fw me-2"></i> Home </a> </li> <li class="nav-item"> <a class="nav-link" href="#page-top" data-i18n="eventCalendar"> <i class="fas fa-calendar fa-fw me-2"></i> Calendar </a> </li> <li class="nav-item"> <a class="nav-link" href="../trading/trading.html" data-i18n="trading"> <i class="fas fa-chart-line fa-fw me-2"></i> Signal Labs </a> </li> <li class="nav-item"> <a class="nav-link" href="../column/column.html" data-i18n="column"> <i class="fas fa-newspaper fa-fw me-2"></i> Contents </a> </li> <li class="nav-item"> <a class="nav-link" href="../channel/channel.html"> <i class="fas fa-chalkboard-teacher fa-fw me-2"></i> Studio </a> </li> <li class="nav-item"> <a class="nav-link" href="../product/research.html"> <i class="fas fa-box fa-fw me-2"></i> Research </a> </li> </ul> </div>  <div class="sidebar-section mb-3"> <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted"> <span>Moirai AI</span> </h6> <ul class="nav flex-column"> <li class="nav-item"> <a class="nav-link" href="../ais/ai_content.html"> <i class="fas fa-robot fa-fw me-2"></i> AI tool </a> </li> <li class="nav-item"> <a class="nav-link" href="../ais/ai_tool.html"> <i class="fas fa-tools fa-fw me-2"></i> AI contents </a> </li> <li class="nav-item"> <a class="nav-link" href="../product/package.html"> <i class="fas fa-box fa-fw me-2"></i> Package </a> </li> </ul> </div>      <div class="sidebar-section mt-5"> <div class="d-flex justify-content-between">  <div id="user-button" class="nav-link" style="cursor: pointer;"> <i class="fas fa-user fa-fw me-2"></i> <span id="loginText" data-i18n="login">Login</span> </div>  <div class="dropdown"> <a class="nav-link dropdown-toggle" href="#" id="languageDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <i class="fas fa-globe"></i> </a> <ul class="dropdown-menu" aria-labelledby="languageDropdown"> <li><a class="dropdown-item" href="#" data-lang="zh">中�?</a></li> <li><a class="dropdown-item" href="#" data-lang="ko">?�국??/a></li> </ul> </div> </div> </div> </div> </div> <button class="sidebar-toggle"> <i class="fas fa-bars"></i> </button>   <section class="research-section text-center bg-white" id="research" style="padding-top: 2.5rem !important;"> <div class="container"> <div class="row"> <div class="col-lg-12 mx-auto"> <h2 class="text-black mb-4" data-i18n="research">?�究?��?</h2> <div class="card"> <div class="card-body">  <p class="text-muted">?��??��?究報?�產?��??�置?�此</p> </div> </div> </div> </div> </div> </section>  <footer class="footer bg-light small text-center text-white-50"> <div class="container" style="color: black;">Copyright © Moirai AI <span id="currentYear"></span> </div> </footer>  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>  <script src="../../js/scripts.js"></script>  <script src="../../js/auth.js"></script> <script src="../../js/translations.js"></script> <script src="../../js/language.js"></script>  </body>