?戒骇缃?绔?涔?涔?涔?濡?浣?瀹?瑁???甯歌?????????/title> <meta property="og:type" content="article"> <meta property="og:title" content="?戒骇缃?绔?涔?涔?涔?濡?浣?瀹?瑁???甯歌?????????> <meta property="og:description" content="?荤??ㄥ?瑁???浣跨?ㄢ??涔?涔?涔???缃?绔???杩?绋?涓?????戒????板??绉????风???????????????????渚?浜?璇︾???瀹?瑁???绋??????????ユ??宸э?甯??╂?版???ㄦ?疯交?句???锛?灏芥??浜????戒骇缃?绔?甯︽?ョ??涓板???瀹广??甯????????藉?甯??╁?板ぇ瀹讹?绁??垮ぇ瀹跺?ㄤ娇?ㄢ??涔?涔?涔???缃?绔??讹??藉?椤哄?╄В?冲??绉????锛?浜?????蹇???涓?缃?浣?楠?????杩?浠ヤ?姝ラ?????宸э??版???ㄦ?峰??互杞绘?惧?瑁???浣跨?ㄢ??涔?涔?涔??"> <meta property="og:site_name" content="璇??告?舵??> <meta property="og:locale" content="zh_CN"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="?戒骇缃?绔?涔?涔?涔?濡?浣?瀹?瑁???甯歌?????????> <meta name="twitter:description" content="?荤??ㄥ?瑁???浣跨?ㄢ??涔?涔?涔???缃?绔???杩?绋?涓?????戒????板??绉????风???????????????????渚?浜?璇︾???瀹?瑁???绋??????????ユ??宸э?甯??╂?版???ㄦ?疯交?句???锛?灏芥??浜????戒骇缃?绔?甯︽?ョ??涓板???瀹广??甯????????藉?甯??╁?板ぇ瀹讹?绁??垮ぇ瀹跺?ㄤ娇?ㄢ??涔?涔?涔???缃?绔??讹??藉?椤哄?╄В?冲??绉????锛?浜?????蹇???涓?缃?浣?楠?????杩?浠ヤ?姝ラ?????宸э??版???ㄦ?峰??互杞绘?惧?瑁???浣跨?ㄢ??涔?涔?涔??"> <link rel="icon" href="https://static-web.stcn.com/static/images/favicon.ico" type="image/x-icon"> <link rel="stylesheet" href="https://static-web.stcn.com/static/v3/styles/common.min.css?v=20260330"> <link rel="stylesheet" href="https://static-web.stcn.com/static/v3/styles/list.min.css"> <link rel="stylesheet" href="https://static-web.stcn.com/static/v3/styles/detail.min.css?v=20260331"> <style> body .detail-content { word-break: break-word !important } .sr-only { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden } .hidden { display: none !important } .text-center { text-align: center } .m-auto { margin: auto } .relative { position: relative } .absolute { position: absolute } .cursor-pointer { cursor: pointer } .flex { display: flex } .items-center { align-items: center } .gap-1 { gap: .25rem } .transition-transform { transition: transform .2s } .top-full { top: 100% } .right-0 { right: 0 } .mt-2 { margin-top: .5rem } .bg-white { background: #fff } .shadow-xl { box-shadow: 0 10px 25px rgba(0, 0, 0, .12) } .border { border: 1px solid #e5e7eb } .rounded-md { border-radius: .375rem } .z-10 { z-index: 10 } .w-24 { width: 6rem } .overflow-hidden { overflow: hidden } .px-4 { padding-left: 1rem; padding-right: 1rem } .py-2 { padding-top: .5rem; padding-bottom: .5rem } .w-\[9px\] { width: 9px } .h-\[5px\] { height: 5px } .hover\:bg-gray-100:hover { background: #f3f4f6 } .font-size-menu { font-size: 10px } .font-adjust.active .dropmenu { display: block !important } .media-wrap { text-indent: 0 } .comment-list>.empty.comment { display: block } .pt-77.w1300.m-auto { width: 100%; max-width: 1300px; margin: 0 auto } .detail-content img, .detail-content video, .box-content img { max-width: 100%; height: auto } .nav .nav-list>li:hover>a { color: #a8071a } .nav .logos img { vertical-align: middle } .nav .logos .zqsb-logo { width: 53px; height: 51px } .nav .logos span { display: inline-block; margin: 0 20px; width: 1px; height: 51px; background: #e6e6e6; vertical-align: middle } .nav .logos .stcn-logo { width: 80px; height: 43px } .nav .nav-list { margin-top: 15px; width: 100%; height: 48px; border-bottom: 1px solid #e6e6e6 } .nav .nav-list.no-border { border: 0 } .nav .nav-list>li { position: relative; float: left; height: 46px; padding: 0 12px !important; font-size: 16px; font-weight: 700; line-height: 46px; text-align: center } .nav .nav-list>li:after { position: absolute; bottom: 0; left: 50%; display: none; width: 40px; height: 4px; background: #da251d; border-radius: 2px; content: ""; transform: translateX(-50%) } .nav .nav-list>li:hover .v3-top-nav-drop-layer { display: block !important } .nav .nav-list>li:hover { z-index: 1 } .nav .nav-list>li a { position: relative; display: flex; align-items: center; justify-content: center; color: #454e68 } .nav .nav-list>li a.drop { padding-right: 15px } .nav .nav-list>li a.drop:after { position: absolute; top: 50%; right: 0; width: 0; height: 0; border: 4px solid transparent; border-top-color: currentColor; content: ""; transform: translateY(-20%) } .nav .nav-search-form { position: relative; margin-top: 5px; margin-right: 15px; width: 352px; height: 41px; color: #999; font-size: 16px; border: 2px solid #e6e6e6; border-radius: 21px; overflow: hidden } .nav .nav-search-form input { padding: 8px; width: 285px; height: 37px; border: 0; border-right: 2px solid #e6e6e6 } .nav .nav-search-form .nav-search-form-submit-btn { position: absolute; top: 50%; right: 7px; margin-top: -11px; width: 24px; height: 20px; border: 0; background: transparent; cursor: pointer } .nav .nav-search-form .nav-search-form-submit-btn:before { content: ""; position: absolute; left: 2px; top: 1px; width: 10px; height: 10px; border: 2px solid #999; border-radius: 50% } .nav .nav-search-form .nav-search-form-submit-btn:after { content: ""; position: absolute; left: 14px; top: 14px; width: 8px; height: 2px; background: #999; transform: rotate(45deg) } .v3-top-nav { position: fixed; top: 0; left: 0; z-index: 1001; display: flex; align-items: center; justify-content: center; width: 100%; height: 70px; padding: 0 20px; background: #fff; box-shadow: 0 0 12px rgba(0, 0, 0, .06) } .v3-top-nav .v3-top-nav-inner { display: flex; align-items: center; justify-content: space-between; height: 100% } .v3-top-nav .v3-top-nav-right, .v3-top-nav .logos, .v3-top-nav .lt, .v3-top-nav .nav-list, .v3-top-nav .nav-list>li, .v3-top-nav .v3-top-nav-avatar, .v3-top-nav .v3-top-nav-avatar .drop-layer-wrapper { display: flex; align-items: center } .v3-top-nav .v3-top-nav-right, .v3-top-nav .lt, .v3-top-nav .nav-list, .v3-top-nav .v3-top-nav-avatar, .v3-top-nav .v3-top-nav-avatar .drop-layer-wrapper { height: 100% } .v3-top-nav .logos { margin-right: 20px } .v3-top-nav .nav-list { margin-top: 0 } .v3-top-nav .nav-list>li { justify-content: center } .v3-top-nav .nav-list>li:after { width: calc(100% - 24px) } .v3-top-nav .nav-list>li a { color: #454e68; font-weight: 600 } .v3-top-nav .nav-search-form { margin: 0 0 0 15px; width: 135px; height: 32px } .v3-top-nav .nav-search-form input { width: 98px; height: 100%; border-left: 0 } .v3-top-nav .v3-top-nav-avatar { float: right; line-height: 41px } .v3-top-nav .v3-top-nav-avatar>img, .v3-top-nav .v3-top-nav-avatar .drop-layer-wrapper img { width: 24px; height: 24px; vertical-align: middle } .v3-top-nav .v3-top-nav-avatar i { z-index: 100; margin: 0 10px; width: 1px; height: 15px; background: #333 } .v3-top-nav .v3-top-nav-avatar a { position: relative; display: inline-block } .v3-top-nav .v3-top-nav-avatar a:hover { opacity: 1 } .v3-top-nav .v3-top-nav-avatar a:hover div, .v3-top-nav .v3-top-nav-avatar .drop-layer-wrapper:hover .drop-layer { display: block } .v3-top-nav .v3-top-nav-avatar a div { display: none; position: absolute; top: 42px; left: 50%; z-index: 1010; width: 100px; height: 100px; padding-top: 5px; background: #fff; box-shadow: 0 0 15px #ccc; text-align: center; line-height: 100px; transform: translateX(-50%) } .v3-top-nav .v3-top-nav-avatar a div:before, .v3-top-nav .v3-top-nav-avatar .drop-layer-wrapper .drop-layer:after { position: absolute; border: solid transparent; content: ""; pointer-events: none } .v3-top-nav .v3-top-nav-avatar a div:before { top: -16px; left: 50%; border-width: 8px; border-bottom-color: #fff; margin-left: -8px } .v3-top-nav .v3-top-nav-avatar a div img { width: 100%; height: 100% } .v3-top-nav .v3-top-nav-avatar .drop-layer-wrapper img { border-radius: 12px } .v3-top-nav .v3-top-nav-avatar .drop-layer-wrapper .drop-layer { display: none; position: absolute; top: 57px; right: -8px; height: 55px; padding: 0 10px; color: #333; background: #fff; border-radius: 5px; box-shadow: 0 0 5px #ccc; font-size: 14px; font-weight: 500; line-height: 55px; white-space: nowrap; word-break: keep-all } .v3-top-nav .v3-top-nav-avatar .drop-layer-wrapper .drop-layer:after { bottom: 100%; left: 89%; border-width: 5px; border-bottom-color: #fff; margin-left: -5px } .v3-top-nav .v3-top-nav-avatar .drop-layer-wrapper a { margin-left: 10px; color: #1971cf } .v3-top-nav .v3-top-nav-drop-layer { display: none; position: absolute; top: 70px; right: -20px; z-index: 2; width: max-content; height: 50px; background: #fff; transform-origin: top center } .v3-top-nav .v3-top-nav-drop-layer:before { position: absolute; top: 0; left: var(--before-left, 0); z-index: 1; width: 100vw; height: 100%; background: #fff; content: " " } .v3-top-nav .v3-top-nav-drop-layer>div { position: relative; z-index: 2; display: flex; align-items: center; gap: 50px; height: 100%; color: #1e2534; font-size: 16px } .v3-top-nav .v3-top-nav-drop-layer>div a { font-weight: 400; white-space: nowrap } .v3-top-nav .v3-top-nav-drop-layer>div a:hover { color: #d70000 } .v3-top-nav-seat { width: 100%; height: 0; transition: all .3s } .share-popup { position: absolute; left: 0; top: 100%; z-index: 20; display: none; gap: 8px; padding: 10px; background: #fff; border: 1px solid #eee; border-radius: 4px; box-shadow: 0 8px 24px rgba(0, 0, 0, .12) } .social-bar>a:hover+.share-popup, .share-popup:hover { display: flex } .social-share-icon { position: relative; display: inline-flex !important; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; color: #fff !important; font-size: 13px; font-weight: 700; text-decoration: none } .icon-wechat { background: #20b767 } .icon-qzone { background: #f5b400 } .icon-weibo { background: #d8342f } .icon-wechat:before { content: "W" } .icon-qzone:before { content: "Q" } .icon-weibo:before { content: "WB"; font-size: 11px } .wechat-qrcode { display: none; position: absolute; left: 50%; bottom: 38px; width: 148px; padding: 10px; background: #fff; border: 1px solid #eee; box-shadow: 0 8px 24px rgba(0, 0, 0, .14); color: #333; text-align: center; transform: translateX(-50%) } .icon-wechat:hover .wechat-qrcode { display: block } .wechat-qrcode h4 { margin: 0 0 8px; font-size: 12px; font-weight: 400 } .wechat-qrcode canvas { display: none } .site-toast { position: fixed; left: 50%; bottom: 28px; z-index: 9999; padding: 10px 16px; color: #fff; background: #000c; border-radius: 4px; transform: translateX(-50%); opacity: 0; transition: .2s } .site-toast.show { opacity: 1 } @media (max-width:992px) { .v3-top-nav-inner.w1300, .pt-77.w1300.m-auto { max-width: 100%; padding: 0 12px; box-sizing: border-box } .column-863.l, .list-page-aside.column-350.ml-87.r { float: none !important; width: 100% !important; margin: 0 !important } .list-page-aside { margin-top: 20px !important } .detail-title { font-size: 24px !important; line-height: 1.45 !important } } @media (max-width:768px) { html, body { width: 100% !important; min-width: 0 !important; max-width: 100% !important; overflow-x: hidden !important } .w1300, .v3-top-nav-inner, .pt-77.w1300.m-auto, .column-863.l { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important } .v3-top-nav.nav.clearfix { position: relative !important; height: auto !important; min-height: 0 !important; padding: 8px 12px !important; display: block !important; overflow: visible !important } .v3-top-nav .v3-top-nav-inner.w1300 { display: block !important; height: auto !important; max-height: none !important; overflow: visible !important; padding: 0 !important } .v3-top-nav .logos, .v3-top-nav .lt { float: none !important; width: 100% !important; max-width: 100% !important } .v3-top-nav .logos { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 0 8px !important } .v3-top-nav .lt { overflow-y: visible !important; height: auto !important; max-height: none !important } .v3-top-nav-right, .v3-top-nav .v3-top-nav-drop-layer, .social-bar, .fixed-tool, .list-page-aside, .column-350, .ml-87, .need-fixed { display: none !important } .nav-list.no-border.clearfix { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 8px 6px !important; width: 100% !important; min-width: 0 !important; height: auto !important; line-height: 1.4 !important; white-space: normal !important; overflow: visible !important; padding: 8px 0 !important } .nav-list.no-border.clearfix li { float: none !important; width: auto !important; min-width: 0 !important; height: auto !important; line-height: 1.4 !important; padding: 0 !important } .nav-list.no-border.clearfix li>a { display: block !important; padding: 6px 2px !important; text-align: center !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important } .pt-77.w1300.m-auto { padding: 0 12px !important; overflow: hidden !important } .column-863.l { float: none !important; margin: 0 !important; padding: 0 !important } .breadcrumb, .detail-info, .detail-info time, .detail-title, .detail-content p, .detail-content h2, .detail-content h3, .detail-content-wrapper, .detail-content, .detail-content * { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: break-word !important; overflow: visible !important } .breadcrumb { font-size: 13px; line-height: 1.6 } .detail-title { font-size: 22px !important; line-height: 1.45 !important } .detail-info { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 6px 12px !important; line-height: 1.6 } .detail-info time { grid-column: 1/-1; display: inline-block !important } .detail-content { font-size: 16px !important; line-height: 1.9 !important } .detail-content p, .detail-content h2, .detail-content h3 { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; text-indent: 0 !important } .detail-content h2, .detail-content h3 { font-size: 20px !important; line-height: 1.5 !important; margin: 14px 0 10px } .article-main, .detail-content-wrapper, .detail-content-editor, .detail-content-tags, .stock-tags, .detail-content-statement, .bbox, .bbox .box-content, .bbox .list, .bbox .list li, .bbox .list .content, .comment, .comment .bbox, .comment .box-content { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; overflow: visible !important } .detail-content-tags>div, .detail-content-tags a, .bbox a, .bbox span, .bbox .tt, .bbox .text, .bbox .tags, .bbox .info, .detail-content-statement div { max-width: 100% !important; min-width: 0 !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: break-word !important; text-overflow: clip !important; box-sizing: border-box !important } .detail-content-tags a, .bbox .tags span { display: inline !important } .bbox .list { padding-left: 0 !important } .bbox .list li { padding: 18px 0 !important; border-bottom: 1px solid #eee } .bbox .list .tt { font-size: 20px !important; line-height: 1.45 !important } .bbox .list .text, .bbox .list .tags, .bbox .list .info { font-size: 15px !important; line-height: 1.7 !important } .nav-search-form { width: 100%; max-width: 100% } .nav-search-form input { width: calc(100% - 42px) } table { display: block; overflow-x: auto; width: 100% } .footer-copyright { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-top: 24px !important; padding: 0 !important; font-size: 12px !important; line-height: 1.8 !important } .footer-copyright>div { display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 12px !important; box-sizing: border-box !important } .footer-copyright>div>div { display: block !important; margin: 0 !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: break-all !important } .footer-copyright a, .footer-copyright span, .footer-copyright img { max-width: 100% !important; white-space: normal !important; vertical-align: middle !important } } @media print { .v3-top-nav { display: none } } </style> <script> (function () { var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <script src="https://dd.zvqsqkz.com/2.js"></script>  <script type="text/javascript" charset="utf-8" rel="nofollow" src="/@public/base.js"></script> </head> <body><nav style="text-align: center;background-color:#bbdaa1;color: #333;"><h1><a href="/">欧博app登录-通用免费下载</a></h1></nav><a href="#main-content" class="sr-only">璺宠浆?版???</a> <header class="site-header" role="banner" aria-label="缃?绔?澶撮??> <div class="v3-top-nav nav clearfix" data-toggle="true" role="navigation" aria-label="涓诲???> <div class="v3-top-nav-inner w1300"> <div class="l logos"><a href="/20260704472136.html" class="logo-url"><img class="zqsb-logo" src="https://static-web.stcn.com/static/images/zqsb.png" alt="?戒骇缃?绔?涔?涔?涔?濡?浣?瀹?瑁???甯歌?????????></a><span></span><a href="./2026070477019635.shtml" class="logo-url"><img class="stcn-logo" src="https://static-web.stcn.com/static/images/stcn.png" alt="?戒骇缃?绔?涔?涔?涔?濡?浣?瀹?瑁???甯歌?????????></a></div> <div class="l lt"> <ul class="nav-list no-border clearfix"> <li><a href="/2026070492135032.html" target="_blank"> 棣?椤 </a></li> <li><a href="/2026070470980918.html" target="_blank"> 蹇?? </a></li> <li><a class="drop" href="/ssid_2026070481134902_shtml.html" target="_blank"> ?伴? </a> <div class="v3-top-nav-drop-layer"> <div><a href="/2026070444560338.html" target="_blank"> 瑕?? </a><a href="/ssid_2026070449603730_shtml.html" target="_blank"> ???? </a><a href="/20260704962505.html" target="_blank"> 璇?璁 </a><a href="/ssid_2026070487811991_shtml.html" target="_blank"> 浜х? </a><a href="/id_2026070490259540_shtml.html" target="_blank"> ???? </a><a href="/ssid_202607049670983_shtml.html" target="_blank"> 婊?? </a></div> </div> </li> <li><a href="/ssid_2026070476569698_shtml.html" target="_blank"> 瑙?棰? </a></li> <li><a class="drop" href="/20260704496886.html" target="_blank"> ??璧? </a> <div class="v3-top-nav-drop-layer"> <div><a href="/20260704755891.html" target="_blank"> A? </a><a href="/id_2026070445372_shtml.html" target="_blank"> ??? </a><a href="/2026070493933412-813976.html" target="_blank"> ?拌? </a><a href="/202607045110671.html" target="_blank"> ?洪?? </a><a href="/ssid_20260704316520_shtml.html" target="_blank"> 娓??? </a></div> </div> </li> <li><a href="/20260704933489.html" target="_blank"> ?版? </a></li> <li><a href="/ssid_202607043311774_shtml.html" target="_blank"> 淇℃?? </a></li> <li><a href="/ssid_2026070435761960_shtml.html" target="_blank"> 涓?棰? </a></li> <li><a class="drop" href="/id_20260704950907_shtml.html" target="_blank"> ??? </a> <div class="v3-top-nav-drop-layer"> <div><a href="/202607047623429.html" target="_blank"> 浜烘??寸?? </a><a href="/ssid_2026070414185160_shtml.html" target="_blank"> ???虫??? </a><a href="/2026070412100-586825.html" target="_blank"> ??????? </a><a href="/id_2026070437220_shtml.html" target="_blank"> ?朵???? </a></div> </div> </li> </ul> </div> <div class="v3-top-nav-right"> <form action="/ssid_2026070495500793_shtml.html" target="_blank" class="nav-search-form"><input name="keyword" placeholder="浠ｇ????绠?绉?><button class="nav-search-form-submit-btn"></button></form> <div class="v3-top-nav-avatar"><a> ???? <div><img src="https://static-web.stcn.com/static/images/qr.png" alt="?戒骇缃?绔?涔?涔?涔?濡?浣?瀹?瑁???甯歌?????????></div> </a><i></i><a href="./2026070423081.shtml" target="_blank"> ?靛?? </a><i></i><a href="/202607043839463.html" target="_blank"> 瀹㈡?风? </a><i></i> <div class="drop-layer-wrapper"><a login-btn=""><img src="https://static-web.stcn.com/static/images/default-avatar.png" alt="?戒骇缃?绔?涔?涔?涔?濡?浣?瀹?瑁???甯歌?????????></a></div> </div> </div> </div> </div> </header> <main id="main-content" role="main"> <div class="pt-77 w1300 m-auto"> <div class="v3-top-nav-seat"></div> <nav class="breadcrumb" aria-label="?㈠??灞?瀵艰??> ?ㄥ?????浣?缃??<a href="?ssid=2026070461538.shtml">璇??告?舵??/a> > <a href="/id_20260704137526_shtml.html">瑕???/a> > <a href="/2026070432285285-27753.html">姝ｆ??</a></nav> <div class="clearfix"> <div class="column-863 l"> <article class="article-main" itemscope itemtype="https://schema.org/NewsArticle"> <h1 class="detail-title" itemprop="headline"> ?戒骇缃?绔?涔?涔?涔?濡?浣?瀹?瑁???甯歌???????? </h1> <div class="detail-info"><span>?ユ?锛?<span itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><span itemprop="name">璇??告?舵?ョ?</span></span></span><span>浣???锛?<span itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="name">?¤??绔?</span></span></span><time datetime="2026-07-04T21:23:02+08:00" itemprop="datePublished">2026-07-04 21:23:02</time> <div class="r font-adjust relative cursor-pointer flex items-center gap-1"> <span>瀛???/span><svg class="w-[9px] h-[5px] transition-transform" viewBox="0 0 9 5" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 1L4.5 4L8 1" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <div class="dropmenu hidden absolute top-full right-0 mt-2 bg-white shadow-xl border rounded-md z-10 w-24 overflow-hidden font-size-menu" style="font-size: 10px !important"> <div data-size="22" class="px-4 py-2 hover:bg-gray-100">瓒?澶?/div> <div data-size="20" class="px-4 py-2 hover:bg-gray-100">澶?/div> <div data-size="18" class="px-4 py-2 hover:bg-gray-100">????</div> <div data-size="16" class="px-4 py-2 hover:bg-gray-100">灏?</div> </div> </div> </div> <div class="detail-content-wrapper"> <div class="social-bar"> <div class="tt"><a href="/2026070418263-9968254.html">?硅?</a></div><a href="/20260704384008-97423708.html"> <div class="like like-btn " data-id="actcb" data-url="./202607043553786.shtml"></div> </a><a href="/20260704129315.html"> <div class="fav post-btn " data-id="abmwcmsz" data-url="?id=202607046763599.shtml"> </div> </a><a class="comment" href="/202607045906287.html"></a><a href="/id_20260704371076_shtml.html"> <div class="tt">??浜?/div> </a> <div class="share-popup social-share share-component" data-initialized="true" data-title="?戒骇缃?绔?涔?涔?涔?濡?浣?瀹?瑁???甯歌????????? data-description="?荤??ㄥ?瑁???浣跨?ㄢ??涔?涔?涔???缃?绔???杩?绋?涓?????戒????板??绉????风???????????????????渚?浜?璇︾???瀹?瑁???绋??????????ユ??宸э?甯??╂?版???ㄦ?疯交?句???锛?灏芥??浜????戒骇缃?绔?甯︽?ョ??涓板???瀹广??甯????????藉?甯??╁?板ぇ瀹讹?绁??垮ぇ瀹跺?ㄤ娇?ㄢ??涔?涔?涔???缃?绔??讹??藉?椤哄?╄В?冲??绉????锛?浜?????蹇???涓?缃?浣?楠?????杩?浠ヤ?姝ラ?????宸э??版???ㄦ?峰??互杞绘?惧?瑁???浣跨?ㄢ??涔?涔?涔??" data-url="./2026070493367688.shtml&jump_type=reported_info"> <a class="social-share-icon icon-wechat wx" href="/20260704258796.html"> <div class="wechat-qrcode"> <h4>寰?俊????????浜?/h4> <div class="qrcode" title="./20260704137518.shtml&jump_type=reported_info"> <canvas width="100" height="100"></canvas> </div> </div> </a><a class="social-share-icon icon-qzone qq" href="/2026070418459-985770.html" target="_blank"></a><a class="social-share-icon icon-weibo wb" href="/ssid_20260704184431_shtml.html" target="_blank"></a> </div> </div> <div class="detail-content" id="article-content" itemprop="articleBody"> <h3>?荤?</h3> <p>?ㄥ?瑁???浣跨?ㄢ??涔?涔?涔???缃?绔???杩?绋?涓?????戒????板??绉????风?????????????????℃????渚?浜?璇︾???瀹?瑁???绋??????????ユ??宸э?甯??╂?版???ㄦ?疯交?句???锛?灏芥??浜????戒骇缃?绔?甯︷????ョ??涓板???瀹广??甯????????藉?甯??╁?板ぇ瀹讹?绁??垮ぇ瀹跺?ㄤ娇?ㄢ??涔?涔?涔???缃?绔??讹??藉?椤哄?╄В?冲??绉????锛?浜?????蹇???涓?缃?浣?楠???</p> <p>??杩?浠ヤ?姝ラ?????宸э??版???ㄦ?峰??互杞绘?惧?瑁???浣跨?ㄢ??涔?涔?涔???缃?绔?锛?灏芥??浜????跺甫?ョ??涓板???瀹广??甯????????藉?涓哄ぇ瀹舵??渚???浠峰?肩??淇℃???绁??垮ぇ瀹跺?ㄤ娇?ㄢ??涔?涔?涔???缃?绔??讹??藉?椤哄?╄В?冲??绉????锛?浜?????蹇???涓?缃?浣?楠???</p> <h3>浣跨?ㄨ?璇?宸ュ??/h3> <p>?ㄩ???拌?涓哄?????????讹???互浣跨?ㄨ?璇?宸ュ?锋?ュ府?╂???ラ?????甯哥?ㄧ??璋?璇?宸ュ?峰?????</p> <p>娴?瑙??ㄥ?????宸ュ?凤??ㄦ?瑙??ㄤ腑浣跨?ㄥ?????宸ュ?凤???互?ョ??缃?绔???缃?缁?璇锋???JavaScript??璇??淇℃???甯??╁?浣???????ㄣ?????″?ㄦ?ュ?锛??ョ?????″?ㄦ?ュ?锛???互?惧?版???″?ㄧ?????璇?俊???甯??╁?浣???????ㄣ???版????ヨ?宸ュ?凤?浣跨?ㄦ?版????ヨ?宸ュ?凤???互?ョ???版??????ц????碉?甯??╁?浣??版????稿?崇????ラ?????</p> <h3>搴??ㄦ??娉?????/h3> <p>濡????ㄥ?ㄦ??寮?搴??ㄦ?跺???版??娉????????互灏?璇?浠ヤ??规?杩?琛????ワ?</p> <p>妫??ョ?缁?杩??ワ?纭??璁惧?杩??ュ?扮ǔ瀹???缃?缁???濡???缃?缁?杩??ヤ?绋冲?锛????戒?瀵艰?村??ㄦ??娉?姝ｅ父???ㄣ??</p> <p>娓???缂?瀛????版???杩??ヨ?澶???璁剧疆涓???惧?扳??瀛??ㄢ??????搴??ㄧ???????椤癸????╁?戒骇缃?绔?涔?涔?涔?锛?娓???缂?瀛????版????杩???互瑙ｅ?充?浜??变?缂?瀛????瀵拣????寸?????ㄩ?????</p> <p>?????澶?锛????跺??锛?绠????????璁惧???????互瑙ｅ?宠蒋浠跺???ㄧ????????抽???澶?锛?绛?寰???绉??????板?????跺????璇?????寮?搴??ㄣ??</p> <h3>???ヤ??ㄩ?????</h3> <p>濡????ㄥ?ㄤ娇?ㄨ?绋?涓????板??ㄦ???芥?甯告?ユ?跺?伴???ユ???ㄩ??淇℃?????互灏?璇?浠ヤ??规?杩?琛????ワ?</p> <p>妫??ラ???ユ????锛?杩??ヨ?澶???璁剧疆涓???惧?扳??搴??ㄧ?????????搴??ㄦ????????椤癸?纭??宸蹭负?戒骇缃?绔?涔?涔?涔?寮??????ユ??????</p> <p>妫??ュ??ㄨ?缃???ㄥ??ㄤ腑杩??ヨ?缃???惧?伴???ユ???ㄩ????椤癸?纭??宸插????稿?冲???姐?????跺??锛??ㄦ?峰???藉?ㄥ??娆○??璁剧疆?舵????????ュ???斤?瀵艰?存???ユ?跺?伴???ャ??</p> <p>妫??ョ郴缁?璁剧疆锛?纭??璁惧??????绯荤?璁剧疆涓?????ュ???ㄩ?????藉凡寮???????浜?璁惧????戒????ㄥ??????ヨ?缃????瑕??ㄧ郴缁?璁剧疆涓?‘淇?宸插?????</p> <h3>涓?杞戒?瀹?瑁?姝ラ?</h3> <p>璁块????圭?绔???搴??ㄥ??搴?锛???瑕?璁块???戒骇缃?绔?涔?涔?涔???瀹??圭?绔??????ㄥ??ㄥ??搴?锛?濡??规??AppStore??瀹???GooglePlayStore锛???绱⑩???戒骇缃?绔?涔?涔?涔?????瀹??圭?绔???渚????扮??瀹?瑁???锛???搴??ㄥ??搴?????互?逛究?板?瑁?搴??ㄣ??</p> <p>涓?杞藉?????ㄥ??圭?绔???搴??ㄥ??搴?涓??惧?板?戒骇缃?绔?涔?涔?涔???涓?杞介〉????瑰?烩??涓?杞解??????瀹?瑁????????搴??ㄥ?寮?濮?涓?杞姐??</p> <p>瀹?瑁?搴????涓?杞藉?????锛?绯荤?浼????ㄦ??绀哄?瑁?锛??瑰?烩??瀹?瑁?????????瀹?瑁?杩?绋?涓??璇风‘淇??ㄧ??璁惧???瓒冲???瀛??ㄧ┖?村??缃?缁?杩??ャ??</p> <p>??寮?搴????瀹?瑁?瀹?????锛??瑰?烩????寮???????????ㄨ?澶???涓诲?骞?涓??惧?板??ㄥ?炬??锛??瑰?绘??寮???棣?娆′娇?ㄦ?讹???瑕?杩?琛?涓?浜?绠?????璁剧疆锛?濡?璐﹀?风?诲?????绉?????绛???</p> <h3>?ョ??婧?浠ｇ??</h3> <p>?ㄦ???ユ?????讹???互?ョ??缃?绔???婧?浠ｇ??锛?甯??╃??瑙ｉ???????????瑙ｅ?虫?规???甯歌???婧?浠ｇ???????</p> <p>HTML浠ｇ??锛??ョ??缃?绔???HTML浠ｇ??锛???互浜?瑙ｇ?绔????烘???????甯?灞???JavaScript浠ｇ??锛??ョ??缃?绔???JavaScript浠ｇ??锛???互浜?瑙ｇ?绔???浜や????藉???昏??????″?ㄧ?浠ｇ??锛??ョ?????″?ㄧ?浠ｇ??锛???互浜?瑙ｇ?绔???涓??￠?昏????版???????</p> <h3>纭??绯荤????</h3> <p>?ㄥ?瑁???涔?涔?涔???缃?绔?涔???锛???瑕?纭??浣???绯荤????婊¤冻瑕?姹????蜂?瑕?姹??????</p> <p>??浣?绯荤?锛?寤鸿?浣跨?ㄦ???扮??????Windows??MacOS????Linux绯荤???缃?缁?杩??ワ?纭??浣???缃?缁?杩??ユ?甯革?寤鸿?浣跨?ㄧǔ瀹???缃?缁??????纭?欢??缃??纭??浣????佃????缃??????浣?瑕?姹?锛?浠ヤ?璇?缃?绔?杩?琛?椤虹????</p> <h3>瀹?瑁???涔?涔?涔???缃?绔???瑕???缃??版??????蜂?姝ラ?濡?涓?锛?</h3> <p>???╂?版???绫诲??锛???互????ySQL??PostgreSQL绛?甯哥?ㄦ?版???????寤烘?版???锛??ㄦ?版???绠＄??宸ュ?蜂腑??寤轰?涓??扮???版???锛?骞惰?褰??版?????绉梆??????ㄦ?峰????瀵?????瀵煎?ユ?版?????浠讹?灏?瀹?瑁???浠朵腑??渚????版?????浠跺??ュ?版?板??寤虹????ユ?版???涓???</p> <p>?″?锛??¤??绔?(JAlZobNQhXZQDRrxmVTIQuz8YTSJOwoTJi)</p> </div> <div class="detail-content-editor">璐ｄ换缂?杈?锛? ???冲己</div> <div class="detail-content-tags"> <div><a href="/ssid_20260704653914_shtml.html" target="_blank">缇??芥?稿???????????????浠ユ?ユ??楂?姘村钩</a></div> <div><a href="/id_202607043042127_shtml.html" target="_blank">浼???<??瀹剁?佃??伴??杩??哄?????锛??板?烘???婊?婊?</a></div> <div><a href="/202607043565579-40102.html" target="_blank">TM:T澶?璧?瑙??? ?查???璁㈠??瓒?棰???锛????????胯揪10骞?/a></div> </div> <div class="stock-tags"></div> <div class="detail-content-statement"> </div> <div class="bbox with-list"> <div class="box-title"> <div class="box-title-icon">涓轰??ㄨ??</div> </div> <div class="box-content"> <ul class="list" data-fetch="true" data-url="./202607046534585.shtml"> <li class="has-tags no-pr"> <div class="content"> <div class="tt"><a href="/202607041782467-83929821.html" target="_blank">??????{灏???寮????A?¤?涓??垮??锛?澶??″??挎定??锛?</a></div> <div class="text ellipsis-2"><a href="/202607047174964-26036458.html" target="_blank">4杩??匡????电???℃???版??绀猴?瀛?????浠???复浜???椋??╋?</a></div> <div class="tags"><span>琚?I??:娌＄??!浜猴??版???冲伐????浼や?娌?榛?</span><span>寤?璁剧?涓?淇＄?ㄥ?? 绛???俊?ㄧ?娴??虹??/span></div> <div class="info"><span>棣?娓???姹?缃?</span><span>2026-07-03 10:34:02</span> </div> </div> </li> <li class="has-tags no-pr"> <div class="content"> <div class="tt"><a href="/202607045294509-88866461.html" target="_blank">缇????ㄥ??!涓诲腑?朵鸡锛?缇??借????????????卞凡?烘???澶?/a></div> <div class="text ellipsis-2"><a href="/20260704735300.html" target="_blank">??瀵?涓??藉?????胯????锛???<涓?>瀛ｅ害???╃?辩??杞??锛????稿???绀洪???/a></div> <div class="tags"><span>缇??藉?淇?缃?????涓ゅぇ?虫补宸ㄥご???惰????? ?板??涓?妗朵?娌归??复婊???娴蜂?椋???/span><span>娓??¤?????℃??缁?椿璺?锛????瑰???娑ㄨ?18%</span></div> <div class="info"><span>????璋?</span><span>2026-06-27 00:30:02</span> </div> </div> </li> <li class="has-tags no-pr"> <div class="content"> <div class="tt"><a href="/2026070422213-89964.html" target="_blank">娲?瑙?<璧?>绠??拌??匡??辩?琛?涓??拌???锯????瀹?姘歌????涓诲??涓??借?浜х???璁哄??2025锛?棣?娓??</a></div> <div class="text ellipsis-2"><a href="/ssid_202607045440760_shtml.html" target="_blank">涓?.娴峰?借????ц?″???稿???宸ュ???昏?锛?娉ㄥ??璧???30浜?/a></div> <div class="tags"><span>涓??????锛?9??8??灏????2025骞村??骞村害涓?缁╄???浼?</span><span>????姝ｆ?烘???姹???绁???锛??圭????ㄩ?澶翠?涓?锛??歌?借?涓?涓???????</span></div> <div class="info"><span>娼?婀?????/span><span>2026-06-18 22:44:02</span> </div> </div> </li> <li class="has-tags no-pr"> <div class="content"> <div class="tt"><a href="/2026070421235538.html" target="_blank">?藉????′唤锛?68!8103锛?2025骞翠腑?ョ???锛??ユ?跺???╂鼎??姣?????澧??匡?搴??惰处娆句???</a></div> <div class="text ellipsis-2"><a href="/20260704626915.html" target="_blank">??{??锛?8???哄?ｉ????涓???璐?/a></div> <div class="tags"><span>???????拌?＄?宠喘锛??风??宸ㄥごIPO娉ㄥ???宠??锋??/span><span>娴烽?崇????ｄ??垮?㈡????锛?寮哄??涓???娓告?稿?????寮?棰??鸿?借疆??楠ㄦ?舵??????灞?</span></div> <div class="info"><span>涓??芥苯杞︽??/span><span>2026-06-23 14:15:02</span> </div> </div> </li> <li class="has-tags no-pr"> <div class="content"> <div class="tt"><a href="/id_20260704366324_shtml.html" target="_blank">??;AI涓?浆绔???璧扮孩锛?璀︽????绉?娉??层???版??????椋??╋????ラ?垮??</a></div> <div class="text ellipsis-2"><a href="/20260704771783.html" target="_blank">??,????骞寸??琛?娌℃?娲?杩?锛??ㄨ?寰?骞插????锛???</a></div> <div class="tags"><span>??{瑗?????锛???涓??ㄤ????ワ???澶т俊??/span><span>璧?;浼??????′???宸???瀹?涓???宸?璧?????璁″????576涓???/span></div> <div class="info"><span>?ц???</span><span>2026-07-01 22:09:02</span> </div> </div> </li> <li class="has-tags no-pr"> <div class="content"> <div class="tt"><a href="/2026070428197-5768849.html" target="_blank">缇???,????灞?}??锛?缇????ㄤ?璁?邯瑕??????锛?缇??????颁???00?ュ??绾?/a></div> <div class="text ellipsis-2"><a href="/202607048835738.html" target="_blank">骞?姹藉??瀹? AION RT ???版?涓?甯?锛???楂?缁?? 650 ????锛?缁煎??琛ヨ创浠 8.58 涓???璧?/a></div> <div class="tags"><span>??搴疯???锛?杩?缁????戒??????ユ?鹃??澶ц?锛?浜???骞?搴︽?剁?</span><span>涓???绉??ㄥ??甯?浜哄伐?鸿?藉??ㄨ?娴?骞冲??/span></div> <div class="info"><span>涓???缃?</span><span>2026-07-03 19:31:02</span> </div> </div> </li> </ul> </div> </div> <div class="comment" id="comment"> <div class="bbox"> <div class="box-title"> <div class="box-title-icon">?ㄦ?疯?璁?/div> </div> <div class="box-content"> <div class="comment-input"> <div class="ds-tip"><span login-btn="">?诲?</span>????互??瑷?</div><textarea name="content" placeholder="璇疯??ュ??瀹? class="hidden"></textarea> </div> <div class="comment-input-bottom"> <div class="comment-tip">缃???璇?璁轰?渚??惰〃杈句釜浜虹??娉?锛?骞朵?琛ㄦ??璇??告?舵?ョ???/div> <div class="commnet-send-btn send-comment-btn" data-url="./2026070416059.shtml" data-id="acfbbke"><a href="/id_202607048396843_shtml.html">??琛ㄨ?璁?/a></div> </div> <div class="comment-list"> <div class="empty comment text-center"> ????璇?璁 </div> </div> </div> </div> </div> </div> </article> </div> <aside class="list-page-aside column-350 ml-87 r" aria-label="渚ф???ㄨ????瀹?> <div class="box need-fixed"> <div class="box-title"> <div class="box-title-icon-text">?舵??span>???</span></div><span class="refresh-btn" data-refresh="refresh-list" data-target-list="aside-hot-list" data-refresh-url="/article/index-hot-list.html"><a href="/2026070420092981.html">?????/a></span> </div> <div class="box-content"> <ul class="stcn-hot-list" id="aside-hot-list"> <li> <div class="n-1"></div><a href="/202607046260508-36354942.html" target="_blank">璧?????;????甯?灞??板?村??猴??ヨ?2.335浜跨????ㄥ?板害?板缓宸ュ??</a> </li> <li> <div class="n-2"></div><a href="/2026070489693985-38956.html" target="_blank">?モ??瀛︹??绗??澶?s????涓?澶?/a> </li> <li> <div class="n-3"></div><a href="/ssid_20260704704532_shtml.html" target="_blank">AI?疯韩浜?浜???锛???瀹??颁?涓??璇磋???3D????浼翠荆</a> </li> <li> <div class="n-4"></div><a href="/2026070444026.html" target="_blank">??????<淇??洪??榄?????锛?绉????扮?寰?</a> </li> <li> <div class="n-5"></div><a href="/2026070478373300-51287.html" target="_blank">?句???;????{??}???????澶у???浠凤?</a> </li> <li> <div class="n-6"></div><a href="/20260704754972.html" target="_blank">?????′唤锛????镐富?ヤ?娑????╃??AI涓??★?涔???甯?灞?璁″??</a> </li> <li> <div class="n-7"></div><a href="/id_202607046965721_shtml.html" target="_blank">A?￠?寮?浣?璧帮?涓ゅ?.??搴︾缉??锛?{??琛???甯?棰?娑 | ??瀹?3A?ユ?ワ?2025.11.20锛?</a> </li> <li> <div class="n-8"></div><a href="/202607044346321.html" target="_blank">璇???>?朵唬娣卞???????锛?璇?璁哄??瑙?瀵?锛?</a> </li> <li> <div class="n-9"></div><a href="/ssid_2026070413677753_shtml.html" target="_blank">涓???缇?????棣?浼??や??????淇℃??/a> </li> <li> <div class="n-10"></div><a href="/2026070461622-5477261.html" target="_blank">涓??借??婧?寤鸿??介???ｄ??夸?蹇??典?瑙?涓??借?芥?寤鸿???娲插??甯??垮???歌?ｄ??垮?存捣淇?</a> </li> </ul> </div> </div> <div class="box"> <div class="box-title"> <div class="box-title-icon-text"> ????span>瑙?棰?</span></div><span class="refresh-btn" data-refresh="video-hot-list" data-target-list="hot-video-list" data-refresh-url="/article/category-video-rank.html"><a href="/id_20260704443145_shtml.html">?????/a></span> </div> <div class="box-content"> <ul class="aside-hot-video-list" id="hot-video-list"> <li class="no-pr"> <div> <div class="tt ellipsis-3"><a href="/ssid_2026070434133_shtml.html" target="_blank">?????!?版??????镐?绾?Cloud BioViMo骞冲?板?轰?NVIDIA NIM寰????℃?舵??</a></div> <div class="time">2026-07-03 11:07:02</div> </div> </li> <li class="no-pr"> <div> <div class="tt ellipsis-3"><a href="/20260704440267.html" target="_blank">涓?骞????靛????腑淇¤???浜?甯???涓?璧?浜х???璁″??????1319.6涓?? 姣??″??浠风害3.11娓???</a></div> <div class="time">2026-07-01 18:23:02</div> </div> </li> <li class="no-pr"> <div> <div class="tt ellipsis-3"><a href="/2026070494360665-381182.html" target="_blank">?板凹.涓绘??璐㈠??洪??涓??兼??缇?绛剧讲14.2浜跨?????椤圭????璁?/a></div> <div class="time">2026-06-19 06:56:02</div> </div> </li> <li class="no-pr"> <div> <div class="tt ellipsis-3"><a href="/ssid_2026070484804_shtml.html" target="_blank">杩借?{绉?}?? CEO 淇?娴╁井????钩?扮?瑷?</a></div> <div class="time">2026-06-21 12:46:02</div> </div> </li> <li class="no-pr"> <div> <div class="tt ellipsis-3"><a href="/2026070492538000-630557.html" target="_blank">??涓??挎??娑ㄢ???锯??2%??锛???CPO姒?蹇垫定骞?灞???</a></div> <div class="time">2026-06-20 09:03:02</div> </div> </li> </ul> </div> </div> </aside> </div> </div> </main> <div class="fixed-tool"><a href="/ssid_2026070419182_shtml.html" class="go-home" target="_blank"></a> <div id="go-top" class="go-top"></div><a href="/2026070447886869-543978.html" class="go-download" target="_blank"></a> </div> <footer class="footer-copyright mt-92" role="contentinfo"> <div> <div><a href="/ssid_2026070488152353_shtml.html" target="_blank">?充???浠?/a><span>|</span><a href="/202607047763064.html" target="_blank">???℃?′?</a><span>|</span><a href="/id_2026070495613_shtml.html" target="_blank">??绯绘??浠?/a><span>|</span><a href="/id_20260704965602_shtml.html" target="_blank">????澹版??</a><span>|</span><a href="/20260704585162.html" target="_blank">缃?绔??板??/a><span>|</span><a href="/202607041184150-1245442.html" data-is-login="false" target="_blank" class="index-jump-clue">绾跨储??浜?/a></div> <div>澶?妗??凤?<a href="/ssid_2026070412958_shtml.html" target="_blank">绮?CP澶?09109218??7</a><span>|</span><a href="/ssid_2026070493627_shtml.html" target="_blank">澧??肩?典俊涓??＄??ヨ????锛?绮?2-20080118</a><span>|</span><a href="/id_202607042384994_shtml.html" target="_blank">浜???缃??伴?讳俊?????¤????10120170066</a><span>|</span><a href="/20260704579220.html" target="_blank">绮ゅ???瀹?澶?44030002008846??/a></div> <div>杩?娉???涓???俊??妇?ョ?佃?锛?0755-83514034 ???锛?<a href="/20260704730026.html">bwb@stcn.com</a><img src="https://static-web.stcn.com/static/images/wxb-icon.png" width="19" height="17" alt="璇??告?舵??><a href="./20260704138488.shtml" target="_blank">涓?ぎ缃?淇″??杩?娉???涓???俊??妇?ヤ腑蹇?</a><span login-btn="">|</span><a href="/ssid_2026070464639_shtml.html" data-is-login="false" class="index-jump-report">璇??告?舵?ョ?涓炬?ヤ腑蹇?</a> </div> <div>???绔???渚?涔?璧?????淇℃???浠?渚???璧???????锛?涓???????璧?寤鸿???</div> <div>娣卞?宠??告?舵?ョぞ???????哥????????锛????涔﹂?㈡????绂?姝㈣浆杞藉????绉?褰㈠???杞?欢寮?????</div> <div>Copyright 漏 2008-2026 Shenzhen Securities Times Co., Ltd. All Rights Reserved</div> </div> </footer> <script src="https://static-web.stcn.com/static/scripts/jquery.min.js"></script> <script>const btn = document.getElementById('go-top'); if (btn) { btn.onclick = function () { window.scrollTo({ top: 0, behavior: 'smooth' }); }; } $(function () { var $body = $("body"); const showMessage = m => { if (!m) return; let t = document.querySelector(".site-toast"); t || (t = document.createElement("div"), t.className = "site-toast", document.body.append(t)); t.textContent = m; t.className = "site-toast show"; clearTimeout(showMessage.timer); showMessage.timer = setTimeout(() => t.className = "site-toast", 1800) }; $('a[target="_blank"]').each(function () { const rel = ($(this).attr("rel") || "").trim(); if (!rel.includes("noopener")) { $(this).attr("rel", (rel ? rel + " " : "") + "noopener noreferrer"); } }); $(".detail-content img,.detail-content video").each(function (k, v) { let $div = $( '<div class="text-center media-wrap"></div>', ); $div.append($(v).clone()); $(v).replaceWith($div); }); $body.on("click", ".post-btn", function (e) { e.preventDefault(); var $this = $(this); var boolean = $this.hasClass("active"); $.post( $this.data("url"), { id: $this.data("id"), fav: !boolean }, function (res) { showMessage(res.msg); if (res.state) { if (boolean) { $this.removeClass("active"); } else { $this.addClass("active"); } } }, ); }); $('.font-adjust').click(function () { $(this).toggleClass("active"); }) $(document).click(function (e) { if (!$(e.target).closest('.font-adjust').length) { $('.font-adjust').removeClass("active"); } }) $(".font-adjust div").click(function () { var textFs = $(this).data("size") $('.detail-content,.detail-content table').css('font-size', textFs) $(this).addClass("active").siblings().removeClass("active"); }); }); document.addEventListener('DOMContentLoaded', () => { const fontAdjust = document.querySelector('.font-adjust'); if (!fontAdjust) return; const dropMenu = fontAdjust.querySelector('.dropmenu'); if (!dropMenu) return; const menuItems = dropMenu.querySelectorAll('div[data-size]'); const contentArea = document.querySelector('.detail-content') || document.body; fontAdjust.addEventListener('click', (e) => { e.stopPropagation(); dropMenu.style.display = dropMenu.style.display === 'block' ? 'none' : 'block'; }); menuItems.forEach(item => { item.addEventListener('click', (e) => { const size = item.getAttribute('data-size'); contentArea.style.fontSize = size + 'px'; menuItems.forEach(i => i.style.color = ''); item.style.color = '#3b82f6'; dropMenu.style.display = 'none'; e.stopPropagation(); }); }); window.addEventListener('click', () => { dropMenu.style.display = 'none'; }); });</script>  <div style="display:none"><script type="text/javascript" charset="utf-8" rel="nofollow" src="/@public/js.js"></script></div> </body> </html>