*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;color:#333;background-image:url('https://images.gptkong.com/idiom/b/1180_0.png');background-size:cover;background-attachment:fixed;line-height:1.6;padding:20px}nav{position:fixed;top:0;width:100%;background:rgba(255,255,255,0.9);box-shadow:0 2px 4px rgba(0,0,0,0.1);z-index:1000}nav ul{list-style:none;display:flex;justify-content:center;padding:10px 0}nav ul li{margin:0 15px}nav ul li a{text-decoration:none;color:#333;font-size:16px;transition:color 0.3s}nav ul li a:hover{color:#f60}table{width:80%;margin:80px auto 40px;border-collapse:collapse;background:rgba(255,255,255,0.8);box-shadow:0 4px 8px rgba(0,0,0,0.1)}table th,table td{padding:15px;text-align:left;border:1px solid #ddd}table th{background-color:#f4f4f4;width:150px}article{max-width:1200px;margin:0 auto}section{margin-bottom:40px;padding:20px;background:rgba(255,255,255,0.9);border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:transform 0.3s,box-shadow 0.3s}section:hover{transform:translateY(-5px);box-shadow:0 4px 12px rgba(0,0,0,0.2)}section h2{font-size:24px;margin-bottom:15px;color:#222}section h3{font-size:20px;margin:20px 0 10px;color:#444}section p{font-size:16px;line-height:1.8;color:#555}section img{display:block;margin:20px auto;max-width:100%;width:80%;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.1);transition:transform 0.3s}section img:hover{transform:scale(1.05)}@media (max-width:768px){nav ul{flex-direction:column}nav ul li{margin:10px 0}table{width:100%}section img{width:100%}}@media (max-width:480px){nav{padding:10px}nav ul li a{font-size:14px}section h2{font-size:20px}section h3{font-size:18px}section p{font-size:14px}}