Moirai Signal - ?�?��?上班?��?交�?策略??/title> <meta name="robots" content="index, follow">  <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="trad.css" rel="stylesheet" /> <style> .tradingview-widget-container { width: 100%; height: 100%; background-color: white; padding: 20px; border-radius: 8px; } #tradingview_chart { width: 100%; min-height: 500px; } .chart-section { padding: 40px 0; } .tradingview-widget-copyright { margin-top: 10px; border-top: 1px solid #eee; } .card { height: 100%; } .word-cloud-container { width: 100%; height: 400px; min-height: 400px; position: relative; } </style>  <script src="https://d3js.org/d3.v7.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/jasondavies/d3-cloud/build/d3.layout.cloud.js"></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> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7375118106323131" crossorigin="anonymous"></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="../event/event.html" 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="#page-top" 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>  <div class="container mt-5"> <ul class="nav nav-tabs mb-4" id="tradingTabs" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="trading-tab" data-bs-toggle="tab" href="#trading" role="tab" data-i18n="tradingTracking"> ?��?羅盤 </a> </li> <li class="nav-item"> <a class="nav-link" id="fear-greed-tab" data-bs-toggle="tab" href="#fear-greed-content" role="tab" data-i18n="fearGreedIndex"> ?�懼貪婪?�數 </a> </li> <li class="nav-item"> <a class="nav-link" id="instructions-tab" data-bs-toggle="tab" href="#instructions" role="tab" data-i18n="instructions"> ?��??�鍵�? </a> </li> </ul> <div class="tab-content" id="tradingTabContent">  <div class="tab-pane fade show active" id="trading" role="tabpanel">  <section class="trading-cards-section py-5 bg-light" style="padding-top: 2.5rem !important;"> <div class="container"> <div class="d-flex justify-content-center mb-4"> <ul class="nav nav-pills" id="tradingStatusTabs" role="tablist"> <li class="nav-item" role="presentation"> <button class="nav-link active py-1 px-3 text-dark border border-dark rounded-0" data-status="?��?�? data-i18n="inProgress" style="margin-right: -1px;">?��?�?/button> </li> <li class="nav-item" role="presentation"> <button class="nav-link py-1 px-3 text-dark border border-dark rounded-0" data-status="已�????��?)" data-i18n="completedSuccess" style="margin-right: -1px;">?��?</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link py-1 px-3 text-dark border border-dark rounded-0" data-status="已�???失�?)" data-i18n="completedFailed" style="margin-right: -1px;">失�?</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link py-1 px-3 text-dark border border-dark rounded-0" data-status="all" data-i18n="allTrades">?�部</button> </li> </ul> </div> <div class="row g-4" id="tradingCardsContainer">  </div>  <div class="d-flex justify-content-center mt-4"> <ul class="pagination"> <li class="page-item" id="prev-page"> <a class="page-link" href="#" data-i18n="prevPage">上�???/a> </li> <li class="page-item" id="next-page"> <a class="page-link" href="#" data-i18n="nextPage">下�???/a> </li> </ul> </div> </div> </section>  <section class="instructions-section py-5 bg-light"> <div class="container"> <div class="bg-white p-4 rounded shadow"> <h5 class="text-primary mb-3">?�� 使用說�??�注?��???/h5> <div class="row"> <div class="col-md-6"> <div class="mb-3"> <h6 class="text-dark" data-i18n="systemDescription">?�� 系統說�?</h6> <ul class="text-muted small"> <li data-i18n="sysDesc1">?�平?��?供新?�模?�交?��????�助?��?練中?��??�個股?�斷?��?</li> <li data-i18n="sysDesc2">模擬交�?不�??�實?�交?��????�票證交�?.3%?�ETF證交�?.1%?��?續費0.1425%?��?計入 </li> <li data-i18n="sysDesc3">交�??��??�制:買入以賣?��?低價計�?,�?��以買?��?高價計�?,漲�??��??�交</li> <li data-i18n="sysDesc4">每�??��??�多可?��?三個交?��???總�?置�?例為100%</li> </ul> </div> </div> <div class="col-md-6"> <div class="mb-3"> <h6 class="text-dark" data-i18n="importantReminders">?��? ?��??��?</h6> <ul class="text-muted small"> <li data-i18n="reminder1">?�平?��??��?模擬?��?,不�?供任何�?資建議�?策略?��?</li> <li data-i18n="reminder2"> ?�您?�現模擬績�??��?低於大盤表現,?��?風險?��??�無法�??��?置�???建議?�可以考慮?�注?�游庭�??�財經�?角」YT?��?,該頻?��?供穩?��?大盤?��??�景�?��?��?資�??? </li> <li data-i18n="reminder3">?�?�交?��??��??�台?????GMT+8)</li> <li data-i18n="reminder4">績�??��?將�?步顯示相對�??�段之大?�表??以�??��?/li> </ul> </div> </div> </div> </div> </div> </section> </div>  <div class="tab-pane fade" id="fear-greed-content" role="tabpanel">  <section class="fear-greed-section text-center py-5" id="fear-greed">  <div class="bg-white container mb-2"> <div class="row">  <div class="bg-white border-bottom border-start border-top col-md-6 ps-0"> <div class="card h-100"> <div class="card-header"> <ul class="nav nav-tabs card-header-tabs"> <li class="nav-item"> <a class="nav-link active" id="btc-tab1" data-bs-toggle="tab" href="#btc1" data-i18n="btcFearGreedLong">BTC?�懼貪婪?�數(?��?)</a> </li> <li class="nav-item"> <a class="nav-link" id="btc-tab2" data-bs-toggle="tab" href="#btc2" data-i18n="btcFearGreedShort">BTC?�懼貪婪?�數(?��?)</a> </li> </ul> </div> <div class="card-body"> <div class="tab-content"> <div class="tab-pane fade show active" id="btc1"> <img src="..\..\assets\img\btc_greed\btc_greed_fear_index_full.png" class="img-fluid clickable-image" alt="BTC?�懼貪婪?�數(?��?)" data-bs-toggle="modal" data-bs-target="#imageModal"> </div> <div class="tab-pane fade" id="btc2"> <img src="..\..\assets\img\btc_greed\btc_greed_fear_index_365.png" class="img-fluid clickable-image" alt="BTC?�懼貪婪?�數(?��?)" data-bs-toggle="modal" data-bs-target="#imageModal"> </div> <div class="mt-3" id="btcInfo" style="text-align: left;"> <p style="margin-bottom: 0.2rem;"> <span data-i18n="timestamp">?��??��?</span>�?span id="btcTime"></span> </p> <p style="margin-bottom: 0.2rem;"> <span data-i18n="greedIndex">貪婪?�數</span>�?span id="btcGreedIndex"></span> </p> <p style="margin-bottom: 0.2rem;"> <span data-i18n="rating">評�?</span>�?span id="btcClassification"></span> </p> </div> </div> </div> </div> </div>  <div class="bg-white border-bottom border-end border-top col-md-6 pe-0"> <div class="card h-100"> <div class="card-header py-2"> <h5 class="card-title nav-link mb-0" data-i18n="cnnFearGreed">CNN?�懼貪婪?�數</h5> </div> <div class="card-body"> <img src="..\..\assets\img\cnn_greed\cnn_greed_fear_index_full.png" class="img-fluid clickable-image" alt="SP500走勢?? data-bs-toggle="modal" data-bs-target="#imageModal"> <div class="mt-3" id="cnnInfo" style="text-align: left;"> <p style="margin-bottom: 0.2rem;"> <span data-i18n="timestamp">?��??��?</span>�?span id="cnnTimestamp"></span> </p> <p style="margin-bottom: 0.2rem;"> <span data-i18n="greedIndex">貪婪?�數</span>�?span id="cnnScore"></span> </p> <p style="margin-bottom: 0.2rem;"> <span data-i18n="rating">評�?</span>�?span id="cnnRating"></span> </p> </div> </div> </div> </div>  <div class="modal" id="imageModal" tabindex="-1" role="dialog"> <div class="modal-dialog modal-xl"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="imageModalLabel" data-i18n="imagePreview">?��??�覽 </h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="?��?"></button> </div> <div class="modal-body"> <img src="" id="modalImage" class="img-fluid" alt="?�大?��?"> </div> </div> </div> </div> </div> </div> </section> </div> <div class="tab-pane fade" id="instructions" role="tabpanel">  <section class="about-section text-center" id="about" style="padding-top: 2.5rem !important;"> <div class="container"> <div class="row"> <div class="col-lg-12 mx-auto">  <ul class="nav nav-tabs mb-3"> <li class="nav-item"> <a class="active nav-link text-muted" data-bs-toggle="tab" href="#page1" data-i18n="techNews">科�??��?</a> </li> <li class="nav-item"> <a class="nav-link text-muted" data-bs-toggle="tab" href="#page2" data-i18n="focusNews">?��??��?</a> </li> </ul>  <div class="tab-content">  <div class="tab-pane fade show active" id="page1"> <div class="row"> <div class="col-md-6 pb-3"> <div class="card"> <div class="card-body"> <div id="wordCloud1" class="word-cloud-container" style="width: 100%; height: 100%;"></div> </div> </div> </div> <div class="col-md-6 pb-3"> <div class="card"> <div class="card-body text-start">  <div id="wordDetails1" class="mb-3"> <p class="text-muted" data-i18n="clickWordDetails"> 點�?左側詞�??��?詳細信息</p> </div> </div> </div> </div> </div> </div>  <div class="tab-pane fade" id="page2"> <div class="row"> <div class="col-md-6 pb-3"> <div class="card"> <div class="card-body"> <div id="wordCloud2" class="word-cloud-container" style="width: 100%; height: 100%;"></div> </div> </div> </div> <div class="col-md-6 pb-3"> <div class="card"> <div class="card-body text-start">  <div id="wordDetails2" class="mb-3"> <p class="text-muted" data-i18n="clickWordDetails"> 點�?左側詞�??��?詳細信息</p> </div> </div> </div> </div> </div> </div>  <div class="tab-pane fade" id="page3"> <div class="row"> <div class="col-md-6"> <div class="card"> <div class="card-body"> <div id="wordCloud3" class="word-cloud-container" style="width: 100%; height: 100%;"></div> </div> </div> </div> <div class="col-md-6"> <div class="card"> <div class="card-body text-start">  <div id="wordDetails3" class="mb-3"> <p class="text-muted" data-i18n="clickWordDetails"> 點�?左側詞�??��?詳細信息</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div>  <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> document.addEventListener('DOMContentLoaded', () => { let currentTab = null; const cloudTabLinks = document.querySelectorAll('#instructions .nav-tabs .nav-link'); cloudTabLinks.forEach(tab => { tab.addEventListener('click', (e) => { if (currentTab === e.target.getAttribute('href')) { return; // ?��??��?載入?��??�面 } currentTab = e.target.getAttribute('href'); }); }); }); </script>  <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>  <script src="../../js/load_cloud_json.js"></script> <script src="./trading-table.js"></script> <script src="../../js/load_json.js"></script>  </body> </html>