/* 功德页面样式 */
.merit-page{min-height:100vh;padding-bottom:100px}
.merit-header{background:linear-gradient(135deg,#BA55D3,#9370DB);padding:20px 18px;border-radius:16px;color:#fff;margin-bottom:20px;text-align:center}
.merit-title{font-size:18px;font-weight:600;margin-bottom:12px;opacity:.95}
.merit-stats{display:flex;justify-content:space-around;gap:20px;margin-top:16px}
.merit-stat-item{flex:1}
.merit-stat-label{font-size:12px;opacity:.85;margin-bottom:6px}
.merit-stat-value{font-size:28px;font-weight:700;line-height:1}
.woodfish-area{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px 20px;margin:0 16px 24px;text-align:center;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}
.woodfish-area:active{transform:scale(.98)}
.woodfish-container{position:relative;width:200px;height:200px;margin:0 auto 20px}
.woodfish-image{width:100%;height:100%;object-fit:contain;transition:transform .1s}
.woodfish-image.being-hit{transform:scale(.95)}
.mallet{position:absolute;top:20px;left:50%;transform:translateX(-50%);width:60px;height:60px;object-fit:contain;transition:transform .1s;pointer-events:none;transform-origin:right center}
.mallet.hitting{transform:translateX(-50%) translateY(20px) rotate(-15deg)}
.tap-hint{font-size:14px;color:#c7d2fe;margin-bottom:8px}
.tap-count{font-size:13px;color:#9ca3af;margin-bottom:12px}
.merit-add-animation{position:absolute;font-size:18px;font-weight:700;color:#9ae6b4;pointer-events:none;opacity:0;transition:all .5s;z-index:10}
.merit-add-animation.show{opacity:1;transform:translateY(-30px)}
.member-section{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:18px;margin:0 16px 20px}
.member-title{font-size:16px;font-weight:600;color:#f2f4f8;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.member-benefits{list-style:none;padding:0;margin:0}
.member-benefits li{font-size:13px;color:#c7d2fe;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:10px}
.member-benefits li:last-child{border-bottom:none}
.member-benefits li:before{content:'✓';color:#9ae6b4;font-weight:700;font-size:16px}
.member-btn{display:block;width:100%;padding:14px;background:linear-gradient(135deg,#8B5CF6,#7C3AED);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;margin-top:12px;cursor:pointer;transition:all .2s;text-align:center;text-decoration:none}
.member-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(139,92,246,.4)}
.member-btn:disabled{opacity:.5;cursor:not-allowed}
.auto-mode-section{
	margin:0 16px 20px;
	padding:14px 18px;
	border-radius:16px;
	background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));
	border:1px solid rgba(255,255,255,.1);
}
.auto-mode-toggle{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.auto-mode-label{font-size:14px;color:#f2f4f8;font-weight:500}
.toggle-switch{width:50px;height:28px;background:#4b5563;border-radius:14px;position:relative;cursor:pointer;transition:background .2s}
.toggle-switch.active{background:#8B5CF6}
.toggle-switch .toggle-slider{width:24px;height:24px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s;box-shadow:0 2px 4px rgba(0,0,0,.2)}
.toggle-switch.active .toggle-slider{transform:translateX(22px)}
.auto-mode-desc{font-size:12px;color:#9ca3af;margin-top:8px}
.auto-speed-row{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:10px;flex-wrap:wrap}
.auto-speed-label{font-size:12px;color:#9ca3af}
.auto-speed-buttons{display:flex;gap:8px}
.auto-speed-btn{min-width:42px;padding:4px 8px;border-radius:999px;border:1px solid rgba(156,163,175,.7);background:transparent;color:#e5e7eb;font-size:12px;cursor:pointer;transition:all .15s}
.auto-speed-btn.active{background:#8B5CF6;border-color:#A855F7;color:#f9fafb}
.auto-speed-btn:hover{border-color:#e5e7eb}
.ranking-section{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:18px;margin:0 16px 20px}
.ranking-title{font-size:16px;font-weight:600;color:#f2f4f8;margin-bottom:14px}
.ranking-list{list-style:none;padding:0;margin:0}
.ranking-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.ranking-item:last-child{border-bottom:none}
.rank-number{width:28px;height:28px;background:rgba(139,92,246,.2);border:1px solid rgba(139,92,246,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#c7d2fe;flex-shrink:0}
.rank-number.top3{background:linear-gradient(135deg,#FFD700,#FFA500);border-color:#FFD700;color:#fff}
.user-avatar{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);flex-shrink:0;object-fit:cover}
.user-name{flex:1;font-size:14px;color:#f2f4f8;font-weight:500}
.user-merit{font-size:14px;color:#9ae6b4;font-weight:600}