锘?!DOCTYPE html>
鐏忔氨鍠掗敍灞肩箽闂勨晝绮＄痪顏冩眽娑擃亙姹夋稉濠氥€?/title>
<meta name="description" content="娣囨繈娅撶紒蹇曢偗娴滄亽鈧胶绨跨€涳附妲﹂悶鍐х箽鐎规艾鐓勭敮鍌欏瘜閻炲棔姹夐敓?楠炴潙绶遍崚鏉挎倱閿?>
<meta name="keywords" content="鐏忔氨鍠?瀵版鍩岄崥灞筋劅,娑擃亙姹夋稉濠氥€?鐎涳缚绡?閹存劙鏆?娣囨繈娅?>
<!-- 瀵邦喕淇?閺堝寮搁崷鍫濆瀻娴滎偄宕遍敓?Open Graph 閺嶅洨顒?-->
<meta property="og:title" content="鐏忔氨鍠掗敍灞肩箽闂勨晝绮＄痪顏冩眽娑擃亙姹夋稉濠氥€?>
<meta property="og:description" content="娣囨繈娅撶紒蹇曢偗娴滄亽鈧胶绨跨€涳附妲﹂悶鍐х箽鐎规艾鐓勭敮鍌欏瘜閻炲棔姹夐敓?楠炴潙绶遍崚鏉挎倱閿?>
<meta property="og:image" content="https://www.mtyjx.cn/logo.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:url" content="https://www.mtyjx.cn/dedao/sx/">
<meta property="og:type" content="website">
<meta property="og:site_name" content="閻氼偄銇旀ィ鎵翱鐎涳附妲﹂敓?>
<meta property="og:locale" content="zh_CN">
<!-- Twitter Card (閸忕厧顔? -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="鐏忔氨鍠掗敍灞肩箽闂勨晝绮＄痪顏冩眽娑擃亙姹夋稉濠氥€?>
<meta name="twitter:description" content="娣囨繈娅撶紒蹇曢偗娴滄亽鈧胶绨跨€涳附妲﹂悶鍐х箽鐎规艾鐓勭敮鍌欏瘜閻炲棔姹夐敓?楠炴潙绶遍崚鏉挎倱閿?>
<meta name="twitter:image" content="https://www.mtyjx.cn/dedao/sx/sx.jpg">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "PingFang SC","Microsoft YaHei",sans-serif;
}
body {
background: #F8FAFC;
color: #1E293B;
}
/* 妞ゅ爼鍎?*/
.header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
padding: 22px 20px;
}
.header-left {
display: flex;
align-items: center;
gap: 14px;
}
.logo {
width: 50px;
height: 50px;
border-radius: 4px;
object-fit: cover;
}
.site-title {
font-size: 19px;
font-weight: bold;
}
.site-subtitle {
font-size: 12px;
color: #999;
margin-top: 4px;
}
/* 閼挎粌宕熼幐澶愭尦 */
.menu-btn {
width: 30px;
height: 30px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 4px;
background: none;
border: none;
cursor: pointer;
padding: 0;
}
.menu-btn span {
width: 20px;
height: 2px;
background-color: #333;
border-radius: 1px;
transition: all 0.3s ease;
}
/* 闂冨懓顕伴柌蹇曠埠閿?*/
.reading-stats {
font-size: 12px;
color: #666;
margin-bottom: 4px;
}
/* 娑撳濯洪懣婊冨礋 */
.dropdown-menu {
position: fixed;
top: 70px;
right: 20px;
background-color: white;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
z-index: 1000;
display: none;
flex-direction: column;
min-width: 120px;
}
.dropdown-menu.active {
display: flex;
}
.dropdown-menu a {
padding: 10px 16px;
text-decoration: none;
color: #333;
font-size: 14px;
transition: background-color 0.2s;
}
.dropdown-menu a:hover {
background-color: #f5f5f5;
}
/* 鐎圭懓娅?*/
.container {
max-width: 600px;
margin: 0 auto;
padding: 0 20px 40px;
}
/* 鐠囧墽鈻奸崡锛勫 */
.course-card {
border-radius: 20px;
padding: 20px;
margin-bottom: 20px;
backdrop-filter: blur(10px);
border: 1px solid rgba(255,255,255,0.15);
transition: all 0.3s;
}
.course-card:hover {
transform: translateY(-3px);
}
/* 瀵湱鐛ラ弽宄扮础 */
.modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
z-index: 10000;
align-items: center;
justify-content: center;
}
.modal-content {
background: white;
border-radius: 20px;
padding: 30px 20px 20px;
max-width: 90%;
width: 340px;
text-align: center;
position: relative;
}
.close-btn {
position: absolute;
top: 15px;
right: 20px;
font-size: 24px;
cursor: pointer;
color: #666;
z-index: 10;
}
.wechat-qrcode {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 15px;
}
.wechat-qrcode img {
width: 140px;
height: 140px;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.wechat-label {
font-size: 12px;
color: #666;
margin-bottom: 8px;
margin-top: 10px;
}
.wechat-note {
font-size: 11px;
color: #F59E0B;
margin-top: 6px;
}
</style>
</head>
<body>
<!-- 妞ゅ爼鍎寸€佃壈鍩?-->
<div class="header">
<a href="https://www.mtyjx.cn/" style="text-decoration: none; color: inherit;">
<div class="header-left">
<img src="https://www.mtyjx.cn/logo.jpg" alt="閻氼偄銇旀ィ鎵翱鐎涳附妲﹂敓? class="logo">
<div>
<div class="site-title">閻氼偄銇旀ィ鎵翱鐎涳附妲﹂敓?/div>
<div class="site-subtitle">www.mtyjx.cn</div>
</div>
</div>
</a>
<div style="display: flex; align-items: flex-end; gap: 10px;">
<div class="reading-stats" id="readingStats">闂冨懓顕伴敓?0</div>
<button class="menu-btn" onclick="toggleMenu()">
<span></span>
<span></span>
<span></span>
</button>
</div>
</div>
<!-- 娑撳濯洪懣婊冨礋 -->
<div class="dropdown-menu" id="dropdownMenu">
<a href="https://www.mtyjx.cn/">妫ｆ牠銆?/a>
<a href="https://www.mtyjx.cn/gx/">缁儳顒熷妤€鍩屾總鍊燁嚦</a>
<a href="https://www.mtyjx.cn/gd/">缁崘顕版總鎴掑姛</a>
<a href="https://www.mtyjx.cn/qzx/">娑擃亙缍嬮幋鎰版毐閸溿劏顕?/a>
<a href="https://www.mtyjx.cn/ai/">AI鐎涳缚绡勯敓?/a>
</div>
<!-- 娑擃亙姹夋穱鈩冧紖閸楋紕澧?-->
<div style="background: #10B981; border-radius: 16px; margin: 0 20px 24px; padding: 20px; color: white; box-shadow: 0 4px 15px rgba(0,0,0,0.2);">
<div style="display: flex; align-items: flex-start; gap: 15px;">
<img src="sx.jpg" alt="鐏忔氨鍠? style="width: 100px; height: 140px; border-radius: 8px; object-fit: cover; border: 2px solid white;">
<div style="flex: 1;">
<h2 style="font-size: 20px; font-weight: bold; margin-bottom: 5px;">鐏忔氨鍠?/h2>
<p style="font-size: 12px; opacity: 0.9; line-height: 1.5; margin-bottom: 10px;">閸︺劏顕版径褍顒熼敓?/p>
<p style="font-size: 12px; opacity: 0.9; line-height: 1.5; margin-bottom: 10px;">缁儳顒熼弰鐔烘倖 缁儳顒熸稉鑽ゆ倞閿?/p>
<div style="display: flex; align-items: center; gap: 8px; font-size: 14px; margin-top: 5px;">
<span style="background: rgba(255,255,255,0.2); padding: 4px 12px; border-radius: 16px; font-size: 12px;">2楠炴潙绶遍崚鏉挎倱閿?/span>
</div>
<div style="display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap;">
<button style="background: rgba(255,215,0,0.2); border: 1px solid rgba(255,215,0,0.5); border-radius: 8px; padding: 6px 14px; color: #ffd700; font-size: 12px; font-weight: 500; cursor: pointer; transition: all 0.3s;" onclick="openWxModal()">棣冩尠 閼辨梻閮撮敓?/button>
</div>
</div>
</div>
<div style="display: flex; justify-content: space-around; border-top: 1px solid rgba(255,255,255,0.2); padding-top: 15px; margin-top: 15px;">
<div style="text-align: center; cursor: pointer;" onclick="openCreditModal()">
<div style="font-size: 24px; font-weight: bold; color: #ffd700;">120</div>
<div style="font-size: 12px; opacity: 0.8;">鐎涳箑鍨?/div>
</div>
<div style="text-align: center; cursor: pointer;" onclick="openCertificateDataModal()">
<div style="font-size: 24px; font-weight: bold; color: #ffd700;">15</div>
<div style="font-size: 12px; opacity: 0.8;">鐠囦椒鍔?/div>
</div>
<div style="text-align: center; cursor: pointer;" onclick="openNoteModal()">
<div style="font-size: 24px; font-weight: bold; color: #ffd700;">86</div>
<div style="font-size: 12px; opacity: 0.8;">缁楁棁顔?/div>
</div>
</div>
<div style="display: flex; border-top: 1px solid rgba(255,255,255,0.2); padding-top: 15px; margin-top: 10px;">
<button style="flex: 1; background: rgba(255,255,255,0.2); border: none; border-radius: 8px; padding: 10px; color: white; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.3s; margin-right: 10px;" onclick="openCurriculumModal()">閹存垵顒熸潻鍥╂畱鐠囧墽鈻?/button>
<button style="flex: 1; background: transparent; border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 10px; color: white; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.3s;" onclick="window.location.href='https://www.mtyjx.cn/gx/'">閻╃鍙ч幒銊ㄥ礃</button>
</div>
<div style="border-top: 1px solid rgba(255,255,255,0.2); padding-top: 12px; margin-top: 10px; text-align: left;">
<span style="font-size: 12px; opacity: 0.8;">閸╁骸绔堕崥灞筋劅娴兼熬绱?/span>
<a href="https://www.mtyjx.cn/dedao/oscar/" style="color: #ffd700; font-size: 12px;">閸橈箓妫?/a>
<span style="font-size: 12px; opacity: 0.8;"> 璺?</span>
<a href="https://www.mtyjx.cn/dedao/sx/" style="color: #ffd700; font-size: 12px;">娣囨繂鐣?/a>
<span style="font-size: 12px; opacity: 0.8;"> 璺?</span>
<a href="https://www.mtyjx.cn/dedao/tl/" style="color: #ffd700; font-size: 12px;">閺傛壆鏋?/a>
<span style="font-size: 12px; opacity: 0.8;"> 璺?</span>
<a href="https://www.mtyjx.cn/dedao/77/" style="color: #ffd700; font-size: 12px;">缂佸秴鍙?/a>
</div>
</div>
<!-- 鐠囧墽鈻奸幒銊ㄥ礃 -->
<div class="container">
<div class="course-card" style="background: linear-gradient(135deg, rgba(99, 102, 241, 0.15), rgba(139, 92, 246, 0.15));">
<a href="https://www.mtyjx.cn/gx/ip/" style="text-decoration: none;">
<div style="display: flex; gap: 15px; margin-bottom: 15px;">
<img src="https://www.mtyjx.cn/ykk.jpg" alt="娑擃亙姹夎ぐ鍗炴惙閸旀稒澧﹂敓?5閿? style="width: 80px; height: 110px; border-radius: 6px; object-fit: cover; flex-shrink: 0;">
<div style="flex: 1;">
<div style="font-size: 18px; font-weight: bold; color: #1E293B; margin-bottom: 6px;">娴滃骸娲堕崶濂ヨ渹閲滄禍鍝勫閸濆秴濮忛幍鎿勬嫹?5閿?/div>
<div style="font-size: 13px; color: #6366F1; margin-bottom: 8px;">鐠佹彃绗€閿涙矮绨崶鏉挎炊</div>
<div style="font-size: 12px; color: #6B7280; line-height: 1.5;">鐠у嫭绻佹刊鎺嶇秼娴滅尨绱濋崗銊х秹娑擃亙姹夌拹锕€褰跨划澶夌闁插繒瀹?00娑撳洢鈧倻鏁ら崘鍛啇閼宠棄濮忛幍鎾烩偓鐘辩稑閻ㄥ嫮绮撻煬顐㈠閸濆秴濮忛敓?/div>
</div>
</div>
</a>
<div style="display: flex; align-items: center; justify-content: space-between; padding-top: 15px; border-top: 1px solid rgba(99, 102, 241, 0.2);">
<div style="font-size: 12px; color: #6B7280;">11,436娴滃搫顒熸潻鍥箹闂傘劏顕?/div>
<div style="background: linear-gradient(135deg, #6366F1, #8B5CF6); color: white; padding: 8px 20px; border-radius: 20px; font-size: 13px; font-weight: 500; text-decoration: none; box-shadow: 0 4px 15px rgba(99, 102, 241, 0.4); cursor: pointer;" onclick="openCourseModal()">閸滃本鍨滄稉鈧挧宄板彙閿?/div>
</div>
</div>
</div>
<!-- 妞や絻鍓?-->
<div style="text-align: center; padding: 30px 20px; color: #6B7280; font-size: 12px;">
<p>婕?2026 閻氼偄銇旀ィ鎵翱鐎涳附妲﹂敓?| 閻劎绨跨€涳附鈧繄娣€圭偟骞囨妯绘櫏閹存劙鏆?/p>
</div>
<!-- 瀵邦喕淇婃禍宀€娣惍浣歌剨閿?-->
<div id="wxModal" class="modal" onclick="closeWxModal()">
<div class="modal-content" onclick="event.stopPropagation()">
<span class="close-btn" onclick="closeWxModal()">鑴?/span>
<h3 style="font-size: 18px; font-weight: bold; margin-bottom: 15px; color: #1E293B;">濞ｈ濮炲顔讳繆</h3>
<div class="wechat-qrcode">
<img src="wx.png" alt="娑擃亙姹夊顔讳繆">
<p class="wechat-label">鐏忔氨鍠?/p>
<p class="wechat-note">闂€鎸庡瘻鐠囧棗鍩嗘禍宀€娣惍浣瑰潑閿?/p>
</div>
</div>
</div>
<!-- 鐎涳箑鍨庡鍦崶 -->
<div id="creditModal" class="modal" onclick="closeCreditModal()">
<div class="modal-content" onclick="event.stopPropagation()">
<span class="close-btn" onclick="closeCreditModal()">鑴?/span>
<h3 style="font-size: 18px; font-weight: bold; margin-bottom: 15px; color: #1E293B;">鐎涳箑鍨庣拠锔藉剰</h3>
<div style="text-align: left;">
<p style="font-size: 14px; color: #666; margin-bottom: 10px;">鐎涳缚绡勫┑鈧崝鍙樼秼缁紮绱?/p>
<ul style="font-size: 13px; color: #333; line-height: 1.8; padding-left: 20px;">
<li>鐎瑰本鍨氱拠鍓р柤鐎涳缚绡?+5閿?閿?/li>
<li>閹绘劒姘︾粭鏃囶唶 +3閿?閿?/li>
<li>閸欏倷绗岀拋銊啈 +2閿?閿?/li>
<li>闁偓鐠囧嘲鎮撻敓?+10閿?閿?/li>
</ul>
</div>
</div>
</div>
<!-- 鐠囦椒鍔熷鍦崶 -->
<div id="certificateDataModal" class="modal" onclick="closeCertificateDataModal()">
<div class="modal-content" onclick="event.stopPropagation()">
<span class="close-btn" onclick="closeCertificateDataModal()">鑴?/span>
<h3 style="font-size: 18px; font-weight: bold; margin-bottom: 15px; color: #1E293B;">閹存垹娈戠拠浣峰姛</h3>
<div style="text-align: center;">
<p style="font-size: 14px; color: #666; margin-bottom: 10px;">閸忚精顓?15 娑擃亜顒熸稊鐘虹槈閿?/p>
<p style="font-size: 12px; color: #999;">閺囨潙顦跨拠浣峰姛鐠囧嘲鍩?閹存垹娈戠拠鍓р柤"閺屻儳婀?/p>
</div>
</div>
</div>
<!-- 缁楁棁顔囧鍦崶 -->
<div id="noteModal" class="modal" onclick="closeNoteModal()">
<div class="modal-content" onclick="event.stopPropagation()">
<span class="close-btn" onclick="closeNoteModal()">鑴?/span>
<h3 style="font-size: 18px; font-weight: bold; margin-bottom: 15px; color: #1E293B;">閹存垹娈戠粭鏃囶唶</h3>
<div style="text-align: center;">
<p style="font-size: 14px; color: #666; margin-bottom: 10px;">閸忚精顓?86 缁″洤顒熸稊鐘电應閿?/p>
<p style="font-size: 12px; color: #999;">缁楁棁顔囧鎻掓倱濮濄儱鍩岀粭鏃囶唶閺勭喓鎮嗙亸蹇曗柤閿?/p>
</div>
</div>
</div>
<!-- 鐠囧墽鈻煎鍦崶 -->
<div id="curriculumModal" class="modal" onclick="closeCurriculumModal()">
<div class="modal-content" onclick="event.stopPropagation()">
<span class="close-btn" onclick="closeCurriculumModal()">鑴?/span>
<h3 style="font-size: 18px; font-weight: bold; margin-bottom: 15px; color: #1E293B;">閹存垵顒熸潻鍥╂畱鐠囧墽鈻?/h3>
<div style="text-align: left; font-size: 13px; color: #333; line-height: 1.8;">
<p style="margin-bottom: 10px;">閿?娑擃亙姹夎ぐ鍗炴惙閸旀稒澧﹂敓?5閿?/p>
<p style="margin-bottom: 10px;">閿?闂勫牐顢戦悽鐚滃嘲顔嶆惔顓熸殌閿?0閿?/p>
<p style="margin-bottom: 10px;">閿?鐠х敻鍣鹃崚姣甯囬梼铏60閿?/p>
<p style="margin-bottom: 10px;">閿?娴滆櫣鏁撶拋鎹愵吀閿?/p>
</div>
</div>
</div>
<!-- 鐠囧墽鈻奸幎銉ユ倳瀵湱鐛?-->
<div id="courseModal" class="modal" onclick="closeCourseModal()">
<div class="modal-content" onclick="event.stopPropagation()">
<span class="close-btn" onclick="closeCourseModal()">鑴?/span>
<h3 style="font-size: 18px; font-weight: bold; margin-bottom: 15px; color: #1E293B;">閹躲儱鎮曢崗鍗烆劅</h3>
<div class="wechat-qrcode">
<img src="https://www.mtyjx.cn/wx.jpg" alt="缁儳顒熺粭鏃囶唶">
<p class="wechat-label">缁儳顒熺粭鏃囶唶</p>
<p class="wechat-note">闂€鎸庡瘻鐠囧棗鍩嗘禍宀€娣惍浣告尒鐠囥垺濮ら敓?/p>
</div>
</div>
</div>
<script>
async function initReadingStats() {
const pageId = 'sx';
const readingStatsElement = document.getElementById('readingStats');
try {
const incRes = await fetch('../gd/api/incrementReadingCount.php', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ page: pageId })
});
const incJson = await incRes.json();
if (incJson.success && incJson.count) {
if (readingStatsElement) {
readingStatsElement.textContent = '闂冨懓顕伴柌?' + incJson.count.toLocaleString();
}
}
} catch (e) {
try {
const getRes = await fetch('../_data/page_reading.json');
const getJson = await getRes.json();
const count = getJson[pageId] || 0;
if (readingStatsElement) {
readingStatsElement.textContent = '闂冨懓顕伴柌?' + count.toLocaleString();
}
} catch (e2) {
console.error('鐠囪褰囬梼鍛邦嚢闁插繐銇戠拹?', e2);
}
}
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initReadingStats);
} else {
initReadingStats();
}
// 閼挎粌宕熼崚鍥ㄥ床
function toggleMenu() {
document.getElementById('dropdownMenu').classList.toggle('active');
}
// 閻愮懓鍤崗鏈电铂閸︾増鏌熼崗鎶芥４閼挎粌宕? document.addEventListener('click', function(event) {
const menu = document.getElementById('dropdownMenu');
const menuBtn = document.querySelector('.menu-btn');
if (!menu.contains(event.target) && !menuBtn.contains(event.target)) {
menu.classList.remove('active');
}
});
// 瀵湱鐛ラ崙鑺ユ殶
function openWxModal() {
document.getElementById('wxModal').style.display = 'flex';
}
function closeWxModal() {
document.getElementById('wxModal').style.display = 'none';
}
function openCreditModal() {
document.getElementById('creditModal').style.display = 'flex';
}
function closeCreditModal() {
document.getElementById('creditModal').style.display = 'none';
}
function openCertificateDataModal() {
document.getElementById('certificateDataModal').style.display = 'flex';
}
function closeCertificateDataModal() {
document.getElementById('certificateDataModal').style.display = 'none';
}
function openNoteModal() {
document.getElementById('noteModal').style.display = 'flex';
}
function closeNoteModal() {
document.getElementById('noteModal').style.display = 'none';
}
function openCurriculumModal() {
document.getElementById('curriculumModal').style.display = 'flex';
}
function closeCurriculumModal() {
document.getElementById('curriculumModal').style.display = 'none';
}
function openCourseModal() {
document.getElementById('courseModal').style.display = 'flex';
}
function closeCourseModal() {
document.getElementById('courseModal').style.display = 'none';
}
</script>
</body>
</html>