body{margin:0;padding:0;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:url('https://images.gptkong.com/idiom/b/305_x0.png') no-repeat center center fixed;background-size:cover;color:#333;line-height:1.6;overflow-x:hidden}nav{position:fixed;top:0;width:100%;background:linear-gradient(135deg,rgba(144,238,144,0.9),rgba(255,182,193,0.9));box-shadow:0 4px 6px rgba(0,0,0,0.1);z-index:1000;display:flex;justify-content:center;padding:10px 0;transition:all 0.3s ease-in-out}nav ul{list-style:none;display:flex;gap:20px}nav ul li a{text-decoration:none;color:#fff;font-weight:bold;padding:8px 12px;border-radius:4px;transition:background 0.3s}nav ul li a:hover{background:rgba(255,255,255,0.3)}@media (max-width:768px){nav ul{flex-direction:column;align-items:center;display:none}nav.active ul{display:flex}.menu-toggle{display:block;position:absolute;right:20px;top:15px;cursor:pointer;width:30px;height:30px}.menu-toggle div{width:100%;height:4px;background:#fff;margin:5px 0;transition:all 0.3s}}article{max-width:800px;margin:100px auto 50px auto;padding:20px;background:rgba(255,255,255,0.8);border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,0.1)}h2{text-align:center;font-size:2em;color:#2e8b57;margin-bottom:20px;position:relative}h2::after{content:"";display:block;width:50px;height:4px;background:linear-gradient(90deg,#ffb6c1,#87cefa);margin:10px auto 0 auto;border-radius:2px}section{margin-bottom:30px;padding:20px;background:linear-gradient(135deg,rgba(255,255,255,0.7),rgba(240,255,255,0.7));border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,0.05);position:relative;overflow:hidden}section::before{content:"";position:absolute;top:0;left:-50px;width:100px;height:100px;background:rgba(255,215,0,0.3);border-radius:50%;transform:rotate(45deg);animation:float 10s infinite linear}@keyframes float{from{transform:translateY(0) rotate(45deg)}to{transform:translateY(-1000px) rotate(45deg)}}h3{font-size:1.5em;color:#ff69b4;margin-bottom:15px;position:relative}h3::after{content:"";display:block;width:30px;height:3px;background:#87cefa;margin:5px 0 0 0;border-radius:2px}p{font-size:1em;color:#333;margin-bottom:15px}table{width:100%;border-collapse:collapse;margin-bottom:30px;background:rgba(255,255,255,0.9);border-radius:8px;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,0.1)}table th,table td{padding:10px;border:1px solid #ddd;text-align:left}table th{background:linear-gradient(135deg,#ff7f50,#87cefa);color:#fff;width:150px}table ul{list-style:disc inside;padding-left:20px}.article-image{display:block;margin:20px auto;max-width:90%;width:500px;height:auto;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.2);transition:transform 0.3s,box-shadow 0.3s}.article-image:hover{transform:scale(1.05);box-shadow:0 8px 16px rgba(0,0,0,0.3)}.petal{position:absolute;width:15px;height:15px;background:pink;opacity:0.8;border-radius:50%;animation:fall 5s infinite}@keyframes fall{0%{transform:translateY(0) rotate(0deg);opacity:1}100%{transform:translateY(100vh) rotate(360deg);opacity:0}}a{color:#ff69b4;text-decoration:none;transition:color 0.3s}a:hover{color:#2e8b57}@media (max-width:768px){article{margin:80px 10px 20px 10px}.article-image{width:90%}nav ul{flex-direction:column}nav.active ul{display:flex}}