*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;background-image:url('https://images.gptkong.com/idiom/b/135_x0.png');background-size:cover;background-attachment:fixed;background-repeat:no-repeat;color:#fff;padding-top:60px;transition:background 0.5s ease-in-out}nav{position:fixed;top:0;width:100%;background:rgba(0,0,0,0.7);backdrop-filter:blur(10px);z-index:1000;display:flex;justify-content:center;padding:10px 0}nav ul{list-style:none;display:flex;gap:20px}nav ul li{position:relative}nav ul li a{color:#fff;text-decoration:none;font-size:16px;padding:8px 12px;border-radius:5px;transition:background 0.3s,transform 0.3s}nav ul li a:hover{background:linear-gradient(45deg,#ff6ec4,#7873f5);transform:scale(1.1)}@media (max-width:768px){nav ul{flex-direction:column;align-items:center;display:none}nav.active ul{display:flex}}table{width:90%;max-width:800px;margin:20px auto;border-collapse:collapse;background:rgba(255,255,255,0.1);box-shadow:0 4px 15px rgba(0,0,0,0.3);border-radius:10px;overflow:hidden}table th,table td{padding:15px;text-align:left;border:1px solid rgba(255,255,255,0.3)}table th{background:linear-gradient(135deg,#f6d365 0,#fda085 100%);color:#333}table td ul{list-style:disc inside;padding-left:20px}article{width:90%;max-width:1000px;margin:20px auto;background:rgba(0,0,0,0.6);padding:20px;border-radius:15px;box-shadow:0 4px 20px rgba(0,0,0,0.5)}article h1,article h2,article h3,article h4{color:#ffefd5;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,0.7)}article h1{font-size:2.5em;text-align:center;margin-bottom:30px;background:linear-gradient(90deg,#ff758c,#ff7eb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}article h2{font-size:2em;margin-top:25px;border-bottom:2px solid #fff;padding-bottom:5px}article p{font-size:1.1em;margin-bottom:15px;text-align:justify;text-shadow:1px 1px 2px rgba(0,0,0,0.5)}.article-image{display:block;max-width:90%;width:100%;height:auto;margin:20px auto;border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,0.4);transition:transform 0.3s,box-shadow 0.3s}.article-image:hover{transform:scale(1.05);box-shadow:0 8px 25px rgba(0,0,0,0.6)}section{margin-bottom:40px;padding:20px;background:linear-gradient(135deg,rgba(255,255,255,0.1),rgba(0,0,0,0.3));border-radius:10px;box-shadow:inset 0 0 10px rgba(0,0,0,0.5);transition:background 0.5s ease}section:hover{background:linear-gradient(135deg,rgba(0,0,0,0.4),rgba(255,255,255,0.1))}a{color:#ff7eb3;text-decoration:none;transition:color 0.3s}a:hover{color:#ff758c}.nav-button{display:none}@keyframes fadeIn{from{opacity:0}to{opacity:1}}body{animation:fadeIn 2s ease-in}img{max-width:900px;min-width:500px}