body {
background: linear-gradient(135deg, #f0f7ff 0%, #ffffff 100%);
}
.card-shadow {
box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}
.bus-card {
transition: all 0.25s ease;
cursor: pointer;
}
.bus-card:hover {
transform: translateY(-6px) scale(1.02);
box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}
@font-face {
font-family: "Arial";
src: url("fonts/Arial.ttf") format("truetype");
font-weight: normal;
font-style: normal;
unicode-range: U+0020-007F, U+00A0-U+00FF;
}
@font-face {
font-family: "ArialBold";
src: url("fonts/ArialBold.ttf") format("truetype");
font-weight: normal;
font-style: normal;
unicode-range: U+0020-007F, U+00A0-U+00FF;
}
@font-face {
font-family: "HarmonyOSSans";
src: url("fonts/HarmonyOSSans.ttf") format("truetype");
font-weight: normal;
font-style: normal;
unicode-range: U+4E00-U+9FFF;
}
@font-face {
font-family: "HarmonyOSSansSemibold";
src: url("fonts/HarmonyOSSansSemibold.ttf") format("truetype");
font-weight: normal;
font-style: normal;
unicode-range: U+4E00-U+9FFF;
}
.font-r30 {
font-family: "Arial", "HarmonyOSSans", sans-serif;
font-size: 30px;
}
.font-b30 {
font-family: "ArialBold", "HarmonyOSSansSemibold", sans-serif;
font-size: 30px;
}
.font-r16 {
font-family: "Arial", "HarmonyOSSans", sans-serif;
font-size: 16px;
}
.font-b16 {
font-family: "ArialBold", "HarmonyOSSansSemibold", sans-serif;
font-size: 16px;
}
.font-b20 {
font-family: "ArialBold", "HarmonyOSSansSemibold", sans-serif;
font-size: 20px;
}
.font-r20 {
font-family: "Arial", "HarmonyOSSans", sans-serif;
font-size: 20px;
}
.font-b60 {
font-family: "ArialBold", "HarmonyOSSansSemibold", sans-serif;
font-size: 60px;
}
@media (max-width: 640px) {
h1.font-b60 {
    font-size: 40px !important;
}
}