 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     -webkit-tap-highlight-color: transparent;
     /* 去除点击高亮 */
 }

 html, body {
     font-family: 'Microsoft YaHei', sans-serif, -apple-system;
     /* 鸿蒙系统字体兼容 */
     background-color: #fff;
     color: #333;
     line-height: 1.6;
     margin: 0;
     -webkit-text-size-adjust: 100%;
     /* 防止字体缩放 */
     height: 100%;
     overflow-x: hidden;
 }

 body {
     display: flex;
     flex-direction: column;
 }

 .container {
     max-width: 100%;
     margin: 0;
     padding: 0;
     overflow-x: hidden;
     /* 防止横向滚动 */
     flex: 1;
     display: flex;
     flex-direction: column;
 }

 .container-cont {
     width: 100%;
     flex: 1;
     display: flex;
     flex-direction: column;
 }

 .container-item-cont{
     width: 100%;
     flex: 1;
     display: flex;
     flex-direction: column;
 }
 .container-item-cont img{
     width: 100%;
     height: 100%;
     display: block;
     margin: 0;
     padding: 0;
     border: none;
     -webkit-user-drag: none;
     object-fit: contain;
 }

 .container-item:first-child {
     scroll-margin-top: 150px;
     /* 为第一个元素增加更多间距 */
 }

 .navbar {
     position: sticky;
     top: 0;
     z-index: 100;
     padding: 10px;
     box-sizing: border-box;
     background: #fff;
     border-bottom: none;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
     /* 添加阴影效果 */
 }

 .navbar-cont {
     background-color: #3a05f1;
     height: 40px;
     line-height: 40px;
     border-radius: 20px;
     padding: 0 20px;
     box-sizing: border-box;
     display: flex;
     justify-content: space-between;
 }

 .navbar a {
     color: white;
     text-decoration: none;
     font-weight: bold;
     font-size: 14px;
 }

 .home {
     display: flex;
     align-items: center;
 }

 .home-img {
     width: 25px;
     height: 25px;
 }

 .footer{
     width: 100%;
     background-color: #3a05f1;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 .footer img{
     width: 100%;
     height: auto;
 }
 .copyright{
    font-size: 12px;
    color: #fff;
    text-align: center;
    padding: 20px;
    background: #000;
 }