新制多益模擬測驗
本音檔版權係屬知英文化事業有限公司及其作者所有
<style>
.container {
background: rgba(255, 255, 255, 0.95);
padding: 30px;
border-radius: 15px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(10px);
}
h1 {
color: #2c3e50;
text-align: center;
margin-bottom: 30px;
font-size: 2.2em;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}
.section {
margin-bottom: 30px;
padding: 20px;
background: rgba(52, 152, 219, 0.1);
border-radius: 10px;
border-left: 5px solid #3498db;
}
.section h2 {
color: #2980b9;
margin-bottom: 15px;
font-size: 1.4em;
}
.link-item {
background: white;
margin: 10px 0;
padding: 15px;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
transition: transform 0.2s, box-shadow 0.2s;
}
.link-item:hover {
transform: translateY(-2px);
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
}
.link-item a {
color: #2980b9;
text-decoration: none;
font-weight: 500;
display: block;
margin-bottom: 8px;
}
.link-item a:hover {
color: #1abc9c;
text-decoration: underline;
}
audio {
width: 100%;
margin-top: 10px;
border-radius: 5px;
}
.audio-container {
background: #f8f9fa;
padding: 15px;
border-radius: 8px;
margin-top: 10px;
}
.audio-title {
font-weight: bold;
color: #34495e;
margin-bottom: 10px;
}
.copyright {
background: #fff3cd;
border: 1px solid #ffeaa7;
border-radius: 8px;
padding: 15px;
margin-top: 20px;
font-size: 0.9em;
color: #856404;
line-height: 1.6;
}
.copyright strong {
color: #d63384;
}
.icon {
display: inline-block;
margin-right: 8px;
font-size: 1.2em;
}
</style>
<div class="container">
<div class="section">
<h2><span class="icon">🌐</span>測驗網頁連結</h2>
<div class="link-item">
<a href="http://audio.jinni.com.tw/201807/新制多益模擬測驗/01.html" target="_blank">
新制多益模擬測驗 - 第一個連結
</a>
</div>
<div class="link-item">
<a href="http://audio.jinni.com.tw/201807/%E6%96%B0%E5%88%B6%E5%A4%9A%E7%9B%8A%E6%A8%A1%E6%93%AC%E6%B8%AC%E9%A9%97/01.html" target="_blank">
新制多益模擬測驗 - 第二個連結（URL編碼版）
</a>
</div>
</div>
<div class="section">
<h2><span class="icon">🎧</span>音檔播放</h2>
<div class="link-item">
<div class="audio-container">
<div class="audio-title">新制多益模擬測驗 1</div>
<a href="https://cdn.quizfun.co/quizfun/jinni/201807001/201807001-1.mp3" target="_blank">
直接下載音檔 1
</a>
<audio controls preload="metadata">
<source src="https://cdn.quizfun.co/quizfun/jinni/201807001/201807001-1.mp3" type="audio/mpeg">
您的瀏覽器不支援音檔播放。
</audio>
</div>
</div>
<div class="link-item">
<div class="audio-container">
<div class="audio-title">新制多益模擬測驗 2</div>
<a href="https://cdn.quizfun.co/quizfun/jinni/201807001/201807001-2.mp3" target="_blank">
直接下載音檔 2
</a>
<audio controls preload="metadata">
<source src="https://cdn.quizfun.co/quizfun/jinni/201807001/201807001-2.mp3" type="audio/mpeg">
您的瀏覽器不支援音檔播放。
</audio>
</div>
</div>
<div class="link-item">
<div class="audio-container">
<div class="audio-title">新制多益模擬測驗 3</div>
<a href="https://cdn.quizfun.co/quizfun/jinni/201807001/201807001-3.mp3" target="_blank">
直接下載音檔 3
</a>
<audio controls preload="metadata">
<source src="https://cdn.quizfun.co/quizfun/jinni/201807001/201807001-3.mp3" type="audio/mpeg">
您的瀏覽器不支援音檔播放。
</audio>
</div>
</div>
<div class="link-item">
<div class="audio-container">
<div class="audio-title">新制多益模擬測驗 4</div>
<a href="https://cdn.quizfun.co/quizfun/jinni/201807001/201807001-4.mp3" target="_blank">
直接下載音檔 4
</a>
<audio controls preload="metadata">
<source src="https://cdn.quizfun.co/quizfun/jinni/201807001/201807001-4.mp3" type="audio/mpeg">
您的瀏覽器不支援音檔播放。
</audio>
</div>
</div>
</div>
<div class="copyright">
<strong>⚠️ 版權聲明</strong><br>
本音檔版權係屬知英文化事業有限公司及其作者所有，並經本公司申請著作權在案，任何未經授權之盜錄、剪輯改作或散佈皆嚴格禁止，任何前述行為皆須擔負民事賠償責任。
</div>
<div style="text-align: center; margin-top: 20px; color: #7f8c8d; font-size: 0.9em;">
建議使用現代瀏覽器以獲得最佳體驗
</div>
</div>