/* 白鹿AI加载动画 - 独立CSS */
.bailu-loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #f5f3ee;
    transition: opacity 0.3s ease;
}

.bailu-loading-overlay.dark {
    background: #1a1a1a;
}

/* 确保html背景与loading一致 */
html { background: #f5f3ee; }
html.dark-theme { background: #1a1a1a; }

.bailu-loading-overlay.fade-out {
    opacity: 0;
    pointer-events: none;
}

.svg-hw {
    height: 200px;
    width: 200px;
}

.path {
    stroke: #ffffff;
    stroke-width: 3px;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-opacity: 1;
}

.loading {
    font-size: 22px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-weight: 600;
    text-align: center;
    color: #8b7355;
    margin-top: 24px;
    letter-spacing: 0.15em;
    transform: translateX(8px);
}

.bailu-loading-overlay.dark .loading {
    color: #b0a090;
}

.loading span {
    display: inline-block;
    margin: 0 3px;
}

.loading02 span {
    animation: loading02 1.2s infinite alternate;
}

.loading02 span:nth-child(2) { animation-delay: 0.1s; }
.loading02 span:nth-child(3) { animation-delay: 0.2s; }
.loading02 span:nth-child(4) { animation-delay: 0.3s; }
.loading02 span:nth-child(5) { animation-delay: 0.4s; }
.loading02 span:nth-child(6) { animation-delay: 0.5s; }
.loading02 span:nth-child(7) { animation-delay: 0.6s; }

@keyframes loading02 {
    0% { filter: blur(0); opacity: 1; }
    100% { filter: blur(5px); opacity: 0.2; }
}

/* SVG路径动画 - 精简版 */
@keyframes pathFill {
    0% { fill: transparent; }
    50% { fill: #8b7355; }
    100% { fill: transparent; }
}

.path {
    animation: pathFill 2s ease-in-out infinite;
}

/* 为不同路径添加延迟，创造波浪效果 */
#path7050 { animation-delay: 0s; }
#path7062 { animation-delay: 0.05s; }
#path7064 { animation-delay: 0.1s; }
#path7065 { animation-delay: 0.15s; }
#path7066 { animation-delay: 0.2s; }
#path7067 { animation-delay: 0.25s; }
#path7068 { animation-delay: 0.3s; }
#path7069 { animation-delay: 0.35s; }
#path7070 { animation-delay: 0.4s; }
#path7071 { animation-delay: 0.45s; }
#path7072 { animation-delay: 0.5s; }
#path7076 { animation-delay: 0.55s; }
#path7080 { animation-delay: 0.6s; }
#path7081 { animation-delay: 0.65s; }
#path7086 { animation-delay: 0.7s; }
#path7088 { animation-delay: 0.75s; }
#path7090 { animation-delay: 0.8s; }
#path7091 { animation-delay: 0.85s; }
#path7092 { animation-delay: 0.9s; }
#path7094 { animation-delay: 0.95s; }
#path7096 { animation-delay: 1s; }
#path7098 { animation-delay: 1.05s; }
#path7100 { animation-delay: 1.1s; }
#path7101 { animation-delay: 1.15s; }
#path7102 { animation-delay: 1.2s; }
#path7104 { animation-delay: 1.25s; }
#path7105 { animation-delay: 1.3s; }
#path7106 { animation-delay: 1.35s; }
#path7107 { animation-delay: 1.4s; }
#path7108 { animation-delay: 1.45s; }
#path7109 { animation-delay: 1.5s; }
#path7110 { animation-delay: 1.55s; }
#path7111 { animation-delay: 1.6s; }
#path7112 { animation-delay: 1.65s; }
#path7114 { animation-delay: 1.7s; }
#path7116 { animation-delay: 0s; }
#path7124 { animation-delay: 0.1s; }
#path7126 { animation-delay: 0.2s; }
#path7128 { animation-delay: 0.3s; }
#path7129 { animation-delay: 0.4s; }
#path7130 { animation-delay: 0.5s; }
#path7132 { animation-delay: 0.6s; }
#path7134 { animation-delay: 0.7s; }
#path7135 { animation-delay: 0.8s; }
#path7136 { animation-delay: 0.9s; }
#path7137 { animation-delay: 1s; }
#path7138 { animation-delay: 1.1s; }
#path7140 { animation-delay: 1.2s; }
#path7142 { animation-delay: 1.3s; }
#path7144 { animation-delay: 1.4s; }
#path7146 { animation-delay: 1.5s; }
#path7148 { animation-delay: 1.6s; }
#path7149 { animation-delay: 1.7s; }
#path7150 { animation-delay: 0s; }
#path7152 { animation-delay: 0.1s; }
#path7154 { animation-delay: 0.2s; }
#path7156 { animation-delay: 0.3s; }
#path7158 { animation-delay: 0.4s; }
#path7160 { animation-delay: 0.5s; }
#path7162 { animation-delay: 0.6s; }
#path7164 { animation-delay: 0.7s; }
#path7165 { animation-delay: 0.8s; }
#path7168 { animation-delay: 0.9s; }
#path7170 { animation-delay: 1s; }
#path7172 { animation-delay: 1.1s; }
#path7174 { animation-delay: 1.2s; }
#path7176 { animation-delay: 1.3s; }
#path7178 { animation-delay: 1.4s; }
#path7180 { animation-delay: 1.5s; }
#path7182 { animation-delay: 1.6s; }
#path7184 { animation-delay: 1.7s; }
#path7188 { animation-delay: 0s; }
#path7189 { animation-delay: 0.1s; }
#path7190 { animation-delay: 0.2s; }
#path7192 { animation-delay: 0.3s; }
#path7193 { animation-delay: 0.4s; }
#path7194 { animation-delay: 0.5s; }
#path7195 { animation-delay: 0.6s; }
#path7196 { animation-delay: 0.7s; }
#path7197 { animation-delay: 0.8s; }
#path7198 { animation-delay: 0.9s; }
#path7200 { animation-delay: 1s; }
#path7202 { animation-delay: 1.1s; }
#path7206 { animation-delay: 1.2s; }
#path7214 { animation-delay: 1.3s; }
#path7215 { animation-delay: 1.4s; }
#path7216 { animation-delay: 1.5s; }
#path7218 { animation-delay: 1.6s; }
#path7219 { animation-delay: 1.7s; }
#path7222 { animation-delay: 0s; }
#path7224 { animation-delay: 0.1s; }
#path7225 { animation-delay: 0.2s; }
#path7226 { animation-delay: 0.3s; }
#path7228 { animation-delay: 0.4s; }
#path7230 { animation-delay: 0.5s; }
#path7231 { animation-delay: 0.6s; }
#path7232 { animation-delay: 0.7s; }
#path7233 { animation-delay: 0.8s; }
#path7234 { animation-delay: 0.9s; }
#path7235 { animation-delay: 1s; }
#path7236 { animation-delay: 1.1s; }
#path7237 { animation-delay: 1.2s; }
#path7238 { animation-delay: 1.3s; }

/* 深色主题路径颜色 */
.bailu-loading-overlay.dark .path {
    stroke: #555;
}

@keyframes pathFillDark {
    0% { fill: transparent; }
    50% { fill: #6a5a4a; }
    100% { fill: transparent; }
}

.bailu-loading-overlay.dark .path {
    animation-name: pathFillDark;
}