
    body {
        font-family: 'Arial', sans-serif;
        background-color: #333;
        color: #fff;
        margin: 0;
        padding: 0;
    }

    .plan {
        background: #444;
        margin-bottom: 15px;
        padding: 15px;
        border-radius: 5px;
    }
    .plan h2 {
        margin: 0;
    }
    .plan1 h2 {
        color: #ffd700; /* 黄色 */
    }
    .plan2 h2 {
        color: #ff00fc; /* 紫色 */
    }
    .description-row {
        background: url('placeholder-image.jpg') no-repeat center center;
        background-size: cover;
        padding: 10px;
        margin: 10px 0;
        color: #fff;
        border-radius: 5px;
    }
    .buy-button {
        display: block;
        width: 50%; /* 缩小按钮宽度 */
        padding: 10px;
        margin: 15px auto; /* 居中按钮 */
        background-color: #ffd700; /* 默认黄色 */
        color: #000;
        text-align: center;
        text-decoration: none;
        border-radius: 5px;
    }
    .buy-button.purple {
        background-color: #ff00fc; /* 紫色按钮 */
    }
    .buy-button:hover {
        opacity: 0.9;
    }
.container {
    padding: 15px;
    padding-bottom: 60px; /* 添加足够的底部内边距以避免遮挡 */
}

.footer {
    background-color: #222;
    color: #ccc;
    padding: 10px;
    position: relative; /* 改为相对定位 */
    width: 95%;
        bottom: 0; /* 在底部 */
    left: 0; /* 居中 */
    right: 0; /* 居中 */
}
.footer .highlight {
    color: #FF00FF; /* 玫红色 */
}
.footer .highlight2 {
    color: #00bfa3;
}