/* style.css */
@font-face {
    font-family: 'PingFang SC';
    src: local('PingFang SC'), local('Source Han Sans CN');
}

/* 3D铃铛摆动动画 */
@keyframes bell-swing {
    0% { transform: rotate(0); }
    10% { transform: rotate(15deg); }
    20% { transform: rotate(-12deg); }
    30% { transform: rotate(10deg); }
    40% { transform: rotate(-8deg); }
    50% { transform: rotate(6deg); }
    60% { transform: rotate(-4deg); }
    70% { transform: rotate(2deg); }
    80% { transform: rotate(-1deg); }
    90% { transform: rotate(0); }
    100% { transform: rotate(0); }
}

.animate-bell {
    display: inline-block;
    transform-origin: top center;
    animation: bell-swing 2.5s ease-in-out infinite;
}

body {
    font-family: 'PingFang SC', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #f8fafc;
    background-attachment: fixed;
    color: #1e293b;
}

/* 延迟颜色 */
.delay-fast { color: #10b981; }
.delay-medium { color: #f59e0b; }
.delay-slow { color: #ef4444; }

/* 线路项呼吸效果 */
@keyframes pulse-subtle {
    0% { opacity: 0.8; }
    50% { opacity: 1; }
    100% { opacity: 0.8; }
}

.speed-testing {
    animation: pulse-subtle 1s infinite ease-in-out;
}

/* 自定义滚动条 */
::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}