footer {width: 100%;max-width: 1920px;background: rgb(245 245 245);margin: 0 auto;font-size: 32px;padding: 0.5em 0;}
.footer-content {width: 100%;max-width: 1280px;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;gap: 1em;color: #333;padding: 0 24px;}
.footer-block p {text-decoration: none;font-size: 0.666em;text-transform: uppercase;display: block;padding: 0 0 0;margin: 0 0 0.5em;/* border-left: 2px solid #c62828 */font-family: 'Roboto Slab', serif;font-weight: 400;}
.footer-block ul {list-style: none;}
.footer-block img {height: 2em;display: block;}
.footer-block.supporting ul {display: flex;flex-wrap: wrap;gap: 0.5em;}
.footer-block.supporting li {list-style: none;}
.footer-block.supporting li img {height: 2.2em;margin-top: -0.1em;}
.footer-block.contact ul {font-size: 0.5em;margin: 0;}
.footer-block.contact li {display: flex;align-items: center;margin: 0.5em 0 0;}
.footer-block.contact i {margin-right: 0.25em;font-size: 1.5em;}

/* 导航指示器样式 */
.nav-indicator {position: fixed;right: 10px;top: 50%;transform: translateY(-50%);z-index: 999;background: #ffffffe6;border-radius: 8px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);padding: 10px;max-height: 80vh;overflow-x: hidden;overflow-y: auto;interpolate-size: allow-keywords}
.nav-indicator ul {list-style: none;padding: 0;margin: 0;width: 8px;transition: width 0.3s ease;}
.nav-indicator li {margin: 0 0 8px;position: relative;overflow: hidden;}
.nav-indicator a {display: block;padding: 6px 12px;color: #333;font-size: 14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: left;}
.nav-indicator a::after,.nav-indicator a::before {content: '';display: inline-block;width: 8px;height: 8px;border-radius: 4px;background: #999;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;z-index: -1;transition: width 0.3s ease, height 0.3s ease, border-radius 0.3s ease;}
.nav-indicator a::before {z-index: -2;height: 100%;width: 100%;border-radius: 0;background: transparent;}

.nav-indicator:hover ul{width: auto;}
.nav-indicator:hover a::after {height: 100%;width: 6px;border-radius: 0}
.nav-indicator:hover a.active::after{width: 100%;}
.nav-indicator a:hover {color: #c62828;}
.nav-indicator a:hover::before{background: #f0f0f0;width: 100%;}
.nav-indicator a.active{color: #ffffff;}
.nav-indicator a.active::after{background: #c62828;}

@media (max-width: 768px) {
    footer {font-size: clamp(16px, 5vw, 32px);}
    .footer-content {padding:0 0.75em;}
    .nav-indicator {display: none;}
}