/* style.css */

/* 全局设置 */
body {
    margin: 0;
    background: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    text-align: center;
    padding-top: 15px; /* 为顶部 SSL 提示留出空间 */
}

/* 主容器 */
.c {
    margin-top: 66px;
}

/* 图片容器 */
.i {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 28px;
}

.i img {
    width: 50%;
    height: 50%;
}

/* 省略号样式 */
.d {
    font-size: 24px;
    color: #ccc;
}

/* 标题样式 */
h2 {
    margin: 36px 0 8px;
    font-size: 18px;
    font-weight: 500;
    margin-top: 80px;
}

/* 描述文字 */
p {
    font-size: 14px;
    color: #999;
}

/* --- SSL 安全提示样式 --- */
.ssl_tips_container {
    width: 100%;
    background-color: #e8f5e9; /* 浅绿背景 */
    color: #2e7d32;            /* 深绿文字 */
    font-size: 14px;
    padding: 6px 0;
    text-align: center;
    position: fixed;           /* 固定在顶部 */
    top: 0;
    left: 0;
    z-index: 9999;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.ssl_tips {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.ssl_logo {
    margin-top: 5px;
    display: inline-block;
    width: 14px;
    height: 14px;
    /* 使用你提供的网易云音乐锁图标链接 */
    background-image: url("https://p1.music.126.net/rB7cWCOjy4dGdYAzGKXnFw==/109951172862223703?imageView=1.png");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.ssl_text {
    margin-top: 5px;
    vertical-align: middle;
    font-weight: 500;
}

/* --- 按钮基础样式 & 动画 --- */
.b {
    margin-top: 28px;
    background: #07c160;
    color: #fff;
    border: 0;
    padding: 14px 50px;
    border-radius: 28px;
    font-size: 16px;
    cursor: pointer;
    
    /* 启用呼吸动画 */
    animation: pulse 1s infinite ease-in-out;
    transform-origin: center;
    display: inline-block; /* 确保 transform 正常工作 */
    width: 50%;
}

/* 定义忽大忽小的关键帧 */
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.08); /* 放大比例 */
    }
    100% {
        transform: scale(1);
    }
}

/* 鼠标悬停状态 */
.b:hover {
    animation-play-state: paused; /* 暂停动画 */
    background: #06ad56;
    transform: scale(1.05);
}

/* 鼠标点击状态 */
.b:active {
    transform: scale(0.95);
    background: #059a4c;
}