/* 动感论坛特效 wajxy_cdc_html5eff 前台样式（纯静态文件，无 PHP） */

/* ===== 关键帧 ===== */
@keyframes wajxy-cdc-html5eff-pop{
	0%{opacity:0;transform:scale(.2)}
	60%{opacity:.75;transform:scale(1.1)}
	100%{opacity:1;transform:scale(1)}
}
@keyframes wajxy-cdc-html5eff-fastr{
	0%{opacity:0;transform:translate(0,60px)}
	100%{opacity:1;transform:none}
}
@keyframes wajxy-cdc-html5eff-afastr{
	0%{opacity:0;transform:translate(0,-60px)}
	67%{opacity:1;transform:none}
	86%{opacity:1;transform:translate(0,-2px)}
	100%{opacity:1;transform:none}
}
@keyframes wajxy-cdc-html5eff-fastscale{
	0%{opacity:0;transform:scale(.2,1) translate(-120px,0)}
	100%{opacity:1;transform:none}
}

/* ===== 入场动画：主内容 ===== */
html.wajxy-cdc-html5eff-anim-page .x-card.card{
	animation:wajxy-cdc-html5eff-fastr var(--wajxy-cdc-html5eff-duration,400ms) ease-out both;
}
html.wajxy-cdc-html5eff-anim-page .btn-group,
html.wajxy-cdc-html5eff-anim-page .pagination{
	animation:wajxy-cdc-html5eff-fastscale var(--wajxy-cdc-html5eff-duration,400ms) ease-out both;
}

/* ===== 入场动画：列表逐条延时 ===== */
html.wajxy-cdc-html5eff-anim-card .x-card.card:nth-of-type(1){animation-delay:0ms}
html.wajxy-cdc-html5eff-anim-card .x-card.card:nth-of-type(2){animation-delay:calc(var(--wajxy-cdc-html5eff-stagger,60ms) * 1)}
html.wajxy-cdc-html5eff-anim-card .x-card.card:nth-of-type(3){animation-delay:calc(var(--wajxy-cdc-html5eff-stagger,60ms) * 2)}
html.wajxy-cdc-html5eff-anim-card .x-card.card:nth-of-type(4){animation-delay:calc(var(--wajxy-cdc-html5eff-stagger,60ms) * 3)}
html.wajxy-cdc-html5eff-anim-card .x-card.card:nth-of-type(5){animation-delay:calc(var(--wajxy-cdc-html5eff-stagger,60ms) * 4)}
html.wajxy-cdc-html5eff-anim-card .x-card.card:nth-of-type(6){animation-delay:calc(var(--wajxy-cdc-html5eff-stagger,60ms) * 5)}
html.wajxy-cdc-html5eff-anim-card .x-card.card:nth-of-type(7){animation-delay:calc(var(--wajxy-cdc-html5eff-stagger,60ms) * 6)}
html.wajxy-cdc-html5eff-anim-card .x-card.card:nth-of-type(8){animation-delay:calc(var(--wajxy-cdc-html5eff-stagger,60ms) * 7)}
html.wajxy-cdc-html5eff-anim-card .x-card.card:nth-of-type(n+9){animation-delay:calc(var(--wajxy-cdc-html5eff-stagger,60ms) * 8)}

/* ===== 入场动画：顶部导航 ===== */
html.wajxy-cdc-html5eff-anim-navbar .navbar,
html.wajxy-cdc-html5eff-anim-navbar .navbar-brand{
	animation:wajxy-cdc-html5eff-afastr var(--wajxy-cdc-html5eff-duration,400ms) ease-out both;
}

/* ===== 入场动画：弹窗 / 轻提示 / 下拉 ===== */
html.wajxy-cdc-html5eff-anim-modal .modal.show .modal-dialog,
html.wajxy-cdc-html5eff-anim-modal .toast.show,
html.wajxy-cdc-html5eff-anim-modal .dropdown-menu.show,
html.wajxy-cdc-html5eff-anim-modal .tooltip.show,
html.wajxy-cdc-html5eff-anim-modal .popover.show{
	animation:wajxy-cdc-html5eff-pop var(--wajxy-cdc-html5eff-duration,400ms) ease-out both;
}

/* ===== 入场动画：侧边栗 ===== */
html.wajxy-cdc-html5eff-anim-sidebar .col-xl-3 .x-card.card,
html.wajxy-cdc-html5eff-anim-sidebar .col-lg-3 .x-card.card{
	animation:wajxy-cdc-html5eff-afastr var(--wajxy-cdc-html5eff-duration,400ms) ease-out both;
}

/* ===== 悬停：头像放大 ===== */
html.wajxy-cdc-html5eff-hover-avatar .avatar,
html.wajxy-cdc-html5eff-hover-avatar .avatar img,
html.wajxy-cdc-html5eff-hover-avatar img.avatar{
	transition:transform .15s ease-out;
}
html.wajxy-cdc-html5eff-hover-avatar .avatar:hover,
html.wajxy-cdc-html5eff-hover-avatar .avatar:hover img,
html.wajxy-cdc-html5eff-hover-avatar img.avatar:hover{
	transform:scale(var(--wajxy-cdc-html5eff-hover-scale,1.07));
}

