/* 全局页脚基础 */
 .site-footer {
   background-color: #000000;
   width: 100%;
   padding: 40px 60px;
   margin-top: 60px;
 }

 .footer-container {
   margin: 0 auto;
   display: flex;
   align-items: flex-start;
   gap: 60px;
 }

 /* 左侧Logo区域 */
 .footer-logo-group {
   display: flex;
   align-items: center;
   gap: 20px;
   flex-shrink: 0;
 }

 .mihoyo-logo {
   height: 70px;
   border-radius: 50%;
   margin-left: 15px;
 }

 .logo-divider {
   color: #cccccc;
   font-size: 30px;
 }

 .genshin-logo {
   height: 80px;
 }

 /* 右侧文字整体容器 */
 .footer-text-wrap {
   flex: 1;
   color: #d0d0e0;
   font-size: 18px;
   line-height: 1.8;
 }

 /* 顶部链接行 */
 .footer-link-row {
   text-align: center;
   margin-bottom: 25px;
 }

 .footer-link-row a {
   color: #d0d0e0;
   text-decoration: none;
   padding: 0 10px;
 }

 .footer-link-row a:hover {
   color: #9470ff;
 }

 .footer-link-row span {
   color: #777788;
 }

 /* 文字段落 */
 .footer-text-list p {
   margin: 8px 0;
   text-align: center;
 }

 /* 底部图标栏 */
 .footer-icon-row {
   display: flex;
   justify-content: center;
   gap: 20px;
   margin-top: 30px;
 }

 .record-icon-box {
   border: 1px solid #444455;
   border-radius: 6px;
   padding: 10px 14px;
   display: flex;
   align-items: center;
   gap: 8px;
   font-size: 14px;
   color: #bbbbcc;
 }

 .record-icon-box img {
   height: 45px;
 }

 /* 移动端自适应 */
 @media screen and (max-width:1080px) {
   .footer-container {
     flex-direction: column;
   }

   .footer-logo-group {
     justify-content: center;
     padding-top: 0;
   }

   .footer-icon-row {
     flex-wrap: wrap;
   }
 }