.ours-select { position: relative }
.ours-select .selection-item { display: block; cursor: pointer; width: 100%; height: 36px; line-height: 36px; box-sizing: border-box; padding: 0 32px 0 10px; position: relative }
.ours-select .selection-item .arrow-svg { position: absolute; display: inline-block; width: 14px; height: 14px; top: 50%; transform: translateY(-50%); right: 10px }
.ours-select .selection-item .arrow-svg path { transition: all .3s }
.ours-select .selection-item .arrow-fold::before { right: 50%; top: 75%; transform: rotate(45deg) }
.ours-select .selection-item .arrow-fold::after { left: 50%; top: 75%; transform: rotate(-45deg) }
.ours-select .selection-item .arrow-unfold::before { right: 50%; top: 25%; transform: rotate(-45deg) }
.ours-select .selection-item .arrow-unfold::after { left: 50%; top: 25%; transform: rotate(45deg) }
.ours-select .selector { top: 0; position: absolute; border-radius: 6px; overflow: hidden; width: 100%; background: #f7f7f7 }
.ours-select .selector:focus { outline: none }
.ours-select .selector.z-index { z-index: 9999999999999; box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, .14) }
.ours-select .selector .select-dropdown { transition: all .2s }
.ours-select .selector .select-dropdown.unfold { max-height: 252px; overflow-y: auto; z-index: 9999999 }
.ours-select .selector .select-dropdown.fold { max-height: 0px; overflow-y: hidden }
.ours-select .option-wrapper { cursor: pointer; width: 100%; height: 36px; line-height: 36px; box-sizing: border-box; padding: 0 32px 0 10px }
.ours-select .option-wrapper:hover { background: #fff }
.ours-select .seleted { background: #e6f4ff }
.ours-select .option { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; user-select: none }

.hsq-image__error, .hsq-image__inner, .hsq-image__placeholder, .hsq-image__wrapper { height: 100%; width: 100% }
.hsq-image { display: inline-block; overflow: hidden; position: relative }
.hsq-image__inner { opacity: 1; vertical-align: top }
.hsq-image__inner.is-loading { opacity: 0 }
.hsq-image__wrapper { left: 0; position: absolute; top: 0 }
.hsq-image__error, .hsq-image__placeholder { background: var(--hsq-fill-color-light) }
.hsq-image__error { align-items: center; color: var(--hsq-text-color-placeholder); display: flex; font-size: 14px; justify-content: center; vertical-align: middle }
.hsq-image__preview { cursor: pointer }
.hsq-image-viewer__wrapper { bottom: 0; left: 0; position: fixed; right: 0; top: 0 }
.hsq-image-viewer__btn { align-items: center; border-radius: 50%; box-sizing: border-box; cursor: pointer; display: flex; justify-content: center; opacity: .8; position: absolute; -webkit-user-select: none; user-select: none; z-index: 1 }
.hsq-image-viewer__btn .hsq-icon { cursor: pointer; font-size: inherit }
.hsq-image-viewer__close { font-size: 40px; height: 40px; right: 40px; top: 40px; width: 40px }
.hsq-image-viewer__canvas { align-items: center; display: flex; height: 100%; justify-content: center; position: static; -webkit-user-select: none; user-select: none; width: 100% }
.hsq-image-viewer__actions { background-color: var(--hsq-text-color-regular); border-color: #fff; border-radius: 22px; bottom: 30px; height: 44px; left: 50%; padding: 0 23px; transform: translate(-50%); width: 282px }
.hsq-image-viewer__actions__inner { align-items: center; color: #fff; cursor: default; display: flex; font-size: 23px; height: 100%; justify-content: space-around; width: 100% }
.hsq-image-viewer__prev { left: 40px }
.hsq-image-viewer__next, .hsq-image-viewer__prev { background-color: var(--hsq-text-color-regular); border-color: #fff; color: #fff; font-size: 24px; height: 44px; top: 50%; transform: translateY(-50%); width: 44px }
.hsq-image-viewer__next { right: 40px; text-indent: 2px }
.hsq-image-viewer__close { background-color: var(--hsq-text-color-regular); border-color: #fff; color: #fff; font-size: 24px; height: 44px; width: 44px }
.hsq-image-viewer__mask { background: #000; height: 100%; left: 0; opacity: .5; position: absolute; top: 0; width: 100% }
.viewer-fade-enter-active { animation: viewer-fade-in var(--hsq-transition-duration) }
.viewer-fade-leave-active { animation: viewer-fade-out var(--hsq-transition-duration) }
@keyframes viewer-fade-in { 0% { opacity: 0; transform: translate3d(0, -20px, 0) } to { opacity: 1; transform: translateZ(0) } }
@keyframes viewer-fade-out { 0% { opacity: 1; transform: translateZ(0) } to { opacity: 0; transform: translate3d(0, -20px, 0) } }
.hsq-popper.is-gj-update-tips { background: #ff9800; border-radius: 4px; box-shadow: 0 4px 12px rgba(0, 23, 54, .1); color: #fff; padding: 20px 32px 17px }
.hsq-popper.is-gj-update-tips .hsq-popper__arrow:before { background: #ff9800 }
.gj-tooltips-info[data-v-ec77157e] { align-items: flex-end; display: flex; flex-direction: column; max-width: 400px }
.gj-tooltips-info .gj-info[data-v-ec77157e] { font-size: 15px; text-align: left; width: 100% }
.gj-tooltips-info .gj-info .gj-time[data-v-ec77157e] { align-items: center; display: flex; font-size: 16px; font-weight: 700; justify-content: flex-start; margin: 8px 0 }
.gj-tooltips-info .gj-info .gj-time .hsq-icon[data-v-ec77157e] { font-size: 20px; margin-right: 10px }
.gj-b-g[data-v-ec77157e] { align-items: center; display: flex; font-size: 12px; justify-content: flex-end; margin-top: 24px; transform: scale(.95); transform-origin: right }
.gj-b-g .gj-set-hide[data-v-ec77157e] { color: #fff; cursor: pointer; margin-right: 10px }
.gj-icon-for-open[data-v-f706fe10] * { box-sizing: content-box }
.gj-icon-for-open[data-v-f706fe10] { align-items: center; background-color: #fff5e6; border: 1px solid #ffcc80; border-bottom-right-radius: 50px; border-left: 0; border-top-right-radius: 50px; box-shadow: 0 0 9px 4px #ffeacc !important; box-sizing: content-box; color: #ff9800; cursor: pointer; display: flex; flex-direction: row; height: 28px; justify-content: center; padding-right: 10px; position: fixed; -webkit-user-select: none; z-index: 2147483647 }
.gj-icon-for-open>.hsq-icon[data-v-f706fe10] { font-size: 14px }
.gj-icon[data-v-f706fe10] { border: 0; height: 18px; margin-left: 6px; padding: 0; pointer-events: none; width: 18px }
.gt-text[data-v-f706fe10] { color: #ff9800; font-size: 12px; padding: 5px 0 5px 5px }
.openGjGlobalTool[data-v-f706fe10] { color: #ff9800; padding: 5px 0 }
.gt-text[data-v-f706fe10], .openGjGlobalTool[data-v-f706fe10] { pointer-events: none }
.topSize { margin-top: 2vw; }
video { width: 13vw; height: 13vw; border-radius: 1vw; box-shadow: 0 0 2.6666666667vw rgba(45, 98, 217, .15); margin-bottom: 3px; }
@media screen and (min-width: 1200px) { .main-1-content>.content-box>.content-list>.content-item>a>video { width: 4vw; height: 4vw; border-radius: .6vw; margin-bottom: 3px; } }

/* 人民币图标样式 */
.yuan-icon { width: 20px; height: 20px; margin: 0 5px; filter: drop-shadow(0 0 3px rgba(255, 102, 0, 0.8)); animation: yuanGlow 2s ease-in-out infinite alternate; }
@keyframes yuanGlow { from { filter: drop-shadow(0 0 3px rgba(255, 102, 0, 0.8)); } to { filter: drop-shadow(0 0 8px rgba(255, 153, 0, 1)); } }

/* 大的人民币背景图标 - 629.bz风格 */
.header-2 { position: relative; overflow: hidden; }
.header-2::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 42vw; height: 42vw; background-image: url('../svg/yuan-icon.svg'); background-size: 75%; background-repeat: no-repeat; background-position: center; opacity: 0.08; z-index: 0; pointer-events: none; border: 8px solid rgba(255, 255, 255, 0.04); border-radius: 50%; animation: yuanBackground 6s ease-in-out infinite alternate; }
@keyframes yuanBackground { from { opacity: 0.08; border-color: rgba(255, 255, 255, 0.04); } to { opacity: 0.12; border-color: rgba(255, 255, 255, 0.06); } }
.header-2 > * { position: relative; z-index: 1; }
@media screen and (min-width: 1200px) { .yuan-icon { width: 24px; height: 24px; } .header-2::before { width: 35vw; height: 35vw; background-size: 70%; border: 7px solid rgba(255, 255, 255, 0.04); } }
@media screen and (max-width: 768px) { .header-2::before { width: 50vw; height: 50vw; background-size: 80%; border: 6px solid rgba(255, 255, 255, 0.03); top: 40%; } }

/* 滚动公告黑色样式 */
.van-notice-bar { background: #000000 !important; color: #ffffff !important; overflow: hidden; }
.van-notice-bar .van-notice-bar__content { color: #ffffff !important; }
.van-notice-bar .van-notice-bar__wrap { overflow: hidden; width: 100%; position: relative; }
/* 公告从右侧往左侧滚动 */
@keyframes scrollFromRight { 
    0% { transform: translateX(100vw); } 
    100% { transform: translateX(-100%); } 
}
.scroll-text { 
    color: #ffffff !important; 
    white-space: nowrap; 
    display: inline-block; 
    animation: scrollFromRight 15s linear infinite; 
    will-change: transform;
    position: relative;
}
.van-notice-bar .van-icon__image { filter: brightness(0) invert(1); transform: translate3d(0, 0, 0); animation: speakerAnimation 2s ease-in-out infinite; position: relative; }
.van-notice-bar .van-icon__image::before, .van-notice-bar .van-icon__image::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 2px solid rgba(255, 255, 255, 0.6); border-radius: 50%; animation: soundWave 2s ease-out infinite; }
.van-notice-bar .van-icon__image::after { animation-delay: 1s; }
@keyframes soundWave { 0% { width: 20px; height: 20px; opacity: 0.8; border-width: 3px; } 50% { width: 35px; height: 35px; opacity: 0.4; border-width: 2px; } 100% { width: 50px; height: 50px; opacity: 0; border-width: 1px; } }
@keyframes speakerAnimation { 0%, 100% { transform: rotate(0deg) scale(1) translate3d(0, 0, 0); opacity: 1; } 25% { transform: rotate(-8deg) scale(1.15) translate3d(0, 0, 0); opacity: 0.8; } 50% { transform: rotate(8deg) scale(1.1) translate3d(0, 0, 0); opacity: 1; } 75% { transform: rotate(-5deg) scale(1.2) translate3d(0, 0, 0); opacity: 0.9; } }
@media screen and (max-width: 768px) { 
    .van-notice-bar { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; contain: layout style paint; } 
    .scroll-text { animation-duration: 12s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } 
}
@media screen and (min-width: 1200px) { 
    .van-notice-bar { width: 90%; margin-top: 1vw; height: 2vw; font-size: 1vw; background: #000000 !important; color: #ffffff !important; overflow: hidden; } 
    .scroll-text { color: #ffffff !important; white-space: nowrap; display: inline-block; animation: scrollFromRight 22s linear infinite; will-change: transform; font-size: 1vw; } 
}

/* 左边头像动态效果 - 根据后台配置 */
.header .left { position: relative; overflow: visible; }
.header .left .ava { transition: all 0.3s ease; border-radius: 50%; position: relative; z-index: 2; }
.header .left .ava.animation-enabled { animation: shakeForItems 2.5s ease-in-out infinite; }
.header .left .ava.animation-enabled:hover { animation: shakeForItemsIntense 1s ease-in-out infinite; }
@keyframes shakeForItems { 0%, 100% { transform: rotate(0deg); } 10% { transform: rotate(-8deg); } 20% { transform: rotate(8deg); } 30% { transform: rotate(-6deg); } 40% { transform: rotate(6deg); } 50% { transform: rotate(-3deg); } 60% { transform: rotate(3deg); } 70% { transform: rotate(0deg); } }
@keyframes shakeForItemsIntense { 0%, 100% { transform: rotate(0deg) scale(1.05); } 25% { transform: rotate(-12deg) scale(1.1); } 75% { transform: rotate(12deg) scale(1.1); } }
.header .left .ava.coins-effect { box-shadow: 0 0 15px rgba(255, 215, 0, 0.6); }
.header .left .ava.coins-effect:hover { box-shadow: 0 0 25px rgba(255, 215, 0, 0.8); }
.drop-item.coin { background: linear-gradient(45deg, #ffd700, #ffed4e, #ffd700); border: 2px solid #ffb300; box-shadow: 0 0 10px rgba(255, 215, 0, 0.8); }
.drop-item.coin::before { content: "¥"; color: #b8860b; font-weight: bold; }
.header .left .ava.hongbao-effect { box-shadow: 0 0 15px rgba(255, 69, 58, 0.6); }
.header .left .ava.hongbao-effect:hover { box-shadow: 0 0 25px rgba(255, 69, 58, 0.8); }
.drop-item.hongbao { background: linear-gradient(45deg, #ff453a, #ff6b6b, #ff453a); border: 2px solid #d32f2f; box-shadow: 0 0 10px rgba(255, 69, 58, 0.8); }
.drop-item.hongbao::before { content: "🧧"; color: #fff; font-size: 10px; }
.header .left .ava.dollars-effect { box-shadow: 0 0 15px rgba(46, 204, 113, 0.6); }
.header .left .ava.dollars-effect:hover { box-shadow: 0 0 25px rgba(46, 204, 113, 0.8); }
.drop-item.dollar { background: linear-gradient(45deg, #2ecc71, #27ae60, #2ecc71); border: 2px solid #229954; box-shadow: 0 0 10px rgba(46, 204, 113, 0.8); }
.drop-item.dollar::before { content: "$"; color: #fff; font-weight: bold; }
.drop-item { position: absolute; width: 20px; height: 20px; border-radius: 50%; opacity: 0; animation: itemDrop 3s ease-in infinite; pointer-events: none; z-index: 1; }
.drop-item::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 12px; }
@keyframes itemDrop { 0% { opacity: 1; transform: translateY(-20px) translateX(0px) rotate(0deg); } 20% { opacity: 1; transform: translateY(10px) translateX(-5px) rotate(180deg); } 40% { opacity: 0.8; transform: translateY(40px) translateX(5px) rotate(360deg); } 60% { opacity: 0.6; transform: translateY(70px) translateX(-3px) rotate(540deg); } 80% { opacity: 0.3; transform: translateY(100px) translateX(2px) rotate(720deg); } 100% { opacity: 0; transform: translateY(130px) translateX(0px) rotate(900deg); } }
.drop-item:nth-child(1) { animation-delay: 0s; left: 30%; }
.drop-item:nth-child(2) { animation-delay: 0.5s; left: 50%; }
.drop-item:nth-child(3) { animation-delay: 1s; left: 70%; }
.drop-item:nth-child(4) { animation-delay: 1.5s; left: 40%; }
.drop-item:nth-child(5) { animation-delay: 2s; left: 60%; }
@media screen and (max-width: 768px) { .header .left .ava.animation-enabled { animation-duration: 3s; } .drop-item { width: 15px; height: 15px; } .drop-item::before { font-size: 10px; } }

/* 卡片文字样式 - 彩色渐变效果 */
.card-title-colorful { background: linear-gradient(45deg, #ff6b6b, #4ecdc4, #45b7d1, #96ceb4, #feca57); background-size: 300% 300%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: gradientShift 3s ease-in-out infinite; font-weight: bold !important; font-size: 16px !important; text-shadow: none !important; }
.card-subtitle-style { background: linear-gradient(45deg, #ff9a9e, #fecfef, #fecfef); background-size: 200% 200%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: subtitleGradient 4s ease-in-out infinite; font-weight: normal !important; font-size: 14px !important; }
@keyframes gradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
@keyframes subtitleGradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }

/* 悬浮头像样式 */
.floating-avatar { position: fixed; bottom: 20px; right: 20px; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; z-index: 1000; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); cursor: pointer; transition: all 0.3s ease; border: 3px solid #fff; animation: floatingPulse 3s ease-in-out infinite; }
@keyframes floatingPulse { 0%, 100% { transform: scale(1); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 0 0 0 rgba(0, 123, 255, 0.4); } 50% { transform: scale(1.05); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25), 0 0 0 10px rgba(0, 123, 255, 0.1); } }
.floating-avatar::before { content: ''; position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; border-radius: 50%; background: linear-gradient(45deg, #007bff, #00d4ff, #007bff); background-size: 200% 200%; animation: rotateGlow 4s linear infinite; z-index: -1; opacity: 0.6; }
@keyframes rotateGlow { 0% { background-position: 0% 50%; transform: rotate(0deg); } 50% { background-position: 100% 50%; transform: rotate(180deg); } 100% { background-position: 0% 50%; transform: rotate(360deg); } }
.floating-avatar:hover { transform: scale(1.15); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3), 0 0 0 15px rgba(0, 123, 255, 0.15); animation: floatingHover 0.6s ease-in-out infinite alternate; }
@keyframes floatingHover { 0% { transform: scale(1.15) translateY(0px); } 100% { transform: scale(1.15) translateY(-3px); } }
.floating-avatar:active { transform: scale(0.95); }
.floating-avatar:active::after { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.5); transform: translate(-50%, -50%); animation: clickRipple 0.6s ease-out; }
@keyframes clickRipple { 0% { width: 0; height: 0; opacity: 1; } 100% { width: 100px; height: 100px; opacity: 0; } }
.floating-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; position: relative; z-index: 1; }
.floating-avatar .message-dot { position: absolute; top: -2px; right: -2px; width: 18px; height: 18px; background: linear-gradient(45deg, #ff4757, #ff3838); border-radius: 50%; border: 2px solid #fff; animation: messagePulse 2s ease-in-out infinite; z-index: 2; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #fff; font-weight: bold; }
@keyframes messagePulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.2); opacity: 0.8; } }

/* 悬浮客服动画效果 */
.floating-pulse { animation: floatingPulse 2s ease-in-out infinite; }
.floating-bounce { animation: floatingBounce 2s ease-in-out infinite; }
.floating-swing { animation: floatingSwing 2s ease-in-out infinite; }
.floating-shake { animation: floatingShake 2s ease-in-out infinite; }
@keyframes floatingPulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.1); opacity: 0.8; } }
@keyframes floatingBounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-10px); } 60% { transform: translateY(-5px); } }
@keyframes floatingSwing { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(10deg); } 75% { transform: rotate(-10deg); } }
@keyframes floatingShake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-3px); } 20%, 40%, 60%, 80% { transform: translateX(3px); } }
@media screen and (max-width: 768px) { .floating-avatar { width: 50px; height: 50px; bottom: 40px; right: 15px; } .floating-avatar .message-dot { width: 15px; height: 15px; font-size: 8px; top: -1px; right: -1px; } .floating-avatar:hover { transform: scale(1.1); } @keyframes floatingHover { 0% { transform: scale(1.1) translateY(0px); } 100% { transform: scale(1.1) translateY(-2px); } } }

/* 在线客服弹窗样式 */
.customer-service-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999; display: none; align-items: center; justify-content: center; overflow: hidden; overscroll-behavior: contain; }
.customer-service-modal.show { display: flex; animation: fadeIn 0.3s ease; overflow: hidden; }
.modal-content { background: #fff; border-radius: 12px; padding: 0; max-width: 400px; width: 90%; max-height: 80vh; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); animation: slideUp 0.3s ease; position: relative; overscroll-behavior: contain; }
.modal-header { background: #f8f9fa; padding: 20px; border-bottom: 1px solid #e9ecef; position: relative; }
.modal-header h3 { margin: 0; font-size: 18px; color: #333; font-weight: 600; }
.modal-close { position: absolute; top: 15px; right: 20px; background: none; border: none; font-size: 24px; color: #999; cursor: pointer; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: all 0.2s ease; }
.modal-close:hover { background: #f0f0f0; color: #333; }
.modal-body { padding: 20px; }
.service-item { display: flex; align-items: center; padding: 15px; margin: 10px 0; border: 1px solid #e9ecef; border-radius: 8px; text-decoration: none; color: #333; transition: all 0.2s ease; }
.service-item:hover { background: #f8f9fa; border-color: #007bff; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15); }
.service-icon { width: 36px; height: 36px; border-radius: 6px; background: #007bff; display: flex; align-items: center; justify-content: center; margin-right: 15px; font-size: 16px; color: #fff; overflow: hidden; box-shadow: 0 2px 6px rgba(0, 123, 255, 0.2); }
.service-icon img { width: 100%; height: 100%; object-fit: cover; border-radius: 4px; }
.service-info { flex: 1; }
.service-info h4 { margin: 0 0 5px 0; font-size: 16px; font-weight: 600; color: #333; }
.service-info p { margin: 0; font-size: 14px; color: #666; }
.copy-button { background: #28a745; color: #fff; border: none; padding: 8px 12px; border-radius: 6px; font-size: 12px; cursor: pointer; margin-left: auto; transition: all 0.2s ease; white-space: nowrap; user-select: none; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; touch-action: manipulation; min-width: 80px; position: relative; outline: none; -webkit-appearance: none; }
.copy-button:hover { background: #218838; transform: translateY(-1px); box-shadow: 0 2px 6px rgba(40, 167, 69, 0.3); }
.copy-button:active { transform: translateY(0); box-shadow: 0 1px 3px rgba(40, 167, 69, 0.2); }
.copy-button:disabled { opacity: 0.8; cursor: not-allowed; transform: none !important; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes slideUp { from { transform: translateY(30px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
@media screen and (max-width: 768px) { .modal-content { width: 95%; margin: 20px; } .modal-header { padding: 15px; } .modal-body { padding: 15px; } .service-item { padding: 12px; } .service-icon { width: 32px; height: 32px; font-size: 14px; } .copy-button { padding: 6px 10px; font-size: 11px; } }

/* 欢迎语跳跃动画 */
.welcome-text { animation: welcomeTextJump 2s ease-in-out infinite; text-shadow: 0 4px 4px #000; font-weight: 700; display: inline-block; transform-origin: center bottom; }
@keyframes welcomeTextJump { 0%, 20%, 50%, 80%, 100% { transform: translateY(0) scale(1); } 40% { transform: translateY(-2.7vw) scale(1.1); } 60% { transform: translateY(-1.4vw) scale(1); } }

/* 预加载关键资源 */
.preload-critical { position: absolute; top: -9999px; left: -9999px; opacity: 0; pointer-events: none; }
* { -webkit-tap-highlight-color: transparent; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
html { -webkit-overflow-scrolling: touch; scroll-behavior: smooth; }

/* 复制成功提示弹窗样式 */
.copy-success-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 10000; display: none; align-items: center; justify-content: center; animation: fadeIn 0.3s ease; }
.copy-success-modal.show { display: flex; }
.copy-success-content { background: #fff; border-radius: 12px; padding: 30px; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); animation: bounceIn 0.5s ease; max-width: 300px; width: 90%; }
.copy-success-icon { width: 60px; height: 60px; background: #28a745; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-size: 30px; color: #fff; font-weight: bold; animation: checkmark 0.6s ease; }
.copy-success-text { font-size: 20px; font-weight: 600; color: #333; margin-bottom: 10px; }
.copy-success-subtext { font-size: 14px; color: #666; margin-bottom: 0; }
@keyframes bounceIn { 0% { transform: scale(0.3); opacity: 0; } 50% { transform: scale(1.05); } 70% { transform: scale(0.9); } 100% { transform: scale(1); opacity: 1; } }
@keyframes checkmark { 0% { transform: scale(0); opacity: 0; } 50% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); opacity: 1; } }
@media screen and (max-width: 768px) { .copy-success-content { padding: 25px; max-width: 280px; } .copy-success-icon { width: 50px; height: 50px; font-size: 24px; margin-bottom: 15px; } .copy-success-text { font-size: 18px; } .copy-success-subtext { font-size: 13px; } }

/* 网站标题样式 - 超过4个字缩小显示，不换行 */
.site-title-text {
    display: inline-block !important;
    white-space: nowrap !important;
    overflow: visible !important;
    max-width: none !important;
    width: auto !important;
    vertical-align: middle !important;
    line-height: 1.2 !important;
    word-break: keep-all !important;
    word-wrap: normal !important;
    flex-shrink: 0 !important;
}

/* 确保父容器不会限制标题 */
.google {
    white-space: nowrap !important;
}
.info-text {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* 默认字体大小 (1-4个字) */
.site-title-text {
    font-size: 14px !important;
}

/* 5-6个字时缩小 */
.site-title-text[data-title-length="5"],
.site-title-text[data-title-length="6"] {
    font-size: 12px !important;
}

/* 7-8个字时进一步缩小 */
.site-title-text[data-title-length="7"],
.site-title-text[data-title-length="8"] {
    font-size: 11px !important;
}

/* 超过8个字时最小字体 */
.site-title-text[data-title-length="long"] {
    font-size: 10px !important;
}

/* 网站链接标题样式 - 确保一行显示并根据长度调整字体大小 */
.content-item .text-1 span {
    display: inline-block !important;
    white-space: nowrap !important;
    overflow: visible !important;
    max-width: none !important;
    width: auto !important;
    vertical-align: middle !important;
    line-height: 1.2 !important;
    word-break: keep-all !important;
    word-wrap: normal !important;
    letter-spacing: normal !important;
    text-align: center !important;
    margin: 0 !important;
    font-size: 14px !important;
}

/* 超过4个字时缩小显示 */
.content-item .text-1 span {
    font-size: 14px !important;
}

/* 5-6个字时缩小 */
.content-item .text-1 span[data-length="5"],
.content-item .text-1 span[data-length="6"] {
    font-size: 12px !important;
}

/* 7-8个字时进一步缩小 */
.content-item .text-1 span[data-length="7"],
.content-item .text-1 span[data-length="8"] {
    font-size: 11px !important;
}

/* 超过8个字时最小字体 */
.content-item .text-1 span[data-length="long"] {
    font-size: 10px !important;
}

/* 确保text-1容器不会限制宽度 */
.content-item .text-1 {
    width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

/* 调整content-item宽度以适应文字 */
.content-item {
    min-width: 0 !important;
    flex-shrink: 0 !important;
}