ul{list-style:none;padding:0;margin:0}a{text-decoration:none}#nav{width:100%;height:60px;margin:0px auto;background:linear-gradient(135deg,#BC95C6,#7dc4cc);font-size:18px;font-family:微软雅黑;box-shadow:0 4px 8px rgba(0,0,0,0.1);border-radius:10px}#nav ul li{float:left;position:relative;z-index: 999;}#nav ul li a{display:block;width:160px;height:60px;line-height:60px;text-align:center;color:#fff;transition:background 0.3s,color 0.3s}#nav ul li a:hover{color:#81a380;background:#fff}#nav ul li ul{position:absolute;top:60px;left:0;display:none;background:#bed2bb;box-shadow:0 4px 8px rgba(0,0,0,0.1);border-radius:0 0 10px 10px;min-width:160px}#nav ul li ul li{float:none;width:100%}#nav ul li ul li a{color:#fff;border-top:1px solid #a9be7b;border-radius:0}#nav ul li ul li a:hover{color:#736efe;background:#fff}#nav ul li:hover ul{display:block}@media (max-width:768px){#nav ul{display:flex;overflow-x:auto;white-space:nowrap}#nav ul li{display:inline-block}#nav ul li ul{display:none}#nav ul li:hover ul,#nav ul li:focus-within ul{display:none}}body{background-image: linear-gradient(135deg,#90f7ec,#32ccbc);padding-bottom:60px;font-family:微软雅黑}#blog{box-shadow:darkgrey 8px 8px 25px 4px;height:600px;border-radius:20px;background-color:#eaeef1;margin:20px 0;padding:20px;transition:transform 0.5s ease-in-out}#tupian,#shipin{box-shadow:darkgrey 8px 8px 25px 4px;min-height:600px;height:auto;border-radius:20px;background-color:#eaeef1;margin:20px 0;padding:20px;transition:transform 0.5s ease-in-out}#tupian:hover,#blog:hover,#shipin:hover{transform:translateY(-10px)}iframe{border-radius:10px;width:100%;height:450px}footer{text-align:center;color:white}footer a{color:#eac0be}#img_list{list-style:none;padding:0;display:flex;flex-direction:column;align-items:center}#img_list li{display:flex;flex-direction:column;align-items:center;margin:10px 0;width:100%;text-align:center}#img_list li a{color:inherit}#img_list img{max-width:100%;height:auto;object-fit:contain;transition:transform 0.3s ease}#img_list img:hover{transform:scale(1.1)}#img_list span{margin-top:10px}@media (min-width:768px){#img_list{flex-direction:row;justify-content:space-around}#img_list li{width:30%}}