*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;background-image:url('https://images.gptkong.com/idiom/b/240_0.png');background-size:cover;background-attachment:fixed;color:#333;padding:20px;transition:background 0.5s ease}nav{position:fixed;top:0;width:100%;background:rgba(54,54,54,0.9);color:#fff;padding:10px 0;z-index:1000;box-shadow:0 2px 5px rgba(0,0,0,0.3)}nav ul{display:flex;justify-content:center;list-style:none}nav ul li{margin:0 15px}nav ul li a{color:#fff;text-decoration:none;font-size:16px;position:relative;padding:5px 0;transition:color 0.3s ease}nav ul li a::after{content:'';position:absolute;width:0;height:2px;background:#ff5722;left:0;bottom:0;transition:width 0.3s ease}nav ul li a:hover{color:#ff5722}nav ul li a:hover::after{width:100%}table{width:100%;max-width:800px;margin:100px auto 20px auto;border-collapse:collapse;background:rgba(255,255,255,0.9);border-radius:8px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,0.1)}table th,table td{padding:15px;text-align:left;border:1px solid #ddd}table th{background:#ff5722;color:#fff;width:20%}table td ul{list-style-type:disc;margin-left:20px;color:#555}table td ul li{margin-bottom:5px}article{max-width:900px;margin:20px auto;background:rgba(255,255,255,0.85);padding:20px;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,0.1)}section{margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #eee}section:last-child{border-bottom:none}h2{font-size:24px;margin-bottom:15px;color:#333;position:relative;padding-left:30px}h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:2px;background:#ff5722}p{margin-bottom:15px;font-size:16px;color:#444}img{display:block;max-width:100%;width:70%;height:auto;margin:20px auto;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.2);transition:transform 0.3s ease,box-shadow 0.3s ease}img:hover{transform:scale(1.05);box-shadow:0 8px 16px rgba(0,0,0,0.3)}@media (max-width:768px){nav ul{flex-direction:column;align-items:center}nav ul li{margin:10px 0}img{width:90%}}@media (max-width:480px){body{padding:10px}nav ul li a{font-size:14px}h2{font-size:20px}p{font-size:14px}}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.6);z-index:-1}section:nth-child(odd){background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:10px;padding:20px}section:nth-child(even){background:linear-gradient(135deg,#e0eafc,#cfdef3);border-radius:10px;padding:20px}a{color:#ff5722;text-decoration:none;position:relative;transition:color 0.3s ease}a::after{content:'';position:absolute;width:0;height:1px;background:#ff5722;left:0;bottom:-2px;transition:width 0.3s ease}a:hover::after{width:100%}ul{margin-left:20px}ul li{margin-bottom:10px}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:rgba(0,0,0,0.1);border-radius:4px}body::-webkit-scrollbar-thumb{background:#ff5722;border-radius:4px}body::-webkit-scrollbar-thumb:hover{background:#e64a19}h2{background:linear-gradient(90deg,#ff5722,#e64a19);-webkit-background-clip:text;-webkit-text-fill-color:transparent}button{background:#ff5722;color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;transition:background 0.3s ease}button:hover{background:#e64a19}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}article,table,nav{animation:fadeIn 1s ease forwards}