 *{margin:0;padding:0;box-sizing:border-box}body{font-family:"微软雅黑",sans-serif;line-height:1.6;color:#333;background:url('https://images.gptkong.com/idiom/b/272_x0.png') no-repeat center center fixed;background-size:cover;position:relative;padding-top:60px;transition:background 1s ease-in-out}body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(135,206,250,0.6),rgba(255,215,0,0.6));z-index:-1}nav{position:fixed;top:0;left:0;width:100%;background:rgba(255,255,255,0.8);box-shadow:0 2px 4px rgba(0,0,0,0.1);z-index:1000}nav ul{list-style:none;display:flex;justify-content:center;padding:15px 0}nav ul li{margin:0 20px}nav ul li a{text-decoration:none;color:#FF4500;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:#FF4500;left:0;bottom:0;transition:width 0.3s ease}nav ul li a:hover::after{width:100%}@media (max-width:768px){nav ul{display:none}}article{max-width:1000px;margin:40px auto;padding:20px;background:rgba(255,255,255,0.9);border-radius:15px;box-shadow:0 8px 16px rgba(0,0,0,0.2);position:relative}table{width:100%;border-collapse:collapse;margin:20px 0;background:linear-gradient(135deg,#FFEB3B,#FFC107);border:2px solid #FFA07A;border-radius:10px;overflow:hidden}table th,table td{padding:15px;text-align:left;border-bottom:1px solid #FFA07A;font-size:16px}table th{background-color:rgba(255,69,0,0.2);color:#FF4500}table tr:last-child td{border-bottom:none}h2,h3,h4{color:#FF4500;margin-top:30px;margin-bottom:15px;position:relative}h2{font-size:28px;border-bottom:3px solid #FFA07A;padding-bottom:10px;font-family:'Handwritten',cursive}h3{font-size:24px;border-bottom:2px solid #FFA07A;padding-bottom:5px;font-family:'Handwritten',cursive}h4{font-size:20px;color:#FF6347;font-family:'Handwritten',cursive}p{margin:20px 0;font-size:16px;line-height:1.8}span.highlight{background-color:#FF0;padding:2px 4px;border-radius:3px}b{font-weight:bold}i{font-style:italic}pre{background:#f5f5f5;padding:10px;border-left:4px solid #FFA07A;overflow-x:auto;border-radius:5px}code{background:#f5f5f5;padding:2px 4px;border-radius:3px;font-family:"Courier New",Courier,monospace}img{display:block;margin:20px auto;max-width:90%;width:100%;height: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)}.decorative-line{width:50px;height:3px;background:linear-gradient(to right,#FF4500,#FFA07A);margin:10px 0;border-radius:2px}@media (max-width:1200px){h2{font-size:26px}h3{font-size:22px}h4{font-size:18px}p{font-size:15px}}@media (max-width:768px){article{padding:15px}table th,table td{padding:10px;font-size:14px}nav ul li{margin:0 10px}nav ul li a{font-size:14px}}@media (max-width:480px){h2{font-size:24px}h3{font-size:20px}h4{font-size:16px}p{font-size:14px}}html{scroll-behavior:smooth}.fade-in{opacity:0;transform:translateY(20px);transition:opacity 1s ease-out,transform 1s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.btn{display:inline-block;padding:10px 20px;background:linear-gradient(45deg,#FF4500,#FFA07A);color:#fff;text-decoration:none;border-radius:25px;transition:background 0.3s ease,transform 0.3s ease}.btn:hover{background:linear-gradient(45deg,#FFA07A,#FF4500);transform:translateY(-5px)}footer{text-align:center;padding:20px 0;background:rgba(255,255,255,0.8);margin-top:40px;border-top:2px solid #FFA07A}footer p{font-size:14px;color:#555}
