 body{margin:0;padding-top:60px;font-family:'Arial',sans-serif;background-image:url('https://images.gptkong.com/idiom/b/2190_0.png');background-size:cover;background-repeat:no-repeat;background-attachment:fixed;color:#FFF;line-height:1.6}nav{position:fixed;top:0;width:100%;background:linear-gradient(135deg,#2C3E50,#4CA1AF);box-shadow:0 4px 6px rgba(0,0,0,0.1);z-index:1000}nav ul{list-style:none;margin:0;padding:15px 20px;display:flex;justify-content:center}nav ul li{margin:0 15px}nav ul li a{text-decoration:none;color:#FFD700;font-size:16px;transition:color 0.3s ease}nav ul li a:hover{color:#FFF}table{width:90%;max-width:800px;margin:20px auto;border-collapse:collapse;background:rgba(0,0,0,0.6);box-shadow:0 4px 8px rgba(0,0,0,0.3)}table th,table td{border:1px solid #FFD700;padding:12px 20px;text-align:left}table th{background:linear-gradient(45deg,#2C3E50,#4CA1AF);color:#FFD700;font-size:18px}table td{color:#FFF;font-size:16px}article{width:90%;max-width:1000px;margin:20px auto;background:rgba(0,0,0,0.7);padding:30px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.5)}article h2{color:#FFD700;font-size:28px;margin-bottom:20px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,0.5)}article h3{color:#FF8C00;font-size:22px;margin-top:30px;margin-bottom:15px;border-bottom:2px solid #FFD700;padding-bottom:5px}article p{color:#F0E68C;font-size:16px;margin-bottom:15px}article p span{color:#FFD700}article ul{list-style:disc inside;color:#F0E68C}.article-image{display:block;margin:20px auto;max-width:90%;width:100%;height:auto;border-radius:15px;box-shadow:0 4px 8px rgba(0,0,0,0.5);transition:transform 0.3s ease,box-shadow 0.3s ease}.article-image:hover{transform:scale(1.05);box-shadow:0 8px 16px rgba(0,0,0,0.7)}section{margin-bottom:40px;padding:20px;background:linear-gradient(135deg,rgba(44,62,80,0.8),rgba(76,161,175,0.8));border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,0.3)}@media (max-width:1200px){nav ul{flex-wrap:wrap}article{padding:20px}article h2{font-size:24px}article h3{font-size:20px}article p{font-size:15px}}@media (max-width:768px){nav ul{display:none}body{padding-top:20px}table{width:100%}.article-image{max-width:100%}section{padding:15px}}@media (max-width:480px){article h2{font-size:20px}article h3{font-size:18px}article p{font-size:14px}}
