/* 全局样式 */
body {

    /* --wekits-bg-gradient: linear-gradient(135deg, #d4d8e3 0%, #0e66f2 100%); */
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    background-color: #1e3c72; /* 底色 */
    background-image: 
        linear-gradient(135deg, #6a92ff 0%, #004dc8 100%),
        url('images/wheat-pattern.png'); /* 这是一个重复的小麦水印图 */
    /* background-repeat: repeat; */
    background-size: 200px; /* 控制水印的大小 */
    color: #fff;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    overflow-x: hidden;
}

 .container {
            max-width: 1000px;
            width: 100%;
            padding: 2rem;
            text-align: center;
        }

        .main-title {
            font-size: 2.2rem;
            margin-bottom: 3rem;
            font-weight: 600;
            letter-spacing: 1px;
            text-shadow: 0 4px 10px rgba(0,0,0,0.3);
        }

        /* 模块容器布局 */
        .module-wrapper {
            display: flex;
            gap: 2rem;
            justify-content: center;
            align-items: flex-start; /* 改为顶部对齐，高度随内容变化 */
            flex-wrap: wrap;
        }

        /* 大方块模块样式 */
        .card-module {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            width: 300px;         /* 宽度略微收窄 */
            padding: 25px 20px;   /* 减小内边距 */
            border-radius: 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
            transition: all 0.4s ease;
            box-sizing: border-box;
        }
        .card-footer {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 12px;          /* 手册和按钮之间的距离 */
            width: 100%;
        }   
        .card-module:hover {
            transform: translateY(-15px);
            background: rgba(255, 255, 255, 0.18);
            box-shadow: 0 20px 40px rgba(0,0,0,0.4);
            border-color: #00c6ff;
        }

        .card-module h2 {
            font-size: 1.8rem;
            margin: 5px 0;      /* 极小的上下边距 */
        }

        .card-module .sub-text {
            opacity: 0.8; margin-bottom: 20px;
        }

        .card-module .version-tag {
            position: absolute;
            top: 20px;
            right: 20px;
            background: #00c6ff;
            padding: 4px 12px;
            border-radius: 15px;
            font-size: 0.8rem;
            font-weight: bold;
        }

        /* 图标点缀 */
        .card-icon {
            font-size: 3.5rem;   /* 图标稍微缩小一点点 */
            margin-bottom: 10px;
        }

        /* 底部版权/二维码区域 */
        .footer-info {
            margin-top: 4rem;
            opacity: 0.7;
            font-size: 0.9rem;
        }

        .qr-section {
            margin-top: 20px;
            cursor: pointer;
        }
        
        .qr-section img {
            width: 120px;
            border-radius: 10px;
            transition: transform 0.3s;
        }

        .qr-section img:hover {
            transform: scale(1.1);
        }

        /* 手机端适配 */
        @media (max-width: 768px) {
            .main-title { font-size: 1.6rem; }
            .card-module {
                width: 100%;
                height: 280px;
            }
            .module-wrapper { gap: 1.5rem; }
        }

        /* 之前的祈福动效样式保留（已简化） */
        .wish-effect {
            position: fixed;
            pointer-events: none;
            color: #ff4757;
            font-weight: bold;
            animation: floatUp 2s forwards;
            z-index: 100;
        }
        @keyframes floatUp {
            0% { opacity: 1; transform: translateY(0); }
            100% { opacity: 0; transform: translateY(-100px); }
        }

/* PC 卡片专用样式 */
.pc-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: default !important; /* 取消大框的手型，由内部按钮接管 */
    position: relative;
}

/* 下载按钮：做一个横跨卡片的大按钮，或者放在文字下方 */
.download-btn-overlay {
    background: #00d8ff;
    color: #fff;
    text-decoration: none;
    padding: 8px 0;     /* 减小按钮高度 */
    border-radius: 20px;
    font-weight: bold;
    font-size: 0.9rem;
    width: 80%;         /* 按钮宽度适中 */
    text-align: center;
    transition: transform 0.2s;
}

.download-btn-overlay:hover {
    transform: scale(1.05);
    background: #00c6ff;
}

/* 内部手册链接样式 */
.manual-link-inner {
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    font-size: 0.85rem;
    transition: 0.3s;
}

.manual-link-inner:hover {
    color: #fff;
    text-decoration: underline;
}

/* 确保 module-wrapper 依然整齐 */
.module-wrapper {
    display: flex;
    gap: 2.5rem;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}