*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:'Noto Sans SC',sans-serif;line-height:1.6;color:#2e2e2e;background:url('https://images.gptkong.com/idiom/b/384_x0.png') no-repeat center center fixed;background-size:cover;padding-top:60px;transition:background 0.5s ease-in-out}nav{position:fixed;top:0;width:100%;background:linear-gradient(135deg,rgba(34,193,195,1) 0,rgba(253,187,45,1) 100%);box-shadow:0 4px 6px rgba(0,0,0,0.1);z-index:1000}nav ul{list-style:none;display:flex;justify-content:center;flex-wrap:wrap}nav ul li{margin:10px 20px}nav ul li a{text-decoration:none;color:#fff;font-size:16px;padding:8px 12px;border-radius:4px;transition:background 0.3s,transform 0.3s}nav ul li a:hover{background:rgba(255,255,255,0.2);transform:scale(1.05)}@media (max-width:768px){nav ul{flex-direction:column;align-items:center}nav ul li{margin:8px 0}}article{max-width:1200px;margin:40px auto;background:rgba(255,255,255,0.9);padding:20px 40px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);animation:fadeIn 1s ease-in-out}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}section{margin-bottom:40px;padding:20px;border-left:5px solid #34e89e;background:linear-gradient(135deg,rgba(255,255,255,0.8),rgba(240,240,240,0.8));border-radius:8px;position:relative}section::before{content:'';position:absolute;top:10px;left:-15px;width:10px;height:10px;background:#34e89e;border-radius:50%}h2,h3,h4{font-family:'Zhi Mang Xing',cursive;color:#2e2e2e;margin-bottom:15px;transition:color 0.3s}h2:hover,h3:hover,h4:hover{color:#34e89e}p{font-size:16px;margin-bottom:15px}table{width:100%;border-collapse:collapse;margin:20px 0}table th,table td{border:1px solid #ddd;text-align:left;padding:12px;font-size:16px}table th{background-color:#34e89e;color:white}table td ul{list-style:disc inside}.article-image{display:block;max-width:90%;width:auto;height:auto;margin:20px auto;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,0.2);transition:transform 0.3s,box-shadow 0.3s}.article-image:hover{transform:scale(1.05);box-shadow:0 6px 12px rgba(0,0,0,0.3)}footer{text-align:center;padding:20px;background:rgba(52,232,158,0.9);color:white;font-size:14px}a{color:#34e89e;text-decoration:none;transition:color 0.3s}a:hover{color:#28a745}ul{margin-left:20px}