.wulin-font {
            font-family: 'Ma Shan Zheng', cursive;
        }

        
        /* 游戏海报区域 */
        .game-banner {
            height: 100vh;
            background: url('/images/bg2_01.webp') no-repeat center center/cover;
            position: relative;
            display: flex;
            align-items: flex-end;
            justify-content: center;
            padding-bottom: 100px;
            overflow: hidden;
        }
        
        /* 下载区域优化 */
        .download-section {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(8px);
            border-radius: 15px;
            padding: 15px;
            /*width: 90%;*/
            max-width: 650px;
            display: flex;
            align-items: center;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            margin-bottom: 50px;
        }
        
        .qrcode-container {
            position: relative;
            display: flex;
            align-items: center;
            margin-right: 15px;
        }
        
        .scan-text {
            writing-mode: vertical-rl;
            text-orientation: upright;
            margin-right: 10px;
            font-family: 'Ma Shan Zheng', cursive;
            color: #c1272d;
            font-size: 18px;
            font-weight: bold;
        }
        
        .qrcode {
           width: 140px;
           height: 140px;
           background: #fff;
           padding: 8px;
           border-radius: 10px;
           box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
           position: relative; /* 关键：让伪元素相对自身定位 */
           overflow: hidden;    /* 关键：隐藏扫描线超出容器的部分 */
           box-sizing: border-box; /* 让宽高包含padding，避免布局偏移 */
        }
        
        /* 宽版半透明金色扫描线 */
        .qrcode::before {
          content: '';
          position: absolute;
          left: 0;
          width: 100%;
          height: 10px; /* 扫描线宽度（从2px增至10px，更醒目） */
          /* 金色渐变：中间实色，边缘半透明（rgba实现透明度） */
          background: linear-gradient(
            90deg,
            rgba(255, 218, 185, 0.3), /* 左侧半透明浅金 */
            rgba(255, 215, 0, 0.8),   /* 中间主金色（半透明） */
            rgba(255, 218, 185, 0.3)  /* 右侧半透明浅金 */
          );
          /* 边缘半透明光晕（增强渐变过渡感） */
          box-shadow: 0 0 15px rgba(255, 215, 0, 0.5); /* 金色光晕，半透明 */
          animation: scan-horizontal 2s infinite alternate;
          z-index: 10;
        }
        
        /* 动画关键帧（适配宽扫描线，避免超出容器） */
        @keyframes scan-horizontal {
          0% {
            top: 0; /* 从顶部开始 */
          }
          100% {
            top: calc(100% - 10px); /* 减去自身高度，确保底部不溢出 */
          }
        }
        
        .qrcode img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            position: relative;
            z-index: 2;
        }
        
        .download-buttons-container {
            display: flex;
            align-items: center;
            gap: 15px;
            flex: 1;
        }
        
        .mobile-downloads {
            display: flex;
            flex-direction: column;
            gap: 10px;
            /*flex: 1;*/
        }
        
        .download-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 12px 15px;
            border-radius: 8px;
            color: white;
            font-weight: bold;
            font-size: 16px;
            transition: all 0.3s ease;
            border: none;
            cursor: pointer;
            font-family: "KaiTi", "楷体", serif;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
        }
        
        .download-btn.android {
            width: 160px;
            height:62px;
            background: linear-gradient(135deg, #7CB342, #558B2F);
        }
        
        .download-btn.ios {
            width: 160px;
            height:62px;
            background: linear-gradient(135deg, #5AC8FA, #007AFF);
        }
        
        .download-btn.pc {
            background: linear-gradient(135deg, #FFB74D, #FF9800);
            width: 135px;
            height: 135px;
            flex-direction: column;
            gap: 8px;
            font-size: 18px;
        }
        
        .download-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25);
        }
        
        .download-btn svg {
            width: 24px;
            height: 24px;
            margin-right: 10px;
        }
        
        .download-btn.pc svg {
            width: 36px;
            height: 36px;
            margin-right: 0;
            margin-bottom: 5px;
        }
        
        /* 文章区域 */
        .new-banner {
            background: url('/images/bg-3_5832007.webp') no-repeat center center/cover;
            position: relative;
            padding: 40px 0;
            min-height: 700px;
        }
        
        .container-new {
            opacity: 0.95;
            background: #FFFFFF;
            max-width: 1400px;
            margin: 0 auto;
            border-radius: 10px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
            overflow: hidden;
        }
        
        .section-header {
            margin: 0;
            text-align: center;
            color: #c1272d;
            padding: 20px 20px 10px;
            font-size: 2rem;
            font-family: 'Ma Shan Zheng', cursive;
            border-bottom: 2px solid #f0f0f0;
        }
        
        /* 滚动通知 */
        .scroll-notice {
            background-color: #ffffff;
            padding: 10px 20px;
            border-bottom: 1px solid #f0f0f0;
            overflow: hidden;
            position: relative;
        }
        
        .scroll-notice a {
            display: block;
            white-space: nowrap;
            color: #c1272d;
            font-weight: bold;
            animation: scrollText 20s linear infinite;
        }
        
        @keyframes scrollText {
            0% { transform: translateX(100%); }
            100% { transform: translateX(-100%); }
        }
        
        .content-wrapper {
            display: flex;
            padding: 20px;
            min-height: 500px;
        }
        
        /* 左侧下载区域 */
        .sidebar-download {
            width: 140px;
            padding-right: 20px;
            display: flex;
            flex-direction: column;
            gap: 15px;
        }
        
        .sidebar-qrcode {
            width: 140px;
            height: 140px;
            background: #fff;
            padding: 8px;
            border-radius: 10px;
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
        }
        
        .sidebar-qrcode img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .sidebar-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 10px;
            border-radius: 8px;
            color: white;
            font-size: 14px;
            transition: all 0.3s ease;
            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
        }
        
        .sidebar-btn.android {
            width: 140px;
            height:70px;
            background: linear-gradient(135deg, #7CB342, #558B2F);
        }
        
        .sidebar-btn.ios {
            width: 140px;
            height:70px;
            background: linear-gradient(135deg, #5AC8FA, #007AFF);
        }
        
        .sidebar-btn.pc {
            width: 140px;
            height:70px;
            background: linear-gradient(135deg, #FFB74D, #FF9800);
        }
        
        .sidebar-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
        }
        
        .sidebar-btn svg {
            width: 20px;
            height: 20px;
            margin-right: 8px;
        }
        
        .health-tip {
            width: 140px;
            background-color: #fff8e1;
            border-radius: 8px;
            padding: 10px;
            font-size: 14px;
            color: #e65100;
            text-align: center;
            margin-top: 10px;
            border: 1px dashed #ffcc80;
        }
        
        .health-tip strong {
            font-family: 'Ma Shan Zheng', cursive;
            font-size: 14px;
        }
        
        .news-section {
            flex: 3;
            padding: 0 20px;
            border-right: 1px solid #eee;
        }
        
        .server-section {
            flex: 1;
            padding-left: 20px;
        }
        
        .tabs {
            display: flex;
            background: #f0f4f8;
            border-radius: 6px;
            margin-bottom: 20px;
            overflow: hidden;
        }
        
        .tab {
            padding: 12px 25px;
            cursor: pointer;
            font-weight: 500;
            border-bottom: 3px solid transparent;
            transition: all 0.3s ease;
            font-family: "KaiTi", "楷体", serif,bold;
            font-size:1.5rem;
        }
        
        .tab.active {
            border-bottom: 3px solid #c1272d;
            background: white;
            color: #c1272d;
        }
        
        .tab-content {
            display: none;
        }
        
        .tab-content.active {
            display: block;
        }
        
        .index-article-list {
            list-style: none;
        }
        
        .index-article-item {
            padding: 15px 0;
            border-bottom: 1px solid #eee;
            transition: background-color 0.2s;
        }
        
        .index-article-item:hover {
            background-color: #f8fafd;
            cursor: pointer;
        }
        
        
        .index-article-title {
            display: flex;
            justify-content: space-between;
            align-items: center; /* 新增：垂直居中，确保时间和标题对齐 */
            margin-bottom: 5px;
            font-weight: 500;
            /* 移除 flex-wrap: wrap; 否则时间可能被挤到下一行 */
            /* flex-wrap: wrap; */
        }
        
        /* 重点：让标签和标题的容器变成 Flex，强制垂直居中 */
        .index-article-title > div {
            display: flex;             /* 横向排列子元素（标签 + 标题） */
            align-items: center;       /* 垂直居中 */
            gap: 8px;                  /* 标签和标题的间距 */
            flex: 1;                   /* 占据剩余空间（不挤压时间） */
            min-width: 0;              /* 允许容器收缩（适配窄屏幕） */
        }
        
        /* 时间：固定在右侧，避免自身换行 */
        .index-article-date {
            color: #888;
            font-size: 0.9em;
            white-space: nowrap; /* 时间自身不换行 */
            margin-left: 15px; /* 与标题保持间距，可选 */
        }
        
        .index-article-prefix {
            display: inline-block;      /* 保持行内块级，可设置宽高和内外边距 */
            padding: 2px 6px;          
            border-radius: 4px;        
            font-size: 0.85em;         
            white-space: nowrap;       /* 关键：强制文字不换行！ */
            vertical-align: middle;    /* 可选：和标题垂直居中对齐 */
        }
        
        .guide .index-article-prefix {
            background-color: #e6f7ff;
            color: #1890ff;
        }
        
        .announcement .index-article-prefix {
            background-color: #f6ffed;
            color: #52c41a;
        }
        
        .gift .index-article-prefix {
            background-color: #fff7e6;
            color: #fa8c16;
        }
        
        /*.top .index-article-prefix {*/
        /*    background-color: #FF2E05;*/
        /*    color: #ffffff;*/
        /*}*/
        
                /* 置顶标签样式 */
        .index-article-prefix.sticky {
            background-color: #FF2E05; /* 红色背景 */
            color: #ffffff; /* 白色文字 */
        }
        
        .index-article-date {
            color: #888;
            font-size: 0.9em;
            white-space: nowrap;
        }
        
        .index-article-preview {
            color: #666;
            font-size: 0.95em;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }
        
        .view-more {
            display: block;
            margin-top: 15px;
            padding: 8px 15px;
            background: #f0f4f8;
            border-radius: 4px;
            text-align: center;
            font-weight: 500;
            color: #c1272d;
            transition: background-color 0.3s;
            font-family: "KaiTi", "楷体", serif;
        }
        
        .view-more:hover {
            background: #e0e8f0;
            text-decoration: none;
        }
        
        .server-section h2 {
            margin-bottom: 15px;
            padding-bottom: 10px;
            border-bottom: 2px solid #eee;
            color: #444;
            font-family: "KaiTi", "楷体", serif;
        }
        
        .server-table {
            width: 100%;
            border-collapse: collapse;
        }
        
        .server-table th {
            background: #f0f4f8;
            padding: 12px 15px;
            text-align: left;
            font-weight: 500;
            color: #666;
        }
        
        .server-table td {
            padding: 12px 15px;
            border-bottom: 1px solid #eee;
        }
        
        .server-table tr:last-child td {
            border-bottom: none;
        }
        
        .server-name {
            font-weight: 500;
        }
        
        .server-time {
            color: #666;
            font-size: 0.9em;
        }
        
        /* 截图轮播 */
        .carousel-section {
            position: relative;
            padding: 60px 0;
            background-color: #f9f9f9;
            overflow: hidden;
        }
        
        .carousel-background {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url('/images/bg-4_6f07e43.jpg') no-repeat center center/cover;
            opacity: 0.55;
            z-index: 1;
        }
        
        .carousel-content {
            position: relative;
            z-index: 2;
        }
        
        .section-title {
            padding-top: 20px;
            text-align: center;
            font-size: 2.5rem;
            color: #c1272d;
            position: relative;
            margin-bottom: 40px;
            font-family: 'Ma Shan Zheng', cursive;
        }
        
        .section-title::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 180px;
            height: 4px;
            background: linear-gradient(90deg, #ffd166, #c1272d, #ffd166);
            border-radius: 2px;
        }
        
        .carousel-container {
            position: relative;
            width: 600px;
            height: 500px;
            margin: 0 auto;
            perspective: 1000px;
        }
        
        .carousel {
            position: relative;
            width: 100%;
            height: 100%;
            transform-style: preserve-3d;
            transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            padding-bottom: 200px;
        }
        
        .carousel-item {
            position: absolute;
            width: 533px;
            height: 300px;
            top: 35%;
            left: 50%;
            transform: translate(-50%, -50%);
            border: none;
            box-shadow: 0 10px 30px rgba(0,0,0,0.15);
            transition: all 0.4s ease;
            cursor: pointer;
            background-color: #fff;
            overflow: hidden;
            border-radius: 8px;
        }
        
        .carousel-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        
        .carousel-item:nth-child(1) {
            transform: translate(-110%, -50%) scale(0.85);
            z-index: 1;
        }
        
        .carousel-item:nth-child(2) {
            z-index: 3;
            box-shadow: 0 15px 40px rgba(0,0,0,0.2);
        }
        
        .carousel-item:nth-child(3) {
            transform: translate(10%, -50%) scale(0.85);
            z-index: 1;
        }
        
        .carousel-item:nth-child(4),
        .carousel-item:nth-child(5) {
            opacity: 0;
            visibility: hidden;
        }
        
        .carousel-item:hover {
            transform: translate(-50%, -50%) scale(1.02);
            box-shadow: 0 15px 40px rgba(0,0,0,0.25);
        }
        

  /* 枫叶基础样式 */
  .maple-leaf {
    position: fixed;
    top: -10%; /* 从页面顶部外开始 */
    z-index: 9999; /* 确保在内容上方，但不遮挡交互元素（可调整） */
    pointer-events: none; /* 不影响用户点击页面 */
    animation-timing-function: ease-in-out;
  }

  /* 飘落动画（核心） */
  @keyframes fall {
    0% {
      transform: translate(0, 0) rotate(0deg);
      opacity: 0.8;
    }
    100% {
      transform: translate(100px, 100vh) rotate(360deg); /* 飘落到底部并旋转 */
      opacity: 0.3;
    }
  }