body{margin:0;padding:0;font-family:'Comic Sans MS',cursive,sans-serif;background-image:url('https://images.gptkong.com/idiom/b/350_0.png');background-size:cover;background-attachment:fixed;color:#FFF}nav{position:fixed;top:0;width:100%;background:rgba(0,31,63,0.9);z-index:1000;display:flex;justify-content:center;padding:10px 0;box-shadow:0 2px 4px rgba(0,0,0,0.5)}nav ul{list-style:none;display:flex;gap:20px}nav ul li{position:relative}nav ul li a{color:#FFDC00;text-decoration:none;font-size:16px;padding:8px 12px;transition:color 0.3s ease}nav ul li a:hover{color:#2ECC40}.chapter-nav{position:fixed;top:60px;right:20px;background:rgba(0,31,63,0.8);padding:10px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.5)}.chapter-nav ul{list-style:none;padding:0;margin:0}.chapter-nav ul li{margin:10px 0}.chapter-nav ul li a{color:#FFDC00;text-decoration:none;font-size:14px;transition:color 0.3s ease}.chapter-nav ul li a:hover{color:#2ECC40}article{max-width:900px;margin:100px auto 50px;background:rgba(0,43,85,0.9);padding:30px;border-radius:15px;box-shadow:0 8px 16px rgba(0,0,0,0.3);position:relative;overflow:hidden}section{margin-bottom:40px}section h2,section h3,section h4{color:#FF851B;text-shadow:2px 2px 4px #000}section h2{font-size:28px;margin-bottom:20px}section h3{font-size:24px;margin-bottom:15px}section h4{font-size:20px;margin-bottom:10px}section p{line-height:1.8;margin-bottom:20px;color:#FFF}section b{color:#FF4136}section i{color:#2ECC40}section span.highlight{background-color:#FFDC00;color:#001f3f;padding:2px 6px;border-radius:4px}table{width:100%;border-collapse:collapse;margin-top:20px;margin-bottom:20px}table,th,td{border:1px solid #AAA}th,td{padding:12px;text-align:left}th{background-color:rgba(255,255,255,0.1)}td ul{list-style:disc;padding-left:20px}img{display:block;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;width:80%;max-width:900px}img:hover{transform:scale(1.05);box-shadow:0 8px 16px rgba(0,0,0,0.5)}.decorative-line{height:4px;background:linear-gradient(90deg,#2ECC40,#FFDC00,#FF4136);margin:30px 0;border-radius:2px;animation:gradient 5s linear infinite}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}footer{text-align:center;padding:20px;background:rgba(0,31,63,0.9);color:#FFDC00;position:fixed;width:100%;bottom:0;box-shadow:0 -2px 4px rgba(0,0,0,0.5)}@media (max-width:1200px){article{margin:100px 20px 50px;padding:25px}nav ul{gap:15px}.chapter-nav{top:70px;right:10px}}@media (max-width:768px){nav ul{gap:10px}nav ul li a{font-size:14px}.chapter-nav{position:static;margin-top:20px;background:rgba(0,31,63,0.95);padding:15px;border-radius:10px}article{margin:80px 10px 50px;padding:20px}img{width:100%}section h2{font-size:24px}section h3{font-size:20px}section h4{font-size:18px}section p{font-size:16px}.decorative-line{margin:20px 0}}@media (max-width:480px){nav ul{flex-direction:column;align-items:center}nav ul li{margin-bottom:10px}.chapter-nav ul li a{font-size:12px}section h2{font-size:20px}section h3{font-size:18px}section h4{font-size:16px}section p{font-size:14px}}.animated-shrimp{position:absolute;bottom:10px;left:10px;width:60px;animation:shrimpMove 10s linear infinite}@keyframes shrimpMove{0%{transform:translateX(0)}50%{transform:translateX(300px)}100%{transform:translateX(0)}}.animated-crab{position:absolute;top:10px;right:10px;width:80px;animation:crabMove 12s linear infinite}@keyframes crabMove{0%{transform:translateY(0)}50%{transform:translateY(200px)}100%{transform:translateY(0)}}a{position:relative;display:inline-block}a::after{content:'';position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:#FFDC00;transform-origin:bottom right;transition:transform 0.25s ease-out}a:hover::after{transform:scaleX(1);transform-origin:bottom left}.btn{display:inline-block;padding:10px 20px;background:linear-gradient(45deg,#2ECC40,#FFDC00);border:none;border-radius:25px;color:#001f3f;font-size:16px;cursor:pointer;transition:background 0.3s ease,transform 0.3s ease}.btn:hover{background:linear-gradient(45deg,#FFDC00,#2ECC40);transform:translateY(-5px)}.shadow-text{text-shadow:3px 3px 6px rgba(0,0,0,0.7)}.light-effect{background:rgba(255,255,255,0.1);backdrop-filter:blur(5px);border-radius:10px}.gradient-background{background:linear-gradient(135deg,#001f3f,#0074D9,#2ECC40,#FFDC00);background-size:400% 400%;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.flex-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.flex-item{flex:1 1 300px;background:rgba(0,43,85,0.8);padding:20px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.3);transition:transform 0.3s ease}.flex-item:hover{transform:translateY(-10px)}.fade-in{opacity:0;animation:fadeInAnimation 2s forwards}@keyframes fadeInAnimation{to{opacity:1}}.breadcrumbs{font-size:14px;margin-bottom:20px;color:#FFF}.breadcrumbs a{color:#2ECC40;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.tooltip{position:relative;display:inline-block;cursor:pointer}.tooltip::after{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.8);color:#fff;padding:5px 10px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.3s ease;font-size:12px}.tooltip:hover::after{opacity:1}.highlighted{background:rgba(255,220,0,0.2);padding:4px 8px;border-radius:4px}html{font-size:16px}@media (max-width:768px){html{font-size:14px}}@media (max-width:480px){html{font-size:12px}}.container{padding:20px}.image-wrapper{position:relative;text-align:center}.image-wrapper img{width:80%;max-width:800px}.image-wrapper .caption{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.6);color:#FFDC00;padding:5px 10px;border-radius:5px;font-size:14px}footer p{margin:0;font-size:14px}footer a{color:#2ECC40;text-decoration:none}footer a:hover{text-decoration:underline}