/* <!--
// +----------------------------------------------------------------------
// | Quotes [心之所向，音之所达]**[我知道发出来有人会盗用,但请您留版权]
// +----------------------------------------------------------------------
// | Copyright 北之歌 || WangeCloud 2020-2025 All rights reserved.
// +----------------------------------------------------------------------
// | Author: 挽歌歌吖 <wangeyun@outlook.com>
// +----------------------------------------------------------------------
// | Date: 2025年04月18日 - - KitanoSakura
// +----------------------------------------------------------------------

  く__,.ヘヽ.        /  ,ー､ 〉
           ＼ ', !-─‐-i  /  /´
           ／｀ｰ'       L/／｀ヽ､
         /   ／,   /|   ,   ,       ',
       ｲ   / /-‐/  ｉ  L_ ﾊ ヽ!   i
        ﾚ ﾍ 7ｲ｀ﾄ   ﾚ'ｧ-ﾄ､!ハ|   |
          !,/7 '0'     ´0iソ|    |
          |.从"    _     ,,,, / |./    |
          ﾚ'| i＞.､,,__  _,.イ /   .i   |
            ﾚ'| | / k_７_/ﾚ'ヽ,  ﾊ.  |
              | |/i 〈|/   i  ,.ﾍ |  i  |
             .|/ /  ｉ：    ﾍ!    ＼  |
              kヽ>､ﾊ    _,.ﾍ､    /､!
              !'〈//｀Ｔ´', ＼ ｀'7'ｰr'
              ﾚ'ヽL__|___i,___,ンﾚ|ノ
                  ﾄ-,/  |___./
                  'ｰ'    !_,.:


--> */

body, html {
    margin: 0;
    padding: 0;
    font-family: 'Noto Sans SC', sans-serif;
    background-color: #000;
    overflow-x: hidden;
  }
  
  .main-bg {
    min-height: 100vh;
    background-image: url('https://www.loliapi.com/acg/');
    background-size: cover;
    background-position: center;
    backdrop-filter: blur(4px);
  }
  
  .anime-title {
    font-size: 2.5rem;
    font-weight: bold;
    text-shadow: 2px 2px 6px #000;
    animation: fadeInDown 1s ease;
  }
  
  .sns-card {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 1rem;
    border-radius: 1rem;
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    transition: all 0.4s ease;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(4px);
  }
  
  .sns-card .icon {
    font-size: 1.8rem;
    margin-right: 12px;
  }
  
  .sns-card:hover {
    transform: scale(1.05);
    opacity: 0.9;
  }

.site-footer {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  backdrop-filter: blur(8px);
  font-size: 0.9rem;
  z-index: 10;
}

  
  /* 每个平台的渐变背景样式 */
  .sns-qq { background: linear-gradient(45deg, #50c9ff, #637aff); }
  .sns-wechat { background: linear-gradient(45deg, #2ecc71, #27ae60); }
  .sns-bilibili { background: linear-gradient(45deg, #00a1d6, #23b7e5); }
  .sns-github { background: linear-gradient(45deg, #333, #555); }
  .sns-mail { background: linear-gradient(45deg, #ff6a00, #ee0979); }
  .sns-website { background: linear-gradient(135deg, #fdaae0, #ffc0cb, #ffe3ec);  }
  .sns-twitter { background: linear-gradient(45deg, #1da1f2, #0e71c8); }
  .sns-youtube { background: linear-gradient(45deg, #ff0000, #cc0000); }
  .sns-twitch { background: linear-gradient(45deg, #6441a5, #9146ff); }
  .sns-discord { background: linear-gradient(45deg, #7289da, #99aab5); }
  .sns-tiktok { background: linear-gradient(45deg, #69c9d0, #ee1d52); }
  .sns-line { background: linear-gradient(45deg, #00C300, #4B9E5D);  }  
  .sns-gitee { background: linear-gradient(45deg, #c71d23, #ec4e20); }
  .sns-instagram { background: linear-gradient(45deg, #feda75, #d62976, #962fbf, #4f5bd5); }
  .sns-facebook { background: linear-gradient(45deg, #3b5998, #4a69ad); }
  .sns-steam { background: linear-gradient(45deg, #00adee, #003b6f); }
  .sns-epic { background: linear-gradient(45deg, #313131, #535353); }
  .sns-xbox { background: linear-gradient(45deg, #107c10, #185c00); }
  
  /* 动画 */
  @keyframes fadeInDown {
    from {
      opacity: 0;
      transform: translateY(-20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  .loader-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: fadeOut 1s 1.2s forwards;
  }
  
  .loader {
    border: 5px solid rgba(255, 255, 255, 0.2);
    border-top: 5px solid #fff;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
  }
  
  @keyframes spin {
    to {
      transform: rotate(360deg);
    }
  }
  
  @keyframes fadeOut {
    to {
      opacity: 0;
      visibility: hidden;
    }
  }