body#live #chat_list { padding: 15px 20px 20px 20px; overflow: hidden; }
body#live .global_title_large { padding: 0 20px;   }
body#live .global_title_large a { color: lime; text-transform: uppercase;  }

body#live .global_title_large span { display: block; color: #000; font-size: 17px; font-weight: 700;  }

body#live #chat_list ul { margin-top: 20px; }
body#live #chat_list ul li { margin-bottom: 10px; font-size: 15px;}
body#live #chat_list ul li img { image-rendering: pixelated; margin-bottom: -3px; }
body#live #chat_list ul li .user { display: block; margin-bottom: 2px; }
body#live #chat_list ul li .user strong { color: rgba(60,60,67,.8); font-size: 13px; }
body#live #chat_list ul li p { max-width: 90%; display: inline-block; background-color: #F2F2F7; padding: 7px 10px; border-radius: 12px; font-size: 15px; }
body#live #chat_list ul li .time { font-size: 9px; color: rgba(60,60,67,.18); font-weight: 600; margin-left: 5px;}
body#live #chat_list ul li p a { font-weight: 500; color: #007AFF; }
body#live #chat_list ul li:last-child { margin: 0; }

body#live #chat_list .text_input { padding: 25px 10px !important; border-radius: 12px; }

body#live #chat_list ul li.sitch { height: 100px; text-align: center; padding: 15px 0 10px 0; margin: 0; background-color: #F2F2F7;; border-radius: 100px; margin: 15px 0; }
body#live #chat_list ul li.sitch > * { display: block; }

body#live #chat_list ul li.sitch i { font-size: 30px; display: block; }
body#live #chat_list ul li.sitch p { font-size: 17px; font-weight: 600; margin-top: 5px; max-width: 100% !important; background-color: transparent; padding: 0; }
body#live #chat_list ul li.sitch a.time { font-size: 11px; color: rgba(60,60,67,.18); font-weight: 600; margin: 0; }


body#live #chat_list ul li.sitch i.card { background-color: #FFCC00; width: 18px; height: 22px; border-radius: 2px; margin-left: auto; margin-right: auto; margin-top: 3px; transform-origin: bottom center;  animation: liveCard 1s ease infinite; }
body#live #chat_list ul li.sitch.red i.card { background-color: #FF3B30; }
body#live #chat_list ul li.sitch.etc i { color: #5AC8FA;  animation: liveInfo 1s ease infinite; }
body#live #chat_list ul li.sitch.chg i { color: #34C759;  animation: liveChange 1s ease infinite;}
body#live #chat_list ul li.sitch.gol { position: relative; }
body#live #chat_list ul li.sitch.gol i { font-size: 100px; animation: liveSoccerBall 2s ease infinite; position: absolute; left: 0; top: -25px; }
body#live #chat_list ul li.sitch.gol a { color: rgba(0,0,0,.3) !important; }

body#live #chat_list ul li.sitch.gol p { font-size: 30px; font-weight: 800; color: #000;
 background: linear-gradient(
        to right,
        #000 20%,
        #fff 30%,
        #000 70%,
        #fff 80%
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background-size: 500% auto;
    animation: textShine 5s ease-in-out infinite alternate;
}

@keyframes textShine {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}


body#live #chat_list ul li.sitch.etc { background-color: rgba(90,200,250,.18); }
body#live #chat_list ul li.sitch.chg { background-color: rgba(52,199,89,.18); }
body#live #chat_list ul li.sitch.gol { background-color: #a6ff00; }
body#live #chat_list ul li.sitch.red { background-color: rgba(255,59,48,.18); }
body#live #chat_list ul li.sitch.yel { background-color: rgba(255,204,0,.18); }


body#live #live_event { padding: 0 20px; margin-top: 20px; font-size: 11px; }
body#live #live_event .container { margin-bottom: 20px; }
body#live #live_event h4 { font-weight: 600; margin-bottom: 3px; }
body#live #live_event p b { font-weight: 600; }
body#live #live_event p br { content: ""; margin: 5px 0; display: block; font-size: 0 !important; }
body#live #live_event ul li { display: inline-block; font-weight: 600; margin: 3px 3px 0 0; word-break: break-all; }

body#live #live_event ul li p { display: flex; align-items: center; }
body#live #live_event ul li i { display: block; font-size: 15px; margin-right: 2px; }
body#live #live_event ul li i.card { background-color: #FFCC00; width: 9px; height: 12px; border-radius: 1px; margin: 0 4px 0 3px; }
body#live #live_event ul li.red i.card { background-color: #FF3B30; }
body#live #live_event ul li.etc i { color: #34C759; }
body#live #live_event ul li.chg i { color: #5AC8FA; }
body#live #live_event ul li.gol { position: relative; }


body#live #chat_page { padding: 20px; }
body#live #chat_page ul { display: flex; justify-content: space-between; border-top: .5px solid #D1D1D6; padding-top: 20px; }
body#live #chat_page ul li { width: 33.3%; display: flex; justify-content: center; color: rgba(60,60,67,.3); }
body#live #chat_page ul li a { color: rgba(60,60,67,.6); }
body#live #chat_page ul li i { font-size: 22px; }



@-webkit-keyframes liveSoccerBall { 
	0% { transform: rotate(0rad); left: 0;}
	100%{ transform: rotate(20rad); left: 150%;  }
}

@-webkit-keyframes liveChange { 
	0% { transform: rotateY(0deg); }
	100%{ transform: rotateY(360deg); }
}

@-webkit-keyframes liveInfo { 
	0% { transform: scale(1); }
	50%{ transform: scale(1.1); }
	100%{ transform: scale(1); }
}

@-webkit-keyframes liveCard { 
	0% { transform: scaleY(0); opacity: 0; }
	50%{ transform: scaleY(1); opacity: 1; }
}



@media (prefers-color-scheme: dark) {
	body#live .global_title_large a { color: #a6ff00;  }

	body#live .global_title_large span { color: #fff; }
	
	body#live #chat_list ul li .time { color: rgba(235,235,245,.18);}
	body#live #chat_page ul { border-color: #2C2C2E; }
	body#live #chat_page ul li { color: rgba(235,235,245,.3); }
	body#live #chat_page ul li a { color: rgba(235,235,245,.6); }
	body#live #chat_list ul li .user strong { color: rgba(235,235,245,.8); }
	body#live #chat_list ul li p { background-color: #1C1C1E; }
	
	body#live #chat_list ul li.sitch { border-color: #2C2C2E; }
	body#live #chat_list ul li.sitch a.time { color: rgba(235,235,245,.18); }
	
	body#live #chat_list ul li.sitch i.card { background-color: #FFD60A; }
	body#live #chat_list ul li.sitch.red i.card { background-color: #FF453A; }
	body#live #chat_list ul li.sitch.etc i { color: #64D2FF; }
	body#live #chat_list ul li.sitch.chg i { color: #32D74B; }
	
	body#live #live_event ul li i.card { background-color: #FFD60A; }
	body#live #live_event ul li.red i.card { background-color: #FF453A; }
	body#live #live_event ul li.etc i { color: #64D2FF; }
	body#live #live_event ul li.chg i { color: #32D74B; }
	

body#live #chat_list ul li.sitch.etc { background-color: rgba(100,210,255,.18); }
body#live #chat_list ul li.sitch.chg { background-color: rgba(50,215,75,.18); }
body#live #chat_list ul li.sitch.red { background-color: rgba(255,69,58,.18); }
body#live #chat_list ul li.sitch.yel { background-color: rgba(255,214,10,.18); }
	

}