diff --git a/radio_stream/index.html b/radio_stream/index.html index 2445153..4de5daf 100644 --- a/radio_stream/index.html +++ b/radio_stream/index.html @@ -2,7 +2,7 @@ - 🎧 K-Radio Player + 🎧 MK-Radio Player @@ -79,7 +79,7 @@ .bg-purple-subtle { background-color: #f3e8ff !important; } .card-gradient-kbs { - background: linear-gradient(270deg, #1e88e5, #42a5f5); + background: linear-gradient(270deg, #1e88e5, #231C99); background-size: 400% 400%; animation: gradientFlow 6s ease infinite; color: white; @@ -110,8 +110,104 @@ opacity: 0.6; /* 🔧 íˆŦëĒ…도 ė‚´ė§ 낮ėļ°ė„œ ėžė—°ėŠ¤ëŸŦėš´ 느낌 */ } + .card-gradient-obs { + background: linear-gradient(270deg, #26247B, #666666); + background-size: 400% 400%; + animation: gradientFlow 6s ease infinite; + color: white; + opacity: 0.6; /* 🔧 íˆŦëĒ…도 ė‚´ė§ 낮ėļ°ė„œ ėžė—°ėŠ¤ëŸŦėš´ 느낌 */ + } + + .card-gradient-ifm { + background: linear-gradient(270deg, #FFB575, #00AEEE); + background-size: 400% 400%; + animation: gradientFlow 6s ease infinite; + color: white; + opacity: 0.6; /* 🔧 íˆŦëĒ…도 ė‚´ė§ 낮ėļ°ė„œ ėžė—°ėŠ¤ëŸŦėš´ 느낌 */ + } + + .card-gradient-ytn { + background: linear-gradient(270deg, #1D9DE9, #231D1F); + background-size: 400% 400%; + animation: gradientFlow 6s ease infinite; + color: white; + opacity: 0.6; /* 🔧 íˆŦëĒ…도 ė‚´ė§ 낮ėļ°ė„œ ėžė—°ėŠ¤ëŸŦėš´ 느낌 */ + } + + .card-gradient-tbs { + background: linear-gradient(270deg, #02BBCE, #F0F0F0); + background-size: 400% 400%; + animation: gradientFlow 6s ease infinite; + color: white; + opacity: 0.6; /* 🔧 íˆŦëĒ…도 ė‚´ė§ 낮ėļ°ė„œ ėžė—°ėŠ¤ëŸŦėš´ 느낌 */ + } + + .card-gradient-cbs { + background: linear-gradient(270deg, #00529B, #E41A35); + background-size: 400% 400%; + animation: gradientFlow 6s ease infinite; + color: white; + opacity: 0.6; /* 🔧 íˆŦëĒ…도 ė‚´ė§ 낮ėļ°ė„œ ėžė—°ėŠ¤ëŸŦėš´ 느낌 */ + } + + .card-gradient-febc { + background: linear-gradient(270deg, #221E1F, #D20C45); + background-size: 400% 400%; + animation: gradientFlow 6s ease infinite; + color: white; + opacity: 0.6; /* 🔧 íˆŦëĒ…도 ė‚´ė§ 낮ėļ°ė„œ ėžė—°ėŠ¤ëŸŦėš´ 느낌 */ + } + + .card-gradient-bbs { + background: linear-gradient(270deg, #D29807, #3D3331); + background-size: 400% 400%; + animation: gradientFlow 6s ease infinite; + color: white; + opacity: 0.6; /* 🔧 íˆŦëĒ…도 ė‚´ė§ 낮ėļ°ė„œ ėžė—°ėŠ¤ëŸŦėš´ 느낌 */ + } + + .card-gradient-cpbc { + background: linear-gradient(270deg, #004D9E, #415066); + background-size: 400% 400%; + animation: gradientFlow 6s ease infinite; + color: white; + opacity: 0.6; /* 🔧 íˆŦëĒ…도 ė‚´ė§ 낮ėļ°ė„œ ėžė—°ėŠ¤ëŸŦėš´ 느낌 */ + } + + .card-gradient-wbs { + background: linear-gradient(270deg, #898989, #666666); + background-size: 400% 400%; + animation: gradientFlow 6s ease infinite; + color: white; + opacity: 0.6; /* 🔧 íˆŦëĒ…도 ė‚´ė§ 낮ėļ°ė„œ ėžė—°ėŠ¤ëŸŦėš´ 느낌 */ + } + + .card-gradient-kookbang { + background: linear-gradient(270deg, #898989, #666666); + background-size: 400% 400%; + animation: gradientFlow 6s ease infinite; + color: white; + opacity: 0.6; /* 🔧 íˆŦëĒ…도 ė‚´ė§ 낮ėļ°ė„œ ėžė—°ėŠ¤ëŸŦėš´ 느낌 */ + } + + .card-gradient-kugak { + background: linear-gradient(270deg, #898989, #666666); + background-size: 400% 400%; + animation: gradientFlow 6s ease infinite; + color: white; + opacity: 0.6; /* 🔧 íˆŦëĒ…도 ė‚´ė§ 낮ėļ°ė„œ ėžė—°ėŠ¤ëŸŦėš´ 느낌 */ + } + + .card-gradient-afn { + background: linear-gradient(270deg, #898989, #666666); + background-size: 400% 400%; + animation: gradientFlow 6s ease infinite; + color: white; + opacity: 0.6; /* 🔧 íˆŦëĒ…도 ė‚´ė§ 낮ėļ°ė„œ ėžė—°ėŠ¤ëŸŦėš´ 느낌 */ + } + .card-gradient-default { - background: linear-gradient(270deg, #9e9e9e, #bdbdbd); + background: linear-gradient(270deg, #898989, #666666); background-size: 400% 400%; animation: gradientFlow 6s ease infinite; color: white;