*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-image:url('https://images.gptkong.com/idiom/b/115_x0.png');background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;line-height:1.8;padding:0 20px;position:relative}nav{position:fixed;top:0;left:0;width:100%;background:rgba(0,0,0,0.6);padding:15px 20px;z-index:1000;transition:background 0.3s ease}nav ul{list-style:none;display:flex;justify-content:center;gap:20px}nav ul li a{color:#fff;text-decoration:none;font-size:16px;padding:5px 10px;transition:color 0.3s ease,background 0.3s ease}nav ul li a:hover{color:#ff8c00;background:rgba(255,140,0,0.2);border-radius:5px}body{padding-top:80px}table{width:100%;border-collapse:collapse;margin:20px 0;background:rgba(255,255,255,0.9);color:#333;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:10px;overflow:hidden}th,td{border:1px solid #ccc;padding:15px;text-align:left}th{background:linear-gradient(45deg,#6a11cb,#2575fc);color:#fff}td ul{list-style-type:disc;padding-left:20px}td ul li{margin-bottom:5px}article{max-width:1200px;margin:auto;padding:20px;background:rgba(0,0,0,0.5);border-radius:15px;box-shadow:0 8px 16px rgba(0,0,0,0.3);position:relative;overflow:hidden}section{margin-bottom:40px;padding:20px;background:rgba(255,255,255,0.1);border-radius:10px;position:relative;transition:background 0.3s ease}section:hover{background:rgba(255,255,255,0.2)}h2,h3,h4{margin-bottom:15px;text-shadow:1px 1px 2px rgba(0,0,0,0.5)}h2{font-size:2.5em;text-align:center;background:linear-gradient(45deg,#ff8c00,#ff4500);-webkit-background-clip:text;-webkit-text-fill-color:transparent}h3{font-size:2em;border-bottom:3px solid #6a11cb;padding-bottom:10px;background:linear-gradient(45deg,#6a11cb,#2575fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}h4{font-size:1.75em;color:#ff8c00;margin-top:20px}p{font-size:16px;color:#fff}b{color:#ff4500}i{color:#2E8B57}span.highlight{background-color:rgba(255,215,0,0.3);padding:2px 4px;border-radius:4px}article img{display:block;max-width:100%;height:auto;margin:20px auto;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.3);transition:transform 0.3s ease,box-shadow 0.3s ease}article img:hover{transform:scale(1.05);box-shadow:0 8px 16px rgba(0,0,0,0.5)}body::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(173,216,230,0.3),rgba(216,191,216,0.3),rgba(255,165,0,0.3));background-size:600% 600%;animation:gradientAnimation 20s ease infinite;z-index:-1}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}article::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1),rgba(255,255,255,0));animation:moveBackground 40s linear infinite;z-index:0}@keyframes moveBackground{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width:1200px){h2{font-size:2em}h3{font-size:1.75em}h4{font-size:1.5em}}@media (max-width:768px){nav ul{flex-direction:column;align-items:center}nav ul li{margin-bottom:10px}article{padding:15px}section{padding:15px}}@media (max-width:480px){nav ul{display:none}body{padding-top:60px}h2{font-size:1.75em}h3{font-size:1.5em}h4{font-size:1.25em}p{font-size:14px}}a{color:#ff8c00;transition:color 0.3s ease}a:hover{color:#fff;text-decoration:underline}