/* ===== 悬停：链接发光 ===== */
html.wajxy-cdc-html5eff-hover-link a{
	transition:color .2s linear,text-shadow .2s linear;
}
html.wajxy-cdc-html5eff-hover-link a:hover{
	text-shadow:0 0 3px var(--bs-secondary-color);
	text-decoration:none;
}
html.wajxy-cdc-html5eff-hover-link .btn:hover,
html.wajxy-cdc-html5eff-hover-link .navbar-brand:hover{
	text-shadow:none;
}

/* ===== 悬停：卡片抬起 ===== */
html.wajxy-cdc-html5eff-hover-card .x-card.card{
	transition:transform .2s ease-out,box-shadow .2s ease-out;
}
html.wajxy-cdc-html5eff-hover-card .x-card.card:hover{
	transform:translateY(calc(var(--wajxy-cdc-html5eff-lift,4px) * -1));
	box-shadow:0 10px 24px rgba(var(--bs-emphasis-color-rgb,0,0,0),.12);
}

/* ===== 悬停：图标旋转 ===== */
html.wajxy-cdc-html5eff-hover-icon .btn .ti,
html.wajxy-cdc-html5eff-hover-icon .nav-link .ti,
html.wajxy-cdc-html5eff-hover-icon .dropdown-item .ti,
html.wajxy-cdc-html5eff-hover-icon .card-title .ti{
	display:inline-block;
	transition:transform .2s linear;
}
html.wajxy-cdc-html5eff-hover-icon .btn:hover .ti,
html.wajxy-cdc-html5eff-hover-icon .nav-link:hover .ti,
html.wajxy-cdc-html5eff-hover-icon .dropdown-item:hover .ti,
html.wajxy-cdc-html5eff-hover-icon .card-title:hover .ti{
	transform:rotate(var(--wajxy-cdc-html5eff-rotate,20deg));
}

/* ===== 悬停：缩略图放大 ===== */
html.wajxy-cdc-html5eff-hover-thumb .x-card.card .ratio,
html.wajxy-cdc-html5eff-hover-thumb .thread-list-thumb,
html.wajxy-cdc-html5eff-hover-thumb .attachment-item{
	overflow:hidden;
}
html.wajxy-cdc-html5eff-hover-thumb .x-card.card .ratio img,
html.wajxy-cdc-html5eff-hover-thumb .thread-list-thumb img,
html.wajxy-cdc-html5eff-hover-thumb .attachment-item img{
	transition:transform .25s ease-out;
}
html.wajxy-cdc-html5eff-hover-thumb .x-card.card .ratio img:hover,
html.wajxy-cdc-html5eff-hover-thumb .thread-list-thumb img:hover,
html.wajxy-cdc-html5eff-hover-thumb .attachment-item img:hover{
	transform:scale(calc(var(--wajxy-cdc-html5eff-hover-scale,1.07) + .1));
}

/* ===== 焦点：搜索框展宽 ===== */
html.wajxy-cdc-html5eff-focus-search input[type="search"],
html.wajxy-cdc-html5eff-focus-search .navbar .form-control[name="keyword"],
html.wajxy-cdc-html5eff-focus-search form[action*="search"] .form-control{
	transition:max-width .25s ease,box-shadow .25s ease;
	max-width:100%;
}
html.wajxy-cdc-html5eff-focus-search input[type="search"]:focus,
html.wajxy-cdc-html5eff-focus-search .navbar .form-control[name="keyword"]:focus,
html.wajxy-cdc-html5eff-focus-search form[action*="search"] .form-control:focus{
	max-width:var(--wajxy-cdc-html5eff-search-width,420px);
}

/* ===== 焦点：输入框放大 ===== */
html.wajxy-cdc-html5eff-focus-input .form-control,
html.wajxy-cdc-html5eff-focus-input .form-select{
	transition:transform .25s ease,box-shadow .25s ease;
}
html.wajxy-cdc-html5eff-focus-input .form-control:focus,
html.wajxy-cdc-html5eff-focus-input .form-select:focus{
	transform:scale(1.02);
}
html.wajxy-cdc-html5eff-focus-input textarea.form-control:focus{
	transform:none;
}

/* ===== 移动端关闭特效 ===== */
@media(max-width:767.98px){
	html.wajxy-cdc-html5eff-nomobile *{animation-name:none!important;transition:none!important}
	html.wajxy-cdc-html5eff-nomobile *:hover,
	html.wajxy-cdc-html5eff-nomobile *:focus{transform:none!important;text-shadow:none!important;box-shadow:none}
}

/* ===== 无障碍：尊重系统“减弱动画”偏好 ===== */
@media(prefers-reduced-motion:reduce){
	html.wajxy-cdc-html5eff-rmotion *{animation-name:none!important;transition:none!important}
	html.wajxy-cdc-html5eff-rmotion *:hover,
	html.wajxy-cdc-html5eff-rmotion *:focus{transform:none!important;text-shadow:none!important}
}