A鑲￠泦鍚堢珵浠风瓥鐣ュ姪鎵?/title> <link rel="manifest" href="./manifest.webmanifest" /> <meta name="theme-color" content="#11845b" /> <link rel="icon" href="./icon.svg" type="image/svg+xml" /> <link rel="stylesheet" href="./styles.css" /> </head> <body> <main class="shell"> <section class="topbar"> <div> <h1>A鑲￠泦鍚堢珵浠风瓥鐣ュ姪鎵?/h1> <p>璁＄畻娆℃棩棰勪及MA5銆佷綆鍚镐环銆佹縺杩涗环锛屽苟鏌ョ湅鏃璧板娍銆?/p> </div> <button id="riskBtn" class="ghost">鍒锋柊甯傚満椋庨櫓</button> </section> <section class="grid"> <aside class="panel query-panel"> <form id="stockForm" class="stock-form"> <label for="stockCode">鑲＄エ浠ｇ爜</label> <div class="input-row"> <input id="stockCode" name="stockCode" inputmode="numeric" maxlength="6" placeholder="渚嬪 002643" required /> <button type="submit">璁＄畻</button> </div> </form> <div class="slider-block"> <div class="slider-head"> <span>浣庡惛鍋忕Щ</span> <strong id="lowPctText">-2.0%</strong> </div> <input id="lowPct" type="range" min="-6" max="0" step="0.1" value="-2" /> </div> <div class="slider-block"> <div class="slider-head"> <span>婵€杩涘亸绉?/span> <strong id="highPctText">+1.0%</strong> </div> <input id="highPct" type="range" min="0" max="6" step="0.1" value="1" /> </div> <div id="riskCard" class="risk-card muted"> <span>甯傚満璺屽仠鏁帮紙鍚玈T锛?/span> <strong>鏈埛鏂?/strong> <small>璺屽仠鏁板皬浜?0瀹舵椂锛岀鍚堜綘鐨勫紑浠撶幆澧冦€?/small> </div> </aside> <section class="panel result-panel"> <div id="emptyState" class="empty"> <h2>杈撳叆鑲＄エ浠ｇ爜寮€濮嬭绠?/h2> <p>绀轰緥锛?02643銆傜粨鏋滀細鏄剧ずA0銆丄5銆佸綋鏃A5銆佹鏃ラ浼癕A5鍜屼袱涓氦鏄撲綅缃€?/p> </div> <div id="result" class="hidden"> <div class="stock-title"> <div> <span id="stockName" class="stock-name"></span> <span id="stockMeta" class="stock-meta"></span> </div> <span id="tradeDate" class="date-pill"></span> </div> <div class="price-focus"> <div><span>娆℃棩棰勪及MA5</span><strong id="tomorrowMa5"></strong></div> <div><span>浣庡惛浠?/span><strong id="lowPrice"></strong></div> <div><span>婵€杩涗环</span><strong id="highPrice"></strong></div> </div> <div class="metric-grid"> <div><span>A0浠婃棩鏀剁洏</span><strong id="a0"></strong></div> <div><span>A5鍓?鏃ユ敹鐩?/span><strong id="a5"></strong></div> <div><span>褰撴棩MA5</span><strong id="ma5"></strong></div> <div><span>褰撴棩MA8</span><strong id="ma8"></strong></div> <div><span>褰撴棩娑ㄥ箙</span><strong id="changePct"></strong></div> <div><span>閲忔瘮</span><strong id="volumeRatio"></strong></div> </div> <div class="checks"> <div id="checkRise"></div> <div id="checkVolume"></div> <div id="checkMa5"></div> <div id="checkMa8"></div> </div> <div class="note"> <strong>浜ゆ槗绾緥鍙傝€?/strong> <p id="suggestion"></p> <p id="riskLine"></p> </div> <details id="klineDetails" class="kline-box"> <summary> <span>鏌ョ湅鏃</span> <small>绾㈡定缁胯穼锛屽寘鍚玀A5銆丮A10鍜屾垚浜ら噺</small> </summary> <div class="chart-toolbar"> <span id="chartTitle">鏃</span> <span class="legend red">涓婃定</span> <span class="legend green">涓嬭穼</span> <span class="legend ma5">MA5</span> <span class="legend ma10">MA10</span> </div> <div class="chart-wrap"> <canvas id="klineCanvas" width="920" height="520"></canvas> </div> <div id="klineInfo" class="kline-info"></div> </details> </div> </section> </section> <section class="panel scanner"> <div class="scanner-head"> <div> <h2>绛栫暐鎵弿</h2> <p>鎸夋定骞?%-5%銆侀噺姣斿ぇ浜?銆丮A5杩炵画涓婅杩囨护鍊欓€夎偂銆?/p> </div> <button id="scanBtn">鎵弿鍊欓€夎偂</button> </div> <div id="scanStatus" class="scan-status">灏氭湭鎵弿</div> <div class="table-wrap"> <table> <thead> <tr> <th>浠ｇ爜</th> <th>鍚嶇О</th> <th>娑ㄥ箙</th> <th>閲忔瘮</th> <th>棰勪及MA5</th> <th>浣庡惛</th> <th>婵€杩?/th> <th>瓒嬪娍</th> </tr> </thead> <tbody id="scanBody"></tbody> </table> </div> </section> </main> <script src="./script.js"></script> </body> </html>