Football Live - مباريات اليوم
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: Arial, Tahoma, sans-serif;
background: #0b0f19;
color: #fff;
min-height: 100vh;
}
header {
background: #111827;
padding: 18px 15px;
text-align: center;
border-bottom: 1px solid #202938;
position: sticky;
top: 0;
z-index: 10;
}
.logo {
font-size: 24px;
font-weight: bold;
}
.logo span {
color: #22c55e;
}
.date {
margin-top: 7px;
color: #9ca3af;
font-size: 14px;
}
main {
max-width: 700px;
margin: auto;
padding: 18px 12px 40px;
}
.title {
font-size: 22px;
margin-bottom: 15px;
}
.loading,
.error,
.empty {
text-align: center;
padding: 40px 15px;
color: #9ca3af;
}
.error {
color: #ef4444;
}
.match {
background: #111827;
border: 1px solid #202938;
border-radius: 14px;
padding: 14px;
margin-bottom: 10px;
transition: 0.2s;
}
.match:hover {
border-color: #374151;
}
.league {
color: #9ca3af;
font-size: 12px;
margin-bottom: 12px;
}
.teams {
display: grid;
grid-template-columns: 1fr 70px 1fr;
align-items: center;
gap: 8px;
}
.team {
text-align: center;
font-size: 14px;
font-weight: bold;
}
.team img {
width: 38px;
height: 38px;
object-fit: contain;
display: block;
margin: 0 auto 7px;
}
.time {
text-align: center;
font-size: 17px;
font-weight: bold;
}
.status {
display: block;
font-size: 11px;
margin-top: 4px;
color: #9ca3af;
font-weight: normal;
}
.live {
color: #22c55e;
}
.finished {
color: #ef4444;
}
.score {
display: block;
font-size: 13px;
margin-top: 4px;
color: #fff;
}
.watch {
width: 100%;
margin-top: 14px;
border: none;
border-radius: 9px;
padding: 11px;
background: #22c55e;
color: #06100a;
font-size: 14px;
font-weight: bold;
cursor: pointer;
}
.watch:hover {
opacity: 0.9;
}
.debug {
margin-top: 15px;
padding: 12px;
background: #05070c;
border: 1px solid #374151;
border-radius: 10px;
color: #9ca3af;
direction: ltr;
text-align: left;
font-size: 12px;
word-break: break-word;
}
⚽ مباريات اليوم
جاري تحميل المباريات...