@charset "utf-8";

body {
	position: relative;
}

.guide-hidden {
	overflow: hidden;
}

.guide-all {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1999;
    background: url(../images/bg.png);
}

.guide-all .all-layout {
    width: 840px;
    margin: 0 auto;
    position: relative;
}

.guide-all p{
    display: block;
    height: 729px;
    width: 100%;
    margin: 100px auto;
	background: url(../images/6663.png) no-repeat center center;
}

.guide-all .guide-all-close {
	width: 39px;
    height: 39px;
    display: block;
    position: absolute;
    right: 45px;
    top: 198px;
    cursor: pointer;
    background: url(../images/close_big.png) no-repeat center center;
}
.navbar .login-btn {
    border-radius: 20px;
    border: 1px solid #FF7A00;
    color: #ff7a00;
    align-items: center;
    border-radius: 4px;
    /* color: #fff; */
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 30px;
    justify-content: center;
    width: 80px;
    margin-right: 10px;
    background-color: #431f1d;
    /* border: 0; */
    /* color: #555; */
}
.guide-all .guide-all-close:hover {
    width: 39px;
    height: 39px;
    display: block;
    position: absolute;
    right: 45px;
    top: 198px;
    cursor: pointer;
	background: url(../images/close_big_opa6.png) no-repeat center center;
}

.guide-bar {
	background: #472273;
    display: none;
}

.guide-bar-layout {
	width: 1000px;
    margin: 0 auto;
    position: relative;
    height: 55px;
}

.guide-bar .guide-bar-close {
    display: block;
    position: absolute;
    right: 0;
    top: 10px;
    width: 35px;
    height: 35px;
    cursor: pointer;
    background: url(../images/close_small.png) no-repeat center center;
}
.guide-bar .guide-bar-close:hover {
	background: url(../images/close_small_opa6.png) no-repeat center center;
}
/*-------------音乐----------------*/
 .text-animation { 
            /* 设置初始颜色 */ 
            color: #ff0000; 
            /* 添加动画 */ 
            animation: colorChange 1s infinite alternate; 
        } 
 
        /* 定义关键帧 */ 
        @keyframes colorChange { 
            0% { 
                color: #ffff00; 
                /* 初始颜色 */ 
            } 
 
            50% { 
                color: #0078ff; 
                /* 中间颜色，红色 */ 
            } 
 
            100% { 
                color: #ff0000; 
                /* 结束颜色 */ 
            } 
        } 
 
        .style1 { 
            color: #0000FF; 
        } 
 
        .style2 { 
            display: flex; 
            justify-content: center; 
            align-items: center; 
            text-align: center; 
            padding-top: 30px; 
 
            padding-bottom: 10px; 
            color: #FF00FF; 
            margin-left: 20px; 
            FONT-SIZE: 60px; 
        } 
 
        .style3 { 
            /* 设置初始颜色 */ 
            color: #FF00FF; 
            /* 添加动画 */ 
            animation: 
 
                colorChange 1s infinite alternate; 
        } 
 
        .style5 { 
            color: #FF3C00; 
        } 
  /* 悬浮容器 [3]() */ 
        .music-player { 
           position: fixed;
    bottom: 10px;
    left: 9px;
    background: rgb(40 40 40 / 35%);
    backdrop-filter: blur(0px);
    border-radius: 10px;
    padding: 10px 10px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    transition: 0.3s all;
    color: white;
    display: flex;
    align-items: center;
    gap: 1px;
        } 
 
        /* 专辑封面动画 [9]() */ 
        .cover { 
            width: 50px; 
            height: 50px; 
            border-radius: 8px; 
            animation: rotate 20s linear infinite; 
            box-shadow: 0 4px 15px rgba(0,0,0,0.3); 
        } 
 
        /* 控制按钮样式 [12]() */ 
        .controls { 
            display: flex; 
            gap: 15px; 
            align-items: center; 
        } 
        .controls button { 
            background: none; 
            border: none; 
            color: #ff3b3b; 
            font-size: 1.2em; 
            cursor: pointer; 
            transition: 0.3s; 
            padding: 8px; 
            border-radius: 50%; 
            background: rgba(255,255,255,0.1); 
        } 
        .controls button:hover { 
            transform: scale(1.2); 
            color: #1DB954; 
        } 
 
        /* 曲目信息 [4]() */ 
        .track-info { 
            font-family: 'Arial', sans-serif; 
            min-width: 120px; 
        } 
        .track-title { 
            font-weight: bold; 
            margin-bottom: 5px; 
        } 
        .track-artist { 
            font-size: 0.8em; 
            opacity: 0.8; 
        } 
 
        @keyframes rotate { 
            from { transform: rotate(0deg); } 
            to { transform: rotate(360deg); } 
        }