绮惧寰楀埌50闂ㄥソ锟?- 鐚ご楣扮簿瀛︽槦锟?/title> <meta name="description" content="鐢ㄧ簿瀛︽€濈淮锛屽拰涓€缇ゅ悓瀛﹂珮鏁堟垚锟?> <meta name="keywords" content="寰楀埌璇剧▼,绮惧,鍏卞,涓汉鎴愰暱">  <meta property="og:title" content="绮惧50闂ㄥ緱鍒板ソ璇撅紝鍏卞璁″垝绛変綘鍔犲叆"> <meta property="og:description" content="鐢ㄧ簿瀛︽€濈淮锛屽拰涓€缇ゅ悓瀛﹂珮鏁堟垚锟?> <meta property="og:image" content="https://www.mtyjx.cn/logo.jpg"> <meta property="og:url" content="https://www.mtyjx.cn/gx/"> <meta property="og:type" content="website"> <meta property="og:site_name" content="鐚ご楣扮簿瀛︽槦锟?> <style> * { margin: 0; padding: 0; box-sizing: border-box; font-family: "PingFang SC","Microsoft YaHei",sans-serif; } body { background: linear-gradient(180deg, #1E293B 0%, #0F172A 100%); min-height: 100vh; color: #fff; } /* 椤堕儴瀵艰埅 */ .header { display: flex; align-items: center; justify-content: space-between; padding: 20px; background: rgba(0,0,0,0.3); backdrop-filter: blur(10px); } .header-left { display: flex; align-items: center; gap: 12px; } .logo { width: 45px; height: 45px; border-radius: 10px; object-fit: cover; } .site-title { font-size: 18px; font-weight: bold; } .site-subtitle { font-size: 12px; opacity: 0.8; } .menu-btn { width: 28px; height: 28px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 4px; background: none; border: none; cursor: pointer; } .menu-btn span { width: 18px; height: 2px; background-color: #fff; border-radius: 1px; } /* 闃呰閲忕粺锟?*/ .reading-stats { font-size: 12px; color: #9CA3AF; } /* 椤甸潰鏍囬 */ .page-title { text-align: center; padding: 40px 20px 30px; } .page-title h1 { font-size: 28px; margin-bottom: 10px; background: linear-gradient(90deg, #6366F1, #10B981); -webkit-background-clip: text; color: transparent; } .page-title p { font-size: 14px; color: #9CA3AF; } /* 璇剧▼鍗＄墖 */ .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); } .course-header { display: flex; gap: 15px; margin-bottom: 15px; position: relative; } .course-card-tag { position: absolute; top: 0; right: 0; padding: 4px 12px; border-radius: 0 12px 0 8px; font-size: 11px; font-weight: 600; color: white; } .course-cover { width: 80px; height: 110px; border-radius: 6px; object-fit: cover; flex-shrink: 0; } .course-info { flex: 1; } .course-title { font-size: 18px; font-weight: bold; margin-bottom: 6px; color: #fff; } .course-instructor { font-size: 13px; color: #F59E0B; margin-bottom: 8px; } .course-desc { font-size: 12px; color: #9CA3AF; line-height: 1.5; } .course-tags { display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap; } .tag { font-size: 11px; padding: 4px 10px; border-radius: 12px; background: rgba(99, 102, 241, 0.2); color: #A5B4FC; } .course-footer { display: flex; align-items: center; justify-content: space-between; padding-top: 15px; border-top: 1px solid rgba(255,255,255,0.1); } .course-stats { font-size: 12px; color: #6B7280; } .join-btn { background: linear-gradient(135deg, #6366F1, #8B5CF6); color: white; padding: 8px 20px; border-radius: 20px; font-size: 13px; font-weight: 500; text-decoration: none; transition: all 0.3s; } .join-btn:hover { transform: scale(1.05); box-shadow: 0 4px 15px rgba(99, 102, 241, 0.4); } /* 椤佃剼 */ .footer { text-align: center; padding: 30px 20px; color: #6B7280; font-size: 12px; } /* 涓嬫媺鑿滃崟 */ .dropdown-menu { position: fixed; top: 70px; right: 20px; background: rgba(30, 41, 59, 0.95); border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.3); z-index: 1000; display: none; flex-direction: column; min-width: 140px; backdrop-filter: blur(10px); } .dropdown-menu.active { display: flex; } .dropdown-menu a { padding: 12px 20px; text-decoration: none; color: #fff; font-size: 14px; transition: background-color 0.2s; } .dropdown-menu a:hover { background: rgba(255,255,255,0.1); } /* 寮圭獥鏍峰紡 */ .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; } /* 鐩綍鎶藉眽 */ .catalog-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 9998; opacity: 0; visibility: hidden; transition: all 0.3s; } .catalog-overlay.open { opacity: 1; visibility: visible; } .catalog-drawer { position: fixed; top: 0; left: -280px; width: 260px; height: 100%; background: #fff; z-index: 9999; overflow-y: auto; transition: left 0.3s ease; box-shadow: 2px 0 15px rgba(0,0,0,0.15); } .catalog-drawer.open { left: 0; } .catalog-header { display: flex; justify-content: space-between; align-items: center; padding: 18px 20px; border-bottom: 1px solid #f0f0f0; background: linear-gradient(135deg, #6366F1, #8B5CF6); color: #fff; } .catalog-content { padding: 15px; } .catalog-category { margin-bottom: 18px; } .category-title { font-size: 14px; font-weight: bold; color: #333; margin-bottom: 10px; padding-left: 8px; border-left: 3px solid #6366F1; } .course-item { padding: 10px 12px 10px 20px; font-size: 13px; color: #555; border-radius: 6px; cursor: pointer; transition: all 0.2s; margin-bottom: 4px; } .course-item:hover { background: rgba(99, 102, 241, 0.1); color: #6366F1; } /* 鎮诞鐩綍鎸夐挳 */ .catalog-float-btn { position: fixed; right: 15px; bottom: 80px; display: flex; align-items: center; gap: 6px; padding: 10px 16px; background: linear-gradient(135deg, #6366F1, #8B5CF6); color: #fff; border-radius: 24px; font-size: 13px; cursor: pointer; z-index: 9997; box-shadow: 0 4px 15px rgba(99, 102, 241, 0.4); transition: transform 0.2s; } .catalog-float-btn:hover { transform: scale(1.05); } </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 class="page-title"> <h1>绮惧寰楀埌濂借</h1> <p>涓庡織鍚岄亾鍚堢殑鍚屽涓€璧凤紝娣卞害瀛︿範锛屽叡鍚屾垚锟?/p> <div style="display: flex; justify-content: center; gap: 10px; margin-top: 15px; margin-bottom: 15px;"> <span style="font-size: 12px; padding: 4px 12px; border-radius: 12px; background: rgba(99, 102, 241, 0.2); color: #A5B4FC;">鑱屼笟鎴愰暱</span> <span style="font-size: 12px; padding: 4px 12px; border-radius: 12px; background: rgba(16, 185, 129, 0.2); color: #34D399;">蹇冪悊锟?/span> <span style="font-size: 12px; padding: 4px 12px; border-radius: 12px; background: rgba(245, 158, 11, 0.2); color: #FBBF24;">瀹跺涵鏁欒偛</span> </div> <div style="display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;"> <button class="filter-btn active" style="padding: 6px 16px; border-radius: 20px; border: none; cursor: pointer; font-size: 13px; transition: all 0.3s;" onclick="filterCourses('all')">鍏ㄩ儴璇剧▼</button> <button class="filter-btn" style="padding: 6px 16px; border-radius: 20px; border: 1px solid #ddd; background: #fff; cursor: pointer; font-size: 13px; transition: all 0.3s;" onclick="filterCourses('鍏卞')">鍏卞</button> <button class="filter-btn" style="padding: 6px 16px; border-radius: 20px; border: 1px solid #ddd; background: #fff; cursor: pointer; font-size: 13px; transition: all 0.3s;" onclick="filterCourses('绮惧')">绮惧</button> <button class="filter-btn" style="padding: 6px 16px; border-radius: 20px; border: 1px solid #ddd; background: #fff; cursor: pointer; font-size: 13px; transition: all 0.3s;" onclick="filterCourses('璁粌锟?)">璁粌锟?/button> </div> </div>  <div class="container">  <div class="course-card" data-tag="鍏卞" style="background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(217, 119, 6, 0.15));"> <a href="qian/" style="text-decoration: none;"> <div class="course-header"> <div class="course-card-tag" style="background: linear-gradient(135deg, #F59E0B, #D97706);">鍏卞</div> <img src="qian/wj.jpeg" alt="鍚村啗路璐㈠晢璁粌40锟? class="course-cover"> <div class="course-info"> <div class="course-title">鍚村啗路璐㈠晢璁粌40锟?/div> <div class="course-instructor">璁插笀锛氬惔锟?/div> <div class="course-desc">璁＄畻鏈虹瀛﹀銆佹姇璧勪汉鍜屼笓鏍忎綔鑰呭惔鍐涚郴缁熸⒊鐞嗚储鍟嗐€備粠鐞嗚В璐㈠瘜銆佽幏鍙栬储瀵屻€佸鍊艰储瀵屽埌浣跨敤璐㈠瘜锛屽畬鎴愬畬鏁磋储鍟嗚缁冿拷?/div> <div class="course-tags"> <span class="tag" style="background: rgba(245, 158, 11, 0.25);">璐㈠晢璁粌</span> <span class="tag" style="background: rgba(245, 158, 11, 0.25);">璐㈠瘜澧烇拷?/span> <span class="tag" style="background: rgba(245, 158, 11, 0.25);">绮惧甯堬細浠ｈ█</span> </div> </div> </div> </a> <div class="course-footer" style="border-top-color: rgba(245, 158, 11, 0.2);"> <div class="course-stats">16,720浜哄杩囪繖闂ㄨ</div> <div class="join-btn" style="background: linear-gradient(135deg, #F59E0B, #D97706); box-shadow: 0 4px 15px rgba(245, 158, 11, 0.4); cursor: pointer;" onclick="openSignupModal()">绔嬪嵆鎶ュ悕</div> </div> </div>  <div class="course-card" data-tag="璁粌锟? style="background: linear-gradient(135deg, rgba(99, 102, 241, 0.15), rgba(139, 92, 246, 0.15));"> <a href="ip/" style="text-decoration: none;"> <div class="course-header"> <div class="course-card-tag" style="background: linear-gradient(135deg, #EC4899, #DB2777);">璁粌锟?/div> <img src="ip/ykk.png" alt="涓汉褰卞搷鍔涙墦锟?5锟? class="course-cover"> <div class="course-info"> <div class="course-title">浜庡洶鍥奥蜂釜浜哄奖鍝嶅姏鎵擄拷?5锟?/div> <div class="course-instructor">璁插笀锛氫簬鍥板洶</div> <div class="course-desc">璧勬繁濯掍綋浜猴紝鍏ㄧ綉涓汉璐﹀彿绮変笣閲忕害100涓囥€傜敤鍐呭鑳藉姏鎵撻€犱綘鐨勭粓韬奖鍝嶅姏锛屽缓绔嬩笉琚浛浠ｇ殑闀挎湡璧勪骇锟?/div> <div class="course-tags"> <span class="tag" style="background: rgba(99, 102, 241, 0.25);">涓汉鍝佺墝</span> <span class="tag" style="background: rgba(99, 102, 241, 0.25);">鍐呭鍒涗綔</span> <span class="tag" style="background: rgba(99, 102, 241, 0.25);">涓荤悊浜猴細灏氱喒</span> </div> </div> </div> </a> <div class="course-footer" style="border-top-color: rgba(99, 102, 241, 0.2);"> <div class="course-stats">11,436浜哄杩囪繖闂ㄨ</div> <a href="ip/" class="join-btn" style="background: linear-gradient(135deg, #6366F1, #8B5CF6); box-shadow: 0 4px 15px rgba(99, 102, 241, 0.4);">绔嬪嵆鎶ュ悕</a> </div> </div>  <div class="course-card" data-tag="绮惧" style="background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(5, 150, 105, 0.15));"> <div class="course-header"> <div class="course-card-tag" style="background: linear-gradient(135deg, #10B981, #059669);">绮惧</div> <img src="jiating/cxj.jpg" alt="闄堣鐢猜峰搴暀锟?0锟? class="course-cover"> <div class="course-info"> <div class="course-title">闄堣鐢猜峰搴暀锟?0锟?/div> <div class="course-instructor">璁插笀锛氶檲琛岀敳</div> <div class="course-desc">鍓嶅幙濮斾功璁伴檲琛岀敳鐨勫搴暀鑲插績寰楋紝鏁欎綘濡備綍鍩瑰吇韬績鍋ュ悍銆佸叏闈㈠彂灞曠殑瀛╁瓙锟?/div> <div class="course-tags"> <span class="tag" style="background: rgba(16, 185, 129, 0.25);">瀹跺涵鏁欒偛</span> <span class="tag" style="background: rgba(16, 185, 129, 0.25);">浜插瓙鍏崇郴</span> <span class="tag" style="background: rgba(16, 185, 129, 0.25);">涓荤悊浜猴細灏氱喒</span> </div> </div> </div> <div class="course-footer" style="border-top-color: rgba(16, 185, 129, 0.2);"> <div class="course-stats">60,449浜哄杩囪繖闂ㄨ</div> <div class="join-btn" style="background: linear-gradient(135deg, #10B981, #059669); box-shadow: 0 4px 15px rgba(16, 185, 129, 0.4); cursor: pointer;" onclick="openSignupModal()">鎶ュ悕锟?/div> </div> </div>  <div class="course-card" data-tag="鍏卞" style="background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(217, 119, 6, 0.15));"> <div class="course-header"> <div class="course-card-tag" style="background: linear-gradient(135deg, #F59E0B, #D97706);">鍏卞</div> <img src="wym/zjg.jpg" alt="璧甸噾鍒毬风帇闃虫槑60锟? class="course-cover"> <div class="course-info"> <div class="course-title">璧甸噾鍒毬风帇闃虫槑60锟?/div> <div class="course-instructor">璁插笀锛氳档閲戝垰</div> <div class="course-desc">娣卞叆瑙ｈ闃虫槑蹇冨锛岄鎮熺煡琛屽悎涓€鐨勬櫤鎱э紝鍦ㄧ幇浠ｇ敓娲讳腑瀹炶返蹇冨绮鹃珦锟?/div> <div class="course-tags"> <span class="tag" style="background: rgba(245, 158, 11, 0.25);">鍥藉缁忓吀</span> <span class="tag" style="background: rgba(245, 158, 11, 0.25);">鍝插鏅烘収</span> <span class="tag" style="background: rgba(245, 158, 11, 0.25);">绮惧甯堬細閭€璇蜂腑</span> </div> </div> </div> <div class="course-footer" style="border-top-color: rgba(245, 158, 11, 0.2);"> <div class="course-stats">9,260浜哄杩囪繖闂ㄨ</div> <div class="join-btn" style="background: linear-gradient(135deg, #F59E0B, #D97706); box-shadow: 0 4px 15px rgba(245, 158, 11, 0.4); cursor: pointer;" onclick="openSignupModal()">鎶ュ悕锟?/div> </div> </div> </div>  <div class="footer"> <p style="margin-bottom: 15px;">鏇村寰楀埌濂借鍏卞娲诲姩锛屾暚璇锋湡锟?/p> <div style="margin-bottom: 15px;"> <a href="https://doc.weixin.qq.com/smartsheet/s3_AIkAXwbVAPgCNubC501dZT3uwE8uA?scode=AI4AXQeZAAwJi4z5GUAIkAXwbVAPg&tab=q979lj&viewId=vukaF8" style="display: inline-block; padding: 10px 25px; background: linear-gradient(135deg, #6366F1, #8B5CF6); color: white; border-radius: 20px; font-size: 14px; font-weight: 500; text-decoration: none; box-shadow: 0 4px 15px rgba(99, 102, 241, 0.4);">鏌ョ湅鍏卞璇剧▼璁″垝锟?/a> </div> <p style="margin-bottom: 10px; cursor: pointer; color: #6366F1;" onclick="openWechatModal()">鑱旂郴鎴戜滑</p> <p>漏 2026 鐚ご楣扮簿瀛︽槦锟?| 鐢ㄧ簿瀛︽€濈淮瀹炵幇楂樻晥鎴愰暱</p> </div>  <div id="wechatModal" class="modal" onclick="closeWechatModal()"> <div class="modal-content" onclick="event.stopPropagation()"> <span class="close-btn" onclick="closeWechatModal()">脳</span> <h3 style="font-size: 18px; font-weight: bold; margin-bottom: 15px; color: #1E293B;">鑱旂郴鎴戜滑</h3> <div style="display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;"> <div class="wechat-qrcode"> <p class="wechat-label">浠ｈ█</p> <img src="https://www.mtyjx.cn/wx.jpg" alt="涓汉寰俊"> </div> <div class="wechat-qrcode"> <p class="wechat-label">绮惧绗旇</p> <img src="dyjdbj.jpg" alt="绮惧绗旇鍏紬锟?> </div> <div class="wechat-qrcode"> <p class="wechat-label">鐚ご楣扮簿瀛︽槦锟?/p> <img src="mtyjxxq.jpg" alt="鐚ご楣扮簿瀛︽槦锟?> </div> </div> </div> </div>  <div id="signupModal" class="modal" onclick="closeSignupModal()"> <div class="modal-content" style="max-width: 280px !important;" onclick="event.stopPropagation()"> <span class="close-btn" onclick="closeSignupModal()">脳</span> <h3 style="font-size: 18px; font-weight: bold; margin-bottom: 15px; color: #1E293B;">鎵爜鎶ュ悕</h3> <div style="text-align: center;"> <p style="font-size: 13px; color: #666; margin-bottom: 10px;">娣诲姞浠ｈ█寰俊鎶ュ悕</p> <img src="https://www.mtyjx.cn/wx.jpg" style="width: 160px; height: 160px; border-radius: 8px;"> <p style="font-size: 12px; color: #888; margin-top: 8px;">璇峰娉細鎶ュ悕璇剧▼</p> </div> </div> </div> <script> async function initReadingStats() { const pageId = 'gx_main'; const readingCountElement = 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 (readingCountElement) { readingCountElement.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 (readingCountElement) { readingCountElement.textContent = '闃呰閲?' + count.toLocaleString(); } } catch (e2) { console.error('璇诲彇闃呰閲忓け璐?', e2); } } } document.addEventListener('DOMContentLoaded', initReadingStats); function toggleMenu() { const menu = document.getElementById('dropdownMenu'); menu.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 filterCourses(tag) { const cards = document.querySelectorAll('.course-card'); const btns = document.querySelectorAll('.filter-btn'); btns.forEach(btn => { btn.classList.remove('active'); btn.style.background = '#fff'; btn.style.color = '#333'; btn.style.border = '1px solid #ddd'; }); event.target.classList.add('active'); event.target.style.background = 'linear-gradient(135deg, #6366F1, #8B5CF6)'; event.target.style.color = '#fff'; event.target.style.border = 'none'; cards.forEach(card => { if (tag === 'all' || card.getAttribute('data-tag') === tag) { card.style.display = 'block'; } else { card.style.display = 'none'; } }); } document.addEventListener('DOMContentLoaded', function() { const activeBtn = document.querySelector('.filter-btn.active'); if (activeBtn) { activeBtn.style.background = 'linear-gradient(135deg, #6366F1, #8B5CF6)'; activeBtn.style.color = '#fff'; activeBtn.style.border = 'none'; } }); function openWechatModal() { const modal = document.getElementById('wechatModal'); modal.style.display = 'flex'; } function closeWechatModal() { const modal = document.getElementById('wechatModal'); modal.style.display = 'none'; } function openSignupModal() { const modal = document.getElementById('signupModal'); modal.style.display = 'flex'; } function closeSignupModal() { const modal = document.getElementById('signupModal'); modal.style.display = 'none'; } function toggleCatalog() { const drawer = document.getElementById('catalogDrawer'); const overlay = document.getElementById('catalogOverlay'); const isOpen = drawer.classList.contains('open'); if (isOpen) { drawer.classList.remove('open'); overlay.classList.remove('open'); } else { drawer.classList.add('open'); overlay.classList.add('open'); } } function scrollToCourse(index) { const cards = document.querySelectorAll('.course-card'); if (cards[index]) { cards[index].scrollIntoView({ behavior: 'smooth', block: 'center' }); toggleCatalog(); } } </script>  <div id="catalogOverlay" class="catalog-overlay" onclick="toggleCatalog()"></div>  <div id="catalogDrawer" class="catalog-drawer"> <div class="catalog-header"> <span style="font-weight: bold; font-size: 16px;">馃搵璇剧▼鐩綍</span> <span onclick="toggleCatalog()" style="cursor: pointer; font-size: 20px; color: #999;">脳</span> </div> <div class="catalog-content"> <div class="catalog-category"> <div class="category-title">馃煚鍏卞璇剧▼</div> <div class="course-item" onclick="scrollToCourse(0)">鍚村啗路璐㈠晢璁粌40锟?/div> <div class="course-item" onclick="scrollToCourse(3)">璧甸噾鍒毬风帇闃虫槑60锟?/div> </div> <div class="catalog-category"> <div class="category-title">馃煝绮惧璇剧▼</div> <div class="course-item" onclick="scrollToCourse(2)">闄堣鐢猜峰搴暀锟?0锟?/div> </div> <div class="catalog-category"> <div class="category-title">馃敶璁粌锟?/div> <div class="course-item" onclick="scrollToCourse(1)">浜庡洶鍥奥蜂釜浜哄奖鍝嶅姏鎵擄拷?5锟?/div> </div> </div> </div>  <div class="catalog-float-btn" onclick="toggleCatalog()"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <line x1="8" y1="6" x2="21" y2="6"></line> <line x1="8" y1="12" x2="21" y2="12"></line> <line x1="8" y1="18" x2="21" y2="18"></line> <line x1="3" y1="6" x2="3.01" y2="6"></line> <line x1="3" y1="12" x2="3.01" y2="12"></line> <line x1="3" y1="18" x2="3.01" y2="18"></line> </svg> <span>鐩綍</span> </div> </body> </html>